@smile_identity/react-native 10.2.3 → 10.2.4

package/src/SmileIDDocumentVerificationView.tsx

@@ -1,47 +1,20 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { DocumentVerificationRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDDocumentVerificationComponent =
   codegenNativeComponent<DocumentVerificationRequest>(
     'SmileIDDocumentVerificationView'
   ) as HostComponent<DocumentVerificationRequest>;
 
-export default class SmileIDDocumentVerificationView extends Component<DocumentVerificationRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDDocumentVerificationView: React.FC<DocumentVerificationRequest> = (
+  props
+) => {
+  const viewRef = useSmileIDView('SmileIDDocumentVerificationView', props);
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return <SmileIDDocumentVerificationComponent ref={viewRef} {...props} />;
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDDocumentVerificationView'
-    ).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 (
-      <SmileIDDocumentVerificationComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDDocumentVerificationView;

package/src/SmileIDEnhancedDocumentVerificationView.tsx

@@ -1,47 +1,35 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { DocumentVerificationRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDEnhancedDocumentVerificationComponent =
   codegenNativeComponent<DocumentVerificationRequest>(
     'SmileIDEnhancedDocumentVerificationView'
   ) as HostComponent<DocumentVerificationRequest>;
 
-export default class SmileIDEnhancedDocumentVerificationView extends Component<DocumentVerificationRequest> {
-  private viewRef = React.createRef<any>(); //
+const defaultConsentInfo = {
+  consentInformation: {
+    timestamp: new Date().toISOString(),
+  },
+};
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+const SmileIDEnhancedDocumentVerificationView: React.FC<
+  DocumentVerificationRequest
+> = (props) => {
+  const mergedProps = { ...defaultConsentInfo, ...props };
+  const viewRef = useSmileIDView(
+    'SmileIDEnhancedDocumentVerificationView',
+    mergedProps
+  );
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDEnhancedDocumentVerificationView'
-    ).Commands.setParams;
+  return (
+    <SmileIDEnhancedDocumentVerificationComponent
+      ref={viewRef}
+      {...mergedProps}
+    />
+  );
+};
 
-    // 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 (
-      <SmileIDEnhancedDocumentVerificationComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDEnhancedDocumentVerificationView;

package/src/SmileIDSmartSelfieAuthenticationEnhancedView.tsx

@@ -1,47 +1,28 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { SmartSelfieAuthenticationEnhancedRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDSmartSelfieAuthenticationEnhancedComponent =
   codegenNativeComponent<SmartSelfieAuthenticationEnhancedRequest>(
     'SmileIDSmartSelfieAuthenticationEnhancedView'
   ) as HostComponent<SmartSelfieAuthenticationEnhancedRequest>;
 
-export default class SmileIDSmartSelfieAuthenticationEnhancedView extends Component<SmartSelfieAuthenticationEnhancedRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDSmartSelfieAuthenticationEnhancedView: React.FC<
+  SmartSelfieAuthenticationEnhancedRequest
+> = (props) => {
+  const viewRef = useSmileIDView(
+    'SmileIDSmartSelfieAuthenticationEnhancedView',
+    props
+  );
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return (
+    <SmileIDSmartSelfieAuthenticationEnhancedComponent
+      ref={viewRef}
+      {...props}
+    />
+  );
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDSmartSelfieAuthenticationEnhancedView'
-    ).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 (
-      <SmileIDSmartSelfieAuthenticationEnhancedComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDSmartSelfieAuthenticationEnhancedView;

package/src/SmileIDSmartSelfieAuthenticationView.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 { SmartSelfieAuthenticationRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDSmartSelfieAuthenticationComponent =
   codegenNativeComponent<SmartSelfieAuthenticationRequest>(
     'SmileIDSmartSelfieAuthenticationView'
   ) as HostComponent<SmartSelfieAuthenticationRequest>;
 
-export default class SmileIDSmartSelfieAuthenticationView extends Component<SmartSelfieAuthenticationRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDSmartSelfieAuthenticationView: React.FC<
+  SmartSelfieAuthenticationRequest
+> = (props) => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieAuthenticationView', props);
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return <SmileIDSmartSelfieAuthenticationComponent ref={viewRef} {...props} />;
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDSmartSelfieAuthenticationView'
-    ).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 (
-      <SmileIDSmartSelfieAuthenticationComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDSmartSelfieAuthenticationView;

package/src/SmileIDSmartSelfieCaptureView.tsx

@@ -1,44 +1,20 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { SmartSelfieEnrollmentRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDSmartSelfieCaptureComponent =
   codegenNativeComponent<SmartSelfieEnrollmentRequest>(
     'SmileIDSmartSelfieCaptureView'
   ) as HostComponent<SmartSelfieEnrollmentRequest>;
 
-export default class SmileIDSmartSelfieCaptureView extends Component<SmartSelfieEnrollmentRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDSmartSelfieCaptureView: React.FC<SmartSelfieEnrollmentRequest> = (
+  props
+) => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieCaptureView', props);
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return <SmileIDSmartSelfieCaptureComponent ref={viewRef} {...props} />;
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDSmartSelfieCaptureView'
-    ).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 (
-      <SmileIDSmartSelfieCaptureComponent ref={this.viewRef} {...this.props} />
-    );
-  }
-}
+export default SmileIDSmartSelfieCaptureView;

package/src/SmileIDSmartSelfieEnrollmentEnhancedView.tsx

@@ -1,47 +1,25 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { HostComponent } from 'react-native';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { SmartSelfieEnrollmentEnhancedRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
 
 const SmileIDSmartSelfieEnrollmentEnhancedComponent =
   codegenNativeComponent<SmartSelfieEnrollmentEnhancedRequest>(
     'SmileIDSmartSelfieEnrollmentEnhancedView'
   ) as HostComponent<SmartSelfieEnrollmentEnhancedRequest>;
 
-export default class SmileIDSmartSelfieEnrollmentEnhancedView extends Component<SmartSelfieEnrollmentEnhancedRequest> {
-  private viewRef = React.createRef<any>(); //
+const SmileIDSmartSelfieEnrollmentEnhancedView: React.FC<
+  SmartSelfieEnrollmentEnhancedRequest
+> = (props) => {
+  const viewRef = useSmileIDView(
+    'SmileIDSmartSelfieEnrollmentEnhancedView',
+    props
+  );
 
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
+  return (
+    <SmileIDSmartSelfieEnrollmentEnhancedComponent ref={viewRef} {...props} />
+  );
+};
 
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig(
-      'SmileIDSmartSelfieEnrollmentEnhancedView'
-    ).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 (
-      <SmileIDSmartSelfieEnrollmentEnhancedComponent
-        ref={this.viewRef}
-        {...this.props}
-      />
-    );
-  }
-}
+export default SmileIDSmartSelfieEnrollmentEnhancedView;

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/useSmileIDView.tsx

@@ -0,0 +1,88 @@
+import { useEffect, useRef, useState } 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);
+  const [viewProps, setViewProps] = useState<SmileIDProps>(props);
+  const onResultRef = useRef(viewProps.onResult);
+  useEffect(() => {
+    onResultRef.current = viewProps.onResult;
+  }, [viewProps.onResult]);
+
+  useEffect(() => {
+    const eventListener = DeviceEventEmitter.addListener(
+      'onSmileResult',
+      (event) => {
+        // Use the ref to access the latest callback
+        setViewProps((prev) => ({
+          ...prev,
+          userId: 'invalidator',
+        }));
+        if (onResultRef.current) {
+          const nativeEvent = {
+            nativeEvent: {
+              error: event.error,
+              result: event.result,
+            },
+          };
+          onResultRef.current(nativeEvent);
+        }
+      }
+    );
+
+    return () => {
+      eventListener.remove();
+    };
+  }, []);
+
+  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 "create" is not defined for MyNativeComponent');
+    }
+  }, [viewName]);
+
+  useEffect(() => {
+    const parameters = {
+      ...viewProps,
+    };
+
+    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'
+      );
+    }
+  }, [viewProps, viewName]);
+
+  return viewRef;
+};