oneticket-sdk-vi 1.0.0

package/dist/src/components/common/Modals/CancellationModal.js

@@ -0,0 +1,188 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 CustomText_1 = require("../Text/CustomText");
+const Button_1 = require("../Button/Button");
+const DropdownComponent_1 = __importDefault(require("../DropdownComponent/DropdownComponent"));
+const consoleFunc_1 = require("../../../utils/consoleFunc");
+const hooks_1 = require("../../../services/apis/metro/cancelTicket/hooks");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const CloseIcon_1 = __importDefault(require("../../../assets/icons/CloseIcon"));
+const CancellationModal = ({ isCancelModalVisible, setIsCancelModalVisible, setShowCancellationDetails, transaction_id, onCancelSuccess }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const [step, setStep] = (0, react_1.useState)(1);
+    const [selectedReason, setSelectedReason] = (0, react_1.useState)(null);
+    const [showHelperText, setShowHelperText] = (0, react_1.useState)(false);
+    const [confirmCancelDetails, setConfirmCancelDetails] = (0, react_1.useState)({
+        totalPrice: 0,
+        cancellationCharges: 0,
+        refundAmound: 0
+    });
+    const cancellationReasons = [
+        { id: '1', name: 'Change of plans' },
+        { id: '2', name: 'Incorrect details' },
+        { id: '3', name: 'Found a better option' },
+        { id: '4', name: 'Other' },
+    ];
+    const closeCancel = () => {
+        setIsCancelModalVisible(false);
+        setSelectedReason(null);
+        setShowHelperText(false);
+        setStep(1);
+    };
+    const { mutateAsync: hardCancel, isPending: hardCancelLoading } = (0, hooks_1.useMutateHardCancelMetroTicket)(data => {
+        (0, consoleFunc_1.consoleFunc)("on hard cancel data", data);
+        if (data.status === 'success') {
+            setStep(3);
+            setShowCancellationDetails(true);
+        }
+        else {
+            setIsCancelModalVisible(false);
+        }
+    });
+    const { mutateAsync: softCancel, isPending: softCancelLoading } = (0, hooks_1.useMutateSoftCancelMetroTicket)(data => {
+        (0, consoleFunc_1.consoleFunc)("on soft cancel data", data);
+        if (data.status === 'success') {
+            setStep(2);
+            setShowHelperText(false);
+            setConfirmCancelDetails({
+                totalPrice: data.result.totalPrice,
+                cancellationCharges: data.result.cancellationCharges,
+                refundAmound: data.result.totalPrice - data.result.cancellationCharges,
+            });
+        }
+        else {
+            setIsCancelModalVisible(false);
+        }
+    });
+    const handleNextClick = () => {
+        if (!selectedReason) {
+            setShowHelperText(true);
+        }
+        else {
+            softCancel({ transaction_id });
+        }
+    };
+    const handleCancelTicket = () => {
+        hardCancel({ transaction_id });
+    };
+    const styles = react_native_1.StyleSheet.create({
+        modalOverlay: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        },
+        modalContainer: {
+            width: '90%',
+            backgroundColor: theme.colors.background,
+            borderRadius: (0, react_native_size_matters_1.ms)(8),
+            padding: (0, react_native_size_matters_1.ms)(20),
+            shadowColor: theme.colors.shadow,
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.25,
+            shadowRadius: (0, react_native_size_matters_1.ms)(4),
+            elevation: 5,
+        },
+        modalTitle: {
+            fontWeight: 'bold',
+            marginBottom: (0, react_native_size_matters_1.mvs)(16),
+        },
+        modalSubtitle: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(12),
+        },
+        modalText: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(8),
+        },
+        errorText: {
+            color: theme.colors.error[500],
+            marginTop: (0, react_native_size_matters_1.mvs)(8),
+        },
+        buttonRow: {
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            marginTop: (0, react_native_size_matters_1.mvs)(20),
+            gap: (0, react_native_size_matters_1.ms)(8),
+        },
+        cancelButton: {
+            borderColor: theme.colors.error[500],
+            minWidth: (0, react_native_size_matters_1.ms)(80),
+        },
+        nextButton: {
+            backgroundColor: theme.colors.error[500],
+            minWidth: (0, react_native_size_matters_1.ms)(80),
+        },
+        backButton: {
+            borderColor: theme.colors.error[500],
+            minWidth: (0, react_native_size_matters_1.ms)(80),
+        },
+        confirmButton: {
+            backgroundColor: theme.colors.error[500],
+            minWidth: (0, react_native_size_matters_1.ms)(80),
+        },
+    });
+    return (react_1.default.createElement(react_native_1.Modal, { visible: isCancelModalVisible, transparent: true, animationType: "fade", onRequestClose: closeCancel },
+        react_1.default.createElement(react_native_1.View, { style: styles.modalOverlay },
+            react_1.default.createElement(react_native_1.View, { style: styles.modalContainer }, step === 3 ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: { margin: (0, react_native_size_matters_1.ms)(-8), alignSelf: 'flex-end' }, onPress: () => {
+                        closeCancel();
+                        onCancelSuccess === null || onCancelSuccess === void 0 ? void 0 : onCancelSuccess(); // ← we’ll add this prop to tell parent to refresh
+                    } },
+                    react_1.default.createElement(CloseIcon_1.default, { color: theme.colors.text })),
+                react_1.default.createElement(react_native_1.View, { style: {
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    } },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelLarge", style: styles.modalTitle }, "Ticket Cancelled Successfully"),
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.modalText }, "The refund will be processed to your account within 2\u20133 business days.")))) : step === 2 ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelLarge", style: styles.modalTitle }, "Cancellation Confirmation"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.modalText },
+                    "Cancellation Charges: \u20B9",
+                    confirmCancelDetails.cancellationCharges),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.modalText },
+                    "Refund Amount: \u20B9",
+                    confirmCancelDetails.refundAmound),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.modalText }, "Are you sure you want to cancel this ticket?"),
+                react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', variant: "outlined", style: styles.backButton, textStyle: { color: theme.colors.error[500] }, pressedStyle: { backgroundColor: theme.colors.error[100] }, onPress: () => setStep(1) }, "Back"),
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', variant: "primary", style: styles.confirmButton, pressedStyle: { backgroundColor: theme.colors.error[800] }, onPress: handleCancelTicket, loading: hardCancelLoading, loadingText: "Processing..." }, "Confirm")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "heading3", style: styles.modalTitle }, "Cancellation Reason"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.modalSubtitle }, "Select a reason for cancellation:"),
+                react_1.default.createElement(DropdownComponent_1.default, { data: cancellationReasons, value: selectedReason, placeholder: "Choose reason", enableSearch: false, onChange: (item) => {
+                        setSelectedReason(item);
+                        setShowHelperText(false);
+                    } }),
+                showHelperText && (react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: styles.errorText }, "Please select a reason for cancellation.")),
+                react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', variant: "outlined", style: styles.cancelButton, textStyle: { color: theme.colors.error[500] }, pressedStyle: { backgroundColor: theme.colors.error[100] }, onPress: closeCancel }, "Cancel"),
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', variant: "primary", style: styles.nextButton, pressedStyle: { backgroundColor: theme.colors.error[800] }, onPress: handleNextClick, loading: softCancelLoading, loadingText: "Processing..." }, "Proceed"))))))));
+};
+exports.default = CancellationModal;

package/dist/src/components/common/Modals/IssueCategoryData.d.ts

@@ -0,0 +1,5 @@
+export declare const categories: {
+    value: string;
+    label: string;
+}[];
+export declare const subCategories: any;

package/dist/src/components/common/Modals/IssueCategoryData.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subCategories = exports.categories = void 0;
+exports.categories = [
+    { value: "ORDER", label: "Order" },
+    { value: "PAYMENT", label: "Payment" },
+    { value: "FULFILLMENT", label: "Fulfillment" },
+];
+exports.subCategories = {
+    ORDER: [
+        { key: "ORD101", value: "Ticket not generated" }
+    ],
+    PAYMENT: [
+        { key: "PMT101", value: "Refund not received" },
+        { key: "PMT102", value: "Amount deducted but payment failed" },
+        // { key: "PMT103", value: "Overpaid (RSF)" },
+        // { key: "PMT104", value: "Not paid (RSF)" },
+        // { key: "PMT105", value: "Partially paid (RSF)" },
+        // { key: "PMT106", value: "Delayed payment (RSF)" },
+    ],
+    FULFILLMENT: [
+        { key: "FLM101", value: "Ticket not working" },
+        { key: "FLM102", value: "Unable to cancel the ticket" },
+        { key: "FLM103", value: "Unable to modifying ticket details" },
+        { key: "FLM104", value: "Ticket not working - due to To & fro mismatch" }
+    ],
+};

package/dist/src/components/common/Popup/ForceUpdatePopup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ForceUpdatePopupProps {
+    visible: boolean;
+    latestVersion: string;
+    currentVersion: string;
+}
+declare const ForceUpdatePopup: React.FC<ForceUpdatePopupProps>;
+export default ForceUpdatePopup;

package/dist/src/components/common/Popup/ForceUpdatePopup.js

@@ -0,0 +1,69 @@
+"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 ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Button_1 = require("../Button/Button");
+const CustomText_1 = require("../Text/CustomText");
+const ForceUpdatePopup = ({ visible, latestVersion, currentVersion, }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const handleUpdate = () => {
+        const url = react_native_1.Platform.select({
+            android: 'https://play.google.com/store/apps/details?id=com.oneticket',
+            ios: 'itms-apps://itunes.apple.com/app/idYOUR_APP_ID',
+        });
+        if (url)
+            react_native_1.Linking.openURL(url);
+    };
+    return (react_1.default.createElement(react_native_1.Modal, { visible: visible, transparent: true, animationType: "fade", onRequestClose: () => { } },
+        react_1.default.createElement(react_native_1.View, { style: [styles.overlay, { backgroundColor: theme.colors.backdrop }] },
+            react_1.default.createElement(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.background, shadowColor: theme.colors.shadow }] },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "heading2", style: styles.title }, "Time to Update!"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: [styles.description, { color: theme.colors.textSecondary }] }, "Please update to the latest version to enjoy new features and improvements."),
+                react_1.default.createElement(Button_1.Button, { onPress: handleUpdate, variant: "primary", style: styles.button }, "Update Now"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: [styles.footerText, { color: theme.colors.textTertiary }] }, "This update is required to continue using the app")))));
+};
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: (0, react_native_size_matters_1.ms)(24),
+    },
+    container: {
+        width: '100%',
+        maxWidth: (0, react_native_size_matters_1.ms)(400),
+        borderRadius: (0, react_native_size_matters_1.ms)(12),
+        padding: (0, react_native_size_matters_1.ms)(24),
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.1,
+        shadowRadius: 6,
+        elevation: 4,
+    },
+    animation: {
+        width: (0, react_native_size_matters_1.ms)(100),
+        height: (0, react_native_size_matters_1.ms)(100),
+    },
+    title: {
+        textAlign: 'center',
+        marginBottom: (0, react_native_size_matters_1.mvs)(8),
+    },
+    description: {
+        textAlign: 'center',
+        lineHeight: (0, react_native_size_matters_1.mvs)(22),
+        marginBottom: (0, react_native_size_matters_1.mvs)(16),
+    },
+    button: {
+        marginTop: (0, react_native_size_matters_1.mvs)(20),
+        marginBottom: (0, react_native_size_matters_1.mvs)(12),
+    },
+    footerText: {
+        textAlign: 'center',
+        marginTop: (0, react_native_size_matters_1.mvs)(8),
+    },
+});
+exports.default = ForceUpdatePopup;

package/dist/src/components/common/PoweredBy/PoweredBy.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PoweredBy: () => React.JSX.Element;
+export default PoweredBy;

package/dist/src/components/common/PoweredBy/PoweredBy.js

@@ -0,0 +1,29 @@
+"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 CustomText_1 = require("../Text/CustomText");
+const hooks_1 = require("../../../services/apis/city/hooks");
+const PoweredBy = () => {
+    const { data: currentCity } = (0, hooks_1.useFetchCurrectCity)({});
+    const styles = react_native_1.StyleSheet.create({
+        poweredByContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            // backgroundColor: 'black',
+        }
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: styles.poweredByContainer },
+        react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { fontSize: 11 } }, "Powered by"),
+        react_1.default.createElement(react_native_1.Image, { source: require("../../../assets/images/short-logo.png"), alt: 'ondc-logo', style: { width: 35, height: 30 }, resizeMode: "contain" }),
+        react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { fontSize: 11 } }, ", enabled by"),
+        react_1.default.createElement(react_native_1.Image, { source: require("../../../assets/images/ondc_network_vertical.png"), alt: 'ondc-logo', style: { width: 45, height: 30 }, resizeMode: "contain" }),
+        (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) === 'std:022' && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { fontSize: 11 } }, "& supported by "),
+            react_1.default.createElement(react_native_1.Image, { source: require("../../../assets/images/mumbai_metro_line_1_logo.png"), alt: 'MITRA-logo', style: { width: 35, height: 30 }, resizeMode: "contain" })))));
+};
+exports.default = PoweredBy;

package/dist/src/components/common/QRCodeGenerator/QRCodeGenerator.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface QRCodeGeneratorProps {
+    qrCodeToken: string;
+    passengerNumber: number;
+    startStation: string;
+    destinationStation: string;
+    ticketId: string;
+    validTill: string;
+    issuedOn: string;
+    status: string;
+    showStations: boolean;
+    isCancelled: boolean;
+    isSingle?: boolean;
+    line?: string;
+    lineColors: string[];
+}
+declare const QRCodeGenerator: React.FC<QRCodeGeneratorProps>;
+export default QRCodeGenerator;

package/dist/src/components/common/QRCodeGenerator/QRCodeGenerator.js

@@ -0,0 +1,271 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 RightArrowIcon_1 = __importDefault(require("../../../assets/icons/RightArrowIcon"));
+const formatDate_1 = require("../../../utils/formatDate");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const react_native_webview_1 = __importDefault(require("react-native-webview"));
+const apiRoutes_1 = require("../../../services/apiRoutes");
+const CustomText_1 = require("../../../components/common/Text/CustomText");
+const Badge_1 = __importDefault(require("../Badge/Badge"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const QRCodeGenerator = ({ qrCodeToken, ticketId, passengerNumber, startStation, destinationStation, validTill, issuedOn, status, showStations, isCancelled, isSingle = false, line, lineColors }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
+    // const location = useCurrentLocation();
+    const [dynamicBlock, setDynamicBlock] = (0, react_1.useState)("");
+    const generateDynamicBlock = () => {
+        const currentTimeInSeconds = Math.floor(Date.now() / 1000);
+        const hexTime = currentTimeInSeconds.toString(16);
+        const lat = 12.993003;
+        const long = 77.557500;
+        return `{${hexTime}||${lat}|${long}|}`;
+    };
+    (0, react_1.useEffect)(() => {
+        if (line === "bmrcl") {
+            setDynamicBlock(generateDynamicBlock());
+            const interval = setInterval(() => {
+                setDynamicBlock(generateDynamicBlock());
+            }, 30000);
+            return () => clearInterval(interval);
+        }
+        // }, [location.latitude, location.longitude]);
+    }, []);
+    const handleSwipeDown = (event) => {
+        const { translationY } = event.nativeEvent;
+        if (translationY > 150) {
+            setIsModalOpen(false);
+        }
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.View, { style: [styles.qrContainer, { opacity: isCancelled ? 0.3 : 1 }] },
+            qrCodeToken && (react_1.default.createElement(react_native_1.View, { style: [styles.passengerBadge, {
+                        backgroundColor: theme.colors.primary[100],
+                        borderColor: theme.colors.primary[500]
+                    }] },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: [styles.passengerText, { color: theme.colors.primary[800] }] },
+                    "Passenger ",
+                    passengerNumber))),
+            showStations && (react_1.default.createElement(react_native_1.View, { style: styles.stationContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.stationText }, startStation),
+                react_1.default.createElement(react_native_1.View, { style: styles.arrowIcon },
+                    react_1.default.createElement(RightArrowIcon_1.default, { size: (0, react_native_size_matters_1.ms)(20), color: theme.colors.text })),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.stationText }, destinationStation))),
+            qrCodeToken ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_native_1.Pressable, { disabled: isCancelled, onPress: () => setIsModalOpen(true) },
+                    react_1.default.createElement(react_native_1.View, { style: [styles.webviewContainer, { backgroundColor: theme.colors.white }] },
+                        react_1.default.createElement(react_native_webview_1.default, { source: {
+                                uri: `${apiRoutes_1.basePath}/qr-page?token=${encodeURIComponent(qrCodeToken)}&line=${encodeURIComponent(line || "")}&dynamicBlock=${encodeURIComponent(dynamicBlock) || ""}`
+                            }, style: [styles.webview, { opacity: isCancelled ? 0.7 : 1 }], key: `webview-${dynamicBlock}` }))),
+                react_1.default.createElement(react_native_1.View, { style: styles.iconContainer }, lineColors === null || lineColors === void 0 ? void 0 : lineColors.map((lineColor, index) => (react_1.default.createElement(react_native_1.View, { key: `lineColor-${index}`, style: styles.iconWrapper },
+                    index === 0 && (react_1.default.createElement(react_native_1.View, { style: [styles.dot, { backgroundColor: lineColor }] })),
+                    index > 0 && index < lineColors.length && (react_1.default.createElement(react_native_1.View, { style: styles.halfDotContainer },
+                        react_1.default.createElement(react_native_1.View, { style: [styles.halfDot, {
+                                    backgroundColor: lineColors[index - 1],
+                                    borderTopLeftRadius: (0, react_native_size_matters_1.ms)(6),
+                                    borderBottomLeftRadius: (0, react_native_size_matters_1.ms)(6)
+                                }] }),
+                        react_1.default.createElement(react_native_1.View, { style: [styles.halfDot, {
+                                    backgroundColor: lineColor,
+                                    borderTopRightRadius: (0, react_native_size_matters_1.ms)(6),
+                                    borderBottomRightRadius: (0, react_native_size_matters_1.ms)(6)
+                                }] }))),
+                    index < lineColors.length && (react_1.default.createElement(react_native_1.View, { style: [
+                            styles.line,
+                            { backgroundColor: lineColor }
+                        ] })),
+                    index === lineColors.length - 1 && (react_1.default.createElement(react_native_1.View, { style: [styles.dot, { backgroundColor: lineColor }] })))))),
+                react_1.default.createElement(react_native_1.View, { style: styles.statusContainer },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2" }, "Status: "),
+                    react_1.default.createElement(Badge_1.default, { text: status, variant: status === 'SUCCESSFUL' ? 'success' : 'error' })),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.ticketId },
+                    "Ticket Id: ",
+                    ticketId || "NA"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: styles.dateText },
+                    "Issue On: ",
+                    issuedOn ? (0, formatDate_1.formatDateWithTime)(issuedOn) : "NA"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: [styles.dateText, { color: theme.colors.amber[500] }] },
+                    "Valid Till: ",
+                    validTill ? (0, formatDate_1.formatDateWithTime)(validTill) : "NA"))) : (react_1.default.createElement(react_native_1.View, { style: styles.noTicketContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { style: styles.noTicketText }, "No Tickets")))),
+        isCancelled && (react_1.default.createElement(react_native_1.View, { style: [
+                styles.cancelledBadge,
+                {
+                    backgroundColor: theme.colors.error[500],
+                    top: isSingle ? '32%' : '32%',
+                    left: isSingle ? '23%' : '36%'
+                }
+            ] },
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.cancelledText }, "Cancelled"))),
+        react_1.default.createElement(react_native_1.Modal, { visible: isModalOpen, transparent: true, animationType: "slide", onRequestClose: () => setIsModalOpen(false) },
+            react_1.default.createElement(react_native_1.View, { style: styles.modalOverlay },
+                react_1.default.createElement(react_native_1.View, { style: [styles.modalContent, { backgroundColor: theme.colors.backdrop }] },
+                    react_1.default.createElement(react_native_1.Pressable, { style: styles.closeButton, onPress: () => setIsModalOpen(false) },
+                        react_1.default.createElement(CustomText_1.CustomText, { style: styles.closeButtonText }, "\u00D7")),
+                    react_1.default.createElement(react_native_gesture_handler_1.GestureHandlerRootView, null,
+                        react_1.default.createElement(react_native_gesture_handler_1.PanGestureHandler, { onGestureEvent: handleSwipeDown },
+                            react_1.default.createElement(react_native_1.View, { style: styles.modalWebviewContainer },
+                                react_1.default.createElement(react_native_webview_1.default, { source: {
+                                        uri: `${apiRoutes_1.basePath}/qr-page?token=${encodeURIComponent(qrCodeToken)}&line=${encodeURIComponent(line || "")}&dynamicBlock=${encodeURIComponent(dynamicBlock)}`
+                                    }, style: styles.modalWebview, key: `modal-webview-${dynamicBlock}` })))))))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    qrContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    passengerBadge: {
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(12),
+        paddingVertical: (0, react_native_size_matters_1.mvs)(4),
+        borderWidth: 1,
+        borderRadius: (0, react_native_size_matters_1.ms)(16),
+        marginBottom: (0, react_native_size_matters_1.mvs)(8),
+    },
+    passengerText: {
+        fontWeight: '600',
+    },
+    stationContainer: {
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        width: '90%',
+        marginVertical: (0, react_native_size_matters_1.mvs)(4),
+    },
+    stationText: {
+        textAlign: 'center',
+        fontWeight: 'bold',
+    },
+    arrowIcon: {
+        marginHorizontal: (0, react_native_size_matters_1.ms)(2),
+        transform: 'rotate(90deg)',
+    },
+    iconContainer: {
+        width: (0, react_native_size_matters_1.ms)(200),
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: (0, react_native_size_matters_1.mvs)(8),
+    },
+    iconWrapper: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flex: 1,
+    },
+    halfDotContainer: {
+        width: (0, react_native_size_matters_1.ms)(12),
+        height: (0, react_native_size_matters_1.ms)(12),
+        flexDirection: 'row',
+    },
+    halfDot: {
+        width: '50%',
+        height: '100%',
+    },
+    dot: {
+        width: (0, react_native_size_matters_1.ms)(12),
+        height: (0, react_native_size_matters_1.ms)(12),
+        borderRadius: (0, react_native_size_matters_1.ms)(6),
+    },
+    line: {
+        height: (0, react_native_size_matters_1.ms)(3),
+        flexGrow: 1
+    },
+    webviewContainer: {
+        width: (0, react_native_size_matters_1.ms)(200),
+        height: (0, react_native_size_matters_1.mvs)(200),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(4),
+    },
+    webview: {
+        flex: 1,
+    },
+    statusContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: (0, react_native_size_matters_1.mvs)(12),
+    },
+    ticketId: {
+        marginVertical: (0, react_native_size_matters_1.mvs)(12),
+    },
+    dateText: {
+        marginBottom: (0, react_native_size_matters_1.mvs)(4),
+        fontWeight: 'bold',
+    },
+    noTicketContainer: {
+        marginVertical: (0, react_native_size_matters_1.mvs)(20),
+    },
+    noTicketText: {
+        textAlign: 'center',
+    },
+    cancelledBadge: {
+        position: 'absolute',
+        borderRadius: (0, react_native_size_matters_1.ms)(6),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(16),
+        paddingVertical: (0, react_native_size_matters_1.mvs)(8),
+        // transform: [{ translateX: -ms(25) }, { translateY: -mvs(25) }],
+        zIndex: 1,
+    },
+    cancelledText: {
+        color: 'white',
+        fontWeight: 'bold',
+    },
+    modalOverlay: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    },
+    modalContent: {
+        height: '50%',
+        width: '90%',
+        borderRadius: (0, react_native_size_matters_1.ms)(8),
+        overflow: 'hidden',
+    },
+    closeButton: {
+        position: 'absolute',
+        right: (0, react_native_size_matters_1.ms)(12),
+        top: (0, react_native_size_matters_1.ms)(12),
+        zIndex: 1,
+    },
+    closeButtonText: {
+        fontSize: (0, react_native_size_matters_1.ms)(24),
+        color: 'black',
+    },
+    modalWebviewContainer: {
+        height: '100%',
+        justifyContent: 'center',
+    },
+    modalWebview: {
+        flex: 1,
+    },
+});
+exports.default = QRCodeGenerator;

package/dist/src/components/common/SplashScreen/SplashScreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SplashScreen: () => React.JSX.Element;
+export default SplashScreen;