@smile_identity/react-native 10.2.2 → 10.2.4-beta.1

package/src/SmileIDSmartSelfieEnrollmentView.tsx

@@ -1,47 +1,20 @@
-import React, { Component } from 'react';
-import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
+import React from 'react';
+import { type HostComponent } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { SmartSelfieEnrollmentRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDSmartSelfieEnrollmentComponent =
   codegenNativeComponent<SmartSelfieEnrollmentRequest>(
     'SmileIDSmartSelfieEnrollmentView'
   ) as HostComponent<SmartSelfieEnrollmentRequest>;
 
-export default class SmileIDSmartSelfieEnrollmentView extends Component<SmartSelfieEnrollmentRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDSmartSelfieEnrollmentView: React.FC<
+  SmartSelfieEnrollmentRequest
+> = (props) => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieEnrollmentView', props);
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return <SmileIDSmartSelfieEnrollmentComponent ref={viewRef} {...props} />;
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDSmartSelfieEnrollmentView'
-    ).Commands.setParams;
-
-    // Ensure the commandId is defined and is a number
-    if (typeof commandId !== 'undefined') {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(this.viewRef.current),
-        Platform.OS === 'android' ? commandId.toString() : commandId,
-        [parameters]
-      );
-    } else {
-      throw new Error(
-        'Command "setParams" is not defined for MyNativeComponent'
-      );
-    }
-  }
-
-  render() {
-    return (
-      <SmileIDSmartSelfieEnrollmentComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDSmartSelfieEnrollmentView;

package/src/index.tsx

@@ -1,6 +1,8 @@
 import { NativeModules, Platform } from 'react-native';
 import SmileIDSmartSelfieEnrollmentView from './SmileIDSmartSelfieEnrollmentView';
 import SmileIDSmartSelfieAuthenticationView from './SmileIDSmartSelfieAuthenticationView';
+import SmileIDSmartSelfieEnrollmentEnhancedView from './SmileIDSmartSelfieEnrollmentEnhancedView';
+import SmileIDSmartSelfieAuthenticationEnhancedView from './SmileIDSmartSelfieAuthenticationEnhancedView';
 import SmileIDDocumentVerificationView from './SmileIDDocumentVerificationView';
 import SmileIDBiometricKYCView from './SmileIDBiometricKYCView';
 import SmileIDEnhancedDocumentVerificationView from './SmileIDEnhancedDocumentVerificationView';
@@ -27,6 +29,7 @@ import {
   ValidDocumentsResponse,
   JobType,
   IdInfo,
+  Config,
 } from './types';
 import type {
   DocumentVerificationRequest,
@@ -35,6 +38,8 @@ import type {
   BiometricKYCRequest,
   SmileIDViewProps,
   ConsentRequest,
+  SmartSelfieEnrollmentEnhancedRequest,
+  SmartSelfieAuthenticationEnhancedRequest,
 } from './types';
 import type { Spec } from './NativeSmileId';
 
@@ -64,9 +69,18 @@ const _SmileID: Spec = SmileIdModule
 
 const SmileID = {
   /**
-   * Initialise the Smile ID SDK
+   * Initialize SmileID SDK with configuration
+   * @param useSandBox - Configuration object for the SDK
+   * @param config - Configuration object for the SDK
+   * @param apiKey - api key specific to the partner and also environment
+   * @param enableCrashReporting - Whether to enable crash reporting
    */
-  initialize: (useSandBox: boolean = false) => _SmileID.initialize(useSandBox),
+  initialize: (
+    useSandBox: boolean = false,
+    enableCrashReporting: boolean = false,
+    config?: Config,
+    apiKey?: string
+  ) => _SmileID.initialize(useSandBox, enableCrashReporting, config, apiKey),
 
   /**
    * Sets allow offline mode which enables
@@ -260,8 +274,11 @@ export {
   //module
   SmileID,
   //views
+  Config,
   SmileIDSmartSelfieEnrollmentView,
   SmileIDSmartSelfieAuthenticationView,
+  SmileIDSmartSelfieEnrollmentEnhancedView,
+  SmileIDSmartSelfieAuthenticationEnhancedView,
   SmileIDDocumentVerificationView,
   SmileIDBiometricKYCView,
   SmileIDEnhancedDocumentVerificationView,
@@ -297,4 +314,6 @@ export type {
   SmartSelfieAuthenticationRequest,
   BiometricKYCRequest,
   ConsentRequest,
+  SmartSelfieEnrollmentEnhancedRequest,
+  SmartSelfieAuthenticationEnhancedRequest,
 };

package/src/types.ts

@@ -78,6 +78,14 @@ type SmartSelfieRequest = SmileIDViewProps & {
 };
 
 export type SmartSelfieEnrollmentRequest = Omit<SmartSelfieRequest, 'jobId'>;
+export type SmartSelfieEnrollmentEnhancedRequest = Omit<
+  SmartSelfieRequest,
+  'jobId'
+>;
+export type SmartSelfieAuthenticationEnhancedRequest = Omit<
+  SmartSelfieRequest,
+  'jobId'
+>;
 export type SmartSelfieAuthenticationRequest = Omit<
   SmartSelfieRequest,
   'jobId'

package/src/useSmileIDView.tsx

@@ -0,0 +1,80 @@
+import { useEffect, useRef } from 'react';
+import {
+  DeviceEventEmitter,
+  Platform,
+  UIManager,
+  findNodeHandle,
+} from 'react-native';
+
+interface SmileIDProps {
+  onResult?: (event: { nativeEvent: { error: any; result: any } }) => void;
+  [key: string]: any;
+}
+
+export const useSmileIDView = (viewName: string, props: SmileIDProps) => {
+  const viewRef = useRef<any>(null);
+
+  useEffect(() => {
+    const eventListener = DeviceEventEmitter.addListener(
+      'onSmileResult',
+      (event) => {
+        if (props.onResult) {
+          const nativeEvent = {
+            nativeEvent: {
+              error: event.error,
+              result: event.result,
+            },
+          };
+          props.onResult(nativeEvent);
+        }
+      }
+    );
+
+    return () => {
+      eventListener.remove();
+    };
+  }, [props]);
+
+  useEffect(() => {
+    const viewId = findNodeHandle(viewRef.current);
+    const commandId = UIManager.getViewManagerConfig(viewName).Commands.create;
+
+    // Ensure the commandId is defined and is a number
+    if (typeof commandId !== 'undefined') {
+      UIManager.dispatchViewManagerCommand(
+        findNodeHandle(viewRef.current),
+        Platform.OS === 'android' ? commandId.toString() : commandId,
+        [viewId]
+      );
+    } else {
+      throw new Error(
+        'Command "setParams" is not defined for MyNativeComponent'
+      );
+    }
+  }, [viewName]);
+
+  useEffect(() => {
+    const parameters = {
+      ...props,
+    };
+
+    const viewId = findNodeHandle(viewRef.current);
+    const commandId =
+      UIManager.getViewManagerConfig(viewName).Commands.setParams;
+
+    // Ensure the commandId is defined and is a number
+    if (typeof commandId !== 'undefined') {
+      UIManager.dispatchViewManagerCommand(
+        findNodeHandle(viewRef.current),
+        Platform.OS === 'android' ? commandId.toString() : commandId,
+        [viewId, parameters]
+      );
+    } else {
+      throw new Error(
+        'Command "setParams" is not defined for MyNativeComponent'
+      );
+    }
+  }, [props, viewName]);
+
+  return viewRef;
+};