{"version":3,"file":"js/TravelSearchExternal.bundle.js","mappings":"qLAIMA,EAAkB,aAgExB,QA9DiC,WAC/B,IAAAC,GAAkCC,EAAAA,EAAAA,YAAUC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAArCI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,GAA8BL,EAAAA,EAAAA,YAAUM,GAAAJ,EAAAA,EAAAA,GAAAG,EAAA,GAAjCE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,GAA4BT,EAAAA,EAAAA,UAAS,GAAEU,GAAAR,EAAAA,EAAAA,GAAAO,EAAA,GAAhCE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GACxBG,GAAgCb,EAAAA,EAAAA,UAAS,GAAEc,GAAAZ,EAAAA,EAAAA,GAAAW,EAAA,GAApCE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5BG,GAAgDjB,EAAAA,EAAAA,UAAS,WAAUkB,GAAAhB,EAAAA,EAAAA,GAAAe,EAAA,GAA5DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GAwB5C,OACEG,EAAAA,cAAA,OAAKC,UAAU,+BACbD,EAAAA,cAACE,EAAAA,EAAuB,CACtBpB,UAAWA,EACXC,aAAcA,EACdG,QAASA,EACTC,WAAYA,EACZG,OAAQA,EACRC,UAAWA,EACXY,UAAW,GACXC,KAAMV,EACNC,YAAaA,EACbI,oBAAqBA,EACrBM,SAnCN,SAAgBC,GACdA,EAAEC,iBAEF,IAAMC,EAAY,IAAIC,IAAIC,eAAeC,mBAEzCH,EAAUI,aAAaC,OACrB,YACA/B,EAAYA,EAAUgC,OAAOrC,GAAmB,IAElD+B,EAAUI,aAAaC,OACrB,UACA3B,EAAUA,EAAQ4B,OAAOrC,GAAmB,IAE9C+B,EAAUI,aAAaC,OAAO,SAAUvB,GACxCkB,EAAUI,aAAaC,OAAO,WAAYnB,GACjB,YAArBI,GACFU,EAAUI,aAAaC,OAAO,cAAef,GAG/CiB,OAAOC,SAASC,KAAOT,CACzB,EAgBMU,WAAYC,OAAOC,EACjB,SACA,CAAC,EACD,CAAEC,QAAS,2BAEbC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,iBAAkBN,OAAOC,EAAE,SAC3BM,kBAAmBP,OAAOC,EAAE,8BAC5BO,YAAaR,OAAOC,EAAE,UACtBQ,UAAWT,OAAOC,EAAE,iBACpBS,yBAA0BV,OAAOC,EAAE,WACnCU,uBAAwBX,OAAOC,EAAE,eAIzC,EC7DaW,EAAAA,WACXC,SAASC,eAAe,2BAGrBC,OACHlC,EAAAA,cAACA,EAAAA,WAAgB,KACfA,EAAAA,cAACmC,EAAwB,O","sources":["webpack://rp-majoitus-client/./src/views/TravelSearchExternal/TravelSearchExternalForm.js","webpack://rp-majoitus-client/./src/views/TravelSearchExternal/index.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport AccommodationSearchForm from '../AccommodationSearch/components/AccommodationSearchForm';\n\nconst API_DATE_FORMAT = 'YYYY-MM-DD';\n\nconst TravelSearchExternalForm = () => {\n  const [startDate, setStartDate] = useState();\n  const [endDate, setEndDate] = useState();\n  const [adults, setAdults] = useState(2);\n  const [children, setChildren] = useState(0);\n  const [popularDateValue, setPopularDateValue] = useState('default');\n\n  function search(e) {\n    e.preventDefault();\n\n    const searchUrl = new URL(drupalSettings.travelsearch_page);\n\n    searchUrl.searchParams.append(\n      'startDate',\n      startDate ? startDate.format(API_DATE_FORMAT) : ''\n    );\n    searchUrl.searchParams.append(\n      'endDate',\n      endDate ? endDate.format(API_DATE_FORMAT) : ''\n    );\n    searchUrl.searchParams.append('adults', adults);\n    searchUrl.searchParams.append('children', children);\n    if (popularDateValue !== 'default') {\n      searchUrl.searchParams.append('popularDate', popularDateValue);\n    }\n\n    window.location.href = searchUrl;\n  }\n\n  return (\n    <div className=\"travel-search-external-form\">\n      <AccommodationSearchForm\n        startDate={startDate}\n        setStartDate={setStartDate}\n        endDate={endDate}\n        setEndDate={setEndDate}\n        adults={adults}\n        setAdults={setAdults}\n        maxGuests={14}\n        kids={children}\n        setChildren={setChildren}\n        setPopularDateValue={setPopularDateValue}\n        onSubmit={search}\n        buttonText={Drupal.t(\n          'Search',\n          {},\n          { context: 'Travel search external' }\n        )}\n        availabilityFound={true}\n        roomAllowsPets={false}\n        allowInfants={false}\n        selectDatesLabel={Drupal.t('Dates')}\n        popularDatesLabel={Drupal.t('Or choose from quick links')}\n        adultsLabel={Drupal.t('Adults')}\n        kidsLabel={Drupal.t('Kids 0-12 yrs')}\n        startDatePlaceholderText={Drupal.t('Arrival')}\n        endDatePlaceholderText={Drupal.t('Departure')}\n      />\n    </div>\n  );\n};\n\nexport default TravelSearchExternalForm;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nimport TravelSearchExternalForm from './TravelSearchExternalForm';\n\nconst root = ReactDOM.createRoot(\n  document.getElementById('travel_search_external')\n);\n\nroot.render(\n  <React.StrictMode>\n    <TravelSearchExternalForm />\n  </React.StrictMode>\n);\n"],"names":["API_DATE_FORMAT","_useState","useState","_useState2","_slicedToArray","startDate","setStartDate","_useState3","_useState4","endDate","setEndDate","_useState5","_useState6","adults","setAdults","_useState7","_useState8","children","setChildren","_useState9","_useState10","popularDateValue","setPopularDateValue","React","className","AccommodationSearchForm","maxGuests","kids","onSubmit","e","preventDefault","searchUrl","URL","drupalSettings","travelsearch_page","searchParams","append","format","window","location","href","buttonText","Drupal","t","context","availabilityFound","roomAllowsPets","allowInfants","selectDatesLabel","popularDatesLabel","adultsLabel","kidsLabel","startDatePlaceholderText","endDatePlaceholderText","ReactDOM","document","getElementById","render","TravelSearchExternalForm"],"sourceRoot":""}