@finspringinnovations/fdsdk 0.0.1

package/src/api/kycApi.ts

@@ -0,0 +1,63 @@
+// KYC API - PAN Rapid, eKYC Send OTP, Aadhaar Verify OTP
+import { baseApi } from './baseApi';
+
+export const kycApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        panRapidNo: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, ...requestBody } = body;
+                return {
+                    url: 'kyc/pan/rapidno',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                    },
+                };
+            },
+        }),
+        ekycSendOtp: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid, ...requestBody } = body;
+                return {
+                    url: 'kyc/ekyc/otp',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+        aadhaarVerifyOtp: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid, ...requestBody } = body;
+                return {
+                    url: 'kyc/ekyc/verify',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+    }),
+});
+
+export const {
+    usePanRapidNoMutation,
+    useEkycSendOtpMutation,
+    useAadhaarVerifyOtpMutation,
+} = kycApi;

package/src/api/masterDataApi.ts

@@ -0,0 +1,34 @@
+// Master Data API - Occupation, Master Data, etc.
+import { baseApi } from './baseApi';
+
+export const masterDataApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        // Removed Occupation Master API
+
+        // New Master Data API
+        getMasterData: builder.query<any, { providerId?: string } | void>({
+            query: (args) => {
+                const providerId = (args as any)?.providerId;
+                const request = {
+                    url: 'masterdata',
+                    method: 'GET' as const,
+                    headers: {
+                        workflowInstanceId: '{{workflowInstanceId}}',
+                        'x-api-key': '{{X-API-KEY}}',
+                        encryptdecrypt: 'false',
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+                return request;
+            },
+            transformResponse: (response) => {
+                return response;
+            },
+        }),
+    }),
+    overrideExisting: false,
+});
+
+export const {
+    useGetMasterDataQuery
+} = masterDataApi;

package/src/api/nomineeApi.ts

@@ -0,0 +1,34 @@
+import { baseApi } from './baseApi';
+
+export const nomineeApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        addNominee: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, ...requestBody } = body;
+                return {
+                    url: 'nominee/add',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+            },
+        }),
+        updateNominee: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, ...requestBody } = body;
+                return {
+                    url: 'nominee/update',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+            },
+        }),
+    }),
+});
+
+export const { useAddNomineeMutation, useUpdateNomineeMutation } = nomineeApi;

package/src/api/onboardingApi.ts

@@ -0,0 +1,64 @@
+// Onboarding API
+import { baseApi } from './baseApi';
+
+export interface OnboardingRequest {
+    // User personal details
+    mobile: string;
+    prefix: string;
+    fullName: string;
+    firstName: string;
+    lastName: string;
+    userReferenceId: string;
+    dob: string;
+    email: string;
+    gender: string;
+
+    // FD details
+    autoRenewal: boolean;
+    investmentAmount: number;
+    tenureInMonths: number;
+    interestPayoutTerm: string;
+    interestRate: number;
+    maturityDate: string;
+    maturityAmount: number;
+
+    // Additional fields
+    principalAmount: number;
+    isWomenDepositor?: boolean;
+    investmentType: string;
+    providerId?: string;
+}
+
+export interface OnboardingResponse {
+    status: string;
+    statusCode: number;
+    message: string;
+    data: any;
+}
+
+export const onboardingApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        startOnboarding: builder.mutation<OnboardingResponse, OnboardingRequest>({
+            query: (body) => {
+                const { providerId, ...requestBody } = body;
+                const request = {
+                    url: 'customer/onboard',
+                    method: 'POST' as const,
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+                return request;
+            },
+            transformResponse: (response: any, meta, arg) => {
+                return response;
+            },
+            transformErrorResponse: (response: any, meta, arg) => {
+                return response;
+            },
+        }),
+    }),
+});
+
+export const { useStartOnboardingMutation } = onboardingApi;

package/src/api/panApi.ts

@@ -0,0 +1,25 @@
+// import { baseApi } from './baseApi';
+
+// export const panApi = baseApi.injectEndpoints({
+//     endpoints: (builder) => ({
+//         panRapidNo: builder.mutation<any, any>({
+//             query: (body) => {
+//                 const { providerId, workflowInstanceId, userreferenceid, applicationid, ...requestBody } = body || {};
+//                 const headers: Record<string, string> = {};
+//                 if (providerId) headers.provider = providerId;
+//                 if (workflowInstanceId) headers.workflowInstanceId = workflowInstanceId;
+//                 if (userreferenceid) headers.userreferenceid = userreferenceid;
+//                 if (applicationid) headers.applicationid = applicationid;
+
+//                 return {
+//                     url: 'kyc/pan/rapidno',
+//                     method: 'POST',
+//                     body: requestBody,
+//                     headers,
+//                 };
+//             },
+//         }),
+//     }),
+// });
+
+// export const { usePanRapidNoMutation } = panApi;

package/src/api/paymentApi.ts

@@ -0,0 +1,34 @@
+import { baseApi } from './baseApi';
+
+export const paymentApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        makePayment: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, ...requestBody } = body;
+                return {
+                    url: 'payment/initiate',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+            },
+        }),
+        verifyPayment: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, ...requestBody } = body;
+                return {
+                    url: 'payment/verify',
+                    method: 'POST',
+                    body: requestBody,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                    },
+                };
+            },
+        }),
+    }),
+});
+
+export const { useMakePaymentMutation, useVerifyPaymentMutation } = paymentApi;

package/src/api/workflowApi.ts

@@ -0,0 +1,94 @@
+import { baseApi } from './baseApi';
+
+export interface TerminateWorkflowRequest {
+    providerId?: string; // header: provider (optional)
+    workflowInstanceId: string;
+    entityId: string;
+    applicationId: string;
+}
+
+export type TerminateWorkflowResponse = any; // Replace with concrete type when available
+
+export const workflowApi = baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        terminateWorkflow: builder.mutation<
+            TerminateWorkflowResponse,
+            TerminateWorkflowRequest
+        >({
+            query: ({ providerId, workflowInstanceId, entityId, applicationId }) => {
+                const requestConfig = {
+                    url: 'workflow/terminate',
+                    method: 'POST' as const,
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId,
+                        applicationId: applicationId,
+                    },
+                    body: {
+                        workflowInstanceId,
+                        entityid: entityId,
+                        applicationId,
+                    },
+                };
+
+                return requestConfig;
+            },
+        }),
+        updateTask: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid, ...requestBody } = body;
+                return {
+                    url: 'taskflow/update',
+                    method: 'POST',
+                    body: {
+                        ...requestBody,
+                        workflowInstanceId: workflowInstanceId,
+                    },
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+        updateState: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid } = body;
+                return {
+                    url: 'workflow/update/state',
+                    method: 'POST',
+                    body: {},
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+        previousState: builder.mutation<any, any>({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid } = body;
+                return {
+                    url: 'previous/state',
+                    method: 'POST',
+                    body: {}, // No body parameters
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+    }),
+});
+
+export const { useTerminateWorkflowMutation, useUpdateTaskMutation, useUpdateStateMutation, usePreviousStateMutation } = workflowApi;

package/src/assets/images/images.js

@@ -0,0 +1,8 @@
+// export const images = {
+//     arrowLeft: require('./chevron-down.png'),
+// }
+
+export const images = {
+    arrowLeft: require('./arrow-left.png'),
+    chevronDown: require('./chevron-down.png'),
+};

package/src/components/AadhaarInput.tsx

@@ -0,0 +1,91 @@
+import React from 'react';
+import { View, Text, TextInput, StyleSheet } from 'react-native';
+import { useColors, useTypography, useTheme } from '../theme/ThemeContext';
+import { getBorderColor } from '../theme';
+
+export interface AadhaarInputProps {
+    label: string;
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    isSuccess?: boolean;
+    isLoading?: boolean;
+    editable?: boolean;
+    maxLength?: number;
+}
+
+const AadhaarInput: React.FC<AadhaarInputProps> = ({
+    label,
+    value,
+    onChangeText,
+    placeholder = "Aadhaar Card",
+    isSuccess = false,
+    isLoading = false,
+    editable = true,
+    maxLength = 14,
+}) => {
+    const colors = useColors();
+    const typography = useTypography();
+    const { themeName } = useTheme();
+    const styles = createStyles(colors, typography, themeName);
+
+    return (
+        <View>
+            <Text style={styles.label}>{label}</Text>
+            <View style={[
+                styles.inputContainer,
+                isSuccess && styles.successInput
+            ]}>
+                <TextInput
+                    style={styles.input}
+                    placeholder={placeholder}
+                    placeholderTextColor={themeName === 'dark' ? colors.placeholderColor : colors.textLight}
+                    value={value}
+                    onChangeText={onChangeText}
+                    keyboardType="numeric"
+                    maxLength={maxLength}
+                    editable={editable && !isLoading}
+                />
+            </View>
+        </View>
+    );
+};
+
+const createStyles = (colors: any, typography: any, themeName: string) => StyleSheet.create({
+    label: {
+        ...typography.styles.bodyLarge,
+        color: colors.textLight,
+        marginBottom: 8,
+        fontWeight: '500',
+    },
+    inputContainer: {
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderColor: themeName === 'dark' ? colors.inputBorder : getBorderColor({ colors } as any, 0.36),
+        borderRadius: themeName === 'dark' ? 5 : 25,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'white',
+        marginBottom: 8,
+        height: 50,
+    },
+    successInput: {
+        borderColor: colors.success,
+        borderWidth: 1,
+        shadowColor: colors.success,
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 3,
+    },
+    input: {
+        ...typography.styles.bodyLarge,
+        paddingHorizontal: 16,
+        paddingVertical: 0,
+        color: colors.text,
+        height: '100%',
+        textAlignVertical: 'center',
+    },
+});
+
+export default AadhaarInput;

package/src/components/ActionButton.tsx

@@ -0,0 +1,129 @@
+import React from 'react';
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View } from 'react-native';
+import { useColors, useTypography, useTheme } from '../theme/ThemeContext';
+
+export interface ActionButtonProps {
+    title: string;
+    onPress: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    variant?: 'primary' | 'secondary';
+    style?: any;
+    textStyle?: any;
+}
+
+const ActionButton: React.FC<ActionButtonProps> = ({
+    title,
+    onPress,
+    disabled = false,
+    loading = false,
+    variant = 'primary',
+    style,
+    textStyle,
+}) => {
+    const colors = useColors();
+    const typography = useTypography();
+    const { themeName } = useTheme();
+    const styles = createStyles(colors, typography, themeName);
+
+    const isDisabled = disabled || loading;
+
+    const getButtonStyle = () => {
+        const baseStyle: any[] = [styles.button];
+
+        if (variant === 'primary') {
+            baseStyle.push(isDisabled ? styles.primaryDisabled : styles.primaryEnabled);
+        } else {
+            baseStyle.push(isDisabled ? styles.secondaryDisabled : styles.secondaryEnabled);
+        }
+
+        if (style) {
+            baseStyle.push(style);
+        }
+
+        return baseStyle;
+    };
+
+    const getTextStyle = () => {
+        const baseStyle = [styles.buttonText];
+
+        if (variant === 'primary') {
+            baseStyle.push(isDisabled ? styles.primaryTextDisabled : styles.primaryTextEnabled);
+        } else {
+            baseStyle.push(isDisabled ? styles.secondaryTextDisabled : styles.secondaryTextEnabled);
+        }
+
+        if (textStyle) {
+            baseStyle.push(textStyle);
+        }
+
+        return baseStyle;
+    };
+
+    return (
+        <TouchableOpacity
+            style={getButtonStyle()}
+            onPress={onPress}
+            disabled={isDisabled}
+            activeOpacity={isDisabled ? 1 : 0.7}
+        >
+            {loading ? (
+                <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
+                    <ActivityIndicator size="small" color={themeName === 'dark' ? colors.buttonTextColor : colors.background} style={{ marginRight: 8 }} />
+                    <Text style={getTextStyle()}>Loading...</Text>
+                </View>
+            ) : (
+                <Text style={getTextStyle()}>{title}</Text>
+            )}
+        </TouchableOpacity>
+    );
+};
+
+const createStyles = (colors: any, typography: any, themeName: string) => StyleSheet.create({
+    button: {
+        marginHorizontal: 16,
+        marginBottom: 20,
+        marginTop: 15,
+        padding: 20,
+        borderRadius: themeName === 'dark' ? 10 : 30,
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: themeName === 'dark' ? 50 : 56,
+        width: 330,
+        alignSelf: 'center',
+    },
+    primaryEnabled: {
+        backgroundColor: themeName === 'dark' ? colors.buttonBackground : colors.headerBg,
+    },
+    primaryDisabled: {
+        backgroundColor: '#909090',
+    },
+    secondaryEnabled: {
+        backgroundColor: colors.surface,
+        borderWidth: 1,
+        borderColor: colors.border,
+    },
+    secondaryDisabled: {
+        borderColor: colors.border,
+        opacity: 0.5,
+    },
+    buttonText: {
+        ...typography.styles.button,
+        fontWeight: '600',
+        height: 20,
+    },
+    primaryTextEnabled: {
+        color: themeName === 'dark' ? colors.buttonTextColor : colors.background,
+    },
+    primaryTextDisabled: {
+        color: colors.background,
+    },
+    secondaryTextEnabled: {
+        color: colors.text,
+    },
+    secondaryTextDisabled: {
+        color: colors.textLight,
+    },
+});
+
+export default ActionButton;