@finspringinnovations/fixeddepositsdk 1.0.0

package/lib/api/workflowApi.js

@@ -0,0 +1,90 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePreviousStateMutation = exports.useUpdateStateMutation = exports.useUpdateTaskMutation = exports.useTerminateWorkflowMutation = exports.workflowApi = void 0;
+const baseApi_1 = require("./baseApi");
+exports.workflowApi = baseApi_1.baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        terminateWorkflow: builder.mutation({
+            query: ({ providerId, workflowInstanceId, entityId, applicationId }) => {
+                const requestConfig = {
+                    url: 'workflow/terminate',
+                    method: 'POST',
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId,
+                        applicationId: applicationId,
+                    },
+                    body: {
+                        workflowInstanceId,
+                        entityid: entityId,
+                        applicationId,
+                    },
+                };
+                return requestConfig;
+            },
+        }),
+        updateTask: builder.mutation({
+            query: (body) => {
+                const { providerId, workflowInstanceId, userreferenceid, applicationid, entityid } = body, requestBody = __rest(body, ["providerId", "workflowInstanceId", "userreferenceid", "applicationid", "entityid"]);
+                return {
+                    url: 'taskflow/update',
+                    method: 'POST',
+                    body: Object.assign(Object.assign({}, requestBody), { workflowInstanceId: workflowInstanceId }),
+                    headers: {
+                        provider: providerId || '{{shriramprovider}}',
+                        workflowInstanceId: workflowInstanceId || '{{workflowInstanceId}}',
+                        userreferenceid: userreferenceid || '{{userreferenceid}}',
+                        applicationid: applicationid || '{{applicationid}}',
+                        entityid: entityid || '{{entityid}}',
+                    },
+                };
+            },
+        }),
+        updateState: builder.mutation({
+            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({
+            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}}',
+                    },
+                };
+            },
+        }),
+    }),
+});
+exports.useTerminateWorkflowMutation = exports.workflowApi.useTerminateWorkflowMutation, exports.useUpdateTaskMutation = exports.workflowApi.useUpdateTaskMutation, exports.useUpdateStateMutation = exports.workflowApi.useUpdateStateMutation, exports.usePreviousStateMutation = exports.workflowApi.usePreviousStateMutation;

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

@@ -0,0 +1,6 @@
+export namespace images {
+    let arrowLeft: any;
+    let chevronDown: any;
+    let shriramLogo: any;
+    let mahindraLogo: any;
+}

package/lib/assets/images/images.js

@@ -0,0 +1,12 @@
+"use strict";
+// export const images = {
+//     arrowLeft: require('./chevron-down.png'),
+// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.images = void 0;
+exports.images = {
+    arrowLeft: require('./arrow-left.png'),
+    chevronDown: require('./chevron-down.png'),
+    shriramLogo: require('./shriram_logo.png'),
+    mahindraLogo: require('./Mahindra.png'),
+};

package/lib/components/AadhaarInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface AadhaarInputProps {
+    label: string;
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    isSuccess?: boolean;
+    isLoading?: boolean;
+    editable?: boolean;
+    maxLength?: number;
+}
+declare const AadhaarInput: React.FC<AadhaarInputProps>;
+export default AadhaarInput;

package/lib/components/AadhaarInput.js

@@ -0,0 +1,47 @@
+"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 AadhaarInput = ({ label, value, onChangeText, placeholder = "Aadhaar Card", isSuccess = false, isLoading = false, editable = true, maxLength = 14, }) => {
+    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, null,
+        react_1.default.createElement(react_native_1.Text, { style: styles.label }, label),
+        react_1.default.createElement(react_native_1.View, { style: [
+                styles.inputContainer,
+                isSuccess && styles.successInput
+            ] },
+            react_1.default.createElement(react_native_1.TextInput, { style: styles.input, placeholder: placeholder, placeholderTextColor: themeName === 'dark' ? colors.placeholderColor : colors.textLight, value: value, onChangeText: onChangeText, keyboardType: "numeric", maxLength: maxLength, editable: editable && !isLoading }))));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    label: Object.assign(Object.assign({}, typography.styles.bodyLarge), { color: colors.textLight, marginBottom: 8, fontWeight: '500' }),
+    inputContainer: {
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderColor: themeName === 'dark' ? colors.inputBorder : (0, theme_1.getBorderColor)({ colors }, 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: Object.assign(Object.assign({}, typography.styles.bodyLarge), { paddingHorizontal: 16, paddingVertical: 0, color: colors.text, height: '100%', textAlignVertical: 'center' }),
+});
+exports.default = AadhaarInput;

package/lib/components/ActionButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ActionButtonProps {
+    title: string;
+    onPress: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    variant?: 'primary' | 'secondary';
+    style?: any;
+    textStyle?: any;
+}
+declare const ActionButton: React.FC<ActionButtonProps>;
+export default ActionButton;

package/lib/components/ActionButton.js

@@ -0,0 +1,87 @@
+"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 ActionButton = ({ title, onPress, disabled = false, loading = false, variant = 'primary', style, textStyle, }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, themeName);
+    const isDisabled = disabled || loading;
+    const getButtonStyle = () => {
+        const baseStyle = [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 (react_1.default.createElement(react_native_1.TouchableOpacity, { style: getButtonStyle(), onPress: onPress, disabled: isDisabled, activeOpacity: isDisabled ? 1 : 0.7 }, loading ? (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' } },
+        react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: themeName === 'dark' ? colors.buttonTextColor : colors.background, style: { marginRight: 8 } }),
+        react_1.default.createElement(react_native_1.Text, { style: getTextStyle() }, "Loading..."))) : (react_1.default.createElement(react_native_1.Text, { style: getTextStyle() }, title))));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.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: Object.assign(Object.assign({}, 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,
+    },
+});
+exports.default = ActionButton;

package/lib/components/ActiveFDCard.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ActiveFDCardProps {
+    name: string;
+    invested: number;
+    value: number;
+    returns: number;
+    maturityDate: string;
+    /** Company logo: 'shriram' | 'mahindra' – shows in card header when set */
+    logoType?: 'shriram' | 'mahindra';
+    customStyles?: {
+        container?: object;
+        name?: object;
+        amount?: object;
+        returns?: object;
+    };
+}
+declare const ActiveFDCard: React.FC<ActiveFDCardProps>;
+export default ActiveFDCard;

package/lib/components/ActiveFDCard.js

@@ -0,0 +1,116 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+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 base64Images_1 = require("../constants/strings/base64Images");
+// Enable Fast Refresh for this module
+if (__DEV__) {
+    // @ts-ignore
+    (_a = module.hot) === null || _a === void 0 ? void 0 : _a.accept();
+}
+const ActiveFDCard = ({ name, invested, value, returns, maturityDate, logoType, customStyles = {}, }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const spacing = (0, ThemeContext_1.useSpacing)();
+    const shadows = (0, ThemeContext_1.useShadows)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, spacing, shadows, themeName);
+    const formatCurrency = (amount) => {
+        return amount.toLocaleString('en-IN');
+    };
+    const logoUri = logoType === 'shriram'
+        ? base64Images_1.base64Images.shriramLogo
+        : logoType === 'mahindra'
+            ? base64Images_1.base64Images.mahindraLogo
+            : undefined;
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.activeFDCard, customStyles.container] },
+        react_1.default.createElement(react_native_1.View, { style: styles.activeFDHeader },
+            logoUri != null && (react_1.default.createElement(react_native_1.View, { style: styles.logoContainer },
+                react_1.default.createElement(react_native_1.Image, { source: { uri: logoUri }, style: styles.logoImage, resizeMode: "contain" }))),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.activeFDName, customStyles.name] }, name),
+            react_1.default.createElement(react_native_1.View, { style: styles.maturityContainer },
+                react_1.default.createElement(react_native_1.Text, { style: styles.maturityLabel }, "Maturity Date"),
+                react_1.default.createElement(react_native_1.Text, { style: styles.maturityDate }, maturityDate))),
+        react_1.default.createElement(react_native_1.View, { style: styles.activeFDDetails },
+            react_1.default.createElement(react_native_1.View, { style: styles.activeFDLeft },
+                react_1.default.createElement(react_native_1.Text, { style: styles.activeFDLabel }, "Invested"),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.activeFDAmount, customStyles.amount] },
+                    "\u20B9 ",
+                    formatCurrency(invested))),
+            react_1.default.createElement(react_native_1.View, { style: styles.activeFDRight },
+                react_1.default.createElement(react_native_1.Text, { style: styles.activeFDLabel }, "Value"),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.activeFDAmount, customStyles.amount] },
+                    "\u20B9 ",
+                    formatCurrency(value)),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.activeFDReturns, customStyles.returns] },
+                    returns,
+                    "%")))));
+};
+const createStyles = (colors, typography, spacing, shadows, themeName) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    return react_native_1.StyleSheet.create({
+        activeFDCard: {
+            backgroundColor: colors.surface,
+            borderRadius: 4, // Reduced corner radius
+            padding: spacing.md,
+            borderWidth: themeName === 'dark' ? 1 : 0.5, // Same as FDCard
+            borderColor: themeName === 'dark' ? colors.border : (0, theme_1.getBorderColor)({ colors }, 0.36), // Same as FDCard
+            shadowColor: '#000000',
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 0.1, // 10% shadow spread
+            shadowRadius: 4,
+            elevation: 3,
+        },
+        activeFDHeader: {
+            marginTop: -8,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center', // Changed to center for vertical alignment
+            marginBottom: spacing.sm, // Reduced from lg to sm to decrease card height
+        },
+        logoContainer: {
+            width: 30,
+            height: 30,
+            borderRadius: 4,
+            marginRight: spacing.sm,
+            overflow: 'hidden',
+            backgroundColor: 'transparent',
+        },
+        logoImage: {
+            width: 30,
+            height: 30,
+            borderRadius: 15,
+        },
+        activeFDName: Object.assign(Object.assign({}, typography.styles.text14Medium), { fontWeight: '600', color: colors.text, flex: 1, lineHeight: react_native_1.Platform.OS === 'ios' ? ((_b = (_a = typography.styles.text14Medium) === null || _a === void 0 ? void 0 : _a.lineHeight) !== null && _b !== void 0 ? _b : 14) + 3 : (_c = typography.styles.text14Medium) === null || _c === void 0 ? void 0 : _c.lineHeight }),
+        maturityContainer: {
+            alignItems: 'flex-end',
+        },
+        maturityLabel: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.textSecondary, marginBottom: 3, marginTop: 2 }),
+        maturityDate: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.tabSelected }),
+        activeFDDetails: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+        },
+        activeFDLeft: {
+            flex: 1,
+            marginRight: 10, // Increased right spacing by 10px
+        },
+        activeFDRight: {
+            alignItems: 'flex-end',
+            marginLeft: 10, // Increased left spacing by 10px
+        },
+        activeFDLabel: Object.assign(Object.assign({}, typography.styles.text12Regular), { color: colors.textSecondary, marginBottom: spacing.xs + 3, lineHeight: react_native_1.Platform.OS === 'ios' ? ((_e = (_d = typography.styles.text12Regular) === null || _d === void 0 ? void 0 : _d.lineHeight) !== null && _e !== void 0 ? _e : 12) + 3 : (_f = typography.styles.text12Regular) === null || _f === void 0 ? void 0 : _f.lineHeight }),
+        activeFDAmount: Object.assign(Object.assign({}, typography.styles.text14Medium), { fontWeight: '600', color: colors.text, marginBottom: spacing.xs + 2, lineHeight: react_native_1.Platform.OS === 'ios' ? ((_h = (_g = typography.styles.text14Medium) === null || _g === void 0 ? void 0 : _g.lineHeight) !== null && _h !== void 0 ? _h : 14) + 3 : (_j = typography.styles.text14Medium) === null || _j === void 0 ? void 0 : _j.lineHeight }),
+        activeFDReturns: Object.assign(Object.assign({}, typography.styles.text14Medium), { color: colors.success, marginTop: 2 }),
+    });
+};
+exports.default = ActiveFDCard;

package/lib/components/AmountInput.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+interface AmountInputProps {
+    label: string;
+    value: string;
+    onChangeText: (text: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    placeholder?: string;
+    noteText?: string;
+    minMaxText?: string;
+    errorMessage?: string;
+    inputRef?: React.RefObject<TextInput>;
+    selection?: {
+        start: number;
+        end: number;
+    };
+}
+declare const AmountInput: React.FC<AmountInputProps>;
+export default AmountInput;

package/lib/components/AmountInput.js

@@ -0,0 +1,142 @@
+"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 base64Images_1 = require("../constants/strings/base64Images");
+const ThemeContext_1 = require("../theme/ThemeContext");
+const theme_1 = require("../theme");
+const AmountInput = ({ label, value, onChangeText, onBlur, onFocus, placeholder = '25,000', noteText, minMaxText, errorMessage, selection, }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, themeName);
+    // Handle text changes to filter invalid data (including pasted content)
+    const handleTextChange = (text) => {
+        // Remove all non-numeric characters
+        let cleanedText = text.replace(/[^0-9]/g, '');
+        // Remove leading zeros (but keep single zero if that's all there is)
+        if (cleanedText.length > 1) {
+            cleanedText = cleanedText.replace(/^0+/, '');
+        }
+        // If all zeros were removed, set to empty string
+        if (cleanedText === '') {
+            cleanedText = '';
+        }
+        // Only call onChangeText if the text has changed (to avoid infinite loops)
+        if (cleanedText !== value) {
+            onChangeText(cleanedText);
+        }
+    };
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, { style: styles.label }, label),
+        react_1.default.createElement(react_native_1.View, { style: styles.inputContainer },
+            react_1.default.createElement(react_native_1.TextInput, { style: styles.currencyInput, value: "\u20B9", editable: false }),
+            react_1.default.createElement(react_native_1.TextInput, { style: styles.amountInput, keyboardType: "number-pad", value: value, onChangeText: handleTextChange, onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, placeholderTextColor: '#9ca9b0', returnKeyType: react_native_1.Platform.OS === 'ios' ? 'done' : 'default', blurOnSubmit: react_native_1.Platform.OS === 'ios', selection: selection })),
+        errorMessage && (react_1.default.createElement(react_native_1.View, { style: styles.errorContainer },
+            react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.error }, style: { width: 16, height: 16, marginRight: 6 }, resizeMode: "contain" }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.errorText }, errorMessage))),
+        noteText && (react_1.default.createElement(react_native_1.View, { style: styles.noteRow },
+            react_1.default.createElement(react_native_1.Text, { style: styles.noteText }, noteText))),
+        minMaxText && (react_1.default.createElement(react_native_1.View, { style: styles.limitContainer },
+            react_1.default.createElement(react_native_1.Text, { style: styles.limitLabel }, "Min: "),
+            react_1.default.createElement(react_native_1.Text, { style: styles.limitValue }, "\u20B95 K"),
+            react_1.default.createElement(react_native_1.Text, { style: styles.limitSeparator }, " | "),
+            react_1.default.createElement(react_native_1.Text, { style: styles.limitLabel }, "Max: "),
+            react_1.default.createElement(react_native_1.Text, { style: styles.limitValue }, "\u20B95 Cr")))));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    textviewspace: {
+        marginLeft: 10,
+    },
+    label: Object.assign(Object.assign({}, typography.styles.bodyMedium), { fontWeight: '400', marginTop: 25, marginBottom: 8, color: themeName === 'dark' ? colors.labelColor : colors.text }),
+    inputContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: themeName === 'dark' ? colors.background : "white",
+        height: 48,
+        paddingHorizontal: 0,
+        gap: 12,
+    },
+    currencyInput: {
+        width: 50,
+        textAlign: 'center',
+        fontSize: 14,
+        color: colors.text,
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderRadius: 4,
+        borderColor: themeName === 'dark' ? colors.inputBorder : (0, theme_1.getBorderColor)({ colors }, 0.36),
+        height: '100%',
+        paddingVertical: 0,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : colors.surface
+    },
+    amountInput: {
+        flex: 1,
+        fontSize: 14,
+        color: colors.text,
+        paddingHorizontal: 16,
+        height: '100%',
+        marginLeft: 0,
+        borderColor: themeName === 'dark' ? colors.inputBorder : (0, theme_1.getBorderColor)({ colors }, 0.36),
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderRadius: 4,
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : colors.surface
+    },
+    noteRow: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        marginTop: 8,
+    },
+    noteIcon: {
+        marginRight: 6,
+        marginTop: 1,
+    },
+    noteText: {
+        fontSize: 11,
+        color: themeName === 'dark' ? colors.labelColor : colors.textLight,
+        flex: 1,
+    },
+    limitText: {
+        fontSize: 14,
+        color: themeName === 'dark' ? colors.labelColor : colors.textLight,
+        marginTop: 10,
+        marginBottom: 1,
+    },
+    limitContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 10,
+        marginBottom: 1,
+    },
+    limitLabel: {
+        fontSize: 12,
+        color: themeName === 'dark' ? colors.labelColor : '#000000', // White for dark theme, black for others
+        fontWeight: '400',
+    },
+    limitValue: {
+        fontSize: 14,
+        color: themeName === 'dark' ? colors.labelColor : colors.textLight, // White for dark theme
+    },
+    limitSeparator: {
+        fontSize: 14,
+        color: themeName === 'dark' ? colors.labelColor : colors.textLight, // White for dark theme
+    },
+    errorContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    errorIcon: {
+        marginRight: 6,
+    },
+    errorText: {
+        fontSize: 12,
+        color: colors.error || '#FF0000',
+        fontWeight: '500',
+        flex: 1,
+    },
+});
+exports.default = AmountInput;

package/lib/components/CheckboxOption.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CheckboxOptionProps {
+    label: string;
+    checked: boolean;
+    onPress: () => void;
+    numberOfLines?: number;
+    containerStyle?: object;
+    disabled?: boolean;
+}
+declare const CheckboxOption: React.FC<CheckboxOptionProps>;
+export default CheckboxOption;

package/lib/components/CheckboxOption.js

@@ -0,0 +1,41 @@
+"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 base64Images_1 = require("../constants/strings/base64Images");
+const CheckboxOption = ({ label, checked, onPress, numberOfLines, containerStyle, disabled = false, }) => {
+    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.TouchableOpacity, { style: [styles.container, containerStyle], onPress: onPress, disabled: disabled, activeOpacity: disabled ? 1 : 0.7 },
+        react_1.default.createElement(react_native_1.View, { style: [styles.checkbox, checked && styles.checkboxChecked] }, themeName === 'dark' ? (react_1.default.createElement(react_native_1.Image, { source: { uri: checked ? base64Images_1.base64Images.checkBoxDark : base64Images_1.base64Images.unCheckBoxDark }, resizeMode: "cover", width: 20, height: 20 })) : (checked ? (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.filledCheckBox }, resizeMode: "cover", width: 20, height: 20 })) : null)),
+        react_1.default.createElement(react_native_1.Text, { style: styles.label, numberOfLines: numberOfLines, ellipsizeMode: "tail" }, label)));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 0,
+    },
+    checkbox: {
+        width: 18,
+        height: 18,
+        borderRadius: 3,
+        borderWidth: 1.5,
+        borderColor: themeName === 'dark' ? colors.tabSelected : colors.primary,
+        marginRight: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    checkboxChecked: {
+        // backgroundColor: colors.tabSelected,
+        borderColor: colors.tabSelected,
+    },
+    label: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.text, flex: 1 }),
+});
+exports.default = CheckboxOption;

package/lib/components/CompanyHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CompanyHeaderProps {
+    companyName: string;
+    rating: string;
+}
+declare const CompanyHeader: React.FC<CompanyHeaderProps>;
+export default CompanyHeader;