oneticket-sdk-vi 1.0.0

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

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

package/dist/src/screens/metro/RecentTransactionScreen.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 native_1 = require("@react-navigation/native");
+const Header_1 = __importDefault(require("../../components/common/Header/Header"));
+const hooks_1 = require("../../services/apis/transaction/hooks");
+const FooterComponentFlatList_1 = __importDefault(require("../../components/common/Loaders/FooterComponentFlatList"));
+const Loader_1 = __importDefault(require("../../components/common/Loaders/Loader"));
+const MetroWithTabsStack_1 = require("../../navigation/metro/MetroWithTabsStack");
+const MetroStack_1 = require("../../navigation/metro/MetroStack");
+const RecentCard_1 = __importDefault(require("../../components/common/Cards/RecentCard"));
+const MetroTabs_1 = require("../../navigation/metro/MetroTabs");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const EmptyState_1 = __importDefault(require("../../components/common/EmptyState/EmptyState"));
+const RecentTransactionScreen = () => {
+    var _a, _b;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { params: { cityCode } } = (0, native_1.useRoute)();
+    const { data: recentTransactions, isPending: recentTransactionsLoading, fetchNextPage, isFetchingNextPage, refetch, isRefetching, } = (0, hooks_1.useFetchGetRecentTransactions)({
+        cityCode: cityCode || ''
+    });
+    const recentTransactionsData = (((_b = (_a = recentTransactions === null || recentTransactions === void 0 ? void 0 : recentTransactions.pages) === null || _a === void 0 ? void 0 : _a.map((page) => (page === null || page === void 0 ? void 0 : page.result) || [])) === null || _b === void 0 ? void 0 : _b.flat()) || []);
+    const handleRecentTransactionPress = (item) => {
+        navigate(MetroStack_1.MetroScreens.ChooseTicketType, {
+            startStation: item.startStation,
+            destinationStation: item.destinationStation,
+            cityCode: cityCode || ''
+        });
+    };
+    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, showHomeButton: false, onBackPress: () => navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                params: { screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, params: { from: "", to: "" } }
+            }), title: "My Recent Journeys" }),
+        recentTransactionsLoading ? (react_1.default.createElement(Loader_1.default, null)) : (react_1.default.createElement(react_native_1.FlatList, { data: recentTransactionsData, ListEmptyComponent: react_1.default.createElement(EmptyState_1.default
+            // image={require('../../assets/images/NoData.png')}
+            , { 
+                // image={require('../../assets/images/NoData.png')}
+                image: require('../../assets/images/NoDataNewTheme.png'), title: "No Issues" }), keyExtractor: (item, index) => index.toString(), contentContainerStyle: styles.listContent, renderItem: ({ item }) => (react_1.default.createElement(RecentCard_1.default, { item: item, onPress: handleRecentTransactionPress })), onEndReachedThreshold: 0.1, onEndReached: () => fetchNextPage(), ListFooterComponent: react_1.default.createElement(FooterComponentFlatList_1.default, { isFetchingNextPage: isFetchingNextPage }), refreshControl: react_1.default.createElement(react_native_1.RefreshControl, { refreshing: isRefetching, onRefresh: refetch }) }))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    emptyContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: (0, react_native_size_matters_1.mvs)(40),
+    },
+    emptyImage: {
+        width: (0, react_native_size_matters_1.ms)(300),
+        height: (0, react_native_size_matters_1.mvs)(250),
+        alignSelf: 'center',
+    },
+    emptyText: {
+        marginTop: (0, react_native_size_matters_1.mvs)(16),
+    },
+    listContent: {
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(16),
+        paddingTop: (0, react_native_size_matters_1.mvs)(16),
+    },
+});
+exports.default = RecentTransactionScreen;

package/dist/src/screens/metro/SelectStations/Components/FooterButton.d.ts

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

package/dist/src/screens/metro/SelectStations/Components/FooterButton.js

@@ -0,0 +1,35 @@
+"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 SelectStationContext_1 = require("../SelectStationContext");
+const native_1 = require("@react-navigation/native");
+const MetroStack_1 = require("../../../../navigation/metro/MetroStack");
+const Button_1 = require("../../../../components/common/Button/Button");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const react_native_1 = require("react-native");
+const FooterButton = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { currentCity } = (0, SelectStationContext_1.useSelectedStationsContext)();
+    const { params } = (0, native_1.useRoute)();
+    const handleProceed = () => {
+        navigate(MetroStack_1.MetroScreens.ChooseTicketType, {
+            startStation: (params === null || params === void 0 ? void 0 : params.from) || "",
+            destinationStation: (params === null || params === void 0 ? void 0 : params.to) || "",
+            cityCode: (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) || "std:011",
+        });
+    };
+    const isDisabled = !(params === null || params === void 0 ? void 0 : params.from) || !(params === null || params === void 0 ? void 0 : params.to);
+    return (react_1.default.createElement(Button_1.Button, { variant: "primary", size: 'lg', onPress: handleProceed, disabled: isDisabled, style: styles.button }, "Proceed"));
+};
+const styles = react_native_1.StyleSheet.create({
+    button: {
+        marginTop: (0, react_native_size_matters_1.mvs)(16),
+        marginBottom: (0, react_native_size_matters_1.mvs)(16),
+    },
+});
+exports.default = FooterButton;

package/dist/src/screens/metro/SelectStations/Components/RecentTransactions.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface RecentTransactionsDataProps {
+    recentTransactionsData: {
+        startStation: string;
+        destinationStation: string;
+        createdAt: string;
+    }[];
+}
+declare const RecentTransactions: ({ recentTransactionsData }: RecentTransactionsDataProps) => React.JSX.Element | null;
+export default RecentTransactions;

package/dist/src/screens/metro/SelectStations/Components/RecentTransactions.js

@@ -0,0 +1,52 @@
+"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 native_1 = require("@react-navigation/native");
+const MetroStack_1 = require("../../../../navigation/metro/MetroStack");
+const SelectStationContext_1 = require("../SelectStationContext");
+const RecentCard_1 = __importDefault(require("../../../../components/common/Cards/RecentCard"));
+const CustomText_1 = require("../../../../components/common/Text/CustomText");
+const Button_1 = require("../../../../components/common/Button/Button");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const RecentTransactions = ({ recentTransactionsData }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { currentCity } = (0, SelectStationContext_1.useSelectedStationsContext)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const handleRecentTransactionPress = (item) => {
+        navigate(MetroStack_1.MetroScreens.ChooseTicketType, {
+            startStation: item.startStation,
+            destinationStation: item.destinationStation,
+            cityCode: (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) || ''
+        });
+    };
+    if (!(recentTransactionsData === null || recentTransactionsData === void 0 ? void 0 : recentTransactionsData.length))
+        return null;
+    return (react_1.default.createElement(react_native_1.View, { style: { marginTop: (0, react_native_size_matters_1.mvs)(8), marginHorizontal: (0, react_native_size_matters_1.ms)(16) } },
+        react_1.default.createElement(react_native_1.View, { style: styles.header },
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "labelLarge", style: styles.title }, "Your Recent Journeys"),
+            react_1.default.createElement(Button_1.Button, { variant: "link", onPress: () => navigate(MetroStack_1.MetroScreens.RecentTransactions, { cityCode: (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) || '' }), textStyle: { color: theme.colors.primary[500] }, style: styles.viewAllButton }, "View All")),
+        react_1.default.createElement(react_native_1.FlatList, { data: recentTransactionsData, renderItem: ({ item }) => (react_1.default.createElement(RecentCard_1.default, { item: item, onPress: handleRecentTransactionPress })), keyExtractor: (item, index) => index.toString(), showsVerticalScrollIndicator: false })));
+};
+const styles = react_native_1.StyleSheet.create({
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: (0, react_native_size_matters_1.mvs)(8),
+        marginTop: (0, react_native_size_matters_1.mvs)(4)
+    },
+    title: {
+        fontWeight: 'bold',
+        fontSize: (0, react_native_size_matters_1.ms)(16),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(4),
+    },
+    viewAllButton: {
+        padding: (0, react_native_size_matters_1.ms)(4),
+    },
+});
+exports.default = RecentTransactions;

package/dist/src/screens/metro/SelectStations/Components/ToAndFromStations.d.ts

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

package/dist/src/screens/metro/SelectStations/Components/ToAndFromStations.js

@@ -0,0 +1,111 @@
+"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 native_1 = require("@react-navigation/native");
+const AuthStack_1 = require("../../../../navigation/AuthStack");
+const MetroStack_1 = require("../../../../navigation/metro/MetroStack");
+const MetroWithTabsStack_1 = require("../../../../navigation/metro/MetroWithTabsStack");
+const MetroTabs_1 = require("../../../../navigation/metro/MetroTabs");
+const MetroIcon_1 = __importDefault(require("../../../../assets/icons/MetroIcon"));
+const SwapIcon_1 = __importDefault(require("../../../../assets/icons/SwapIcon"));
+const CustomText_1 = require("../../../../components/common/Text/CustomText");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Button_1 = require("../../../../components/common/Button/Button");
+const ToAndFromStations = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { params } = (0, native_1.useRoute)();
+    const handleStationClick = (type) => {
+        if (type === "TO" && !(params === null || params === void 0 ? void 0 : params.from))
+            return;
+        navigate(AuthStack_1.AuthScreens.MetroStack, {
+            screen: MetroStack_1.MetroScreens.ChooseStation,
+            params: {
+                type,
+                from: params === null || params === void 0 ? void 0 : params.from,
+                to: params === null || params === void 0 ? void 0 : params.to
+            }
+        });
+    };
+    const handleSwapStations = () => {
+        if (!(params === null || params === void 0 ? void 0 : params.from) || !(params === null || params === void 0 ? void 0 : params.to))
+            return;
+        navigate(AuthStack_1.AuthScreens.MetroStack, {
+            screen: MetroStack_1.MetroScreens.MetroTabs,
+            params: {
+                screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                params: {
+                    screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                    params: {
+                        from: params.to,
+                        to: params.from,
+                    }
+                }
+            }
+        });
+    };
+    const fromColor = (params === null || params === void 0 ? void 0 : params.from) ? theme.colors.primary[500] : theme.colors.textTertiary;
+    const toColor = (params === null || params === void 0 ? void 0 : params.to) ? theme.colors.primary[500] : theme.colors.textTertiary;
+    const swapButtonBg = (params === null || params === void 0 ? void 0 : params.from) && (params === null || params === void 0 ? void 0 : params.to) ? theme.colors.primary[500] : theme.colors.surfaceVariant;
+    const swapButtonDisabled = !(params === null || params === void 0 ? void 0 : params.from) || !(params === null || params === void 0 ? void 0 : params.to);
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => handleStationClick("FROM") },
+            react_1.default.createElement(react_native_1.View, { style: styles.stationRow },
+                react_1.default.createElement(MetroIcon_1.default, { size: (0, react_native_size_matters_1.ms)(20), color: fromColor }),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: [
+                        styles.stationText,
+                        { color: (params === null || params === void 0 ? void 0 : params.from) ? theme.colors.text : theme.colors.textTertiary }
+                    ] }, (params === null || params === void 0 ? void 0 : params.from) || "Source"))),
+        react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.border }] }),
+        react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => handleStationClick("TO") },
+            react_1.default.createElement(react_native_1.View, { style: styles.stationRow },
+                react_1.default.createElement(MetroIcon_1.default, { size: (0, react_native_size_matters_1.ms)(20), color: toColor }),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: [
+                        styles.stationText,
+                        { color: (params === null || params === void 0 ? void 0 : params.to) ? theme.colors.text : theme.colors.textTertiary }
+                    ] }, (params === null || params === void 0 ? void 0 : params.to) || "Destination"))),
+        react_1.default.createElement(react_native_1.View, { style: styles.swapButtonContainer },
+            react_1.default.createElement(Button_1.Button, { variant: "text", size: 'sm', onPress: handleSwapStations, disabled: swapButtonDisabled, style: {
+                    borderRadius: (0, react_native_size_matters_1.ms)(18),
+                    paddingHorizontal: (0, react_native_size_matters_1.ms)(12),
+                    backgroundColor: swapButtonBg,
+                    opacity: swapButtonDisabled ? 0.7 : 1,
+                    shadowColor: theme.colors.shadow,
+                    shadowOffset: { width: 0, height: 1 },
+                    shadowOpacity: 0.2,
+                    shadowRadius: 2,
+                    elevation: 2,
+                } },
+                react_1.default.createElement(SwapIcon_1.default, { size: (0, react_native_size_matters_1.ms)(14), color: swapButtonDisabled ? theme.colors.textTertiary : theme.colors.white })))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    stationRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: (0, react_native_size_matters_1.mvs)(16),
+        gap: (0, react_native_size_matters_1.ms)(8),
+    },
+    stationText: {
+        fontWeight: '500',
+    },
+    divider: {
+        height: 1,
+        width: '100%',
+    },
+    swapButtonContainer: {
+        position: 'absolute',
+        right: (0, react_native_size_matters_1.ms)(8),
+        top: '50%',
+        marginTop: (0, react_native_size_matters_1.mvs)(-20),
+        zIndex: 10,
+    },
+});
+exports.default = ToAndFromStations;

package/dist/src/screens/metro/SelectStations/SelectStationContext.d.ts

@@ -0,0 +1,18 @@
+import React, { Dispatch, SetStateAction } from "react";
+import { CurrectCityApiResponse } from "../../../services/apis/city/types";
+import { GetRecentTransactionsApiResponse } from "../../../services/apis/transaction/types";
+import { InfiniteData } from "@tanstack/react-query";
+interface SelectedStationsContextProps {
+    loading: boolean;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    currentCity: CurrectCityApiResponse | undefined;
+    currentCityLoading: boolean;
+    findNearestStationLoading: boolean;
+    recentTransactions: InfiniteData<GetRecentTransactionsApiResponse, unknown> | undefined;
+}
+interface props {
+    children: React.ReactNode;
+}
+export declare const SelectedStationsProvider: ({ children }: props) => React.JSX.Element;
+export declare const useSelectedStationsContext: () => SelectedStationsContextProps;
+export {};

package/dist/src/screens/metro/SelectStations/SelectStationContext.js

@@ -0,0 +1,78 @@
+"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.useSelectedStationsContext = exports.SelectedStationsProvider = void 0;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../../../services/apis/city/hooks");
+const hooks_2 = require("../../../services/apis/metro/stations/hooks");
+const native_1 = require("@react-navigation/native");
+const hooks_3 = require("../../../services/apis/transaction/hooks");
+const SelectedStationsContext = (0, react_1.createContext)(undefined);
+const SelectedStationsProvider = ({ children }) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const { setParams } = (0, native_1.useNavigation)();
+    const { params } = (0, native_1.useRoute)();
+    const { data: currentCity, isLoading: currentCityLoading } = (0, hooks_1.useFetchCurrectCity)({});
+    const { data: recentTransactions, isPending: recentTransactionsLoading } = (0, hooks_3.useFetchGetRecentTransactions)({
+        cityCode: (currentCity === null || currentCity === void 0 ? void 0 : currentCity.cityCode) || ''
+    });
+    const { mutateAsync: findNearestStation, isPending: findNearestStationLoading } = (0, hooks_2.useMutateFindNearestStation)((data) => {
+        var _a;
+        setParams({
+            from: (_a = data === null || data === void 0 ? void 0 : data.station) === null || _a === void 0 ? void 0 : _a.station_name,
+            to: params === null || params === void 0 ? void 0 : params.to
+        });
+    }, (data) => {
+        console.log(data);
+    });
+    (0, react_1.useEffect)(() => {
+        const timeout = setTimeout(() => {
+            if (currentCityLoading ||
+                findNearestStationLoading ||
+                recentTransactionsLoading) {
+                setLoading(true);
+            }
+            else {
+                setLoading(false);
+            }
+        }, 100); // Adjust to 100-200ms if needed
+        return () => clearTimeout(timeout);
+    }, [currentCityLoading, findNearestStationLoading, recentTransactionsLoading]);
+    return (react_1.default.createElement(SelectedStationsContext.Provider, { value: {
+            loading, setLoading,
+            currentCity, currentCityLoading,
+            findNearestStationLoading,
+            recentTransactions
+        } }, children));
+};
+exports.SelectedStationsProvider = SelectedStationsProvider;
+const useSelectedStationsContext = () => {
+    const context = (0, react_1.useContext)(SelectedStationsContext);
+    if (!context) {
+        throw new Error('useSelectedStationsContext must be used within a SelectedStationsProvider');
+    }
+    return context;
+};
+exports.useSelectedStationsContext = useSelectedStationsContext;

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

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

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

@@ -0,0 +1,68 @@
+"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 Header_1 = __importDefault(require("../../../components/common/Header/Header"));
+const ToAndFromStations_1 = __importDefault(require("./Components/ToAndFromStations"));
+const SelectStationContext_1 = require("./SelectStationContext");
+const FooterButton_1 = __importDefault(require("./Components/FooterButton"));
+const FullScreenLoader_1 = __importDefault(require("../../../components/common/Loaders/FullScreenLoader"));
+const RecentTransactions_1 = __importDefault(require("./Components/RecentTransactions"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const PoweredBy_1 = __importDefault(require("../../../components/common/PoweredBy/PoweredBy"));
+const SelectStations = () => {
+    var _a, _b;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { loading, recentTransactions, currentCityLoading, findNearestStationLoading } = (0, SelectStationContext_1.useSelectedStationsContext)();
+    const recentTransactionsData = (((_b = (_a = recentTransactions === null || recentTransactions === void 0 ? void 0 : recentTransactions.pages) === null || _a === void 0 ? void 0 : _a.map((page) => (page === null || page === void 0 ? void 0 : page.result) || [])) === null || _b === void 0 ? void 0 : _b.flat()) || [])
+        .sort(({ a, b }) => (b === null || b === void 0 ? void 0 : b.createdAt) - (a === null || a === void 0 ? void 0 : a.createdAt))
+        .slice(0, 3);
+    if (loading) {
+        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: false, showHomeButton: false, showChooseCity: true, title: 'Select Stations' }),
+        react_1.default.createElement(react_native_1.View, { style: { flex: 1, justifyContent: 'space-between' } },
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(react_native_1.View, { style: [
+                        styles.stationsContainer,
+                        {
+                            backgroundColor: theme.colors.background,
+                            shadowColor: theme.colors.shadow
+                        }
+                    ] },
+                    react_1.default.createElement(ToAndFromStations_1.default, null),
+                    react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.border }] }),
+                    react_1.default.createElement(FooterButton_1.default, null)),
+                react_1.default.createElement(RecentTransactions_1.default, { recentTransactionsData: recentTransactionsData })),
+            react_1.default.createElement(react_native_1.View, { style: styles.footer },
+                react_1.default.createElement(PoweredBy_1.default, null)))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    stationsContainer: {
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(12),
+        marginTop: (0, react_native_size_matters_1.mvs)(24),
+        borderRadius: (0, react_native_size_matters_1.ms)(8),
+        width: '90%',
+        alignSelf: 'center',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: (0, react_native_size_matters_1.ms)(4),
+        elevation: 2,
+    },
+    divider: {
+        height: 1,
+        width: '100%',
+    },
+    footer: {
+        paddingVertical: (0, react_native_size_matters_1.mvs)(12),
+    }
+});
+exports.default = SelectStations;

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

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

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

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