@travelswitchhq/flight-search-react 1.1.6 → 1.1.8

package/dist/index.cjs

@@ -69,7 +69,6 @@ var flightSearchWidgetStyles = `
   position: relative;
   display: block;
   width: 100%;
-  min-width: 1240px;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
@@ -187,7 +186,7 @@ var flightSearchWidgetStyles = `
 .sw-com-cal .p-disabled{
   opacity: 0.3;
 }
-.sw-form-field {
+.sw-srh-form-field {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto; 
@@ -197,10 +196,10 @@ var flightSearchWidgetStyles = `
   min-width: 0; 
   overflow: visible; 
 }
-.sw-form-field.sw-is-invalid {
+.sw-srh-form-fieldsw-is-invalid {
   box-shadow: inset 0 0 0 1px var(--sw-error);
 }
-.sw-form-field.sw-is-invalid label {
+.sw-srh-form-fieldsw-is-invalid label {
   color: var(--sw-error);
 }
 .sw-custom-dropdown.sw-has-error .sw-custom-dropdown-trigger {
@@ -226,8 +225,8 @@ var flightSearchWidgetStyles = `
 .p-button-label {
   flex: unset;
 }
-.sw-form-field input,
-.sw-form-field .p-inputtext {
+.sw-srh-form-field input,
+.sw-srh-form-field .p-inputtext {
   display: block;
   width: 100%;
   margin: 0;
@@ -241,8 +240,8 @@ var flightSearchWidgetStyles = `
   font-size: 14px;
   font-weight: 500;
 }
-.sw-form-field input::placeholder,
-.sw-form-field .p-inputtext::placeholder {
+.sw-srh-form-field input::placeholder,
+.sw-srh-form-field .p-inputtext::placeholder {
   color: var(--sw-label-color) !important;
 }
 .sw-form-swap {
@@ -260,7 +259,7 @@ var flightSearchWidgetStyles = `
   cursor: pointer;
   transform: translate(50%, -50%);
 }
-.sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-form-field.sw-pos-rel:last-child {
+.sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-srh-form-field.sw-pos-rel:last-child {
 padding-inline-start: 25px;
 }
 .sw-custom-dropdown {
@@ -876,7 +875,7 @@ padding-inline-start: 25px;
   min-width: 0; 
   overflow: visible; 
 }
-.sw-srh-wrap .sw-form-field {
+.sw-srh-wrap .sw-srh-form-field {
   flex: 1 1 50%; 
   min-width: 0; 
   justify-content: center;
@@ -1172,7 +1171,7 @@ padding-inline-start: 25px;
 .sw-container .MobileHide{
     display: block;
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 1024px) {
     .sw-container .MobileShow{
         display: block;
     }
@@ -1199,8 +1198,7 @@ padding-inline-start: 25px;
             display: none;
         }
     }
-
-    .sw-container .sw-form-field {
+    .sw-container .sw-srh-form-field {
         border-radius: var(--sw-radius);
     }
     .sw-fsrh-adv-cont{
@@ -1231,7 +1229,7 @@ padding-inline-start: 25px;
             line-height: 1;
         }
     }
-    .sw-container .sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-form-field.sw-pos-rel:last-child{
+    .sw-container .sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-srh-form-field.sw-pos-rel:last-child{
         padding-inline-start: 15px;
     }
     .sw-container .p-datepicker-group + .p-datepicker-group .mobileHead {
@@ -2022,7 +2020,7 @@ function FlightSearchWidget({
       case "multi-city":
         return 3;
       case "custom-search":
-        return 4;
+        return 1;
       default:
         return 2;
     }
@@ -2187,7 +2185,7 @@ function FlightSearchWidget({
     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__ */ (0, import_jsx_runtime.jsxs)("div", { className: `sw-form-field sw-pos-rel${isOrigin ? " br-left" : ""} ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-is-invalid" : ""}`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `sw-srh-form-field sw-pos-rel${isOrigin ? " br-left" : ""} ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-is-invalid" : ""}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${dropdownType}-${segmentIndex}`, children: label }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `sw-custom-dropdown ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-has-error" : ""}`, ref: dropdownRef, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -2296,7 +2294,7 @@ function FlightSearchWidget({
         renderAirportDropdown(index, "destination", destinationDropdownRef || destinationRef, isDestOpen, () => toggleSegmentDropdown(index, "destination"))
       ] }, index),
       isMultiCityOrCustom && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-wrap sw-pos-rel", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-form-field sw-com-cal ", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-form-field sw-com-cal", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `departure-${index}`, children: "Departure" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_calendar.Calendar,
@@ -2419,7 +2417,7 @@ function FlightSearchWidget({
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { cursor: "pointer" }, onClick: () => {
           dateRangeCalendarRef.current?.show?.();
           mobileDateRangeCalendarRef.current?.show?.();
-        }, className: "sw-form-field sw-com-cal", children: [
+        }, className: "sw-srh-form-field sw-com-cal", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "Departure" }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: segments[0]?.dateRange?.[0]?.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) })
@@ -2508,7 +2506,7 @@ function FlightSearchWidget({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { cursor: "pointer" }, className: "sw-form-field sw-com-cal", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { cursor: "pointer" }, className: "sw-srh-form-field sw-com-cal", onClick: () => {
           dateRangeCalendarRef.current?.show?.();
           mobileDateRangeCalendarRef.current?.show?.();
         }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
@@ -2519,7 +2517,7 @@ function FlightSearchWidget({
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
-            className: "sw-form-field sw-pos-rel sw-com-cal",
+            className: "sw-srh-form-field sw-pos-rel sw-com-cal",
             style: { cursor: "pointer" },
             onClick: () => {
               oneWayDesktopCalendarRef.current?.show?.();
@@ -2597,7 +2595,7 @@ function FlightSearchWidget({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "sw-form-field sw-pos-rel sw-com-cal sw-add-return-label", style: { cursor: "pointer" }, onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "sw-srh-form-field sw-pos-rel sw-com-cal sw-add-return-label", style: { cursor: "pointer" }, onClick: () => {
           setTripType("round-trip");
           setTimeout(() => document.getElementById("dateRange")?.querySelector("input")?.focus?.(), 100);
         }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "font14", children: "Add return" }) })
@@ -2609,7 +2607,7 @@ function FlightSearchWidget({
         ] }),
         "Add Another Flight"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-form-field sw-traveller sw-pos-rel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-form-field sw-traveller sw-pos-rel", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "rooms", children: "Travellers and Class" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-custom-dropdown", ref: roomsGuestsMenuRef, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(