@travelswitchhq/flight-search-react 1.1.3 → 1.1.4

package/dist/index.d.cts

@@ -45,6 +45,18 @@ type FlightSearchWidgetProps = {
         fontName?: string;
         /** "dev" | "prod" – selects API base URLs. Defaults to "dev". */
         env?: FlightSearchEnv;
+        /**
+         * ISO 3166-1 alpha-2 country code (e.g. "AE").
+         * When set, the search redirect becomes `{base}/{countryCode}-{languageSegment}/flight/listing?...`
+         * where `languageSegment` is {@link languageCode} uppercased, or "EN" if {@link languageCode} is omitted.
+         */
+        countryCode?: string;
+        /**
+         * Language code for airport/airline APIs and the `lc` query param (e.g. "en", "ar").
+         * Defaults to `"en"` when omitted.
+         * If {@link countryCode} is set and this is omitted, the locale path segment still uses "EN".
+         */
+        languageCode?: string;
     };
     ssoUser?: FlightSearchSsoUser;
 };

package/dist/index.d.ts

@@ -45,6 +45,18 @@ type FlightSearchWidgetProps = {
         fontName?: string;
         /** "dev" | "prod" – selects API base URLs. Defaults to "dev". */
         env?: FlightSearchEnv;
+        /**
+         * ISO 3166-1 alpha-2 country code (e.g. "AE").
+         * When set, the search redirect becomes `{base}/{countryCode}-{languageSegment}/flight/listing?...`
+         * where `languageSegment` is {@link languageCode} uppercased, or "EN" if {@link languageCode} is omitted.
+         */
+        countryCode?: string;
+        /**
+         * Language code for airport/airline APIs and the `lc` query param (e.g. "en", "ar").
+         * Defaults to `"en"` when omitted.
+         * If {@link countryCode} is set and this is omitted, the locale path segment still uses "EN".
+         */
+        languageCode?: string;
     };
     ssoUser?: FlightSearchSsoUser;
 };

package/dist/index.mjs

@@ -1469,7 +1469,9 @@ function FlightSearchWidget({
   const urls = API_URLS[env];
   const airportSearchApiBaseUrl = urls.airport;
   const airlineSearchApiBaseUrl = urls.airline;
-  const langCode = "en";
+  const countryCodeConfig = (config?.countryCode ?? "").trim();
+  const languageCodeConfig = (config?.languageCode ?? "").trim();
+  const langCode = languageCodeConfig || "en";
   const [airlineQuery, setAirlineQuery] = useState("");
   const [airlineSuggestions, setAirlineSuggestions] = useState([]);
   const [selectedAirlines, setSelectedAirlines] = useState([]);
@@ -1515,6 +1517,7 @@ function FlightSearchWidget({
   const [isDestinationDropdownOpen, setIsDestinationDropdownOpen] = useState(false);
   const [isRoomsGuestsMenuOpen, setIsRoomsGuestsMenuOpen] = useState(false);
   const originDropdownRef = useRef(null);
+  const firstOriginDesktopInputRef = useRef(null);
   const destinationDropdownRef = useRef(null);
   const roomsGuestsMenuRef = useRef(null);
   const dateRangeCalendarRef = useRef(null);
@@ -1745,6 +1748,21 @@ function FlightSearchWidget({
     ensureStylesInjected();
     ensurePrimeIconsLoaded();
   }, []);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const focusFirstOrigin = () => {
+      const desktop = firstOriginDesktopInputRef.current;
+      desktop?.focus({ preventScroll: true });
+    };
+    let innerRaf = 0;
+    const outerRaf = window.requestAnimationFrame(() => {
+      innerRaf = window.requestAnimationFrame(focusFirstOrigin);
+    });
+    return () => {
+      window.cancelAnimationFrame(outerRaf);
+      if (innerRaf) window.cancelAnimationFrame(innerRaf);
+    };
+  }, []);
   useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -2098,7 +2116,8 @@ function FlightSearchWidget({
     console.log("Query String:", queryString);
     const base = getNormalizedRedirectionBase();
     if (base) {
-      const url = `${base}/flight/listing?${queryString}`;
+      const listingPath = countryCodeConfig.length > 0 ? `/${countryCodeConfig.toUpperCase()}-${languageCodeConfig ? languageCodeConfig.toUpperCase() : "EN"}/flight/listing` : "/flight/listing";
+      const url = `${base}${listingPath}?${queryString}`;
       window.location.href = url;
     }
   };
@@ -2130,6 +2149,7 @@ function FlightSearchWidget({
     const label = isOrigin ? "From" : "To";
     const list = isOrigin ? getPredictiveState(segmentIndex).fromAirport : getPredictiveState(segmentIndex).toAirport;
     const selectedIndex = isOrigin ? getPredictiveState(segmentIndex).selectedFromIndex : getPredictiveState(segmentIndex).selectedToIndex;
+    const isFirstOrigin = segmentIndex === 0 && isOrigin;
     return /* @__PURE__ */ jsxs("div", { className: `sw-form-field sw-pos-rel${isOrigin ? " br-left" : ""} ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-is-invalid" : ""}`, children: [
       /* @__PURE__ */ jsx("label", { htmlFor: `${dropdownType}-${segmentIndex}`, children: label }),
       /* @__PURE__ */ jsxs("div", { className: `sw-custom-dropdown ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-has-error" : ""}`, ref: dropdownRef, children: [
@@ -2160,6 +2180,7 @@ function FlightSearchWidget({
           {
             type: "text",
             id: `${dropdownType}-${segmentIndex}`,
+            ref: isFirstOrigin ? firstOriginDesktopInputRef : void 0,
             className: `sw-custom-dropdown-trigger MobileHide ${value === placeholder || !value ? "sw-placeholder" : ""}`,
             value: value === placeholder ? "" : value ?? "",
             placeholder,