@travelswitchhq/flight-search-react 1.0.7 → 1.0.9

package/dist/index.mjs

@@ -11,6 +11,7 @@ var flightSearchWidgetStyles = `
 .sw-container {
   --sw-font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   --sw-en-font-family: Arial, sans-serif;
+  --sw-secondary-bg-text: #ffffff;
   --sw-label-color: #66797F;
   --sw-body-text: #0B1215;
   --sw-btn-radius: 8px;
@@ -40,7 +41,6 @@ var flightSearchWidgetStyles = `
   --sw-size-lg: 20px;
 }
 .sw-container {
-  contain: layout;
   position: relative;
   display: block;
   width: 100%;
@@ -145,7 +145,7 @@ var flightSearchWidgetStyles = `
   position: relative;
   display: block;
   padding: 20px;
-  background-color: var(--sw-white);
+  background-color: var(--secondary);
   border-radius: var(--sw-radius);
 }
 .sw-card-box .br-right{
@@ -169,6 +169,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%;
@@ -659,10 +671,10 @@ padding-inline-start: 25px;
 .p-datepicker-other-month span{
   opacity: 0;
 }
-.p-datepicker .p-highlight {
+.sw-com-cal .p-datepicker .p-highlight {
   position: relative;
-  background: var(--primary-light) !important;
-  color: var(--sw-white) !important;
+  background: var(--primary);
+  color: var(--primary-light);
 }
 .sw-product-tabs {
   position: relative;
@@ -777,10 +789,10 @@ padding-inline-start: 25px;
   background-color: var(--primary-light);
   color: var(--primary);
 }
-.sw-tab-content {
+.sw-card-box .sw-tab-content {
   height: 40px;
   padding: 6px 15px;
-  border: 1px solid var(--sw-form-border);
+  border: 1px solid var(--sw-secondary-bg-text);
   border-radius: var(--sw-radius);
   align-content: center;
 }
@@ -849,6 +861,13 @@ padding-inline-start: 25px;
   gap: 8px;
   height: 40px;
 }
+.sw-srh-round-text .sw-tab-content{
+  color: var(--sw-secondary-bg-text);
+}
+.sw-advanced-search-options .p-accordion-header-text,
+.sw-card-box .p-accordion-toggle-icon{
+  color: var(--sw-secondary-bg-text);
+}
 .sw-remove-segment{
   fill: var(--primary);
   cursor: pointer;
@@ -894,14 +913,14 @@ padding-inline-start: 25px;
   gap: 7px;
   margin-inline-start: 5px;
   padding: 8px 10px;
-  border: 1px solid var(--primary);
+  background-color: var(--primary);
   border-radius: 30px;
-  background-color: transparent;
-  color: var(--primary);
+  color: var(--sw-white);
   font-size: 14px;
+  cursor: pointer;
 }
 .sw-srh-mc .sw-srh-mc-foot button svg {
-  fill: var(--primary);
+  fill: var(--sw-white);
 }
 .sw-srh-mc .sw-srh-add-btn {
   display: flex;
@@ -909,9 +928,9 @@ padding-inline-start: 25px;
   gap: 7px;
   margin-inline-start: 5px;
   padding: 0.8rem 1rem;
+  border: 0;
   border-radius: 30px;
   color: var(--primary);
-  font-size: 1.4rem;
 }
 .sw-srh-mc .sw-traveller {
     grid-row-start: 1;
@@ -986,7 +1005,7 @@ padding-inline-start: 25px;
   font-weight: 400;
 }
 .sw-srh-button-wrapper button.sw-active-button {
-  background-color: var(--secondary);
+  background-color: var(--primary);
   color: var(--sw-white);
 }
 .sw-traveller .sw-rooms-guests-menu {
@@ -1286,12 +1305,12 @@ padding-inline-start: 25px;
     .sw-srh-mc .sw-srh-mc-foot{
         margin: 10px 0;
     }
-    .sw-srh-mc .sw-srh-wrap:nth-child(3){
-        flex-direction: row;
-    }
     .sw-container .sw-search-button{
         border-radius: var(--sw-btn-radius);
     }
+    .sw-fsrh-chk-main{
+        flex-wrap: wrap;
+    }
 }
 `;
 
@@ -1591,8 +1610,12 @@ function FlightSearchWidget({
       }
       return updated;
     });
+    setValidationErrors((prev) => ({
+      ...prev,
+      [segmentIndex]: { ...prev[segmentIndex] ?? {}, [dropdownType]: false }
+    }));
     closeAirportDropdown(dropdownType, segmentIndex);
-  }, [closeAirportDropdown]);
+  }, [closeAirportDropdown, tripType]);
   const updateSelectedIndex = useCallback((segmentIndex, dropdownType, newIndex) => {
     setPredictiveSearchList((prev) => {
       const state = prev[segmentIndex] ?? { fromAirport: [], toAirport: [], selectedFromIndex: -1, selectedToIndex: -1 };
@@ -2013,6 +2036,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);
@@ -2032,8 +2063,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;
     }
   };
@@ -2092,8 +2124,8 @@ function FlightSearchWidget({
         isOpen && /* @__PURE__ */ jsxs("div", { className: "sw-dropdown", children: [
           /* @__PURE__ */ jsxs("div", { className: "mobileHead MobileShow", children: [
             /* @__PURE__ */ jsx("a", { type: "button", onClick: () => closeAirportDropdown(dropdownType, segmentIndex), children: /* @__PURE__ */ jsxs("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-              /* @__PURE__ */ jsx("path", { d: "M19 5L5 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-              /* @__PURE__ */ jsx("path", { d: "M5 5L19 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
+              /* @__PURE__ */ jsx("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ jsx("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" })
             ] }) }),
             /* @__PURE__ */ jsx("h4", { children: isOrigin ? "Origin" : "Destination" })
           ] }),
@@ -2260,7 +2292,7 @@ function FlightSearchWidget({
             className: "sw-form-swap",
             "aria-label": "Swap origin and destination",
             onClick: () => swapSegmentLocations(0),
-            children: /* @__PURE__ */ jsx("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { "fill-rule": "evenodd", d: "M14.6403 5.2477a.7483.7483 0 0 1 1.0612.0084l4.0871 4.1684a.7555.7555 0 0 1 .1573.8195.7502.7502 0 0 1-.6921.4623H6.8305c-.4145 0-.7504-.3373-.7504-.7533 0-.4161.336-.7534.7504-.7534h10.6317L14.632 6.3131a.7556.7556 0 0 1 .0083-1.0654ZM9.368 18.8148a.7483.7483 0 0 1-1.0611-.0084l-4.087-4.1684a.7555.7555 0 0 1-.1574-.8195.7503.7503 0 0 1 .6921-.4623H17.178c.4144 0 .7503.3373.7503.7533 0 .4161-.3359.7534-.7503.7534H6.5463l2.8301 2.8865a.7555.7555 0 0 1-.0083 1.0654Z", "clip-rule": "evenodd" }) })
+            children: /* @__PURE__ */ jsx("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M14.6403 5.2477a.7483.7483 0 0 1 1.0612.0084l4.0871 4.1684a.7555.7555 0 0 1 .1573.8195.7502.7502 0 0 1-.6921.4623H6.8305c-.4145 0-.7504-.3373-.7504-.7533 0-.4161.336-.7534.7504-.7534h10.6317L14.632 6.3131a.7556.7556 0 0 1 .0083-1.0654ZM9.368 18.8148a.7483.7483 0 0 1-1.0611-.0084l-4.087-4.1684a.7555.7555 0 0 1-.1574-.8195.7503.7503 0 0 1 .6921-.4623H17.178c.4144 0 .7503.3373.7503.7533 0 .4161-.3359.7534-.7503.7534H6.5463l2.8301 2.8865a.7555.7555 0 0 1-.0083 1.0654Z", clipRule: "evenodd" }) })
           }
         ),
         renderAirportDropdown(0, "destination", destinationDropdownRef, isDestinationDropdownOpen, () => setIsDestinationDropdownOpen(true))