@finspringinnovations/fixeddepositsdk 1.0.0

package/src/components/ValidationMessage.tsx

@@ -0,0 +1,134 @@
+import React from 'react';
+import { View, Text, StyleSheet, Image } from 'react-native';
+import Icon from 'react-native-vector-icons/Ionicons';
+import { base64Images } from '../constants/strings/base64Images';
+import { useColors } from '../theme/ThemeContext';
+
+export type MessageType = 'error' | 'success' | 'loading';
+
+export interface ValidationMessageProps {
+    type: MessageType;
+    message: string;
+    visible?: boolean;
+}
+
+const ValidationMessage: React.FC<ValidationMessageProps> = ({
+    type,
+    message,
+    visible = true,
+}) => {
+    const colors = useColors();
+    const styles = createStyles(colors);
+
+    if (!visible || !message) return null;
+
+    const getIconName = (): string => {
+        switch (type) {
+            case 'error':
+                return 'warning';
+            case 'success':
+                return 'checkmark-circle';
+            case 'loading':
+                return 'time';
+            default:
+                return 'information-circle';
+        }
+    };
+
+    const getIconColor = (): string => {
+        switch (type) {
+            case 'error':
+                return colors.error;
+            case 'success':
+                return colors.success;
+            case 'loading':
+                return colors.primary;
+            default:
+                return colors.textLight;
+        }
+    };
+
+    const getTextStyle = () => {
+        switch (type) {
+            case 'error':
+                return styles.errorText;
+            case 'success':
+                return styles.successText;
+            case 'loading':
+                return styles.loadingText;
+            default:
+                return styles.defaultText;
+        }
+    };
+
+    return (
+        <View style={[styles.container, type === 'loading' && styles.loadingContainer]}>
+            {type === 'success' ? (
+                <Image
+                    source={{ uri: base64Images.greenTick }}
+                    style={styles.imageIcon}
+                    resizeMode="contain"
+                />
+            ) : type === 'error' ? (
+                <Image
+                    source={{ uri: base64Images.error }}
+                    style={styles.imageIcon}
+                    resizeMode="contain"
+                />
+            ) : (
+                <Icon
+                    name={getIconName()}
+                    size={16}
+                    color={getIconColor()}
+                    style={styles.icon}
+                />
+            )}
+            <Text style={getTextStyle()}>{message}</Text>
+        </View>
+    );
+};
+
+const createStyles = (colors: any) => StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: -8,
+        marginBottom: 16,
+    },
+    loadingContainer: {
+        justifyContent: 'center',
+    },
+    icon: {
+        marginRight: 6,
+    },
+    imageIcon: {
+        width: 16,
+        height: 16,
+        marginRight: 6,
+    },
+    errorText: {
+        fontSize: 12,
+        color: colors.error,
+        fontWeight: '500',
+        flex: 1,
+    },
+    successText: {
+        fontSize: 12,
+        color: colors.success,
+        fontWeight: '500',
+        flex: 1,
+    },
+    loadingText: {
+        fontSize: 12,
+        color: colors.primary,
+        fontWeight: '500',
+    },
+    defaultText: {
+        fontSize: 12,
+        color: colors.textLight,
+        fontWeight: '500',
+        flex: 1,
+    },
+});
+
+export default ValidationMessage;

package/src/components/index.tsx

@@ -0,0 +1,47 @@
+export { default as Header } from './Header';
+export { default as ActiveFDCard } from './ActiveFDCard';
+export { default as FDCard } from './FDCard';
+export { default as PendingFDBottomSheet } from './PendingFDBottomSheet';
+export { default as AmountInput } from './AmountInput';
+export { default as DropdownSelector } from './DropdownSelector';
+export { default as InterestRateCard } from './InterestRateCard';
+export { default as CheckboxOption } from './CheckboxOption';
+export { default as TrustBox } from './TrustBox';
+export { default as FAQItem } from './FAQItem';
+export { default as CompanyHeader } from './CompanyHeader';
+export { default as InfoBox } from './InfoBox';
+
+// New Aadhaar Verification Components
+export { default as AadhaarInput } from './AadhaarInput';
+export { default as OTPInput } from './OTPInput';
+export { default as ValidationMessage } from './ValidationMessage';
+export { default as ActionButton } from './ActionButton';
+export { default as ScreenHeader } from './ScreenHeader';
+
+// Reusable Form Components
+export { default as TextFieldWithLabel } from './TextFieldWithLabel';
+export type { TextFieldWithLabelProps, BaseTextFieldProps } from './TextFieldWithLabel';
+
+// Payment Components
+export { default as PaymentDetailsCard } from './PaymentDetailsCard';
+export type { PaymentDetailsCardProps } from './PaymentDetailsCard';
+
+// Form Components
+export { default as FormDropdown } from './FormDropdown';
+export type { FormDropdownProps } from './FormDropdown';
+export { default as FormSection } from './FormSection';
+export type { FormSectionProps } from './FormSection';
+
+// Status and Display Components
+export { default as StatusDisplay } from './StatusDisplay';
+export type { StatusDisplayProps } from './StatusDisplay';
+export { default as LoadingIndicator } from './LoadingIndicator';
+export type { LoadingIndicatorProps } from './LoadingIndicator';
+export { default as ErrorDisplay } from './ErrorDisplay';
+export type { ErrorDisplayProps } from './ErrorDisplay';
+export { default as EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+
+// IFSC Search Components
+export { default as IFSCSearchResultCard } from './IFSCSearchResultCard';
+export type { IFSCSearchResultCardProps } from './IFSCSearchResultCard';

package/src/config/apiConfig.ts

@@ -0,0 +1,217 @@
+// API Configuration with values from main app
+import 'react-native-get-random-values';
+import { getEnvironmentData } from './appDataConfig';
+
+
+export const logEnvLoaderValues = () => {
+    // Environment values logging removed for security
+};
+
+export type Environment = 'development' | 'staging' | 'production';
+
+// Secure API configuration interface
+export interface ApiConfig {
+    baseUrl: string;
+    timeout: number;
+    retryAttempts: number;
+    enableEncryption: boolean;
+    enableLogging: boolean;
+    headers: Record<string, string>;
+    // New encryption toggle parameter
+    allowEncryptionToggle?: boolean;
+}
+
+// Environment detection - using hardcoded default
+export const getEnvironment = (): Environment => {
+    // Default to development for hardcoded configuration
+    return 'development';
+};
+
+// Common configuration shared by all environments
+const COMMON_CONFIG = {
+    timeout: 60000,
+    retryAttempts: 3,
+    enableEncryption: true,
+    enableLogging: true,
+    allowEncryptionToggle: true,
+    headersBase: {
+        'X-Client-Version': '1.0.0',
+    },
+};
+
+
+const API_ENDPOINTS = {
+    development: {
+        ...COMMON_CONFIG,
+        baseUrl: '',
+        headers: {
+            ...COMMON_CONFIG.headersBase,
+            'X-Environment': 'development',
+            'X-API-Key': '',
+        },
+    }
+} as const;
+
+// Get API configuration for current environment
+export const getApiConfig = (env?: Environment): ApiConfig => {
+    // Get environment data from main app first
+    const environmentData = getEnvironmentData();
+
+    // Use environment from EnvironmentData if available, otherwise use parameter or default
+    // const currentEnv = env || environmentData?.environment || getEnvironment();
+    const config = API_ENDPOINTS.development;
+
+    // Create a new config object to avoid read-only issues
+    let finalConfig = { ...config };
+
+    // Override configuration with values from main app if available
+    if (environmentData) {
+        // Override base URL if provided by main app
+        if (environmentData.apiBaseUrl) {
+            // finalConfig.baseUrl = environmentData.apiBaseUrl as any;
+            finalConfig = { ...finalConfig, baseUrl: environmentData.apiBaseUrl as any };
+        }
+
+        // Override API key if provided by main app
+        if (environmentData.apiKey) {
+            finalConfig.headers = { ...finalConfig.headers, 'X-API-Key': environmentData.apiKey as any };
+        }
+
+        // Override environment if provided by main app
+        if (environmentData.environment) {
+            finalConfig.headers = { ...finalConfig.headers, 'X-Environment': environmentData.environment as any };
+        }
+    }
+
+    // Use secure logger for API configuration logging
+
+    // Validate configuration
+    if (!finalConfig.baseUrl) {
+        throw new Error(`Missing API base URL `);
+    }
+
+    return {
+        ...finalConfig,
+        baseUrl: sanitizeUrl(finalConfig.baseUrl),
+    };
+};
+
+// Sanitize and validate URL
+const sanitizeUrl = (url: string): string => {
+    if (!url || typeof url !== 'string') {
+        throw new Error(`Invalid API URL: ${url}`);
+    }
+
+    // Trim leading and trailing spaces
+    let sanitized = url.trim();
+
+    // Basic URL validation - check if it starts with http:// or https://
+    if (!sanitized.match(/^https?:\/\//)) {
+        throw new Error(`Invalid API URL format: ${sanitized}`);
+    }
+
+    // Ensure HTTPS in production
+    if (getEnvironment() === 'production' && !sanitized.startsWith('https://')) {
+        throw new Error('Production API must use HTTPS');
+    }
+
+    // Remove trailing slash
+    return sanitized.replace(/\/$/, '');
+};
+
+// Get secure headers for API requests
+export const getSecureHeaders = (env?: Environment): Record<string, string> => {
+    const config = getApiConfig(env);
+    //const currentEnv = env || getEnvironment();
+
+    return {
+        ...config.headers,
+        'Content-Type': 'application/json',
+        'Accept': 'application/json',
+        'User-Agent': `FDSDK/'1.0.0'`,
+        'X-Timestamp': Date.now().toString(),
+        'X-Request-ID': generateRequestId(),
+    };
+};
+
+// Generate unique request ID
+const generateRequestId = (): string => {
+    return `req_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+};
+
+// Validate environment configuration
+export const validateApiConfig = (config: ApiConfig): boolean => {
+    const errors: string[] = [];
+
+    if (!config.baseUrl) {
+        errors.push('Base URL is required');
+    }
+
+    if (config.timeout < 5000) {
+        errors.push('Timeout should be at least 5 seconds');
+    }
+
+    if (config.retryAttempts < 0 || config.retryAttempts > 5) {
+        errors.push('Retry attempts should be between 0 and 5');
+    }
+
+    // Validate URL format without using new URL (React Native compatible)
+    if (config.baseUrl && !config.baseUrl.match(/^https?:\/\//)) {
+        errors.push('Invalid base URL format - must start with http:// or https://');
+    }
+
+    if (errors.length > 0) {
+        return false;
+    }
+
+    return true;
+};
+
+// Get environment-specific configuration
+export const getEnvironmentConfig = () => {
+    const env = getEnvironment();
+    const config = getApiConfig(env);
+
+    return {
+        environment: env,
+        config,
+        isProduction: env === 'production',
+        isDevelopment: env === 'development',
+        isStaging: env === 'staging',
+    };
+};
+
+// Debug configuration (works in all environments now)
+export const debugApiConfig = (): void => {
+    // API Configuration debug complete
+};
+
+// New utility to help clients debug 403 errors
+export const debugApiCall = (endpoint: string, method: string = 'GET') => {
+    const config = getApiConfig();
+    const headers = getSecureHeaders();
+
+    // API Call debug complete
+
+    return {
+        url: `${config.baseUrl || ''}/${endpoint}`,
+        headers,
+        environment: getEnvironment(),
+        encryptionEnabled: config.enableEncryption,
+        hasApiKey: !!headers['X-API-Key']
+    };
+};
+
+// Environment logging utility
+export const logEnvironmentInfo = (): void => {
+    // Environment logging removed for security
+};
+
+
+// Function to log environment details (can be called from anywhere)
+export const logEnvironmentDetails = () => {
+    // Environment details logging removed for security
+};
+
+// Export default configuration
+export default getApiConfig;