@devtravelcode/widget-native 1.0.0

package/dist/modules/search-form/flight/flight-results/FlightCard.js

@@ -0,0 +1,436 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
+import { View, Text, Image, TouchableOpacity, Animated, Dimensions, Linking, StyleSheet, } from "react-native";
+import Svg, { Path } from "react-native-svg";
+import FlightSegments from "./FlightSegments";
+import FlightAdditionalInfo from "./FlightAdditionalInfo";
+import FlightBaggageToggle from "./FlightBaggageToggle";
+import { useWidget } from "../../../../context/WidgetContext";
+import { useApiToken } from "../../../../utils/getToken";
+import { formatTimeByDateTimeFormat } from "../../../../utils/dateTime";
+import { Colors, Spacing, FontSize, BorderRadius } from "../../../../theme/colors";
+const SCREEN_W = Dimensions.get("window").width;
+const SCREEN_MARGIN = 8;
+const TooltipTrigger = ({ label, onShow, onDismiss, active, children }) => {
+    const ref = useRef(null);
+    const handlePress = () => {
+        if (active) {
+            onDismiss();
+        }
+        else {
+            ref.current?.measureInWindow((x, y, w, h) => {
+                onShow(label, x, y, w, h);
+            });
+        }
+    };
+    return (_jsx(View, { ref: ref, collapsable: false, children: _jsx(TouchableOpacity, { onPress: handlePress, activeOpacity: 0.7, children: children }) }));
+};
+const TooltipBubble = ({ label, triggerX, triggerY, triggerW, triggerH, cardX, cardY }) => {
+    const tooltipRef = useRef(null);
+    const [tooltipWidth, setTooltipWidth] = useState(0);
+    const [tooltipHeight, setTooltipHeight] = useState(0);
+    const relY = triggerY - cardY - tooltipHeight - 6;
+    const triggerCenterX = triggerX + triggerW / 2;
+    let left = triggerCenterX - cardX - tooltipWidth / 2;
+    if (triggerCenterX - tooltipWidth / 2 < SCREEN_MARGIN) {
+        left = SCREEN_MARGIN - cardX;
+    }
+    else if (triggerCenterX + tooltipWidth / 2 > SCREEN_W - SCREEN_MARGIN) {
+        left = SCREEN_W - SCREEN_MARGIN - tooltipWidth - cardX;
+    }
+    return (_jsx(View, { ref: tooltipRef, style: [
+            tooltipStyles.bubble,
+            {
+                top: tooltipHeight > 0 ? relY : -9999,
+                left: tooltipWidth > 0 ? left : -9999,
+            },
+        ], onLayout: (e) => {
+            setTooltipWidth(e.nativeEvent.layout.width);
+            setTooltipHeight(e.nativeEvent.layout.height);
+        }, children: _jsx(Text, { style: tooltipStyles.text, children: label }) }));
+};
+const tooltipStyles = StyleSheet.create({
+    bubble: {
+        position: "absolute",
+        zIndex: 9999,
+        backgroundColor: "#1F2937",
+        paddingHorizontal: 10,
+        paddingVertical: 6,
+        borderRadius: 6,
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.25,
+        shadowRadius: 4,
+        elevation: 10,
+    },
+    text: {
+        color: "#FFFFFF",
+        fontSize: 13,
+        fontWeight: "500",
+    },
+});
+const BASE_URL = "https://cdn.travel-code.com/prod";
+const FlightCard = ({ item, loading, dictionaries, airlines, sessionId, translations, lang, currencySign, onSelect, }) => {
+    const token = useApiToken();
+    const flight = item.items[0];
+    const itineraries = flight.itineraries || [];
+    const price = flight.priceForSearch?.totalPriceNet ||
+        flight.totalPriceNet ||
+        flight.totalPriceModel ||
+        item.totalPriceNet;
+    const availableSeats = flight.availableSeats || 0;
+    const [showDetails, setShowDetails] = useState(false);
+    const [dynamicPrice, setDynamicPrice] = useState(price);
+    const [buyHref, setBuyHref] = useState(null);
+    const [includeBaggage, setIncludeBaggage] = useState(flight.includeBaggage || false);
+    const [baggageText, setBaggageText] = useState(undefined);
+    const [baggageImage, setBaggageImage] = useState(undefined);
+    const [tooltipData, setTooltipData] = useState(null);
+    const tooltipTimer = useRef(null);
+    const cardRef = useRef(null);
+    const cardLayoutRef = useRef({ x: 0, y: 0 });
+    const showTooltip = useCallback((label, x, y, w, h) => {
+        if (tooltipTimer.current)
+            clearTimeout(tooltipTimer.current);
+        setTooltipData({ label, x, y, w, h });
+        tooltipTimer.current = setTimeout(() => setTooltipData(null), 3000);
+    }, []);
+    const dismissTooltip = useCallback(() => {
+        if (tooltipTimer.current)
+            clearTimeout(tooltipTimer.current);
+        setTooltipData(null);
+    }, []);
+    const chevronRotation = useRef(new Animated.Value(0)).current;
+    const { config, dateTimeFormat } = useWidget();
+    const formatDuration = (dur) => {
+        if (!dur)
+            return "\u2014";
+        const [h, m] = dur.split(":").map(Number);
+        return `${h}${translations["hours_label"] || "h"} ${m
+            .toString()
+            .padStart(2, "0")}${translations["minutes_label"] || "m"}`;
+    };
+    const toggleDetails = useCallback(() => {
+        const toValue = showDetails ? 0 : 1;
+        Animated.timing(chevronRotation, {
+            toValue,
+            duration: 300,
+            useNativeDriver: true,
+        }).start();
+        setShowDetails(!showDetails);
+    }, [showDetails, chevronRotation]);
+    const getAirlinesList = () => {
+        const airlinesMap = {};
+        item.items?.forEach((flightItem) => {
+            flightItem.itineraries?.forEach((itinerary) => {
+                itinerary.segments?.forEach((segment) => {
+                    const code = segment.operating?.iata_code || segment.carrier_code || null;
+                    if (code && !airlinesMap[code]) {
+                        const rawLogo = typeof segment.operating?.logo_circle === "string"
+                            ? segment.operating.logo_circle.trim()
+                            : null;
+                        const airlineName = segment.operating?.[`name_${lang}`] ||
+                            segment.operating?.name ||
+                            airlines?.[code] ||
+                            code;
+                        airlinesMap[code] = {
+                            logo: rawLogo
+                                ? rawLogo.startsWith("http")
+                                    ? rawLogo
+                                    : `${BASE_URL}${rawLogo}`
+                                : `${BASE_URL}/uploads/airlines/${code}.png`,
+                            name: airlineName,
+                        };
+                    }
+                });
+            });
+        });
+        return Object.values(airlinesMap);
+    };
+    const getTransferWarnings = () => {
+        let transferTime = 0;
+        let transferToAnotherAirport = false;
+        let nightTransfer = false;
+        item.items?.forEach((flightItem) => {
+            flightItem.itineraries?.forEach((itinerary) => {
+                itinerary.segments?.forEach((segment, segIndex) => {
+                    const next = itinerary.segments[segIndex + 1];
+                    if (next) {
+                        const dep = new Date(segment.arrival?.at);
+                        const arr = new Date(next.departure?.at);
+                        const diffMin = (arr.getTime() - dep.getTime()) / 60000;
+                        if (diffMin > 0)
+                            transferTime = Math.max(transferTime, diffMin);
+                        if (diffMin > 360)
+                            transferTime = diffMin;
+                        const depAirport = segment.arrival?.iata_code;
+                        const nextAirport = next.departure?.iata_code;
+                        if (depAirport && nextAirport && depAirport !== nextAirport)
+                            transferToAnotherAirport = true;
+                        const depHour = new Date(segment.arrival?.at).getHours();
+                        if (depHour >= 0 && depHour <= 5)
+                            nightTransfer = true;
+                    }
+                });
+            });
+        });
+        return { transferTime, transferToAnotherAirport, nightTransfer };
+    };
+    const airlinesList = getAirlinesList();
+    const { transferTime, transferToAnotherAirport, nightTransfer } = getTransferWarnings();
+    const handleBuy = () => {
+        const HOST_URL = config?.additional?.basket_link?.trim() || "https://travel-code.com";
+        const itemIds = Array.isArray(item?.items)
+            ? item.items.map((it) => it.id).join("-")
+            : flight.id || "";
+        const href = buyHref
+            ? buyHref
+            : itemIds
+                ? `${HOST_URL}/flights/add-to-cart?itemIds=${itemIds}&sessionId=${sessionId || "no-session"}&accessToken=${token}&language=${lang}`
+                : "";
+        if (href) {
+            Linking.openURL(href);
+        }
+        if (onSelect) {
+            onSelect(item);
+        }
+    };
+    const formattedPrice = Number(dynamicPrice || 0).toFixed(2);
+    const formattedText = `${currencySign}${formattedPrice}`;
+    const chevronRotateInterpolation = chevronRotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0deg", "180deg"],
+    });
+    const currentLang = lang || "ru";
+    return (_jsxs(View, { style: styles.card, ref: cardRef, onLayout: () => {
+            cardRef.current?.measureInWindow((x, y) => {
+                cardLayoutRef.current = { x, y };
+            });
+        }, children: [tooltipData && (_jsx(TooltipBubble, { label: tooltipData.label, triggerX: tooltipData.x, triggerY: tooltipData.y, triggerW: tooltipData.w, triggerH: tooltipData.h, cardX: cardLayoutRef.current.x, cardY: cardLayoutRef.current.y })), _jsxs(View, { style: styles.header, children: [_jsxs(View, { style: styles.airlinesRow, children: [airlinesList.map((airline, i) => (_jsx(TooltipTrigger, { label: airline.name, onShow: showTooltip, onDismiss: dismissTooltip, active: tooltipData?.label === airline.name, children: _jsx(Image, { source: { uri: airline.logo || `${BASE_URL}/images/airline-default.png` }, style: styles.airlineLogo, defaultSource: { uri: `${BASE_URL}/images/airline-default.png` } }) }, i))), flight?.type === "charter" && (_jsx(View, { style: styles.badgeCharter, children: _jsx(Text, { style: styles.badgeCharterText, children: translations["charter"] || "Charter" }) })), flight?.service === "SIRENA_3D" && (_jsx(View, { style: styles.badge3D, children: _jsx(Text, { style: styles.badge3DText, children: "3D" }) })), flight?.service === "FLY_DUBAI" && (_jsx(View, { style: styles.badgeSpecial, children: _jsx(Text, { style: styles.badgeSpecialText, children: translations["special_fare"] || "Special fare" }) })), flight?.outOfPolicy && (_jsx(View, { style: styles.badgePolicy, children: _jsx(Text, { style: styles.badgePolicyText, children: translations["violates_policy"] || "Violates travel policy" }) }))] }), _jsxs(View, { style: styles.warningIcons, children: [nightTransfer && (_jsx(TooltipTrigger, { label: translations["night_transfer"] || "Night transfer", onShow: showTooltip, onDismiss: dismissTooltip, active: tooltipData?.label === (translations["night_transfer"] || "Night transfer"), children: _jsx(View, { style: styles.warningBadge, children: _jsx(Svg, { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", children: _jsx(Path, { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z", fill: "#5B5D6C" }) }) }) })), transferToAnotherAirport && (_jsx(TooltipTrigger, { label: translations["airport_change"] || "Airport change", onShow: showTooltip, onDismiss: dismissTooltip, active: tooltipData?.label === (translations["airport_change"] || "Airport change"), children: _jsx(View, { style: styles.warningBadge, children: _jsx(Svg, { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", children: _jsx(Path, { d: "M22 16.21v-1.895L14 8V4a2 2 0 10-4 0v4L2 14.316v1.895l8-2.526V18l-2 1.5V21l4-1 4 1v-1.5L14 18v-4.316l8 2.526z", fill: "#5B5D6C" }) }) }) })), transferTime > 360 && (_jsx(TooltipTrigger, { label: translations["long_transfer"] || "Long transfer", onShow: showTooltip, onDismiss: dismissTooltip, active: tooltipData?.label === (translations["long_transfer"] || "Long transfer"), children: _jsx(View, { style: styles.warningBadge, children: _jsx(Svg, { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", children: _jsx(Path, { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z", fill: "#BF3939" }) }) }) }))] })] }), itineraries.map((itinerary, i) => {
+                const firstSegment = itinerary?.segments?.[0];
+                const lastSegment = itinerary?.segments?.[itinerary?.segments?.length - 1];
+                const depIata = firstSegment?.departure?.iata_code;
+                const arrIata = lastSegment?.arrival?.iata_code;
+                const depAirport = dictionaries?.airports?.[depIata];
+                const arrAirport = dictionaries?.airports?.[arrIata];
+                const depCity = currentLang === "ru"
+                    ? depAirport?.city?.title || depAirport?.title || depIata || ""
+                    : depAirport?.city?.titleEn ||
+                        depAirport?.titleEn ||
+                        depIata ||
+                        "";
+                const arrCity = currentLang === "ru"
+                    ? arrAirport?.city?.title || arrAirport?.title || arrIata || ""
+                    : arrAirport?.city?.titleEn ||
+                        arrAirport?.titleEn ||
+                        arrIata ||
+                        "";
+                const depDate = firstSegment?.departure?.at
+                    ? new Date(firstSegment.departure.at).toLocaleDateString(currentLang === "ru" ? "ru-RU" : "en-US", { weekday: "short", month: "long", day: "2-digit" })
+                    : "";
+                const arrDate = lastSegment?.arrival?.at
+                    ? new Date(lastSegment.arrival.at).toLocaleDateString(currentLang === "ru" ? "ru-RU" : "en-US", { weekday: "short", month: "long", day: "2-digit" })
+                    : "";
+                return (_jsx(View, { style: [styles.itinerary, i > 0 && styles.itineraryDivider], children: _jsxs(View, { style: styles.timeInfoRow, children: [_jsxs(View, { style: styles.timeBlock, children: [_jsx(Text, { style: styles.timeText, children: formatTimeByDateTimeFormat(firstSegment?.departure?.at, dateTimeFormat) }), _jsx(Text, { style: styles.cityText, numberOfLines: 1, children: depCity }), _jsx(Text, { style: styles.dateText, children: depDate })] }), _jsxs(View, { style: styles.timelineCenter, children: [_jsxs(View, { style: styles.timelineDuration, children: [_jsxs(Text, { style: styles.durationText, children: [translations["in_flight"] || "In flight", ":", " ", formatDuration(itinerary?.duration)] }), _jsx(Text, { style: [
+                                                    styles.transfersText,
+                                                    itinerary?.transfers > 0
+                                                        ? styles.transfersWithStops
+                                                        : styles.transfersDirect,
+                                                ], children: itinerary?.transfers > 0
+                                                    ? `${itinerary.transfers} ${translations["transfers"] || "Stops"}`
+                                                    : translations["direct_flight"] || "Direct" })] }), itinerary?.segments?.length ? (_jsx(FlightSegments, { segments: itinerary.segments, dictionaries: dictionaries, lang: lang, translations: translations, onShowTooltip: showTooltip, onDismissTooltip: dismissTooltip, activeTooltip: tooltipData?.label })) : (_jsx(Text, { style: styles.noSegmentsText, children: translations["no_segments"] || "No segment data" }))] }), _jsxs(View, { style: [styles.timeBlock, styles.timeBlockRight], children: [_jsx(Text, { style: styles.timeText, children: formatTimeByDateTimeFormat(lastSegment?.arrival?.at, dateTimeFormat) }), _jsx(Text, { style: styles.cityText, numberOfLines: 1, children: arrCity }), _jsx(Text, { style: styles.dateText, children: arrDate })] })] }) }, i));
+            }), _jsxs(View, { style: styles.priceSection, children: [_jsx(FlightBaggageToggle, { flight: flight, includeBaggage: includeBaggage, setIncludeBaggage: setIncludeBaggage, setDynamicPrice: setDynamicPrice, setBaggageText: setBaggageText, setBaggageImage: setBaggageImage, setBuyHref: setBuyHref, sessionId: sessionId, translations: translations, lang: lang }), _jsx(TouchableOpacity, { style: [styles.buyButton, loading && styles.buyButtonLoading], onPress: handleBuy, activeOpacity: 0.8, children: _jsxs(Text, { style: styles.buyButtonText, children: [translations["buy_for"] || "Buy for", " ", formattedText] }) }), availableSeats > 0 && (_jsxs(Text, { style: styles.seatsText, children: [translations["remaining"] || "Remaining", ": ", availableSeats, " ", translations["seats"] || "seats"] }))] }), _jsx(TouchableOpacity, { style: styles.detailsButton, onPress: toggleDetails, activeOpacity: 0.7, children: _jsx(Animated.View, { style: {
+                        transform: [{ rotate: chevronRotateInterpolation }],
+                    }, children: _jsx(Svg, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M3.05727 7.05687C3.57797 6.53617 4.42219 6.53617 4.94289 7.05687L12.0001 14.1141L19.0573 7.05687C19.578 6.53617 20.4222 6.53617 20.9429 7.05687C21.4636 7.57756 21.4636 8.42178 20.9429 8.94248L12.9429 16.9425C12.4222 17.4632 11.578 17.4632 11.0573 16.9425L3.05727 8.94248C2.53657 8.42179 2.53657 7.57757 3.05727 7.05687Z", fill: "#5B5D6C" }) }) }) }), _jsx(FlightAdditionalInfo, { show: showDetails, itineraries: itineraries, airlines: {
+                    [flight.airline]: {
+                        logo: flight.operating?.logo_circle || `${BASE_URL}/images/airline-default.png`,
+                        name: flight.airline,
+                    },
+                }, includeBaggage: includeBaggage, baggageText: baggageText, baggageImage: baggageImage, translations: translations, lang: lang })] }));
+};
+const styles = StyleSheet.create({
+    card: {
+        backgroundColor: Colors.surface,
+        borderRadius: BorderRadius.lg,
+        marginHorizontal: Spacing.lg,
+        marginBottom: Spacing.lg,
+        padding: Spacing.xl,
+        shadowColor: Colors.black,
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.08,
+        shadowRadius: 8,
+        elevation: 3,
+    },
+    header: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginBottom: Spacing.sm,
+    },
+    airlinesRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        flexWrap: "wrap",
+        flex: 1,
+        gap: Spacing.xs,
+    },
+    airlineLogo: {
+        width: 30,
+        height: 30,
+        borderRadius: BorderRadius.full,
+    },
+    badgeCharter: {
+        backgroundColor: "#FFF3CD",
+        paddingHorizontal: Spacing.sm,
+        paddingVertical: 2,
+        borderRadius: BorderRadius.sm,
+    },
+    badgeCharterText: {
+        fontSize: FontSize.xs,
+        color: "#856404",
+        fontWeight: "600",
+    },
+    badge3D: {
+        backgroundColor: Colors.primaryLight,
+        paddingHorizontal: Spacing.sm,
+        paddingVertical: 2,
+        borderRadius: BorderRadius.sm,
+    },
+    badge3DText: {
+        fontSize: FontSize.xs,
+        color: Colors.primary,
+        fontWeight: "700",
+    },
+    badgeSpecial: {
+        backgroundColor: Colors.primaryLight,
+        paddingHorizontal: Spacing.sm,
+        paddingVertical: 2,
+        borderRadius: BorderRadius.sm,
+    },
+    badgeSpecialText: {
+        fontSize: FontSize.xs,
+        color: Colors.primary,
+        fontWeight: "500",
+    },
+    badgePolicy: {
+        backgroundColor: "#FEE2E2",
+        paddingHorizontal: Spacing.sm,
+        paddingVertical: 2,
+        borderRadius: BorderRadius.sm,
+    },
+    badgePolicyText: {
+        fontSize: FontSize.xs,
+        color: Colors.error,
+        fontWeight: "500",
+    },
+    warningIcons: {
+        flexDirection: "row",
+        gap: Spacing.xs,
+    },
+    warningBadge: {
+        width: 30,
+        height: 30,
+        borderRadius: BorderRadius.full,
+        backgroundColor: Colors.surfaceSecondary,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    itinerary: {
+        marginBottom: Spacing.sm,
+    },
+    itineraryDivider: {
+        borderTopWidth: 1,
+        borderTopColor: "#E4E6EE",
+        paddingTop: Spacing.lg,
+        marginTop: Spacing.lg,
+    },
+    timeInfoRow: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+    },
+    timeBlock: {
+        alignItems: "flex-start",
+    },
+    timeBlockRight: {
+        alignItems: "flex-end",
+    },
+    timeText: {
+        fontSize: FontSize.xl,
+        fontWeight: "600",
+        color: "#191C30",
+        lineHeight: 28,
+        marginBottom: Spacing.sm,
+    },
+    cityText: {
+        fontSize: FontSize.sm,
+        color: "#5B5D6C",
+        lineHeight: 20,
+    },
+    dateText: {
+        fontSize: FontSize.sm,
+        color: "#5B5D6C",
+        lineHeight: 20,
+    },
+    timelineCenter: {
+        flex: 1,
+        paddingHorizontal: Spacing.lg,
+        alignItems: "center",
+    },
+    timelineDuration: {
+        flexDirection: "column",
+        alignItems: "center",
+        gap: Spacing.sm,
+        marginBottom: Spacing.sm,
+    },
+    durationText: {
+        fontSize: FontSize.sm,
+        color: "#5B5D6C",
+    },
+    transfersText: {
+        fontSize: FontSize.sm,
+        fontWeight: "400",
+    },
+    transfersWithStops: {
+        color: "#BF3939",
+    },
+    transfersDirect: {
+        color: "#3D7B50",
+    },
+    noSegmentsText: {
+        fontSize: FontSize.xs,
+        color: Colors.textTertiary,
+    },
+    priceSection: {
+        borderTopWidth: 1,
+        borderTopColor: "#E4E6EE",
+        paddingTop: Spacing.md,
+        alignItems: "center",
+    },
+    buyButton: {
+        backgroundColor: Colors.primary,
+        borderRadius: BorderRadius.xl,
+        paddingVertical: Spacing.md,
+        paddingHorizontal: Spacing.xxl,
+        marginTop: Spacing.sm,
+        width: "100%",
+        alignItems: "center",
+    },
+    buyButtonLoading: {
+        opacity: 0.7,
+    },
+    buyButtonText: {
+        color: Colors.textOnPrimary,
+        fontSize: FontSize.md,
+        fontWeight: "600",
+    },
+    seatsText: {
+        fontSize: FontSize.sm,
+        color: Colors.textTertiary,
+        marginTop: Spacing.xs,
+    },
+    detailsButton: {
+        alignItems: "center",
+        paddingVertical: Spacing.sm,
+    },
+});
+export default FlightCard;

package/dist/modules/search-form/flight/flight-results/FlightInfo.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type FlightInfoProps = {
+    departureCity?: string;
+    arrivalCity?: string;
+    departureTime?: string;
+    arrivalTime?: string;
+    duration?: string;
+    transfers?: number;
+    translations: Record<string, string>;
+};
+declare const FlightInfo: React.FC<FlightInfoProps>;
+export default FlightInfo;

package/dist/modules/search-form/flight/flight-results/FlightInfo.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from "react-native";
+import { Colors, Spacing, FontSize } from "../../../../theme/colors";
+const FlightInfo = ({ departureCity, arrivalCity, departureTime, arrivalTime, duration, transfers = 0, translations, }) => {
+    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.row, children: [_jsxs(View, { style: styles.cityBlock, children: [departureTime ? (_jsx(Text, { style: styles.time, children: departureTime })) : null, departureCity ? (_jsx(Text, { style: styles.city, numberOfLines: 1, children: departureCity })) : null] }), _jsxs(View, { style: styles.middleBlock, children: [duration ? (_jsx(Text, { style: styles.duration, children: duration })) : null, _jsx(Text, { style: styles.transfers, children: transfers > 0
+                                ? `${transfers} ${translations["transfers"] || "stops"}`
+                                : translations["direct_flight"] || "Direct" })] }), _jsxs(View, { style: [styles.cityBlock, styles.cityBlockRight], children: [arrivalTime ? (_jsx(Text, { style: styles.time, children: arrivalTime })) : null, arrivalCity ? (_jsx(Text, { style: styles.city, numberOfLines: 1, children: arrivalCity })) : null] })] }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingVertical: Spacing.xs,
+    },
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    cityBlock: {
+        width: 70,
+    },
+    cityBlockRight: {
+        alignItems: "flex-end",
+    },
+    time: {
+        fontSize: FontSize.lg,
+        fontWeight: "700",
+        color: Colors.text,
+    },
+    city: {
+        fontSize: FontSize.xs,
+        color: Colors.textSecondary,
+        marginTop: 2,
+    },
+    middleBlock: {
+        flex: 1,
+        alignItems: "center",
+    },
+    duration: {
+        fontSize: FontSize.xs,
+        color: Colors.textSecondary,
+    },
+    transfers: {
+        fontSize: FontSize.xs,
+        color: Colors.primary,
+        fontWeight: "500",
+        marginTop: 2,
+    },
+});
+export default FlightInfo;

package/dist/modules/search-form/flight/flight-results/FlightPriceBlock.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type FlightPriceBlockProps = {
+    price: number | string;
+    currencySign?: string;
+    loading?: boolean;
+    onBuy: () => void;
+    availableSeats?: number;
+    translations: Record<string, string>;
+};
+declare const FlightPriceBlock: React.FC<FlightPriceBlockProps>;
+export default FlightPriceBlock;

package/dist/modules/search-form/flight/flight-results/FlightPriceBlock.js

@@ -0,0 +1,36 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import { Colors, Spacing, FontSize, BorderRadius } from "../../../../theme/colors";
+const FlightPriceBlock = ({ price, currencySign = "", loading = false, onBuy, availableSeats = 0, translations, }) => {
+    const formattedPrice = Number(price || 0).toFixed(2);
+    const formattedText = `${currencySign}${formattedPrice}`;
+    return (_jsxs(View, { style: styles.container, children: [_jsx(TouchableOpacity, { style: [styles.buyButton, loading && styles.buyButtonLoading], onPress: onBuy, activeOpacity: 0.8, disabled: loading, children: _jsxs(Text, { style: styles.buyButtonText, children: [translations["buy_for"] || "Buy for", " ", formattedText] }) }), availableSeats > 0 && (_jsxs(Text, { style: styles.seatsText, children: [translations["remaining"] || "Remaining", ": ", availableSeats, " ", translations["seats"] || "seats"] }))] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        paddingVertical: Spacing.sm,
+    },
+    buyButton: {
+        backgroundColor: Colors.primary,
+        borderRadius: BorderRadius.md,
+        paddingVertical: Spacing.md,
+        paddingHorizontal: Spacing.xxl,
+        width: "100%",
+        alignItems: "center",
+    },
+    buyButtonLoading: {
+        opacity: 0.7,
+    },
+    buyButtonText: {
+        color: Colors.textOnPrimary,
+        fontSize: FontSize.lg,
+        fontWeight: "700",
+    },
+    seatsText: {
+        fontSize: FontSize.xs,
+        color: Colors.textTertiary,
+        marginTop: Spacing.xs,
+    },
+});
+export default FlightPriceBlock;

package/dist/modules/search-form/flight/flight-results/FlightResults.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+type FlightResultsProps = {
+    results: any[];
+    loading: boolean;
+    isFiltering?: boolean;
+    total?: number;
+    limit?: number;
+    offset?: number;
+    fetchPage?: (page: number, filters?: Record<string, any>) => void;
+    dictionaries?: any;
+    airlines?: Record<string, string>;
+    sessionId?: string | null;
+    filtersData?: any;
+    isPageLoading?: boolean;
+    translations: Record<string, string>;
+    lang: string;
+    currencySign?: string;
+    onFlightSelect?: (item: any) => void;
+    headerComponent?: React.ReactElement;
+};
+declare const FlightResults: React.FC<FlightResultsProps>;
+export default FlightResults;