@trustchex/react-native-sdk 1.249.0 → 1.253.0

package/lib/module/Trustchex.js

@@ -4,8 +4,8 @@ import React, { useEffect, useState, useMemo } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { View, ActivityIndicator, StyleSheet } from 'react-native';
-import { MD3LightTheme, PaperProvider } from 'react-native-paper';
 import 'react-native-get-random-values';
+import { ThemeProvider } from "./Shared/Contexts/ThemeContext.js";
 import IdentityDocumentEIDScanningScreen from "./Screens/Dynamic/IdentityDocumentEIDScanningScreen.js";
 import IdentityDocumentScanningScreen from "./Screens/Dynamic/IdentityDocumentScanningScreen.js";
 import LivenessDetectionScreen from "./Screens/Dynamic/LivenessDetectionScreen.js";
@@ -40,15 +40,6 @@ const Trustchex = ({
     ...DEFAULT_BRANDING,
     ...propBranding
   }), [propBranding]);
-  const theme = useMemo(() => ({
-    ...MD3LightTheme,
-    colors: {
-      ...MD3LightTheme.colors,
-      primary: branding.primaryColor,
-      secondary: branding.secondaryColor,
-      tertiary: branding.tertiaryColor
-    }
-  }), [branding]);
   const contextValue = useMemo(() => ({
     isDemoSession: false,
     baseUrl,
@@ -70,22 +61,17 @@ const Trustchex = ({
     initializeTTS();
   }, []);
   useEffect(() => {
-    const timer = setTimeout(() => {
-      let shouldUpdate = false;
-      if (propBaseUrl && propBaseUrl !== baseUrl) {
-        shouldUpdate = true;
-      }
-      if (propSessionId !== undefined && propSessionId !== sessionId) {
-        shouldUpdate = true;
-      }
-      if (shouldUpdate && propBaseUrl && propSessionId !== undefined) {
-        setBaseUrl(propBaseUrl);
-        setSessionId(propSessionId);
-      }
-      setIsInitialized(true);
-    }, 100);
-    return () => clearTimeout(timer);
-  }, [propBaseUrl, propSessionId, baseUrl, sessionId]);
+    if (propSessionId) {
+      setSessionId(propSessionId);
+    }
+    if (propBaseUrl) {
+      setBaseUrl(propBaseUrl);
+      const timer = setTimeout(() => {
+        setIsInitialized(true);
+      }, 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [propBaseUrl, propSessionId]);
   useEffect(() => {
     if (propLocale) {
       setLocale(propLocale);
@@ -101,8 +87,10 @@ const Trustchex = ({
       })
     });
   }
-  return /*#__PURE__*/_jsx(PaperProvider, {
-    theme: theme,
+  return /*#__PURE__*/_jsx(ThemeProvider, {
+    primaryColor: branding.primaryColor,
+    secondaryColor: branding.secondaryColor,
+    tertiaryColor: branding.tertiaryColor,
     children: /*#__PURE__*/_jsx(AppContext.Provider, {
       value: contextValue,
       children: /*#__PURE__*/_jsx(NavigationContainer, {

package/lib/typescript/src/Screens/Static/VerificationSessionCheckScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerificationSessionCheckScreen.d.ts","sourceRoot":"","sources":["../../../../../src/Screens/Static/VerificationSessionCheckScreen.tsx"],"names":[],"mappings":"AA0CA,QAAA,MAAM,8BAA8B,+CA4YnC,CAAC;AA0IF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"VerificationSessionCheckScreen.d.ts","sourceRoot":"","sources":["../../../../../src/Screens/Static/VerificationSessionCheckScreen.tsx"],"names":[],"mappings":"AA2CA,QAAA,MAAM,8BAA8B,+CA8XnC,CAAC;AAuHF,eAAe,8BAA8B,CAAC"}

package/lib/typescript/src/Shared/Components/FaceCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FaceCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/FaceCamera.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGL,MAAM,EAKP,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,KAAK,IAAI,EAEV,MAAM,qCAAqC,CAAC;AAQ7C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,CACf,KAAK,EAAE,IAAI,EAAE,EACb,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,OAAO,KACnB,IAAI,CAAC;IACV,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAQF,QAAA,MAAM,UAAU,GAAI,2CAGjB,eAAe,4CA2LjB,CAAC;AA6BF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FaceCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/FaceCamera.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,MAAM,EAKP,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,KAAK,IAAI,EAEV,MAAM,qCAAqC,CAAC;AAQ7C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,CACf,KAAK,EAAE,IAAI,EAAE,EACb,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,OAAO,KACnB,IAAI,CAAC;IACV,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAQF,QAAA,MAAM,UAAU,GAAI,2CAGjB,eAAe,4CA4LjB,CAAC;AA6BF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/Shared/Components/IdentityDocumentCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityDocumentCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/IdentityDocumentCamera.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AA4BxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,gBAAgB,GAAG,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnD,KAAK,SAAS,GAAG;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,gBAAgB,EAAE,gBAAgB;IAClC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE;IAC5B,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,mBAAmB,EAAE,gBAAgB;IACrC,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EACR,gBAAgB,GAChB,UAAU,GACV,oBAAoB,GACpB,eAAe,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,yBAAyB,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAaD,QAAA,MAAM,sBAAsB,GAAI,8DAI7B,2BAA2B,4CAqkC7B,CAAC;AAuJF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"IdentityDocumentCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/IdentityDocumentCamera.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AA4BxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,gBAAgB,GAAG,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnD,KAAK,SAAS,GAAG;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,gBAAgB,EAAE,gBAAgB;IAClC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE;IAC5B,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,mBAAmB,EAAE,gBAAgB;IACrC,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EACR,gBAAgB,GAChB,UAAU,GACV,oBAAoB,GACpB,eAAe,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,yBAAyB,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAaD,QAAA,MAAM,sBAAsB,GAAI,8DAI7B,2BAA2B,4CAskC7B,CAAC;AAuJF,eAAe,sBAAsB,CAAC"}

package/lib/typescript/src/Shared/Components/LanguageSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/LanguageSelector.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,gBAAgB,+CA+BrB,CAAC;AAyBF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/LanguageSelector.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,gBAAgB,+CAkCrB,CAAC;AAuBF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/Shared/Components/QrCodeScannerCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QrCodeScannerCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/QrCodeScannerCamera.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,mBAAmB,GAAI,qBAAqB,wBAAwB,4CA2MzE,CAAC;AAqFF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"QrCodeScannerCamera.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/QrCodeScannerCamera.tsx"],"names":[],"mappings":"AA2BA,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,mBAAmB,GAAI,qBAAqB,wBAAwB,4CA4MzE,CAAC;AAqFF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/src/Shared/Components/StyledButton.d.ts

@@ -1,6 +1,16 @@
 import React from 'react';
-import type { ButtonProps } from 'react-native-paper';
-type StyledButtonProps = ButtonProps;
+import { type ViewStyle, type TextStyle } from 'react-native';
+interface StyledButtonProps {
+    mode?: 'text' | 'outlined' | 'contained';
+    onPress?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    children: React.ReactNode;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    buttonColor?: string;
+    textColor?: string;
+}
 declare const StyledButton: React.FC<StyledButtonProps>;
 export default StyledButton;
 //# sourceMappingURL=StyledButton.d.ts.map

package/lib/typescript/src/Shared/Components/StyledButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/StyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAY7C,CAAC;AAeF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/StyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAoBtB,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqF7C,CAAC;AAwCF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/Shared/Components/StyledTextInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextInput, type TextInputProps, type ViewStyle, type TextStyle } from 'react-native';
+interface StyledTextInputProps extends TextInputProps {
+    containerStyle?: ViewStyle;
+    inputStyle?: TextStyle;
+    placeholderStyle?: TextStyle;
+    borderColor?: string;
+    focusedBorderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+}
+declare const StyledTextInput: React.ForwardRefExoticComponent<StyledTextInputProps & React.RefAttributes<TextInput>>;
+export default StyledTextInput;
+//# sourceMappingURL=StyledTextInput.d.ts.map

package/lib/typescript/src/Shared/Components/StyledTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextInput.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Components/StyledTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EAGT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAqB,SAAQ,cAAc;IACnD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,eAAe,wFAyEpB,CAAC;AAgCF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/Shared/Contexts/ThemeContext.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface ThemeColors {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    background: string;
+    surface: string;
+    text: string;
+    textSecondary: string;
+    border: string;
+    error: string;
+    success: string;
+}
+interface ThemeContextType {
+    colors: ThemeColors;
+}
+export declare const useTheme: () => ThemeContextType;
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    primaryColor?: string;
+    secondaryColor?: string;
+    tertiaryColor?: string;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/lib/typescript/src/Shared/Contexts/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../../src/Shared/Contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB;AAmBD,eAAO,MAAM,QAAQ,wBAAiC,CAAC;AAEvD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqBtD,CAAC"}

package/lib/typescript/src/Translation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAoC3B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAsC3B,eAAe,IAAI,CAAC"}

package/lib/typescript/src/Trustchex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Trustchex.d.ts","sourceRoot":"","sources":["../../../src/Trustchex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,gCAAgC,CAAC;AAexC,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AASD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2IvC,CAAC;AAWF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Trustchex.d.ts","sourceRoot":"","sources":["../../../src/Trustchex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,gCAAgC,CAAC;AAgBxC,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AASD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4HvC,CAAC;AAWF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustchex/react-native-sdk",
-  "version": "1.249.0",
+  "version": "1.253.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",
@@ -98,7 +98,6 @@
     "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",
@@ -135,7 +134,6 @@
     "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",
@@ -188,9 +186,6 @@
     "react-native-nfc-manager": {
       "optional": false
     },
-    "react-native-paper": {
-      "optional": false
-    },
     "react-native-safe-area-context": {
       "optional": false
     },

package/src/Screens/Static/VerificationSessionCheckScreen.tsx

@@ -27,8 +27,9 @@ import NavigationManager, {
   type NavigationManagerRef,
 } from '../../Shared/Components/NavigationManager';
 import type { VerificationSession } from '../../Shared/Types/verificationSession';
-import { TextInput, useTheme } from 'react-native-paper';
 import StyledButton from '../../Shared/Components/StyledButton';
+import StyledTextInput from '../../Shared/Components/StyledTextInput';
+import { useTheme } from '../../Shared/Contexts/ThemeContext';
 import LottieView from 'lottie-react-native';
 import {
   getSimulatedDemoData,
@@ -51,9 +52,10 @@ const VerificationSessionCheckScreen = () => {
   const { t } = useTranslation();
   const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
   const navigation = useNavigation();
-  const theme = useTheme();
   const initialized = useRef(false);
   const insets = useSafeAreaInsets();
+  const theme = useTheme();
+  const primaryColor = theme.colors.primary;
 
   const apiUrl = useMemo(
     () => `${appContext.baseUrl}/api/app/mobile`,
@@ -216,9 +218,6 @@ const VerificationSessionCheckScreen = () => {
           appContext.workflowSteps = session?.workflowSteps;
           if (session?.branding) {
             appContext.branding = appContext.branding || session.branding;
-            theme.colors.primary = appContext.branding.primaryColor;
-            theme.colors.secondary = appContext.branding.secondaryColor;
-            theme.colors.tertiary = appContext.branding.tertiaryColor;
           }
 
           if (session?.sendOTP) {
@@ -240,10 +239,6 @@ const VerificationSessionCheckScreen = () => {
     appContext.identificationInfo.sessionId,
     getSession,
     sendOTPCode,
-    theme.colors,
-    theme.colors.primary,
-    theme.colors.secondary,
-    theme.colors.tertiary,
   ]);
 
   return (
@@ -287,59 +282,53 @@ const VerificationSessionCheckScreen = () => {
                 <Text style={styles.mainText}>
                   {t('verificationSessionCheckScreen.mainText')}
                 </Text>
-                <View style={styles.inputContainer}>
-                  <TextInput
-                    mode="outlined"
-                    autoCapitalize="characters"
-                    placeholder=""
-                    outlineColor={theme.colors.primary}
-                    activeOutlineColor={theme.colors.primary}
-                    style={styles.sessionCodeTextInput}
-                    contentStyle={styles.sessionCodeInputWithText}
-                    onChangeText={async (text) => {
-                      const alphanumericText = text
-                        .toUpperCase()
-                        .replace(SESSION_CODE_CHARSET_PATTERN, '');
-                      if (alphanumericText.length <= 8) {
-                        setSessionCode(alphanumericText);
-                        if (
-                          validateSessionCode(alphanumericText) &&
-                          alphanumericText.length === 8
-                        ) {
-                          try {
-                            setIsCheckingSession(true);
-                            const session =
-                              await getSessionByCode(alphanumericText);
-                            if (session?.id) {
-                              appContext.identificationInfo.sessionId =
-                                session.id;
-                            } else {
-                              setSessionCode('');
-                            }
-                          } catch {
+                <StyledTextInput
+                  autoCapitalize="characters"
+                  placeholder={t(
+                    'verificationSessionCheckScreen.enterSessionCode'
+                  )}
+                  borderColor={primaryColor}
+                  focusedBorderColor={primaryColor}
+                  inputStyle={styles.sessionCodeTextInput}
+                  placeholderStyle={styles.sessionCodeTextInputPlaceholder}
+                  value={sessionCode.toUpperCase()}
+                  onChangeText={async (text) => {
+                    const alphanumericText = text
+                      .toUpperCase()
+                      .replace(SESSION_CODE_CHARSET_PATTERN, '');
+                    if (alphanumericText.length <= 8) {
+                      setSessionCode(alphanumericText);
+                      if (
+                        validateSessionCode(alphanumericText) &&
+                        alphanumericText.length === 8
+                      ) {
+                        try {
+                          setIsCheckingSession(true);
+                          const session =
+                            await getSessionByCode(alphanumericText);
+                          if (session?.id) {
+                            appContext.identificationInfo.sessionId =
+                              session.id;
+                          } else {
                             setSessionCode('');
-                          } finally {
-                            setTimeout(() => {
-                              setIsCheckingSession(false);
-                            }, 1000);
                           }
+                        } catch {
+                          setSessionCode('');
+                        } finally {
+                          setTimeout(() => {
+                            setIsCheckingSession(false);
+                          }, 1000);
                         }
                       }
-                    }}
-                    value={sessionCode.toUpperCase()}
-                    maxLength={8}
-                  />
-                  {!sessionCode && (
-                    <Text style={styles.placeholderText}>
-                      {t('verificationSessionCheckScreen.enterSessionCode')}
-                    </Text>
-                  )}
-                </View>
+                    }
+                  }}
+                  maxLength={8}
+                />
                 <View style={styles.horizontalLineContainer}>
                   <View
                     style={[
                       styles.horizontalLine,
-                      { backgroundColor: theme.colors.primary },
+                      { backgroundColor: primaryColor },
                     ]}
                   />
                   <Text style={styles.mainText}>
@@ -348,7 +337,7 @@ const VerificationSessionCheckScreen = () => {
                   <View
                     style={[
                       styles.horizontalLine,
-                      { backgroundColor: theme.colors.primary },
+                      { backgroundColor: primaryColor },
                     ]}
                   />
                 </View>
@@ -366,14 +355,12 @@ const VerificationSessionCheckScreen = () => {
                 <Text style={styles.mainText}>
                   {t('verificationSessionCheckScreen.codeText')}
                 </Text>
-                <TextInput
-                  mode="outlined"
+                <StyledTextInput
                   autoFocus={true}
                   placeholder=""
-                  outlineColor={theme.colors.primary}
-                  activeOutlineColor={theme.colors.primary}
-                  style={styles.otpCodeTextInput}
-                  contentStyle={styles.otpCodeInputWithText}
+                  borderColor={primaryColor}
+                  focusedBorderColor={primaryColor}
+                  inputStyle={styles.otpCodeTextInput}
                   keyboardType="number-pad"
                   textContentType="oneTimeCode"
                   autoComplete="sms-otp"
@@ -464,7 +451,7 @@ const styles = StyleSheet.create({
   },
   horizontalLine: {
     flex: 1,
-    height: 2,
+    height: 1,
   },
   loadingAnimation: {
     width: '100%',
@@ -533,40 +520,21 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     position: 'absolute',
   },
-  inputContainer: {
-    position: 'relative',
-    width: '100%',
-  },
   sessionCodeTextInput: {
-    backgroundColor: 'white',
-  },
-  sessionCodeInputWithText: {
     textTransform: 'uppercase',
     fontWeight: '800',
     fontSize: 28,
     textAlign: 'center',
     letterSpacing: 8,
   },
-  placeholderText: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    height: '100%',
-    lineHeight: 56,
-    fontSize: 16,
-    color: '#666',
-    textAlign: 'center',
-    pointerEvents: 'none',
-  },
-  sessionCodeInputPlaceholder: {
+  sessionCodeTextInputPlaceholder: {
     fontSize: 16,
+    fontWeight: '400',
+    letterSpacing: 0,
     textAlign: 'center',
+    textTransform: 'none',
   },
   otpCodeTextInput: {
-    backgroundColor: 'white',
-  },
-  otpCodeInputWithText: {
     fontWeight: '800',
     fontSize: 28,
     textAlign: 'center',

package/src/Shared/Components/FaceCamera.tsx

@@ -8,6 +8,7 @@ import {
   Platform,
   Linking,
   Dimensions,
+  ActivityIndicator,
 } from 'react-native';
 import {
   useCameraDevice,
@@ -28,8 +29,8 @@ import { Worklets, useSharedValue } from 'react-native-worklets-core';
 import { crop } from '../VisionCameraPlugins/Cropper';
 import { isFrameBright } from '../Libs/camera.utils';
 import { useTranslation } from 'react-i18next';
-import { ActivityIndicator } from 'react-native-paper';
 import StyledButton from './StyledButton';
+import { useTheme } from '../Contexts/ThemeContext';
 
 export type FaceCameraProps = {
   onFacesDetected: (
@@ -51,6 +52,7 @@ const FaceCamera = ({
   onCameraInitialized,
 }: FaceCameraProps) => {
   useKeepAwake();
+  const theme = useTheme();
   const cameraPermission = useCameraPermission();
   const microphonePermission = useMicrophonePermission();
   const [permissionsRequested, setPermissionsRequested] = useState(false);
@@ -164,7 +166,7 @@ const FaceCamera = ({
   if (!permissionsRequested) {
     return (
       <View style={styles.permissionContainer}>
-        <ActivityIndicator size="large" />
+        <ActivityIndicator size="large" color={theme.colors.primary} />
       </View>
     );
   }

package/src/Shared/Components/IdentityDocumentCamera.tsx

@@ -11,6 +11,7 @@ import {
   Text,
   Linking,
   Image,
+  ActivityIndicator,
 } from 'react-native';
 import {
   Camera,
@@ -46,11 +47,11 @@ import {
 import { getAverageBrightness } from '../Libs/camera.utils';
 import { useTranslation } from 'react-i18next';
 import LottieView from 'lottie-react-native';
-import { ActivityIndicator } from 'react-native-paper';
 import StyledButton from './StyledButton';
 import { type Barcode, scanCodes } from '../VisionCameraPlugins/BarcodeScanner';
 import { speakWithDebounce } from '../Libs/tts.utils';
 import AppContext from '../Contexts/AppContext';
+import { useTheme } from '../Contexts/ThemeContext';
 
 export type DocumentScannedData = {
   documentType: 'ID_FRONT' | 'ID_BACK' | 'PASSPORT' | 'UNKNOWN';
@@ -133,6 +134,7 @@ const IdentityDocumentCamera = ({
   showDebugImages = false,
 }: IdentityDocumentCameraProps) => {
   useKeepAwake();
+  const theme = useTheme();
   const appContext = React.useContext(AppContext);
   const cameraRef = React.useRef<Camera>(null);
   const cameraPermission = useCameraPermission();
@@ -971,7 +973,7 @@ const IdentityDocumentCamera = ({
   if (!permissionsRequested) {
     return (
       <View style={styles.permissionContainer}>
-        <ActivityIndicator size="large" />
+        <ActivityIndicator size="large" color={theme.colors.primary} />
       </View>
     );
   }

package/src/Shared/Components/LanguageSelector.tsx

@@ -1,10 +1,12 @@
 import React from 'react';
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import i18n from '../../Translation';
-import AppContext from '../Contexts/AppContext';
+import { useTheme } from '../Contexts/ThemeContext';
 
 const LanguageSelector = () => {
-  const appContext = React.useContext(AppContext);
+  const theme = useTheme();
+  const isEnglish = i18n.language.startsWith('en');
+  const isTurkish = i18n.language.startsWith('tr');
 
   return (
     <View style={styles.container}>
@@ -12,21 +14,22 @@ const LanguageSelector = () => {
         <Text
           style={[
             styles.buttonText,
-            i18n.language.startsWith('en') ? styles.buttonTextSelected : null,
-            {
-              color: appContext.branding.primaryColor,
-            },
+            isEnglish && styles.buttonTextSelected,
+            isEnglish && { color: theme.colors.primary },
           ]}
         >
           EN
         </Text>
       </Pressable>
-      <View style={styles.verticalSeperator} />
+      <View
+        style={[styles.verticalSeperator, { borderColor: theme.colors.border }]}
+      />
       <Pressable onPress={() => i18n.changeLanguage('tr')}>
         <Text
           style={[
             styles.buttonText,
-            i18n.language.startsWith('tr') ? styles.buttonTextSelected : null,
+            isTurkish && styles.buttonTextSelected,
+            isTurkish && { color: theme.colors.primary },
           ]}
         >
           TR
@@ -46,16 +49,14 @@ const styles = StyleSheet.create({
   },
   buttonText: {
     fontSize: 18,
-    color: 'black',
+    color: '#999999',
   },
   buttonTextSelected: {
-    color: '#000000',
     fontWeight: 'bold',
   },
   verticalSeperator: {
     borderLeftWidth: 1,
     height: 24,
-    borderColor: 'black',
   },
 });
 

package/src/Shared/Components/NavigationManager.tsx

@@ -14,7 +14,7 @@ import {
 import { View, StyleSheet, Alert } from 'react-native';
 import { useTranslation } from 'react-i18next';
 import i18n from '../../Translation';
-import { Button } from 'react-native-paper';
+import StyledButton from './StyledButton';
 
 // Simple global navigation lock
 let isNavigating = false;
@@ -235,9 +235,9 @@ const NavigationManager = forwardRef(
       appContext.currentWorkflowStep &&
       (!appContext.currentWorkflowStep?.required || canSkipStep) && (
         <View style={styles.container}>
-          <Button mode="text" onPress={goToNextRouteWithAlert}>
+          <StyledButton mode="text" onPress={goToNextRouteWithAlert}>
             {t('navigationManager.skipStepLabel')}
-          </Button>
+          </StyledButton>
         </View>
       )
     );

package/src/Shared/Components/QrCodeScannerCamera.tsx

@@ -23,6 +23,7 @@ import { useTranslation } from 'react-i18next';
 import LottieView from 'lottie-react-native';
 import { type Barcode, scanCodes } from '../VisionCameraPlugins/BarcodeScanner';
 import StyledButton from './StyledButton';
+import { useTheme } from '../Contexts/ThemeContext';
 
 export interface QrCodeScannerCameraProps {
   onQrCodeScanned: (data: string) => void;
@@ -30,6 +31,7 @@ export interface QrCodeScannerCameraProps {
 
 const QrCodeScannerCamera = ({ onQrCodeScanned }: QrCodeScannerCameraProps) => {
   useKeepAwake();
+  const theme = useTheme();
   const cameraPermission = useCameraPermission();
   const [permissionsRequested, setPermissionsRequested] = React.useState(false);
   const [isActive, setIsActive] = React.useState(false);
@@ -164,7 +166,7 @@ const QrCodeScannerCamera = ({ onQrCodeScanned }: QrCodeScannerCameraProps) => {
   if (!permissionsRequested) {
     return (
       <View style={styles.permissionContainer}>
-        <ActivityIndicator size="large" />
+        <ActivityIndicator size="large" color={theme.colors.primary} />
       </View>
     );
   }