@transfergratis/react-native-sdk 0.1.4 → 0.1.6

package/build/web/WebKYCEntry.js

@@ -0,0 +1,156 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+// import { TemplateKYCFlow } from '../components/TemplateKYCFlowRefactored';
+// import { KYCTemplate } from '../types/KYC.types';
+import { useI18n } from '../hooks/useI18n';
+import { TemplateKYCExample } from '../components/TemplateKYCExample';
+const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
+    const { setLocale } = useI18n();
+    const [urlParams, setUrlParams] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // Parse URL parameters
+    const parseUrlParams = useCallback(() => {
+        if (typeof window === 'undefined')
+            return {};
+        const urlParams = new URLSearchParams(window.location.search);
+        return {
+            token: urlParams.get('token') || undefined,
+            return_url: urlParams.get('return_url') || undefined,
+            lang: urlParams.get('lang') || 'en',
+            theme: urlParams.get('theme') || 'light',
+            kyc_id: urlParams.get('kyc_id') || undefined,
+        };
+    }, []);
+    // Safe redirect function with validation
+    const redirectToReturnUrl = useCallback((params) => {
+        const { return_url } = urlParams;
+        if (!return_url) {
+            console.warn('No return_url provided');
+            return;
+        }
+        // Basic URL validation - ensure it's a valid URL
+        try {
+            const returnUrl = new URL(return_url);
+            // Optional: Add domain allowlist validation here
+            // const allowedDomains = ['example.com', 'trusted-site.com'];
+            // if (!allowedDomains.some(domain => returnUrl.hostname.endsWith(domain))) {
+            //   console.error('Return URL not in allowlist');
+            //   return;
+            // }
+            // Build redirect URL with parameters
+            const redirectUrl = new URL(returnUrl);
+            redirectUrl.searchParams.set('status', params.status);
+            if (params.kyc_id) {
+                redirectUrl.searchParams.set('kyc_id', params.kyc_id);
+            }
+            if (params.message) {
+                redirectUrl.searchParams.set('message', params.message);
+            }
+            if (params.sig) {
+                redirectUrl.searchParams.set('sig', params.sig);
+            }
+            // Optional: Send postMessage to parent if in iframe
+            if (window.parent !== window) {
+                window.parent.postMessage({
+                    type: 'kyc_result',
+                    status: params.status,
+                    kyc_id: params.kyc_id,
+                    message: params.message,
+                }, '*');
+            }
+            // Redirect to return URL
+            window.location.href = redirectUrl.toString();
+        }
+        catch (error) {
+            console.error('Invalid return URL:', error);
+            setError('Invalid return URL provided');
+        }
+    }, [urlParams]);
+    // Handle KYC completion
+    const handleComplete = useCallback((data) => {
+        console.log('KYC completed:', data);
+        redirectToReturnUrl({
+            status: 'completed',
+            kyc_id: data.session_id || urlParams.kyc_id,
+            message: 'KYC process completed successfully',
+        });
+        onComplete?.(data);
+    }, [redirectToReturnUrl, urlParams.kyc_id, onComplete]);
+    // Handle KYC error
+    const handleError = useCallback((error) => {
+        console.error('KYC error:', error);
+        redirectToReturnUrl({
+            status: 'error',
+            kyc_id: urlParams.kyc_id,
+            message: error,
+        });
+        onError?.(error);
+    }, [redirectToReturnUrl, urlParams.kyc_id, onError]);
+    // Handle KYC cancellation
+    const handleCancel = useCallback(() => {
+        console.log('KYC cancelled');
+        redirectToReturnUrl({
+            status: 'cancelled',
+            kyc_id: urlParams.kyc_id,
+            message: 'KYC process was cancelled',
+        });
+        onCancel?.();
+    }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);
+    // Initialize component
+    useEffect(() => {
+        try {
+            const params = parseUrlParams();
+            setUrlParams(params);
+            // Set language if provided
+            if (params.lang) {
+                setLocale(params.lang);
+            }
+            setIsLoading(false);
+        }
+        catch (error) {
+            console.error('Error parsing URL parameters:', error);
+            setError('Error parsing URL parameters');
+            setIsLoading(false);
+        }
+    }, [parseUrlParams, setLocale]);
+    if (isLoading) {
+        return (<View style={styles.container}>
+        <Text style={styles.loadingText}>Loading KYC process...</Text>
+      </View>);
+    }
+    if (error) {
+        return (<View style={styles.container}>
+        <Text style={styles.errorText}>Error: {error}</Text>
+      </View>);
+    }
+    if (!urlParams.token) {
+        return (<View style={styles.container}>
+        <Text style={styles.errorText}>No token provided in URL parameters</Text>
+      </View>);
+    }
+    return (<SafeAreaView style={styles.container}>
+       <TemplateKYCExample onComplete={handleComplete} onCancel={handleCancel} onError={handleError} language={urlParams.lang || 'en'} API_KEY={urlParams.token}/>
+    </SafeAreaView>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#f5f5f5',
+    },
+    loadingText: {
+        fontSize: 18,
+        textAlign: 'center',
+        marginTop: 50,
+        color: '#666',
+    },
+    errorText: {
+        fontSize: 16,
+        textAlign: 'center',
+        marginTop: 50,
+        color: '#dc2626',
+        paddingHorizontal: 20,
+    },
+});
+export default WebKYCEntry;
+//# sourceMappingURL=WebKYCEntry.js.map

package/build/web/WebKYCEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebKYCEntry.js","sourceRoot":"","sources":["../../src/web/WebKYCEntry.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { View, Text, StyleSheet, SafeAreaView } from 'react-native';\n// import { TemplateKYCFlow } from '../components/TemplateKYCFlowRefactored';\n// import { KYCTemplate } from '../types/KYC.types';\nimport { useI18n } from '../hooks/useI18n';\nimport { TemplateKYCExample } from '../components/TemplateKYCExample';\n\ninterface WebKYCEntryProps {\n  onComplete?: (data: any) => void;\n  onError?: (error: string) => void;\n  onCancel?: () => void;\n}\n\ninterface URLParams {\n  token?: string;\n  return_url?: string;\n  lang?: string;\n  theme?: string;\n  kyc_id?: string;\n}\n\nconst WebKYCEntry: React.FC<WebKYCEntryProps> = ({\n  onComplete,\n  onError,\n  onCancel,\n}) => {\n  const { setLocale } = useI18n();\n  const [urlParams, setUrlParams] = useState<URLParams>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  // Parse URL parameters\n  const parseUrlParams = useCallback((): URLParams => {\n    if (typeof window === 'undefined') return {};\n    \n    const urlParams = new URLSearchParams(window.location.search);\n    return {\n      token: urlParams.get('token') || undefined,\n      return_url: urlParams.get('return_url') || undefined,\n      lang: urlParams.get('lang') || 'en',\n      theme: urlParams.get('theme') || 'light',\n      kyc_id: urlParams.get('kyc_id') || undefined,\n    };\n  }, []);\n\n  // Safe redirect function with validation\n  const redirectToReturnUrl = useCallback((params: {\n    status: 'completed' | 'cancelled' | 'error';\n    kyc_id?: string;\n    message?: string;\n    sig?: string;\n  }) => {\n    const { return_url } = urlParams;\n    \n    if (!return_url) {\n      console.warn('No return_url provided');\n      return;\n    }\n\n    // Basic URL validation - ensure it's a valid URL\n    try {\n      const returnUrl = new URL(return_url);\n      \n      // Optional: Add domain allowlist validation here\n      // const allowedDomains = ['example.com', 'trusted-site.com'];\n      // if (!allowedDomains.some(domain => returnUrl.hostname.endsWith(domain))) {\n      //   console.error('Return URL not in allowlist');\n      //   return;\n      // }\n\n      // Build redirect URL with parameters\n      const redirectUrl = new URL(returnUrl);\n      redirectUrl.searchParams.set('status', params.status);\n      \n      if (params.kyc_id) {\n        redirectUrl.searchParams.set('kyc_id', params.kyc_id);\n      }\n      \n      if (params.message) {\n        redirectUrl.searchParams.set('message', params.message);\n      }\n      \n      if (params.sig) {\n        redirectUrl.searchParams.set('sig', params.sig);\n      }\n\n      // Optional: Send postMessage to parent if in iframe\n      if (window.parent !== window) {\n        window.parent.postMessage({\n          type: 'kyc_result',\n          status: params.status,\n          kyc_id: params.kyc_id,\n          message: params.message,\n        }, '*');\n      }\n\n      // Redirect to return URL\n      window.location.href = redirectUrl.toString();\n    } catch (error) {\n      console.error('Invalid return URL:', error);\n      setError('Invalid return URL provided');\n    }\n  }, [urlParams]);\n\n  // Handle KYC completion\n  const handleComplete = useCallback((data: any) => {\n    console.log('KYC completed:', data);\n    redirectToReturnUrl({\n      status: 'completed',\n      kyc_id: data.session_id || urlParams.kyc_id,\n      message: 'KYC process completed successfully',\n    });\n    onComplete?.(data);\n  }, [redirectToReturnUrl, urlParams.kyc_id, onComplete]);\n\n  // Handle KYC error\n  const handleError = useCallback((error: string) => {\n    console.error('KYC error:', error);\n    redirectToReturnUrl({\n      status: 'error',\n      kyc_id: urlParams.kyc_id,\n      message: error,\n    });\n    onError?.(error);\n  }, [redirectToReturnUrl, urlParams.kyc_id, onError]);\n\n  // Handle KYC cancellation\n  const handleCancel = useCallback(() => {\n    console.log('KYC cancelled');\n    redirectToReturnUrl({\n      status: 'cancelled',\n      kyc_id: urlParams.kyc_id,\n      message: 'KYC process was cancelled',\n    });\n    onCancel?.();\n  }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);\n\n  // Initialize component\n  useEffect(() => {\n    try {\n      const params = parseUrlParams();\n      setUrlParams(params);\n      \n      // Set language if provided\n      if (params.lang) {\n        setLocale(params.lang);\n      }\n      \n      setIsLoading(false);\n    } catch (error) {\n      console.error('Error parsing URL parameters:', error);\n      setError('Error parsing URL parameters');\n      setIsLoading(false);\n    }\n  }, [parseUrlParams, setLocale]);\n\n\n  if (isLoading) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.loadingText}>Loading KYC process...</Text>\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.errorText}>Error: {error}</Text>\n      </View>\n    );\n  }\n\n  if (!urlParams.token) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.errorText}>No token provided in URL parameters</Text>\n      </View>\n    );\n  }\n\n  return (\n    <SafeAreaView style={styles.container}>\n       <TemplateKYCExample  \n          onComplete={handleComplete} \n          onCancel={handleCancel} \n          onError={handleError}\n          language={urlParams.lang || 'en'}\n          API_KEY={urlParams.token}\n        />\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n  },\n  loadingText: {\n    fontSize: 18,\n    textAlign: 'center',\n    marginTop: 50,\n    color: '#666',\n  },\n  errorText: {\n    fontSize: 16,\n    textAlign: 'center',\n    marginTop: 50,\n    color: '#dc2626',\n    paddingHorizontal: 20,\n  },\n});\n\nexport default WebKYCEntry;\n"]}

package/build/web/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WebKYCEntry } from './WebKYCEntry';
+//# sourceMappingURL=index.d.ts.map

package/build/web/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/build/web/index.js

@@ -0,0 +1,2 @@
+export { default as WebKYCEntry } from './WebKYCEntry';
+//# sourceMappingURL=index.js.map

package/build/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as WebKYCEntry } from './WebKYCEntry';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transfergratis/react-native-sdk",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "transfergratis react native sdk",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "axios": "^1.11.0",
+    "i18n-js": "4.5.1",
     "iconsax-react-nativejs": "^0.0.8",
     "zustand": "^5.0.8"
   },
@@ -59,6 +60,7 @@
   "peerDependencies": {
     "expo": "*",
     "expo-location": "~18.0.0",
+    "expo-image-manipulator": "~13.1.7",
     "react": "*",
     "react-native": "*",
     "react-native-svg": "15.11.2",

package/src/api/axios.ts

@@ -0,0 +1,144 @@
+import axios, {
+    AxiosInstance,
+    AxiosRequestConfig,
+    InternalAxiosRequestConfig,
+    AxiosResponse,
+} from 'axios';
+
+export type ApiConfiguration = {
+    baseURL: string;
+    apiKey?: string;
+    authToken?: string;
+    timeoutMs?: number;
+};
+
+export type ApiErrorData = {
+    message?: string;
+    code?: string | number;
+    details?: unknown;
+};
+
+export class HttpClient {
+    private instance: AxiosInstance;
+    private apiKey?: string;
+    private authToken?: string;
+
+    constructor(configuration: ApiConfiguration) {
+        this.apiKey = configuration.apiKey;
+        this.authToken = configuration.authToken;
+        this.instance = axios.create({
+            baseURL: configuration.baseURL,
+            timeout: configuration.timeoutMs ?? 15000,
+            headers: {
+                Accept: 'application/json',
+                'Content-Type': 'application/json',
+            },
+        });
+
+        this.instance.interceptors.request.use(
+            (request: InternalAxiosRequestConfig) => {
+                const headers = request.headers ?? {};
+                if (this.apiKey && !headers['x-api-key']) {
+                    headers['x-api-key'] = this.apiKey;
+                }
+                if (this.authToken && !headers.Authorization) {
+                    headers.Authorization = `Bearer ${this.authToken}`;
+                }
+                request.headers = headers;
+                return request;
+            },
+            (error) => Promise.reject(error)
+        );
+
+        this.instance.interceptors.response.use(
+            (response: AxiosResponse) => response,
+            (error) => {
+                if (!error.response) {
+                    return Promise.reject({
+                        message: 'Network error. Please check your connection.',
+                        code: 'network_error',
+                        details: error?.message,
+                    } as ApiErrorData);
+                }
+                const { status, data } = error.response as AxiosResponse<ApiErrorData>;
+                if (status === 401) {
+                    return Promise.reject({
+                        message: data?.message || 'Unauthorized',
+                        code: 401,
+                        details: data,
+                    } as ApiErrorData);
+                }
+                return Promise.reject({
+                    message: data?.message || 'Request failed',
+                    code: status,
+                    details: data,
+                } as ApiErrorData);
+            }
+        );
+    }
+
+    setAuthToken(token?: string): void {
+        this.authToken = token;
+    }
+
+    setApiKey(key?: string): void {
+        this.apiKey = key;
+    }
+
+    setBaseURL(url: string): void {
+        this.instance.defaults.baseURL = url;
+    }
+
+    async get<T = unknown>(url: string, requestConfig?: AxiosRequestConfig): Promise<T> {
+        const res = await this.instance.get<T>(url, requestConfig);
+        return res.data as T;
+    }
+
+    async post<T = unknown, B = unknown>(
+        url: string,
+        body?: B,
+        requestConfig?: AxiosRequestConfig
+    ): Promise<T> {
+        const res = await this.instance.post<T>(url, body, requestConfig);
+        return res.data as T;
+    }
+
+    async put<T = unknown, B = unknown>(
+        url: string,
+        body?: B,
+        requestConfig?: AxiosRequestConfig
+    ): Promise<T> {
+        const res = await this.instance.put<T>(url, body, requestConfig);
+        return res.data as T;
+    }
+
+    async patch<T = unknown, B = unknown>(
+        url: string,
+        body?: B,
+        requestConfig?: AxiosRequestConfig
+    ): Promise<T> {
+        const res = await this.instance.patch<T>(url, body, requestConfig);
+        return res.data as T;
+    }
+
+    async delete<T = unknown>(url: string, requestConfig?: AxiosRequestConfig): Promise<T> {
+        const res = await this.instance.delete<T>(url, requestConfig);
+        return res.data as T;
+    }
+}
+
+export default HttpClient;
+
+
+// ml service api
+export const mlService = new HttpClient({
+    baseURL: 'https://api.ml.transfergratis.com',
+    apiKey: 'your-api-key',
+});
+// backedn service api
+export const backendService = new HttpClient({
+    baseURL: 'https://api.backend.transfergratis.com',
+    apiKey: 'your-api-key',
+});
+
+