@travelswitchhq/flight-search-react 1.0.4 → 1.0.6

package/dist/index.cjs

@@ -244,7 +244,7 @@ var flightSearchWidgetStyles = `
   border-radius: 50%;
   background-color: #fff;
   cursor: pointer;
-  transform: translate(-50%, -50%);
+  transform: translate(50%, -50%);
 }
 .sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-form-field.sw-pos-rel:last-child {
 padding-inline-start: 25px;
@@ -794,7 +794,7 @@ padding-inline-start: 25px;
   -webkit-user-select: none;
   user-select: none;
 }
-.sw-tab-checkbox input {
+.sw-container .sw-tab-checkbox input {
   display: none;
 }
 .sw-tab-checkbox input:checked + .sw-tab-content,
@@ -1295,7 +1295,7 @@ padding-inline-start: 25px;
     .sw-rooms-guests-title{
         display: none !important;
     }
-    .sw-rooms-guests-content{
+    .sw-rooms-gst-content{
         padding: 15px;
     }
     .sw-rooms-guests-footer{
@@ -1323,6 +1323,16 @@ padding-inline-start: 25px;
 
 // src/Flight.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var API_URLS = {
+  dev: {
+    airport: "https://adminapi-go.dev.futuretravelplatform.com/api",
+    airline: "https://adminapi.dev.futuretravelplatform.com/api"
+  },
+  prod: {
+    airport: "https://adminapi-go.futuretravelplatform.com/api",
+    airline: "https://adminapi.futuretravelplatform.com/api"
+  }
+};
 var normalizeDomainName = (domainName) => {
   const trimmed = domainName.trim();
   if (!trimmed) return "";
@@ -1446,8 +1456,10 @@ function FlightSearchWidget({
   const primaryLightColor = theme?.primaryLight ?? "#f3e2ff";
   const fontName = config?.fontName;
   const redirectionDomain = config?.redirectionDomain;
-  const airportSearchApiBaseUrl = "https://adminapi-go.dev.futuretravelplatform.com/api";
-  const airlineSearchApiBaseUrl = "https://adminapi.dev.futuretravelplatform.com/api";
+  const env = config?.env ?? "dev";
+  const urls = API_URLS[env];
+  const airportSearchApiBaseUrl = urls.airport;
+  const airlineSearchApiBaseUrl = urls.airline;
   const langCode = "en";
   const [airlineQuery, setAirlineQuery] = (0, import_react.useState)("");
   const [airlineSuggestions, setAirlineSuggestions] = (0, import_react.useState)([]);
@@ -2046,7 +2058,7 @@ function FlightSearchWidget({
     console.log("Query String:", queryString);
     if (redirectionDomain) {
       const url = `${redirectionDomain}/flight/listing?${queryString}`;
-      window.open(url, "_blank");
+      window.location.href = url;
     }
   };
   const handleSubmit = (e) => {
@@ -2102,14 +2114,14 @@ function FlightSearchWidget({
           }
         ),
         isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-dropdown", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead mobileShow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead MobileShow", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { type: "button", onClick: () => closeAirportDropdown(dropdownType, segmentIndex), 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", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: isOrigin ? "Origin" : "Destination" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileSrgInput mobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "text", placeholder: `Search ${isOrigin ? "Origin" : "Destination"}`, value: value ?? "", onChange: (e) => {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileSrgInput MobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "text", placeholder: `Search ${isOrigin ? "Origin" : "Destination"}`, value: value ?? "", onChange: (e) => {
             const val = e.target.value;
             handleSegmentFieldChange(segmentIndex, dropdownType, val);
             triggerSearchAirport(segmentIndex, dropdownType, val);
@@ -2206,7 +2218,29 @@ function FlightSearchWidget({
               dateFormat: "dd M yy",
               placeholder: "29 Jan 2026",
               className: "p-inputtext-sm MobileShow",
-              minDate: getMinDateForSegment(index)
+              minDate: getMinDateForSegment(index),
+              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();
+                  mobileDateRangeCalendarRef.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" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Departure" })
+              ] }),
+              footerTemplate: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileFooter MobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "sw-confirm-btn",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    mobileDateRangeCalendarRef.current?.hide?.();
+                  },
+                  children: "Confirm"
+                }
+              ) })
             }
           )
         ] }),
@@ -2477,7 +2511,7 @@ function FlightSearchWidget({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Number of Travellers" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "sw-rooms-guests-title", children: "Number of Travellers" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-rooms-guests-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-rooms-gst-content", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-pax", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-common-adult", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "Adults" }),