@oiti/rn-liveness3d 1.1.2 → 2.0.0

package/lib/typescript/utils/permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../../src/utils/permissions.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,KASpB,CAAC;AAQN,wBAAgB,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAInD;AAED,wBAAgB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CAIhD"}

package/lib/typescript/utils/screenStore.d.ts

@@ -0,0 +1,5 @@
+export declare const SCREEN: Readonly<{
+    readonly INSTRUCTION_VIEW: 1;
+    readonly PERMISSION_VIEW: 2;
+}>;
+//# sourceMappingURL=screenStore.d.ts.map

package/lib/typescript/utils/screenStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenStore.d.ts","sourceRoot":"","sources":["../../../src/utils/screenStore.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;EAGR,CAAC"}

package/oiti-rn-liveness3d.podspec

@@ -13,12 +13,13 @@ Pod::Spec.new do |s|
 
   s.platforms    = { :ios => "10.0" }
   s.source       = { :git => "https://github.com/oititec/rn-liveness3d.git", :tag => "#{s.version}" }
+  s.source       = { :git => "https://github.com/oititec/ios-artifactory.git" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
  
-  s.ios.dependency 'OILiveness3D', '1.0.4'
+  s.ios.dependency 'OILiveness3D', '2.0.2'
 
   # Don't install the dependencies when we run `pod install` in the old architecture.
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiti/rn-liveness3d",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -56,7 +56,7 @@
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
+    "@types/react": "17.0.21",
     "@types/react-native": "0.70.0",
     "commitlint": "^17.0.2",
     "eslint": "^8.4.1",
@@ -66,14 +66,11 @@
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
     "react": "18.2.0",
-    "react-native": "0.71.4",
+    "react-native": "0.70.0",
     "react-native-builder-bob": "^0.20.0",
     "release-it": "^15.0.0",
     "typescript": "^4.5.2"
   },
-  "resolutions": {
-    "@types/react": "17.0.21"
-  },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"

package/src/@types/ArgsType.ts

@@ -1,15 +1,15 @@
+import { FontsType } from './FontsType';
+import { TextsType } from './TextsType';
+import { ThemeType } from './ThemeType';
+
 export type ArgsType = {
   appkey: string;
-  environment: '.HML' | '.PRD';
-  baseUrl: string;
-  apparence: ApparenceType;
-  liveness3Dtext: object;
-  loading: LoadingType;
-};
-
-export type ApparenceType = {
-  backgroundColor: string | undefined;
-  loadingColor: string | undefined;
+  ticket?: string | null;
+  environment: 'HML' | 'PRD';
+  liveness3Dtext?: TextsType;
+  theme?: ThemeType;
+  fonts?: FontsType;
+  loading?: LoadingType;
 };
 
 export type LoadingType = {

package/src/@types/FontsType.ts

@@ -0,0 +1,22 @@
+export type FontsType = {
+  /* Guidance */
+  guidanceCustomizationHeaderFont?: string;
+  guidanceCustomizationSubtextFont?: string;
+
+  /* Button */
+  guidanceCustomizationButtonFont?: string;
+
+  /* Ready Screen */
+  readyScreenCustomizationHeaderFont?: string;
+  readyScreenCustomizationSubtextFont?: string;
+
+  /* Retry Screen */
+  retryScreenCustomizationHeaderFont?: string;
+  retryScreenCustomizationSubtextFont?: string;
+
+  /* Result Screen */
+  resultScreenCustomizationMessageFont?: string;
+
+  /* Feedback */
+  feedbackCustomizationTextFont?: string;
+};

package/src/@types/ResultType.ts

@@ -0,0 +1,13 @@
+export type onSuccessType = {
+  valid: boolean;
+  cause: string;
+  codId: string;
+  protocol: string;
+  blob: string;
+};
+
+export type onErrorType = {
+  code: string;
+  message: string;
+  error?: Error;
+};

package/src/@types/ResultTypes.ts

@@ -0,0 +1,6 @@
+import { onErrorType, onSuccessType } from './ResultType';
+
+export type ResultType = {
+  onSuccess: (result: onSuccessType) => void;
+  onError: (error: onErrorType) => void;
+};

package/src/@types/TextsType.ts

@@ -0,0 +1,41 @@
+export type TextsType = {
+  READY_HEADER_1?: string;
+  READY_HEADER_2?: string;
+  READY_MESSAGE_1?: string;
+  READY_MESSAGE_2?: string;
+  READY_BUTTON?: string;
+
+  /* Retry Screen */
+  RETRY_HEADER?: string;
+  RETRY_SUBHEADER?: string;
+  RETRY_YOUR_PICTURE?: string;
+  RETRY_IDEAL_PICTURE?: string;
+  RETRY_MESSAGE_SMILE?: string;
+  RETRY_MESSAGE_LIGHTING?: string;
+  RETRY_MESSAGE_CONTRAST?: string;
+  RETRY_BUTTON?: string;
+
+  /* Result Screen */
+  RESULT_UPLOAD_MESSAGE?: string;
+  RESULT_SUCCESS_MESSAGE?: string;
+
+  /* Feedback */
+  FEEDBACK_CENTER_FACE?: string;
+  FEEDBACK_FACE_NOT_FOUND?: string;
+  FEEDBACK_FACE_NOT_LOOKING_STRAIGHT_AHEAD?: string;
+  FEEDBACK_POSITION_FACE_STRAIGHT_IN_OVAL?: string;
+  FEEDBACK_FACE_NOT_UPRIGHT?: string;
+  FEEDBACK_HOLD_STEADY?: string;
+  FEEDBACK_MOVE_PHONE_AWAY?: string;
+  FEEDBACK_MOVE_PHONE_CLOSER?: string;
+  FEEDBACK_MOVE_PHONE_TO_EYE_LEVEL?: string;
+  FEEDBACK_USE_EVEN_LIGHTING?: string;
+  FEEDBACK_FRAME_YOUR_FACE?: string;
+  FEEDBACK_HOLD_STEADY_1?: string;
+  FEEDBACK_HOLD_STEADY_2?: string;
+  FEEDBACK_HOLD_STEADY_3?: string;
+  FEEDBACK_REMOVE_DARK_GLASSES?: string;
+  FEEDBACK_NEUTRAL_EXPRESSION?: string;
+  FEEDBACK_CONDITIONS_TOO_BRIGHT?: string;
+  FEEDBACK_BRIGHTEN_YOUR_ENVIRONMENT?: string;
+};

package/src/@types/ThemeType.ts

@@ -0,0 +1,64 @@
+export type ThemeType = {
+  /* Guidance */
+  guidanceCustomizationBackgroundColors?: string;
+  guidanceCustomizationForegroundColor?: string;
+
+  /* Button */
+  guidanceCustomizationButtonTextNormalColor?: string;
+  guidanceCustomizationButtonBackgroundNormalColor?: string;
+  guidanceCustomizationButtonTextHighlightColor?: string;
+  guidanceCustomizationButtonBackgroundHighlightColor?: string;
+  guidanceCustomizationButtonTextDisabledColor?: string;
+  guidanceCustomizationButtonBackgroundDisabledColor?: string;
+  guidanceCustomizationButtonBorderColor?: string;
+  guidanceCustomizationButtonBorderWidth?: number;
+  guidanceCustomizationButtonCornerRadius?: number;
+
+  /* Ready Screen */
+  guidanceCustomizationReadyScreenHeaderTextColor?: string;
+  guidanceCustomizationReadyScreenSubtextTextColor?: string;
+
+  /* Retry Screen */
+  guidanceCustomizationRetryScreenHeaderTextColor?: string;
+  guidanceCustomizationRetryScreenSubtextTextColor?: string;
+  guidanceCustomizationRetryScreenImageBorderColor?: string;
+  guidanceCustomizationRetryScreenImageBorderWidth?: number;
+  guidanceCustomizationRetryScreenImageCornerRadius?: number;
+  guidanceCustomizationRetryScreenOvalStrokeColor?: string;
+  guidanceCustomizationReadyScreenOvalFillColor?: string;
+  guidanceCustomizationReadyScreenTextBackgroundColor?: string;
+  guidanceCustomizationReadyScreenTextBackgroundCornerRadius?: string;
+
+  /* Result Screen */
+  resultScreenCustomizationForegroundColor?: string;
+  resultScreenCustomizationBackgroundColors?: string;
+  resultScreenCustomizationActivityIndicatorColor?: string;
+  resultScreenCustomizationCustomActivityIndicatorRotationInterval?: string;
+  resultScreenCustomizationUploadProgressFillColor?: string;
+  resultScreenCustomizationUploadProgressTrackColor?: string;
+  resultScreenCustomizationResultAnimationBackgroundColor?: string;
+  resultScreenCustomizationResultAnimationForegroundColor?: string;
+
+  /* Oval */
+  ovalCustomizationStrokeWidth?: number;
+  ovalCustomizationStrokeColor?: string;
+  ovalCustomizationProgressStrokeWidth?: number;
+  ovalCustomizationProgressColor1?: string;
+  ovalCustomizationProgressColor2?: string;
+  ovalCustomizationProgressRadialOffset?: string;
+
+  /* Frame */
+  frameCustomizationBorderWidth?: number;
+  frameCustomizationCornerRadius?: number;
+  frameCustomizationBorderColor?: string;
+  frameCustomizationBackgroundColor?: string;
+  frameCustomizationElevation?: string;
+
+  /* Overlay */
+  overlayCustomizationBackgroundColor?: string;
+
+  /* Feedback */
+  feedbackCustomizationCornerRadius?: number;
+  feedbackCustomizationBackgroundColors?: string;
+  feedbackCustomizationTextColor?: string;
+};

package/src/actions/BackButton.tsx

@@ -0,0 +1,27 @@
+import React, { useRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useLiveness3DContext } from '../context/Liveness3DContext';
+import { OitiBackButtonInterface } from '../interfaces/OitiBackButtonInterface';
+
+export const BackButton: React.FC<OitiBackButtonInterface> = ({
+  children,
+  ...props
+}) => {
+  const touchableOpacityRef = useRef(null);
+  const { onBack } = useLiveness3DContext();
+
+  const handlePress = () => {
+    onBack();
+  };
+
+  return (
+    //@ts-ignore
+    <TouchableOpacity
+      ref={touchableOpacityRef}
+      onPress={handlePress}
+      {...props}
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};

package/src/actions/ContinueButton.tsx

@@ -0,0 +1,35 @@
+import React, { useRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useLiveness3DContext } from '../context/Liveness3DContext';
+import { continueButton } from '../utils/continueButton';
+import { OitiContinueButtonInterface } from '../interfaces/OitiContinueButton';
+
+export const ContinueButton: React.FC<OitiContinueButtonInterface> = ({
+  children,
+  ...props
+}) => {
+  const touchableOpacityRef = useRef(null);
+  const { setScreen, startLiveness } = useLiveness3DContext();
+
+  function onContinue() {
+    continueButton().then((result) => {
+      result === true && startLiveness();
+      result === false && setScreen(2);
+    });
+  }
+
+  const handlePress = () => {
+    onContinue();
+  };
+
+  return (
+    //@ts-ignore
+    <TouchableOpacity
+      ref={touchableOpacityRef}
+      onPress={handlePress}
+      {...props}
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};

package/src/actions/PermissionButton.tsx

@@ -0,0 +1,27 @@
+import React, { useRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useLiveness3DContext } from '../context/Liveness3DContext';
+import { OitiPermissionButtonInterface } from '../interfaces/OitiPermissionButtonInterface';
+
+export const PermissionButton: React.FC<OitiPermissionButtonInterface> = ({
+  children,
+  ...props
+}) => {
+  const touchableOpacityRef = useRef(null);
+  const { onAskPermission } = useLiveness3DContext();
+
+  const handlePress = () => {
+    onAskPermission();
+  };
+
+  return (
+    //@ts-ignore
+    <TouchableOpacity
+      ref={touchableOpacityRef}
+      onPress={handlePress}
+      {...props}
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};

package/src/context/Liveness3DContext.tsx

@@ -0,0 +1,122 @@
+import { startLiveness3d } from '../index';
+import React, { createContext, FC, useContext, useState } from 'react';
+import { ArgsType } from '../@types/ArgsType';
+import { onErrorType, onSuccessType } from '../@types/ResultType';
+import { ResultType } from '../@types/ResultTypes';
+import { askPermission } from '../utils/permissions';
+import { Platform } from 'react-native';
+
+export const SCREEN = Object.freeze({
+  INSTRUCTION_VIEW: 1,
+  PERMISSION_VIEW: 2,
+} as const);
+
+interface Liveness3DContextType {
+  screen: number;
+  setScreen: React.Dispatch<React.SetStateAction<number>>;
+  navigation: any;
+  setNavigation: React.Dispatch<React.SetStateAction<any>>;
+  options: ArgsType | undefined;
+  setOptions: React.Dispatch<React.SetStateAction<ArgsType | undefined>>;
+  onLiveness3DError: (error: onErrorType) => void;
+  onLiveness3DSuccess: (result: onSuccessType) => void;
+  onBack: () => any;
+  onAskPermission: () => any;
+  startLiveness: () => any;
+  callbackView: string;
+  setCallbackView: React.Dispatch<React.SetStateAction<string>>;
+}
+
+const Liveness3DContext = createContext<Liveness3DContextType | undefined>(
+  undefined
+);
+
+export const Liveness3DProvider: FC<ResultType> = ({
+  children,
+  onError,
+  onSuccess,
+}) => {
+  const [screen, setScreen] = useState<number>(1);
+  const [navigation, setNavigation] = useState<any>();
+  const [options, setOptions] = useState<ArgsType>();
+  const [callbackView, setCallbackView] = useState<string>('');
+
+  const onLiveness3DError = (error: onErrorType) => {
+    onError(error);
+  };
+
+  const onLiveness3DSuccess = (result: onSuccessType) => {
+    onSuccess(result);
+  };
+
+  function onBack() {
+    switch (screen) {
+      case SCREEN.INSTRUCTION_VIEW:
+        onLiveness3DError({ code: '0', message: 'RESULT_CANCELED' });
+        break;
+      case SCREEN.PERMISSION_VIEW:
+        setScreen(1);
+        break;
+    }
+  }
+
+  function startLiveness() {
+    if (options) {
+      startLiveness3d(options)
+        .then((result) => {
+          {
+            if (Platform.OS == 'android') {
+              //@ts-ignore
+              onSuccess(JSON.parse(result) as onSuccessType);
+            } else {
+              onSuccess(result as onSuccessType);
+            }
+          }
+        })
+        .catch((error) => {
+          onError(error as onErrorType);
+        });
+    }
+  }
+  function onAskPermission() {
+    askPermission().then((result) => {
+      result === true && startLiveness();
+      result === false && setScreen(1);
+    });
+  }
+
+  const contextValue: Liveness3DContextType = {
+    screen,
+    setScreen,
+    navigation,
+    setNavigation,
+    onLiveness3DError,
+    onLiveness3DSuccess,
+    onBack,
+    options,
+    setOptions,
+    startLiveness,
+    onAskPermission,
+    callbackView,
+    setCallbackView,
+  };
+
+  return (
+    //@ts-ignore
+    <Liveness3DContext.Provider value={contextValue}>
+      {children}
+    </Liveness3DContext.Provider>
+  );
+};
+
+export const useLiveness3DContext = (): Liveness3DContextType => {
+  const context = useContext(Liveness3DContext);
+  if (!context) {
+    throw new Error(
+      'useLiveness3DContext must be used within a Liveness3DProvider'
+    );
+  }
+  return context;
+};
+
+export default Liveness3DContext;

package/src/helpers/Liveness3DHelper.tsx

@@ -0,0 +1,24 @@
+import React, { useEffect, type FC } from 'react';
+import { useLiveness3DContext } from '../context/Liveness3DContext';
+import type { Liveness3DHelperInterface } from '../interfaces/Liveness3DHelper';
+
+export const Liveness3DHelper: FC<Liveness3DHelperInterface> = ({
+  children,
+  options,
+  onError,
+}) => {
+  const { setNavigation, setOptions, setCallbackView } = useLiveness3DContext();
+
+  useEffect(() => {
+    if (
+      options.appkey === null ||
+      options.appkey === undefined ||
+      options.appkey === ''
+    ) {
+      onError({ code: '0', message: 'invalidAppKey' });
+    }
+    setOptions(options);
+  }, [options, onError, setNavigation, setOptions, setCallbackView]);
+
+  return <>{children}</>;
+};