@finspringinnovations/fdsdk 0.0.3 → 0.0.4

package/lib/assets/images/images.d.ts

@@ -1,4 +1,5 @@
 export namespace images {
     let arrowLeft: any;
     let chevronDown: any;
+    let shriramLogo: any;
 }

package/lib/assets/images/images.js

@@ -7,4 +7,5 @@ exports.images = void 0;
 exports.images = {
     arrowLeft: require('./arrow-left.png'),
     chevronDown: require('./chevron-down.png'),
+    shriramLogo: require('./shriram.png'),
 };

package/lib/components/FDCard.js

@@ -7,6 +7,7 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const ThemeContext_1 = require("../theme/ThemeContext");
 const theme_1 = require("../theme");
+const base64Images_1 = require("../constants/strings/base64Images");
 const FDCard = ({ id, name, accountNumber, roi, tenure, amount, maturityDate, status, creditRating, onPress, customStyles = {}, }) => {
     const colors = (0, ThemeContext_1.useColors)();
     const typography = (0, ThemeContext_1.useTypography)();
@@ -31,6 +32,8 @@ const FDCard = ({ id, name, accountNumber, roi, tenure, amount, maturityDate, st
     };
     return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.fdCard, customStyles.container], onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(id), activeOpacity: 0.8 },
         react_1.default.createElement(react_native_1.View, { style: styles.fdCardHeader },
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.shriramLogo }, style: styles.logo, resizeMode: "contain" })),
             react_1.default.createElement(react_native_1.Text, { style: [styles.fdName, customStyles.name] }, name)),
         react_1.default.createElement(react_native_1.View, { style: styles.fdDetailsRow },
             react_1.default.createElement(react_native_1.View, { style: styles.fdDetailItem },
@@ -91,6 +94,12 @@ const createStyles = (colors, typography, spacing, shadows, themeName) => {
         roiText: {
             color: colors.success,
         },
+        logo: {
+            width: 25,
+            height: 25,
+            marginRight: 5,
+            borderRadius: 15,
+        },
     });
 };
 exports.default = FDCard;

package/lib/navigation/RootNavigator.d.ts

@@ -3,6 +3,7 @@ import type { SDKNavigationConfig } from './types';
 interface RootNavigatorProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
 }
 declare const RootNavigator: React.FC<RootNavigatorProps>;
 export default RootNavigator;

package/lib/navigation/RootNavigator.js

@@ -57,7 +57,7 @@ const PaymentStatus_1 = __importDefault(require("../screens/PaymentStatus"));
 const helpers_2 = require("./helpers");
 const paymentSession_1 = require("../state/paymentSession");
 const Stack = (0, stack_1.createStackNavigator)();
-const RootNavigator = ({ config = {}, onExit }) => {
+const RootNavigator = ({ config = {}, onExit, onPanRequired, }) => {
     // Handle Android hardware back button
     (0, react_1.useEffect)(() => {
         if (react_native_1.Platform.OS !== 'android')
@@ -131,7 +131,7 @@ const RootNavigator = ({ config = {}, onExit }) => {
             } }, props)))),
         react_1.default.createElement(Stack.Screen, { name: "FDCalculator", options: { title: 'FD Calculator' } }, (props) => {
             var _a;
-            return (react_1.default.createElement(FDCalculator_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onExitSDK: () => onExit === null || onExit === void 0 ? void 0 : onExit(), onNavigateToReviewKYC: () => { var _a; return (0, helpers_2.navigate)('ReviewKYC', { fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }); }, fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }, props)));
+            return (react_1.default.createElement(FDCalculator_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onExitSDK: () => onExit === null || onExit === void 0 ? void 0 : onExit(), onPanRequired: onPanRequired, onNavigateToReviewKYC: () => { var _a; return (0, helpers_2.navigate)('ReviewKYC', { fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }); }, fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }, props)));
         }),
         react_1.default.createElement(Stack.Screen, { name: "AadhaarVerification", options: { title: 'Aadhaar Verification' } }, (props) => (react_1.default.createElement(AadhaarVerification_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onVerificationComplete: (aadhaarNumber) => {
                 // Navigate to Employee (occupation) screen after verification

package/lib/navigation/index.d.ts

@@ -6,6 +6,7 @@ import { type CustomColors } from '../config/appDataConfig';
 interface SDKNavigationContainerProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
     children?: React.ReactNode;
     theme?: ThemeName | Theme;
     colors?: CustomColors;

package/lib/navigation/index.js

@@ -15,7 +15,7 @@ const MasterDataProvider_1 = require("../providers/MasterDataProvider");
 const helpers_1 = require("./helpers");
 const appDataConfig_1 = require("../config/appDataConfig");
 // Main navigation container for the SDK
-const SDKNavigationContainer = ({ config, onExit, children, theme, colors: propColors, useReactNavigation = true, // Default to React Navigation
+const SDKNavigationContainer = ({ config, onExit, onPanRequired, children, theme, colors: propColors, useReactNavigation = true, // Default to React Navigation
  }) => {
     // Merge color overrides: prop-level colors take priority over global SDK colors
     const globalColors = (0, appDataConfig_1.getSDKColors)();
@@ -23,7 +23,7 @@ const SDKNavigationContainer = ({ config, onExit, children, theme, colors: propC
         ? Object.assign(Object.assign({}, (globalColors || {})), (propColors || {})) : null;
     // Choose navigator based on flag
     const navigator = useReactNavigation
-        ? react_1.default.createElement(RootNavigator_1.default, { config: config, onExit: onExit })
+        ? react_1.default.createElement(RootNavigator_1.default, { config: config, onExit: onExit, onPanRequired: onPanRequired })
         : react_1.default.createElement(SimpleNavigator_1.default, { config: config, onExit: onExit });
     const content = children || (useReactNavigation ? (react_1.default.createElement(native_1.NavigationContainer, { ref: helpers_1.navigationRef }, navigator)) : (navigator));
     // Build ThemeProvider props

package/lib/screens/FDCalculator.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface FDCalculatorProps {
     onGoBack?: () => void;
     onExitSDK?: () => void;
+    onPanRequired?: () => void;
     onNavigateToReviewKYC?: () => void;
     fdData?: {
         id: string;

package/lib/screens/FDCalculator.js

@@ -55,7 +55,7 @@ const fdListSelectedSlice_1 = require("../store/fdListSelectedSlice");
 const helpers_1 = require("../navigation/helpers");
 const strings_1 = require("../constants/strings");
 const base64Images_1 = require("../constants/strings/base64Images");
-const FDCalculator = ({ onGoBack, onExitSDK, onNavigateToReviewKYC, fdData }) => {
+const FDCalculator = ({ onGoBack, onExitSDK, onPanRequired, onNavigateToReviewKYC, fdData }) => {
     const typography = (0, ThemeContext_1.useTypography)();
     const colors = (0, ThemeContext_1.useColors)();
     const { themeName } = (0, ThemeContext_1.useTheme)();
@@ -339,7 +339,10 @@ const FDCalculator = ({ onGoBack, onExitSDK, onNavigateToReviewKYC, fdData }) =>
                     {
                         text: 'OK',
                         onPress: () => {
-                            if (onExitSDK) {
+                            if (onPanRequired) {
+                                onPanRequired();
+                            }
+                            else if (onExitSDK) {
                                 onExitSDK();
                             }
                         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finspringinnovations/fdsdk",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "FD SDK for React Native applications",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/assets/images/images.js

@@ -5,4 +5,5 @@
 export const images = {
     arrowLeft: require('./arrow-left.png'),
     chevronDown: require('./chevron-down.png'),
+    shriramLogo: require('./shriram.png'),
 };

package/src/components/FDCard.tsx

@@ -5,10 +5,12 @@ import {
     StyleSheet,
     TouchableOpacity,
     Platform,
+    Image,
 } from 'react-native';
 import { useColors, useTypography, useSpacing, useShadows, useTheme } from '../theme/ThemeContext';
 import { getBorderColor } from '../theme';
 import type { ColorScheme, ThemeName } from '../theme';
+import { base64Images } from '../constants/strings/base64Images';
 
 interface FDCardProps {
     id: string;
@@ -74,6 +76,13 @@ const FDCard: React.FC<FDCardProps> = ({
             activeOpacity={0.8}
         >
             <View style={styles.fdCardHeader}>
+                <View>
+                    <Image
+                        source={{ uri: base64Images.shriramLogo }}
+                        style={styles.logo}
+                        resizeMode="contain"
+                    />
+                </View>
                 <Text style={[styles.fdName, customStyles.name]}>{name}</Text>
             </View>
 
@@ -160,6 +169,12 @@ const createStyles = (colors: ColorScheme, typography: any, spacing: any, shadow
     roiText: {
         color: colors.success,
     },
+    logo: {
+        width: 25,
+        height: 25,
+        marginRight: 5,
+        borderRadius: 15,
+    },
 });
 
 export default FDCard;

package/src/navigation/RootNavigator.tsx

@@ -27,11 +27,13 @@ const Stack = createStackNavigator<RootStackParamList>();
 interface RootNavigatorProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
 }
 
 const RootNavigator: React.FC<RootNavigatorProps> = ({
     config = {},
-    onExit
+    onExit,
+    onPanRequired,
 }) => {
     // Handle Android hardware back button
     useEffect(() => {
@@ -151,6 +153,7 @@ const RootNavigator: React.FC<RootNavigatorProps> = ({
                     <FDCalculatorScreen
                         onGoBack={() => goBack()}
                         onExitSDK={() => onExit?.()}
+                        onPanRequired={onPanRequired}    // <── add this
                         onNavigateToReviewKYC={() => navigate('ReviewKYC', { fdData: props.route.params?.fdData })}
                         fdData={(props.route.params as any)?.fdData}
                         {...props}

package/src/navigation/index.tsx

@@ -14,6 +14,7 @@ import { getSDKColors, type CustomColors } from '../config/appDataConfig';
 interface SDKNavigationContainerProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
     children?: React.ReactNode;
     theme?: ThemeName | Theme;
     colors?: CustomColors; // Custom color overrides (prop-level, highest priority)
@@ -24,6 +25,7 @@ interface SDKNavigationContainerProps {
 export const SDKNavigationContainer: React.FC<SDKNavigationContainerProps> = ({
     config,
     onExit,
+    onPanRequired,
     children,
     theme,
     colors: propColors,
@@ -37,7 +39,7 @@ export const SDKNavigationContainer: React.FC<SDKNavigationContainerProps> = ({
 
     // Choose navigator based on flag
     const navigator = useReactNavigation
-        ? <RootNavigator config={config} onExit={onExit} />
+        ? <RootNavigator config={config} onExit={onExit} onPanRequired={onPanRequired} />
         : <SimpleNavigator config={config as SimpleNavigationConfig} onExit={onExit} />;
 
     const content = children || (

package/src/screens/FDCalculator.tsx

@@ -42,6 +42,7 @@ import { base64Images } from '../constants/strings/base64Images';
 export interface FDCalculatorProps {
     onGoBack?: () => void;
     onExitSDK?: () => void;
+    onPanRequired?: () => void;
     onNavigateToReviewKYC?: () => void;
     fdData?: {
         id: string;
@@ -56,7 +57,7 @@ export interface FDCalculatorProps {
     };
 }
 
-const FDCalculator: React.FC<FDCalculatorProps> = ({ onGoBack, onExitSDK, onNavigateToReviewKYC, fdData }) => {
+const FDCalculator: React.FC<FDCalculatorProps> = ({ onGoBack, onExitSDK, onPanRequired, onNavigateToReviewKYC, fdData }) => {
     const typography = useTypography();
     const colors = useColors();
     const { themeName } = useTheme();
@@ -376,7 +377,9 @@ const FDCalculator: React.FC<FDCalculatorProps> = ({ onGoBack, onExitSDK, onNavi
                         {
                             text: 'OK',
                             onPress: () => {
-                                if (onExitSDK) {
+                                if (onPanRequired) {
+                                    onPanRequired();
+                                } else if (onExitSDK) {
                                     onExitSDK();
                                 }
                             },