@trustchex/react-native-sdk 1.161.0

package/package.json

@@ -0,0 +1,288 @@
+{
+  "name": "@trustchex/react-native-sdk",
+  "version": "1.161.0",
+  "description": "Trustchex mobile app react native SDK for android or ios devices",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "directories": {
+    "example": "example",
+    "lib": "lib"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "homepage": "https://github.com/trustchex/trustchex/tree/main/react-native-sdk#readme",
+  "bugs": {
+    "url": "https://github.com/trustchex/trustchex/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/trustchex/trustchex.git"
+  },
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Trustchex <info@trustchex.com> (https://trustchex.com)",
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "workspaces": [
+    "example"
+  ],
+  "scripts": {
+    "example": "yarn workspace @trustchex/react-native-sdk-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib && npm run clean -w example",
+    "prepare": "bob build",
+    "release": "release-it --only-version",
+    "pack-it": "del-cli dist && mkdir -p dist && yarn prepare && yarn pack --filename dist/trustchex-react-native-sdk-$(node -p \"require('../package.json').version\").tgz"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.0-alpha.2",
+    "@react-native-community/image-editor": "^4.3.0",
+    "@react-native/babel-preset": "0.79.5",
+    "@react-native/eslint-config": "^0.78.0",
+    "@react-navigation/native": "^7.1.16",
+    "@react-navigation/native-stack": "^7.3.23",
+    "@react-navigation/stack": "^7.4.4",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "lottie-react-native": "^7.2.4",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.5",
+    "react-native-builder-bob": "^0.40.13",
+    "react-native-compressor": "^1.12.0",
+    "react-native-fast-opencv": "^0.4.6",
+    "react-native-fs": "^2.20.0",
+    "react-native-gesture-handler": "^2.27.1",
+    "react-native-get-random-values": "^1.11.0",
+    "react-native-nfc-manager": "^3.16.2",
+    "react-native-paper": "^5.14.5",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-screens": "^4.13.1",
+    "react-native-svg": "^15.12.0",
+    "react-native-tts": "^4.1.1",
+    "react-native-video": "^6.16.1",
+    "react-native-vision-camera": "^4.7.1",
+    "react-native-webview": "^13.15.0",
+    "react-native-worklets-core": "^1.6.2",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "@noble/ciphers": "^1.3.0",
+    "@noble/curves": "^1.9.4",
+    "buffer": "^6.0.3",
+    "crypto-js": "^4.2.0",
+    "i18next": "^25.3.2",
+    "mrz": "^4.2.1",
+    "react-i18next": "^15.6.0"
+  },
+  "peerDependencies": {
+    "@react-native-community/image-editor": ">=4.3.0",
+    "@react-navigation/native": ">=7.1.14",
+    "@react-navigation/native-stack": ">=7.3.21",
+    "@react-navigation/stack": ">=7.4.2",
+    "lottie-react-native": ">=7.2.4",
+    "react": ">=19.0.0",
+    "react-native": ">=0.79.5",
+    "react-native-compressor": ">=1.12.0",
+    "react-native-fast-opencv": ">=0.4.6",
+    "react-native-fs": ">=2.20.0",
+    "react-native-gesture-handler": ">=2.27.1",
+    "react-native-get-random-values": ">=1.11.0",
+    "react-native-nfc-manager": ">=3.16.2",
+    "react-native-paper": ">=5.14.5",
+    "react-native-safe-area-context": ">=5.5.2",
+    "react-native-screens": ">=4.13.1",
+    "react-native-svg": ">=15.12.0",
+    "react-native-tts": ">=4.1.1",
+    "react-native-video": ">=6.16.1",
+    "react-native-vision-camera": ">=4.7.1",
+    "react-native-webview": ">=13.15.0",
+    "react-native-worklets-core": ">=1.6.2"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-community/image-editor": {
+      "optional": false
+    },
+    "@react-navigation/native": {
+      "optional": false
+    },
+    "@react-navigation/native-stack": {
+      "optional": false
+    },
+    "@react-navigation/stack": {
+      "optional": false
+    },
+    "lottie-react-native": {
+      "optional": false
+    },
+    "react": {
+      "optional": false
+    },
+    "react-native": {
+      "optional": false
+    },
+    "react-native-compressor": {
+      "optional": false
+    },
+    "react-native-fast-opencv": {
+      "optional": false
+    },
+    "react-native-fs": {
+      "optional": false
+    },
+    "react-native-gesture-handler": {
+      "optional": false
+    },
+    "react-native-get-random-values": {
+      "optional": false
+    },
+    "react-native-nfc-manager": {
+      "optional": false
+    },
+    "react-native-paper": {
+      "optional": false
+    },
+    "react-native-safe-area-context": {
+      "optional": false
+    },
+    "react-native-screens": {
+      "optional": false
+    },
+    "react-native-svg": {
+      "optional": false
+    },
+    "react-native-tts": {
+      "optional": false
+    },
+    "react-native-video": {
+      "optional": false
+    },
+    "react-native-vision-camera": {
+      "optional": false
+    },
+    "react-native-webview": {
+      "optional": false
+    },
+    "react-native-worklets-core": {
+      "optional": false
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true,
+          "sourceMaps": false
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "TrustchexSDKSpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.trustchex.reactnativesdk"
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "turbo-module",
+    "version": "0.52.0"
+  }
+}

package/src/NativeTrustchexSDK.ts

@@ -0,0 +1,9 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  enableKeepAwake(): void;
+  disableKeepAwake(): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('TrustchexSDK');

package/src/Screens/Dynamic/ContractAcceptanceScreen.tsx

@@ -0,0 +1,165 @@
+import React, {
+  useState,
+  useContext,
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
+import { SafeAreaView, View, Text, StyleSheet } from 'react-native';
+import WebView from 'react-native-webview';
+import NavigationManager, {
+  type NavigationManagerRef,
+} from '../../Shared/Components/NavigationManager';
+import AppContext from '../../Shared/Contexts/AppContext';
+import { getI18n, useTranslation } from 'react-i18next';
+import { Button } from 'react-native-paper';
+import NativeDeviceInfo from '../../Shared/Libs/native-device-info.utils';
+import { speakWithDebounce } from '../../Shared/Libs/tts.utils';
+
+const ContractAcceptanceScreen = () => {
+  const [isEnabled, setIsEnabled] = useState(false);
+  const [isReady, setIsReady] = useState(false);
+  const appContext = useContext(AppContext);
+  const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
+  const [acceptedContractId, setAcceptedContractId] = useState<string>();
+  const [contractUrl, setContractUrl] = useState<string>();
+  const atTheEnd = useRef(false);
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    const contracts = appContext.currentWorkflowStep?.data?.contracts;
+    if (!contracts) {
+      return;
+    }
+
+    const lang = getI18n().language.substring(0, 2).toLowerCase();
+    if (lang === 'tr') {
+      setAcceptedContractId(contracts?.tr.id);
+      setContractUrl(contracts?.tr.url);
+    } else {
+      setAcceptedContractId(contracts?.en.id);
+      setContractUrl(contracts?.en.url);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [getI18n().language, appContext.currentWorkflowStep]);
+
+  const hasReachedEnd = useCallback(
+    (event: {
+      nativeEvent: {
+        layoutMeasurement: any;
+        contentOffset: any;
+        contentSize: any;
+      };
+    }) => {
+      const { layoutMeasurement, contentOffset, contentSize } =
+        event.nativeEvent;
+      const paddingToBottom = 10;
+      if (
+        layoutMeasurement.height + contentOffset.y >=
+          contentSize.height - paddingToBottom &&
+        isReady
+      ) {
+        setIsEnabled(true);
+        if (!atTheEnd.current) {
+          atTheEnd.current = true;
+          if (appContext.currentWorkflowStep?.data?.voiceGuidanceActive) {
+            speakWithDebounce(
+              t('termsOfUseAndDataPrivacyScreen.footerTextSRO')
+            );
+          }
+        }
+      } else {
+        setIsEnabled(false);
+        atTheEnd.current = false;
+      }
+    },
+    [appContext.currentWorkflowStep?.data?.voiceGuidanceActive, isReady, t]
+  );
+
+  const generateHumanReadableIdentifier = useCallback(async () => {
+    return await NativeDeviceInfo.generateHumanReadableIdentifier();
+  }, []);
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <WebView
+        source={{
+          uri: contractUrl || '',
+        }}
+        javaScriptEnabled={true}
+        domStorageEnabled={false}
+        scalesPageToFit={false}
+        scrollEnabled={true}
+        style={styles.webView}
+        onLoadEnd={(event) => {
+          if (event.nativeEvent.url === contractUrl) {
+            setIsReady(true);
+            if (appContext.currentWorkflowStep?.data?.voiceGuidanceActive) {
+              speakWithDebounce(t('termsOfUseAndDataPrivacyScreen.footerText'));
+            }
+          }
+        }}
+        onScroll={hasReachedEnd}
+      />
+      <View style={styles.footer}>
+        <Text style={styles.footerText}>
+          {t('termsOfUseAndDataPrivacyScreen.footerText')}
+        </Text>
+        <Button
+          mode="contained"
+          disabled={!isEnabled}
+          onPress={async () => {
+            if (!acceptedContractId) {
+              return;
+            }
+            if (!appContext.identificationInfo.consent) {
+              appContext.identificationInfo.consent = {
+                contractIds: [],
+                deviceInfo: '',
+              };
+            }
+
+            const { consent } = appContext.identificationInfo;
+            if (!consent.contractIds.includes(acceptedContractId)) {
+              consent.contractIds.push(acceptedContractId);
+              consent.deviceInfo = await generateHumanReadableIdentifier();
+            }
+
+            navigationManagerRef.current?.navigateToNextStep();
+          }}
+        >
+          {t('termsOfUseAndDataPrivacyScreen.acceptAndContinue')}
+        </Button>
+      </View>
+      <NavigationManager ref={navigationManagerRef} />
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeAreaContainer: {
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  container: {
+    flex: 1,
+  },
+  webView: {
+    flex: 1,
+    width: '100%',
+    height: '100%',
+    resizeMode: 'contain',
+  },
+  footer: {
+    flex: 0,
+    justifyContent: 'flex-end',
+    padding: 10,
+  },
+  footerText: {
+    textAlign: 'center',
+    color: 'black',
+    marginBottom: 10,
+  },
+});
+
+export default ContractAcceptanceScreen;

package/src/Screens/Dynamic/IdentityDocumentEIDScanningScreen.tsx

@@ -0,0 +1,205 @@
+import React, { useContext, useEffect, useState } from 'react';
+
+import { Alert, SafeAreaView, StyleSheet, View } from 'react-native';
+import EIDScanner from '../../Shared/Components/EIDScanner';
+import NavigationManager, {
+  type NavigationManagerRef,
+} from '../../Shared/Components/NavigationManager';
+import AppContext from '../../Shared/Contexts/AppContext';
+import IdentityDocumentCamera, {
+  type DocumentScannedData,
+} from '../../Shared/Components/IdentityDocumentCamera';
+import { useTranslation } from 'react-i18next';
+
+const IdentityDocumentEIDScanningScreen = () => {
+  const appContext = useContext(AppContext);
+  const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
+  const [idFrontSideData, setIDFrontSideData] =
+    useState<DocumentScannedData | null>(null);
+  const [idBackSideData, setIDBackSideData] =
+    useState<DocumentScannedData | null>(null);
+  const [passportData, setPassportData] =
+    useState<DocumentScannedData | null>();
+  const [documentNumber, setDocumentNumber] = useState<string>();
+  const [dateOfBirth, setDateOfBirth] = useState<string>();
+  const [dateOfExpiry, setDateOfExpiry] = useState<string>();
+  const [documentType, setDocumentType] = useState<string>();
+  const [isNFCSupported, setIsNFCSupported] = useState<boolean>(false);
+  const { t } = useTranslation();
+  const [allowedDocumentTypes, setAllowedDocumentTypes] = useState<
+    ('I' | 'P')[] | null
+  >(null);
+  const [allowedCountries, setAllowedCountries] = useState<'TUR'[] | null>(
+    null
+  );
+
+  useEffect(() => {
+    if (appContext.identificationInfo.scannedDocument?.mrzFields) {
+      const {
+        documentNumber: dn,
+        birthDate: bd,
+        expirationDate: ed,
+        documentCode: dc,
+      } = appContext.identificationInfo.scannedDocument.mrzFields;
+      if (dn && bd && ed) {
+        setDocumentNumber(dn);
+        setDateOfBirth(bd);
+        setDateOfExpiry(ed);
+        setDocumentType(
+          dc === 'I' ? 'ID' : dc === 'P' ? 'PASSPORT' : 'UNKNOWN'
+        );
+      }
+    }
+  }, [appContext.identificationInfo.scannedDocument]);
+
+  useEffect(() => {
+    setAllowedDocumentTypes(
+      appContext.currentWorkflowStep?.data?.allowedDocumentTypes ?? null
+    );
+    setAllowedCountries(
+      appContext.currentWorkflowStep?.data?.allowedCountries ?? null
+    );
+  }, [appContext.currentWorkflowStep]);
+
+  return (
+    <SafeAreaView style={styles.safeAreaContainer}>
+      {documentNumber && dateOfBirth && dateOfExpiry ? (
+        <View style={styles.container}>
+          <EIDScanner
+            documentNumber={documentNumber}
+            dateOfBirth={dateOfBirth}
+            dateOfExpiry={dateOfExpiry}
+            documentType={documentType}
+            onScanSuccess={(mrzFields, faceImage, mimeType) => {
+              if (mrzFields && faceImage && mimeType) {
+                if (!appContext.identificationInfo.scannedDocument) {
+                  appContext.identificationInfo.scannedDocument = {
+                    documentType: 'UNKNOWN',
+                    dataSource: 'UNKNOWN',
+                  };
+                }
+
+                appContext.identificationInfo.scannedDocument.dataSource =
+                  'EID';
+                appContext.identificationInfo.scannedDocument.mrzFields =
+                  mrzFields;
+                appContext.identificationInfo.scannedDocument.faceImage =
+                  faceImage;
+                appContext.identificationInfo.scannedDocument.faceImageMimeType =
+                  mimeType;
+                appContext.identificationInfo.scannedDocument.mrzText ||=
+                  idBackSideData?.mrzText || passportData?.mrzText;
+                appContext.identificationInfo.scannedDocument.frontImage ||=
+                  (idFrontSideData?.image || passportData?.image) as string;
+                appContext.identificationInfo.scannedDocument.backImage ||=
+                  idBackSideData?.image;
+                appContext.identificationInfo.scannedDocument.barcodeValue ||=
+                  idBackSideData?.barcodeValue;
+                appContext.identificationInfo.scannedDocument.documentType =
+                  mrzFields.documentCode === 'I'
+                    ? 'ID'
+                    : mrzFields.documentCode === 'P'
+                      ? 'PASSPORT'
+                      : 'UNKNOWN';
+
+                if (allowedCountries && allowedCountries.length > 0) {
+                  const countryCode = mrzFields.issuingState;
+                  if (!allowedCountries.includes(countryCode as 'TUR')) {
+                    Alert.alert(
+                      t('general.error'),
+                      t('general.countryNotAllowed')
+                    );
+                    appContext.onError?.(t('general.countryNotAllowed'));
+                    navigationManagerRef.current?.reset();
+                    return;
+                  }
+                }
+
+                if (allowedDocumentTypes && allowedDocumentTypes.length > 0) {
+                  const documentCode = mrzFields.documentCode;
+                  if (
+                    !allowedDocumentTypes.includes(documentCode as 'I' | 'P')
+                  ) {
+                    Alert.alert(
+                      t('general.error'),
+                      t('general.documentTypeNotAllowed')
+                    );
+                    appContext.onError?.(t('general.documentTypeNotAllowed'));
+                    navigationManagerRef.current?.reset();
+                    return;
+                  }
+                }
+
+                navigationManagerRef.current?.navigateToNextStep();
+              }
+            }}
+            isNFCSupported={setIsNFCSupported}
+          />
+        </View>
+      ) : (
+        <IdentityDocumentCamera
+          onlyMRZScan={true}
+          onIdentityDocumentScanned={(data) => {
+            if (data.documentType === 'ID_FRONT') {
+              setIDFrontSideData(data);
+            } else if (data.documentType === 'ID_BACK') {
+              setIDBackSideData(data);
+            } else if (data.documentType === 'PASSPORT') {
+              setPassportData(data);
+            }
+
+            if (
+              data.mrzFields &&
+              data.mrzFields.documentNumber &&
+              data.mrzFields.birthDate &&
+              data.mrzFields.expirationDate
+            ) {
+              setDocumentNumber(data.mrzFields.documentNumber);
+              setDateOfBirth(data.mrzFields.birthDate);
+              setDateOfExpiry(data.mrzFields.expirationDate);
+              setDocumentType(
+                data.mrzFields.documentCode === 'I'
+                  ? 'ID'
+                  : data.mrzFields?.documentCode === 'P'
+                    ? 'PASSPORT'
+                    : 'UNKNOWN'
+              );
+            }
+          }}
+          showDebugImages={false}
+        />
+      )}
+      <View style={styles.footer}>
+        <NavigationManager
+          canSkipStep={
+            !isNFCSupported &&
+            !!appContext.identificationInfo.scannedDocument?.faceImage &&
+            !!appContext.identificationInfo.scannedDocument?.frontImage &&
+            !!appContext.identificationInfo.scannedDocument?.mrzText
+          }
+          ref={navigationManagerRef}
+        />
+      </View>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeAreaContainer: {
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+  footer: {
+    flex: 0,
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    zIndex: 10,
+  },
+});
+
+export default IdentityDocumentEIDScanningScreen;