@ha_tecno/live-id-sdk 2.9.2 → 2.10.0

package/lib/typescript/src/screens/MultiFingerRegister/styles.d.ts

@@ -1,56 +0,0 @@
-export declare const styles: {
-    container: {
-        flex: number;
-    };
-    root: {
-        flex: number;
-    };
-    cameraContainer: {
-        flex: number;
-        justifyContent: "center";
-    };
-    camera: {
-        flex: number;
-        paddingBottom: number;
-    };
-    containerCapture: {
-        position: "absolute";
-        width: "100%";
-        alignItems: "center";
-    };
-    cameraConfigs: {
-        alignItems: "center";
-    };
-    containerModalIcon: {
-        position: "absolute";
-        top: number;
-        right: number;
-        zIndex: number;
-    };
-    containerModal: {
-        position: "absolute";
-        justifyContent: "flex-start";
-        alignSelf: "center";
-        width: "100%";
-    };
-    modal: {
-        margin: number;
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-    iconClose: {
-        position: "absolute";
-        alignSelf: "flex-end";
-        padding: number;
-    };
-};
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/screens/MultiFingerRegister/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/screens/MultiFingerRegister/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDjB,CAAC"}

package/src/screens/MultiFingerRegister/MultiFingerRegister.tsx

@@ -1,190 +0,0 @@
-import React, { useCallback, useEffect, useRef } from "react";
-import { View } from "react-native";
-import { Camera, Point, useCameraDevice, useCameraFormat, useCameraPermission } from "react-native-vision-camera";
-import Orientation from "react-native-orientation-locker";
-import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
-import { runOnJS } from "react-native-reanimated";
-import Picker, { PickerStyle } from "react-native-picker-select";
-
-import { CameraConfigInfo, CaptureButton, DeviceNotFound, Gabarito, ModalMessage } from "../../components";
-import { styles } from "./styles";
-import { useDispatch, useSelector } from "../../store/modules/fingerRegister";
-import { useIsForeground } from "../../utils";
-
-enum Finger {
-  LEFT_THUMB = "LT",
-  LEFT_INDEX = "LI",
-  LEFT_MIDDLE = "LM",
-  LEFT_RING = "LR",
-  LEFT_PINKY = "LP",
-  RIGHT_THUMB = "RT",
-  RIGHT_INDEX = "RI",
-  RIGHT_MIDDLE = "RM",
-  RIGHT_RING = "RR",
-  RIGHT_PINKY = "RP"
-}
-
-type Props = {
-  UID: string;
-  onSuccess: (code: number) => void;
-  isFocused?: boolean;
-  mock?: boolean;
-  testID?: string;
-};
-
-const MultiFingerRegister = ({ testID, UID, onSuccess, isFocused, mock }: Props) => {
-  const cameraRef = useRef<Camera>(null);
-  const isForeground = useIsForeground();
-  const isActive = isFocused !== undefined ? isForeground && isFocused : isForeground;
-  const { hasPermission, requestPermission } = useCameraPermission();
-  const device = useCameraDevice("back");
-  const state = useSelector();
-  const dispatch = useDispatch();
-
-  const containerCaptureStyled = [styles.containerCapture, { bottom: state.showButtonInfo ? 75 : 20 }];
-  const pickerStyled: PickerStyle = {
-    chevronDown: { display: "none" },
-    chevronUp: { display: "none" },
-    inputIOS: {
-      fontSize: 16,
-      color: "#000",
-      textAlign: "center"
-    },
-    inputAndroid: {
-      fontSize: 14,
-      color: "#000",
-      textAlign: "center"
-    }
-  };
-
-  const itemsPicker = [
-    { label: "Indicador Direito", value: Finger.RIGHT_INDEX },
-    { label: "Médio Direito", value: Finger.RIGHT_MIDDLE },
-    { label: "Anelar Direito", value: Finger.RIGHT_RING },
-    { label: "Mínimo Direito", value: Finger.RIGHT_PINKY },
-    { label: "Polegar Direito", value: Finger.RIGHT_THUMB },
-    { label: "Indicador Esquerdo", value: Finger.LEFT_INDEX },
-    { label: "Médio Esquerdo", value: Finger.LEFT_MIDDLE },
-    { label: "Anelar Esquerdo", value: Finger.LEFT_RING },
-    { label: "Mínimo Esquerdo", value: Finger.LEFT_PINKY },
-    { label: "Polegar Esquerdo", value: Finger.LEFT_THUMB }
-  ];
-
-  useEffect(() => {
-    Orientation.lockToPortrait();
-    return () => {
-      Orientation.unlockAllOrientations();
-    };
-  });
-
-  const cameraPermission = useCallback(async () => {
-    if (!hasPermission) {
-      await requestPermission();
-    }
-  }, [hasPermission, requestPermission]);
-
-  useEffect(() => {
-    cameraPermission();
-    dispatch.getConfig("finger");
-  }, [cameraPermission, dispatch.getConfig]);
-
-  const cameraFormat = useCameraFormat(device, [
-    {
-      photoResolution: {
-        width: 1280,
-        height: 720
-      }
-    }
-  ]);
-
-  useEffect(() => {
-    if (state.base64Images !== undefined && state.base64Images.length === 3) {
-      if (!UID) {
-        dispatch.setModal("Ocorreu um erro!", "Erro: UID não encontrado!");
-      }
-      dispatch.handleLoading();
-      dispatch.sendImages(state.base64Images, UID, mock, state.currentFinger);
-    }
-  }, [dispatch.sendImages, dispatch.handleLoading, state.base64Images, state.base64Images.length, mock]);
-
-  useEffect(() => {
-    if (state.code === 0) {
-      dispatch.setModal("Sucesso!", "Cadastro de digital realizado com sucesso!");
-      onSuccess && onSuccess?.(state.code);
-      mock === true ? setTimeout(() => dispatch.handleLoading(), 2000) : dispatch.handleLoading();
-      dispatch.handleFinger();
-    }
-    if (state.code !== 0 && state.code !== null) {
-      dispatch.setModal("Ocorreu um erro!", `Erro: ${state.message}`);
-      dispatch.handleLoading();
-    }
-    dispatch.resetState();
-  }, [state.code, state.message, dispatch.handleLoading, dispatch.resetState, dispatch.setModal, onSuccess, mock]);
-
-  const takePhoto = async () => {
-    const photo = await cameraRef.current?.takePhoto({
-      qualityPrioritization: "balanced"
-    });
-    if (photo != null) {
-      dispatch.setImagePath(photo.path);
-    }
-  };
-
-  const focus = useCallback((point: Point) => {
-    const camera = cameraRef.current;
-    if (camera != null) {
-      camera.focus(point);
-    }
-  }, []);
-
-  const gesture = Gesture.Tap().onBegin(({ x, y }) => {
-    runOnJS(focus)({ x, y });
-  });
-
-  const handleCurrentFinger = (value: string) => {
-    dispatch.setCurrentFinger(value as Finger);
-  };
-
-  if (device == null || hasPermission === false)
-    return <DeviceNotFound hasPermission={hasPermission} cameraPermission={cameraPermission} />;
-
-  return (
-    <GestureHandlerRootView style={styles.root}>
-      <GestureDetector gesture={gesture}>
-        <View style={styles.cameraContainer}>
-          <Camera
-            ref={cameraRef}
-            style={styles.camera}
-            device={device}
-            format={cameraFormat}
-            isActive={isActive}
-            torch={isActive ? "on" : "off"}
-            exposure={state.exposure}
-            zoom={state.zoom}
-            photo
-          />
-          <Gabarito />
-        </View>
-      </GestureDetector>
-      <View style={containerCaptureStyled}>
-        <CaptureButton onPress={takePhoto} imagesCount={state.base64Images.length} testID={testID} />
-      </View>
-      {state.showButtonInfo && <CameraConfigInfo exposure={state.exposure} zoom={state.zoom} />}
-      <ModalMessage isLoading={state.loading} modal={state.modal} />
-      <View style={styles.containerModal}>
-        <View style={styles.modal}>
-          <Picker
-            style={pickerStyled}
-            useNativeAndroidPickerStyle={false}
-            placeholder={{}}
-            items={itemsPicker}
-            value={state.currentFinger}
-            onValueChange={handleCurrentFinger}
-          />
-        </View>
-      </View>
-    </GestureHandlerRootView>
-  );
-};
-
-export default MultiFingerRegister;

package/src/screens/MultiFingerRegister/styles.ts

@@ -1,59 +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,
-    justifyContent: "center"
-  },
-  camera: {
-    flex: 1,
-    paddingBottom: height * 0.2
-  },
-  containerCapture: {
-    position: "absolute",
-    width: "100%",
-    alignItems: "center"
-  },
-  cameraConfigs: {
-    alignItems: "center"
-  },
-  containerModalIcon: {
-    position: "absolute",
-    top: 10,
-    right: 10,
-    zIndex: 9999
-  },
-  containerModal: {
-    position: "absolute",
-    justifyContent: "flex-start",
-    alignSelf: "center",
-    width: "100%"
-  },
-  modal: {
-    margin: 20,
-    backgroundColor: "white",
-    borderRadius: 20,
-    padding: Platform.OS === "ios" ? 35 : 20,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 4,
-    elevation: 5
-  },
-  iconClose: {
-    position: "absolute",
-    alignSelf: "flex-end",
-    padding: 8
-  }
-});