oneticket-sdk-vi 1.0.0

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

@@ -0,0 +1,213 @@
+"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 Header_1 = __importDefault(require("../../components/common/Header/Header"));
+const hooks_1 = require("../../services/apis/metro/issue/hooks");
+const MetroStack_1 = require("../../navigation/metro/MetroStack");
+const MetroTabs_1 = require("../../navigation/metro/MetroTabs");
+const ChatIcon_1 = __importDefault(require("../../assets/icons/ChatIcon"));
+const Badge_1 = __importDefault(require("../../components/common/Badge/Badge"));
+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 CustomText_1 = require("../../components/common/Text/CustomText");
+const IssueDetailsScreen = () => {
+    var _a, _b;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, goBack } = (0, native_1.useNavigation)();
+    const [showIssueCloseModal, setShowIssueCloseModal] = (0, react_1.useState)(false);
+    const { params: { transaction_id } } = (0, native_1.useRoute)();
+    const { data: issueDetails, isLoading: issueDetailsLoading } = (0, hooks_1.useFetchGetMetroIssueDetails)({ transaction_id });
+    const { mutateAsync: closeIssue, isPending: closeIssueLoading } = (0, hooks_1.useMutateCloseIssue)(() => { });
+    const handleCloseIssue = (rating) => {
+        closeIssue({ transaction_id, rating });
+        setShowIssueCloseModal(false);
+    };
+    (0, native_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        const onBackPress = () => {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                screen: MetroTabs_1.MetroTabScreens.IssuesStack,
+            });
+            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(); // ✅ RN 0.72+
+            }
+            else {
+                (_a = react_native_1.BackHandler.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(react_native_1.BackHandler, 'hardwareBackPress', onBackPress); // ✅ fallback for RN < 0.72
+            }
+        };
+    }, [navigate]));
+    const getStatusVariant = (status) => {
+        switch (status) {
+            case 'CLOSED': return 'success';
+            case 'OPEN': return 'warning';
+            case 'RESOLVED': return 'info';
+            default: return 'primary';
+        }
+    };
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: theme.colors.backdrop,
+        },
+        contentContainer: {
+            padding: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+        },
+        issueCard: {
+            marginVertical: (0, react_native_size_matters_1.mvs)(12),
+            padding: (0, react_native_size_matters_1.ms)(12),
+            backgroundColor: theme.colors.background,
+            borderRadius: (0, react_native_size_matters_1.ms)(8),
+            shadowColor: theme.colors.shadow,
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.1,
+            shadowRadius: 4,
+            elevation: 2,
+        },
+        title: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        description: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(12),
+        },
+        divider: {
+            height: 1,
+            backgroundColor: theme.colors.gray[300],
+            marginVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        sectionTitle: {
+            fontWeight: '800',
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+        },
+        row: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        stationRow: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: (0, react_native_size_matters_1.mvs)(12),
+        },
+        stationText: {
+            flex: 1,
+            fontWeight: '800'
+        },
+        closeButtonText: {
+            fontSize: (0, react_native_size_matters_1.ms)(16),
+            fontWeight: '500',
+            color: theme.colors.white,
+        },
+        modalContainer: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: 'rgba(0,0,0,0.7)',
+        },
+        modalContent: {
+            width: '90%',
+            borderRadius: (0, react_native_size_matters_1.ms)(16),
+            padding: (0, react_native_size_matters_1.ms)(16),
+            elevation: 10,
+        },
+        modalTitle: {
+            fontWeight: 'bold',
+            fontSize: (0, react_native_size_matters_1.ms)(18),
+            textAlign: 'center',
+            marginBottom: (0, react_native_size_matters_1.mvs)(24),
+        },
+        buttonRow: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            gap: (0, react_native_size_matters_1.ms)(10),
+        },
+        buttonText: {
+            color: theme.colors.white,
+            fontWeight: '500',
+        },
+    });
+    const renderIssueItem = ({ item }) => {
+        var _a;
+        return (react_1.default.createElement(react_native_1.View, { style: styles.issueCard },
+            react_1.default.createElement(CustomText_1.CustomText, { variant: 'heading2', style: styles.title }, item.short_desc || 'N/A'),
+            react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.description }, item.long_desc || 'No description available'),
+            react_1.default.createElement(react_native_1.View, { style: styles.divider }),
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.sectionTitle }, "Response"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body2', style: styles.description }, item.status === "RESOLVED"
+                    ? "Your issue is resolved, you can close the issue"
+                    : item.status === "CLOSED"
+                        ? "Your issue is closed"
+                        : "Your issue is in progress.")),
+            react_1.default.createElement(react_native_1.View, { style: styles.divider }),
+            react_1.default.createElement(react_native_1.View, { style: styles.stationRow },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.stationText },
+                    item.startStationName,
+                    " - ",
+                    item.destinationStationName),
+                react_1.default.createElement(Button_1.Button, { size: 'sm', variant: 'text', onPress: () => navigate(MetroStack_1.MetroScreens.IssueChat, { issueId: item.issueId }) },
+                    react_1.default.createElement(ChatIcon_1.default, { color: theme.colors.primary[500], size: 22 }))),
+            react_1.default.createElement(react_native_1.View, { style: styles.row },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { fontWeight: '500' } }, "Issue ID:"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1' }, item.issue_id)),
+            react_1.default.createElement(react_native_1.View, { style: styles.row },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { fontWeight: '500' } }, "Issue Category:"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1' }, ((_a = item.category) === null || _a === void 0 ? void 0 : _a.label) || 'N/A')),
+            react_1.default.createElement(react_native_1.View, { style: Object.assign(Object.assign({}, styles.row), { alignItems: 'flex-start' }) },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { fontWeight: '500', flex: 1.5 } }, "Issue Sub-category:"),
+                react_1.default.createElement(CustomText_1.CustomText, { style: { flex: 2, textAlign: 'right' } }, item.sub_category.value || 'N/A')),
+            react_1.default.createElement(react_native_1.View, { style: styles.row },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { fontWeight: '500' } }, "Status:"),
+                react_1.default.createElement(Badge_1.default, { text: item.status, variant: getStatusVariant(item.status), size: "md" }))));
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(Header_1.default, { showBackButton: true, onBackPress: () => navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                screen: MetroTabs_1.MetroTabScreens.IssuesStack
+            }), title: "Issue Detail" }),
+        react_1.default.createElement(react_native_1.FlatList, { data: (issueDetails === null || issueDetails === void 0 ? void 0 : issueDetails.issue) || [], keyExtractor: (item, index) => `issue-${index}`, contentContainerStyle: styles.contentContainer, renderItem: renderIssueItem }),
+        ((_b = (_a = issueDetails === null || issueDetails === void 0 ? void 0 : issueDetails.issue) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.status) !== "CLOSED" && (react_1.default.createElement(Button_1.Button, { size: 'md', onPress: () => setShowIssueCloseModal(true), disabled: closeIssueLoading || !(issueDetails === null || issueDetails === void 0 ? void 0 : issueDetails.issue), style: { margin: (0, react_native_size_matters_1.ms)(16) }, textStyle: { fontSize: (0, react_native_size_matters_1.ms)(16) }, children: 'Close Issue' })),
+        react_1.default.createElement(react_native_1.Modal, { visible: showIssueCloseModal, transparent: true, animationType: "fade", onRequestClose: () => setShowIssueCloseModal(false) },
+            react_1.default.createElement(react_native_1.View, { style: styles.modalContainer },
+                react_1.default.createElement(react_native_1.View, { style: [styles.modalContent, { backgroundColor: theme.colors.backdrop, shadowColor: theme.colors.shadow }] },
+                    react_1.default.createElement(CustomText_1.CustomText, { style: styles.modalTitle }, "Give the rating on your issue resolve process"),
+                    react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
+                        react_1.default.createElement(Button_1.Button, { size: 'sm', style: { flex: 1 }, onPress: () => handleCloseIssue("THUMBS-UP") },
+                            react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, "Great")),
+                        react_1.default.createElement(Button_1.Button, { size: 'sm', style: { flex: 1, backgroundColor: theme.colors.error[500] }, onPress: () => handleCloseIssue("THUMBS-DOWN") },
+                            react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, "Average"))))))));
+};
+exports.default = IssueDetailsScreen;

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

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

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

@@ -0,0 +1,98 @@
+"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 Header_1 = __importDefault(require("../../components/common/Header/Header"));
+const IssueCard_1 = __importDefault(require("../../components/common/Cards/IssueCard"));
+const MetroStack_1 = require("../../navigation/metro/MetroStack");
+const hooks_1 = require("../../services/apis/metro/issue/hooks");
+const Loader_1 = __importDefault(require("../../components/common/Loaders/Loader"));
+const FooterComponentFlatList_1 = __importDefault(require("../../components/common/Loaders/FooterComponentFlatList"));
+const formatDate_1 = require("../../utils/formatDate");
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const EmptyState_1 = __importDefault(require("../../components/common/EmptyState/EmptyState"));
+const Tabs2_1 = __importDefault(require("../../components/common/Tabs/Tabs2"));
+const IssuesScreen = () => {
+    var _a, _b;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const [selectedTab, setSelectedTab] = (0, react_1.useState)('');
+    const { data: allIssues, isLoading: allIssuesLoading, fetchNextPage, isFetchingNextPage, refetch, isRefetching } = (0, hooks_1.useFetchGetAllMetroIssues)({ status: selectedTab });
+    const allIssuesData = ((_b = (_a = allIssues === null || allIssues === void 0 ? void 0 : allIssues.pages) === null || _a === void 0 ? void 0 : _a.map(page => (page === null || page === void 0 ? void 0 : page.allIssues) || [])) === null || _b === void 0 ? void 0 : _b.flat()) || [];
+    const sortedIssuesData = allIssuesData.sort((a, b) => {
+        const dateA = new Date(a.createdAt).getTime();
+        const dateB = new Date(b.createdAt).getTime();
+        return dateB - dateA; // Newest on top
+    });
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: theme.colors.background,
+        },
+        contentContainer: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+        },
+        emptyContainer: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.xl),
+        },
+        emptyImage: {
+            width: (0, react_native_size_matters_1.ms)(300),
+            height: (0, react_native_size_matters_1.mvs)(250),
+            alignSelf: 'center',
+        },
+        emptyText: {
+            fontSize: (0, react_native_size_matters_1.ms)(16),
+            color: theme.colors.primary[500],
+            fontWeight: '600',
+            marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+        },
+        listContainer: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+        },
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(Header_1.default, { showBackButton: true, showHomeButton: false, title: "Issues" }),
+        react_1.default.createElement(react_native_1.View, { style: styles.contentContainer },
+            react_1.default.createElement(Tabs2_1.default, { tabs: [
+                    { id: '', title: 'All' },
+                    { id: 'OPEN', title: 'Open' },
+                    { id: 'CLOSED', title: 'Closed' },
+                ], activeTab: selectedTab, onChange: setSelectedTab })),
+        allIssuesLoading ? (react_1.default.createElement(Loader_1.default, null)) : (react_1.default.createElement(react_native_1.FlatList, { data: sortedIssuesData, 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" }), style: styles.listContainer, renderItem: ({ item }) => (react_1.default.createElement(IssueCard_1.default, { date: (0, formatDate_1.formatDateWithTime)(item.createdAt), onPress: () => navigate(MetroStack_1.MetroScreens.IssueDetails, { transaction_id: item._id }), status: item.status, startStation: item.startStation, destinationStation: item.destinationStation, issueCount: item.issueCount })), 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, colors: [theme.colors.primary[500]], tintColor: theme.colors.primary[500] }) }))));
+};
+exports.default = IssuesScreen;

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

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

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

@@ -0,0 +1,58 @@
+"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 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 FullScreenLoader_1 = __importDefault(require("../../components/common/Loaders/FullScreenLoader"));
+const hooks_1 = require("../../services/apis/city/hooks");
+const MetroTabs_1 = require("../../navigation/metro/MetroTabs");
+const MetroStack_1 = require("../../navigation/metro/MetroStack");
+const MetroWithTabsStack_1 = require("../../navigation/metro/MetroWithTabsStack");
+const TransportationCard_1 = __importDefault(require("../../components/common/Cards/TransportationCard"));
+const PoweredBy_1 = __importDefault(require("../../components/common/PoweredBy/PoweredBy"));
+const MetroSelectionScreen = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { mutateAsync: selectCity, isPending: selectCityLoading } = (0, hooks_1.useMutateSelectCity)(data => {
+        if (data.status === 'success') {
+            navigate(MetroStack_1.MetroScreens.MetroTabs, {
+                screen: MetroTabs_1.MetroTabScreens.MetroWithTabsStack,
+                params: {
+                    screen: MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations,
+                    params: {}
+                }
+            });
+        }
+    });
+    const { data: allCities, isLoading: allCitiesLoading } = (0, hooks_1.useFetchAllCities)({});
+    if (allCitiesLoading) {
+        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, title: 'Select Metro' }),
+        react_1.default.createElement(react_native_1.FlatList, { style: styles.list, contentContainerStyle: { paddingBottom: (0, react_native_size_matters_1.mvs)(16) }, data: (allCities === null || allCities === void 0 ? void 0 : allCities.cities) || [], keyExtractor: item => item._id, renderItem: ({ item }) => (react_1.default.createElement(TransportationCard_1.default, { style: styles.card, label: item.name, desc: `${item.is_active ? `Book QR tickets for ${item.description}` : item.description}`, image: item.image, imageSize: 50, onPress: () => selectCity({ cityCode: item.cityCode }), disabled: selectCityLoading || !item.is_active })) }),
+        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,
+    },
+    list: {
+        marginTop: (0, react_native_size_matters_1.mvs)(32),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(24),
+    },
+    card: {
+        marginVertical: (0, react_native_size_matters_1.mvs)(8),
+    },
+    footer: {
+        paddingVertical: (0, react_native_size_matters_1.mvs)(12),
+    }
+});
+exports.default = MetroSelectionScreen;

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

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

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

@@ -0,0 +1,251 @@
+"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 Header_1 = __importDefault(require("../../components/common/Header/Header"));
+const DropdownComponent_1 = __importDefault(require("../../components/common/DropdownComponent/DropdownComponent"));
+const CustomInput_1 = __importDefault(require("../../components/common/CustomInput/CustomInput"));
+const IssueCategoryData_1 = require("../../components/common/Modals/IssueCategoryData");
+const MultiSelectDropdown_1 = __importDefault(require("../../components/common/DropdownComponent/MultiSelectDropdown"));
+const native_1 = require("@react-navigation/native");
+const MetroStack_1 = require("../../navigation/metro/MetroStack");
+const react_native_toast_message_1 = __importDefault(require("react-native-toast-message"));
+const hooks_1 = require("../../services/apis/metro/issue/hooks");
+const CustomText_1 = require("../../components/common/Text/CustomText");
+const Button_1 = require("../../components/common/Button/Button");
+const Checkbox_1 = require("../../components/common/Checkbox/Checkbox");
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const RaiseIssueScreen = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const { params: { transaction_id, orders } } = (0, native_1.useRoute)();
+    const [selectedOrders, setSelectedOrders] = (0, react_1.useState)([]);
+    const [differentIssues, setDifferentIssues] = (0, react_1.useState)(false);
+    const [ticketIssues, setTicketIssues] = (0, react_1.useState)({});
+    const { mutateAsync: raiseIssue, isPending: raiseIsuueLoading } = (0, hooks_1.useMutateRaiseMetroTicketIssue)(data => {
+        if (data.status === "success") {
+            navigate(MetroStack_1.MetroScreens.IssueDetails, { transaction_id: transaction_id });
+        }
+    });
+    const onChangeOrder = (val) => {
+        const index = selectedOrders.findIndex(order => order.transaction_id === val);
+        if (index === -1) {
+            const find = orders.find(o => o.transaction_id === val);
+            if (!find) {
+                react_native_toast_message_1.default.show({
+                    type: "error",
+                    text1: "Order not found",
+                });
+            }
+            else {
+                setSelectedOrders(selectedOrders => {
+                    const updatedOrders = [
+                        ...selectedOrders,
+                        {
+                            transaction_id: find.transaction_id,
+                            startStation: find.startStation,
+                            destinationStation: find.destinationStation,
+                        },
+                    ];
+                    setTicketIssues(prev => (Object.assign(Object.assign({}, prev), { [find.transaction_id]: {
+                            category: null,
+                            subCategory: null,
+                            subject: '',
+                            detailedDescription: '',
+                        } })));
+                    return updatedOrders;
+                });
+            }
+        }
+        else {
+            setSelectedOrders(selectedOrders => {
+                const updatedOrders = selectedOrders.filter((_, idx) => idx !== index);
+                const updatedIssues = Object.assign({}, ticketIssues);
+                delete updatedIssues[val];
+                setTicketIssues(updatedIssues);
+                return updatedOrders;
+            });
+        }
+    };
+    const handleFieldChange = (ticketId, field, value) => {
+        setTicketIssues(prev => (Object.assign(Object.assign({}, prev), { [ticketId]: Object.assign(Object.assign({}, prev[ticketId]), { [field]: value }) })));
+    };
+    const handleSubmit = () => {
+        let ordersData;
+        if (!differentIssues) {
+            // Apply the same values to all tickets
+            const baseIssue = ticketIssues[selectedOrders[0].transaction_id] || {};
+            ordersData = selectedOrders.map(order => ({
+                transaction_id: order.transaction_id,
+                category: baseIssue.category || '',
+                sub_category: baseIssue.subCategory || '',
+                short_desc: baseIssue.subject || '',
+                long_desc: baseIssue.detailedDescription || '',
+            }));
+        }
+        else {
+            // Use individual values for each ticket
+            ordersData = selectedOrders.map(order => {
+                var _a, _b, _c, _d;
+                return ({
+                    transaction_id: order.transaction_id,
+                    category: ((_a = ticketIssues[order.transaction_id]) === null || _a === void 0 ? void 0 : _a.category) || '',
+                    sub_category: ((_b = ticketIssues[order.transaction_id]) === null || _b === void 0 ? void 0 : _b.subCategory) || '',
+                    short_desc: ((_c = ticketIssues[order.transaction_id]) === null || _c === void 0 ? void 0 : _c.subject) || '',
+                    long_desc: ((_d = ticketIssues[order.transaction_id]) === null || _d === void 0 ? void 0 : _d.detailedDescription) || '',
+                });
+            });
+        }
+        console.log("Submitting issues data:", {
+            transaction_id: transaction_id,
+            orders: ordersData,
+        });
+        // Call the API
+        raiseIssue({
+            transaction_id: transaction_id,
+            orders: ordersData,
+        });
+    };
+    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, title: "Raise an Issue" }),
+        react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: 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(react_native_1.View, { style: styles.formControl },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Select Tickets"),
+                        react_1.default.createElement(MultiSelectDropdown_1.default, { data: orders.map(item => ({
+                                label: `${item.startStation} - ${item.destinationStation}`,
+                                value: item.transaction_id
+                            })), placeholder: "Select ticket", selectedLabels: selectedOrders.map(item => `${item.startStation} - ${item.destinationStation}`), selectedValues: selectedOrders.map(item => item.transaction_id), onValueChange: onChangeOrder })),
+                    selectedOrders.length > 1 && (react_1.default.createElement(react_native_1.View, { style: [styles.checkboxRow, !differentIssues && { marginBottom: (0, react_native_size_matters_1.mvs)(16) }] },
+                        react_1.default.createElement(Checkbox_1.Checkbox, { value: differentIssues, onValueChange: setDifferentIssues }),
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.checkboxLabel }, "Different issues with each ticket"))),
+                    (!selectedOrders || !differentIssues) && selectedOrders.length === 0 && (react_1.default.createElement(react_native_1.View, { key: (_a = selectedOrders[0]) === null || _a === void 0 ? void 0 : _a.transaction_id },
+                        react_1.default.createElement(react_native_1.View, null,
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Category"),
+                                react_1.default.createElement(DropdownComponent_1.default, { data: IssueCategoryData_1.categories, enableSearch: false, value: (_c = ticketIssues[(_b = selectedOrders[0]) === null || _b === void 0 ? void 0 : _b.transaction_id]) === null || _c === void 0 ? void 0 : _c.category, placeholder: "Category", onChange: item => { var _a; return handleFieldChange((_a = selectedOrders[0]) === null || _a === void 0 ? void 0 : _a.transaction_id, 'category', item.value); } })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subcategory"),
+                                react_1.default.createElement(DropdownComponent_1.default, { data: (IssueCategoryData_1.subCategories[(_e = ticketIssues[(_d = selectedOrders[0]) === null || _d === void 0 ? void 0 : _d.transaction_id]) === null || _e === void 0 ? void 0 : _e.category] || []).map((sub) => ({
+                                        label: sub.value,
+                                        value: sub.key,
+                                    })), value: (_g = ticketIssues[(_f = selectedOrders[0]) === null || _f === void 0 ? void 0 : _f.transaction_id]) === null || _g === void 0 ? void 0 : _g.subCategory, placeholder: "SubCategory", enableSearch: false, isDisabled: true, onChange: item => { var _a; return handleFieldChange((_a = selectedOrders[0]) === null || _a === void 0 ? void 0 : _a.transaction_id, 'subCategory', item.value); } })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subject"),
+                                react_1.default.createElement(CustomInput_1.default, { name: `subject-${(_h = selectedOrders[0]) === null || _h === void 0 ? void 0 : _h.transaction_id}`, type: "text", placeholder: "Subject", floatingLabel: false, value: (_k = ticketIssues[(_j = selectedOrders[0]) === null || _j === void 0 ? void 0 : _j.transaction_id]) === null || _k === void 0 ? void 0 : _k.subject, onChange: value => { var _a; return handleFieldChange((_a = selectedOrders[0]) === null || _a === void 0 ? void 0 : _a.transaction_id, 'subject', value); } })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Description"),
+                                react_1.default.createElement(CustomInput_1.default, { name: `description-${(_l = selectedOrders[0]) === null || _l === void 0 ? void 0 : _l.transaction_id}`, type: "textarea", placeholder: "Detailed Description", floatingLabel: false, value: (_o = ticketIssues[(_m = selectedOrders[0]) === null || _m === void 0 ? void 0 : _m.transaction_id]) === null || _o === void 0 ? void 0 : _o.detailedDescription, onChange: value => { var _a; return handleFieldChange((_a = selectedOrders[0]) === null || _a === void 0 ? void 0 : _a.transaction_id, 'detailedDescription', value); } }))))),
+                    (selectedOrders.length === 1 || !differentIssues) && selectedOrders.length > 0 && (react_1.default.createElement(react_native_1.View, { key: selectedOrders[0].transaction_id },
+                        react_1.default.createElement(react_native_1.View, null,
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Category"),
+                                react_1.default.createElement(DropdownComponent_1.default, { data: IssueCategoryData_1.categories, enableSearch: false, value: (_p = ticketIssues[selectedOrders[0].transaction_id]) === null || _p === void 0 ? void 0 : _p.category, placeholder: "Category", onChange: item => handleFieldChange(selectedOrders[0].transaction_id, 'category', item.value) })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subcategory"),
+                                react_1.default.createElement(DropdownComponent_1.default, { data: (IssueCategoryData_1.subCategories[(_q = ticketIssues[selectedOrders[0].transaction_id]) === null || _q === void 0 ? void 0 : _q.category] || []).map((sub) => ({
+                                        label: sub.value,
+                                        value: sub.key,
+                                    })), value: (_r = ticketIssues[selectedOrders[0].transaction_id]) === null || _r === void 0 ? void 0 : _r.subCategory, placeholder: "SubCategory", enableSearch: false, isDisabled: !((_s = ticketIssues[selectedOrders[0].transaction_id]) === null || _s === void 0 ? void 0 : _s.category), onChange: item => handleFieldChange(selectedOrders[0].transaction_id, 'subCategory', item.value) })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subject"),
+                                react_1.default.createElement(CustomInput_1.default, { name: `subject-${selectedOrders[0].transaction_id}`, type: "text", placeholder: "Subject", floatingLabel: false, value: (_t = ticketIssues[selectedOrders[0].transaction_id]) === null || _t === void 0 ? void 0 : _t.subject, onChange: value => handleFieldChange(selectedOrders[0].transaction_id, 'subject', value) })),
+                            react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Description"),
+                                react_1.default.createElement(CustomInput_1.default, { name: `description-${selectedOrders[0].transaction_id}`, type: "textarea", placeholder: "Detailed Description", floatingLabel: false, value: (_u = ticketIssues[selectedOrders[0].transaction_id]) === null || _u === void 0 ? void 0 : _u.detailedDescription, onChange: value => handleFieldChange(selectedOrders[0].transaction_id, 'detailedDescription', value) }))))),
+                    differentIssues && selectedOrders.length > 1 && selectedOrders.map(order => {
+                        var _a, _b, _c, _d, _e, _f;
+                        return (react_1.default.createElement(react_native_1.View, { key: order.transaction_id },
+                            react_1.default.createElement(react_native_1.View, { style: [styles.divider, { backgroundColor: theme.colors.borderLight }] }),
+                            react_1.default.createElement(react_native_1.View, null,
+                                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.orderTitle }, `${order.startStation} - ${order.destinationStation}`),
+                                react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Category"),
+                                    react_1.default.createElement(DropdownComponent_1.default, { data: IssueCategoryData_1.categories, value: (_a = ticketIssues[order.transaction_id]) === null || _a === void 0 ? void 0 : _a.category, placeholder: "Category", enableSearch: false, onChange: item => handleFieldChange(order.transaction_id, 'category', item.value) })),
+                                react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subcategory"),
+                                    react_1.default.createElement(DropdownComponent_1.default, { data: (IssueCategoryData_1.subCategories[(_b = ticketIssues[order.transaction_id]) === null || _b === void 0 ? void 0 : _b.category] || []).map((sub) => ({
+                                            label: sub.value,
+                                            value: sub.key,
+                                        })), value: (_c = ticketIssues[order.transaction_id]) === null || _c === void 0 ? void 0 : _c.subCategory, placeholder: "SubCategory", enableSearch: false, isDisabled: !((_d = ticketIssues[order.transaction_id]) === null || _d === void 0 ? void 0 : _d.category), onChange: item => handleFieldChange(order.transaction_id, 'subCategory', item.value) })),
+                                react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Subject"),
+                                    react_1.default.createElement(CustomInput_1.default, { name: `subject-${order.transaction_id}`, type: "text", placeholder: "Subject", floatingLabel: false, value: (_e = ticketIssues[order.transaction_id]) === null || _e === void 0 ? void 0 : _e.subject, onChange: value => handleFieldChange(order.transaction_id, 'subject', value) })),
+                                react_1.default.createElement(react_native_1.View, { style: styles.formControl },
+                                    react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: styles.label }, "Description"),
+                                    react_1.default.createElement(CustomInput_1.default, { name: `description-${order.transaction_id}`, type: "textarea", placeholder: "Detailed Description", floatingLabel: false, value: (_f = ticketIssues[order.transaction_id]) === null || _f === void 0 ? void 0 : _f.detailedDescription, onChange: value => handleFieldChange(order.transaction_id, 'detailedDescription', value) })))));
+                    })),
+                react_1.default.createElement(Button_1.Button, { variant: "primary", style: styles.submitButton, onPress: handleSubmit, loading: raiseIsuueLoading, loadingText: "Raising..." }, "Submit")))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
+    },
+    contentContainer: {
+        flex: 1,
+        padding: (0, react_native_size_matters_1.ms)(20),
+        justifyContent: 'space-between'
+    },
+    formControl: {
+        marginBottom: (0, react_native_size_matters_1.mvs)(16),
+        gap: (0, react_native_size_matters_1.mvs)(4),
+    },
+    label: {
+        fontWeight: 'bold',
+        marginBottom: (0, react_native_size_matters_1.mvs)(4)
+    },
+    checkboxRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: (0, react_native_size_matters_1.ms)(8),
+    },
+    checkboxLabel: {
+        flex: 1,
+    },
+    divider: {
+        height: 1,
+        marginVertical: (0, react_native_size_matters_1.mvs)(16),
+    },
+    orderTitle: {
+        fontWeight: 'bold',
+        textDecorationLine: 'underline',
+        marginBottom: (0, react_native_size_matters_1.mvs)(16)
+    },
+    submitButton: {
+        marginTop: (0, react_native_size_matters_1.mvs)(16),
+        height: (0, react_native_size_matters_1.mvs)(50),
+    },
+});
+exports.default = RaiseIssueScreen;