@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.70-alpha.0

package/lib/features/travel/TravelLocationField.js

@@ -0,0 +1,179 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {StyleSheet,Keyboard,View,Text,TextInput,ActivityIndicator,ScrollView,Pressable}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {fetchPlacePredictions,resolveNearbyLocation,resolvePrediction}from'./services/placePredictions.js';function TravelLocationField({
+  label,
+  value,
+  placeholder,
+  types = "geocode",
+  showNearby = true,
+  onChangeText,
+  onSelectLocation,
+  onSubmitEditing
+}) {
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [nearbyBusy, setNearbyBusy] = useState(false);
+  const [predictions, setPredictions] = useState([]);
+  const debounce = useRef(null);
+  const gen = useRef(0);
+  useEffect(() => {
+    const hide = Keyboard.addListener("keyboardDidHide", () => setOpen(false));
+    return () => {
+      hide.remove();
+      if (debounce.current) clearTimeout(debounce.current);
+    };
+  }, []);
+  const queryPlaces = (next) => {
+    if (debounce.current) clearTimeout(debounce.current);
+    if (next.trim().length < 2) {
+      setPredictions([]);
+      setLoading(false);
+      return;
+    }
+    const ticket = ++gen.current;
+    setLoading(true);
+    debounce.current = setTimeout(() => {
+      void fetchPlacePredictions(next, types).then((rows) => {
+        if (ticket !== gen.current) return;
+        setPredictions(rows);
+        setLoading(false);
+      });
+    }, 300);
+  };
+  const pickPrediction = async (row) => {
+    setOpen(false);
+    setPredictions([]);
+    Keyboard.dismiss();
+    onChangeText(row.description);
+    setLoading(true);
+    try {
+      const location = await resolvePrediction(row);
+      onSelectLocation(location);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const pickNearby = async () => {
+    setNearbyBusy(true);
+    try {
+      const location = await resolveNearbyLocation();
+      if (location) {
+        setOpen(false);
+        setPredictions([]);
+        Keyboard.dismiss();
+        onSelectLocation(location);
+      }
+    } finally {
+      setNearbyBusy(false);
+    }
+  };
+  const showMenu = open && (showNearby || loading || predictions.length > 0);
+  return /* @__PURE__ */ jsxs(View, { style: styles.wrap, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.label, children: label }),
+    /* @__PURE__ */ jsxs(View, { style: styles.inputRow, children: [
+      /* @__PURE__ */ jsx(TextInput, { value, onChangeText: (next) => {
+        onChangeText(next);
+        setOpen(true);
+        queryPlaces(next);
+      }, onFocus: () => setOpen(true), placeholder, placeholderTextColor: "#9ca3af", autoCorrect: false, autoComplete: "off", returnKeyType: "search", blurOnSubmit: true, onSubmitEditing: () => {
+        Keyboard.dismiss();
+        onSubmitEditing == null ? void 0 : onSubmitEditing();
+      }, numberOfLines: 1, style: styles.input }),
+      loading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: "#2869E0" }) : null
+    ] }),
+    showMenu ? /* @__PURE__ */ jsxs(ScrollView, { style: styles.menu, keyboardShouldPersistTaps: "handled", nestedScrollEnabled: true, bounces: false, children: [
+      showNearby ? /* @__PURE__ */ jsxs(Pressable, { onPress: () => void pickNearby(), style: styles.row, children: [
+        /* @__PURE__ */ jsx(View, { style: styles.nearbyIcon, children: nearbyBusy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: "#2869E0" }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "navigation-variant", size: 16, color: "#2869E0" }) }),
+        /* @__PURE__ */ jsxs(View, { style: {
+          flex: 1
+        }, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.main, children: "Nearby" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.sub, children: "Find what's around you" })
+        ] })
+      ] }) : null,
+      predictions.length > 0 ? /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Search results" }) : null,
+      predictions.map((row) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsxs(Pressable, { onPress: () => void pickPrediction(row), style: styles.row, children: [
+          /* @__PURE__ */ jsx(View, { style: styles.pin, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "map-marker-outline", size: 16, color: "#64748b" }) }),
+          /* @__PURE__ */ jsxs(View, { style: {
+            flex: 1
+          }, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles.main, numberOfLines: 1, children: ((_a = row.structured_formatting) == null ? void 0 : _a.main_text) || row.description }),
+            ((_b = row.structured_formatting) == null ? void 0 : _b.secondary_text) ? /* @__PURE__ */ jsx(Text, { style: styles.sub, numberOfLines: 1, children: row.structured_formatting.secondary_text }) : null
+          ] })
+        ] }, row.place_id);
+      })
+    ] }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    flex: 1,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  label: {
+    fontSize: 11,
+    color: "#6b7280",
+    fontWeight: "600",
+    marginBottom: 2
+  },
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  input: {
+    flex: 1,
+    fontSize: 15,
+    color: "#111827",
+    paddingVertical: 0
+  },
+  menu: {
+    marginTop: 8,
+    maxHeight: 220,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: "#e5e7eb",
+    paddingTop: 8
+  },
+  section: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#6b7280",
+    paddingHorizontal: 4,
+    paddingTop: 6,
+    paddingBottom: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingVertical: 8,
+    paddingHorizontal: 2
+  },
+  nearbyIcon: {
+    width: 36,
+    height: 36,
+    borderRadius: 10,
+    backgroundColor: "rgba(40,105,224,0.1)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  pin: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    backgroundColor: "#f3f4f6",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  main: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#111827"
+  },
+  sub: {
+    fontSize: 12,
+    color: "#6b7280",
+    marginTop: 1
+  }
+});export{TravelLocationField};//# sourceMappingURL=TravelLocationField.js.map

package/lib/features/travel/TravelLocationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelLocationField.js","sources":["../../../src/features/travel/TravelLocationField.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, Keyboard, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { TravelLocation } from './types';\nimport {\n    fetchPlacePredictions,\n    resolveNearbyLocation,\n    resolvePrediction,\n    type PlacePrediction,\n} from './services/placePredictions';\n\nexport function TravelLocationField({\n    label,\n    value,\n    placeholder,\n    types = 'geocode',\n    showNearby = true,\n    onChangeText,\n    onSelectLocation,\n    onSubmitEditing,\n}: {\n    label: string;\n    value: string;\n    placeholder: string;\n    types?: string;\n    showNearby?: boolean;\n    onChangeText: (value: string) => void;\n    onSelectLocation: (location: TravelLocation) => void;\n    onSubmitEditing?: () => void;\n}) {\n    const [open, setOpen] = useState(false);\n    const [loading, setLoading] = useState(false);\n    const [nearbyBusy, setNearbyBusy] = useState(false);\n    const [predictions, setPredictions] = useState<PlacePrediction[]>([]);\n    const debounce = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const gen = useRef(0);\n\n    useEffect(() => {\n        const hide = Keyboard.addListener('keyboardDidHide', () => setOpen(false));\n        return () => {\n            hide.remove();\n            if (debounce.current) clearTimeout(debounce.current);\n        };\n    }, []);\n\n    const queryPlaces = (next: string) => {\n        if (debounce.current) clearTimeout(debounce.current);\n        if (next.trim().length < 2) {\n            setPredictions([]);\n            setLoading(false);\n            return;\n        }\n        const ticket = ++gen.current;\n        setLoading(true);\n        debounce.current = setTimeout(() => {\n            void fetchPlacePredictions(next, types).then((rows) => {\n                if (ticket !== gen.current) return;\n                setPredictions(rows);\n                setLoading(false);\n            });\n        }, 300);\n    };\n\n    const pickPrediction = async (row: PlacePrediction) => {\n        setOpen(false);\n        setPredictions([]);\n        Keyboard.dismiss();\n        onChangeText(row.description);\n        setLoading(true);\n        try {\n            const location = await resolvePrediction(row);\n            onSelectLocation(location);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    const pickNearby = async () => {\n        setNearbyBusy(true);\n        try {\n            const location = await resolveNearbyLocation();\n            if (location) {\n                setOpen(false);\n                setPredictions([]);\n                Keyboard.dismiss();\n                onSelectLocation(location);\n            }\n        } finally {\n            setNearbyBusy(false);\n        }\n    };\n\n    const showMenu = open && (showNearby || loading || predictions.length > 0);\n\n    return (\n        <View style={styles.wrap}>\n            <Text style={styles.label}>{label}</Text>\n            <View style={styles.inputRow}>\n                <TextInput\n                    value={value}\n                    onChangeText={(next) => {\n                        onChangeText(next);\n                        setOpen(true);\n                        queryPlaces(next);\n                    }}\n                    onFocus={() => setOpen(true)}\n                    placeholder={placeholder}\n                    placeholderTextColor=\"#9ca3af\"\n                    autoCorrect={false}\n                    autoComplete=\"off\"\n                    returnKeyType=\"search\"\n                    blurOnSubmit\n                    onSubmitEditing={() => {\n                        Keyboard.dismiss();\n                        onSubmitEditing?.();\n                    }}\n                    numberOfLines={1}\n                    style={styles.input}\n                />\n                {loading ? <ActivityIndicator size=\"small\" color=\"#2869E0\" /> : null}\n            </View>\n            {showMenu ? (\n                <ScrollView style={styles.menu} keyboardShouldPersistTaps=\"handled\" nestedScrollEnabled bounces={false}>\n                    {showNearby ? (\n                        <Pressable onPress={() => void pickNearby()} style={styles.row}>\n                            <View style={styles.nearbyIcon}>\n                                {nearbyBusy ? (\n                                    <ActivityIndicator size=\"small\" color=\"#2869E0\" />\n                                ) : (\n                                    <MaterialCommunityIcons name=\"navigation-variant\" size={16} color=\"#2869E0\" />\n                                )}\n                            </View>\n                            <View style={{ flex: 1 }}>\n                                <Text style={styles.main}>Nearby</Text>\n                                <Text style={styles.sub}>Find what's around you</Text>\n                            </View>\n                        </Pressable>\n                    ) : null}\n                    {predictions.length > 0 ? <Text style={styles.section}>Search results</Text> : null}\n                    {predictions.map((row) => (\n                        <Pressable key={row.place_id} onPress={() => void pickPrediction(row)} style={styles.row}>\n                            <View style={styles.pin}>\n                                <MaterialCommunityIcons name=\"map-marker-outline\" size={16} color=\"#64748b\" />\n                            </View>\n                            <View style={{ flex: 1 }}>\n                                <Text style={styles.main} numberOfLines={1}>\n                                    {row.structured_formatting?.main_text || row.description}\n                                </Text>\n                                {row.structured_formatting?.secondary_text ? (\n                                    <Text style={styles.sub} numberOfLines={1}>\n                                        {row.structured_formatting.secondary_text}\n                                    </Text>\n                                ) : null}\n                            </View>\n                        </Pressable>\n                    ))}\n                </ScrollView>\n            ) : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrap: { flex: 1, paddingHorizontal: 10, paddingVertical: 6 },\n    label: { fontSize: 11, color: '#6b7280', fontWeight: '600', marginBottom: 2 },\n    inputRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    input: { flex: 1, fontSize: 15, color: '#111827', paddingVertical: 0 },\n    menu: {\n        marginTop: 8,\n        maxHeight: 220,\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#e5e7eb',\n        paddingTop: 8,\n    },\n    section: {\n        fontSize: 11,\n        fontWeight: '600',\n        color: '#6b7280',\n        paddingHorizontal: 4,\n        paddingTop: 6,\n        paddingBottom: 4,\n    },\n    row: { flexDirection: 'row', alignItems: 'center', gap: 10, paddingVertical: 8, paddingHorizontal: 2 },\n    nearbyIcon: {\n        width: 36,\n        height: 36,\n        borderRadius: 10,\n        backgroundColor: 'rgba(40,105,224,0.1)',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    pin: {\n        width: 36,\n        height: 36,\n        borderRadius: 18,\n        backgroundColor: '#f3f4f6',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    main: { fontSize: 14, fontWeight: '600', color: '#111827' },\n    sub: { fontSize: 12, color: '#6b7280', marginTop: 1 },\n});\n"],"names":[],"mappings":"oWAKO,SAAS,mBAAoB,CAAA;AAAA,EAClC,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CASG,EAAA;AACD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAA4B,EAAE,CAAA;AACpE,EAAM,MAAA,QAAA,GAAW,OAA6C,IAAI,CAAA;AAClE,EAAM,MAAA,GAAA,GAAM,OAAO,CAAC,CAAA;AACpB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,QAAS,CAAA,WAAA,CAAY,mBAAmB,MAAM,OAAA,CAAQ,KAAK,CAAC,CAAA;AACzE,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,MAAO,EAAA;AACZ,MAAA,IAAI,QAAS,CAAA,OAAA,EAAsB,YAAA,CAAA,QAAA,CAAS,OAAO,CAAA;AAAA,KACrD;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,WAAA,GAAc,CAAC,IAAiB,KAAA;AACpC,IAAA,IAAI,QAAS,CAAA,OAAA,EAAsB,YAAA,CAAA,QAAA,CAAS,OAAO,CAAA;AACnD,IAAA,IAAI,IAAK,CAAA,IAAA,EAAO,CAAA,MAAA,GAAS,CAAG,EAAA;AAC1B,MAAA,cAAA,CAAe,EAAE,CAAA;AACjB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA;AAEF,IAAM,MAAA,MAAA,GAAS,EAAE,GAAI,CAAA,OAAA;AACrB,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAS,QAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AAClC,MAAA,KAAK,qBAAsB,CAAA,IAAA,EAAM,KAAK,CAAA,CAAE,KAAK,CAAQ,IAAA,KAAA;AACnD,QAAI,IAAA,MAAA,KAAW,IAAI,OAAS,EAAA;AAC5B,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,OACA,GAAG,CAAA;AAAA,GACR;AACA,EAAM,MAAA,cAAA,GAAiB,OAAO,GAAyB,KAAA;AACrD,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,QAAA,CAAS,OAAQ,EAAA;AACjB,IAAA,YAAA,CAAa,IAAI,WAAW,CAAA;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAI,IAAA;AACF,MAAM,MAAA,QAAA,GAAW,MAAM,iBAAA,CAAkB,GAAG,CAAA;AAC5C,MAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,KACzB,SAAA;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF;AACA,EAAA,MAAM,aAAa,YAAY;AAC7B,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAI,IAAA;AACF,MAAM,MAAA,QAAA,GAAW,MAAM,qBAAsB,EAAA;AAC7C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,OAAA,CAAQ,KAAK,CAAA;AACb,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAA,QAAA,CAAS,OAAQ,EAAA;AACjB,QAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA;AAC3B,KACA,SAAA;AACA,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA;AACrB,GACF;AACA,EAAA,MAAM,QAAW,GAAA,IAAA,KAAS,UAAc,IAAA,OAAA,IAAW,YAAY,MAAS,GAAA,CAAA,CAAA;AACxE,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IACjB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAQ,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBACjC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,QAChB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAc,EAAA,YAAA,EAAc,CAAQ,IAAA,KAAA;AACvD,QAAA,YAAA,CAAa,IAAI,CAAA;AACjB,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,SACf,OAAS,EAAA,MAAM,QAAQ,IAAI,CAAA,EAAG,aAA0B,oBAAqB,EAAA,SAAA,EAAU,WAAa,EAAA,KAAA,EAAO,cAAa,KAAM,EAAA,aAAA,EAAc,UAAS,YAAY,EAAA,IAAA,EAAC,iBAAiB,MAAM;AAC1L,QAAA,QAAA,CAAS,OAAQ,EAAA;AACjB,QAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,EAAA;AAAA,OACC,EAAA,aAAA,EAAe,CAAG,EAAA,KAAA,EAAO,OAAO,KAAO,EAAA,CAAA;AAAA,MAC/B,0BAAW,GAAA,CAAA,iBAAA,EAAA,EAAkB,MAAK,OAAQ,EAAA,KAAA,EAAM,WAAU,CAAK,GAAA;AAAA,KACpE,EAAA,CAAA;AAAA,IACC,QAAA,mBAAY,IAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,MAAA,CAAO,IAAM,EAAA,yBAAA,EAA0B,SAAU,EAAA,mBAAA,EAAmB,IAAC,EAAA,OAAA,EAAS,KACpG,EAAA,QAAA,EAAA;AAAA,MAAa,UAAA,mBAAA,IAAA,CAAC,aAAU,OAAS,EAAA,MAAM,KAAK,UAAW,EAAA,EAAG,KAAO,EAAA,MAAA,CAAO,GACjE,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,UAAA,EACf,uCAAc,GAAA,CAAA,iBAAA,EAAA,EAAkB,MAAK,OAAQ,EAAA,KAAA,EAAM,WAAU,CAAK,mBAAA,GAAA,CAAC,0BAAuB,IAAK,EAAA,oBAAA,EAAqB,MAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnJ,EAAA,CAAA;AAAA,wBACA,IAAA,CAAC,QAAK,KAAO,EAAA;AAAA,UAC/B,IAAM,EAAA;AAAA,SAEgB,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,0BAC/B,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,KAAK,QAAsB,EAAA,wBAAA,EAAA;AAAA,SACnD,EAAA;AAAA,OAAA,EACJ,CAAe,GAAA,IAAA;AAAA,MAClB,WAAA,CAAY,SAAS,CAAI,mBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,OAAS,EAAA,QAAA,EAAA,gBAAA,EAAc,CAAU,GAAA,IAAA;AAAA,MAC9E,WAAA,CAAY,IAAI,CAAI,GAAA,KAAA;AA5GzC,QAAA,IAAA,EAAA,EAAA,EAAA;AA4G4C,QAAC,uBAAA,IAAA,CAAA,SAAA,EAAA,EAA6B,SAAS,MAAM,KAAK,eAAe,GAAG,CAAA,EAAG,KAAO,EAAA,MAAA,CAAO,GACrG,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,GAAA,EAChB,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAK,EAAA,oBAAA,EAAqB,IAAM,EAAA,EAAA,EAAI,KAAM,EAAA,SAAA,EAAU,CAChF,EAAA,CAAA;AAAA,0BACA,IAAA,CAAC,QAAK,KAAO,EAAA;AAAA,YAC/B,IAAM,EAAA;AAAA,WAEgB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAAM,EAAA,aAAA,EAAe,CACpC,EAAA,QAAA,EAAA,CAAA,CAAA,EAAA,GAAA,GAAA,CAAI,qBAAJ,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2B,SAAa,KAAA,GAAA,CAAI,WACjD,EAAA,CAAA;AAAA,YAAA,CAAA,CACC,EAAI,GAAA,GAAA,CAAA,qBAAA,KAAJ,IAA2B,GAAA,MAAA,GAAA,EAAA,CAAA,cAAA,wBAAkB,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,GAAA,EAAK,aAAe,EAAA,CAAA,EAC5E,QAAI,EAAA,GAAA,CAAA,qBAAA,CAAsB,gBAC/B,CAAU,GAAA;AAAA,WAClB,EAAA;AAAA,SAAA,EAAA,EAbgC,IAAI,QAcxC,CAAA;AAAA,OAAY;AAAA,KAAA,EACpB,CAAgB,GAAA;AAAA,GACxB,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,CAAA;AAAA,IACN,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,UAAY,EAAA,KAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA;AAAA,GACP;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,CAAA;AAAA,IACX,SAAW,EAAA,GAAA;AAAA,IACX,gBAAgB,UAAW,CAAA,aAAA;AAAA,IAC3B,cAAgB,EAAA,SAAA;AAAA,IAChB,UAAY,EAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA,SAAA;AAAA,IACP,iBAAmB,EAAA,CAAA;AAAA,IACnB,UAAY,EAAA,CAAA;AAAA,IACZ,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,EAAA;AAAA,IACL,eAAiB,EAAA,CAAA;AAAA,IACjB,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,sBAAA;AAAA,IACjB,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,GAAK,EAAA;AAAA,IACH,QAAU,EAAA,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA"}

package/lib/features/travel/TravelPropertyCard.js

@@ -0,0 +1,266 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Pressable,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {propertySource,formatPriceLabel,SOURCE_BADGE,SOURCE_LABELS}from'./catalog.js';import {useIsStaySaved,toggleSavedStay}from'./savedStays.js';import {TravelPropertyPhoto}from'./TravelPropertyPhoto.js';function TravelPropertyCard({
+  property,
+  card,
+  border,
+  ink,
+  muted,
+  onOpen,
+  onHighlight,
+  selected,
+  compactPeek,
+  onDismissPeek,
+  grid
+}) {
+  const saved = useIsStaySaved(property.id);
+  const source = propertySource(property);
+  const badge = SOURCE_BADGE[source];
+  const price = formatPriceLabel(property);
+  if (compactPeek) {
+    return /* @__PURE__ */ jsxs(View, { style: [styles.peek, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      onDismissPeek ? /* @__PURE__ */ jsx(Pressable, { onPress: onDismissPeek, style: styles.peekClose, hitSlop: 8, accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 16, color: muted }) }) : null,
+      /* @__PURE__ */ jsx(TravelPropertyPhoto, { property, style: styles.peekThumb }),
+      /* @__PURE__ */ jsxs(View, { style: styles.peekBody, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: ink
+        }], numberOfLines: 2, children: property.title }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.price, {
+          color: ink,
+          fontSize: 14
+        }], children: price }),
+        property.rating ? /* @__PURE__ */ jsxs(Text, { style: [styles.rating, {
+          color: ink
+        }], children: [
+          property.rating.toFixed(1),
+          property.reviewCount ? ` (${property.reviewCount})` : ""
+        ] }) : null,
+        /* @__PURE__ */ jsx(Pressable, { onPress: onOpen, style: styles.cta, children: /* @__PURE__ */ jsx(Text, { style: styles.ctaText, children: "View stay" }) })
+      ] })
+    ] });
+  }
+  const showOnMap = () => {
+    onHighlight == null ? void 0 : onHighlight();
+  };
+  return /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+    showOnMap();
+    if (!onHighlight) onOpen();
+  }, onHoverIn: showOnMap, delayHoverIn: 40, accessibilityRole: "button", accessibilityHint: onHighlight ? "Shows this stay on the map" : void 0, style: ({
+    pressed,
+    hovered
+  }) => {
+    const hot = Boolean(selected || pressed || hovered);
+    return [styles.card, grid && styles.cardGrid, {
+      backgroundColor: card,
+      borderColor: hot ? "#2869E0" : border
+    }, hot && styles.cardOn];
+  }, children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.photoWrap, grid && styles.photoWrapGrid], children: [
+      /* @__PURE__ */ jsx(TravelPropertyPhoto, { property, style: styles.thumb }),
+      /* @__PURE__ */ jsx(View, { style: [styles.badge, {
+        backgroundColor: badge.bg
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.badgeText, {
+        color: badge.fg
+      }], children: SOURCE_LABELS[source] }) }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => toggleSavedStay(property), style: styles.heart, accessibilityRole: "button", accessibilityLabel: saved ? "Unsave" : "Save", hitSlop: 8, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: saved ? "heart" : "heart-outline", size: 16, color: saved ? "#2869E0" : "#334155" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.body, grid && styles.bodyGrid], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, grid && styles.titleGrid, {
+        color: ink
+      }], numberOfLines: 2, children: property.title }),
+      property.city || property.route ? /* @__PURE__ */ jsx(Text, { style: [styles.meta, {
+        color: muted
+      }], numberOfLines: 1, children: property.route || property.city }) : property.description ? /* @__PURE__ */ jsx(Text, { style: [styles.meta, {
+        color: muted
+      }], numberOfLines: 1, children: property.description }) : null,
+      property.rating ? /* @__PURE__ */ jsxs(View, { style: styles.ratingRow, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "star", size: 14, color: "#f59e0b" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.rating, {
+          color: ink
+        }], children: property.rating.toFixed(1) }),
+        property.reviewCount ? /* @__PURE__ */ jsxs(Text, { style: {
+          color: muted,
+          fontSize: 12
+        }, children: [
+          "(",
+          property.reviewCount,
+          ")"
+        ] }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsxs(View, { style: [styles.footer, grid && styles.footerGrid], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.price, grid && styles.priceGrid, {
+          color: ink
+        }], children: price }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: onOpen, style: [styles.cta, grid && styles.ctaGrid], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.ctaText, children: grid ? "View" : "View listing" }) })
+      ] })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  card: {
+    borderWidth: 2,
+    borderRadius: 16,
+    overflow: "hidden",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.06,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 2
+  },
+  cardOn: {
+    shadowColor: "#2869E0",
+    shadowOpacity: 0.28,
+    shadowRadius: 16,
+    shadowOffset: {
+      width: 0,
+      height: 6
+    },
+    elevation: 8,
+    transform: [{
+      translateY: -2
+    }]
+  },
+  cardGrid: {
+    flex: 1
+  },
+  photoWrapGrid: {
+    height: 110
+  },
+  bodyGrid: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    gap: 3
+  },
+  titleGrid: {
+    fontSize: 13,
+    lineHeight: 16
+  },
+  footerGrid: {
+    flexDirection: "column",
+    alignItems: "stretch",
+    gap: 8,
+    marginTop: 4
+  },
+  priceGrid: {
+    fontSize: 15
+  },
+  ctaGrid: {
+    alignItems: "center",
+    paddingVertical: 7,
+    paddingHorizontal: 8
+  },
+  peek: {
+    flexDirection: "row",
+    gap: 10,
+    borderWidth: 1,
+    borderRadius: 14,
+    overflow: "hidden",
+    padding: 8,
+    alignItems: "center",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.18,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 5
+  },
+  peekThumb: {
+    width: 92,
+    height: 72,
+    borderRadius: 10
+  },
+  peekBody: {
+    flex: 1,
+    gap: 4,
+    paddingRight: 18
+  },
+  peekClose: {
+    position: "absolute",
+    right: 6,
+    top: 6,
+    zIndex: 2,
+    padding: 4
+  },
+  photoWrap: {
+    height: 148,
+    backgroundColor: "#eef1f5"
+  },
+  thumb: {
+    width: "100%",
+    height: "100%"
+  },
+  badge: {
+    position: "absolute",
+    left: 10,
+    top: 10,
+    borderRadius: 6,
+    paddingHorizontal: 7,
+    paddingVertical: 3
+  },
+  badgeText: {
+    fontSize: 10,
+    fontWeight: "800",
+    letterSpacing: 0.4,
+    textTransform: "uppercase"
+  },
+  heart: {
+    position: "absolute",
+    right: 10,
+    top: 10,
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: "rgba(255,255,255,0.95)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  body: {
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    gap: 4
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: "700",
+    lineHeight: 18
+  },
+  meta: {
+    fontSize: 12
+  },
+  ratingRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  rating: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginTop: 6
+  },
+  price: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  cta: {
+    backgroundColor: "#2869E0",
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  ctaText: {
+    color: "#fff",
+    fontWeight: "700",
+    fontSize: 12
+  }
+});export{TravelPropertyCard};//# sourceMappingURL=TravelPropertyCard.js.map

package/lib/features/travel/TravelPropertyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelPropertyCard.js","sources":["../../../src/features/travel/TravelPropertyCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { formatPriceLabel, SOURCE_BADGE, SOURCE_LABELS, propertySource } from './catalog';\nimport { toggleSavedStay, useIsStaySaved } from './savedStays';\nimport { TravelPropertyPhoto } from './TravelPropertyPhoto';\nimport type { TravelProperty } from './types';\n\nexport function TravelPropertyCard({\n    property,\n    card,\n    border,\n    ink,\n    muted,\n    onOpen,\n    onHighlight,\n    selected,\n    compactPeek,\n    onDismissPeek,\n    grid,\n}: {\n    property: TravelProperty;\n    card: string;\n    border: string;\n    ink: string;\n    muted: string;\n    onOpen: () => void;\n    onHighlight?: () => void;\n    selected?: boolean;\n    compactPeek?: boolean;\n    onDismissPeek?: () => void;\n    grid?: boolean;\n}) {\n    const saved = useIsStaySaved(property.id);\n    const source = propertySource(property);\n    const badge = SOURCE_BADGE[source];\n    const price = formatPriceLabel(property);\n    if (compactPeek) {\n        return (\n            <View style={[styles.peek, { backgroundColor: card, borderColor: border }]}>\n                {onDismissPeek ? (\n                    <Pressable onPress={onDismissPeek} style={styles.peekClose} hitSlop={8} accessibilityLabel=\"Close\">\n                        <MaterialCommunityIcons name=\"close\" size={16} color={muted} />\n                    </Pressable>\n                ) : null}\n                <TravelPropertyPhoto property={property} style={styles.peekThumb} />\n                <View style={styles.peekBody}>\n                    <Text style={[styles.title, { color: ink }]} numberOfLines={2}>\n                        {property.title}\n                    </Text>\n                    <Text style={[styles.price, { color: ink, fontSize: 14 }]}>{price}</Text>\n                    {property.rating ? (\n                        <Text style={[styles.rating, { color: ink }]}>\n                            {property.rating.toFixed(1)}\n                            {property.reviewCount ? ` (${property.reviewCount})` : ''}\n                        </Text>\n                    ) : null}\n                    <Pressable onPress={onOpen} style={styles.cta}>\n                        <Text style={styles.ctaText}>View stay</Text>\n                    </Pressable>\n                </View>\n            </View>\n        );\n    }\n    const showOnMap = () => {\n        onHighlight?.();\n    };\n    return (\n        <Pressable\n            onPress={() => {\n                showOnMap();\n                if (!onHighlight) onOpen();\n            }}\n            onHoverIn={showOnMap}\n            delayHoverIn={40}\n            accessibilityRole=\"button\"\n            accessibilityHint={onHighlight ? 'Shows this stay on the map' : undefined}\n            style={({ pressed, hovered }) => {\n                const hot = Boolean(selected || pressed || hovered);\n                return [\n                    styles.card,\n                    grid && styles.cardGrid,\n                    {\n                        backgroundColor: card,\n                        borderColor: hot ? '#2869E0' : border,\n                    },\n                    hot && styles.cardOn,\n                ];\n            }}\n        >\n            <View style={[styles.photoWrap, grid && styles.photoWrapGrid]}>\n                <TravelPropertyPhoto property={property} style={styles.thumb} />\n                <View style={[styles.badge, { backgroundColor: badge.bg }]}>\n                    <Text style={[styles.badgeText, { color: badge.fg }]}>{SOURCE_LABELS[source]}</Text>\n                </View>\n                <Pressable\n                    onPress={() => toggleSavedStay(property)}\n                    style={styles.heart}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={saved ? 'Unsave' : 'Save'}\n                    hitSlop={8}\n                >\n                    <MaterialCommunityIcons\n                        name={saved ? 'heart' : 'heart-outline'}\n                        size={16}\n                        color={saved ? '#2869E0' : '#334155'}\n                    />\n                </Pressable>\n            </View>\n            <View style={[styles.body, grid && styles.bodyGrid]}>\n                <Text style={[styles.title, grid && styles.titleGrid, { color: ink }]} numberOfLines={2}>\n                    {property.title}\n                </Text>\n                {property.city || property.route ? (\n                    <Text style={[styles.meta, { color: muted }]} numberOfLines={1}>\n                        {property.route || property.city}\n                    </Text>\n                ) : property.description ? (\n                    <Text style={[styles.meta, { color: muted }]} numberOfLines={1}>\n                        {property.description}\n                    </Text>\n                ) : null}\n                {property.rating ? (\n                    <View style={styles.ratingRow}>\n                        <MaterialCommunityIcons name=\"star\" size={14} color=\"#f59e0b\" />\n                        <Text style={[styles.rating, { color: ink }]}>{property.rating.toFixed(1)}</Text>\n                        {property.reviewCount ? (\n                            <Text style={{ color: muted, fontSize: 12 }}>({property.reviewCount})</Text>\n                        ) : null}\n                    </View>\n                ) : null}\n                <View style={[styles.footer, grid && styles.footerGrid]}>\n                    <Text style={[styles.price, grid && styles.priceGrid, { color: ink }]}>{price}</Text>\n                    <Pressable onPress={onOpen} style={[styles.cta, grid && styles.ctaGrid]} accessibilityRole=\"button\">\n                        <Text style={styles.ctaText}>{grid ? 'View' : 'View listing'}</Text>\n                    </Pressable>\n                </View>\n            </View>\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    card: {\n        borderWidth: 2,\n        borderRadius: 16,\n        overflow: 'hidden',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.06,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 2,\n    },\n    cardOn: {\n        shadowColor: '#2869E0',\n        shadowOpacity: 0.28,\n        shadowRadius: 16,\n        shadowOffset: { width: 0, height: 6 },\n        elevation: 8,\n        transform: [{ translateY: -2 }],\n    },\n    cardGrid: { flex: 1 },\n    photoWrapGrid: { height: 110 },\n    bodyGrid: { paddingHorizontal: 8, paddingVertical: 8, gap: 3 },\n    titleGrid: { fontSize: 13, lineHeight: 16 },\n    footerGrid: { flexDirection: 'column', alignItems: 'stretch', gap: 8, marginTop: 4 },\n    priceGrid: { fontSize: 15 },\n    ctaGrid: { alignItems: 'center', paddingVertical: 7, paddingHorizontal: 8 },\n    peek: {\n        flexDirection: 'row',\n        gap: 10,\n        borderWidth: 1,\n        borderRadius: 14,\n        overflow: 'hidden',\n        padding: 8,\n        alignItems: 'center',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.18,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 5,\n    },\n    peekThumb: { width: 92, height: 72, borderRadius: 10 },\n    peekBody: { flex: 1, gap: 4, paddingRight: 18 },\n    peekClose: { position: 'absolute', right: 6, top: 6, zIndex: 2, padding: 4 },\n    photoWrap: { height: 148, backgroundColor: '#eef1f5' },\n    thumb: { width: '100%', height: '100%' },\n    badge: {\n        position: 'absolute',\n        left: 10,\n        top: 10,\n        borderRadius: 6,\n        paddingHorizontal: 7,\n        paddingVertical: 3,\n    },\n    badgeText: { fontSize: 10, fontWeight: '800', letterSpacing: 0.4, textTransform: 'uppercase' },\n    heart: {\n        position: 'absolute',\n        right: 10,\n        top: 10,\n        width: 32,\n        height: 32,\n        borderRadius: 16,\n        backgroundColor: 'rgba(255,255,255,0.95)',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    body: { paddingHorizontal: 12, paddingVertical: 10, gap: 4 },\n    title: { fontSize: 14, fontWeight: '700', lineHeight: 18 },\n    meta: { fontSize: 12 },\n    ratingRow: { flexDirection: 'row', alignItems: 'center', gap: 4 },\n    rating: { fontSize: 13, fontWeight: '700' },\n    footer: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 6 },\n    price: { fontSize: 16, fontWeight: '800' },\n    cta: { backgroundColor: '#2869E0', borderRadius: 10, paddingHorizontal: 12, paddingVertical: 8 },\n    ctaText: { color: '#fff', fontWeight: '700', fontSize: 12 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/travel/TravelPropertyPhoto.js

@@ -0,0 +1,22 @@
+import {jsx}from'react/jsx-runtime';import {Image}from'expo-image';import {StyleSheet,View,Text}from'react-native';function TravelPropertyPhoto({
+  property,
+  style
+}) {
+  if (!property.imageUrl) {
+    const glyph = property.kind === "flight" ? "\u2708" : property.kind === "car" ? "\u{1F697}" : "\u2302";
+    return /* @__PURE__ */ jsx(View, { style: [styles.fallback, style], children: /* @__PURE__ */ jsx(Text, { style: styles.icon, children: glyph }) });
+  }
+  return /* @__PURE__ */ jsx(Image, { source: {
+    uri: property.imageUrl
+  }, style, contentFit: "cover" });
+}
+const styles = StyleSheet.create({
+  fallback: {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#e2e8f0"
+  },
+  icon: {
+    fontSize: 28
+  }
+});export{TravelPropertyPhoto};//# sourceMappingURL=TravelPropertyPhoto.js.map

package/lib/features/travel/TravelPropertyPhoto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelPropertyPhoto.js","sources":["../../../src/features/travel/TravelPropertyPhoto.tsx"],"sourcesContent":["import React from 'react';\nimport { Image } from 'expo-image';\nimport { StyleSheet, Text, View } from 'react-native';\nimport type { TravelProperty } from './types';\n\nexport function TravelPropertyPhoto({ property, style }: { property: TravelProperty; style?: object }) {\n    if (!property.imageUrl) {\n        const glyph = property.kind === 'flight' ? '✈' : property.kind === 'car' ? '🚗' : '⌂';\n        return (\n            <View style={[styles.fallback, style]}>\n                <Text style={styles.icon}>{glyph}</Text>\n            </View>\n        );\n    }\n    return <Image source={{ uri: property.imageUrl }} style={style} contentFit=\"cover\" />;\n}\n\nconst styles = StyleSheet.create({\n    fallback: { alignItems: 'center', justifyContent: 'center', backgroundColor: '#e2e8f0' },\n    icon: { fontSize: 28 },\n});\n"],"names":[],"mappings":"mHAIO,SAAS,mBAAoB,CAAA;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAGG,EAAA;AACD,EAAI,IAAA,CAAC,SAAS,QAAU,EAAA;AACtB,IAAM,MAAA,KAAA,GAAQ,SAAS,IAAS,KAAA,QAAA,GAAW,WAAM,QAAS,CAAA,IAAA,KAAS,QAAQ,WAAO,GAAA,QAAA;AAClF,IAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,QAAU,EAAA,KAAK,CAC/B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAO,iBAAM,CACrC,EAAA,CAAA;AAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,SAAM,MAAQ,EAAA;AAAA,IACpB,KAAK,QAAS,CAAA;AAAA,GAChB,EAAG,KAAc,EAAA,UAAA,EAAW,OAAQ,EAAA,CAAA;AACtC;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA"}

package/lib/features/travel/TravelRailFlyout.js

@@ -0,0 +1,79 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Pressable,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';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 TravelRailFlyout({
+  group,
+  onPick,
+  onDismiss
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: styles.wrap, pointerEvents: "box-none", children: [
+    /* @__PURE__ */ jsx(Pressable, { style: styles.scrim, onPress: onDismiss, accessibilityLabel: "Dismiss menu" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.card, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.head, children: group.label.toUpperCase() }),
+      group.items.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick(item), style: styles.row, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.icon, size: 18, color: "#334155" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.title, children: item.title })
+      ] }, `${item.key}-${item.title}`))
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  wrap: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    zIndex: 20,
+    justifyContent: "flex-end"
+  }),
+  scrim: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    backgroundColor: "rgba(15,23,42,0.28)"
+  }),
+  card: {
+    marginHorizontal: 12,
+    marginBottom: 78,
+    backgroundColor: "#fff",
+    borderRadius: 16,
+    paddingVertical: 8,
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.18,
+    shadowRadius: 24,
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    elevation: 12
+  },
+  head: {
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.8,
+    color: "#94a3b8",
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#0f172a"
+  }
+});export{TravelRailFlyout};//# sourceMappingURL=TravelRailFlyout.js.map

package/lib/features/travel/TravelRailFlyout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelRailFlyout.js","sources":["../../../src/features/travel/TravelRailFlyout.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { AppNavGroup, AppNavItem } from './appNav';\n\nexport function TravelRailFlyout({\n    group,\n    onPick,\n    onDismiss,\n}: {\n    group: AppNavGroup;\n    onPick: (item: AppNavItem) => void;\n    onDismiss: () => void;\n}) {\n    return (\n        <View style={styles.wrap} pointerEvents=\"box-none\">\n            <Pressable style={styles.scrim} onPress={onDismiss} accessibilityLabel=\"Dismiss menu\" />\n            <View style={styles.card}>\n                <Text style={styles.head}>{group.label.toUpperCase()}</Text>\n                {group.items.map((item) => (\n                    <Pressable key={`${item.key}-${item.title}`} onPress={() => onPick(item)} style={styles.row}>\n                        <MaterialCommunityIcons\n                            name={item.icon as React.ComponentProps<typeof MaterialCommunityIcons>['name']}\n                            size={18}\n                            color=\"#334155\"\n                        />\n                        <Text style={styles.title}>{item.title}</Text>\n                    </Pressable>\n                ))}\n            </View>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrap: { ...StyleSheet.absoluteFillObject, zIndex: 20, justifyContent: 'flex-end' },\n    scrim: { ...StyleSheet.absoluteFillObject, backgroundColor: 'rgba(15,23,42,0.28)' },\n    card: {\n        marginHorizontal: 12,\n        marginBottom: 78,\n        backgroundColor: '#fff',\n        borderRadius: 16,\n        paddingVertical: 8,\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.18,\n        shadowRadius: 24,\n        shadowOffset: { width: 0, height: 10 },\n        elevation: 12,\n    },\n    head: {\n        fontSize: 11,\n        fontWeight: '700',\n        letterSpacing: 0.8,\n        color: '#94a3b8',\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n    },\n    row: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 10,\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n    },\n    title: { fontSize: 15, fontWeight: '600', color: '#0f172a' },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAIG,EAAA;AACD,EAAA,4BAAQ,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,eAAc,UACrC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAU,KAAO,EAAA,MAAA,CAAO,OAAO,OAAS,EAAA,SAAA,EAAW,oBAAmB,cAAe,EAAA,CAAA;AAAA,oBACrF,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAChB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,MAAO,QAAM,EAAA,KAAA,CAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AAAA,MACpD,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,CAAA,IAAA,qBAAS,IAAA,CAAA,SAAA,EAAA,EAA4C,OAAS,EAAA,MAAM,MAAO,CAAA,IAAI,CAAG,EAAA,KAAA,EAAO,OAAO,GACzG,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,0BAAuB,IAAM,EAAA,IAAA,CAAK,MAAqE,IAAM,EAAA,EAAA,EAAI,OAAM,SAAU,EAAA,CAAA;AAAA,4BACjI,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAQ,eAAK,KAAM,EAAA;AAAA,OAAA,EAAA,EAFN,GAAG,IAAK,CAAA,GAAG,IAAI,IAAK,CAAA,KAAK,EAG9D,CAAY;AAAA,KACpB,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,IAAA,EAAM,aACD,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CAAW,kBADV,CAAA,EAAA;AAAA,IAEJ,MAAQ,EAAA,EAAA;AAAA,IACR,cAAgB,EAAA;AAAA,GAClB,CAAA;AAAA,EACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CAAW,kBADT,CAAA,EAAA;AAAA,IAEL,eAAiB,EAAA;AAAA,GACnB,CAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAkB,EAAA,EAAA;AAAA,IAClB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,MAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,CAAA;AAAA,IACjB,WAAa,EAAA,SAAA;AAAA,IACb,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,EAAA;AAAA,IACd,YAAc,EAAA;AAAA,MACZ,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,aAAe,EAAA,GAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,IACP,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,EAAA;AAAA,IACL,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA;AAEX,CAAC,CAAA"}