@adminide-stack/yantra-mobile 12.0.69-alpha.8 → 12.0.69

package/lib/features/travel/TravelExperience.js

@@ -0,0 +1,624 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useEffect,useState,useRef,useMemo,useCallback}from'react';import {StyleSheet,useColorScheme,PanResponder,Keyboard,Platform,View,Text,ActivityIndicator,KeyboardAvoidingView,Pressable,ScrollView}from'react-native';import {useFocusEffect}from'@react-navigation/native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeInsets}from'../canvas/withRemoteSafeArea.js';import {createTravelExec}from'./travelExec.js';import {setTravelRuntime}from'./travelRuntime.js';import {useTravelSearch,emptyTravelQuery}from'./useTravelSearch.js';import {TravelPropertyCard}from'./TravelPropertyCard.js';import {TravelDetailSheet}from'./TravelDetailSheet.js';import {SavedPanel}from'./SavedPanel.js';import {HistoryPanel}from'./HistoryPanel.js';import {BookingsPanel}from'./BookingsPanel.js';import {hydrateSavedStays}from'./savedStays.js';import {hydrateTravelHistory,recordPropertyView}from'./travelHistoryStore.js';import {TravelAgentChatPane}from'./TravelAgentChatPane.js';import {shouldClaimOpenAgentMove,isOpenAgentSwipe}from'./travelAgentSwipe.js';import {TravelType}from'./types.js';import {formatLocalDate,parseLocalDateInput}from'./parseTravelIntent.js';import {TravelResultsMap}from'./TravelResultsMap.js';import {TravelLanding}from'./TravelLanding.js';import {TravelBookHero}from'./TravelBookHero.js';import {TravelRailFlyout}from'./TravelRailFlyout.js';import {DiscoverPanel}from'./DiscoverPanel.js';import {WorkspacePanel}from'./WorkspacePanel.js';import {FlightCompareBar}from'./FlightCompareBar.js';import {sortFlightProperties,computeFlightDeals}from'./flightDeals.js';import {SOURCE_ORDER,propertySource,SOURCE_LABELS}from'./catalog.js';import {ensureFlightOrigin}from'./services/resolveOriginCity.js';import {BookHeaderGlow}from'./BookHeaderGlow.js';import {APP_NAV,RAIL_NAV}from'./appNav.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function nightsAndRange(from, to) {
+  const nights = Math.max(1, Math.round((to.getTime() - from.getTime()) / 864e5));
+  const fmt = (d) => d.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+  return {
+    nights: nights === 1 ? "1 night" : `${nights} nights`,
+    range: `${fmt(from)} - ${fmt(to)}`
+  };
+}
+function TravelExperience({
+  token,
+  indexUrl,
+  sessionError,
+  hostChat,
+  onAgentVisibleChange,
+  initialAgentSeed = null
+}) {
+  var _a, _b, _c, _d, _e;
+  const isDark = useColorScheme() === "dark";
+  const ink = isDark ? "#f8fafc" : "#0f172a";
+  const muted = isDark ? "#94a3b8" : "#64748b";
+  const screen = isDark ? "#0f172a" : "#f4f6f9";
+  const card = isDark ? "#111827" : "#ffffff";
+  const border = isDark ? "rgba(148,163,184,0.22)" : "#e8ecf1";
+  useEffect(() => {
+    void hydrateSavedStays();
+    void hydrateTravelHistory();
+  }, []);
+  useEffect(() => {
+    if (!token) return;
+    setTravelRuntime({
+      exec: createTravelExec(token, indexUrl),
+      config: {
+        GOOGLE_MAPS_API_KEY: "AIzaSyCtMaqd4AQayEx4-QTbuM_uL91pQrUsbK8",
+        PROPERTY_SEARCH_DEFAULT_PAGE_SIZE: 30
+      }
+    });
+  }, [token, indexUrl]);
+  const insets = useSafeInsets();
+  const searchState = useTravelSearch();
+  const [form, setForm] = useState(emptyTravelQuery);
+  const [fromText, setFromText] = useState(() => formatLocalDate(emptyTravelQuery().dates[0]));
+  const [toText, setToText] = useState(() => formatLocalDate(emptyTravelQuery().dates[1]));
+  const [view, setView] = useState("book");
+  const [railLabel, setRailLabel] = useState("Travel");
+  const [railFlyout, setRailFlyout] = useState(null);
+  const [workspacePageKey, setWorkspacePageKey] = useState("duty-of-care");
+  const [detail, setDetail] = useState(null);
+  const [chatOpen, setChatOpen] = useState(Boolean(initialAgentSeed));
+  const [sourceFilter, setSourceFilter] = useState("all");
+  const [flightSort, setFlightSort] = useState("cheapest");
+  const [mapPropertyId, setMapPropertyId] = useState(null);
+  const [keyboardOpen, setKeyboardOpen] = useState(false);
+  const chatOpenRef = useRef(chatOpen);
+  chatOpenRef.current = chatOpen;
+  const blockedRef = useRef(false);
+  blockedRef.current = Boolean(detail);
+  const swipe = useMemo(() => PanResponder.create({
+    onMoveShouldSetPanResponder: (_e2, g) => !chatOpenRef.current && !blockedRef.current && shouldClaimOpenAgentMove(g),
+    onPanResponderRelease: (_e2, g) => {
+      if (!chatOpenRef.current && !blockedRef.current && isOpenAgentSwipe(g)) {
+        setChatOpen(true);
+      }
+    }
+  }), []);
+  useFocusEffect(useCallback(() => {
+    return () => {
+      setDetail(null);
+      setChatOpen(false);
+    };
+  }, []));
+  useEffect(() => {
+    onAgentVisibleChange == null ? void 0 : onAgentVisibleChange(chatOpen);
+  }, [chatOpen, onAgentVisibleChange]);
+  useEffect(() => {
+    const show = Keyboard.addListener(Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow", () => setKeyboardOpen(true));
+    const hide = Keyboard.addListener(Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide", () => setKeyboardOpen(false));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  const openDetails = useCallback((property) => {
+    setDetail(property);
+    recordPropertyView(property);
+  }, []);
+  const goToBookHome = () => {
+    Keyboard.dismiss();
+    setMapPropertyId(null);
+    setSourceFilter("all");
+    searchState.clear();
+    setView("book");
+    setRailLabel("Travel");
+  };
+  const runSearchNow = () => {
+    const from = parseLocalDateInput(fromText);
+    const to = parseLocalDateInput(toText);
+    const next = from && to ? __spreadProps(__spreadValues({}, form), {
+      dates: [from, to]
+    }) : form;
+    setForm(next);
+    setSourceFilter("all");
+    searchState.search(next);
+    setView("book");
+  };
+  const searchCity = (query) => {
+    const from = parseLocalDateInput(fromText);
+    const to = parseLocalDateInput(toText);
+    const dates = from && to ? [from, to] : form.dates;
+    if (form.travelType === TravelType.FLIGHTS) {
+      void ensureFlightOrigin(form.pickupLocation).then((origin) => {
+        const next2 = __spreadProps(__spreadValues({}, form), {
+          dates,
+          dropoffLocation: query,
+          pickupLocation: origin
+        });
+        setForm(next2);
+        searchState.search(next2);
+        setView("book");
+      });
+      return;
+    }
+    const next = form.travelType === TravelType.CARS ? __spreadProps(__spreadValues({}, form), {
+      dates,
+      pickupLocation: query
+    }) : __spreadProps(__spreadValues({}, form), {
+      dates,
+      location: {
+        formattedAddress: query
+      }
+    });
+    setForm(next);
+    searchState.search(next);
+    setView("book");
+  };
+  const searchRoute = (origin, destination) => {
+    const from = parseLocalDateInput(fromText);
+    const to = parseLocalDateInput(toText);
+    const dates = from && to ? [from, to] : form.dates;
+    const next = __spreadProps(__spreadValues({}, form), {
+      travelType: TravelType.FLIGHTS,
+      pickupLocation: origin,
+      dropoffLocation: destination,
+      dates
+    });
+    setForm(next);
+    searchState.search(next);
+    setView("book");
+  };
+  const rerunSearch = useCallback((entry) => {
+    setView("book");
+    const next = __spreadProps(__spreadValues({}, form), {
+      travelType: entry.travelType
+    });
+    if (entry.travelType === TravelType.HOTELS) {
+      next.location = {
+        formattedAddress: entry.query
+      };
+    } else if (entry.travelType === TravelType.CARS) {
+      next.pickupLocation = entry.query;
+    }
+    setForm(next);
+    searchState.search(next);
+  }, [form, searchState]);
+  const showLanding = view === "book" && !searchState.hasSearched && !searchState.isLoading;
+  const showResults = view === "book" && (searchState.hasSearched || searchState.isLoading);
+  const rankedProperties = useMemo(() => {
+    if (form.travelType !== TravelType.FLIGHTS) return searchState.properties;
+    return sortFlightProperties(searchState.properties, flightSort);
+  }, [form.travelType, searchState.properties, flightSort]);
+  const flightDeals = useMemo(() => form.travelType === TravelType.FLIGHTS ? computeFlightDeals(searchState.properties) : null, [form.travelType, searchState.properties]);
+  const propertiesBySource = useMemo(() => SOURCE_ORDER.map((source) => ({
+    source,
+    properties: rankedProperties.filter((p) => propertySource(p) === source)
+  })).filter((row) => row.properties.length > 0), [rankedProperties]);
+  const visibleProperties = sourceFilter === "all" ? rankedProperties : rankedProperties.filter((p) => propertySource(p) === sourceFilter);
+  const selectedStay = (_a = visibleProperties.find((row) => row.id === mapPropertyId)) != null ? _a : null;
+  const panelTheme = {
+    card,
+    border,
+    ink,
+    muted
+  };
+  const fromDate = (_b = parseLocalDateInput(fromText)) != null ? _b : form.dates[0];
+  const toDate = (_c = parseLocalDateInput(toText)) != null ? _c : form.dates[1];
+  const dateMeta = nightsAndRange(fromDate, toDate);
+  const pageTitle = view === "discover" ? "Discover" : view === "saved" ? "Saved" : view === "history" ? "Search history" : view === "bookings" ? "My bookings" : view === "workspace" ? railLabel : "Book";
+  const pickNavItem = (item, groupLabel) => {
+    setRailFlyout(null);
+    setRailLabel(groupLabel);
+    if (groupLabel === "Travel") {
+      if (!item.key) {
+        setView("book");
+        return;
+      }
+      if (item.key === "saved") {
+        setView("saved");
+        return;
+      }
+      if (item.key === "search-history") {
+        setView("history");
+        return;
+      }
+      if (item.key === "bookings" || item.key === "orders") {
+        setView("bookings");
+        return;
+      }
+      setWorkspacePageKey(item.key);
+      setView("workspace");
+      return;
+    }
+    if (item.key === "assistant") {
+      setChatOpen(true);
+      return;
+    }
+    setWorkspacePageKey(item.key);
+    setView("workspace");
+  };
+  const selectRail = (label) => {
+    if (label === "Assistant") {
+      setRailFlyout(null);
+      setChatOpen(true);
+      return;
+    }
+    const group = APP_NAV.find((row) => row.railLabel === label);
+    if (!group) return;
+    if (group.items.length <= 1) {
+      pickNavItem(group.items[0], label);
+      return;
+    }
+    setRailFlyout((cur) => cur === label ? null : label);
+  };
+  if (sessionError) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: screen
+    }], children: /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: ink
+      }], children: "Travel unavailable" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.detail, {
+        color: muted
+      }], children: sessionError })
+    ] }) });
+  }
+  if (!token) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: screen,
+      alignItems: "center",
+      justifyContent: "center"
+    }], children: /* @__PURE__ */ jsx(ActivityIndicator, {}) });
+  }
+  const bookHero = /* @__PURE__ */ jsx(TravelBookHero, { travelType: form.travelType, location: form.location.formattedAddress, pickupLocation: form.pickupLocation, dropoffLocation: form.dropoffLocation, guests: form.guests, returnFlight: form.returnFlight, nights: dateMeta.nights, range: dateMeta.range, fromText, toText, compact: showResults || keyboardOpen, showAgentCta: showLanding && !keyboardOpen, onTypeChange: (travelType) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    travelType
+  })), onLocationChange: (value) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    location: {
+      formattedAddress: value
+    }
+  })), onLocationResolved: (location) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    location
+  })), onPickupChange: (pickupLocation) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    pickupLocation
+  })), onPickupResolved: (place) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    pickupLocation: place.formattedAddress,
+    location: prev.travelType === TravelType.CARS ? place : prev.location
+  })), onDropoffChange: (dropoffLocation) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    dropoffLocation
+  })), onDropoffResolved: (place) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    dropoffLocation: place.formattedAddress
+  })), onFromChange: setFromText, onToChange: setToText, onGuestsChange: (guests) => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    guests: Math.max(1, guests)
+  })), onReturnToggle: () => setForm((prev) => __spreadProps(__spreadValues({}, prev), {
+    returnFlight: !prev.returnFlight
+  })), onSearch: runSearchNow, onOpenAgent: () => setChatOpen(true) });
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: screen
+  }], testID: "travel-panel", children: [
+    /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: styles.fill, behavior: Platform.OS === "ios" ? "padding" : void 0, children: [
+      view === "book" && showLanding ? null : view === "book" && showResults ? /* @__PURE__ */ jsxs(View, { style: styles.resultsHeroBar, children: [
+        /* @__PURE__ */ jsx(BookHeaderGlow, {}),
+        /* @__PURE__ */ jsx(Pressable, { onPress: goToBookHome, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Back to search", style: styles.backBtn, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 28, color: "#fff" }) }),
+        /* @__PURE__ */ jsx(Text, { style: styles.resultsBookTitle, children: "Book" })
+      ] }) : /* @__PURE__ */ jsx(View, { style: styles.topBar, children: /* @__PURE__ */ jsx(Text, { style: [styles.pageTitle, {
+        color: ink
+      }], children: pageTitle }) }),
+      view === "discover" ? /* @__PURE__ */ jsx(DiscoverPanel, __spreadValues({}, panelTheme)) : null,
+      view === "saved" ? /* @__PURE__ */ jsx(SavedPanel, __spreadValues({ onOpenDetails: openDetails }, panelTheme)) : null,
+      view === "history" ? /* @__PURE__ */ jsx(HistoryPanel, __spreadValues({ onRerunSearch: rerunSearch, onOpenDetails: openDetails }, panelTheme)) : null,
+      view === "bookings" ? /* @__PURE__ */ jsx(BookingsPanel, __spreadValues({ onOpenDetails: openDetails }, panelTheme)) : null,
+      view === "workspace" ? /* @__PURE__ */ jsx(WorkspacePanel, __spreadProps(__spreadValues({ groupLabel: (_d = APP_NAV.find((g) => g.railLabel === railLabel)) == null ? void 0 : _d.label, initialPageKey: workspacePageKey }, panelTheme), { onJumpView: (next) => {
+        setRailLabel("Travel");
+        setView(next === "book" ? "book" : next);
+      }, onOpenAgent: () => setChatOpen(true) })) : null,
+      view === "book" && showLanding ? /* @__PURE__ */ jsx(ScrollView, { style: styles.fill, contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", keyboardDismissMode: Platform.OS === "ios" ? "interactive" : "on-drag", automaticallyAdjustKeyboardInsets: true, children: /* @__PURE__ */ jsxs(Pressable, { onPress: Keyboard.dismiss, accessible: false, style: styles.dismissTap, children: [
+        bookHero,
+        /* @__PURE__ */ jsx(TravelLanding, __spreadProps(__spreadValues({ travelType: form.travelType }, panelTheme), { onAskAgent: () => {
+          Keyboard.dismiss();
+          setChatOpen(true);
+        }, onPickCity: (query) => {
+          Keyboard.dismiss();
+          searchCity(query);
+        }, onPickRoute: (origin, destination) => {
+          Keyboard.dismiss();
+          searchRoute(origin, destination);
+        }, onExplore: () => {
+          Keyboard.dismiss();
+          setView("discover");
+        }, onOpenTrips: () => {
+          Keyboard.dismiss();
+          setView("bookings");
+        }, pickupLocation: form.pickupLocation }))
+      ] }) }) : null,
+      view === "book" && showResults ? /* @__PURE__ */ jsxs(View, { style: styles.fill, children: [
+        visibleProperties.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.topMap, children: [
+          /* @__PURE__ */ jsx(TravelResultsMap, { properties: visibleProperties, center: (_e = form.location.coordinates) != null ? _e : searchState.lastCenter, selectedId: mapPropertyId, onSelect: setMapPropertyId }),
+          selectedStay ? /* @__PURE__ */ jsx(View, { style: styles.mapCard, children: /* @__PURE__ */ jsx(TravelPropertyCard, { property: selectedStay, card, border, ink, muted, compactPeek: true, onDismissPeek: () => setMapPropertyId(null), onOpen: () => openDetails(selectedStay) }) }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs(View, { style: styles.fill, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.resultsHead, children: [
+            searchState.isLoading && searchState.properties.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.searching, children: [
+              /* @__PURE__ */ jsx(ActivityIndicator, { color: "#2869E0" }),
+              /* @__PURE__ */ jsxs(Text, { style: [styles.searchingText, {
+                color: muted
+              }], children: [
+                "Searching properties via yantra-resortifi",
+                searchState.lastQuery ? ` for ${searchState.lastQuery}` : "",
+                "\u2026"
+              ] })
+            ] }) : null,
+            searchState.properties.length > 0 ? /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.chips, children: [
+              /* @__PURE__ */ jsx(Pressable, { onPress: () => setSourceFilter("all"), style: [styles.chip, sourceFilter === "all" && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipText, sourceFilter === "all" && styles.chipTextOn], children: [
+                "All ",
+                rankedProperties.length
+              ] }) }),
+              propertiesBySource.map((row) => {
+                const on = sourceFilter === row.source;
+                return /* @__PURE__ */ jsx(Pressable, { onPress: () => setSourceFilter(row.source), style: [styles.chip, on && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipText, on && styles.chipTextOn], children: [
+                  SOURCE_LABELS[row.source],
+                  " ",
+                  row.properties.length
+                ] }) }, row.source);
+              })
+            ] }) : null,
+            searchState.properties.length > 0 ? /* @__PURE__ */ jsxs(View, { style: {
+              gap: 2
+            }, children: [
+              /* @__PURE__ */ jsxs(Text, { style: [styles.found, {
+                color: ink
+              }], children: [
+                visibleProperties.length.toLocaleString(),
+                " properties found"
+              ] }),
+              searchState.lastQuery ? /* @__PURE__ */ jsxs(Text, { style: {
+                color: muted,
+                fontSize: 12
+              }, numberOfLines: 1, children: [
+                "Results for \u201C",
+                searchState.lastQuery,
+                "\u201D"
+              ] }) : null
+            ] }) : null,
+            searchState.isEnriching ? /* @__PURE__ */ jsx(Text, { style: [styles.enrich, {
+              color: muted
+            }], children: "Finding more fares\u2026" }) : null,
+            flightDeals ? /* @__PURE__ */ jsx(FlightCompareBar, { deals: flightDeals, sort: flightSort, onPick: (sort) => setFlightSort(sort), ink, muted, card, border }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(ScrollView, { style: styles.fill, contentContainerStyle: styles.results, keyboardShouldPersistTaps: "handled", children: [
+            searchState.isLoading && searchState.properties.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.resultsGrid, children: [
+              /* @__PURE__ */ jsx(View, { style: [styles.skeleton, styles.gridCell] }),
+              /* @__PURE__ */ jsx(View, { style: [styles.skeleton, styles.gridCell] }),
+              /* @__PURE__ */ jsx(View, { style: [styles.skeleton, styles.gridCell] }),
+              /* @__PURE__ */ jsx(View, { style: [styles.skeleton, styles.gridCell] })
+            ] }) : null,
+            searchState.error && searchState.properties.length === 0 ? /* @__PURE__ */ jsx(Text, { style: {
+              color: muted
+            }, children: searchState.error }) : null,
+            /* @__PURE__ */ jsx(View, { style: styles.resultsGrid, children: visibleProperties.map((property) => /* @__PURE__ */ jsx(View, { style: styles.gridCell, children: /* @__PURE__ */ jsx(TravelPropertyCard, { property, card, border, ink, muted, selected: property.id === mapPropertyId, onHighlight: () => setMapPropertyId(property.id), onOpen: () => openDetails(property), grid: true }) }, property.id)) })
+          ] })
+        ] })
+      ] }) : null
+    ] }),
+    detail ? /* @__PURE__ */ jsx(TravelDetailSheet, { property: detail, onClose: () => setDetail(null), ink, muted, screen, border }) : null,
+    chatOpen || detail || keyboardOpen ? null : /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({ style: styles.agentSwipeEdge }, swipe.panHandlers), { pointerEvents: "box-only", accessibilityLabel: "Swipe left from here to open the travel agent" })),
+    railFlyout ? /* @__PURE__ */ jsx(TravelRailFlyout, { group: APP_NAV.find((g) => g.railLabel === railFlyout), onDismiss: () => setRailFlyout(null), onPick: (item) => pickNavItem(item, railFlyout) }) : null,
+    chatOpen || detail || keyboardOpen ? null : /* @__PURE__ */ jsx(Pressable, { onPress: () => setChatOpen(true), style: [styles.agentFab, {
+      bottom: Math.max(insets.bottom, 8) + 64
+    }], accessibilityRole: "button", accessibilityLabel: "Open travel agent", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 22, color: "#fff" }) }),
+    keyboardOpen ? null : /* @__PURE__ */ jsx(View, { style: [styles.rail, {
+      paddingBottom: Math.max(insets.bottom, 8)
+    }], children: RAIL_NAV.map((group) => {
+      const on = railFlyout === group.railLabel || !chatOpen && !railFlyout && railLabel === group.railLabel;
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: () => selectRail(group.railLabel), style: styles.railItem, accessibilityRole: "button", accessibilityLabel: group.railLabel, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: group.icon, size: 20, color: on ? "#2563eb" : "#64748b" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.railLabel, on && styles.railLabelOn], numberOfLines: 1, children: group.railLabel })
+      ] }, group.railLabel);
+    }) }),
+    /* @__PURE__ */ jsx(TravelAgentChatPane, { visible: chatOpen, onClose: () => setChatOpen(false), hostChat, applyFromChat: searchState.applyFromChat, properties: searchState.properties, onViewResults: () => {
+      setChatOpen(false);
+      setView("book");
+    }, onOpenProperty: (property) => {
+      setChatOpen(false);
+      openDetails(property);
+    }, seedTurn: initialAgentSeed })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "600",
+    marginBottom: 6
+  },
+  detail: {
+    fontSize: 13,
+    textAlign: "center"
+  },
+  topBar: {
+    paddingHorizontal: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    backgroundColor: "#fff",
+    overflow: "visible",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    minHeight: 52
+  },
+  resultsHeroBar: {
+    backgroundColor: "#12121f",
+    overflow: "hidden",
+    position: "relative",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 12,
+    paddingTop: 10,
+    paddingBottom: 14,
+    minHeight: 72,
+    gap: 4
+  },
+  resultsBookTitle: {
+    fontSize: 28,
+    fontWeight: "800",
+    color: "#fff",
+    letterSpacing: -0.4,
+    zIndex: 1
+  },
+  backBtn: {
+    marginLeft: -4,
+    marginRight: 2,
+    zIndex: 1
+  },
+  pageTitle: {
+    fontSize: 18,
+    fontWeight: "700",
+    zIndex: 1
+  },
+  list: {
+    paddingBottom: 16,
+    flexGrow: 1
+  },
+  dismissTap: {
+    flexGrow: 1
+  },
+  results: {
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 8
+  },
+  resultsGrid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "space-between"
+  },
+  gridCell: {
+    width: "48.5%",
+    marginBottom: 10
+  },
+  resultsHead: {
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    paddingBottom: 8,
+    gap: 10
+  },
+  found: {
+    fontSize: 22,
+    fontWeight: "800"
+  },
+  topMap: {
+    height: 210,
+    marginHorizontal: 12,
+    marginTop: 8,
+    marginBottom: 4,
+    position: "relative",
+    borderRadius: 16,
+    overflow: "hidden"
+  },
+  mapCard: {
+    position: "absolute",
+    left: 8,
+    right: 8,
+    bottom: 8,
+    maxHeight: 280
+  },
+  searching: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  searchingText: {
+    flex: 1,
+    fontSize: 13,
+    fontWeight: "600",
+    lineHeight: 18
+  },
+  chips: {
+    gap: 8,
+    paddingRight: 8
+  },
+  chip: {
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    backgroundColor: "#e8edf3"
+  },
+  chipOn: {
+    backgroundColor: "#2869E0"
+  },
+  chipText: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: "#475569"
+  },
+  chipTextOn: {
+    color: "#fff"
+  },
+  skeleton: {
+    height: 220,
+    borderRadius: 16,
+    backgroundColor: "#e2e8f0"
+  },
+  enrich: {
+    fontSize: 12
+  },
+  sectionHead: {
+    fontSize: 13,
+    fontWeight: "800"
+  },
+  agentSwipeEdge: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 72,
+    width: 44,
+    zIndex: 9
+  },
+  rail: {
+    flexDirection: "row",
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: "#e2e8f0",
+    backgroundColor: "#fff",
+    paddingTop: 6,
+    paddingHorizontal: 2
+  },
+  railItem: {
+    flex: 1,
+    alignItems: "center",
+    gap: 2
+  },
+  railLabel: {
+    fontSize: 8,
+    fontWeight: "600",
+    color: "#64748b"
+  },
+  railLabelOn: {
+    color: "#2563eb"
+  },
+  agentFab: {
+    position: "absolute",
+    right: 16,
+    width: 52,
+    height: 52,
+    borderRadius: 26,
+    backgroundColor: "#2869E0",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 20,
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.25,
+    shadowRadius: 10,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 6
+  }
+});export{TravelExperience,TravelExperience as default};//# sourceMappingURL=TravelExperience.js.map