@devtravelcode/widget-native 1.0.0

package/dist/theme/formStyles.js

@@ -0,0 +1,78 @@
+import { StyleSheet } from "react-native";
+import { Colors, Spacing, BorderRadius, FontSize } from "./colors";
+export const formStyles = StyleSheet.create({
+    formCard: {
+        backgroundColor: Colors.surface,
+        borderRadius: BorderRadius.xxl,
+        padding: Spacing.xl,
+        gap: Spacing.lg,
+        marginHorizontal: Spacing.lg,
+        marginTop: Spacing.lg,
+    },
+    label: {
+        color: Colors.label,
+        fontWeight: "600",
+        fontSize: FontSize.sm,
+        marginBottom: 5,
+    },
+    inputTrigger: {
+        backgroundColor: Colors.inputBg,
+        borderRadius: BorderRadius.lg,
+        paddingHorizontal: Spacing.lg,
+        paddingVertical: Spacing.md,
+        minHeight: 56,
+        justifyContent: "center",
+    },
+    inputTriggerRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+    },
+    inputTriggerText: {
+        fontSize: FontSize.md,
+        color: Colors.text,
+        flex: 1,
+        fontWeight: "400",
+    },
+    inputTriggerPlaceholder: {
+        color: Colors.textTertiary,
+    },
+    inputTriggerCode: {
+        fontSize: FontSize.sm,
+        color: Colors.textTertiary,
+        fontWeight: "400",
+        marginLeft: Spacing.sm,
+    },
+    searchButton: {
+        borderRadius: BorderRadius.lg,
+        paddingVertical: Spacing.lg,
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 48,
+    },
+    searchButtonDisabled: {
+        opacity: 0.7,
+    },
+    searchButtonContent: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: Spacing.sm,
+    },
+    searchButtonText: {
+        color: Colors.textOnPrimary,
+        fontSize: FontSize.lg,
+        fontWeight: "500",
+    },
+    errorText: {
+        fontSize: FontSize.sm,
+        color: Colors.error,
+        marginTop: Spacing.xs,
+        fontWeight: "500",
+    },
+    searchError: {
+        fontSize: FontSize.sm,
+        color: Colors.error,
+        textAlign: "center",
+        padding: Spacing.sm,
+    },
+});

package/dist/utils/applyWidgetColors.d.ts

@@ -0,0 +1 @@
+export declare function applyWidgetColors(_config: any): void;

package/dist/utils/applyWidgetColors.js

@@ -0,0 +1,2 @@
+export function applyWidgetColors(_config) {
+}

package/dist/utils/dateTime.d.ts

@@ -0,0 +1,2 @@
+export type DateTimeFormatType = "usa" | "europe";
+export declare const formatTimeByDateTimeFormat: (value: string | null | undefined, dateTimeFormat: string | undefined, fallback?: string) => string;

package/dist/utils/dateTime.js

@@ -0,0 +1,23 @@
+const normalizeDateTimeFormat = (value) => {
+    return value === "usa" ? "usa" : "europe";
+};
+export const formatTimeByDateTimeFormat = (value, dateTimeFormat, fallback = "--:--") => {
+    if (!value || typeof value !== "string")
+        return fallback;
+    const date = new Date(value);
+    if (isNaN(date.getTime()))
+        return fallback;
+    const format = normalizeDateTimeFormat(dateTimeFormat);
+    const isUsa = format === "usa";
+    return date.toLocaleTimeString(isUsa ? "en-US" : "ru-RU", isUsa
+        ? {
+            hour: "numeric",
+            minute: "2-digit",
+            hour12: true,
+        }
+        : {
+            hour: "2-digit",
+            minute: "2-digit",
+            hour12: false,
+        });
+};

package/dist/utils/fetchSSE.d.ts

@@ -0,0 +1,23 @@
+type SSEEvent = {
+    event: string;
+    data: string;
+};
+export declare function parseSSEBuffer(buffer: string): {
+    events: SSEEvent[];
+    remainder: string;
+};
+export declare function mergeHotels(existing: Map<string, any>, batch: any[]): {
+    merged: Map<string, any>;
+    updated: Set<string>;
+};
+type FetchSSEOptions = {
+    url: string;
+    body: Record<string, any>;
+    token: string;
+    onEvent: (event: string, data: string) => void;
+    onError: (error: Error) => void;
+    onComplete: () => void;
+    signal?: AbortSignal;
+};
+export declare function fetchSSE({ url, body, token, onEvent, onError, onComplete, signal, }: FetchSSEOptions): void;
+export {};

package/dist/utils/fetchSSE.js

@@ -0,0 +1,104 @@
+export function parseSSEBuffer(buffer) {
+    const events = [];
+    const blocks = buffer.split("\n\n");
+    const remainder = blocks.pop() || "";
+    for (const block of blocks) {
+        if (!block.trim())
+            continue;
+        let eventName = "";
+        const dataLines = [];
+        for (const line of block.split("\n")) {
+            if (line.startsWith("event:")) {
+                eventName = line.slice(6).trim();
+            }
+            else if (line.startsWith("data:")) {
+                dataLines.push(line.slice(5).trim());
+            }
+        }
+        if (eventName || dataLines.length > 0) {
+            events.push({ event: eventName, data: dataLines.join("\n") });
+        }
+    }
+    return { events, remainder };
+}
+export function mergeHotels(existing, batch) {
+    const merged = new Map(existing);
+    const updated = new Set();
+    for (const hotel of batch) {
+        const id = String(hotel.id);
+        const prev = merged.get(id);
+        if (prev && hotel.price != null && hotel.price < prev.price) {
+            updated.add(id);
+            merged.set(id, hotel);
+        }
+        else if (!prev) {
+            merged.set(id, hotel);
+        }
+    }
+    return { merged, updated };
+}
+export function fetchSSE({ url, body, token, onEvent, onError, onComplete, signal, }) {
+    const xhr = new XMLHttpRequest();
+    let buffer = "";
+    let processedLength = 0;
+    if (signal) {
+        if (signal.aborted) {
+            onError(new DOMException("Aborted", "AbortError"));
+            return;
+        }
+        const onAbort = () => {
+            xhr.abort();
+        };
+        signal.addEventListener("abort", onAbort, { once: true });
+        xhr.addEventListener("loadend", () => {
+            signal.removeEventListener("abort", onAbort);
+        });
+    }
+    xhr.open("POST", url, true);
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.setRequestHeader("Accept", "text/event-stream");
+    xhr.setRequestHeader("Authorization", `Bearer ${token}`);
+    xhr.responseType = "";
+    xhr.onprogress = () => {
+        const newText = xhr.responseText.slice(processedLength);
+        processedLength = xhr.responseText.length;
+        if (!newText)
+            return;
+        buffer += newText;
+        const { events, remainder } = parseSSEBuffer(buffer);
+        buffer = remainder;
+        for (const sse of events) {
+            if (signal?.aborted)
+                break;
+            onEvent(sse.event, sse.data);
+        }
+    };
+    xhr.onload = () => {
+        if (buffer.trim()) {
+            const { events } = parseSSEBuffer(buffer + "\n\n");
+            for (const sse of events) {
+                if (signal?.aborted)
+                    break;
+                onEvent(sse.event, sse.data);
+            }
+        }
+        if (xhr.status >= 200 && xhr.status < 300) {
+            onComplete();
+        }
+        else {
+            onError(new Error(`Stream request failed: ${xhr.status}`));
+        }
+    };
+    xhr.onerror = () => {
+        onError(new Error("Network error during SSE stream"));
+    };
+    xhr.ontimeout = () => {
+        onError(new Error("SSE stream timed out"));
+    };
+    xhr.onabort = () => {
+        const err = new DOMException("Aborted", "AbortError");
+        onError(err);
+    };
+    xhr.timeout = 180000;
+    xhr.send(JSON.stringify(body));
+}

package/dist/utils/getToken.d.ts

@@ -0,0 +1,3 @@
+export declare function useApiToken(): string;
+export declare function setGlobalToken(t: string): void;
+export declare function getApiToken(): string;

package/dist/utils/getToken.js

@@ -0,0 +1,12 @@
+import { useWidget } from "../context/WidgetContext";
+export function useApiToken() {
+    const { token } = useWidget();
+    return token;
+}
+let _token = "";
+export function setGlobalToken(t) {
+    _token = t;
+}
+export function getApiToken() {
+    return _token;
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@devtravelcode/widget-native",
+  "version": "1.0.0",
+  "description": "TravelHub search widget for React Native (flights, hotels, cars)",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "!dist/**/*.map"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build",
+    "test": "npx tsc --noEmit",
+    "start": "npx expo start",
+    "android": "npx expo start --android",
+    "ios": "npx expo start --ios"
+  },
+  "peerDependencies": {
+    "@react-native-async-storage/async-storage": ">=1.21.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0",
+    "react-native-gesture-handler": ">=2.14.0",
+    "react-native-maps": ">=1.10.0",
+    "react-native-reanimated": ">=3.6.0",
+    "react-native-safe-area-context": ">=4.8.0",
+    "react-native-svg": ">=14.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-maps": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.9.0",
+    "date-fns": "^4.1.0",
+    "react-native-map-clustering": "^4.0.0",
+    "react-redux": "^9.2.0"
+  },
+  "devDependencies": {
+    "@react-native-async-storage/async-storage": "^2.1.2",
+    "@types/react": "~19.1.10",
+    "expo": "~54.0.0",
+    "expo-asset": "~12.0.12",
+    "expo-constants": "~18.0.13",
+    "expo-file-system": "~19.0.21",
+    "expo-font": "~14.0.11",
+    "expo-status-bar": "~3.0.9",
+    "lucide-react-native": "^0.475.0",
+    "react": "^19.1.0",
+    "react-native": "^0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-maps": "^1.20.1",
+    "react-native-reanimated": "~3.16.0",
+    "react-native-safe-area-context": "~5.4.0",
+    "react-native-svg": "^15.12.1",
+    "typescript": "^5.9.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "SEE LICENSE IN LICENSE",
+  "private": false
+}