@travelswitchhq/flight-search-react 1.1.6 → 1.1.8

package/dist/index.mjs

@@ -43,7 +43,6 @@ var flightSearchWidgetStyles = `
   position: relative;
   display: block;
   width: 100%;
-  min-width: 1240px;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
@@ -161,7 +160,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; 
@@ -171,10 +170,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 {
@@ -200,8 +199,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;
@@ -215,8 +214,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 {
@@ -234,7 +233,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 {
@@ -850,7 +849,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;
@@ -1146,7 +1145,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;
     }
@@ -1173,8 +1172,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{
@@ -1205,7 +1203,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 {
@@ -1996,7 +1994,7 @@ function FlightSearchWidget({
       case "multi-city":
         return 3;
       case "custom-search":
-        return 4;
+        return 1;
       default:
         return 2;
     }
@@ -2161,7 +2159,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__ */ jsxs("div", { className: `sw-form-field sw-pos-rel${isOrigin ? " br-left" : ""} ${validationErrors[segmentIndex]?.[dropdownType] ? "sw-is-invalid" : ""}`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `sw-srh-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: [
         /* @__PURE__ */ jsx(
@@ -2270,7 +2268,7 @@ function FlightSearchWidget({
         renderAirportDropdown(index, "destination", destinationDropdownRef || destinationRef, isDestOpen, () => toggleSegmentDropdown(index, "destination"))
       ] }, index),
       isMultiCityOrCustom && /* @__PURE__ */ jsxs("div", { className: "sw-srh-wrap sw-pos-rel", children: [
-        /* @__PURE__ */ jsxs("div", { className: "sw-form-field sw-com-cal ", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sw-srh-form-field sw-com-cal", children: [
           /* @__PURE__ */ jsx("label", { htmlFor: `departure-${index}`, children: "Departure" }),
           /* @__PURE__ */ jsx(
             Calendar,
@@ -2393,7 +2391,7 @@ function FlightSearchWidget({
         /* @__PURE__ */ 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__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { children: "Departure" }),
             /* @__PURE__ */ jsx("p", { children: segments[0]?.dateRange?.[0]?.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) })
@@ -2482,7 +2480,7 @@ function FlightSearchWidget({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { style: { cursor: "pointer" }, className: "sw-form-field sw-com-cal", onClick: () => {
+        /* @__PURE__ */ jsx("div", { style: { cursor: "pointer" }, className: "sw-srh-form-field sw-com-cal", onClick: () => {
           dateRangeCalendarRef.current?.show?.();
           mobileDateRangeCalendarRef.current?.show?.();
         }, children: /* @__PURE__ */ jsxs("div", { children: [
@@ -2493,7 +2491,7 @@ function FlightSearchWidget({
         /* @__PURE__ */ 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?.();
@@ -2571,7 +2569,7 @@ function FlightSearchWidget({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "sw-form-field sw-pos-rel sw-com-cal sw-add-return-label", style: { cursor: "pointer" }, onClick: () => {
+        /* @__PURE__ */ 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__ */ jsx("label", { className: "font14", children: "Add return" }) })
@@ -2583,7 +2581,7 @@ function FlightSearchWidget({
         ] }),
         "Add Another Flight"
       ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "sw-form-field sw-traveller sw-pos-rel", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sw-srh-form-field sw-traveller sw-pos-rel", children: [
         /* @__PURE__ */ jsx("label", { htmlFor: "rooms", children: "Travellers and Class" }),
         /* @__PURE__ */ jsxs("div", { className: "sw-custom-dropdown", ref: roomsGuestsMenuRef, children: [
           /* @__PURE__ */ jsx(