oneticket-sdk-vi 1.0.0

package/dist/src/theme/components/Input.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputStyles = void 0;
+exports.inputStyles = {
+    borderRadius: 8,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    height: 48,
+    variants: {
+        default: {
+            backgroundColor: 'surface',
+            borderColor: 'border',
+        },
+        filled: {
+            backgroundColor: 'surfaceVariant',
+            borderColor: 'transparent',
+        },
+        outlined: {
+            backgroundColor: 'transparent',
+            borderColor: 'primary.500',
+        },
+    },
+    textStyle: {
+        fontSize: 14,
+        color: 'text',
+    },
+    placeholderTextColor: 'textTertiary',
+};

package/dist/src/theme/elevation.d.ts

@@ -0,0 +1,2 @@
+import { ThemeElevation } from './types';
+export declare const elevation: ThemeElevation;

package/dist/src/theme/elevation.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.elevation = void 0;
+exports.elevation = {
+    level0: {
+        elevation: 0,
+        shadowColor: 'transparent',
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0,
+        shadowRadius: 0,
+    },
+    level1: {
+        elevation: 1,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.18,
+        shadowRadius: 1.0,
+    },
+    level2: {
+        elevation: 3,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.2,
+        shadowRadius: 1.41,
+    },
+    level3: {
+        elevation: 6,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.27,
+        shadowRadius: 4.65,
+    },
+    level4: {
+        elevation: 8,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 4.65,
+    },
+    level5: {
+        elevation: 12,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.37,
+        shadowRadius: 7.49,
+    },
+};

package/dist/src/theme/icons.d.ts

@@ -0,0 +1,2 @@
+import { ThemeIcons } from './types';
+export declare const icons: ThemeIcons;

package/dist/src/theme/icons.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.icons = void 0;
+exports.icons = {
+    tiny: 12,
+    small: 16,
+    medium: 24,
+    large: 32,
+    xlarge: 40,
+    xxlarge: 48,
+    colors: {
+        active: '#008080',
+        inactive: '#9e9e9e',
+        disabled: '#bdbdbd',
+    },
+};

package/dist/src/theme/index.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from './types';
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+export type AppTheme = typeof lightTheme;

package/dist/src/theme/index.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = exports.lightTheme = void 0;
+const colors_1 = require("./colors");
+const spacing_1 = require("./spacing");
+const typography_1 = require("./typography");
+const elevation_1 = require("./elevation");
+const icons_1 = require("./icons");
+const animations_1 = require("./animations");
+const Button_1 = require("./components/Button");
+const Input_1 = require("./components/Input");
+const Card_1 = require("./components/Card");
+const Chip_1 = require("./components/Chip");
+const Badge_1 = require("./components/Badge");
+// import { inputStyles } from './components/Input';
+// import { cardStyles } from './components/Card';
+// import { chipStyles } from './components/Chip';
+// import { badgeStyles } from './components/Badge';
+exports.lightTheme = {
+    colors: colors_1.lightColors,
+    spacing: spacing_1.spacing,
+    typography: typography_1.typography,
+    elevation: elevation_1.elevation,
+    icons: icons_1.icons,
+    animations: animations_1.animations,
+    components: {
+        button: Button_1.buttonStyles,
+        input: Input_1.inputStyles,
+        card: Card_1.cardStyles,
+        chip: Chip_1.chipStyles,
+        badge: Badge_1.badgeStyles,
+    },
+    roundness: 8,
+    config: {
+        useSystemColorMode: true,
+        initialColorMode: 'light',
+    },
+};
+exports.darkTheme = {
+    colors: colors_1.darkColors,
+    spacing: spacing_1.spacing,
+    typography: typography_1.typography,
+    elevation: elevation_1.elevation,
+    icons: icons_1.icons,
+    animations: animations_1.animations,
+    components: {
+        button: Button_1.buttonStyles,
+        input: Input_1.inputStyles,
+        card: Card_1.cardStyles,
+        chip: Chip_1.chipStyles,
+        badge: Badge_1.badgeStyles,
+    },
+    roundness: 8,
+    config: {
+        useSystemColorMode: true,
+        initialColorMode: 'dark',
+    },
+};

package/dist/src/theme/spacing.d.ts

@@ -0,0 +1,2 @@
+import { ThemeSpacing } from './types';
+export declare const spacing: ThemeSpacing;

package/dist/src/theme/spacing.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacing = void 0;
+exports.spacing = {
+    none: 0,
+    xxs: 2,
+    xs: 4,
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 32,
+    xxl: 48,
+    xxxl: 64,
+};

package/dist/src/theme/types.d.ts

@@ -0,0 +1,236 @@
+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 {
+    white: string;
+    black: string;
+    transparent: string;
+    lightText: string;
+    darkText: string;
+    primary: ColorPalette;
+    rose: ColorPalette;
+    blue: ColorPalette;
+    emerald: ColorPalette;
+    amber: ColorPalette;
+    gray: ColorPalette;
+    coolGray: ColorPalette;
+    danger: ColorPalette;
+    error: ColorPalette;
+    success: ColorPalette;
+    warning: ColorPalette;
+    muted: ColorPalette;
+    info: ColorPalette;
+    secondary: ColorPalette;
+    tertiary: ColorPalette;
+    background: string;
+    surface: string;
+    surfaceVariant: string;
+    text: string;
+    text2: string;
+    textSecondary: string;
+    textTertiary: string;
+    textOnPrimary: string;
+    textOnSecondary: string;
+    border: string;
+    borderLight: string;
+    borderDark: string;
+    shadow: string;
+    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;
+    };
+}
+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/dist/src/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/theme/typography.d.ts

@@ -0,0 +1,2 @@
+import { ThemeTypography } from './types';
+export declare const typography: ThemeTypography;

package/dist/src/theme/typography.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typography = void 0;
+exports.typography = {
+    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/dist/src/theme/utils.d.ts

@@ -0,0 +1,3 @@
+import { ColorValue } from 'react-native';
+import { AppTheme } from '.';
+export declare const resolveThemeColor: (theme: AppTheme, color?: ColorValue) => ColorValue | undefined;

package/dist/src/theme/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveThemeColor = void 0;
+const resolveThemeColor = (theme, color) => {
+    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 = 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;
+};
+exports.resolveThemeColor = resolveThemeColor;

package/dist/src/utils/consoleFunc.d.ts

@@ -0,0 +1 @@
+export declare const consoleFunc: (...args: any[]) => void;

package/dist/src/utils/consoleFunc.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.consoleFunc = void 0;
+const consoleFunc = (...args) => {
+    console.log(...args.map((arg) => JSON.stringify(arg, null, 2)));
+};
+exports.consoleFunc = consoleFunc;

package/dist/src/utils/delayApis.d.ts

@@ -0,0 +1 @@
+export declare const delay: (ms: number) => Promise<unknown>;

package/dist/src/utils/delayApis.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.delay = void 0;
+const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+exports.delay = delay;

package/dist/src/utils/faqData.d.ts

@@ -0,0 +1,8 @@
+type FAQItem = {
+    id: string;
+    question: string;
+    answer: string;
+    category: 'booking' | 'payment' | 'tickets' | 'account' | 'refunds';
+};
+export declare const faqData: FAQItem[];
+export {};

package/dist/src/utils/faqData.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.faqData = void 0;
+exports.faqData = [
+    {
+        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/dist/src/utils/formatDate.d.ts

@@ -0,0 +1,2 @@
+export declare const formatDateWithTime: (str: string | Date) => string;
+export declare const formatDateOnly: (str: string | Date) => string;

package/dist/src/utils/formatDate.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateOnly = exports.formatDateWithTime = void 0;
+const formatDateWithTime = (str) => {
+    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}`;
+};
+exports.formatDateWithTime = formatDateWithTime;
+const formatDateOnly = (str) => {
+    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}`;
+};
+exports.formatDateOnly = formatDateOnly;