oneticket-sdk-vi 1.0.0

package/src/theme/index.ts

@@ -0,0 +1,60 @@
+import { Theme } from './types';
+import { lightColors, darkColors } from './colors';
+import { spacing } from './spacing';
+import { typography } from './typography';
+import { elevation } from './elevation';
+import { icons } from './icons';
+import { animations } from './animations';
+import { buttonStyles } from './components/Button';
+import { inputStyles } from './components/Input';
+import { cardStyles } from './components/Card';
+import { chipStyles } from './components/Chip';
+import { badgeStyles } from './components/Badge';
+// import { inputStyles } from './components/Input';
+// import { cardStyles } from './components/Card';
+// import { chipStyles } from './components/Chip';
+// import { badgeStyles } from './components/Badge';
+
+export const lightTheme: Theme = {
+    colors: lightColors,
+    spacing,
+    typography,
+    elevation,
+    icons,
+    animations,
+    components: {
+        button: buttonStyles,
+        input: inputStyles,
+        card: cardStyles,
+        chip: chipStyles,
+        badge: badgeStyles,
+    },
+    roundness: 8,
+    config: {
+        useSystemColorMode: true,
+        initialColorMode: 'light',
+    },
+};
+
+export const darkTheme: Theme = {
+    colors: darkColors,
+    spacing,
+    typography,
+    elevation,
+    icons,
+    animations,
+    components: {
+        button: buttonStyles,
+        input: inputStyles,
+        card: cardStyles,
+        chip: chipStyles,
+        badge: badgeStyles,
+    },
+    roundness: 8,
+    config: {
+        useSystemColorMode: true,
+        initialColorMode: 'dark',
+    },
+};
+
+export type AppTheme = typeof lightTheme;

package/src/theme/spacing.ts

@@ -0,0 +1,13 @@
+import { ThemeSpacing } from './types';
+
+export const spacing: ThemeSpacing = {
+    none: 0,
+    xxs: 2,
+    xs: 4,
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 32,
+    xxl: 48,
+    xxxl: 64,
+};

package/src/theme/types.ts

@@ -0,0 +1,256 @@
+import { TextStyle, ViewStyle } from "react-native";
+
+export interface ColorPalette {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}
+
+export interface ThemeColors {
+    // Base colors
+    white: string;
+    black: string;
+    transparent: string;
+    lightText: string;
+    darkText: string;
+
+    // Color palettes
+    primary: ColorPalette;
+    rose: ColorPalette;
+    blue: ColorPalette;
+    emerald: ColorPalette;
+    amber: ColorPalette;
+    gray: ColorPalette;
+    coolGray: ColorPalette;
+
+    // Semantic colors (NativeBase style)
+    danger: ColorPalette;
+    error: ColorPalette;
+    success: ColorPalette;
+    warning: ColorPalette;
+    muted: ColorPalette;
+    info: ColorPalette;
+    secondary: ColorPalette;
+    tertiary: ColorPalette;
+
+    // Backgrounds
+    background: string;
+    surface: string;
+    surfaceVariant: string;
+
+    // Text
+    text: string;
+    text2: string;
+    textSecondary: string;
+    textTertiary: string;
+    textOnPrimary: string;
+    textOnSecondary: string;
+
+    // Borders
+    border: string;
+    borderLight: string;
+    borderDark: string;
+
+    // Shadow
+    shadow: string;
+
+    // States
+    disabled: string;
+    overlay: string;
+    backdrop: string;
+    primaryBackdrop: string;
+    notification: string;
+}
+
+export interface ThemeSpacing {
+    none: number;
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+}
+
+export interface ThemeTypography {
+    displayLarge: TextStyle;
+    displayMedium: TextStyle;
+    displaySmall: TextStyle;
+    headlineLarge: TextStyle;
+    headlineMedium: TextStyle;
+    headlineSmall: TextStyle;
+    titleLarge: TextStyle;
+    titleMedium: TextStyle;
+    titleSmall: TextStyle;
+    bodyLarge: TextStyle;
+    bodyMedium: TextStyle;
+    bodySmall: TextStyle;
+    labelLarge: TextStyle;
+    labelMedium: TextStyle;
+    labelSmall: TextStyle;
+}
+
+export interface ThemeElevation {
+    level0: ViewStyle;
+    level1: ViewStyle;
+    level2: ViewStyle;
+    level3: ViewStyle;
+    level4: ViewStyle;
+    level5: ViewStyle;
+}
+
+export interface ThemeIcons {
+    tiny: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+    xxlarge: number;
+    colors: {
+        active: string;
+        inactive: string;
+        disabled: string;
+    };
+}
+
+export interface ThemeAnimations {
+    quick: number;
+    standard: number;
+    entering: number;
+    exiting: number;
+    complex: number;
+}
+
+export interface ThemeComponents {
+    button: {
+        borderRadius: number;
+        minHeight: number;
+        paddingHorizontal: number;
+        justifyContent?: ViewStyle['justifyContent'];
+        alignItems?: ViewStyle['alignItems'];
+        flexDirection?: ViewStyle['flexDirection'];
+        variants: {
+            primary: ButtonVariant;
+            secondary: ButtonVariant;
+            text: ButtonVariant;
+            outlined: ButtonVariant;
+            link: ButtonVariant;
+        };
+        icon: {
+            size: keyof ThemeIcons;
+            marginRight: number;
+            primary: { color: string };
+            secondary: { color: string };
+            text: { color: string };
+            outlined: { color: string };
+            link: { color: string };
+        };
+        disabled: {
+            opacity: number;
+        };
+        loading: {
+            marginRight: number;
+        };
+    };
+    input: {
+        borderRadius: number;
+        borderWidth: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        height: number;
+        variants: {
+            default: InputVariant;
+            filled: InputVariant;
+            outlined: InputVariant;
+        };
+        textStyle: TextStyle;
+        placeholderTextColor: string;
+    };
+    card: {
+        borderRadius: number;
+        padding: number;
+        margin: number;
+        variants: {
+            elevated: CardVariant;
+            outline: CardVariant;
+            filled: CardVariant;
+        };
+    };
+    chip: {
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        variants: {
+            solid: ChipVariant;
+            outline: ChipVariant;
+            subtle: ChipVariant;
+        };
+        textStyle: TextStyle;
+    };
+    badge: {
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        minWidth: number;
+        variants: {
+            solid: BadgeVariant;
+            outline: BadgeVariant;
+            subtle: BadgeVariant;
+        };
+        textStyle: TextStyle;
+    };
+}
+
+// Add these type definitions
+export interface ButtonVariant {
+    viewStyle: ViewStyle;
+    textStyle: TextStyle;
+}
+
+export interface InputVariant {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth?: number;
+}
+
+export interface CardVariant {
+    backgroundColor: string;
+    borderColor?: string;
+    borderWidth?: number;
+}
+
+export interface ChipVariant {
+    backgroundColor: string;
+    borderColor?: string;
+    borderWidth?: number;
+}
+
+export interface BadgeVariant {
+    backgroundColor: string;
+    borderColor?: string;
+    borderWidth?: number;
+}
+
+export interface Theme {
+    colors: ThemeColors;
+    spacing: ThemeSpacing;
+    typography: ThemeTypography;
+    elevation: ThemeElevation;
+    icons: ThemeIcons;
+    animations: ThemeAnimations;
+    components: ThemeComponents;
+    roundness: number;
+    config: {
+        useSystemColorMode: boolean;
+        initialColorMode: 'light' | 'dark';
+    };
+}

package/src/theme/typography.ts

@@ -0,0 +1,95 @@
+import { TextStyle } from 'react-native';
+import { ThemeTypography } from './types';
+
+export const typography: ThemeTypography = {
+    displayLarge: {
+        fontSize: 57,
+        lineHeight: 64,
+        fontWeight: '400',
+        letterSpacing: -0.25,
+    },
+    displayMedium: {
+        fontSize: 45,
+        lineHeight: 52,
+        fontWeight: '400',
+        letterSpacing: 0,
+    },
+    displaySmall: {
+        fontSize: 36,
+        lineHeight: 44,
+        fontWeight: '400',
+        letterSpacing: 0,
+    },
+    headlineLarge: {
+        fontSize: 32,
+        lineHeight: 40,
+        fontWeight: '400',
+        letterSpacing: 0,
+    },
+    headlineMedium: {
+        fontSize: 28,
+        lineHeight: 36,
+        fontWeight: '400',
+        letterSpacing: 0,
+    },
+    headlineSmall: {
+        fontSize: 24,
+        lineHeight: 32,
+        fontWeight: '400',
+        letterSpacing: 0,
+    },
+    titleLarge: {
+        fontSize: 22,
+        lineHeight: 28,
+        fontWeight: '500',
+        letterSpacing: 0,
+    },
+    titleMedium: {
+        fontSize: 16,
+        lineHeight: 24,
+        fontWeight: '500',
+        letterSpacing: 0.15,
+    },
+    titleSmall: {
+        fontSize: 14,
+        lineHeight: 20,
+        fontWeight: '500',
+        letterSpacing: 0.1,
+    },
+    bodyLarge: {
+        fontSize: 16,
+        lineHeight: 24,
+        fontWeight: '400',
+        letterSpacing: 0.5,
+    },
+    bodyMedium: {
+        fontSize: 14,
+        lineHeight: 20,
+        fontWeight: '400',
+        letterSpacing: 0.25,
+    },
+    bodySmall: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '400',
+        letterSpacing: 0.4,
+    },
+    labelLarge: {
+        fontSize: 14,
+        lineHeight: 20,
+        fontWeight: '500',
+        letterSpacing: 0.1,
+    },
+    labelMedium: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '500',
+        letterSpacing: 0.5,
+    },
+    labelSmall: {
+        fontSize: 11,
+        lineHeight: 16,
+        fontWeight: '500',
+        letterSpacing: 0.5,
+    },
+};

package/src/theme/utils.ts

@@ -0,0 +1,32 @@
+// theme/utils.ts
+import { ColorValue } from 'react-native';
+import { AppTheme } from '.';
+
+export const resolveThemeColor = (theme: AppTheme, color?: ColorValue): ColorValue | undefined => {
+    if (!color) return undefined;
+
+    // If it's already a direct color value (hex, rgb, etc.)
+    if (typeof color === 'string') {
+        // Handle direct color values
+        if (color.startsWith('#') || color.startsWith('rgb') || color === 'transparent') {
+            return color;
+        }
+
+        // Handle theme color references
+        const parts = color.split('.');
+        let current: any = theme.colors;
+
+        for (const part of parts) {
+            if (current[part] === undefined) {
+                console.warn(`Color not found in theme: ${color}`);
+                return undefined;
+            }
+            current = current[part];
+        }
+
+        return current;
+    }
+
+    // For OpaqueColorValue or other ColorValue types, return as-is
+    return color;
+};

package/src/utils/consoleFunc.ts

@@ -0,0 +1,3 @@
+export const consoleFunc = (...args: any[]) => {
+    console.log(...args.map((arg) => JSON.stringify(arg, null, 2)));
+};

package/src/utils/delayApis.ts

@@ -0,0 +1 @@
+export const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));

package/src/utils/faqData.ts

@@ -0,0 +1,69 @@
+type FAQItem = {
+    id: string;
+    question: string;
+    answer: string;
+    category: 'booking' | 'payment' | 'tickets' | 'account' | 'refunds';
+};
+
+export const faqData: FAQItem[] = [
+    {
+        id: '1',
+        question: "How do I book a metro ticket?",
+        answer: "Select your start and destination stations, choose ticket type if option available, select number of tickets you want and proceed to payment. The app will automatically find the best route across multiple metro lines if needed.",
+        category: 'booking'
+    },
+    {
+        id: '2',
+        question: "What if my journey requires multiple metro lines?",
+        answer: "Our system automatically calculates routes across different metro providers. You'll receive separate QR tickets for each provider required for your journey.",
+        category: 'tickets'
+    },
+    {
+        id: '3',
+        question: "How do return journey tickets work?",
+        answer: "Some metro providers offer return tickets at discounted rates. When available, you'll see the option during booking. Return tickets are valid for the same day unless otherwise specified.",
+        category: 'booking'
+    },
+    {
+        id: '4',
+        question: "Why do I get multiple QR codes for one journey?",
+        answer: "Each QR code corresponds to a different metro provider in your journey. Present the correct QR code when switching lines. The app organizes them in journey order.",
+        category: 'tickets'
+    },
+    {
+        id: '5',
+        question: "Can I use tickets offline?",
+        answer: "Yes! Once booked, tickets are available offline under 'My Tickets'. Ensure you download them before losing connectivity.",
+        category: 'tickets'
+    },
+    {
+        id: '6',
+        question: "What payment methods are accepted?",
+        answer: "We accept UPI, credit/debit cards, net banking, and popular mobile wallets. Some metro providers may offer additional payment options.",
+        category: 'payment'
+    },
+    {
+        id: '7',
+        question: "How do I cancel a ticket?",
+        answer: "Go to 'My Bookings' and select the ticket. Cancellation policies vary by provider - some allow free cancellation up to 1 hour before travel, others may charge a fee.",
+        category: 'refunds'
+    },
+    {
+        id: '8',
+        question: "What if I have issues with a generated ticket?",
+        answer: "Use the 'Report Issue' feature in the ticket details. Our support team will assist you and arrange alternatives if needed.",
+        category: 'account'
+    },
+    {
+        id: '9',
+        question: "How do recent journeys work?",
+        answer: "The app remembers your frequent routes for quick booking. Tap any recent journey to book the same route again with updated availability.",
+        category: 'booking'
+    },
+    {
+        id: '10',
+        question: "When will you add Delhi/Bengaluru metro?",
+        answer: "We're expanding! Delhi Metro integration is coming next month, followed by Bengaluru. Check our announcements for updates.",
+        category: 'booking'
+    }
+];

package/src/utils/formatDate.ts

@@ -0,0 +1,20 @@
+export const formatDateWithTime = (str: string | Date) => {
+    const monthArr = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+    const date = new Date(str);
+    const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
+    const month = date.getMonth();
+    const year = date.getFullYear();
+    let hours = date.getHours() === 0 ? 12 : date.getHours() >= 13 ? date.getHours() - 12 < 10 ? `0${date.getHours() - 12}` : date.getHours() - 12 : date.getHours() < 10 ? `0${date.getHours()}` : date.getHours();
+    const minutes = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes();
+    let amPm = date.getHours() >= 12 ? "pm" : "am"
+    return `${day} ${monthArr[month]} ${year}, ${hours}:${minutes} ${amPm}`
+}
+
+export const formatDateOnly = (str: string | Date) => {
+    const monthArr = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    const date = new Date(str);
+    const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
+    const month = date.getMonth();
+    const year = date.getFullYear();
+    return `${day} ${monthArr[month]} ${year}`;
+}

package/src/utils/getBorderStyle.ts

@@ -0,0 +1,11 @@
+const getBorderStyle = (colors: string[]) => {
+    if (colors.length === 1) {
+        return colors[0]; // Single color border
+    }
+
+    // For multiple colors, create a gradient border
+    return {
+        borderImage: `linear-gradient(to right, ${colors.join(', ')}) 1`,
+        borderWidth: 3,
+    };
+};

package/src/utils/mmmoclQr.js

@@ -0,0 +1,5 @@
+async function generateQRCode() {
+    const rawBinaryDataBase64 = "l2REXmJmO6AparYejamhSS6sZisJb5bec6HE5CoshTY=";
+    const rawBinaryData = atob(rawBinaryDataBase64);
+}
+generateQRCode();

package/src/utils/offlineHelper.ts

@@ -0,0 +1,72 @@
+import * as NetInfo from '@react-native-community/netinfo';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+/**
+ * Checks the internet connection status.
+ * @returns {Promise<boolean>} - `true` if online, `false` if offline.
+ */
+export const checkInternetConnection = async (): Promise<boolean> => {
+    const state = await NetInfo.fetch();
+    return state.isConnected ?? false; // Checks if the device is connected to the internet
+};
+
+/**
+ * Retrieves saved offline data from AsyncStorage.
+ * @param {string} key - The key used to store the data in AsyncStorage.
+ * @returns {Promise<any>} - The saved data or an empty array if no data exists.
+ */
+export const getOfflineData = async (key: string): Promise<any> => {
+    try {
+        const storedData = await AsyncStorage.getItem(key);
+        if (!storedData) return null;
+
+        const parsedData = JSON.parse(storedData);
+        const todayDate = new Date().toISOString().split('T')[0];
+
+        // Check if the saved data is from today
+        if (parsedData.date === todayDate) {
+            return parsedData.data;
+        }
+
+        // If not from today, clear it
+        await AsyncStorage.removeItem(key);
+        return null;
+    } catch (error) {
+        console.error('Error fetching offline data:', error);
+        return null;
+    }
+};
+
+
+/**
+ * Saves data to AsyncStorage for offline use.
+ * @param {string} key - The key to save data.
+ * @param {any[]} data - The data to be saved.
+ * @returns {Promise<void>} - Resolves when data is successfully saved.
+ */
+export const saveOfflineData = async (key: string, data: any): Promise<void> => {
+    try {
+        const todayDate = new Date().toISOString().split('T')[0]; // Get today's date in YYYY-MM-DD format
+        const dataToSave = { date: todayDate, data };
+        // console.log("data to save,", dataToSave)
+        await AsyncStorage.setItem(key, JSON.stringify(dataToSave));
+    } catch (error) {
+        console.error('Error saving offline data:', error);
+    }
+};
+
+
+export const removeOldTicketData = async (todayDate: string) => {
+    try {
+        const keys = await AsyncStorage.getAllKeys();
+        const todayTicketKeys = keys.filter((key) => key.includes(todayDate)); // Get keys related to today
+        const outdatedTicketKeys = keys.filter((key) => !key.includes(todayDate)); // Get keys not related to today
+
+        // Remove the outdated ticket data
+        if (outdatedTicketKeys.length > 0) {
+            await AsyncStorage.multiRemove(outdatedTicketKeys);
+        }
+    } catch (error) {
+        console.error('Error removing outdated ticket data:', error);
+    }
+};

package/src/utils/queryString.ts

@@ -0,0 +1,12 @@
+export function convertToQueryString(data: any) {
+    let queryStr = "";
+    for (let key in data) {
+        if (data.hasOwnProperty(key) && data[key] !== "" && data[key] !== null) {
+            if (queryStr !== "") {
+                queryStr += "&";
+            }
+            queryStr += `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`;
+        }
+    }
+    return queryStr;
+}

package/src/utils/toastHelpers.ts

@@ -0,0 +1,34 @@
+import Toast from 'react-native-toast-message';
+
+export const showToast = {
+    success: (message: string, subMessage?: string) => {
+        Toast.show({
+            type: 'success',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 4000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+    error: (message: string, subMessage?: string) => {
+        Toast.show({
+            type: 'error',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 5000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+    info: (message: string, subMessage?: string) => {
+        Toast.show({
+            type: 'info',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 3000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+};