@smile_identity/react-native 10.2.3 → 10.2.4

package/lib/module/SmileIDSmartSelfieCaptureView.js

@@ -1,30 +1,13 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { Component } from 'react';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
+import React from 'react';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { useSmileIDView } from './useSmileIDView';
 const SmileIDSmartSelfieCaptureComponent = codegenNativeComponent('SmileIDSmartSelfieCaptureView');
-export default class SmileIDSmartSelfieCaptureView extends Component {
-  viewRef = /*#__PURE__*/React.createRef(); //
-
-  componentDidMount() {
-    const parameters = {
-      ...this.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 /*#__PURE__*/React.createElement(SmileIDSmartSelfieCaptureComponent, _extends({
-      ref: this.viewRef
-    }, this.props));
-  }
-}
+const SmileIDSmartSelfieCaptureView = props => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieCaptureView', props);
+  return /*#__PURE__*/React.createElement(SmileIDSmartSelfieCaptureComponent, _extends({
+    ref: viewRef
+  }, props));
+};
+export default SmileIDSmartSelfieCaptureView;
 //# sourceMappingURL=SmileIDSmartSelfieCaptureView.js.map

package/lib/module/SmileIDSmartSelfieCaptureView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","UIManager","findNodeHandle","Platform","codegenNativeComponent","SmileIDSmartSelfieCaptureComponent","SmileIDSmartSelfieCaptureView","viewRef","createRef","componentDidMount","parameters","props","commandId","getViewManagerConfig","Commands","setParams","dispatchViewManagerCommand","current","OS","toString","Error","render","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieCaptureView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,SAAS,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,cAAc;AAClE,OAAOC,sBAAsB,MAAM,yDAAyD;AAG5F,MAAMC,kCAAkC,GACtCD,sBAAsB,CACpB,+BACF,CAAgD;AAElD,eAAe,MAAME,6BAA6B,SAASN,SAAS,CAA+B;EACzFO,OAAO,gBAAGR,KAAK,CAACS,SAAS,CAAM,CAAC,CAAC,CAAC;;EAE1CC,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,UAAU,GAAG;MACjB,GAAG,IAAI,CAACC;IACV,CAAC;;IAED;IACA,MAAMC,SAAS,GAAGX,SAAS,CAACY,oBAAoB,CAC9C,+BACF,CAAC,CAACC,QAAQ,CAACC,SAAS;;IAEpB;IACA,IAAI,OAAOH,SAAS,KAAK,WAAW,EAAE;MACpCX,SAAS,CAACe,0BAA0B,CAClCd,cAAc,CAAC,IAAI,CAACK,OAAO,CAACU,OAAO,CAAC,EACpCd,QAAQ,CAACe,EAAE,KAAK,SAAS,GAAGN,SAAS,CAACO,QAAQ,CAAC,CAAC,GAAGP,SAAS,EAC5D,CAACF,UAAU,CACb,CAAC;IACH,CAAC,MAAM;MACL,MAAM,IAAIU,KAAK,CACb,0DACF,CAAC;IACH;EACF;EAEAC,MAAMA,CAAA,EAAG;IACP,oBACEtB,KAAA,CAAAuB,aAAA,CAACjB,kCAAkC,EAAAkB,QAAA;MAACC,GAAG,EAAE,IAAI,CAACjB;IAAQ,GAAK,IAAI,CAACI,KAAK,CAAG,CAAC;EAE7E;AACF","ignoreList":[]}
+{"version":3,"names":["React","codegenNativeComponent","useSmileIDView","SmileIDSmartSelfieCaptureComponent","SmileIDSmartSelfieCaptureView","props","viewRef","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieCaptureView.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,sBAAsB,MAAM,yDAAyD;AAE5F,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,kCAAkC,GACtCF,sBAAsB,CACpB,+BACF,CAAgD;AAElD,MAAMG,6BAAqE,GACzEC,KAAK,IACF;EACH,MAAMC,OAAO,GAAGJ,cAAc,CAAC,+BAA+B,EAAEG,KAAK,CAAC;EAEtE,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,kCAAkC,EAAAK,QAAA;IAACC,GAAG,EAAEH;EAAQ,GAAKD,KAAK,CAAG,CAAC;AACxE,CAAC;AAED,eAAeD,6BAA6B","ignoreList":[]}

package/lib/module/SmileIDSmartSelfieEnrollmentEnhancedView.js

@@ -1,30 +1,13 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { Component } from 'react';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
+import React from 'react';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { useSmileIDView } from './useSmileIDView';
 const SmileIDSmartSelfieEnrollmentEnhancedComponent = codegenNativeComponent('SmileIDSmartSelfieEnrollmentEnhancedView');
-export default class SmileIDSmartSelfieEnrollmentEnhancedView extends Component {
-  viewRef = /*#__PURE__*/React.createRef(); //
-
-  componentDidMount() {
-    const parameters = {
-      ...this.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 /*#__PURE__*/React.createElement(SmileIDSmartSelfieEnrollmentEnhancedComponent, _extends({
-      ref: this.viewRef
-    }, this.props));
-  }
-}
+const SmileIDSmartSelfieEnrollmentEnhancedView = props => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieEnrollmentEnhancedView', props);
+  return /*#__PURE__*/React.createElement(SmileIDSmartSelfieEnrollmentEnhancedComponent, _extends({
+    ref: viewRef
+  }, props));
+};
+export default SmileIDSmartSelfieEnrollmentEnhancedView;
 //# sourceMappingURL=SmileIDSmartSelfieEnrollmentEnhancedView.js.map

package/lib/module/SmileIDSmartSelfieEnrollmentEnhancedView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","UIManager","findNodeHandle","Platform","codegenNativeComponent","SmileIDSmartSelfieEnrollmentEnhancedComponent","SmileIDSmartSelfieEnrollmentEnhancedView","viewRef","createRef","componentDidMount","parameters","props","commandId","getViewManagerConfig","Commands","setParams","dispatchViewManagerCommand","current","OS","toString","Error","render","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieEnrollmentEnhancedView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,SAAS,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,cAAc;AAClE,OAAOC,sBAAsB,MAAM,yDAAyD;AAG5F,MAAMC,6CAA6C,GACjDD,sBAAsB,CACpB,0CACF,CAAwD;AAE1D,eAAe,MAAME,wCAAwC,SAASN,SAAS,CAAuC;EAC5GO,OAAO,gBAAGR,KAAK,CAACS,SAAS,CAAM,CAAC,CAAC,CAAC;;EAE1CC,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,UAAU,GAAG;MACjB,GAAG,IAAI,CAACC;IACV,CAAC;;IAED;IACA,MAAMC,SAAS,GAAGX,SAAS,CAACY,oBAAoB,CAC9C,0CACF,CAAC,CAACC,QAAQ,CAACC,SAAS;;IAEpB;IACA,IAAI,OAAOH,SAAS,KAAK,WAAW,EAAE;MACpCX,SAAS,CAACe,0BAA0B,CAClCd,cAAc,CAAC,IAAI,CAACK,OAAO,CAACU,OAAO,CAAC,EACpCd,QAAQ,CAACe,EAAE,KAAK,SAAS,GAAGN,SAAS,CAACO,QAAQ,CAAC,CAAC,GAAGP,SAAS,EAC5D,CAACF,UAAU,CACb,CAAC;IACH,CAAC,MAAM;MACL,MAAM,IAAIU,KAAK,CACb,0DACF,CAAC;IACH;EACF;EAEAC,MAAMA,CAAA,EAAG;IACP,oBACEtB,KAAA,CAAAuB,aAAA,CAACjB,6CAA6C,EAAAkB,QAAA;MAC5CC,GAAG,EAAE,IAAI,CAACjB;IAAQ,GACd,IAAI,CAACI,KAAK,CACf,CAAC;EAEN;AACF","ignoreList":[]}
+{"version":3,"names":["React","codegenNativeComponent","useSmileIDView","SmileIDSmartSelfieEnrollmentEnhancedComponent","SmileIDSmartSelfieEnrollmentEnhancedView","props","viewRef","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieEnrollmentEnhancedView.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,sBAAsB,MAAM,yDAAyD;AAE5F,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,6CAA6C,GACjDF,sBAAsB,CACpB,0CACF,CAAwD;AAE1D,MAAMG,wCAEL,GAAIC,KAAK,IAAK;EACb,MAAMC,OAAO,GAAGJ,cAAc,CAC5B,0CAA0C,EAC1CG,KACF,CAAC;EAED,oBACEL,KAAA,CAAAO,aAAA,CAACJ,6CAA6C,EAAAK,QAAA;IAACC,GAAG,EAAEH;EAAQ,GAAKD,KAAK,CAAG,CAAC;AAE9E,CAAC;AAED,eAAeD,wCAAwC","ignoreList":[]}

package/lib/module/SmileIDSmartSelfieEnrollmentView.js

@@ -1,30 +1,13 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { Component } from 'react';
-import { UIManager, findNodeHandle, Platform } from 'react-native';
+import React from 'react';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { useSmileIDView } from './useSmileIDView';
 const SmileIDSmartSelfieEnrollmentComponent = codegenNativeComponent('SmileIDSmartSelfieEnrollmentView');
-export default class SmileIDSmartSelfieEnrollmentView extends Component {
-  viewRef = /*#__PURE__*/React.createRef(); //
-
-  componentDidMount() {
-    const parameters = {
-      ...this.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 /*#__PURE__*/React.createElement(SmileIDSmartSelfieEnrollmentComponent, _extends({
-      ref: this.viewRef
-    }, this.props));
-  }
-}
+const SmileIDSmartSelfieEnrollmentView = props => {
+  const viewRef = useSmileIDView('SmileIDSmartSelfieEnrollmentView', props);
+  return /*#__PURE__*/React.createElement(SmileIDSmartSelfieEnrollmentComponent, _extends({
+    ref: viewRef
+  }, props));
+};
+export default SmileIDSmartSelfieEnrollmentView;
 //# sourceMappingURL=SmileIDSmartSelfieEnrollmentView.js.map

package/lib/module/SmileIDSmartSelfieEnrollmentView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","UIManager","findNodeHandle","Platform","codegenNativeComponent","SmileIDSmartSelfieEnrollmentComponent","SmileIDSmartSelfieEnrollmentView","viewRef","createRef","componentDidMount","parameters","props","commandId","getViewManagerConfig","Commands","setParams","dispatchViewManagerCommand","current","OS","toString","Error","render","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieEnrollmentView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,SAAS,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,cAAc;AAClE,OAAOC,sBAAsB,MAAM,yDAAyD;AAG5F,MAAMC,qCAAqC,GACzCD,sBAAsB,CACpB,kCACF,CAAgD;AAElD,eAAe,MAAME,gCAAgC,SAASN,SAAS,CAA+B;EAC5FO,OAAO,gBAAGR,KAAK,CAACS,SAAS,CAAM,CAAC,CAAC,CAAC;;EAE1CC,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,UAAU,GAAG;MACjB,GAAG,IAAI,CAACC;IACV,CAAC;;IAED;IACA,MAAMC,SAAS,GAAGX,SAAS,CAACY,oBAAoB,CAC9C,kCACF,CAAC,CAACC,QAAQ,CAACC,SAAS;;IAEpB;IACA,IAAI,OAAOH,SAAS,KAAK,WAAW,EAAE;MACpCX,SAAS,CAACe,0BAA0B,CAClCd,cAAc,CAAC,IAAI,CAACK,OAAO,CAACU,OAAO,CAAC,EACpCd,QAAQ,CAACe,EAAE,KAAK,SAAS,GAAGN,SAAS,CAACO,QAAQ,CAAC,CAAC,GAAGP,SAAS,EAC5D,CAACF,UAAU,CACb,CAAC;IACH,CAAC,MAAM;MACL,MAAM,IAAIU,KAAK,CACb,0DACF,CAAC;IACH;EACF;EAEAC,MAAMA,CAAA,EAAG;IACP,oBACEtB,KAAA,CAAAuB,aAAA,CAACjB,qCAAqC,EAAAkB,QAAA;MACpCC,GAAG,EAAE,IAAI,CAACjB;IAAQ,GACd,IAAI,CAACI,KAAK,CACf,CAAC;EAEN;AACF","ignoreList":[]}
+{"version":3,"names":["React","codegenNativeComponent","useSmileIDView","SmileIDSmartSelfieEnrollmentComponent","SmileIDSmartSelfieEnrollmentView","props","viewRef","createElement","_extends","ref"],"sourceRoot":"../../src","sources":["SmileIDSmartSelfieEnrollmentView.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,sBAAsB,MAAM,yDAAyD;AAE5F,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,qCAAqC,GACzCF,sBAAsB,CACpB,kCACF,CAAgD;AAElD,MAAMG,gCAEL,GAAIC,KAAK,IAAK;EACb,MAAMC,OAAO,GAAGJ,cAAc,CAAC,kCAAkC,EAAEG,KAAK,CAAC;EAEzE,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,qCAAqC,EAAAK,QAAA;IAACC,GAAG,EAAEH;EAAQ,GAAKD,KAAK,CAAG,CAAC;AAC3E,CAAC;AAED,eAAeD,gCAAgC","ignoreList":[]}

package/lib/module/useSmileIDView.js

@@ -0,0 +1,58 @@
+import { useEffect, useRef, useState } from 'react';
+import { DeviceEventEmitter, Platform, UIManager, findNodeHandle } from 'react-native';
+export const useSmileIDView = (viewName, props) => {
+  const viewRef = useRef(null);
+  const [viewProps, setViewProps] = useState(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;
+};
+//# sourceMappingURL=useSmileIDView.js.map

package/lib/module/useSmileIDView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","DeviceEventEmitter","Platform","UIManager","findNodeHandle","useSmileIDView","viewName","props","viewRef","viewProps","setViewProps","onResultRef","onResult","current","eventListener","addListener","event","prev","userId","nativeEvent","error","result","remove","viewId","commandId","getViewManagerConfig","Commands","create","dispatchViewManagerCommand","OS","toString","Error","parameters","setParams"],"sourceRoot":"../../src","sources":["useSmileIDView.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SACEC,kBAAkB,EAClBC,QAAQ,EACRC,SAAS,EACTC,cAAc,QACT,cAAc;AAOrB,OAAO,MAAMC,cAAc,GAAGA,CAACC,QAAgB,EAAEC,KAAmB,KAAK;EACvE,MAAMC,OAAO,GAAGT,MAAM,CAAM,IAAI,CAAC;EACjC,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAeO,KAAK,CAAC;EAC/D,MAAMI,WAAW,GAAGZ,MAAM,CAACU,SAAS,CAACG,QAAQ,CAAC;EAC9Cd,SAAS,CAAC,MAAM;IACda,WAAW,CAACE,OAAO,GAAGJ,SAAS,CAACG,QAAQ;EAC1C,CAAC,EAAE,CAACH,SAAS,CAACG,QAAQ,CAAC,CAAC;EAExBd,SAAS,CAAC,MAAM;IACd,MAAMgB,aAAa,GAAGb,kBAAkB,CAACc,WAAW,CAClD,eAAe,EACdC,KAAK,IAAK;MACT;MACAN,YAAY,CAAEO,IAAI,KAAM;QACtB,GAAGA,IAAI;QACPC,MAAM,EAAE;MACV,CAAC,CAAC,CAAC;MACH,IAAIP,WAAW,CAACE,OAAO,EAAE;QACvB,MAAMM,WAAW,GAAG;UAClBA,WAAW,EAAE;YACXC,KAAK,EAAEJ,KAAK,CAACI,KAAK;YAClBC,MAAM,EAAEL,KAAK,CAACK;UAChB;QACF,CAAC;QACDV,WAAW,CAACE,OAAO,CAACM,WAAW,CAAC;MAClC;IACF,CACF,CAAC;IAED,OAAO,MAAM;MACXL,aAAa,CAACQ,MAAM,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAENxB,SAAS,CAAC,MAAM;IACd,MAAMyB,MAAM,GAAGnB,cAAc,CAACI,OAAO,CAACK,OAAO,CAAC;IAC9C,MAAMW,SAAS,GAAGrB,SAAS,CAACsB,oBAAoB,CAACnB,QAAQ,CAAC,CAACoB,QAAQ,CAACC,MAAM;;IAE1E;IACA,IAAI,OAAOH,SAAS,KAAK,WAAW,EAAE;MACpCrB,SAAS,CAACyB,0BAA0B,CAClCxB,cAAc,CAACI,OAAO,CAACK,OAAO,CAAC,EAC/BX,QAAQ,CAAC2B,EAAE,KAAK,SAAS,GAAGL,SAAS,CAACM,QAAQ,CAAC,CAAC,GAAGN,SAAS,EAC5D,CAACD,MAAM,CACT,CAAC;IACH,CAAC,MAAM;MACL,MAAM,IAAIQ,KAAK,CAAC,uDAAuD,CAAC;IAC1E;EACF,CAAC,EAAE,CAACzB,QAAQ,CAAC,CAAC;EAEdR,SAAS,CAAC,MAAM;IACd,MAAMkC,UAAU,GAAG;MACjB,GAAGvB;IACL,CAAC;IAED,MAAMc,MAAM,GAAGnB,cAAc,CAACI,OAAO,CAACK,OAAO,CAAC;IAC9C,MAAMW,SAAS,GACbrB,SAAS,CAACsB,oBAAoB,CAACnB,QAAQ,CAAC,CAACoB,QAAQ,CAACO,SAAS;;IAE7D;IACA,IAAI,OAAOT,SAAS,KAAK,WAAW,EAAE;MACpCrB,SAAS,CAACyB,0BAA0B,CAClCxB,cAAc,CAACI,OAAO,CAACK,OAAO,CAAC,EAC/BX,QAAQ,CAAC2B,EAAE,KAAK,SAAS,GAAGL,SAAS,CAACM,QAAQ,CAAC,CAAC,GAAGN,SAAS,EAC5D,CAACD,MAAM,EAAES,UAAU,CACrB,CAAC;IACH,CAAC,MAAM;MACL,MAAM,IAAID,KAAK,CACb,0DACF,CAAC;IACH;EACF,CAAC,EAAE,CAACtB,SAAS,EAAEH,QAAQ,CAAC,CAAC;EAEzB,OAAOE,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/typescript/SmileIDBiometricKYCView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { BiometricKYCRequest } from './index';
-export default class SmileIDBiometricKYCView extends Component<BiometricKYCRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDBiometricKYCView: React.FC<BiometricKYCRequest>;
+export default SmileIDBiometricKYCView;
 //# sourceMappingURL=SmileIDBiometricKYCView.d.ts.map

package/lib/typescript/SmileIDBiometricKYCView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDBiometricKYCView.d.ts","sourceRoot":"","sources":["../../src/SmileIDBiometricKYCView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACjF,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAuBjB,MAAM;CAGP"}
+{"version":3,"file":"SmileIDBiometricKYCView.d.ts","sourceRoot":"","sources":["../../src/SmileIDBiometricKYCView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAcnD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAK1D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/typescript/SmileIDConsentView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { ConsentRequest } from './index';
-export default class SmileIDConsentView extends Component<ConsentRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDConsentView: React.FC<ConsentRequest>;
+export default SmileIDConsentView;
 //# sourceMappingURL=SmileIDConsentView.d.ts.map

package/lib/typescript/SmileIDConsentView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDConsentView.d.ts","sourceRoot":"","sources":["../../src/SmileIDConsentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAM9C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACvE,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAuBjB,MAAM;CAGP"}
+{"version":3,"file":"SmileIDConsentView.d.ts","sourceRoot":"","sources":["../../src/SmileIDConsentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAIhD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/SmileIDDocumentCaptureView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { DocumentVerificationRequest } from './index';
-export default class SmileIDDocumentCaptureView extends Component<DocumentVerificationRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDDocumentCaptureView: React.FC<DocumentVerificationRequest>;
+export default SmileIDDocumentCaptureView;
 //# sourceMappingURL=SmileIDDocumentCaptureView.d.ts.map

package/lib/typescript/SmileIDDocumentCaptureView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDDocumentCaptureView.d.ts","sourceRoot":"","sources":["../../src/SmileIDDocumentCaptureView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAO3D,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,SAAS,CAAC,2BAA2B,CAAC;IAC5F,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAKP"}
+{"version":3,"file":"SmileIDDocumentCaptureView.d.ts","sourceRoot":"","sources":["../../src/SmileIDDocumentCaptureView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ3D,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMrE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/lib/typescript/SmileIDDocumentVerificationView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { DocumentVerificationRequest } from './index';
-export default class SmileIDDocumentVerificationView extends Component<DocumentVerificationRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDDocumentVerificationView: React.FC<DocumentVerificationRequest>;
+export default SmileIDDocumentVerificationView;
 //# sourceMappingURL=SmileIDDocumentVerificationView.d.ts.map

package/lib/typescript/SmileIDDocumentVerificationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDDocumentVerificationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDDocumentVerificationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAO3D,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,SAAS,CAAC,2BAA2B,CAAC;IACjG,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDDocumentVerificationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDDocumentVerificationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ3D,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAM1E,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/lib/typescript/SmileIDEnhancedDocumentVerificationView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { DocumentVerificationRequest } from './index';
-export default class SmileIDEnhancedDocumentVerificationView extends Component<DocumentVerificationRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDEnhancedDocumentVerificationView: React.FC<DocumentVerificationRequest>;
+export default SmileIDEnhancedDocumentVerificationView;
 //# sourceMappingURL=SmileIDEnhancedDocumentVerificationView.d.ts.map

package/lib/typescript/SmileIDEnhancedDocumentVerificationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDEnhancedDocumentVerificationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDEnhancedDocumentVerificationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAO3D,MAAM,CAAC,OAAO,OAAO,uCAAwC,SAAQ,SAAS,CAAC,2BAA2B,CAAC;IACzG,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDEnhancedDocumentVerificationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDEnhancedDocumentVerificationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAc3D,QAAA,MAAM,uCAAuC,EAAE,KAAK,CAAC,EAAE,CACrD,2BAA2B,CAc5B,CAAC;AAEF,eAAe,uCAAuC,CAAC"}

package/lib/typescript/SmileIDSmartSelfieAuthenticationEnhancedView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { SmartSelfieAuthenticationEnhancedRequest } from './index';
-export default class SmileIDSmartSelfieAuthenticationEnhancedView extends Component<SmartSelfieAuthenticationEnhancedRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDSmartSelfieAuthenticationEnhancedView: React.FC<SmartSelfieAuthenticationEnhancedRequest>;
+export default SmileIDSmartSelfieAuthenticationEnhancedView;
 //# sourceMappingURL=SmileIDSmartSelfieAuthenticationEnhancedView.d.ts.map

package/lib/typescript/SmileIDSmartSelfieAuthenticationEnhancedView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDSmartSelfieAuthenticationEnhancedView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieAuthenticationEnhancedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,SAAS,CAAC;AAOxE,MAAM,CAAC,OAAO,OAAO,4CAA6C,SAAQ,SAAS,CAAC,wCAAwC,CAAC;IAC3H,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDSmartSelfieAuthenticationEnhancedView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieAuthenticationEnhancedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,SAAS,CAAC;AAQxE,QAAA,MAAM,4CAA4C,EAAE,KAAK,CAAC,EAAE,CAC1D,wCAAwC,CAazC,CAAC;AAEF,eAAe,4CAA4C,CAAC"}

package/lib/typescript/SmileIDSmartSelfieAuthenticationView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { SmartSelfieAuthenticationRequest } from './index';
-export default class SmileIDSmartSelfieAuthenticationView extends Component<SmartSelfieAuthenticationRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDSmartSelfieAuthenticationView: React.FC<SmartSelfieAuthenticationRequest>;
+export default SmileIDSmartSelfieAuthenticationView;
 //# sourceMappingURL=SmileIDSmartSelfieAuthenticationView.d.ts.map

package/lib/typescript/SmileIDSmartSelfieAuthenticationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDSmartSelfieAuthenticationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieAuthenticationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAOhE,MAAM,CAAC,OAAO,OAAO,oCAAqC,SAAQ,SAAS,CAAC,gCAAgC,CAAC;IAC3G,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDSmartSelfieAuthenticationView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieAuthenticationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAQhE,QAAA,MAAM,oCAAoC,EAAE,KAAK,CAAC,EAAE,CAClD,gCAAgC,CAKjC,CAAC;AAEF,eAAe,oCAAoC,CAAC"}

package/lib/typescript/SmileIDSmartSelfieCaptureView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { SmartSelfieEnrollmentRequest } from './index';
-export default class SmileIDSmartSelfieCaptureView extends Component<SmartSelfieEnrollmentRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDSmartSelfieCaptureView: React.FC<SmartSelfieEnrollmentRequest>;
+export default SmileIDSmartSelfieCaptureView;
 //# sourceMappingURL=SmileIDSmartSelfieCaptureView.d.ts.map

package/lib/typescript/SmileIDSmartSelfieCaptureView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDSmartSelfieCaptureView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieCaptureView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAO5D,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,SAAS,CAAC,4BAA4B,CAAC;IAChG,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAKP"}
+{"version":3,"file":"SmileIDSmartSelfieCaptureView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieCaptureView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAQ5D,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAMzE,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/lib/typescript/SmileIDSmartSelfieEnrollmentEnhancedView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { SmartSelfieEnrollmentEnhancedRequest } from './index';
-export default class SmileIDSmartSelfieEnrollmentEnhancedView extends Component<SmartSelfieEnrollmentEnhancedRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDSmartSelfieEnrollmentEnhancedView: React.FC<SmartSelfieEnrollmentEnhancedRequest>;
+export default SmileIDSmartSelfieEnrollmentEnhancedView;
 //# sourceMappingURL=SmileIDSmartSelfieEnrollmentEnhancedView.d.ts.map

package/lib/typescript/SmileIDSmartSelfieEnrollmentEnhancedView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDSmartSelfieEnrollmentEnhancedView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieEnrollmentEnhancedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAC;AAOpE,MAAM,CAAC,OAAO,OAAO,wCAAyC,SAAQ,SAAS,CAAC,oCAAoC,CAAC;IACnH,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDSmartSelfieEnrollmentEnhancedView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieEnrollmentEnhancedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAC;AAQpE,QAAA,MAAM,wCAAwC,EAAE,KAAK,CAAC,EAAE,CACtD,oCAAoC,CAUrC,CAAC;AAEF,eAAe,wCAAwC,CAAC"}

package/lib/typescript/SmileIDSmartSelfieEnrollmentView.d.ts

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { SmartSelfieEnrollmentRequest } from './index';
-export default class SmileIDSmartSelfieEnrollmentView extends Component<SmartSelfieEnrollmentRequest> {
-    private viewRef;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+declare const SmileIDSmartSelfieEnrollmentView: React.FC<SmartSelfieEnrollmentRequest>;
+export default SmileIDSmartSelfieEnrollmentView;
 //# sourceMappingURL=SmileIDSmartSelfieEnrollmentView.d.ts.map

package/lib/typescript/SmileIDSmartSelfieEnrollmentView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmileIDSmartSelfieEnrollmentView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieEnrollmentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAO5D,MAAM,CAAC,OAAO,OAAO,gCAAiC,SAAQ,SAAS,CAAC,4BAA4B,CAAC;IACnG,OAAO,CAAC,OAAO,CAA0B;IAEzC,iBAAiB;IAwBjB,MAAM;CAQP"}
+{"version":3,"file":"SmileIDSmartSelfieEnrollmentView.d.ts","sourceRoot":"","sources":["../../src/SmileIDSmartSelfieEnrollmentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAQ5D,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,4BAA4B,CAK7B,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

package/lib/typescript/useSmileIDView.d.ts

@@ -0,0 +1,12 @@
+interface SmileIDProps {
+    onResult?: (event: {
+        nativeEvent: {
+            error: any;
+            result: any;
+        };
+    }) => void;
+    [key: string]: any;
+}
+export declare const useSmileIDView: (viewName: string, props: SmileIDProps) => import("react").MutableRefObject<any>;
+export {};
+//# sourceMappingURL=useSmileIDView.d.ts.map

package/lib/typescript/useSmileIDView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSmileIDView.d.ts","sourceRoot":"","sources":["../../src/useSmileIDView.tsx"],"names":[],"mappings":"AAQA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,GAAG,CAAC;YAAC,MAAM,EAAE,GAAG,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,aAAc,MAAM,SAAS,YAAY,0CA0EnE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smile_identity/react-native",
-  "version": "10.2.3",
+  "version": "10.2.4",
   "description": "Official wrapper for the Smile ID <v10 android and iOS SDKs",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/SmileIDBiometricKYCView.tsx

@@ -1,41 +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 { BiometricKYCRequest } from './index';
+import { useSmileIDView } from './useSmileIDView';
+
+const defaultConsentInfo = {
+  consentInformation: {
+    timestamp: new Date().toISOString(),
+  },
+};
 
 const SmileIDBiometricKYCComponent =
   codegenNativeComponent<BiometricKYCRequest>(
     'SmileIDBiometricKYCView'
   ) as HostComponent<BiometricKYCRequest>;
 
-export default class SmileIDBiometricKYCView extends Component<BiometricKYCRequest> {
-  private viewRef = React.createRef<any>(); //
-
-  componentDidMount() {
-    const parameters = {
-      ...this.props,
-    };
-
-    // Obtain the command identifier
-    const commandId = UIManager.getViewManagerConfig('SmileIDBiometricKYCView')
-      .Commands.setParams;
+const SmileIDBiometricKYCView: React.FC<BiometricKYCRequest> = (props) => {
+  const mergedProps = { ...defaultConsentInfo, ...props };
+  const viewRef = useSmileIDView('SmileIDBiometricKYCView', 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'
-      );
-    }
-  }
+  return <SmileIDBiometricKYCComponent ref={viewRef} {...mergedProps} />;
+};
 
-  render() {
-    return <SmileIDBiometricKYCComponent ref={this.viewRef} {...this.props} />;
-  }
-}
+export default SmileIDBiometricKYCView;

package/src/SmileIDConsentView.tsx

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

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