@finspringinnovations/fdsdk 0.0.1

package/lib/components/TextFieldWithLabel.js

@@ -0,0 +1,326 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+const base64Images_1 = require("../constants/strings/base64Images");
+const ThemeContext_1 = require("../theme/ThemeContext");
+const theme_1 = require("../theme");
+const TextFieldWithLabel = ({ label, value, onChangeText, placeholder, placeholderColor, editable = true, error, success, required = false, testID, variant = 'text', maxLength, multiline = false, numberOfLines = 1, secureTextEntry = false, keyboardType = 'default', autoCapitalize = 'sentences', options = [], onDropdownSelect, isDropdownOpen, onDropdownToggle, onDatePress, dateFormat = 'DD/MM/YYYY', leftIcon, rightIcon, onRightIconPress, containerStyle, inputStyle, labelStyle, validator, validateOnBlur = false, validateOnChange = false, keepWhiteBackground = false, onFocus, onBlur, textInputRef, returnKeyType, onSubmitEditing, }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = react_1.default.useMemo(() => createStyles(colors, typography, themeName), [colors, typography, themeName]);
+    const [internalDropdownOpen, setInternalDropdownOpen] = (0, react_1.useState)(false);
+    const isDropdownOpenState = isDropdownOpen !== undefined ? isDropdownOpen : internalDropdownOpen;
+    const [internalError, setInternalError] = (0, react_1.useState)('');
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    // Validation logic
+    const validateField = (text) => {
+        if (validator) {
+            const validationError = validator(text);
+            setInternalError(validationError || '');
+            return validationError;
+        }
+        return null;
+    };
+    // Handle text change with validation
+    const handleTextChange = (text) => {
+        onChangeText(text);
+        if (validateOnChange) {
+            validateField(text);
+        }
+    };
+    // Handle blur with validation
+    const handleBlur = () => {
+        setIsFocused(false);
+        if (validateOnBlur) {
+            validateField(value);
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(); // Call the onBlur callback if provided
+    };
+    // Handle focus
+    const handleFocus = () => {
+        setIsFocused(true);
+        setInternalError(''); // Clear internal errors on focus
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(); // Call the onFocus callback if provided
+    };
+    // Determine border styling
+    const getBorderStyle = () => {
+        const displayError = error || internalError;
+        if (displayError) {
+            return { borderColor: colors.error, borderWidth: 1 };
+        }
+        if (success) {
+            return { borderColor: colors.success, borderWidth: 1 };
+        }
+        if (isFocused) {
+            return { borderColor: colors.primary, borderWidth: 1 };
+        }
+        if (themeName === 'dark') {
+            return {
+                borderColor: colors.inputBorder,
+                borderWidth: 1
+            };
+        }
+        return {
+            borderColor: (0, theme_1.getBorderColor)({ colors }, 0.36),
+            borderWidth: 0.5
+        };
+    };
+    // Render label with required indicator
+    const renderLabel = () => (react_1.default.createElement(react_native_1.Text, { style: [styles.label, labelStyle] },
+        label,
+        required && react_1.default.createElement(react_native_1.Text, { style: styles.requiredIndicator }, " *")));
+    // Render validation message
+    const renderValidationMessage = () => {
+        const displayError = error || internalError;
+        const message = displayError || success;
+        if (!message)
+            return null;
+        const isError = !!displayError;
+        const iconName = isError ? 'warning' : 'checkmark-circle';
+        const iconColor = isError ? colors.error : colors.success;
+        const textColor = isError ? colors.error : colors.success;
+        return (react_1.default.createElement(react_native_1.View, { style: styles.validationContainer },
+            react_1.default.createElement(Ionicons_1.default, { name: iconName, size: 16, color: iconColor, style: styles.validationIcon }),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.validationText, { color: textColor }] }, message)));
+    };
+    // Render text input
+    const renderTextInput = () => (react_1.default.createElement(react_native_1.View, { style: [
+            styles.inputContainer,
+            getBorderStyle(),
+            !editable && !keepWhiteBackground && styles.disabledInputContainer,
+            containerStyle
+        ] },
+        leftIcon && (react_1.default.createElement(Ionicons_1.default, { name: leftIcon, size: 20, color: colors.textLight, style: styles.leftIcon })),
+        react_1.default.createElement(react_native_1.TextInput, { ref: textInputRef, style: [
+                styles.textInput,
+                !editable && styles.disabledTextInput,
+                inputStyle
+            ], placeholder: placeholder, placeholderTextColor: placeholderColor || (themeName === 'dark' ? colors.placeholderColor : 'rgba(0,32,34,0.2)'), value: value, onChangeText: handleTextChange, onFocus: handleFocus, onBlur: handleBlur, editable: editable, maxLength: maxLength, multiline: multiline, numberOfLines: numberOfLines, secureTextEntry: secureTextEntry, keyboardType: keyboardType, autoCapitalize: autoCapitalize, testID: testID, textAlignVertical: multiline ? 'top' : 'center', returnKeyType: returnKeyType || (react_native_1.Platform.OS === 'ios' && (keyboardType === 'numeric' || variant === 'numeric') ? 'done' : 'default'), blurOnSubmit: react_native_1.Platform.OS === 'ios', onSubmitEditing: onSubmitEditing }),
+        rightIcon && (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onRightIconPress, style: styles.rightIconContainer },
+            react_1.default.createElement(Ionicons_1.default, { name: rightIcon, size: 20, color: colors.textLight }))),
+        success && !error && !internalError && (react_1.default.createElement(react_native_1.View, { style: styles.successIcon },
+            react_1.default.createElement(Ionicons_1.default, { name: "checkmark", size: 16, color: "white" })))));
+    // Render dropdown
+    const renderDropdown = () => (react_1.default.createElement(react_native_1.View, { style: [
+            styles.inputContainer,
+            getBorderStyle(),
+            !editable && !keepWhiteBackground && styles.disabledInputContainer,
+            containerStyle
+        ] },
+        react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.dropdownTouchable, onPress: () => {
+                if (onDropdownToggle) {
+                    onDropdownToggle();
+                }
+                else {
+                    setInternalDropdownOpen(!internalDropdownOpen);
+                }
+            }, disabled: !editable },
+            react_1.default.createElement(react_native_1.Text, { style: [
+                    styles.dropdownText,
+                    !value && [styles.placeholderText, placeholderColor ? { color: placeholderColor } : null],
+                    !editable && styles.disabledTextInput
+                ] }, value || placeholder),
+            react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.dropdown }, style: [styles.icon, isDropdownOpenState ? { transform: [{ rotate: '180deg' }] } : null], resizeMode: "contain" })),
+        isDropdownOpenState && !onDropdownToggle && (react_1.default.createElement(react_native_1.View, { style: styles.dropdownOptions }, options.map((option) => (react_1.default.createElement(react_native_1.TouchableOpacity, { key: option, style: styles.dropdownOption, onPress: () => {
+                onDropdownSelect === null || onDropdownSelect === void 0 ? void 0 : onDropdownSelect(option);
+                onChangeText(option);
+                setInternalDropdownOpen(false);
+            } },
+            react_1.default.createElement(react_native_1.Text, { style: styles.dropdownOptionText }, option))))))));
+    // Render date field
+    const renderDateField = () => (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+            styles.inputContainer,
+            getBorderStyle(),
+            !editable && !keepWhiteBackground && styles.disabledInputContainer,
+            containerStyle
+        ], onPress: onDatePress ? onDatePress : undefined, activeOpacity: onDatePress ? 0.7 : 1, disabled: !onDatePress },
+        react_1.default.createElement(react_native_1.TextInput, { ref: textInputRef, style: [
+                styles.textInput,
+                !editable && styles.disabledTextInput,
+                inputStyle
+            ], placeholder: placeholder || dateFormat, placeholderTextColor: placeholderColor || (themeName === 'dark' ? colors.placeholderColor : 'rgba(0,32,34,0.2)'), value: value, onChangeText: handleTextChange, onFocus: handleFocus, onBlur: handleBlur, editable: editable, maxLength: 10, keyboardType: "numeric", testID: testID, returnKeyType: returnKeyType || (react_native_1.Platform.OS === 'ios' ? 'done' : 'default'), blurOnSubmit: react_native_1.Platform.OS === 'ios', onSubmitEditing: onSubmitEditing, pointerEvents: "none" }),
+        react_1.default.createElement(react_native_1.View, { style: styles.dateIconContainer, pointerEvents: "none" },
+            react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.calendar }, style: styles.icon, resizeMode: "contain" }))));
+    // Render appropriate input based on variant
+    const renderInput = () => {
+        switch (variant) {
+            case 'dropdown':
+                return renderDropdown();
+            case 'date':
+                return renderDateField();
+            case 'numeric':
+                return renderTextInput();
+            case 'email':
+                return renderTextInput();
+            case 'phone':
+                return renderTextInput();
+            default:
+                return renderTextInput();
+        }
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.fieldContainer },
+        renderLabel(),
+        renderInput(),
+        renderValidationMessage()));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    fieldContainer: {
+        marginBottom: 26,
+    },
+    label: {
+        fontSize: 12,
+        color: themeName === 'dark' ? colors.labelColor : colors.textLight,
+        marginBottom: 8,
+        fontWeight: '400',
+    },
+    requiredIndicator: {
+        color: colors.error,
+    },
+    inputContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderRadius: themeName === 'dark' ? 5 : 25,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'white',
+        minHeight: 50,
+        paddingHorizontal: 16,
+        position: 'relative',
+        borderWidth: themeName === 'dark' ? 1 : 0,
+        borderColor: themeName === 'dark' ? colors.inputBorder : 'transparent',
+    },
+    disabledInputContainer: {
+        backgroundColor: '#f5f5f5',
+    },
+    textInput: {
+        fontSize: 14,
+        color: colors.text,
+        fontWeight: '600',
+        flex: 1,
+        paddingVertical: 0,
+        height: '100%',
+    },
+    disabledTextInput: {
+        color: '#000000',
+    },
+    leftIcon: {
+        marginRight: 12,
+    },
+    rightIconContainer: {
+        marginLeft: 12,
+        padding: 4,
+    },
+    icon: {
+        width: 20,
+        height: 20,
+        tintColor: colors.textLight,
+    },
+    successIcon: {
+        position: 'absolute',
+        right: 16,
+        width: 16,
+        height: 16,
+        borderRadius: 8,
+        backgroundColor: colors.success,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    dropdownTouchable: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingVertical: 12,
+    },
+    dropdownText: {
+        fontSize: 14,
+        color: colors.text,
+        fontWeight: 'bold',
+        flex: 1,
+    },
+    placeholderText: {
+        color: themeName === 'dark' ? colors.placeholderColor : 'rgba(0,32,34,0.2)',
+    },
+    dropdownOptions: {
+        position: 'absolute',
+        top: '100%',
+        left: 0,
+        right: 0,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'white',
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderColor: themeName === 'dark' ? '#ffffff' : colors.border,
+        borderRadius: 8,
+        marginTop: 4,
+        zIndex: 1000,
+        elevation: 5,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+    },
+    dropdownOption: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.border,
+    },
+    dropdownOptionText: {
+        fontSize: 14,
+        color: colors.text,
+        fontWeight: 'bold',
+    },
+    dateIconContainer: {
+        marginLeft: 12,
+        padding: 4,
+    },
+    validationContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    validationIcon: {
+        marginRight: 6,
+    },
+    validationText: Object.assign(Object.assign({}, typography.styles.bodySmall), { fontWeight: '500', flex: 1 }),
+});
+exports.default = TextFieldWithLabel;

package/lib/components/TrustBox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TrustBoxProps {
+    title1: string;
+    title2: string;
+    style?: object;
+}
+declare const TrustBox: React.FC<TrustBoxProps>;
+export default TrustBox;

package/lib/components/TrustBox.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 TrustBox = ({ title1, title2, style }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, themeName);
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, style] },
+        react_1.default.createElement(react_native_1.View, { style: styles.textColumn },
+            react_1.default.createElement(react_native_1.Text, { style: styles.titleLight }, title1),
+            react_1.default.createElement(react_native_1.Text, { style: styles.title }, title2))));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'transparent',
+        padding: 8,
+        borderRadius: 5,
+        borderWidth: 0.5,
+        borderColor: themeName === 'dark' ? colors.inputBorder : (0, theme_1.getBorderColor)({ colors }, 0.36),
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    dot: {
+        width: 32,
+        height: 32,
+        borderRadius: 25,
+        backgroundColor: themeName === 'dark' ? colors.background : 'rgba(0,235,180,0.1)',
+        marginRight: 10,
+    },
+    textColumn: {
+        flexDirection: 'column',
+        flex: 1,
+    },
+    titleLight: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: themeName === 'dark' ? '#C4CDD3' : colors.textLight, marginBottom: 0 }),
+    title: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: themeName === 'dark' ? colors.labelColor : colors.textLight, marginBottom: 0 }),
+});
+exports.default = TrustBox;

package/lib/components/ValidationErrorAlert.d.ts

@@ -0,0 +1,23 @@
+export interface ValidationErrorAlertProps {
+    errors: string[];
+    onCancel: () => void;
+}
+/**
+ * Show validation error alert with option to cancel FD booking
+ */
+export declare const showValidationErrorAlert: (errors: string[], onCancelFDBooking: () => void) => void;
+/**
+ * Utility function to validate and show error if needed
+ */
+export declare const validateAndProceed: (appData: any, requiredFields: Array<{
+    field: string;
+    label: string;
+}>, onCancelFDBooking: () => void) => boolean;
+declare const _default: {
+    showValidationErrorAlert: (errors: string[], onCancelFDBooking: () => void) => void;
+    validateAndProceed: (appData: any, requiredFields: Array<{
+        field: string;
+        label: string;
+    }>, onCancelFDBooking: () => void) => boolean;
+};
+export default _default;

package/lib/components/ValidationErrorAlert.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateAndProceed = exports.showValidationErrorAlert = void 0;
+const react_native_1 = require("react-native");
+/**
+ * Show validation error alert with option to cancel FD booking
+ */
+const showValidationErrorAlert = (errors, onCancelFDBooking) => {
+    const errorMessage = errors.length > 0
+        ? `The following required information is missing from the main app:\n\n${errors.join('\n')}\n\nPlease provide all required user information to proceed with FD booking.`
+        : 'Required user information is missing from the main app.';
+    react_native_1.Alert.alert('Cannot Proceed with FD Booking', errorMessage, [
+        {
+            text: 'Cancel FD Booking',
+            onPress: onCancelFDBooking,
+            style: 'cancel',
+        },
+    ], { cancelable: false });
+};
+exports.showValidationErrorAlert = showValidationErrorAlert;
+/**
+ * Utility function to validate and show error if needed
+ */
+const validateAndProceed = (appData, requiredFields, onCancelFDBooking) => {
+    const missingFields = [];
+    requiredFields.forEach(({ field, label }) => {
+        const value = appData === null || appData === void 0 ? void 0 : appData[field];
+        if (!value || (typeof value === 'string' && !value.trim())) {
+            missingFields.push(label);
+        }
+    });
+    if (missingFields.length > 0) {
+        (0, exports.showValidationErrorAlert)(missingFields, onCancelFDBooking);
+        return false;
+    }
+    return true;
+};
+exports.validateAndProceed = validateAndProceed;
+exports.default = { showValidationErrorAlert: exports.showValidationErrorAlert, validateAndProceed: exports.validateAndProceed };

package/lib/components/ValidationMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type MessageType = 'error' | 'success' | 'loading';
+export interface ValidationMessageProps {
+    type: MessageType;
+    message: string;
+    visible?: boolean;
+}
+declare const ValidationMessage: React.FC<ValidationMessageProps>;
+export default ValidationMessage;

package/lib/components/ValidationMessage.js

@@ -0,0 +1,98 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+const base64Images_1 = require("../constants/strings/base64Images");
+const ThemeContext_1 = require("../theme/ThemeContext");
+const ValidationMessage = ({ type, message, visible = true, }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const styles = createStyles(colors);
+    if (!visible || !message)
+        return null;
+    const getIconName = () => {
+        switch (type) {
+            case 'error':
+                return 'warning';
+            case 'success':
+                return 'checkmark-circle';
+            case 'loading':
+                return 'time';
+            default:
+                return 'information-circle';
+        }
+    };
+    const getIconColor = () => {
+        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 (react_1.default.createElement(react_native_1.View, { style: [styles.container, type === 'loading' && styles.loadingContainer] },
+        type === 'success' ? (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.greenTick }, style: styles.imageIcon, resizeMode: "contain" })) : type === 'error' ? (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.error }, style: styles.imageIcon, resizeMode: "contain" })) : (react_1.default.createElement(Ionicons_1.default, { name: getIconName(), size: 16, color: getIconColor(), style: styles.icon })),
+        react_1.default.createElement(react_native_1.Text, { style: getTextStyle() }, message)));
+};
+const createStyles = (colors) => react_native_1.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,
+    },
+});
+exports.default = ValidationMessage;

package/lib/components/index.d.ts

@@ -0,0 +1,35 @@
+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';
+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';
+export { default as TextFieldWithLabel } from './TextFieldWithLabel';
+export type { TextFieldWithLabelProps, BaseTextFieldProps } from './TextFieldWithLabel';
+export { default as PaymentDetailsCard } from './PaymentDetailsCard';
+export type { PaymentDetailsCardProps } from './PaymentDetailsCard';
+export { default as FormDropdown } from './FormDropdown';
+export type { FormDropdownProps } from './FormDropdown';
+export { default as FormSection } from './FormSection';
+export type { FormSectionProps } from './FormSection';
+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';
+export { default as IFSCSearchResultCard } from './IFSCSearchResultCard';
+export type { IFSCSearchResultCardProps } from './IFSCSearchResultCard';

package/lib/components/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IFSCSearchResultCard = exports.EmptyState = exports.ErrorDisplay = exports.LoadingIndicator = exports.StatusDisplay = exports.FormSection = exports.FormDropdown = exports.PaymentDetailsCard = exports.TextFieldWithLabel = exports.ScreenHeader = exports.ActionButton = exports.ValidationMessage = exports.OTPInput = exports.AadhaarInput = exports.InfoBox = exports.CompanyHeader = exports.FAQItem = exports.TrustBox = exports.CheckboxOption = exports.InterestRateCard = exports.DropdownSelector = exports.AmountInput = exports.PendingFDBottomSheet = exports.FDCard = exports.ActiveFDCard = exports.Header = void 0;
+var Header_1 = require("./Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var ActiveFDCard_1 = require("./ActiveFDCard");
+Object.defineProperty(exports, "ActiveFDCard", { enumerable: true, get: function () { return __importDefault(ActiveFDCard_1).default; } });
+var FDCard_1 = require("./FDCard");
+Object.defineProperty(exports, "FDCard", { enumerable: true, get: function () { return __importDefault(FDCard_1).default; } });
+var PendingFDBottomSheet_1 = require("./PendingFDBottomSheet");
+Object.defineProperty(exports, "PendingFDBottomSheet", { enumerable: true, get: function () { return __importDefault(PendingFDBottomSheet_1).default; } });
+var AmountInput_1 = require("./AmountInput");
+Object.defineProperty(exports, "AmountInput", { enumerable: true, get: function () { return __importDefault(AmountInput_1).default; } });
+var DropdownSelector_1 = require("./DropdownSelector");
+Object.defineProperty(exports, "DropdownSelector", { enumerable: true, get: function () { return __importDefault(DropdownSelector_1).default; } });
+var InterestRateCard_1 = require("./InterestRateCard");
+Object.defineProperty(exports, "InterestRateCard", { enumerable: true, get: function () { return __importDefault(InterestRateCard_1).default; } });
+var CheckboxOption_1 = require("./CheckboxOption");
+Object.defineProperty(exports, "CheckboxOption", { enumerable: true, get: function () { return __importDefault(CheckboxOption_1).default; } });
+var TrustBox_1 = require("./TrustBox");
+Object.defineProperty(exports, "TrustBox", { enumerable: true, get: function () { return __importDefault(TrustBox_1).default; } });
+var FAQItem_1 = require("./FAQItem");
+Object.defineProperty(exports, "FAQItem", { enumerable: true, get: function () { return __importDefault(FAQItem_1).default; } });
+var CompanyHeader_1 = require("./CompanyHeader");
+Object.defineProperty(exports, "CompanyHeader", { enumerable: true, get: function () { return __importDefault(CompanyHeader_1).default; } });
+var InfoBox_1 = require("./InfoBox");
+Object.defineProperty(exports, "InfoBox", { enumerable: true, get: function () { return __importDefault(InfoBox_1).default; } });
+// New Aadhaar Verification Components
+var AadhaarInput_1 = require("./AadhaarInput");
+Object.defineProperty(exports, "AadhaarInput", { enumerable: true, get: function () { return __importDefault(AadhaarInput_1).default; } });
+var OTPInput_1 = require("./OTPInput");
+Object.defineProperty(exports, "OTPInput", { enumerable: true, get: function () { return __importDefault(OTPInput_1).default; } });
+var ValidationMessage_1 = require("./ValidationMessage");
+Object.defineProperty(exports, "ValidationMessage", { enumerable: true, get: function () { return __importDefault(ValidationMessage_1).default; } });
+var ActionButton_1 = require("./ActionButton");
+Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return __importDefault(ActionButton_1).default; } });
+var ScreenHeader_1 = require("./ScreenHeader");
+Object.defineProperty(exports, "ScreenHeader", { enumerable: true, get: function () { return __importDefault(ScreenHeader_1).default; } });
+// Reusable Form Components
+var TextFieldWithLabel_1 = require("./TextFieldWithLabel");
+Object.defineProperty(exports, "TextFieldWithLabel", { enumerable: true, get: function () { return __importDefault(TextFieldWithLabel_1).default; } });
+// Payment Components
+var PaymentDetailsCard_1 = require("./PaymentDetailsCard");
+Object.defineProperty(exports, "PaymentDetailsCard", { enumerable: true, get: function () { return __importDefault(PaymentDetailsCard_1).default; } });
+// Form Components
+var FormDropdown_1 = require("./FormDropdown");
+Object.defineProperty(exports, "FormDropdown", { enumerable: true, get: function () { return __importDefault(FormDropdown_1).default; } });
+var FormSection_1 = require("./FormSection");
+Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
+// Status and Display Components
+var StatusDisplay_1 = require("./StatusDisplay");
+Object.defineProperty(exports, "StatusDisplay", { enumerable: true, get: function () { return __importDefault(StatusDisplay_1).default; } });
+var LoadingIndicator_1 = require("./LoadingIndicator");
+Object.defineProperty(exports, "LoadingIndicator", { enumerable: true, get: function () { return __importDefault(LoadingIndicator_1).default; } });
+var ErrorDisplay_1 = require("./ErrorDisplay");
+Object.defineProperty(exports, "ErrorDisplay", { enumerable: true, get: function () { return __importDefault(ErrorDisplay_1).default; } });
+var EmptyState_1 = require("./EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return __importDefault(EmptyState_1).default; } });
+// IFSC Search Components
+var IFSCSearchResultCard_1 = require("./IFSCSearchResultCard");
+Object.defineProperty(exports, "IFSCSearchResultCard", { enumerable: true, get: function () { return __importDefault(IFSCSearchResultCard_1).default; } });