@travelswitchhq/flight-search-react 1.0.6 → 1.0.8

package/dist/index.cjs

@@ -195,6 +195,18 @@ var flightSearchWidgetStyles = `
   min-width: 0; 
   overflow: visible; 
 }
+.sw-form-field.sw-is-invalid {
+  box-shadow: inset 0 0 0 1px var(--sw-error);
+}
+.sw-form-field.sw-is-invalid label {
+  color: var(--sw-error);
+}
+.sw-custom-dropdown.sw-has-error .sw-custom-dropdown-trigger {
+  color: var(--sw-error);
+}
+.sw-custom-dropdown.sw-has-error .sw-custom-dropdown-trigger::placeholder {
+  color: var(--sw-error) !important;
+}
 .sw-form-field label {
   display: block;
   width: 100%;
@@ -1510,6 +1522,8 @@ function FlightSearchWidget({
   const roomsGuestsMenuRef = (0, import_react.useRef)(null);
   const dateRangeCalendarRef = (0, import_react.useRef)(null);
   const mobileDateRangeCalendarRef = (0, import_react.useRef)(null);
+  const oneWayDesktopCalendarRef = (0, import_react.useRef)(null);
+  const oneWayMobileCalendarRef = (0, import_react.useRef)(null);
   const segmentCalendarRefs = (0, import_react.useRef)({});
   const getMaxSegments = () => {
     if (tripType === "custom-search") return 3;
@@ -1615,8 +1629,12 @@ function FlightSearchWidget({
       }
       return updated;
     });
+    setValidationErrors((prev) => ({
+      ...prev,
+      [segmentIndex]: { ...prev[segmentIndex] ?? {}, [dropdownType]: false }
+    }));
     closeAirportDropdown(dropdownType, segmentIndex);
-  }, [closeAirportDropdown]);
+  }, [closeAirportDropdown, tripType]);
   const updateSelectedIndex = (0, import_react.useCallback)((segmentIndex, dropdownType, newIndex) => {
     setPredictiveSearchList((prev) => {
       const state = prev[segmentIndex] ?? { fromAirport: [], toAirport: [], selectedFromIndex: -1, selectedToIndex: -1 };
@@ -2037,6 +2055,14 @@ function FlightSearchWidget({
     queryStringObj[`umrah`] = isUmrahFareOption();
     return queryStringObj;
   };
+  const getNormalizedRedirectionBase = () => {
+    const raw = (redirectionDomain ?? "").trim();
+    if (!raw) return null;
+    if (raw.startsWith("http://") || raw.startsWith("https://")) {
+      return raw.replace(/\/+$/, "");
+    }
+    return `https://${raw.replace(/\/+$/, "")}`;
+  };
   const handleSearch = () => {
     const queryStringObj = createQueryString();
     console.log("Query String Object:", queryStringObj);
@@ -2056,8 +2082,9 @@ function FlightSearchWidget({
     }
     const queryString = queryParams.toString();
     console.log("Query String:", queryString);
-    if (redirectionDomain) {
-      const url = `${redirectionDomain}/flight/listing?${queryString}`;
+    const base = getNormalizedRedirectionBase();
+    if (base) {
+      const url = `${base}/flight/listing?${queryString}`;
       window.location.href = url;
     }
   };
@@ -2395,17 +2422,19 @@ function FlightSearchWidget({
           {
             className: "sw-form-field sw-pos-rel sw-com-cal",
             style: { cursor: "pointer" },
-            onClick: () => segmentCalendarRefs.current[0]?.show?.(),
+            onClick: () => {
+              oneWayDesktopCalendarRef.current?.show?.();
+              oneWayMobileCalendarRef.current?.show?.();
+            },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "Departure" }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: formatDisplayDate(segments[0]?.departureDate) }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_calendar.Calendar,
                 {
+                  id: "oneWayDepartureDesktop",
                   numberOfMonths: 2,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayDesktopCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2425,10 +2454,9 @@ function FlightSearchWidget({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_calendar.Calendar,
                 {
+                  id: "oneWayDepartureMobile",
                   numberOfMonths: 10,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayMobileCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2446,7 +2474,7 @@ function FlightSearchWidget({
                   headerTemplate: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead MobileShow", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { type: "button", onClick: (e) => {
                       e.stopPropagation();
-                      segmentCalendarRefs.current[0]?.hide?.();
+                      oneWayMobileCalendarRef.current?.hide?.();
                     }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
@@ -2460,7 +2488,7 @@ function FlightSearchWidget({
                       className: "sw-confirm-btn",
                       onClick: (e) => {
                         e.stopPropagation();
-                        segmentCalendarRefs.current[0]?.hide?.();
+                        oneWayMobileCalendarRef.current?.hide?.();
                       },
                       children: "Confirm"
                     }