https://gruppen-impulse.com/assets/js/react/search-form-display.js

1import{r as l,j as e,c as J}from"./assets/client-cW6LsOV5.js";import{C as B}from"./assets/Calendar-60BW4Lkk.js";import{A as K,F as U,V as W}from"./assets/SearchForm.styles-CIMVCz5P.js";import{u as Q}from"./assets/frontend-translations-d7OskhWL.js";import{p as X}from"./assets/ajax.fe-CaAUmM5U.js";import{f as T}from"./assets/formatData-aLFuKRsL.js";import{S as Y}from"./assets/SearchButton-Djn-iCO8.js";import{C as ee}from"./assets/CircularProgress-DAsEqCdL.js";import"./assets/clsx-B-dksMZM.js";import"./assets/styled-components.browser.esm-DuSYdPfD.js";import"./assets/hoist-non-react-statics.cjs-z9KOwgRo.js";const ae=productTags.productTags||[],re=({value:r,onChange:y,onSelect:s,onBlur:o,placeholder:D})=>{const[p,x]=l.useState([]),[g,u]=l.useState(!1),h=l.useRef(null);l.useEffect(()=>{if(r.length>=3){const c=ae.filter(d=>d.title.toLowerCase().includes(r.toLowerCase()));x(c)}else x([]),u(!1)},[r]),l.useEffect(()=>{const c=d=>{h.current&&!h.current.contains(d.target)&&(u(!1),o&&o())};return document.addEventListener("mousedown",c),()=>{document.removeEventListener("mousedown",c)}},[o]);const w=c=>{y(c.title),s&&s(c.id,c.title),u(!1),o&&o()};return e.jsxs("div",{ref:h,style:{position:"relative"},children:[e.jsx("input",{id:"keyword",type:"text",autoComplete:"off",value:r,placeholder:D,onChange:c=>{const d=c.target.value;y(d),d.length>=3?u(!0):u(!1)},onBlur:o}),g&&p.length>0&&e.jsx(K,{children:e.jsx("ul",{children:p.map(c=>e.jsx("li",{onMouseDown:d=>{d.preventDefault(),w(c)},children:c.title},c.id))})})]})},se=({className:r})=>e.jsxs("svg",{viewBox:"0 0 512 512",className:r,style:{height:16,width:16,marginTop:-2},children:[e.jsx("path",{fill:"#fff",d:"M424,64h-88v-16C336,21.5,314.5,0,288,0h-64C197.5,0,176,21.5,176,48v16h-88c-22.1,0-40,17.9-40,40v32c0,8.8,7.2,16,16,16h384c8.8,0,16-7.2,16-16v-32c0-22.1-17.9-40-40-40ZM208,48c0-8.8,7.2-16,16-16h64c8.8,0,16,7.2,16,16v16h-96v-16Z"}),e.jsx("path",{fill:"#fff",d:"M78.4,184c-2.9,0-5.1,2.4-5,5.2l13.2,277c1.2,25.6,22.3,45.7,47.9,45.7h243c25.7,0,46.7-20.1,47.9-45.7l13.2-277c.1-2.9-2.1-5.2-5-5.2H78.4ZM320,224c0-8.8,7.2-16,16-16s16,7.2,16,16v208c0,8.8-7.2,16-16,16s-16-7.2-16-16v-208ZM240,224c0-8.8,7.2-16,16-16s16,7.2,16,16v208c0,8.8-7.2,16-16,16s-16-7.2-16-16v-208ZM160,224c0-8.8,7.2-16,16-16s16,7.2,16,16v208c0,8.8-7.2,16-16,16s-16-7.2-16-16v-208Z"})]}),te=1,ne=()=>{const[r,y]=l.useState(null),[s,o]=l.useState(null),[D,p]=l.useState(!1),[x,g]=l.useState(!1),[u,h]=l.useState(!1),[w,c]=l.useState([]),[d,b]=l.useState([]),S=l.useRef(null),L=l.useRef(null),C=l.useRef(!1),N=l.useRef(!1),[j,O]=l.useState(null),[R,E]=l.useState(null),{$t:I}=Q(translations),A=async()=>{if(y(translations),b(searchFormInitialize.countries),c(searchFormInitialize.regions),searchFormData){const a=document.getElementById("result-count");if(a){const t=parseInt(a.innerHTML,10);!Number.isNaN(t)&&t>=0&&O(t)}o({searchTerm:searchFormData.searchTerm,travelTopicId:searchFormData.travelTopicId===0?0:searchFormData.travelTopicId,countryId:searchFormData.countryId===0?0:searchFormData.countryId,regionId:searchFormData.regionId===0?0:searchFormData.regionId,travelDuration:searchFormData.travelDuration===0?0:searchFormData.travelDuration,arrivalDate:searchFormData.arrivalDate,departureDate:searchFormData.departureDate,budgetFrom:0,budgetTo:searchFormData.budgetTo})}};l.useEffect(()=>{A()},[]);const v=async(a,t)=>{const i=document.querySelector("a.round-icon.btn-header-search");if(!i||!i.classList.contains("open"))return;h(!0);const n=typeof t=="number"?t:R??0,m={...a,arrivalDate:a.arrivalDate?T(new Date(a.arrivalDate)):null,departureDate:a.departureDate?T(new Date(a.departureDate)):null,languageCode:currentLanguage.currentLanguage,searchTerm:n?"":a.searchTerm,productTagId:n||0},f=await X("index.php?rex-api-call=search_count",{formattedData:m});O(f.message.searchCount),h(!1)},Z=()=>{C.current||N.current||setTimeout(()=>{C.current||N.current||s&&v(s)},500)},V=a=>{const t=searchFormInitialize.countries.find(n=>n.id===Number(a));if(!t)return;const i=searchFormInitialize.regions.filter(n=>n.countryIds.includes(t.id));c(i)},H=a=>{const t=searchFormInitialize.regions.find(n=>n.id===Number(a));if(!t)return;const i=searchFormInitialize.countries.filter(n=>

1t.countryIds.includes(n.id));b(i)},$=(a,t)=>{switch(a){case"countryId":t==="0"?c(searchFormInitialize.regions):V(t);break;case"regionId":t==="0"?b(searchFormInitialize.countries):H(t);break}},F=a=>{const{name:t,value:i}=a.target;(t==="countryId"||t==="regionId")&&$(t,i),o(n=>{const m={...n,[t]:i?Number(i):0};return v(m),m})},z=(a,t)=>{o(i=>{const n={...i,[t==="arrival"?"arrivalDate":"departureDate"]:a};return v(n),n}),t==="arrival"?p(!1):g(!1)};l.useEffect(()=>{const a=t=>{S.current&&!S.current.contains(t.target)&&p(!1),L.current&&!L.current.contains(t.target)&&g(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]);const P=a=>{a==="arrival"?(p(!D),g(!1)):(g(!x),p(!1))},q=a=>{const{name:t,value:i}=a.target;o(n=>({...n,[t]:Number(i)}))},M=()=>{o(a=>(v(a),a))},G=async a=>{C.current=!0,a.preventDefault(),a.stopPropagation(),h(!0);const t=R??0,i={...s,searchTerm:t?"":s.searchTerm,productTagId:t,arrivalDate:s.arrivalDate?T(new Date(s.arrivalDate)):null,departureDate:s.departureDate?T(new Date(s.departureDate)):null},n=document.createElement("form");n.method="POST",n.action=searchFormInitialize.linkToSearchPage,n.style.display="none",Object.keys(i).forEac

1h(m=>{const f=document.createElement("input");f.type="hidden",f.name=m,f.value=i[m]??"",n.appendChild(f)}),document.body.appendChild(n),n.submit(),C.current=!1,h(!1)},_=()=>{N.current=!0;const a={searchTerm:"",travelTopicId:0,countryId:0,regionId:0,travelDuration:0,arrivalDate:null,departureDate:null,budgetFrom:0,budgetTo:searchFormInitialize.maxPrice};E(null),b(searchFormInitialize.countries),c(searchFormInitialize.regions),o(a),O(null),v(a,0).finally(()=>{setTimeout(()=>{N.current=!1},600)})},k=a=>{if(!s||!s[a])return"";const t=currentLanguage.currentLanguage,n={de:"de-DE",en:"en-GB",fr:"fr-FR"}[t]||"de-DE";return(typeof s[a]=="string"?new Date(s[a]):s[a]).toLocaleDateString(n,{day:"2-digit",month:"2-digit",year:"numeric"})};return e.jsx("div",{className:"container",children:e.jsx("div",{className:"row",children:e.jsx("div",{className:"search",children:e.jsxs(U,{onSubmit:G,children:[e.jsxs("div",{className:"top",children:[e.jsxs("div",{className:"search-element big",children:[e.jsxs("label",{htmlFor:"keyword",children:[e.jsx("span",{className:"icon icon-search"}),r==null?void 0:r.keywordSearch]}),e.jsx(re,{value:(s==null?void 0:s.searchTerm)||"",placeholder:r==null?void 0:r.keywordSearchPlaceholder,onChange:a=>{E(null),o(t=>({...t,searchTerm:a}))},onSelect:(a,t)=>{E(a),o(i=>{const n={...i,searchTerm:t};return v(n,a),n})},onBlur:Z})]}),e.jsxs("div",{className:"search-element",children:[e.jsxs("label",{htmlFor:"travelTopicId",children:[e.jsx("span",{className:"icon icon-stars"}),r==null?void 0:r.travelTopic]}),e.jsx("div",{className:"custom-select",children:e.jsxs("select",{id:"travelTopicId",name:"travelTopicId",value:s==null?void 0:s.travelTopicId,onChange:F,children:[e.jsx("option",{value:0,children:I("emptyOption")},"empty"),searchFormInitialize==null?void 0:searchFormInitialize.travelTopics.map((a,t)=>e.jsx("option",{value:a.id,children:a.label},a+t))]})})]}),e.jsxs("div",{className:"search-element border-no",children:[e.jsxs("label",{htmlFor:"countryId",children:[e.jsx("span",{className:"icon icon-location"})," ",r==null?void 0:r.country]}),e.jsx("div",{className:"custom-select",children:e.jsxs("select",{id:"countryId",name:"countryId",value:s==null?void 0:s.countryId,onChange:F,children:[e.jsx("option",{value:0,children:I("emptyOption")},"empty"),d.map((a,t)=>e.jsx("option",{value:a.id,children:a.label},a+t))]})})]}),e.jsxs("div",{className:"search-element",children:[e.jsxs("label",{htmlFor:"regionId",children:[e.jsx("span",{className:"icon icon-location"})," ",r==null?void 0:r.region]}),e.jsx("div",{className:"custom-select",children:e.jsxs("select",{id:"regionId",name:"regionId",value:s==null?void 0:s.regionId,onChange:F,children:[e.jsx("option",{value:0,children:I("emptyOption")},"empty"),w.map((a,t)=>e.jsx("option",{value:a.id,children:a.label},a+t))]})})]})]}),e.jsxs("div",{className:"bottom",children:[e.jsxs("div",{className:"search-element border-no",children:[e.jsxs("label",{htmlFor:"travelDuration",children:[e.jsx("span",{className:"icon icon-calendar"}),r==null?void 0:r.travelDuration]}),e.jsx("div",{className:"custom-select",children:e.jsxs("select",{id:"travelDuration",name:"travelDuration",value:s==null?void 0:s.travelDuration,onChange:F,children:[e.jsx("option",{value:0,children:I("emptyOption")},"empty"),searchFormInitialize==null?void 0:searchFormInitialize.travelDurations.map((a,t)=>e.jsxs("option",{value:a.value,children:[a.label," ",r==null?void 0:r.days]},a+t))]})})]}),e.jsxs("div",{className:"search-element border-no",children:[e.jsxs("label",{htmlFor:"arrivalDate",children:[e.jsx("span",{className:"icon icon-calendar"}),r==null?void 0:r.arrivalDate]}),e.jsx("input",{id:"arrivalDate",type:"text",name:"arrivalDate",value:k("arrivalDate"),placeholder:r==null?void 0:r.openCalendar,onClick:()=>P("arrival"),readOnly:!0}),D&&e.jsx("div",{ref:S,children:e.jsx(B,{onChange:a=>z(a,"arrival"),value:(s==null?void 0:s.arrivalDate)||new Date,selectRange:!1,locale:currentLanguage.currentLanguage})})]}),e.jsxs("div",{className:"search-element",children:[e.jsxs("label",{htmlFor:"departureDate",children:[e.jsx("span",{className:"icon icon-calendar"}),r==null?void 0:r.departureDate]}),e.jsx("input",{id:"departureDate",type:"text",name:"departureDate",value:k("departureDate"),placeholder:r==null?void 0:r.openCalendar,onClick:()=>P("departure"),readOnly:!0}),x&&e.jsx("div",{ref:L,children:e.jsx(B,{onChange:a=>z(a,"departure"),value:(s==null?void 0:s.departureDate)||new Date,selectRange:!1,locale:currentLanguage.currentLanguage})})]}),e.jsxs("div",{className:"search-element",children:[e.jsxs("label",{children:[e.jsx("span",{className:"icon icon-euro"})," ",r==null?void 0:r.budget]}),e.jsx(W,{htmlFor:"maxBudget",children:I("budget")}),e.jsxs("div",{className:"range-slider container",children:[e.jsx("span",{className:"output outputTwo",children:s==null?void 0:s.budgetTo}),e.jsx("span",{className:"full-range"}),e.jsx("span",{className:"incl-range",style:{width:`${((s==null?void 0:s.budgetTo)-(s==null?void 0:s.budgetFrom))/searchFormInitialize.maxPrice*100}%`,left:`${(s==null?void 0:s.budgetFrom)/searchFormInitialize.maxPrice*100}%`}}),e.jsx("input",{id:"maxBudget",name:"budgetTo",value:s==null?void 0:s.budgetTo,min:searchFormInitialize.minPrice,max:searchFormInitialize.maxPrice,step:te,type:"range",onCh

1ange:q,onMouseUp:M,onTouchEnd:M})]})]}),e.jsx("div",{className:"search-element justify-center",children:e.jsxs("button",{className:"btn-cta btn-search-main",role:"button",type:"submit",disabled:u,children:[e.jsx("span",{className:"info",children:u?e.jsx(ee,{sx:{color:"#fff"}}):e.jsxs("span",{className:"count-wrapper",children:[j!=null&&j>=0?e.jsxs("span",{className:"count",children:[j," "]}):"",j===1?r==null?void 0:r.findOffer:r==null?void 0:r.findOffers]})}),e.jsx("span",{className:"cta-round",children:e.jsx("span",{className:"icon icon-arrow-round-single"})})]})})]}),e.jsxs("div",{className:"search-action-buttons",children:[e.jsx(Y,{variant:"textButton"}),e.jsxs("div",{className:"btn-search-reset",onClick:_,children:[e.jsx(se,{className:"icon"})," ",r==null?void 0:r.deleteFilter]})]})]})})})})};J.createRoot(document.getElementById("search-form-display")).render(e.jsx(l.StrictMode,{children:e.jsx(ne,{})}));
2//# sourceMappingURL=search-form-display.js.map