https://tripla.ai/page-OtaView-OtaSearchRooms-OtaPickers-vue.ce330c8af703916c433e.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{1043:function(e,t,a){},1125:function(e,t,a){"use strict";a(1043)},1128:function(e,t,a){"use strict";var r=a(981),n=a(1064),o=a.n(n),i=a(123),c=a(49),s=a(1001),l=a(999),d=a(31);function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(a,!0).forEach((function(t){_defineProperty(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(a).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function _defineProperty(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var h={name:"DateRangePickerMobile",components:{InputContainer:r.a,CalendarModal:l.a},mixins:[s.a],props:{config:{type:Object,required:!0},value:{type:[Array,Date,String],required:!0},plain:{type:Boolean,default:!1}},data:function data(){return{calendarIcon:o.a}},computed:{datePickerConfig:function datePickerConfig(){return _objectSpread({minDate:Object(c.f)(),maxDate:null,dateFormat:"Y/m/d",locale:_objectSpread({},Object(i.a)(this.$i18n.locale),{rangeSeparator:" - "})},this.config,{},this.$attrs,{onReady:this.config.onOpen})}},methods:{onChange:function onChange(e){this.$emit("input",e.split(this.datePickerConfig.locale.rangeSeparator)),setTimeout((function(){Object(d.n)()}),500)},closeModal:function closeModal(){this.$store.dispatch("search/setSearchForm",{selectedRoomPlanCode:null})},openModal:function openModal(){this.$bvModal.show("search-bar-calendar-modal")}}},u=(a(1125),a(33)),g=Object(u.a)(h,(function render(){var e=this,t=e._self._c;return t("div",{staticClass:"date-range-mobile-container"},[t("input-container",{staticClass:"min-date-width",class:{plain:e.plain},attrs:{label:e.$t("searchBar.checkInAndOut"),src:e.calendarIcon,"data-cy":"checkin-checkout"},on:{click:e.openModal}},[t("span",{staticClass:"date-text",on:{click:e.openModal}},[e._v(e._s(e.dateRangeFormatted))])]),e._v(" "),t("calendar-modal",{attrs:{id:"search-bar-calendar-modal",config:e.datePickerConfig,value:e.dateRangeFormatted},on:{"on-change":e.onChange,close:e.closeModal}})],1)}),[],!1,null,"86eefd16",null);t.a=g.exports},1307:function(e,t,a){},1417:function(e,t,a){"use strict";a(1307)},877:function(e,t,a){"use strict";a.r(t);var r=a(40),n=a(31),o=a(1097),i=(a(11),a(49)),c=a(207),s=a(1016),l=a(1051),d=a(1128),h=a(1199),u=a(1201),g=a(1200),p=a(1202),m=a(1203),f=a(998);function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function _defineProperty(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var b={name:"SearchBar",components:{DateRangePicker:l.a,DateRangePickerMobile:d.a,TravellerPickerV2:h.a,KidsTiersPickerV2:u.a,AdultPickerV2:p.a,RoomsPickerV2:m.a,MultipleRoomsPickerV2:g.a,InputContainerV2:f.a},mixins:[o.a,s.a],props:{loading:{type:Boolean,default:!1}},data:function data(){return{dirty:!1,dateRange:[]}},computed:function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(a,!0).forEach((function(t){_defineProperty(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(a).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({isMobile:n.h},Object(r.d)({searchForm:"search/getSearchForm",initialSetting:"setting/getInit",isTiersMode:"setting/isTiersMode",kidsSetting:"setting/getKidsSetting",totalAdultsCount:"search/getTotalAdultsCount",isMultiRoomSearchEnabled:"setting/isMultiRoomSearchEnabled",isUndated:"search/isUndated"}),{datePickerMode:function datePickerMode(){return this.searchForm.is_day_use?"single":"range"}}),watch:{totalAdultsCount:function totalAdultsCount(){this.$store.dispatch("search/clearSelectedRooms")}},created:function created(){var e=this;this.dateRange=[this.searchForm.checkin,this.searchForm.checkout],c.a.$on("search",(function(t){t.checkin&&t.checkout&&(e.dateRange=[t.checkin,t.checkout]),e.search(t)}))},methods:{toggleSelectorDropdown:function toggleSelectorDropdown(e){this.$refs[e].toggle()},search:function search(e){e&&(this.$store.dispatch("search/setSearchForm",e),this.dirty=!0),!this.loading&&this.dirty&&(this.$emit("search"),this.dirty=!1)},handleDateRangeChange:function handleDateRangeChange(e){var t;this.dateRange=e,this.search({checkin:this.dateRange[0],checkout:null!==(t=this.dateRange[1])&&void 0!==t?t:this.dateRange[0]})},handleDatePickerClose:function handleDatePickerClose(e){var t=e.selectedDates;e.dateStr;if(!this.searchForm.is_day_use&&1===t.length){var a=Object(i.j)(t[0]),r=Object(i.a)(a,1);this.dateRange=[a,r],this.search({checkin:a,checkout:r})}},changeSearchRoomCount:function changeSearchRoomCount(e){this.$store.dispatch("search/setSearchForm",{room_

1count:e})},changeAdults:function changeAdults(e){this.search({adults:e})},handleTierChange:function handleTierChange(){this.changeTierCount.apply(this,arguments),this.dirty=!0},changeNights:function changeNights(e){this.search({nights:e})},closePicker:function closePicker(){this.search()},handleRoomAttrChange:function handleRoomAttrChange(){this.changeRoomAttr.apply(this,arguments),this.dirty=!0}}},k=(a(1417),a(33)),v=Object(k.a)(b,(function render(){var e=this,t=e._self._c;return t("div",[t("b-container",{staticClass:"py-3 px-0"},[t("div",{staticClass:"ota-picker"},[t("b-col",{attrs:{cols:"12",md:"5 px-0",lg:"4 pl-0"}},[e.isMobile?t("date-range-picker-mobile",{ref:"dateRangePicker",attrs:{value:e.dateRange,config:e.datePickerConfig,mode:e.datePickerMode,plain:""},on:{input:e.handleDateRangeChange}}):t("div",[t("input-container-v2",{attrs:{label:e.$t("searchBar.checkInAndOut"),"icon-name":"icon-calendar","data-cy":"checkin-checkout"}},[t("date-range-picker",{attrs:{value:e.dateRange,config:e.datePickerConfig,mode:e.datePickerMode,"hidden-mode":"","show-date-range-label":""},on:{input:e.handleDateRangeChange,onClose:e.handleDatePickerClose}})],1)],1)],1),e._v(" "),e.$preview?[t("b-col",{staticClass:"px-0 traveller-picker",attrs:{cols:"12",md:"5",lg:"4"}},[e.searchForm.rooms?t("multiple-rooms-picker-v2",{attrs:{rooms:e.searchForm.rooms,"shared-bed-kid-count-per-adult":e.sharedBedKidCountPerAdult,"is-multi-room-search-enabled":e.isMultiRoomSearchEnabled},on:{addRoom:e.addRoom,removeRoom:e.removeRoom,changeRoomAttr:e.handleRoomAttrChange,changeTierCode:e.changeTierCode,toggle:e.closePicker}}):e._e()],1)]:[e.isTiersMode?[t("div",{staticClass:"adult-kid-container"},[t("b-col",{staticClass:"tier-picker",attrs:{cols:"8",sm:"7",lg:"6"}},[t("adult-picker-v2",{staticClass:"w-100",attrs:{adults:e.searchForm.adults,"max-adult-count":e.initialSetting.max_guests_per_room,"no-padding-icon":!0},on:{change:e.changeAdults}},[e.searchForm.kidsTiers?t("kids-tiers-picker-v2",{attrs:{"kids-tiers":e.searchForm.kidsTiers,"no-padding-icon":!0},on:{changeTierCount:e.handleTierChange,reset:e.resetKidsTiersCriteria,toggle:e.closePicker}}):e._e()],1)],1),e._v(" "),t("b-col",{staticClass:"px-0 room-picker",attrs:{cols:"4",sm:"5",lg:"4"}},[e.isMultiRoomSearchEnabled&&e.searchForm.room_count?t("rooms-picker-v2",{attrs:{"no-padding-icon":!0,"room-count":e.searchForm.room_count},on:{change:e.changeSearchRoomCount}}):e._e()],1)],1)]:[t("b-col",{staticClass:"px-0 traveller-picker",attrs:{cols:"12",md:"5",lg:"4"}},[t("traveller-picker-v2",{attrs:{rooms:e.searchForm.rooms,"shared-bed-kid-count-per-adult":e.sharedBedKidCountPerAdult,"is-multi-room-search-enabled":e.isMultiRoomSearchEnabled,plain:""},on:{addRoom:e.addRoom,removeRoom:e.removeRoom,changeRoomAttr:e.handleRoomAttrChange,toggle:e.closePicker}})],1)]]],2)])],1)}),[],!1,null,"360d68a2",null);t.default=v.exports},979:function(e,t,a){"use strict";var r=a(33),n=Object(r.a)({},(function render(){var e=this._self._c;return e("svg",this._g({attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"}},this.$listeners),[e("path",{attrs:{d:"M0 0h24v24H0z",fill:"none"}}),e("path",{attrs:{fill:"#9A9A9A",d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}),[],!1,null,null,null);t.a=n.exports}}]);
2//# sourceMappingURL=page-OtaView-OtaSearchRooms-OtaPickers-vue.ce330c8af703916c433e.js.map