oneticket-sdk-vi 1.0.0

package/dist/src/screens/metro/BuyTicket/BuyTicketScreen.js

@@ -0,0 +1,327 @@
+"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 native_1 = require("@react-navigation/native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Header_1 = __importDefault(require("../../../components/common/Header/Header"));
+const hooks_1 = require("../../../services/apis/metro/payment/hooks");
+const react_native_razorpay_1 = __importDefault(require("react-native-razorpay"));
+const FullScreenLoader_1 = __importDefault(require("../../../components/common/Loaders/FullScreenLoader"));
+const MetroStack_1 = require("../../../navigation/metro/MetroStack");
+const MetroWithTabsStack_1 = require("../../../navigation/metro/MetroWithTabsStack");
+const MetroTabs_1 = require("../../../navigation/metro/MetroTabs");
+const hooks_2 = require("../../../services/apis/metro/ticketInit/hooks");
+const hooks_3 = require("../../../services/apis/metro/confirmTicket/hooks");
+const Button_1 = require("../../../components/common/Button/Button");
+const Input_1 = require("../../../components/common/Input/Input");
+const CustomText_1 = require("../../../components/common/Text/CustomText");
+const MinusIcon_1 = __importDefault(require("../../../assets/icons/MinusIcon"));
+const PlusIcon_1 = __importDefault(require("../../../assets/icons/PlusIcon"));
+const RightArrowIcon_1 = __importDefault(require("../../../assets/icons/RightArrowIcon"));
+const apiRoutes_1 = require("../../../services/apiRoutes");
+const react_native_toast_message_1 = __importDefault(require("react-native-toast-message"));
+const BuyTicketScreen = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, goBack } = (0, native_1.useNavigation)();
+    const { params: { startStation, destinationStation, item, cityCode, isSingleProvider }, } = (0, native_1.useRoute)();
+    const singleTicketPrice = item.providers.reduce((last, curr) => last + curr.price, 0);
+    const [ticketCount, setTicketCount] = (0, react_1.useState)(1);
+    const [isNavigating, setIsNavigating] = (0, react_1.useState)(false);
+    const { mutateAsync: errorPayment, isPending: errorPaymentLoading } = (0, hooks_1.useMutateErrorPayment)(data => {
+        navigate(MetroStack_1.MetroScreens.MetroTabs, { screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack, params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, params: { from: "", to: "" } } });
+    });
+    const { mutateAsync: confirmMetroTicket, isPending: confirmMetroTicketLoading } = (0, hooks_3.useMutateConfirmMetroTicket)(data => {
+        if (data.status === 'success') {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, { screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack, params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.TicketDetails, params: { transaction_id: data.transaction_id } } });
+        }
+        else {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, { screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack, params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, params: { from: "", to: "" } } });
+        }
+    });
+    const { mutateAsync: verifyPayment, isPending: verifyPaymentLoading } = (0, hooks_1.useMutateVerifyPayment)(data => {
+        if (data.status === 'success') {
+            confirmMetroTicket({ transaction_id: data.payment.transaction_id });
+        }
+        else {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, { screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack, params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, params: { from: "", to: "" } } });
+        }
+    });
+    const { mutateAsync: createPayment, isPending: createPaymentLoading } = (0, hooks_1.useMutateCreatePayment)(data => {
+        if (data.status === 'success') {
+            var options = {
+                description: 'Buying Metro Ticket',
+                image: 'https://demo-poc.sequelstring.com/img/OneTicketNewBlueLogo2.png',
+                currency: data.payment.currency,
+                key: apiRoutes_1.basePath === 'https://oneticket-prod-dashboard.sequelstring.com' ? 'rzp_live_BKsuyzOrglbstC' : 'rzp_test_vGU9oC6GAmkRFL',
+                amount: data.payment.amount,
+                name: 'OneTicket',
+                order_id: data.payment.order_id,
+                prefill: {
+                    email: '',
+                    contact: '',
+                    name: ''
+                },
+                theme: { color: `${theme.colors.primary[500]}` }
+                // theme: { color: '#14b8a6' }
+            };
+            react_native_razorpay_1.default.open(options).then((data) => {
+                verifyPayment({
+                    razorpay_order_id: data.razorpay_order_id,
+                    razorpay_payment_id: data.razorpay_payment_id,
+                    razorpay_signature: data.razorpay_signature
+                });
+            }).catch((error) => {
+                errorPayment({ order_id: data.payment.order_id, error });
+            });
+        }
+    });
+    const { mutateAsync: initMetroTicketV2, isPending: initMetroTicketV2Loading, } = (0, hooks_2.useMutateInitMetroTicketV2)(data => {
+        if (data.status === 'success') {
+            createPayment({ transaction_id: data.transaction_id, amount: singleTicketPrice * ticketCount });
+        }
+        else {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, { screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack, params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, params: { from: "", to: "" } } });
+        }
+    });
+    (0, native_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        const onBackPress = () => {
+            if (isSingleProvider) {
+                navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                    screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                    params: {
+                        screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                        params: { from: "", to: "" },
+                    },
+                });
+            }
+            else {
+                goBack();
+            }
+            return true;
+        };
+        const subscription = react_native_1.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+        return () => {
+            var _a;
+            if (typeof (subscription === null || subscription === void 0 ? void 0 : subscription.remove) === 'function') {
+                subscription.remove();
+            }
+            else {
+                (_a = react_native_1.BackHandler.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(react_native_1.BackHandler, 'hardwareBackPress', onBackPress); // ✅ Fallback for older RN
+            }
+        };
+    }, [navigate, isSingleProvider]));
+    const increaseTicketCount = () => {
+        if (ticketCount < item.maximumTicketAvi) {
+            setTicketCount(ticketCount + 1);
+        }
+        else {
+            react_native_toast_message_1.default.show({
+                text1: `Maximum ${item.maximumTicketAvi} passengers tickets are allowed per transaction`,
+                type: "info"
+            });
+        }
+        ;
+    };
+    const decreaseTicketCount = () => {
+        if (ticketCount > 1)
+            setTicketCount(ticketCount - 1);
+    };
+    const handleProceedClick = () => {
+        const payloadData = {
+            itemName: item.itemName,
+            cityCode,
+            ticketCount,
+            startStation,
+            destinationStation,
+            providers: item.providers,
+        };
+        setIsNavigating(true);
+        initMetroTicketV2(payloadData);
+    };
+    if (verifyPaymentLoading || errorPaymentLoading || confirmMetroTicketLoading || isNavigating) {
+        return react_1.default.createElement(FullScreenLoader_1.default, null);
+    }
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.background }] },
+        react_1.default.createElement(Header_1.default, { showBackButton: true, onBackPress: () => {
+                if (isSingleProvider) {
+                    navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                        screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                        params: {
+                            screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                            params: { from: "", to: "" }
+                        }
+                    });
+                }
+                else {
+                    goBack();
+                }
+            }, title: 'Buy Ticket' }),
+        react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false },
+            react_1.default.createElement(react_native_1.View, { style: styles.contentContainer },
+                react_1.default.createElement(react_native_1.View, null,
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "From"),
+                    react_1.default.createElement(Input_1.Input, { value: startStation, readOnly: true, variant: "filled", containerStyle: { borderColor: theme.colors.border } })),
+                react_1.default.createElement(react_native_1.View, null,
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "To"),
+                    react_1.default.createElement(Input_1.Input, { value: destinationStation, readOnly: true, variant: "filled", containerStyle: { borderColor: theme.colors.border } }),
+                    react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.border }] })),
+                react_1.default.createElement(react_native_1.View, { style: styles.rowSpaceBetween },
+                    react_1.default.createElement(react_native_1.View, null,
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Ticket Type"),
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: { color: theme.colors.primary[500] } }, item.itemName)),
+                    react_1.default.createElement(react_native_1.View, null,
+                        react_1.default.createElement(react_native_1.View, { style: styles.counterContainer },
+                            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: decreaseTicketCount, disabled: ticketCount === 1, style: [
+                                    styles.counterButton,
+                                    {
+                                        borderColor: theme.colors.primary[500],
+                                        opacity: ticketCount === 1 ? 0.5 : 1
+                                    }
+                                ] },
+                                react_1.default.createElement(MinusIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.primary[500] })),
+                            react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.counterText }, ticketCount),
+                            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: increaseTicketCount, 
+                                // disabled={ticketCount === item.maximumTicketAvi}
+                                style: [
+                                    styles.counterButton,
+                                    {
+                                        borderColor: theme.colors.primary[500],
+                                        opacity: ticketCount === item.maximumTicketAvi ? 0.5 : 1
+                                    }
+                                ] },
+                                react_1.default.createElement(PlusIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.primary[500] }))))),
+                item.providers.length > 1 ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(react_native_1.View, null,
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Fare Breakdown"),
+                        react_1.default.createElement(react_native_1.View, null,
+                            item.providers.map((provider, index) => (react_1.default.createElement(react_native_1.View, { key: index, style: styles.fareRow },
+                                react_1.default.createElement(react_native_1.View, { style: styles.stationRoute },
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2" }, provider.startStationName),
+                                    react_1.default.createElement(RightArrowIcon_1.default, { size: (0, react_native_size_matters_1.ms)(14) }),
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2" }, provider.destinationStationName)),
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2" },
+                                    "\u20B9",
+                                    provider.price.toFixed(2))))),
+                            react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.border }] }),
+                            react_1.default.createElement(react_native_1.View, { style: styles.totalRow },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.totalLabel }, "Total per integrated ticket"),
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.totalPrice },
+                                    "\u20B9",
+                                    singleTicketPrice.toFixed(2))))),
+                    react_1.default.createElement(react_native_1.View, { style: [styles.rowSpaceBetween, styles.totalAmountContainer, { alignItems: 'baseline' }] },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Total Amount"),
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "heading3", style: { color: theme.colors.primary[600] } },
+                            "\u20B9",
+                            (ticketCount * singleTicketPrice).toFixed(2))))) : (react_1.default.createElement(react_native_1.View, { style: [styles.rowSpaceBetween, { marginTop: (0, react_native_size_matters_1.mvs)(16) }] },
+                    react_1.default.createElement(react_native_1.View, null,
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Fare"),
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "body2" },
+                            "\u20B9",
+                            singleTicketPrice,
+                            " per ticket")),
+                    react_1.default.createElement(react_native_1.View, null,
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Total Amount"),
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "heading3", style: { color: theme.colors.primary[600] } },
+                            "\u20B9",
+                            (ticketCount * singleTicketPrice).toFixed(2)))))),
+            react_1.default.createElement(Button_1.Button, { loading: initMetroTicketV2Loading || createPaymentLoading, disabled: initMetroTicketV2Loading || createPaymentLoading, variant: "primary", style: styles.proceedButton, onPress: handleProceedClick }, "Proceed to Pay"))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
+    },
+    contentContainer: {
+        flex: 1,
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(24),
+        paddingVertical: (0, react_native_size_matters_1.mvs)(16),
+    },
+    label: {
+        marginBottom: (0, react_native_size_matters_1.mvs)(8),
+    },
+    disabledInput: {
+        borderWidth: 1,
+    },
+    divider: {
+        height: 1,
+        marginVertical: (0, react_native_size_matters_1.mvs)(16),
+    },
+    rowSpaceBetween: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'flex-start',
+        marginBottom: (0, react_native_size_matters_1.mvs)(8)
+    },
+    counterContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        alignSelf: 'flex-end'
+    },
+    counterButton: {
+        borderWidth: 1,
+        borderRadius: (0, react_native_size_matters_1.ms)(100),
+        padding: (0, react_native_size_matters_1.ms)(4),
+    },
+    counterText: {
+        marginHorizontal: (0, react_native_size_matters_1.ms)(16),
+    },
+    fareRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginBottom: (0, react_native_size_matters_1.mvs)(4),
+    },
+    stationRoute: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flex: 1,
+        flexWrap: 'wrap',
+    },
+    totalRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    totalLabel: {
+        fontWeight: '500',
+    },
+    totalPrice: {
+        fontWeight: '500',
+    },
+    totalAmountContainer: {
+        alignItems: 'center',
+    },
+    proceedButton: {
+        marginHorizontal: (0, react_native_size_matters_1.ms)(24),
+        marginVertical: (0, react_native_size_matters_1.mvs)(16),
+    },
+});
+exports.default = BuyTicketScreen;

package/dist/src/screens/metro/ChooseStation/ChooseStation.d.ts

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

package/dist/src/screens/metro/ChooseStation/ChooseStation.js

@@ -0,0 +1,24 @@
+"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 Search_1 = __importDefault(require("./Components/Search"));
+const StationList_1 = __importDefault(require("./Components/StationList"));
+const ChooseStation = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.background }] },
+        react_1.default.createElement(Search_1.default, null),
+        react_1.default.createElement(StationList_1.default, null)));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingTop: (0, react_native_size_matters_1.ms)(3),
+    },
+});
+exports.default = ChooseStation;

package/dist/src/screens/metro/ChooseStation/ChooseStationContext.d.ts

@@ -0,0 +1,11 @@
+import React, { Dispatch, SetStateAction } from "react";
+interface ChooseStationContextProps {
+    search: string;
+    setSearch: Dispatch<SetStateAction<string>>;
+}
+interface props {
+    children: React.ReactNode;
+}
+export declare const ChooseStationProvider: ({ children }: props) => React.JSX.Element;
+export declare const useChooseStationContext: () => ChooseStationContextProps;
+export {};

package/dist/src/screens/metro/ChooseStation/ChooseStationContext.js

@@ -0,0 +1,43 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChooseStationContext = exports.ChooseStationProvider = void 0;
+const react_1 = __importStar(require("react"));
+const ChooseStationContext = (0, react_1.createContext)(undefined);
+const ChooseStationProvider = ({ children }) => {
+    const [search, setSearch] = (0, react_1.useState)('');
+    return (react_1.default.createElement(ChooseStationContext.Provider, { value: {
+            search, setSearch
+        } }, children));
+};
+exports.ChooseStationProvider = ChooseStationProvider;
+const useChooseStationContext = () => {
+    const context = (0, react_1.useContext)(ChooseStationContext);
+    if (!context) {
+        throw new Error('useChooseStationContext must be used within a ChooseStationProvider');
+    }
+    return context;
+};
+exports.useChooseStationContext = useChooseStationContext;

package/dist/src/screens/metro/ChooseStation/Components/Search.d.ts

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

package/dist/src/screens/metro/ChooseStation/Components/Search.js

@@ -0,0 +1,74 @@
+"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 ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const ChooseStationContext_1 = require("../ChooseStationContext");
+const BackIcon_1 = __importDefault(require("../../../../assets/icons/BackIcon"));
+const native_1 = require("@react-navigation/native");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Input_1 = require("../../../../components/common/Input/Input");
+const CloseIcon_1 = __importDefault(require("../../../../assets/icons/CloseIcon"));
+const Search = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { search, setSearch } = (0, ChooseStationContext_1.useChooseStationContext)();
+    const { goBack } = (0, native_1.useNavigation)();
+    const inputRef = (0, react_1.useRef)(null);
+    console.log('search', search);
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            if (inputRef.current) {
+                inputRef.current.focus();
+            }
+        }, 100);
+    }, []);
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container] },
+        react_1.default.createElement(Input_1.Input, { variant: 'filled', ref: inputRef, placeholder: "Search", value: search, onChangeText: setSearch, leftIcon: react_1.default.createElement(react_native_1.Pressable, { onPress: goBack, style: ({ pressed }) => [
+                    styles.backButton,
+                    {
+                        backgroundColor: pressed ? theme.colors.backdrop : 'transparent',
+                        borderRadius: (0, react_native_size_matters_1.ms)(100),
+                    }
+                ] },
+                react_1.default.createElement(BackIcon_1.default, { color: theme.colors.text })), rightIcon: search.length > 0 && (react_1.default.createElement(react_native_1.Pressable, { onPress: () => setSearch(''), style: ({ pressed }) => ({
+                    opacity: pressed ? 0.6 : 1
+                }) },
+                react_1.default.createElement(CloseIcon_1.default, { size: (0, react_native_size_matters_1.ms)(24), color: theme.colors.text }))) })));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginTop: (0, react_native_size_matters_1.mvs)(12),
+        marginHorizontal: (0, react_native_size_matters_1.ms)(12)
+    },
+    backButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+exports.default = Search;

package/dist/src/screens/metro/ChooseStation/Components/StationList.d.ts

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

package/dist/src/screens/metro/ChooseStation/Components/StationList.js

@@ -0,0 +1,114 @@
+"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 hooks_1 = require("../../../../services/apis/city/hooks");
+const hooks_2 = require("../../../../services/apis/metro/stations/hooks");
+const ChooseStationContext_1 = require("../ChooseStationContext");
+const native_1 = require("@react-navigation/native");
+const AuthStack_1 = require("../../../../navigation/AuthStack");
+const MetroStack_1 = require("../../../../navigation/metro/MetroStack");
+const MetroTabs_1 = require("../../../../navigation/metro/MetroTabs");
+const MetroWithTabsStack_1 = require("../../../../navigation/metro/MetroWithTabsStack");
+const FullScreenLoader_1 = __importDefault(require("../../../../components/common/Loaders/FullScreenLoader"));
+const CustomText_1 = require("../../../../components/common/Text/CustomText");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const StationList = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { params: { type, from, to } } = (0, native_1.useRoute)();
+    const { search } = (0, ChooseStationContext_1.useChooseStationContext)();
+    const { data: currentCity, isLoading: currentCityLoading } = (0, hooks_1.useFetchCurrectCity)({});
+    const { data: stations, isLoading: stationsLoading } = (0, hooks_2.useFetchGetMetroStations)({
+        cityCode: (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) || "std:011"
+    });
+    const stationsData = () => {
+        if (!(stations === null || stations === void 0 ? void 0 : stations.stations))
+            return [];
+        return stations.stations.filter(s => {
+            let condition;
+            if (from) {
+                condition = (s.name.toLowerCase().trim().includes(search.toLowerCase().trim()) && from !== s.name);
+            }
+            else {
+                condition = s.name.toLowerCase().trim().includes(search.toLowerCase().trim());
+            }
+            return condition;
+        }) || [];
+    };
+    const handleStationClick = (name) => {
+        if (type === "FROM") {
+            navigate(AuthStack_1.AuthScreens.MetroStack, {
+                screen: MetroStack_1.MetroScreens.MetroTabs,
+                params: {
+                    screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                    params: {
+                        screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                        params: { from: name, to: to !== name ? to : undefined }
+                    }
+                }
+            });
+        }
+        else {
+            navigate(AuthStack_1.AuthScreens.MetroStack, {
+                screen: MetroStack_1.MetroScreens.MetroTabs,
+                params: {
+                    screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                    params: {
+                        screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                        params: { from, to: name }
+                    }
+                }
+            });
+        }
+    };
+    if (currentCityLoading || stationsLoading) {
+        return react_1.default.createElement(FullScreenLoader_1.default, null);
+    }
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, {
+                backgroundColor: theme.colors.background,
+                paddingHorizontal: (0, react_native_size_matters_1.ms)(20),
+                // marginTop: mvs(8),
+                paddingVertical: (0, react_native_size_matters_1.mvs)(2),
+            }] },
+        react_1.default.createElement(react_native_1.FlatList, { data: stationsData(), keyExtractor: (item, index) => item.name, keyboardShouldPersistTaps: "always", renderItem: ({ item }) => {
+                var _a;
+                return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => handleStationClick(item.name) },
+                    react_1.default.createElement(react_native_1.View, { style: styles.itemContainer },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.stationName }, item.name),
+                        react_1.default.createElement(react_native_1.View, { style: styles.lineColorsContainer }, (_a = item.lineColor) === null || _a === void 0 ? void 0 : _a.map((color, index) => (react_1.default.createElement(react_native_1.View, { key: color, style: [styles.dot, { backgroundColor: color }] }))))),
+                    react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.border }] })));
+            }, showsVerticalScrollIndicator: false })));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    itemContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingVertical: (0, react_native_size_matters_1.mvs)(12),
+    },
+    stationName: {
+        fontWeight: '500',
+    },
+    lineColorsContainer: {
+        flexDirection: 'row',
+        gap: (0, react_native_size_matters_1.ms)(4)
+    },
+    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),
+    },
+    divider: {
+        height: 1,
+        marginTop: (0, react_native_size_matters_1.mvs)(4),
+    },
+});
+exports.default = StationList;

package/dist/src/screens/metro/ChooseStation/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/src/screens/metro/ChooseTicketTypeScreen.d.ts

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