${labelFeatured}
\n${labelSuggestions}
\n \n${title}
`);\n};\n\n/* Render footer */\nconst renderFooter = literals => {\n const { closePanelLabel = '', ageAtTravelTimeLabel = '' } = literals;\n\n const button = ButtonTemplate(\n addStyle(\n addData(\n {\n content: closePanelLabel\n },\n { type: configuration().type.acceptButton }\n ),\n [configuration().css.actionButton]\n )\n );\n\n return html(`\n \n `);\n};\n\n/* Create */\nfunction createPanel(instance) {\n /* Data */\n const { passengers } = instance.store.select('data');\n\n /* Get base config for counter from instance config and set new values */\n const values = Object.keys(instance.config.passengers).reduce((acc, cur) => {\n if (cur === ADULTS || cur === CHILDREN || cur === BABIES) {\n return {\n ...acc,\n [cur]: {\n ...instance.config.passengers[cur],\n value: passengers[cur]\n }\n };\n }\n\n return acc;\n }, instance.config.passengers);\n\n /* Get values */\n const { title = false, adults = false, children = false, babies = false } = values;\n\n /* Data */\n const { context, literals } = instance.config;\n\n /* Template */\n const template = TooltipTemplate(\n addData(\n {\n content: `\n ${renderTitle(title)}\n${ViewHelpers(context).markdown(item)}
`)));\n\nconst renderInformations = (informations, context) =>\n html(\n informations.map(({ content, title }) => {\n return html(`\n${title}
\n ${renderContent(content, context)}\n `);\n })\n );\n\n/* Create */\nfunction createModal(instance) {\n /* Data */\n const { context } = instance.config;\n const {\n discount: { title, informations }\n } = instance.config;\n\n /* Template */\n const template = ModalTemplate(\n addStyle(\n addData(\n {\n title,\n body: renderInformations(informations, context)\n },\n {\n type: configuration().type.discount\n }\n ),\n [configuration().css.isFerry]\n ),\n context\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add */\nfunction addModal(instance) {\n const panel = instance;\n\n /* Node */\n const node = createModal(instance);\n\n /* Add to DOM */\n document.body.appendChild(node);\n\n /* Reference */\n panel.discountModal = Modal(`[data-component='ModalRxjs'][data-type='${configuration().type.discount}']`);\n\n const { click$, keyup$ } = instance.discountModal.events;\n\n /* Delegate */\n fromEvent(node, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n /* Subscriptions */\n panel.subscriptions = {\n ...instance.subscriptions,\n closeResidentModal: merge(keyup$, click$).subscribe(() => {\n /* Remove */\n removeModal(instance);\n })\n };\n });\n\n /* Visible */\n setTimeout(() => instance.discountModal.actions.display(), 50);\n}\n\n/* Remove */\nfunction removeModal(instance) {\n const panel = instance;\n\n /* Subscriptions */\n instance.subscriptions.closeResidentModal.unsubscribe();\n delete panel.subscriptions.closeResidentModal;\n\n /* Reference */\n instance.discountModal.actions.hide();\n instance.discountModal.actions.destroy();\n delete panel.discountModal;\n}\n\n/* Exports */\nmodule.exports = {\n addModal\n};\n","/* ==========================================================================\n UiPanelPassengerFerry > Client > Passenger\n ========================================================================== */\n\n/* Modules */\nconst PanelPassengerClient = require('@bluekiri/alexandria-contrib-components/components/panel-passenger/client/js');\n\n/* Init */\nfunction initPassenger(instance) {\n const panel = instance;\n\n /* Selector */\n const { selector, config } = instance;\n\n /* Reference */\n panel.passenger = PanelPassengerClient(`${selector} [data-component=\"PanelPassenger\"]`, {\n ...config.passenger\n });\n}\n\n/* Exports */\nmodule.exports = {\n initPassenger\n};\n","/* ==========================================================================\n UiPanelPassengerFerry > Client > Resident\n ========================================================================== */\n\n/* Modules */\nconst { fromEvent } = require('rxjs');\n\nconst { addModal } = require('./modal');\n\n/* Init */\nfunction initResident(instance) {\n const panel = instance;\n\n /* Element */\n const element = instance.element.querySelector('[data-resident]');\n\n if (!element) {\n return;\n }\n\n const trigger = element.querySelector('[data-trigger]');\n\n /* Hooks */\n panel.hooks = {\n ...instance.hooks,\n resident: element\n };\n\n /* Config */\n panel.config = {\n ...instance.config,\n resident: (function getConfig() {\n if (!element.dataset.config) return '';\n\n const result = JSON.parse(element.dataset.config);\n element.dataset.config = '';\n return result;\n })()\n };\n\n /* Subscriptions */\n panel.subscriptions = {\n ...instance.subscriptions,\n openResidentModal: fromEvent(trigger, 'click').subscribe(event => {\n event.stopPropagation();\n\n /* Add Modal */\n addModal(instance);\n })\n };\n}\n\n/* Exports */\nmodule.exports = {\n initResident\n};\n","/* ==========================================================================\n UiPanelPassengerFerry > Client > Resident > Modal\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst { fromEvent, merge } = require('rxjs');\nconst { take } = require('rxjs/operators');\n\nconst Modal = require('@bluekiri/alexandria-contrib-components/components/modal-rxjs/client/js');\nconst ModalTemplate = require('@bluekiri/alexandria-contrib-components/components/modal-rxjs/template');\n\nconst configuration = require('../../config');\n\nconst renderContent = (content, context) =>\n html(content.map(item => html(`${ViewHelpers(context).markdown(item)}
`)));\n\nconst renderInformations = (informations, context) =>\n html(\n informations.map(({ content, title }) => {\n return html(`\n${title}
\n ${renderContent(content, context)}\n `);\n })\n );\n\n/* Create */\nfunction createModal(instance) {\n /* Data */\n const { context } = instance.config;\n const {\n resident: { label, informations }\n } = instance.config;\n\n /* Template */\n const template = ModalTemplate(\n addStyle(\n addData(\n {\n title: label,\n body: renderInformations(informations, context)\n },\n {\n type: configuration().type.discount\n }\n ),\n [configuration().css.isFerry]\n ),\n context\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add */\nfunction addModal(instance) {\n const panel = instance;\n\n /* Node */\n const node = createModal(instance);\n\n /* Add to DOM */\n document.body.appendChild(node);\n\n /* Reference */\n panel.discountModal = Modal(`[data-component='ModalRxjs'][data-type='${configuration().type.discount}']`);\n\n const { click$, keyup$ } = instance.discountModal.events;\n\n /* Delegate */\n fromEvent(node, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n /* Subscriptions */\n panel.subscriptions = {\n ...instance.subscriptions,\n closeResidentModal: merge(keyup$, click$).subscribe(() => {\n /* Remove */\n removeModal(instance);\n })\n };\n });\n\n /* Visible */\n setTimeout(() => instance.discountModal.actions.display(), 50);\n}\n\n/* Remove */\nfunction removeModal(instance) {\n const panel = instance;\n\n /* Subscriptions */\n instance.subscriptions.closeResidentModal.unsubscribe();\n delete panel.subscriptions.closeResidentModal;\n\n /* Reference */\n instance.discountModal.actions.hide();\n instance.discountModal.actions.destroy();\n delete panel.discountModal;\n}\n\n/* Exports */\nmodule.exports = {\n addModal\n};\n","/* ==========================================================================\n UiPanelVehicleFerry > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst UiPanelClient = require('@bluekiri/alexandria-contrib-components/components/ui-panel/client/js');\nconst PanelVehicleClient = require('@bluekiri/alexandria-contrib-components/components/panel-vehicle/client/js');\nconst PanelPetClient = require('@bluekiri/alexandria-contrib-components/components/panel-pet/client/js');\nconst config = require('./config');\n\n/**\n * UiPanelVehicleFerry component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function UiPanelVehicleFerry(selector = '[data-component=\"UiPanel\"]', configuration = {}) {\n if (elementExist(selector)) {\n /* Instance reference */\n const instance = {};\n\n /* Vehicle reference */\n instance.vehicle = PanelVehicleClient(\n `[data-component=\"UiPanel\"][data-type=\"${config().type.panel}\"] [data-component=\"PanelVehicle\"]`,\n {\n ...configuration.vehicle\n }\n );\n\n /* Pet reference */\n instance.pet = PanelPetClient(\n `[data-component=\"UiPanel\"][data-type=\"${config().type.panel}\"] [data-component=\"PanelPet\"]`,\n {\n ...configuration.pet\n }\n );\n\n /* Panel reference */\n instance.uipanel = UiPanelClient(`[data-component=\"UiPanel\"][data-type=\"${config().type.panel}\"]`, {\n ...configuration.panel,\n type: config().type.panel,\n onClick: () => {\n // Force hides vehicle\n instance.vehicle.vehicle.product.choices.hideDropdown();\n\n // Force hides pet\n instance.pet.pet.product.choices.hideDropdown();\n }\n });\n\n return instance;\n }\n};\n","/* ==========================================================================\n SearcherFerry > Select\n ========================================================================== */\n\n/* Modules */\nconst SelectClient = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst config = require('./config');\nconst transactions = require('./transactions');\nconst calendar = require('./calendar');\n\nconst storedPorts = {};\n\nconst groupLiterals = [];\n\n/* Init */\nfunction initSelect(selector, instance, configuration) {\n /* Instance references */\n const result = [];\n\n instance.element.querySelectorAll('[data-component=\"Select\"]').forEach((item, index) => {\n /* Push autocomplete */\n result.push(\n SelectClient(`${selector} [data-component=\"Select\"][data-type=\"${config().type.select}-${index}\"]`, {\n choices: {\n addItemText: '',\n searchPlaceholderValue: instance.literals.select.typeToSearch\n },\n ...configuration,\n onChange: [\n function fn(e) {\n if (e.element.getAttribute('data-type') === 'select-0') {\n if (retrieveCachedPorts(instance) === undefined) {\n transactions.getPorts(instance, storeCachedPorts);\n } else {\n refreshPorts(instance);\n }\n if (instance.location[1].value !== undefined && instance.location[1].value !== 0) {\n calendar.getRouteData(instance);\n }\n } else if (e.element.getAttribute('data-type') === 'select-1') {\n if (instance.location[0].value !== undefined && instance.location[0].value !== 0) {\n calendar.getRouteData(instance);\n }\n }\n return false;\n }\n ]\n })\n );\n });\n const portSelect = result[1].choices.choiceList.element;\n groupLiterals.push(portSelect.querySelector('[data-group][data-id=\"1\"]').dataset.value);\n groupLiterals.push(portSelect.querySelector('[data-group][data-id=\"2\"]').dataset.value);\n return result;\n}\n\nfunction retrieveCachedPorts(instance) {\n return storedPorts[getOriginPort(instance.location)];\n}\n\ndocument.addEventListener('loadPorts', e => {\n refreshPorts(e.detail.instance);\n});\n\nfunction storeCachedPorts(rs, instance) {\n storedPorts[getOriginPort(instance.location)] = rs;\n const event = CustomEvent('loadPorts', {\n detail: {\n instance\n }\n });\n document.dispatchEvent(event);\n}\n\nfunction getOriginPort(locations) {\n return `${locations[0].value}`;\n}\n\nfunction refreshPorts(instance) {\n const ports = retrieveCachedPorts(instance);\n const starredDestinations = [];\n const ordinaryDestinations = [];\n if (ports !== undefined && ports.locations !== null) {\n for (let i = 0; i < ports.locations.length; i++) {\n const port = ports.locations[i];\n if (port.highlight) {\n starredDestinations.push(port);\n } else {\n ordinaryDestinations.push(port);\n }\n }\n }\n\n const newDestinationPorts = [\n buildOptionWithChoices(1, groupLiterals[0], starredDestinations),\n buildOptionWithChoices(2, groupLiterals[1], ordinaryDestinations)\n ];\n instance.location[1].setChoices(newDestinationPorts, 'value', 'label', true);\n if (instance.location[1].value !== 0) {\n const firstDestinationItem = instance.location[1].element.getElementsByClassName('choices__item')[1];\n const newValue = parseInt(firstDestinationItem.getAttribute('data-value'), 10);\n instance.location[1].set(newValue);\n }\n}\n\nfunction buildOptionWithChoices(code, label, choices) {\n return {\n label,\n id: code,\n disabled: false,\n choices\n };\n}\n\nmodule.exports = {\n initSelect\n};\n","/* ==========================================================================\n SearcherFerry > Radio button\n ========================================================================== */\n\n/* Modules */\nconst RadioButtonClient = require('@bluekiri/alexandria-contrib-components/components/radio-button/client/js');\nconst { initCalendar } = require('./calendar');\nconst config = require('./config');\n\n/* Execute changes based on product selected */\nfunction checkProduct(selector, instance, type) {\n /* Roundtrip */\n if (type === `${config().type.product}-0`) setRoundtrip(selector, instance);\n\n /* Oneway */\n if (type === `${config().type.product}-1`) setOneway(selector, instance);\n}\n\n/* Init */\nfunction initRadioButton(selector, instance, configuration = {}) {\n /* Product intances */\n const result = [];\n\n /* Radio button */\n instance.element.querySelectorAll('[data-component=\"RadioButton\"]').forEach((item, index) => {\n const type = `${config().type.product}-${index}`;\n\n result.push(\n RadioButtonClient(`${selector} [data-component=\"RadioButton\"][data-type=\"${type}\"]`, {\n ...configuration,\n onChange: [\n function Fn() {\n /* Quarrying type product to callback */\n checkProduct.call(this, selector, instance, type);\n }\n ]\n })\n );\n\n /* Synchronice all radio buttons */\n result[index].getInput().name = config().type.product;\n });\n\n /* Return the array of product instances */\n return result;\n}\n\n/* Actions to do on product roundtrip */\nfunction setRoundtrip(selector, instance) {\n const ins = instance;\n\n /* Set calendar in range mode */\n ins.calendar = initCalendar(\n `${selector} [data-component=\"Calendar\"][data-type=\"${config().type.calendar}\"]`,\n instance,\n {\n mode: 'range',\n fp: {\n defaultDate: [instance.calendar.get()[0], instance.calendar.get()[0].fp_incr(1)]\n }\n }\n );\n}\n\n/* Actions to do on product oneway */\nfunction setOneway(selector, instance) {\n const ins = instance;\n\n /* Set calendar in single mode */\n ins.calendar = initCalendar(\n `${selector} [data-component=\"Calendar\"][data-type=\"${config().type.calendar}\"]`,\n instance,\n {\n mode: 'single',\n fp: {\n defaultDate: instance.calendar.get()[0]\n }\n }\n );\n}\n\nmodule.exports = {\n initRadioButton\n};\n","/* ==========================================================================\n SearcherFerry > Client > Button\n ========================================================================== */\n\n/* Modules */\nconst ButtonClient = require('@bluekiri/alexandria-contrib-components/components/button/client/js');\n\n/* Init */\nfunction initButton(selector, configuration) {\n return ButtonClient(selector, configuration);\n}\n\nmodule.exports = {\n initButton\n};\n","/* ==========================================================================\n SearcherFerry > Client > Submit\n ========================================================================== */\n\n/* Modules */\nconst { buildUrl } = require('./url');\nconst { product, getProductType, formatDate } = require('./helpers');\n\n/* Build the loading information */\nfunction buildLoadingInformation(instance) {\n const pType = getProductType(instance.product);\n const message = instance.literals.loading.message || '';\n let title = `${instance.literals.loading.title}`;\n let description = '';\n if (product.isOneway(pType)) {\n const date = formatDate(instance.calendar.get()[0]);\n\n title = `${title}, ${instance.literals.loading.oneway}`;\n description = `${\n instance.literals.loading.checkin\n } : ${date} \\n${`${instance.literals.loading.locationMsg}`\n .replace('#origin#', `${instance.location[0].get().label}`)\n .replace('#destination#', `${instance.location[1].get().label}`)}`;\n } else if (product.isRoundtrip(pType)) {\n const date = [formatDate(instance.calendar.get()[0]), formatDate(instance.calendar.get()[1])];\n\n title = `${title}, ${instance.literals.loading.return}`;\n description =\n `${instance.literals.loading.dateMsg} \\n`\n .replace('#checkin#', `${date[0]}`)\n .replace('#checkout#', `${date[1]}`) +\n `${instance.literals.loading.locationMsg}`\n .replace('#origin#', `${instance.location[0].get().label}`)\n .replace('#destination#', `${instance.location[1].get().label}`);\n }\n\n return {\n title,\n message,\n description\n };\n}\n\n/* Function to prepare and load the modal loading */\nfunction addLoadingModal(instance) {\n const data = buildLoadingInformation(instance);\n /* Loading Modal */\n instance.loading.modal.display();\n\n instance.loading.loading.setTitle(data.title);\n instance.loading.loading.setMessage(data.message);\n instance.loading.loading.setDescription(data.description);\n instance.loading.loading.setImage('comun/images/lineas/ferries_800x600.jpg?jpegQuality=97');\n instance.loading.loading.init();\n}\n\n/* Function to validate origin */\nfunction validateOrigin(instance) {\n /* Origin */\n if (instance.location[0].value === 0) {\n return false;\n }\n\n return true;\n}\n\n/* Function to validate Destination */\nfunction validateDestination(instance) {\n /* destination */\n if (instance.location[1].value === 0) {\n return false;\n }\n\n return true;\n}\n\n/* Function to validate all data */\nfunction validate(instance) {\n let isValid = true;\n /* Validation */\n if (!validateOrigin(instance)) isValid = false;\n if (!validateDestination(instance)) isValid = false;\n return isValid;\n}\n\n/* Submit function to load transactional url */\nfunction submit(instance) {\n /* Verify data */\n if (validate(instance)) {\n /* Add loading modal */\n addLoadingModal(instance);\n\n /* Go to the url */\n fetch(buildUrl(instance), { credentials: 'include' }).then(() => window.location.assign(buildUrl(instance)));\n }\n}\n\nmodule.exports = {\n submit\n};\n","/* ==========================================================================\n SearcherFerry > Client > Url\n ========================================================================== */\n\n/* Modules */\nconst config = require('./config');\nconst { product, getProductType, formatDate } = require('./helpers');\n\n/* Base url */\nconst baseUrl = () => `${config().url.base}?`;\n\nconst productType = instance =>\n product.isOneway(getProductType(instance.product)) ? `soloIdaFER=${1}` : `soloIdaFER=${0}`;\n\nfunction portsParameters(instance) {\n return `&PuertoOrigenFER=${instance.location[0].get().value}&PuertoDestinoFER=${instance.location[1].get().value}`;\n}\n\nfunction calendarParameters(instance) {\n const pType = getProductType(instance.product);\n if (product.isOneway(pType)) {\n return `&fechaIdaFER=${formatDate(instance.calendar.get()[0])}`;\n }\n\n if (product.isRoundtrip(pType)) {\n return (\n `&fechaIdaFER=${formatDate(instance.calendar.get()[0])}` +\n `&fechaVueltaFER=${formatDate(instance.calendar.get()[1])}`\n );\n }\n\n return '';\n}\n\nfunction passengerParameters(instance) {\n const paxNum = instance.passenger.panel.passenger.passenger[0].counter.value;\n let result = `&numPaxFER=${paxNum}`;\n let ages = '';\n for (let i = 0; i < paxNum; i++) {\n ages += `${instance.passenger.panel.passenger.passenger[0].options[i].value}%23`;\n }\n result += `&listaPaxEdadesFER=${ages}`;\n\n if (!instance.passenger.panel.discount) return result;\n\n if (instance.passenger.panel.discount.discount.length > 1) {\n const residentType = instance.passenger.panel.discount.discount[0].value;\n result += `&tipoResidenteFER=${residentType}`;\n\n const discountType = instance.passenger.panel.discount.discount[1].value;\n result += `&tipoDescuentoFER=${discountType}`;\n } else if (instance.passenger.panel.discount.discount.length > 0) {\n const discountType = instance.passenger.panel.discount.discount[0].value;\n result += `&tipoDescuentoFER=${discountType}`;\n }\n\n return result;\n}\n\nfunction vehicleParameters(instance) {\n const vehicleType = instance.vehicle.panel.vehicle.vehicle.product.value;\n let result = `&tipoVehiculoFER=${vehicleType}`;\n\n const vehicleHeight = instance.vehicle.panel.vehicle.vehicle.height.get();\n result += `&alturaVehiculoFER=${vehicleHeight}`;\n\n const vehicleLength = instance.vehicle.panel.vehicle.vehicle.length.get();\n result += `&longitudVehiculoFER=${vehicleLength}`;\n const remolqueType = instance.vehicle.panel.vehicle.extra.toggle.isChecked();\n result += `&tipoRemolqueFER=${remolqueType ? 1 : 0}`;\n const remolqueHeight = instance.vehicle.panel.vehicle.extra.height.get();\n result += `&alturaRemolqueFER=${remolqueHeight}`;\n const remolqueLength = instance.vehicle.panel.vehicle.extra.length.get();\n result += `&longitudRemolqueFER=${remolqueLength}`;\n\n return result;\n}\n\nfunction mascotaParameters(instance) {\n const mascotaType = instance.vehicle.panel.pet.pet.product.get().value;\n let result = `&tipoMascotaFER=${mascotaType}`;\n const mascotaWeight = instance.vehicle.panel.pet.pet.weight.get();\n result += `&pesoMascotaFER=${mascotaWeight}`;\n const hasJaula = instance.vehicle.panel.pet.extra.toggle.isChecked();\n result += `&jaulaPropiaMascotaFER=${hasJaula}`;\n const jaulaHeight = instance.vehicle.panel.pet.extra.height.get();\n result += `&alturaJaulaFER=${jaulaHeight}`;\n const jaulaLength = instance.vehicle.panel.pet.extra.length.get();\n result += `&longitudJaulaFER=${jaulaLength}`;\n const jaulaWidth = instance.vehicle.panel.pet.extra.width.get();\n result += `&anchoJaulaFER=${jaulaWidth}`;\n\n return result;\n}\n\nconst buildUrl = instance =>\n baseUrl() +\n productType(instance) +\n portsParameters(instance) +\n calendarParameters(instance) +\n passengerParameters(instance) +\n vehicleParameters(instance) +\n mascotaParameters(instance);\n\nmodule.exports = {\n buildUrl\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst prototype = require('./prototype');\nconst config = require('./config');\n\n/**\n * SearcherLeiRxjs component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function SearcherLeiRxjs(selector = '[data-component=\"SearcherLeiRxjs\"]', configuration = {}) {\n if (elementExist(selector)) {\n /* Instance */\n const instance = Object.create(prototype);\n\n /* Selector */\n instance.selector = selector;\n\n /* Element */\n instance.element = document.querySelector(selector);\n\n /* Hooks */\n instance.hooks = {\n months: instance.element.querySelector('[data-months]'),\n days: instance.element.querySelector('[data-days]'),\n categories: instance.element.querySelector('[data-categories]')\n };\n\n /* Config */\n instance.config = {\n ...config(),\n ...configuration,\n ...(function getConfig() {\n if (!instance.element.dataset.config) return '';\n\n const result = JSON.parse(instance.element.dataset.config);\n instance.element.dataset.config = '';\n return result;\n })()\n };\n\n /* Init */\n instance.init();\n\n /* Return */\n return instance;\n }\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Prototype\n ========================================================================== */\n\n/* Import modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst { initMonths } = require('./months');\nconst { initDays } = require('./days');\nconst { initCategories } = require('./categories');\nconst { initSubmit } = require('./submit');\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n searcher: reducer\n });\n\n return this;\n },\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => this.store.dispatch(actions.destroy()),\n disableSubmit: () => this.store.dispatch(actions.disableSubmit()),\n enableSubmit: () => this.store.dispatch(actions.enableSubmit()),\n setData: payload => this.store.dispatch(actions.setData(payload)),\n changeData: changed => this.store.dispatch(actions.changeData(changed)),\n lock: () => this.store.dispatch(actions.lock()),\n unlock: () => this.store.dispatch(actions.unlock())\n };\n\n return this;\n },\n /* Setup reactions */\n setupReactions() {\n if (this.reactions) return this;\n\n this.reactions = {\n destroy: this.store.subscribe((state, action) => {\n if (action.type !== types.DESTROY) return;\n\n /* Unsubscribe */\n this.unsubscribe();\n [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n\n /* Clean DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean reference */\n [...Object.keys(this)].forEach(key => delete this[key]);\n }),\n disableSubmit: this.store.subscribe((state, action) => {\n if (action.type !== types.DISABLE_SUBMIT) return;\n\n this.submit.actions.disable();\n }),\n enableSubmit: this.store.subscribe((state, action) => {\n if (action.type !== types.ENABLE_SUBMIT) return;\n\n this.submit.actions.enable();\n })\n };\n\n return this;\n },\n /* Subscribe */\n subscribe() {\n if (this.subscriptions) this.unsubscribe();\n\n this.subscriptions = {};\n\n return this;\n },\n /* Unsubscribe */\n unsubscribe() {\n if (!this.subscriptions) return this;\n\n [...Object.keys(this.subscriptions)].forEach(key => this.subscriptions[key].unsubscribe());\n\n return this;\n },\n /* Start */\n start() {\n if (!this.config.start) return this;\n\n return this;\n },\n /* Init */\n init() {\n if (!this.config.init) return this;\n\n /* Setup store */\n this.setupStore();\n\n /* Setup actions */\n this.setupActions();\n\n /* Setup reactions */\n this.setupReactions();\n\n /* Subscribe */\n this.subscribe();\n\n /* Months */\n initMonths(this);\n\n /* Days */\n initDays(this);\n\n /* Categories */\n initCategories(this);\n\n /* Submit */\n initSubmit(this);\n\n return this;\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n hidden: false,\n monthsValues: null,\n daysValues: null,\n categories: null,\n submitDisabled: true,\n locked: false,\n categoryChange: false,\n categoriesSelected: []\n};\n\n/* Reducer */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.DESTROY:\n return state;\n case types.DISABLE_SUBMIT:\n return {\n ...state,\n submitDisabled: true\n };\n case types.ENABLE_SUBMIT:\n return {\n ...state,\n submitDisabled: false\n };\n case types.SET_DATA:\n return {\n ...state,\n monthsValues: action.payload.monthsValues || state.monthsValues,\n daysValues: action.payload.daysValues || state.daysValues,\n categories: action.payload.categories || state.categories,\n categoriesSelected: action.payload.categoriesSelected || state.categoriesSelected\n };\n case types.CHANGE_DATA:\n return {\n ...state,\n ...action.payload\n };\n case types.SUBMIT:\n return state;\n case types.LOCK:\n return {\n ...state,\n locked: true\n };\n case types.UNLOCK:\n return {\n ...state,\n locked: false\n };\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Months\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst { sanitizeObject } = require('@bluekiri/alexandria-contrib-components/helpers/sanitize');\n\nconst { fromEvent } = require('rxjs');\nconst { tap, take } = require('rxjs/operators');\n\nconst InputClient = require('@bluekiri/alexandria-contrib-components/components/input-rxjs/client/js');\n\nconst PanelTemplate = require('@bluekiri/alexandria-contrib-components/components/ui-panel-rxjs/template');\nconst Panel = require('@bluekiri/alexandria-contrib-components/components/ui-panel-rxjs/client/js');\n\nconst ButtonTemplate = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/template');\nconst Button = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\nconst SliderT = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/template');\nconst Slider = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/client/js');\nconst SliderActions = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/client/js/store/actions');\n\nconst configuration = require('../config');\nconst { closePanel } = require('../helpers');\n\n/* Render Panel */\nconst renderPanel = instance => {\n /* Data */\n const { context, months } = instance.config;\n\n /* Store */\n const { monthsValues } = instance.store.select('searcher');\n\n const { items } = months;\n\n return SliderT(\n addData({\n generic: true,\n connect: true,\n step: 1,\n start: monthsValues,\n items: [...sanitizeObject(items)].map(item => ({\n ...item,\n value: item.value\n }))\n }),\n context\n );\n};\n\n/* Render Button */\nconst renderButton = (literals, context) =>\n ButtonTemplate(\n addStyle(addData({ content: literals.applyLabel }, { type: configuration().type.apply }), [\n configuration().css.apply\n ]),\n context\n );\n\n/* Create Panel */\nfunction createPanel(instance) {\n /* Data */\n const { literals = {}, context } = instance.config;\n\n /* Template */\n const template = html(\n `${PanelTemplate(\n addStyle(\n addData(\n {\n body: renderPanel(instance),\n footer: renderButton(literals, context)\n },\n { type: configuration().type.panelMonths }\n ),\n [configuration().css.months]\n ),\n context\n )}`\n );\n\n /* Return Node */\n return toNode(template)[0];\n}\n\n/* Add panel Months */\nfunction addMonths(instance) {\n const inst = instance;\n\n /* Data */\n const { type, months } = instance.config;\n\n if (!months) return;\n\n /* Node */\n const node = createPanel(instance);\n\n /* Add to DOM */\n inst.hooks.months.appendChild(node);\n\n /* Init Panel */\n inst.panelMonths = Panel(`[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelMonths}\"]`);\n\n /* Init Months */\n inst.monthsSlider = Slider(\n `[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelMonths}\"] [data-component=\"SliderRxjs\"]`\n );\n\n /* Init Months */\n inst.apply = Button(\n `[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelMonths}\"] [data-component=\"ButtonRxjs\"]`\n );\n\n /* Update reactions */\n inst.reactions = {\n ...instance.reactions,\n change: instance.monthsSlider.store.subscribe((state, action) => {\n if (action.type !== SliderActions.types.CHANGE_VALUE) return;\n\n /* Store */\n const { value } = instance.monthsSlider.store.select('slider');\n\n /* Find index where value */\n const monthStart = months.items.findIndex(item => item.value === value[0]);\n const monthEnd = months.items.findIndex(item => item.value === value[1]);\n\n /* Dispatch months change action to sync with our store */\n instance.actions.changeData({ monthsValues: [monthStart, monthEnd] });\n\n /* Update input */\n updateMonths(instance);\n })\n };\n}\n\nfunction initMonths(instance) {\n const inst = instance;\n\n const { selector } = instance;\n\n /* Data */\n const { type, months } = instance.config;\n\n if (!months) return;\n\n /* Init Input */\n inst.months = InputClient(`${selector} [data-component=\"InputRxjs\"][data-type=\"${type.months}\"]`);\n\n /* Subscription */\n inst.subscriptions = {\n ...instance.subscriptions,\n click: fromEvent(instance.months.element, 'click')\n .pipe(\n tap(() => {\n destroyPanelMore(instance);\n })\n )\n .subscribe(event => {\n /* Prevent propagation */\n event.stopPropagation();\n\n /* Open Panel */\n if (!instance.panelMonths) addMonths(inst);\n\n /* Add close subscription to Uipanel */\n inst.panelMonths.subscriptions = {\n ...inst.panelMonths.subscriptions,\n close: closePanel(inst.panelMonths)\n .pipe(take(1))\n .subscribe(() => {\n /* Destroy panel */\n destroyPanelMonths(instance);\n }),\n apply: inst.apply.events.click$.subscribe(() => {\n destroyPanelMonths(instance);\n })\n };\n })\n };\n\n /* Dispatch action to sync store */\n instance.actions.setData({ monthsValues: months.start });\n\n /* Update months */\n updateMonths(instance);\n}\n\n/* Destroy Panels */\nfunction destroyPanelMore(instance) {\n const inst = instance;\n\n if (inst.panelDays) {\n inst.daysSlider.actions.destroy();\n inst.panelDays.actions.destroy();\n\n delete inst.daysSlider;\n delete inst.panelDays;\n }\n\n if (inst.select) {\n inst.select.actions.destroy();\n delete inst.select;\n }\n}\n\n/* Destroy Months */\nfunction destroyPanelMonths(instance) {\n const inst = instance;\n\n /* Controler Exit */\n if (!inst.panelMonths) return;\n\n inst.monthsSlider.actions.destroy();\n inst.panelMonths.actions.destroy();\n\n /* Delete reference */\n delete inst.monthsSlider;\n delete inst.panelMonths;\n}\n\n/* Update Input Months */\nfunction updateMonths(instance) {\n /* Data */\n const { monthsValues } = instance.store.select('searcher');\n if (!monthsValues || monthsValues === null) return;\n const [start, end] = monthsValues;\n\n const { config = {} } = instance;\n const { months = {} } = config;\n const { items = [] } = months;\n\n const startDate = items[start];\n const endDate = items[end];\n\n const { label: startDateLabel = '' } = startDate;\n const { label: endDateLabel = '' } = endDate;\n\n const monthsLabel = start !== end ? `${startDateLabel} - ${endDateLabel}` : startDateLabel;\n\n /* Set value input */\n instance.months.actions.setValue(monthsLabel);\n}\n\nmodule.exports = {\n initMonths,\n updateMonths,\n destroyPanelMonths\n};\n","/* ==========================================================================\n UiPanelRxjs > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { fromEvent } = require('rxjs');\nconst { filter } = require('rxjs/operators');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst ESCAPE_CODE = 27;\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n ui: reducer\n });\n\n return this;\n },\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => this.store.dispatch(actions.destroy())\n };\n\n return this;\n },\n /* Setup reactions */\n setupReactions() {\n if (this.reactions) return this;\n\n this.reactions = {\n destroy: this.store.subscribe((state, action) => {\n if (action.type !== types.DESTROY) return;\n\n /* Remove from DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean instance */\n [...Object.keys(this)].forEach(key => delete this[key]);\n })\n };\n\n return this;\n },\n /* Setup events */\n setupEvents() {\n if (this.events) return this;\n\n this.events = {\n click$: fromEvent(window.document, 'click').pipe(filter(({ target }) => !target.closest(this.selector))),\n keyup$: fromEvent(window.document, 'keyup').pipe(filter(event => event.keyCode === ESCAPE_CODE))\n };\n\n return this;\n },\n /* Init */\n init() {\n if (!this.config.init) return this;\n\n /* Setup store */\n this.setupStore();\n\n /* Setup actions */\n this.setupActions();\n\n /* Setup reactions */\n this.setupReactions();\n\n /* Setup events */\n this.setupEvents();\n\n return this;\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n UiPanelRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {};\n\n/* Reducer */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.DESTROY:\n return null;\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n SliderRxjs > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { fromEvent, of } = require('rxjs');\nconst { switchMap, filter } = require('rxjs/operators');\n\nconst wNumb = require('wnumb');\nconst Slider = require('nouislider');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst { addSeparator, getSeparatorByLanguage } = require('../../../../helpers/currency');\n\n/* Slider config price */\nconst sliderConfigPrice = instance => {\n /* Data */\n const { start, range, connect, pips, tooltips, step, context } = instance.config;\n\n /* Context */\n const { language } = context;\n\n const formatter = {\n from: Number,\n to: value => `${addSeparator(Math.round(value), language)}`\n };\n\n return {\n start,\n connect,\n range,\n tooltips,\n step,\n pips: pips\n ? {\n ...pips,\n format: formatter\n }\n : false,\n format: formatter\n };\n};\n\n/* Slider config time */\nconst sliderConfigTime = instance => {\n /* Data */\n const { start, range, connect, pips, tooltips, step } = instance.config;\n\n const aproximateHour = mins => {\n // http://greweb.me/2013/01/be-careful-with-js-numbers/\n\n const minutes = Math.round(mins % 60);\n\n if (minutes === 60 || minutes === 0) {\n return mins / 60;\n }\n\n return Math.trunc(mins / 60) + minutes / 100;\n };\n\n const formatter = wNumb({\n decimals: 2,\n mark: ':',\n encoder: a => aproximateHour(a)\n });\n\n return {\n start,\n connect,\n range,\n tooltips,\n step,\n pips: pips\n ? {\n ...pips,\n format: formatter\n }\n : false,\n format: formatter\n };\n};\n/* Slider config generic */\nconst sliderConfigGeneric = instance => {\n /* Data */\n const { start, connect, tooltips, step, items } = instance.config;\n\n const formatter = {\n from: Number,\n to: value => `${items[Math.round(value)].label}`\n };\n\n const range = {\n min: 0,\n max: items.length - 1\n };\n\n // Filter always will be a function return 1 to show the pips with big size\n const pips = {\n mode: 'steps',\n density: -1,\n filter: () => 1,\n format: formatter\n };\n\n return {\n start,\n connect,\n range,\n tooltips,\n step,\n pips,\n format: formatter\n };\n};\n\n/* Slider config */\nconst sliderConfig = instance => {\n /* Data */\n const { start, range, connect, pips, tooltips, step } = instance.config;\n\n const formatter = {\n from: Number,\n to: value => Math.round(value)\n };\n\n return {\n start,\n connect,\n range,\n tooltips,\n step,\n pips: pips\n ? {\n ...pips,\n format: formatter\n }\n : false,\n format: formatter\n };\n};\n\n/* Get slider config */\nconst getSliderConfig = instance => {\n /* Data */\n const { price, time, generic } = instance.config;\n\n if (price) return sliderConfigPrice(instance);\n\n if (time) return sliderConfigTime(instance);\n\n if (generic) return sliderConfigGeneric(instance);\n\n return sliderConfig(instance);\n};\n\n/* Prototype */\nconst prototype = {\n /* Set up slider */\n setupSlider() {\n if (this.slider) return this;\n\n /* El */\n const { library } = this.hooks;\n\n /* Slider by noUiSlider */\n this.slider = Slider.create(library, getSliderConfig(this));\n\n return this;\n },\n /* Set up store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n slider: reducer\n });\n\n return this;\n },\n /* Set up actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => this.store.dispatch(actions.destroy()),\n display: () => this.store.dispatch(actions.display()),\n hide: () => this.store.dispatch(actions.hide()),\n changeValue: (value = Array) => this.store.dispatch(actions.changeValue(value)),\n setValue: (value = Array) => this.store.dispatch(actions.setValue(value))\n };\n\n return this;\n },\n /* Set up reactions */\n setupReactions() {\n if (this.reactions) return this;\n\n this.reactions = {\n destroy: this.store.subscribe((state, action) => {\n if (action.type !== types.DESTROY) return;\n\n /* Clean subscriptions */\n this.unsubscribe();\n [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n this.slider.destroy();\n\n /* Remove from DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean instance */\n [...Object.keys(this)].forEach(key => delete this[key]);\n }),\n display: this.store.subscribe((state, action) => {\n if (action.type !== types.DISPLAY) return;\n\n const { css } = this.config;\n\n this.element.classList.remove(css.hidden);\n }),\n hide: this.store.subscribe((state, action) => {\n if (action.type !== types.HIDE) return;\n\n const { css } = this.config;\n\n this.element.classList.add(css.hidden);\n })\n };\n\n return this;\n },\n /* Subscribe */\n subscribe() {\n if (this.subscriptions) this.unsubscribe();\n\n this.subscriptions = {\n changes: fromEvent(this.slider, 'set')\n .pipe(\n switchMap(() => {\n /* Config */\n const { price, generic, items, context } = this.config;\n const { language } = context;\n const data = this.slider.get();\n\n if (price) {\n return of([...data].map(item => fromPricetoNumber(item, language)));\n }\n\n if (generic) {\n return of([...data].map(item => items.find(i => i.label === item).value));\n }\n\n return of(data);\n }),\n filter(data => data)\n )\n .subscribe(data => {\n /* Dispatch action to set value */\n this.actions.changeValue([...data]);\n })\n };\n\n return this;\n },\n /* Unsubscribe */\n unsubscribe() {\n if (!this.subscriptions) return this;\n\n [...Object.keys(this.subscriptions)].forEach(key => this.subscriptions[key].unsubscribe());\n\n return this;\n },\n /* Start */\n start() {\n if (!this.config.start) return this;\n\n /* Data */\n const data = this.slider.get();\n\n if (data) {\n /* Config */\n const { price, generic, items, context } = this.config;\n const { language } = context;\n\n if (price) {\n /* Dispatch set */\n this.actions.setValue([...data].map(item => fromPricetoNumber(item, language)));\n } else if (generic) {\n this.actions.setValue([...data].map(item => items.find(i => i.label === item).value));\n } else {\n /* Dispatch set */\n this.actions.setValue([...data]);\n }\n }\n\n return this;\n },\n /* Init */\n init() {\n /* Setup slider */\n this.setupSlider();\n\n /* Setup store */\n this.setupStore();\n\n /* Setup actions */\n this.setupActions();\n\n /* Setup reactions */\n this.setupReactions();\n\n /* Subscribe */\n this.subscribe();\n\n /* Start */\n this.start();\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n\n/**\n * Clean separator\n */\nfunction fromPricetoNumber(str, language) {\n return +str.replace(getSeparatorByLanguage(language), '');\n}\n","/* ==========================================================================\n SliderRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n hidden: false,\n value: null\n};\n\n/* Reducer */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.DESTROY:\n return state;\n case types.DISPLAY:\n return {\n ...state,\n hidden: false\n };\n case types.HIDE:\n return {\n ...state,\n hidden: true\n };\n case types.CHANGE_VALUE:\n return {\n ...state,\n value: action.payload\n };\n case types.SET_VALUE:\n return {\n ...state,\n value: action.payload\n };\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n Helpers > Currency\n ========================================================================== */\n\n/* Currency symbols */\nconst SYMBOLS = {\n USD: '$',\n BRL: 'R$',\n GBP: '£',\n EUR: '€',\n MXN: '$',\n RUB: '₽',\n AED: 'AED'\n};\n\n/* Currency separators */\nconst SEPARATORS = {\n es: '.',\n pt: '.',\n it: '.',\n de: '.',\n fr: ' ',\n br: '.',\n en: ',',\n fi: ',',\n se: ' ',\n mx: ',',\n us: ',',\n ca: '.',\n ve: '.',\n ru: ' ',\n he: ',',\n ar: ',',\n tr: ',',\n ua: ' '\n};\n\n/**\n * To symbol\n * @param {string} key\n * @returns {string} Symbol related to the key passed\n */\nfunction toSymbol(key = '') {\n if (!key) return '';\n if (!SYMBOLS[key.toUpperCase()]) return SYMBOLS.EUR;\n return SYMBOLS[key.toUpperCase()];\n}\n\n/**\n * Get symbol by currency\n * @param {string} currency\n * @returns {string} symbol\n */\nfunction getSymbolByCurency(currency) {\n if (!Object.keys(SYMBOLS).includes(currency.toUpperCase())) return '';\n\n return SYMBOLS[currency.toUpperCase()];\n}\n\n/**\n * Get separator by language\n * @param {string} language\n * @returns {string} separator\n */\nfunction getSeparatorByLanguage(language) {\n if (!Object.keys(SEPARATORS).includes(language.toLowerCase())) return '';\n\n return SEPARATORS[language.toLowerCase()];\n}\n\n/**\n * Add separator\n * @param {number} number\n * @param {string} language\n * @returns {string} number with the separator\n */\nfunction addSeparator(number, language) {\n if (number < 1000) return number.toString();\n\n const separator = getSeparatorByLanguage(language);\n\n return number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator);\n}\n\n/* Exports */\nmodule.exports = {\n toSymbol,\n getSeparatorByLanguage,\n getSymbolByCurency,\n addSeparator\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Days\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst { sanitizeObject } = require('@bluekiri/alexandria-contrib-components/helpers/sanitize');\n\nconst { fromEvent } = require('rxjs');\nconst { tap, take } = require('rxjs/operators');\n\nconst InputClient = require('@bluekiri/alexandria-contrib-components/components/input-rxjs/client/js');\n\nconst PanelTemplate = require('@bluekiri/alexandria-contrib-components/components/ui-panel-rxjs/template');\nconst Panel = require('@bluekiri/alexandria-contrib-components/components/ui-panel-rxjs/client/js');\n\nconst ButtonTemplate = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/template');\nconst Button = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\nconst SliderTemplate = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/template');\nconst SliderClient = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/client/js');\nconst SliderActions = require('@bluekiri/alexandria-contrib-components/components/slider-rxjs/client/js/store/actions');\n\nconst configuration = require('../config');\nconst { closePanel } = require('../helpers');\n\n/* Render Panel */\nconst renderPanelSlider = instance => {\n /* Data */\n const { context, days } = instance.config;\n\n /* Store */\n const { daysValues } = instance.store.select('searcher');\n\n const { items } = days;\n\n return SliderTemplate(\n addData({\n generic: true,\n connect: true,\n step: 1,\n start: daysValues,\n items: [...sanitizeObject(items)].map(item => ({\n ...item,\n value: item.value\n }))\n }),\n context\n );\n};\n\n/* Render Button */\nconst renderButtonApply = (literals, context) =>\n ButtonTemplate(\n addStyle(addData({ content: literals.applyLabel }, { type: configuration().type.apply }), [\n configuration().css.apply\n ]),\n context\n );\n\n/* Create Panel */\nfunction createPanelDays(instance) {\n /* Data */\n const { literals = {}, context } = instance.config;\n\n /* Template */\n const template = html(\n `${PanelTemplate(\n addStyle(\n addData(\n {\n body: renderPanelSlider(instance),\n footer: renderButtonApply(literals, context)\n },\n { type: configuration().type.panelDays }\n ),\n [configuration().css.days]\n ),\n context\n )}`\n );\n\n /* Return Node */\n return toNode(template)[0];\n}\n\n/* Add panel Months */\nfunction addDays(instance) {\n const inst = instance;\n\n /* Data */\n const { type, days } = instance.config;\n const { items = [] } = days;\n if (!days) return;\n\n /* Node */\n const node = createPanelDays(instance);\n\n /* Add to DOM */\n inst.hooks.days.appendChild(node);\n\n /* Init Panel */\n inst.panelDays = Panel(`[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelDays}\"]`);\n\n /* Init Days */\n inst.daysSlider = SliderClient(\n `[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelDays}\"] [data-component=\"SliderRxjs\"]`\n );\n\n /* Init Months */\n inst.apply = Button(`[data-component=\"UiPanelRxjs\"][data-type=\"${type.panelDays}\"] [data-component=\"ButtonRxjs\"]`);\n\n /* Update reactions */\n inst.reactions = {\n ...instance.reactions,\n change: instance.daysSlider.store.subscribe((state, action) => {\n if (action.type !== SliderActions.types.CHANGE_VALUE) return;\n\n /* Store */\n const { value } = instance.daysSlider.store.select('slider');\n\n const dayStart = items ? items.findIndex(item => item.value === value[0]) : 0;\n const dayEnd = items ? items.findIndex(item => item.value === value[1]) : 1;\n\n /* Dispatch days change action to sync with our store */\n inst.actions.changeData({ daysValues: [dayStart, dayEnd] });\n\n /* Update input */\n updateDays(instance);\n })\n };\n}\n\nfunction initDays(instance) {\n const inst = instance;\n\n const { selector } = instance;\n\n /* Data */\n const { type, days } = instance.config;\n\n if (!days) return;\n\n /* Init Input */\n inst.days = InputClient(`${selector} [data-component=\"InputRxjs\"][data-type=\"${type.days}\"]`);\n\n /* Subscription */\n inst.subscriptions = {\n ...instance.subscriptions,\n click: fromEvent(instance.days.element, 'click')\n .pipe(\n tap(() => {\n destroyPanelMoreFilters(instance);\n })\n )\n .subscribe(event => {\n /* Prevent propagation */\n event.stopPropagation();\n\n /* Open Panel */\n if (!instance.panelDays) addDays(inst);\n\n /* Add close subscription to Uipanel */\n inst.panelDays.subscriptions = {\n ...instance.panelDays.subscriptions,\n close: closePanel(inst.panelDays)\n .pipe(take(1))\n .subscribe(() => {\n /* Destroy panel */\n destroyPanelDays(instance);\n }),\n apply: instance.apply.events.click$.subscribe(() => {\n destroyPanelDays(instance);\n })\n };\n })\n };\n\n /* Dispatch action to sync store */\n instance.actions.setData({ daysValues: days.start });\n\n /* Update days */\n updateDays(instance);\n}\n\nfunction destroyPanelMoreFilters(instance) {\n const inst = instance;\n\n if (inst.panelMonths) {\n inst.monthsSlider.actions.destroy();\n inst.panelMonths.actions.destroy();\n\n delete inst.monthsSlider;\n delete inst.panelMonths;\n }\n\n if (inst.select) {\n inst.select.actions.destroy();\n delete inst.select;\n }\n}\n\n/* Destroy days */\nfunction destroyPanelDays(instance) {\n const inst = instance;\n\n /* Controler Exit */\n if (!inst.panelDays) return;\n\n /* Destroy */\n inst.daysSlider.actions.destroy();\n inst.panelDays.actions.destroy();\n\n /* Delete reference */\n delete inst.daysSlider;\n delete inst.panelDays;\n}\n\n/* Update Input Days */\nfunction updateDays(instance) {\n /* Data */\n const { daysValues } = instance.store.select('searcher');\n\n if (!daysValues || daysValues === null) return;\n\n const [start, end] = daysValues;\n\n const { config } = instance;\n const { days } = config;\n const { items = [] } = days;\n\n const startDate = items[start];\n const endDate = items[end];\n\n const { label: startDateLabel = '', value: startValue } = startDate;\n const { label: endDateLabel = '' } = endDate;\n\n const daysLabel = start !== end ? `${startValue} - ${endDateLabel}` : startDateLabel;\n\n /* Set value input */\n instance.days.actions.setValue(daysLabel);\n}\n\nmodule.exports = {\n initDays,\n updateDays,\n destroyPanelDays\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Days\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst { sanitizeObject } = require('@bluekiri/alexandria-contrib-components/helpers/sanitize');\n\nconst { fromEvent } = require('rxjs');\nconst { tap, take } = require('rxjs/operators');\n\nconst InputClient = require('@bluekiri/alexandria-contrib-components/components/input-rxjs/client/js');\n\nconst SelectT = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/template');\nconst Select = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/client/js');\nconst SelectActions = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/client/js/store/actions');\n\nconst configuration = require('../config');\nconst { closePanel } = require('../helpers');\n\n/* Render Panel */\nconst renderPanel = instance => {\n /* Data */\n const { literals, context } = instance.config;\n\n const { categories } = instance.store.select('searcher');\n\n /* Template */\n const template = html(\n `${SelectT(\n addData(\n {\n config: {\n literals\n },\n multiple: true,\n items: [...sanitizeObject(categories)]\n },\n { type: configuration().type.panelCategories }\n ),\n context\n )}`\n );\n\n /* Return Node */\n return toNode(template)[0];\n};\n\n/* Add panel Categories */\nfunction addCategories(instance) {\n const inst = instance;\n\n const { selector } = instance;\n\n /* Data */\n const { type, categories } = instance.config;\n\n if (!categories) return;\n\n /* Node */\n const node = renderPanel(instance);\n\n /* Add to DOM */\n inst.hooks.categories.appendChild(node);\n\n /* Init Categories */\n inst.select = Select(`${selector} [data-component=\"SelectRxjs\"][data-type=\"${type.panelCategories}\"]`);\n\n inst.select.choices.input.element.focus();\n\n /* Update reactions */\n inst.reactions = {\n ...inst.reactions,\n change: instance.select.store.subscribe((state, action) => {\n if (action.type !== SelectActions.types.SET_OPTION && action.type !== SelectActions.types.SELECT_OPTION)\n return;\n\n /* Store */\n const { categories: categoriesStore, categoriesSelected: categoriesSelectedStore } =\n instance.store.select('searcher');\n const { value } = instance.select.store.select('select');\n\n if (value.label) return;\n const categoriesValues = categoriesSelectedStore.map(item => item.value);\n\n /* Find the selected values */\n const diffValues = value.filter(item =>\n value.length > categoriesValues.length\n ? !categoriesValues.includes(item.value)\n : categoriesValues.includes(item.value)\n );\n\n const categoriesSelected =\n diffValues.find(el => el.value === 0) || !diffValues.length\n ? value.filter(item => item.value === 0)\n : value.filter(item => item.value !== 0);\n\n /* remove \"Todas las categorias\" from choices list if the selected value is not 0 */\n if (!diffValues.find(el => el.value === 0)) {\n inst.select.choices.removeActiveItemsByValue(0);\n }\n\n /* remove all categories selected from choices list if the selected value is 0 */\n if (diffValues.find(el => el.value === 0)) {\n categoriesStore.forEach(item => {\n if (item.selected && item.vale !== 0) inst.select.choices.removeActiveItemsByValue(item.value);\n });\n }\n\n /* update categories from our store */\n /* Payload */\n const payload = [\n ...categoriesStore.map(item => ({\n ...item,\n selected: categoriesSelected.length\n ? !!categoriesSelected.filter(it => it.value === item.value).length\n : item.value === 0\n }))\n ];\n\n /* Dispatch categories change action to sync with our store */\n inst.actions.changeData({\n categories: payload,\n categoriesSelected: categoriesSelected.length ? categoriesSelected : [payload[0]]\n });\n\n /* Update input */\n updateCategories(instance);\n\n /* set \"Todas las categorias\" selected if no values are selected */\n if (payload.find(el => el.value === 0 && el.selected) && !categoriesSelected.length) {\n inst.select.actions.selectOption([payload[0]]);\n setTimeout(() => inst.select.actions.setOption(0), 1);\n }\n })\n };\n}\n\nfunction initCategories(instance) {\n const inst = instance;\n\n const { selector } = instance;\n\n /* Data */\n const { type, categories } = instance.config;\n\n if (!categories) return;\n const categoriesSelected = categories.find(item => item.value === 0 && item.selected)\n ? categories.filter(item => item.value === 0)\n : categories.filter(item => item.selected);\n\n const categoriesUpdated = [\n ...categories.map(item => ({\n ...item,\n selected: categoriesSelected.length\n ? !!categoriesSelected.filter(it => it.value === item.value).length\n : item.value === 0\n }))\n ];\n\n /* Init Input */\n inst.categories = InputClient(`${selector} [data-component=\"InputRxjs\"][data-type=\"${type.categories}\"]`);\n\n /* Subscription */\n inst.subscriptions = {\n ...inst.subscriptions,\n click: fromEvent(inst.categories.element, 'click')\n .pipe(\n tap(() => {\n /* Destoy panel open */\n destroyPanelMore(instance);\n })\n )\n .subscribe(event => {\n /* Prevent propagation */\n event.stopPropagation();\n /* Open Panel */\n if (!instance.select) addCategories(inst);\n\n /* Add close subscription to Uipanel */\n inst.select.subscriptions = {\n ...inst.select.subscriptions,\n close: closePanel(inst.select)\n .pipe(take(1))\n .subscribe(() => {\n /* Destroy panel */\n destroyCategories(instance);\n })\n };\n })\n };\n\n /* Dispatch action to sync store */\n instance.actions.setData({ categories: categoriesUpdated, categoriesSelected });\n\n /* Update Categories */\n updateCategories(instance);\n}\n\nfunction destroyPanelMore(instance) {\n const inst = instance;\n\n if (inst.panelMonths) {\n inst.monthsSlider.actions.destroy();\n inst.panelMonths.actions.destroy();\n\n delete inst.monthsSlider;\n delete inst.panelMonths;\n }\n\n if (inst.panelDays) {\n inst.daysSlider.actions.destroy();\n inst.panelDays.actions.destroy();\n\n delete inst.daysSlider;\n delete inst.panelDays;\n }\n}\n\n/* Update Categories */\nfunction destroyCategories(instance) {\n const inst = instance;\n\n /* Delete reference */\n if (!inst.select) return;\n\n /* Destroy */\n inst.select.actions.destroy();\n\n /* Delete reference */\n delete inst.select;\n}\n\n/* Update Input Days */\nfunction updateCategories(instance) {\n /* Data */\n const { categoriesSelected } = instance.store.select('searcher');\n\n if (categoriesSelected !== null) {\n const text = categoriesSelected.map(option => option.label).join(', ');\n\n /* Set value input */\n instance.categories.actions.setValue(text);\n }\n}\n\nmodule.exports = {\n initCategories,\n destroyCategories\n};\n","/* ==========================================================================\n MPanelSearcherRxjs > Client > Submit\n ========================================================================== */\n\n/* Modules */\nconst ButtonRxjs = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\nconst { initLoading } = require('./loading');\nconst buildUrl = require('../url');\n\n/* Init Submit */\nfunction initSubmit(instance) {\n /* Reference */\n const inst = instance;\n\n /* Type */\n const { type, showLoading = true } = instance.config;\n\n /* Submit */\n inst.submit = ButtonRxjs(`${inst.selector} [data-component=\"ButtonRxjs\"][data-type=\"${type.submit}\"]`);\n\n /* Set subscriptions */\n inst.subscriptions = {\n ...instance.subscriptions,\n submit$: instance.submit.events.click$.subscribe(() => {\n /* Add Modal Loading */\n if (showLoading) initLoading(instance);\n\n /* Build Url */\n setTimeout(() => window.location.assign(buildUrl(instance)), 350);\n })\n };\n}\n\n/* Exports */\nmodule.exports = {\n initSubmit\n};\n","/* ==========================================================================\n MPanelSearcherRxjs > Client > loading\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst LoadingTemplate = require('@bluekiri/alexandria-contrib-components/components/loading-information-rxjs/template'); //eslint-disable-line\nconst Loading = require('@bluekiri/alexandria-contrib-components/components/loading-information-rxjs/client/js'); //eslint-disable-line\n\nconst configuration = require('../config');\n\n/* Create loading */\nfunction createLoading(instance) {\n /* Data */\n const { loading, literals = {}, context } = instance.config;\n\n /* Template */\n const template = LoadingTemplate(\n addStyle(\n addData(\n {\n image: {\n src: `${loading.src}`\n },\n title: literals.loadingTitle,\n description: loagingtext(instance),\n message: literals.loadingMessage\n },\n {\n type: configuration().type.loading\n }\n ),\n [configuration().css.loading]\n ),\n context\n );\n\n /* Return Node */\n return toNode(template)[0];\n}\n\nfunction loagingtext(instance) {\n /* Reference */\n const inst = instance;\n\n /* Data */\n const { months, days } = inst.config;\n const { monthsValues, daysValues } = inst.store.select('searcher');\n\n /* Parameters Months */\n const startMonths = months.items[monthsValues[0]].label;\n const endMonths = months.items[monthsValues[1]].label;\n\n /* Parameters days */\n const minDay = days.items[daysValues[0]].label;\n const maxDay = days.items[daysValues[1]].label;\n\n /* Return Template */\n return html(`\n ${startMonths} - ${endMonths}\n ${minDay} ${maxDay}`);\n}\n\n/* Init Loading */\nfunction initLoading(instance) {\n const inst = instance;\n\n /* Node */\n const node = createLoading(instance);\n\n /* Add to DOM */\n inst.element.appendChild(node);\n\n /* MLoadingRxjs */\n inst.loading = Loading(`[data-component=\"LoadingInformationRxjs\"][data-type=\"${configuration().type.loading}\"]`);\n\n /* Return */\n return inst;\n}\n\n/* Destroy loading */\nfunction destroyLoading(instance) {\n const inst = instance;\n\n /* Remove from DOM */\n inst.loading.actions.destroy();\n delete inst.loading;\n}\n\n/* Export */\nmodule.exports = {\n initLoading,\n destroyLoading\n};\n","/* ==========================================================================\n SearcherLeiRxjs > Client > Url\n ========================================================================== */\n\nfunction buildUrl(instance) {\n /* Data */\n const { url, months, days } = instance.config;\n\n /* Store */\n const { monthsValues, daysValues, categories } = instance.store.select('searcher');\n\n /* Parameters Months */\n const startDate = months.items[monthsValues[0]].value;\n const endDate = months.items[monthsValues[1]].value;\n\n /* Parameters days */\n const minDays = days.items[daysValues[0]].value;\n const maxDays = days.items[daysValues[1]].value;\n\n /* Parameters Categories */\n const categoriesValue = categories.filter(item => item.selected).map(option => option.value);\n\n /* Build url */\n return ''.concat(\n `${url}?`,\n `startDate=${startDate}`,\n `&endDate=${endDate}`,\n `&minDays=${minDays}`,\n `&maxDays=${maxDays}`,\n `&categories=[${categoriesValue}]`\n );\n}\n\nmodule.exports = buildUrl;\n","/* ==========================================================================\n SearcherSkiPackages > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst prototype = require('./prototype');\nconst config = require('./config');\n\n/**\n * SearcherSkiPackages component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function SearcherSkiPackages(selector = '[data-component=SearcherSkiPackages]', configuration = {}) {\n if (elementExist(selector)) {\n /* Instance */\n const instance = Object.create(prototype);\n\n /* Selector */\n instance.element = document.querySelector(selector);\n\n /* Config */\n instance.config = {\n selector,\n ...config(),\n ...configuration,\n ...(function Fn() {\n const result = JSON.parse(instance.element.dataset.config);\n instance.element.dataset.config = '';\n return result;\n })()\n };\n\n /* Start */\n if (instance.config.start) instance.start();\n\n return instance;\n }\n};\n","/* ==========================================================================\n Searcher > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { initAutocomplete } = require('./autocomplete');\nconst { initLocation } = require('./location');\nconst { initCalendar } = require('./calendar');\nconst { initDiscount } = require('./discounts');\nconst { initPassenger } = require('./passenger');\nconst { initSubmit } = require('./submit');\nconst { initLoading } = require('./loading');\nconst { initStore } = require('./state');\n\nconst prototype = {\n start() {\n /* Store */\n this.store = initStore(this.config.init);\n\n /* Autocomplete */\n this.autocomplete = initAutocomplete(this.config.selector, this.config.autocomplete, this);\n\n /* locaction */\n this.location = initLocation(this.config.selector, this.config.location, this);\n\n /* Calendar */\n this.calendar = initCalendar(this.config.selector, this.config.calendar, this);\n\n /* Passenger */\n this.passenger = initPassenger(\n `${this.config.selector} [data-component=\"UiPanel\"][data-type=\"ui-panel-accommodation-ski\"]`,\n this.config.passenger,\n this\n );\n\n /* Discounts */\n this.discounts = initDiscount(this.config.selector, this.config.discounts, this);\n\n /* Loading */\n this.loading = initLoading(this.config.selector, this.config.loading, this);\n\n /* Submit */\n this.submit = initSubmit(this.config.selector, this.config.submit, this);\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherSkiPackages > Client > Autocomplete > Index\n ========================================================================== */\n\n/* Modules */\nconst Autocomplete = require('@bluekiri/alexandria-contrib-components/components/autocomplete/client/js');\nconst { setOrigin, SET_ORIGIN } = require('./actions');\nconst { operativeDiscount } = require('../bussines/discountApi');\nconst prototype = require('./prototype');\n\n/* Init Autocomplete */\nfunction initAutocomplete(selector, configuration, instance) {\n /* Reference */\n const result = Object.create(prototype);\n\n /* Autocomplete */\n result.autocomplete = Autocomplete(\n `${selector} [data-component=\"Autocomplete\"][data-type=\"${instance.config.type.autocomplete}\"]`,\n {\n ...configuration,\n onChange: [\n function onChange() {\n const dOrigin = result.autocomplete.get();\n\n /* Refrest Store */\n instance.store.dispatch(setOrigin(dOrigin));\n result.subscription = {\n origin: instance.store.subscribe(result.ui.updateUIAutocomplete)\n };\n\n /* Operative discounts */\n operativeDiscount(instance);\n\n /* UX Calendar */\n instance.calendar.panel.fp.open();\n\n /* Validate */\n if (!result.autocomplete.value) return false;\n result.autocomplete.input.resetStatus();\n return true;\n }\n ]\n }\n );\n\n if (result.autocomplete) {\n /* UI */\n result.ui = {\n updateUIAutocomplete: (state, action) => {\n if (action.type !== SET_ORIGIN) return;\n\n result.autocomplete.set({\n content: state.autocomplete.origin.content,\n value: state.autocomplete.origin.code\n });\n }\n };\n /* Subscription */\n result.subscription = {\n origin: instance.store.subscribe(result.ui.updateUIAutocomplete)\n };\n\n /* Init inputs */\n result.autocomplete.input.value = instance.store.state.autocomplete.origin;\n instance.store.dispatch(setOrigin(instance.store.state.autocomplete.origin));\n }\n\n /* Return */\n return result;\n}\n\n/* Export */\nmodule.exports = {\n initAutocomplete\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > Autocomplete > Prototype\n ========================================================================== */\n/* Modules */\n/* Prototype */\nconst prototype = {};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherSkiPackages > Client > location > Index\n ========================================================================== */\n// Modules\nconst Select = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst { setLocation, SET_LOCATION } = require('./actions');\nconst prototype = require('./prototype');\n\n/* Init calendar */\nfunction initLocation(selector, configuration, instance) {\n /* Reference */\n const result = Object.create(prototype);\n /* Select */\n result.location = Select(`${selector} [data-component=\"Select\"][data-type=\"${instance.config.type.location}\"]`, {\n ...configuration,\n choices: {\n searchEnabled: true,\n searchChoices: true,\n searchPlaceholderValue: instance.config.literals.searchPlaceholderLocation || '',\n loadingText: instance.config.literals.loadingTextLocation || '',\n noResultsText: instance.config.literals.noResultsTextLocation || '',\n noChoicesText: instance.config.literals.noChoicesTextLocation || '',\n itemSelectText: instance.config.literals.itemSelectTextLocation || '',\n addItemText: '',\n searchFields: instance.config.location.searchFields || ['customProperties.group', 'label', 'value'],\n searchResultLimit: instance.config.location.searchResultLimit || 10\n },\n onChange: [\n select => {\n /* Discount Operative */\n result.discountDisplay(instance, select);\n\n /* Reset Status input */\n select.resetStatus();\n\n result.disableCalendarInput(instance);\n\n /* Days Disabled Inital */\n result.disableDatesProduct(instance);\n }\n ]\n });\n\n /* API */\n result.operativeInit(instance);\n\n /* UI */\n result.ui = {\n updateUILocaction: (state, action) => {\n if (action.type !== SET_LOCATION) return;\n result.location.set(state.location.value);\n }\n };\n\n /* Subscription */\n result.subscription = {\n location: instance.store.subscribe(result.ui.updateUILocaction)\n };\n\n /* Init inputs */\n const value = instance.store.state.location;\n instance.store.dispatch(setLocation(value));\n\n /* Return */\n return result;\n}\n\n/* Export */\nmodule.exports = {\n initLocation\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > locaction > Prototype\n ========================================================================== */\n/* Modules */\nconst { setLocation } = require('./actions');\nconst { operativeDiscount } = require('../bussines/discountApi');\n\n/* Prototype */\nconst prototype = {\n /* Discount Operative */\n discountDisplay(instance, select) {\n const val = select.get();\n\n const flyOperative = val.customProperties && val.customProperties.fly ? val.customProperties.fly : false;\n if (flyOperative) {\n instance.autocomplete.autocomplete.element.classList.remove('hidden');\n instance.discounts.discount.show();\n } else {\n instance.autocomplete.autocomplete.element.classList.add('hidden');\n instance.discounts.discount.hide();\n }\n\n /* Dispatch */\n instance.store.dispatch(\n setLocation({\n value: val.value,\n label: val.label,\n customProperties: {\n fly: flyOperative,\n ...val.customProperties\n }\n })\n );\n\n /* suscribe */\n this.subscription = {\n origin: instance.store.subscribe(this.ui.updateUILocaction)\n };\n\n /* Operative Discount load Searcher */\n operativeDiscount(instance);\n\n /* Redraw Calendar */\n instance.calendar.redrawCalendar();\n },\n operativeInit(instance) {\n const val = instance.store.state.location;\n const flyOperative = val.customProperties && val.customProperties.fly ? val.customProperties.fly : false;\n if (flyOperative) {\n instance.autocomplete.autocomplete.element.classList.remove('hidden');\n operativeDiscount(instance);\n } else {\n instance.autocomplete.autocomplete.element.classList.add('hidden');\n }\n },\n disableDatesProduct(instance) {\n const disableDatesProduct = instance.store.state.location.customProperties.disable;\n const ins = instance;\n ins.store.state.calendar.disableDates = [...disableDatesProduct];\n ins.store.state.calendar.disableDates.map(item => {\n const datesElem = instance.element.querySelectorAll(`[aria-label=\"${item}\"]`);\n return [...datesElem].map(elem => elem.classList.add('flatpickr-disabled'));\n });\n },\n disableCalendarInput(instance) {\n return instance.calendar.panel.element.classList.remove('is-disabled');\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherSkiPackages > Client > calendar > Index\n ========================================================================== */\n// Modules\nconst Calendar = require('@bluekiri/alexandria-contrib-components/components/calendar/client/js');\nconst { SET_DATES, SET_DISABLE_DATES, setDates, setDisableDates } = require('./actions');\nconst prototype = require('./prototype');\n\n/* Init calendar */\nfunction initCalendar(selector, configuration, instance) {\n /* Reference */\n const result = Object.create(prototype);\n\n result.panel = Calendar(`${selector} [data-component=\"Calendar\"][data-type=\"${instance.config.type.calendar}\"]`, {\n ...configuration,\n fp: {\n ariaDateFormat: 'Y-m-d',\n minDate: new Date().fp_incr(2),\n // eslint-disable-next-line max-params\n onDayCreate: (dObj, dStr, fp, dayElem) => {\n result.onCalendarDisableDays(dObj, dStr, fp, dayElem, instance);\n },\n onOpen: [\n function onOpen() {\n /* Reset Status */\n result.panel.input.resetStatus();\n const ins = instance;\n ins.store.state.calendar.disableDates = instance.store.state.location.customProperties.disable;\n result.panel.fp.redraw();\n }\n ],\n onClose: [\n function onClose() {\n /* if don't selecto 2 dates restore dates Status Store */\n const dates = result.panel.get();\n if (dates.length <= 1) result.panel.setDate(instance.store.state.calendar.dates);\n }\n ]\n },\n onChange: [\n function onChange() {\n /* Update Status Store */\n const dates = result.panel.get();\n const ins = instance;\n if (dates.length === 2) instance.store.dispatch(setDates(dates));\n\n if (dates.length === 1) {\n /* Days Disabled */\n const disableDatesProduct = instance.store.state.location.customProperties.disable || [];\n\n /* Start and Enddate range */\n const startDate = new Date();\n const endDate = result.panel.get()[0];\n\n /* Disabled until the day selected */\n const disableDatesUntilDay = result.calculateDates(startDate, endDate);\n\n /* Disabled release */\n const releaseDays = instance.store.state.location.customProperties.release || 0;\n const disabledReleaseDays = result.calculateDates(endDate, endDate.fp_incr(releaseDays));\n\n ins.store.state.calendar.disableDates = [\n ...disableDatesProduct,\n ...disableDatesUntilDay,\n ...disabledReleaseDays\n ];\n\n ins.store.state.calendar.disableDates.map(item => {\n const datesElem = instance.element.querySelectorAll(`[aria-label=\"${item}\"]`);\n return [...datesElem].map(elem => elem.classList.add('flatpickr-disabled'));\n });\n }\n\n if (dates.length === 2) {\n result.panel.fp.redraw();\n }\n }\n ]\n });\n\n /* Change type Calendar => Input */\n result.panel.input.getInput().type = 'button';\n\n /* UI */\n result.ui = {\n updateUICalendar: (state, action) => {\n if (action.type !== SET_DATES) return;\n\n state.calendar.dates.forEach(() => {\n result.panel.setDate(instance.store.state.calendar.dates).setActive();\n });\n },\n updateUiDisableDates: (state, action) => {\n if (action.type !== SET_DISABLE_DATES) return;\n const stateObj = state;\n stateObj.calendar.disableDates = [];\n }\n };\n\n /* Subscription */\n result.subscription = {\n dates: instance.store.subscribe(result.ui.updateUICalendar),\n disableDates: instance.store.subscribe(result.ui.updateUiDisableDates)\n };\n\n /* Init inputs with first dispatch */\n instance.store.dispatch(setDates(instance.store.state.calendar.dates));\n instance.store.dispatch(setDisableDates(instance.store.state.calendar.disableDates));\n /* Return */\n return result;\n}\n\n/* Export */\nmodule.exports = {\n initCalendar\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > calendar > Index\n ========================================================================== */\n/* Prototype */\nconst prototype = {\n // eslint-disable-next-line max-params\n onCalendarDisableDays: function Fn(dObj, dStr, fp, dayElem, instance) {\n const disableDays = instance.store.state.calendar.disableDates;\n\n if (disableDays) {\n const formatDay = fp.formatDate(dayElem.dateObj, 'Y-m-d');\n const currentDayDisable = disableDays.filter(c => c === formatDay);\n if (currentDayDisable.length === 1) {\n dayElem.classList.add('flatpickr-disabled');\n }\n }\n },\n // starDate:Date(), endDate: Date()\n calculateDates(startDate, endDate) {\n const dates = [];\n let currentDate = startDate;\n const addDays = (days, sum) => {\n const date = new Date(days.valueOf());\n date.setDate(date.getDate() + sum);\n return date;\n };\n\n while (currentDate <= endDate) {\n dates.push(this.panel.fp.formatDate(new Date(currentDate), 'Y-m-d'));\n currentDate = addDays.call(currentDate, currentDate, 1);\n }\n\n return dates;\n },\n redrawCalendar() {\n this.panel.fp.redraw();\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherSkiPackages > Client > Discount > Index\n ========================================================================== */\n// Modules\nconst Select = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst prototype = require('./prototype');\nconst { setDiscount, SET_DISCOUNT } = require('./actions');\n\n/* Init calendar */\nfunction initDiscount(selector, configuration, instance) {\n const result = Object.create(prototype);\n /* Reference */\n result.discount = Select(`${selector} [data-component=\"Select\"][data-type=\"${instance.config.type.discount}\"]`, {\n ...configuration,\n choices: {\n searchEnabled: false\n },\n onChange: [\n select => {\n /* Update Select => Discount */\n const val = select.get().value;\n instance.store.dispatch(setDiscount(val.toString()));\n }\n ]\n });\n\n /* UI */\n result.ui = {\n updateUILocaction: (state, action) => {\n if (action.type !== SET_DISCOUNT) return;\n result.discount.set(state.location.value);\n }\n };\n\n /* Subscription */\n result.subscription = instance.store.subscribe(result.ui.updateUILocaction);\n\n /* Init inputs */\n const discountValue = result.discount.get().value;\n instance.store.dispatch(setDiscount(discountValue));\n\n /* Return */\n return result;\n}\n\n/* Export */\nmodule.exports = {\n initDiscount\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > Passangers > Index\n ========================================================================== */\n// Modules\nconst Input = require('@bluekiri/alexandria-contrib-components/components/input/client/js');\nconst UiPanelAccommodation = require('../../../../ui-panel-accommodation-ski/client/js');\nconst { SET_PASSENGERS, setPassengers } = require('./actions');\nconst prototype = require('./prototype');\n\n/* Init calendar */\nfunction initPassenger(selector, configuration, instance) {\n /* Reference */\n const result = Object.create(prototype);\n\n /* Input */\n result.input = Input(`${instance.config.selector} [data-type=\"${instance.config.type.passenger.input}\"]`);\n\n /* Panel */\n result.panel = UiPanelAccommodation(`${selector} `, {\n ...configuration,\n type: instance.config.type.passenger.input,\n panel: {\n hasClose: true,\n autoStore: false,\n triggers: [instance.element.querySelector(`[data-type=\"${instance.config.type.passenger.input}\"]`)],\n triggerInput: result.input\n }\n });\n\n /* UI */\n result.ui = {\n updateUI: (state, action) => {\n if (action.type !== SET_PASSENGERS) return;\n /* Pass data to input */\n result.input.set(result.panel.accommodation.getRoom()).setActive();\n }\n };\n\n /* Subscription */\n result.subscription = {\n updateUI: instance.store.subscribe(result.ui.updateUI)\n };\n\n /* Dispatch */\n instance.store.dispatch(setPassengers(result.panel.accommodation.getRoom()));\n\n /* Return */\n return result;\n}\n\n/* Export */\nmodule.exports = {\n initPassenger\n};\n","/* ==========================================================================\n UiPanelAccommodationSki > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst UiPanelClient = require('@bluekiri/alexandria-contrib-components/components/ui-panel/client/js');\nconst PanelAccommodationClient = require('../../../panel-accommodation-ski/client/js');\nconst config = require('./config');\n\n/**\n * UiPanelAccommodationSki component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function UiPanelAccommodationSki(selector = '[data-component=\"UiPanel\"]', configuration = {}) {\n if (elementExist(selector)) {\n // Instance reference\n const instance = {};\n\n // panel accommodation reference\n const actionAddRoom = document.querySelector(config().actionAddRoom.selector);\n instance.accommodation = PanelAccommodationClient(config().panelAccommodation.selector, {\n triggerAddRoom: [actionAddRoom],\n triggerInput:\n configuration.panel && configuration.panel.triggerInput ? configuration.panel.triggerInput : false\n });\n\n // UIPanel reference\n instance.type = configuration.type || config().uiPanel;\n instance.panel = UiPanelClient(config().uiPanel.selector, { ...configuration.panel, type: instance.type });\n\n return instance;\n }\n};\n","/* ==========================================================================\n PanelAccommodationPackages > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { initRooms } = require('./rooms');\nconst { initDiscounts } = require('./discounts');\nconst baseConfig = require('./config');\n\n/**\n * PanelAccommodationPackages component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function PanelAccommodationSki(\n selector = '[data-component=\"PanelAccommodationSki\"]',\n configuration = {}\n) {\n if (elementExist(selector)) {\n // Instance reference\n const instance = {};\n\n // Config\n instance.config = { ...baseConfig, ...configuration };\n\n // Element reference\n instance.element = document.querySelector(selector);\n\n // Selector reference\n instance.selector = selector;\n\n // Literals\n instance.literals = JSON.parse(instance.element.dataset.literals) || false;\n\n // Init Counter: adults, children\n initRooms(instance);\n\n // Init resident discounts and bonuses\n initDiscounts(instance);\n\n return instance;\n }\n};\n","/* ==========================================================================\n PanelAccommodation > Rooms\n ========================================================================== */\n\n/* Modules */\nconst CounterClient = require('@bluekiri/alexandria-contrib-components/components/counter/client/js');\nconst SelectClient = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst config = require('./config');\n\nconst events = {\n bindEvents: function Fn() {\n this.onClickRemove = this.onClickRemove.bind(this);\n },\n addEventListener: function Fn(instance, room) {\n const removeBtn = room.querySelector(config().removeRoom.selector);\n\n this.bindEvents();\n\n this.instance = instance;\n\n removeBtn.addEventListener('click', this.onClickRemove);\n\n return this;\n },\n removeEventListener: function Fn(element) {\n element.removeEventListener('click', this.onClickRemove);\n return this;\n },\n onClickRemove: function Fn(event) {\n const room = event.path[2];\n const roomId = room.dataset.id;\n\n removeRoom(this.instance, room, roomId);\n }\n};\n\nfunction set(instance) {\n const result = instance;\n\n result.infoRooms = buildInfo(result);\n if (instance.config.triggerInput) {\n instance.config.triggerInput.set(result.infoRooms);\n }\n}\n\nfunction get(instance) {\n return buildInfo(instance);\n}\n\nfunction getHashRooms(instance) {\n let hashRooms = '';\n\n [...Object.values(instance.roomStore)].forEach((item, i) => {\n if (i !== 0) hashRooms += ',';\n hashRooms += `${item.codeHash.adults}${item.codeHash.children}`;\n });\n\n return hashRooms;\n}\n\nfunction setVisible(element) {\n element.classList.remove(config().helperStyles.hidden);\n}\n\nfunction setHide(element) {\n element.classList.add(config().helperStyles.hidden);\n}\n\nfunction calculateAdults(instance) {\n const result = instance;\n\n result.currentAdults = 0;\n [...Object.values(result.roomStore)].forEach(item => {\n result.currentAdults += item.counterAdults.get();\n });\n\n return result.currentAdults;\n}\n\nfunction calculateChildren(instance) {\n const result = instance;\n\n result.currentChildren = 0;\n [...Object.values(result.roomStore)].forEach(item => {\n result.currentChildren += item.counterChildren.get();\n });\n\n return result.currentChildren;\n}\n\nfunction setCodeHashAdult(instance) {\n const result = instance;\n\n [...Object.values(result.roomStore)].forEach(item => {\n const room = item;\n let codeHash = '';\n for (let i = 0; i < item.counterAdults.get(); i++) {\n codeHash += `${config().room.codeAdult}`;\n }\n room.codeHash.adults = codeHash;\n });\n}\n\nfunction setCodeHashChildren(instance) {\n const result = instance;\n\n [...Object.values(result.roomStore)].forEach(item => {\n const room = item;\n const ages = result.roomStore[room.roomID].ages || [];\n let codeHash = '';\n\n for (let i = 0; i < item.counterChildren.get(); i++) {\n codeHash += `${ages[i].get().value}${config().room.codeChildren}`;\n }\n room.codeHash.children = codeHash;\n });\n}\n\nfunction getBaseConfigCounters(instance, room) {\n const result = instance;\n const roomId = room.dataset.id;\n const selectorAdults = config().room.selectorAdults(roomId);\n const selectorChildren = config().room.selectorChildren(roomId);\n\n result.adultsMax = parseInt(document.querySelector(selectorAdults).dataset.max, 10);\n result.adultsMin = parseInt(document.querySelector(selectorAdults).dataset.min, 10);\n result.adultsValue = parseInt(document.querySelector(selectorAdults).dataset.default, 10);\n\n result.childrenMax = parseInt(document.querySelector(selectorChildren).dataset.max, 10);\n result.childrenMin = parseInt(document.querySelector(selectorChildren).dataset.min, 10);\n result.childrenValue = parseInt(document.querySelector(selectorChildren).dataset.default, 10);\n\n if (result.adultsMin === undefined || Number.isNaN(result.adultsMin)) result.adultsMin = 0;\n if (result.adultsValue === undefined || Number.isNaN(result.adultsValue)) result.adultsValue = 0;\n\n if (result.childrenMin === undefined || Number.isNaN(result.childrenMin)) result.childrenMin = 0;\n if (result.childrenValue === undefined || Number.isNaN(result.childrenValue)) result.childrenValue = 0;\n\n if (result.currentAdults === undefined) result.currentAdults = result.adultsValue;\n if (result.currentChildren === undefined) result.currentChildren = result.childrenValue;\n}\n\nfunction configRoom(instance, room) {\n const result = instance;\n const roomId = room.dataset.id;\n const adultsConfig = {};\n const childrenConfig = {};\n\n getBaseConfigCounters(result, room);\n\n // init counters: adulsts and children\n if (instance.rooms.length > 1) {\n adultsConfig.max = instance.adultsMax - instance.currentAdults + instance.adultsMin;\n adultsConfig.value = instance.adultsMin;\n\n childrenConfig.max = instance.childrenMax - instance.currentChildren + instance.childrenMin;\n childrenConfig.value = instance.childrenMin;\n } else {\n adultsConfig.max = instance.adultsMax;\n adultsConfig.value = instance.adultsValue;\n\n childrenConfig.max = instance.childrenMax;\n childrenConfig.value = config().children.value;\n }\n\n // init selects age of children\n const ages = {\n ages: initChildrenAge(instance, roomId),\n current: 0\n };\n\n const counters = {\n counterAdults: initAdults(instance, roomId, adultsConfig),\n counterChildren: initChildren(instance, roomId, childrenConfig)\n };\n\n // add events\n const eventsRoom = Object.create(events);\n eventsRoom.addEventListener(instance, room);\n\n // store elements of a room, counters and ages\n result.roomStore[roomId] = {\n element: room,\n roomID: roomId,\n events: eventsRoom,\n codeHash: {},\n ...counters,\n ...ages\n };\n\n setCodeHashAdult(instance);\n setCodeHashChildren(instance);\n}\n\n/* init Counter */\nfunction initRooms(instance) {\n const result = instance;\n const defaultRoom = result.element.querySelector(`${config().getSelectorId('room')}`);\n const addRoomBtn = instance.config.triggerAddRoom;\n\n // Rooms store\n result.roomStore = {};\n\n // set current number of adults\n result.currentAdults = instance.adultsValue;\n\n // set current number of children\n result.currentChildren = config().children.value;\n\n // config default room to clone\n result.rooms = {\n default: defaultRoom.cloneNode(true),\n parent: result.element.querySelector(config().rooms.selector),\n totalOpens: 1,\n length: 1\n };\n\n // show delete room button to the clone room\n setVisible(result.rooms.default.querySelector(config().removeRoom.selector));\n\n // config first room: init elements and set events\n configRoom(result, defaultRoom);\n\n // privated method get\n result.getRoom = () => get(result);\n\n // privated metod getHashRoom\n result.getHashRoom = () => getHashRooms(result);\n\n // privated method addRoom\n result.addRoom = () => addRoom(result);\n\n // Triggers to add a new room\n if (addRoomBtn)\n addRoomBtn.forEach(trigger => {\n trigger.addEventListener('click', () => {\n addRoom(result);\n });\n });\n\n // Set info on input trigger\n set(result);\n}\n\nfunction initAdults(\n instance,\n roomId,\n counter = {\n value: instance.adultsValue,\n max: instance.adultsMax\n }\n) {\n const selector = config().room.selectorAdults(roomId);\n const element = document.querySelector(selector);\n const configCounter = {\n onChange: [\n () => {\n onChageAdults(instance, roomId);\n }\n ],\n value: counter.value,\n max: counter.max\n };\n\n element.dataset.max = counter.max;\n element.dataset.default = counter.value;\n\n return Object.create(CounterClient(selector, configCounter));\n}\n\nfunction initChildren(\n instance,\n roomId,\n counter = {\n value: config().children.value,\n max: instance.childrenMax\n }\n) {\n const selector = config().room.selectorChildren(roomId);\n const element = document.querySelector(selector);\n const configCounter = {\n onChange: [\n () => {\n onChageChildren(instance, roomId);\n }\n ],\n value: counter.value,\n max: counter.max\n };\n\n element.dataset.max = counter.max;\n element.dataset.default = counter.value;\n\n return Object.create(CounterClient(selector, configCounter));\n}\n\nfunction initChildrenAge(instance, roomId) {\n const selector = config().getSelectorById('childrenAge', roomId);\n const type = config().childrenAge.type || false;\n const selects = document.querySelectorAll(selector);\n const childrenAge = [];\n\n selects.forEach((item, i) => {\n const id = `[data-id=\"${type}-${i}\"]`;\n const configSelect = {\n enableClick: true,\n choices: {\n searchEnabled: true,\n searchPlaceholderValue: '',\n loadingText: 'Cargando...',\n noResultsText: 'No se han encontrado resultados',\n noChoicesText: 'No hay opciones para selecionar',\n itemSelectText: 'Tocar para seleccionar'\n },\n onChange: [\n () => {\n onChangeAges(instance, roomId);\n }\n ]\n };\n\n // init select children age\n childrenAge.push(SelectClient(`${selector}${id}`, configSelect));\n });\n\n return childrenAge;\n}\n\nfunction addRoom(instance) {\n const result = instance;\n const maxRooms = config().rooms.maxRooms || 0;\n const futureAdults = result.currentAdults + instance.adultsMin;\n const futureChildren = result.currentChildren + instance.childrenMin;\n\n if (\n result.rooms.length + 1 <= maxRooms &&\n futureAdults <= instance.adultsMax &&\n futureChildren <= instance.childrenMax\n ) {\n // update number of rooms selected\n result.rooms.length++;\n result.rooms.totalOpens++;\n\n const clonedRoom = result.rooms.default.cloneNode(true);\n const clonedRoomId = `room-${result.rooms.totalOpens}`;\n const clonedRoomTitle = clonedRoom.querySelector(config().roomTitle.selector);\n const counterAdultEl = clonedRoom.querySelector(config().adults.selector);\n // const firstRoom = clonedRoom.querySelector(config().getSelectorId('room'));\n const deleteBtn = clonedRoom.querySelector(config().removeRoom.selector);\n\n // Update currents adults\n result.currentAdults = futureAdults;\n\n // update currents children\n result.currentChildren = futureChildren;\n\n // Prepare new room\n clonedRoomTitle.innerHTML = `${result.literals.room} ${result.rooms.length}`;\n counterAdultEl.dataset.default = instance.adultsMin;\n clonedRoom.dataset.id = clonedRoomId;\n\n // Show delete btn rooms to the first room only when we have two rooms\n if (result.rooms.length === 2) setVisible(deleteBtn);\n\n // Append new room\n result.rooms.parent.appendChild(clonedRoom);\n\n // Config room: init elements and set events\n configRoom(result, clonedRoom);\n\n updateAdults(result, clonedRoomId);\n updateChildren(result, clonedRoomId);\n\n set(result);\n }\n}\n\nfunction removeRoom(instance, room, roomId) {\n const result = instance;\n const removeBtn = room.querySelector(config().getSelector('removeRoom'));\n const roomEvents = instance.roomStore[roomId].events;\n const adultsValue = instance.roomStore[roomId].counterAdults.get();\n const childrenValue = instance.roomStore[roomId].counterChildren.get();\n\n if (result.rooms.length - 1 >= 1) {\n // remove events listeners\n instance.roomStore[roomId].counterAdults.removeEventListener();\n instance.roomStore[roomId].counterChildren.removeEventListener();\n // instance.roomStore[roomId].ages[0].removeEventListener();\n roomEvents.removeEventListener(removeBtn);\n\n // remove room from roomStore\n delete result.roomStore[roomId];\n result.rooms.length--;\n\n // update counters value\n result.currentAdults -= adultsValue;\n result.currentChildren -= childrenValue;\n\n updateAdults(result, roomId);\n updateChildren(result, roomId);\n\n // update title of room\n [...Object.values(result.roomStore)].forEach((item, i) => {\n const titleRoom = item.element.querySelector(config().roomTitle.selector);\n titleRoom.innerHTML = `${result.literals.room} ${i + 1}`;\n });\n\n room.parentNode.removeChild(room);\n\n // Set info on input trigger\n set(result);\n }\n}\n\nfunction updateAdults(instance, roomId) {\n const result = instance;\n const rooms = [...Object.values(result.roomStore)].filter(item => roomId !== item.roomID);\n\n calculateAdults(result);\n rooms.forEach(item => {\n const room = item;\n const valueAdults = item.counterAdults.value;\n item.counterAdults.removeEventListener();\n delete room.counterAdults;\n room.counterAdults = Object.create(\n initAdults(result, item.roomID, {\n value: valueAdults,\n max: instance.adultsMax - result.currentAdults + valueAdults\n })\n );\n });\n}\n\nfunction updateChildren(instance, roomId) {\n const result = instance;\n const rooms = [...Object.values(result.roomStore)].filter(item => roomId !== item.roomID);\n\n calculateChildren(result);\n\n rooms.forEach(item => {\n const room = item;\n const valueChildren = item.counterChildren.value;\n item.counterChildren.removeEventListener();\n delete room.counterChildren;\n room.counterChildren = Object.create(\n initChildren(result, item.roomID, {\n value: valueChildren,\n max: instance.childrenMax - result.currentChildren + valueChildren\n })\n );\n });\n}\n\nfunction onChageChildren(instance, roomId) {\n const result = instance;\n\n if (result.currentChildren <= instance.childrenMax) {\n if (result.rooms.length === 1) {\n result.currentChildren = instance.roomStore[roomId].counterChildren.get();\n } else {\n updateChildren(result, roomId);\n }\n }\n\n const ages = document.querySelector(config().getSelectorById('ages', roomId));\n const ageValue = instance.roomStore[roomId].counterChildren.get();\n\n // show ages container\n let currentAge = instance.roomStore[roomId].current;\n let select = instance.roomStore[roomId].ages[0].element;\n setVisible(ages);\n\n // show / hide select group of ages and age select\n if (ageValue === 0 && currentAge === 1) {\n select = instance.roomStore[roomId].ages[0].element;\n currentAge = result.roomStore[roomId].current--;\n setHide(select);\n setHide(ages);\n } else if (ageValue > currentAge) {\n if (ageValue === 1 && currentAge === 0) setVisible(ages);\n\n select = instance.roomStore[roomId].ages[currentAge].element;\n currentAge = result.roomStore[roomId].current++;\n setVisible(select);\n } else if (ageValue < currentAge) {\n select = instance.roomStore[roomId].ages[currentAge - 1].element;\n currentAge = result.roomStore[roomId].current--;\n setHide(select);\n }\n\n // set codeHas of room\n setCodeHashChildren(result);\n\n // Set info on input trigger\n set(result);\n}\n\nfunction onChageAdults(instance, roomId) {\n const result = instance;\n\n if (result.currentAdults <= instance.adultsMax) {\n if (result.rooms.length === 1) {\n result.currentAdults = instance.roomStore[roomId].counterAdults.get();\n } else {\n updateAdults(result, roomId);\n }\n\n // set codeHas of room\n setCodeHashAdult(result);\n\n // Set info on input trigger\n set(result);\n }\n}\n\nfunction onChangeAges(instance) {\n setCodeHashChildren(instance);\n}\n\nfunction buildInfo(instance) {\n const adults = instance.currentAdults;\n const children = instance.currentChildren;\n const roomsAmount = instance.rooms.length;\n const adultsLiteral = adults > 1 ? instance.literals.adults : instance.literals.adult;\n const childrenLiteral = children > 1 || children !== 1 ? instance.literals.children : instance.literals.kid;\n const childrenInfo = children > 0 ? ` ${children} ${childrenLiteral}, ` : '';\n const roomLiteral = roomsAmount > 1 || roomsAmount === 0 ? instance.literals.rooms : instance.literals.room;\n\n const info = `${adults} ${adultsLiteral},${childrenInfo} ${roomsAmount} ${roomLiteral}`;\n\n return info;\n}\n\nmodule.exports = {\n initRooms\n};\n","/* ==========================================================================\n PanelAccommodation > Discounts\n ========================================================================== */\n\n/* Modules */\nconst SelectClient = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst config = require('./config');\n\nfunction initDiscounts(instance) {\n const result = instance;\n const selectorResident = config().getSelector('resident');\n const selectorBonuses = config().getSelector('bonuses');\n\n const configSelect = {\n choices: {\n searchEnabled: true,\n searchPlaceholderValue: '',\n loadingText: 'Cargando...',\n noResultsText: 'No se han encontrado resultados',\n noChoicesText: 'No hay opciones para selecionar',\n itemSelectText: 'Tocar para seleccionar'\n },\n onChange: [\n () => {\n onChangeDiscounts(instance);\n }\n ]\n };\n\n // init select resident\n result.resident = SelectClient(selectorResident, configSelect);\n\n // init select bonuses\n result.bonuses = SelectClient(selectorBonuses, configSelect);\n}\n\nfunction onChangeDiscounts(instance) {\n const result = instance;\n const roomInfo = instance.getRoom(result);\n let residentLabel = '';\n let bonusesLabel = '';\n\n if (result.resident) {\n residentLabel = result.resident.get().value !== '0' ? `| ${result.resident.get().label}` : '';\n }\n\n if (result.bonuses) {\n bonusesLabel = result.bonuses.get().value !== '0' ? `| ${result.bonuses.get().label}` : '';\n }\n\n instance.config.triggerInput.set(`${roomInfo} ${residentLabel} ${bonusesLabel}`);\n}\n\nmodule.exports = {\n initDiscounts\n};\n","/* ==========================================================================\n UiPanelAccommodationPackages > Config\n ========================================================================== */\n\n/* Configuration */\nconst configuration = {\n uiPanel: {\n selector: '[data-component=\"UiPanel\"][data-type=\"ui-panel-accommodation-ski\"]',\n type: 'ui-panel-accommodation-ski'\n },\n panelAccommodation: {\n selector:\n '[data-component=\"UiPanel\"][data-type=\"ui-panel-accommodation-ski\"] ' +\n '[data-component=\"PanelAccommodationSki\"]'\n },\n actionAddRoom: {\n type: 'addRoom',\n selector: '[data-component=\"UiPanel\"][data-type=\"ui-panel-accommodation-ski\"] [data-type=\"addRoom\"]'\n }\n};\n\nconst config = () => configuration;\n\nmodule.exports = config;\n","/* ==========================================================================\n SearcherSkiPackages > Client > Passenger > Prototype\n ========================================================================== */\n\nconst prototype = {\n setPassenger() {\n this.input.set(this.panel.accommodation.getRoom()).setActive();\n }\n};\n\n// Exports\nmodule.exports = prototype;\n","/* ==========================================================================\n MSearcherLeiT1 > Client > Button\n ========================================================================== */\n\n/* Modules */\nconst Button = require('@bluekiri/alexandria-contrib-components/components/button/client/js');\nconst prototype = require('./prototype');\n\n/* Init calendar */\nfunction initSubmit(selector, configuration, instance) {\n /* Instance */\n const result = Object.create(prototype);\n\n /* Button */\n result.button = Button(`${selector} [data-component=\"Button\"][data-type=\"${instance.config.type.submit}\"]`, {\n ...configuration,\n onClick: [() => result.onClickSubmit(instance)]\n });\n /* Return */\n return result;\n}\n\nmodule.exports = {\n initSubmit\n};\n","/* ==========================================================================\n MSearcherLeiT1 > Client > Submit\n ========================================================================== */\n\n/* Modules */\nconst { validate } = require('../bussines/validation');\nconst { buildUrl } = require('../bussines/url');\n\n/* Prototype */\nconst prototype = {\n onClickSubmit: function Fn(instance) {\n /* Validate */\n if (!validate(instance)) {\n /* Print errors */\n return;\n }\n\n // show modal loading\n if (instance.loading) {\n instance.loading.onModalLoading(instance);\n }\n\n setTimeout(() => window.location.assign(buildUrl(instance)), 250);\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n SearcherSkiPackages > Client > Bussines > validation\n ========================================================================== */\n\n/* Validate Location */\nconst validateLocaction = instance => {\n const data = instance.store.state.location.value;\n const select = instance.location.location;\n\n if (data !== 0) return true;\n\n /* Set errors */\n select.setError();\n\n return false;\n};\n\nconst validateDates = instance => {\n const data = instance.calendar.panel.get().pop();\n const inputCalendar = instance.calendar.panel.input;\n\n if (data !== undefined) return true;\n\n /* Set errors */\n inputCalendar.setError();\n return false;\n};\n\n/* Validate validateOrigin */\nconst validateOrigin = instance => {\n /* Build errros origin */\n const data = instance.autocomplete.autocomplete.input;\n if (data.value !== '') return true;\n\n /* Set errors */\n data.setError();\n return false;\n};\n\n/* Validate */\nfunction validate(instance) {\n if (!validateDates(instance)) return false;\n if (!validateLocaction(instance)) return false;\n if (!validateOrigin(instance)) return false;\n\n return true;\n}\n\n/* Exports */\nmodule.exports = {\n validate\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > loading > Index\n========================================================================== */\n\n// Modules\nconst ModalLoading = require('@bluekiri/alexandria-contrib-components/components/modal-loading/client/js');\nconst prototype = require('./prototype');\n\n// Init\nfunction initLoading(selector, configuration) {\n // instance loading\n const result = Object.create(prototype);\n\n result.modalLoading = ModalLoading('[data-component=\"Modal\"][data-type=\"modal-loading\"]', {\n ...configuration\n });\n\n return result;\n}\n\n// Exports\nmodule.exports = {\n initLoading\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > loading > prototype\n ========================================================================= */\n\n/* Import */\nconst { formatDate } = require('../bussines/url');\n\nconst prototype = {\n setImage: function Fn(instance) {\n // image Modal\n const cdn = instance.config.loading.image.cdn.replace('//', '');\n const resize = `//${cdn}/${instance.config.loading.image.resize}`;\n const src = `${instance.config.loading.image.src}`;\n const jpgParam = `.jpg?jpegQuality=${instance.config.loading.image.quality}`;\n return `${resize}${cdn}${src}${jpgParam}`;\n },\n setContentTemplate: function Fn(instance) {\n // Modal Loading\n if (this.modalLoading) {\n const store = instance.store.state;\n\n const location = store.location.label;\n const checkIn = formatDate(store.calendar.dates[0]);\n const checkOut = formatDate(store.calendar.dates[1]);\n const passenger = instance.passenger.panel.accommodation.infoRooms;\n\n const loadingContent = {\n title: instance.config.literals.loading.title,\n description: `${location}\n ${checkIn} - ${checkOut}\n ${passenger}`,\n message: instance.config.literals.loading.message,\n image: this.setImage(instance)\n };\n\n this.modalLoading.set(loadingContent);\n }\n },\n onModalLoading: function Fn(instance) {\n this.setContentTemplate(instance);\n this.modalLoading.start();\n\n return this;\n }\n};\n\n// Exports\nmodule.exports = prototype;\n","/* ==========================================================================\n MSearcherCirRoutes > Client > State\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\nconst autocompleteReducer = require('../autocomplete/actions').reducer;\nconst locactionReducer = require('../location/actions').reducer;\nconst calendarReducer = require('../calendar/actions').reducer;\nconst passengerReducer = require('../passenger/actions').reducer;\nconst discountReducer = require('../discounts/actions').reducer;\n\n/* Init store */\nfunction initStore(initialState = {}) {\n return new Store(\n {\n autocomplete: autocompleteReducer,\n location: locactionReducer,\n calendar: calendarReducer,\n passenger: passengerReducer,\n discounts: discountReducer\n },\n initialState\n );\n}\n\n/* Exports */\nmodule.exports = {\n initStore\n};\n","/* ==========================================================================\n SearcherSkiPackages > Client > Config\n ========================================================================== */\n\n/* Config */\nconst config = {\n component: 'SearcherSkiPackages',\n start: true,\n type: {\n autocomplete: 'searcher-ski-autocomplete',\n location: 'searcher-ski-location',\n calendar: 'searcher-ski-calendar',\n discount: 'searcher-ski-discount',\n loading: 'searcher-ski-loading',\n passenger: {\n input: 'panel-passenger-input-ski',\n panel: 'panel-passenger-ski'\n },\n submit: 'searcher-ski-submit'\n },\n css: {\n searcher: {\n item: 'searcher__item',\n itemLarge: 'searcher__item--large',\n itemSmall: 'searcher__item--small',\n itemButton: 'searcher__item--button',\n itemWithMargin: 'searcher__item--with-margin',\n itemWithMaxWidth: 'searcher__item--ski-max',\n itemDiscount: 'searcher__item--discount',\n itemCalendar: 'searcher__item--ski-calendar',\n itemLocation: 'searcher__item--ski-location',\n hidden: 'hidden',\n disable: 'is-disabled',\n button: 'searcher__button'\n }\n },\n loading: {\n image: {\n cdn: '//cdn.logitravel.com',\n src: '/comun/images/lineas/ski_800x600',\n resize: '/wsimgresize/resize/crop/334/260/',\n quality: '80'\n }\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n SearcherHotels > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { initAutocomplete } = require('./autocomplete');\nconst { initCalendar } = require('./calendar');\nconst { initPassenger } = require('./passenger');\nconst { initSearchButton } = require('./searchButton');\nconst prototype = require('./prototype');\n\n/**\n * Searcher component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function SearcherHotels(selector = '[data-component=\"SearcherHotels\"]') {\n if (elementExist(selector)) {\n // Instance reference\n const instance = Object.create(Object.assign(prototype));\n\n // Element reference\n instance.element = document.querySelector(selector);\n\n // Selector reference\n instance.selector = selector;\n\n // Get configuration\n instance.config = instance.getConfig();\n\n // Autocomplete\n instance.autocomplete = initAutocomplete(instance);\n\n // Calendar\n instance.calendar = initCalendar(instance);\n\n // Passenger panel with input synced\n instance.passenger = initPassenger(instance);\n\n // Search Button\n instance.search = initSearchButton(instance);\n\n return instance;\n }\n};\n","/* ==========================================================================\n SearcherHotels > Autocomplete\n ========================================================================== */\n\n/* Modules */\nconst AutocompleteClient = require('@bluekiri/alexandria-contrib-components/components/autocomplete/client/js');\nconst config = require('./config');\n\nfunction initAutocomplete(instance) {\n const language = instance.config.lang;\n return AutocompleteClient(config().getAutocompleteSelector(instance.selector || ''), { lang: language });\n}\n\nmodule.exports = {\n initAutocomplete\n};\n","/* ==========================================================================\n SearcherHotels > Calendar\n ========================================================================== */\n\n/* Modules */\nconst CalendarClient = require('@bluekiri/alexandria-contrib-components/components/calendar/client/js');\nconst config = require('./config');\n\nfunction initCalendar(instance, configuration = {}) {\n const language = instance.config.lang;\n return CalendarClient(config().getCalendarSelector(instance.selector || ''), { ...configuration, language });\n}\n\nmodule.exports = {\n initCalendar\n};\n","/* ==========================================================================\n SearcherHotels > Passenger\n ========================================================================== */\n\n/* Modules */\nconst InputClient = require('@bluekiri/alexandria-contrib-components/components/input/client/js');\nconst searcherLiterals = require('@bluekiri/alexandria-contrib-components/literals/searcher/prototype');\nconst searcherHotelsLiterals = require('../../../../literals/searcher-hotels/prototype');\nconst UiPanelRoomHotelClient = require('../../../ui-panel-room-hotel/client/js');\nconst CounterRoomHotelClient = require('../../../counter-passenger-hotel/client/js');\nconst config = require('./config');\n\n/* Init */\nfunction initPassenger(instance) {\n const searcherHotelConfiguration = config();\n const literals = { ...searcherLiterals(instance.config.lang), ...searcherHotelsLiterals(instance.config.lang) };\n const passenger = {\n config: searcherHotelConfiguration.passenger,\n input: initInput(instance.selector, searcherHotelConfiguration),\n panel: initPanel(instance, searcherHotelConfiguration, literals)\n };\n\n // /* Update passenger value in case we have some values default */\n updatePassenger(passenger, literals);\n\n return passenger;\n}\n\n/* Init input */\nfunction initInput(selector, configuration) {\n return InputClient(`${configuration.getInputSelector(selector)}`);\n}\n\n/* Init panel */\nfunction initPanel(instance, configuration, literals) {\n const passengerPanel = instance.element;\n const passengerHotelSelector = configuration.getPassengerHotelSelector(instance.selector);\n const mainRoom = passengerPanel.querySelector(`${passengerHotelSelector}`).cloneNode(true);\n const closeButtonSelector = configuration.getCloseButtonSelector();\n const addNewRoomButton = passengerPanel.querySelector(configuration.getAddNewRoomSelector());\n\n addNewRoomButton.addEventListener('click', () => {\n const numberOfRooms = instance.passenger.panel.getNumberOfRooms();\n const panelBody = instance.passenger.panel.rooms[0].element.parentNode;\n\n if (instance.passenger.panel.maxRooms > numberOfRooms) {\n const roomNumber = Number(numberOfRooms) + 1;\n const roomToAdd = instance.passenger.panel.mainRoom.cloneNode(true);\n const closeButton = createCloseButton({\n closeButtonSelector,\n passenger: instance.passenger,\n room: roomToAdd,\n addNewRoomButton,\n literals\n });\n const counterSelector = `${passengerHotelSelector}[data-number=\"${roomNumber}\"]`;\n\n roomToAdd.dataset.number = roomNumber;\n roomToAdd.querySelector(closeButtonSelector).innerHTML = `${literals.room} ${roomNumber}`;\n\n roomToAdd.insertBefore(closeButton, roomToAdd.firstChild);\n\n panelBody.appendChild(roomToAdd);\n\n instance.passenger.panel.addNewRoom(\n CounterRoomHotelClient(counterSelector, {\n onChange: [\n function Fn() {\n updatePassenger.call(this, instance.passenger, literals);\n }\n ],\n select: {\n onChange: [\n function Fn() {\n updatePassenger.call(this, instance.passenger, literals);\n }\n ]\n }\n })\n );\n\n if (roomNumber === instance.passenger.panel.maxRooms) {\n configureVisibility(addNewRoomButton, false);\n }\n\n updatePassenger(instance.passenger, literals);\n }\n });\n\n const uiPannelRoomHotel = UiPanelRoomHotelClient(`${configuration.getUiPanelSelector(instance.selector)}`, {\n panel: {\n triggers: [passengerPanel.querySelector(`${configuration.getInputSelector(instance.selector)}`)]\n },\n counter: {\n onChange: [\n function Fn() {\n updatePassenger.call(this, instance.passenger, literals);\n }\n ],\n select: {\n onChange: [\n function Fn() {\n updatePassenger.call(this, instance.passenger, literals);\n }\n ]\n }\n }\n });\n uiPannelRoomHotel.mainRoom = mainRoom;\n\n return uiPannelRoomHotel;\n}\n\nfunction createCloseButton(buttonConfig) {\n const passengerPanel = buttonConfig.passenger.panel;\n const buttonSelector = buttonConfig.closeButtonSelector;\n const roomLiteral = buttonConfig.literals.room;\n const closeButton = document.createElement('button');\n\n closeButton.dataset.closeRoom = '';\n closeButton.addEventListener('click', () => {\n const roomNumber = Number(buttonConfig.room.dataset.number);\n buttonConfig.room.parentNode.removeChild(buttonConfig.room);\n passengerPanel.removeRoom(roomNumber - 1);\n\n const numberOfRooms = passengerPanel.getNumberOfRooms();\n if (numberOfRooms > 1) {\n const lastRoom = passengerPanel.rooms[numberOfRooms - 1].element;\n lastRoom.dataset.number = roomNumber > 2 ? roomNumber - 1 : roomNumber;\n lastRoom.querySelector(buttonSelector).innerHTML = `${roomLiteral} ${lastRoom.dataset.number}`;\n }\n\n configureVisibility(buttonConfig.addNewRoomButton, true);\n\n updatePassenger(buttonConfig.passenger, buttonConfig.literals);\n });\n\n return closeButton;\n}\n\nfunction configureVisibility(element, mustToBeVisible) {\n const elem = element;\n if (mustToBeVisible) {\n elem.style.visibility = 'visible';\n } else {\n elem.style.visibility = 'hidden';\n }\n}\n\n/* Action to update passenger */\nfunction updatePassenger(passenger, literals) {\n /* Getting references to short accessing */\n const uiPanelRoomHotel = passenger;\n const input = passenger.input || {};\n const roomsInfo = getRoomsGuests(passenger.panel.getRoomsGuests());\n\n uiPanelRoomHotel.roomsInfo = roomsInfo;\n\n /* Set input value */\n input.set(\n buildPassengerInfo(\n {\n rooms: roomsInfo.rooms || 1,\n adults: roomsInfo.adults || 1,\n children: roomsInfo.children || 0,\n babies: roomsInfo.babies || 0\n },\n literals\n )\n );\n input.setActive();\n}\n\nfunction getRoomsGuests(roomsGuests) {\n const guests = {\n rooms: roomsGuests.length,\n adults: 0,\n children: 0,\n babies: 0,\n ages: []\n };\n\n for (let i = 0; i < roomsGuests.length; i++) {\n const adults = getRoomGuestInfo(roomsGuests[i].adults);\n const children = getRoomGuestInfo(roomsGuests[i].children);\n const babies = getRoomGuestInfo(roomsGuests[i].babies);\n\n guests.adults += adults.value;\n guests.children += children.value;\n guests.babies += babies.value;\n\n guests.ages.push(\n []\n .concat(adults.ages)\n .concat(children.ages)\n .concat(babies.ages)\n );\n }\n\n return guests;\n}\n\nfunction getRoomGuestInfo(guest, defaultAge = 30) {\n const guestInfo = {\n value: 0,\n ages: []\n };\n if (guest && guest.value > 0) {\n guestInfo.value = guest.value;\n if (guest.ages && guest.ages.length > 0) {\n for (let i = 0; i < guest.ages.length; i++) {\n guestInfo.ages.push(guest.ages[i]);\n }\n } else {\n guestInfo.ages = Array(guestInfo.value).fill(defaultAge);\n }\n }\n return guestInfo;\n}\n\n/* Build the string for passenger input info */\nfunction buildPassengerInfo(passengerInfo, literals) {\n const adultText = buildPassengerText(passengerInfo.adults, literals.adult, literals.adults);\n const childrenText = buildPassengerText(passengerInfo.children, literals.child, literals.children);\n const babyText = buildPassengerText(passengerInfo.babies, literals.baby, literals.babies);\n let roomsText;\n\n if (passengerInfo.rooms === 1) {\n roomsText = literals.singleRoom;\n } else {\n roomsText = literals.multipleRooms.replace('#n#', passengerInfo.rooms);\n }\n\n /* Building text based on passengers quantity */\n /* Adult with children */\n if (passengerInfo.children > 0 && passengerInfo.babies === 0) {\n return `${adultText}, ${childrenText} ${roomsText}`;\n }\n\n /* Adult with baby */\n if (passengerInfo.children === 0 && passengerInfo.babies > 0) {\n return `${adultText}, ${babyText} ${roomsText}`;\n }\n\n /* Adult with children and baby */\n if (passengerInfo.children > 0 && passengerInfo.babies > 0) {\n return `${adultText}, ${childrenText}, ${babyText} ${roomsText}`;\n }\n\n /* Only adults, we always have minimum adult */\n return `${adultText} ${roomsText}`;\n}\n\nfunction buildPassengerText(passengers, singularLiteral, pluralLiteral) {\n if (passengers > 1) {\n return `${passengers} ${pluralLiteral}`;\n }\n return `${passengers} ${singularLiteral}`;\n}\n\nmodule.exports = {\n initPassenger\n};\n","/* ==========================================================================\n Literals > searcher-hotels\n ========================================================================== */\n\nconst getCommonLiterals = require('../prototype');\n\nconst autocompleteLiterals = {\n es: {\n singleRoom: 'en 1 habitación',\n multipleRooms: 'en #n# habitaciones',\n addRoom: 'Añadir habitacion',\n titleLoading: 'Buscando hoteles',\n subtitleLoading: 'Puede tardar unos segundos, por favor espera...'\n },\n pt: {\n singleRoom: 'em 1 quarto',\n multipleRooms: 'em #n# quartos',\n addRoom: 'Adicionar quarto',\n titleLoading: 'A procurar hotéis',\n subtitleLoading: 'Pode demorar uns segundos. Por favor espere...'\n },\n it: {\n singleRoom: 'in 1 camera',\n multipleRooms: 'in #n# camere',\n addRoom: 'Aggiungi camera',\n titleLoading: 'Cercando hotel',\n subtitleLoading: 'Può tardare qualche istante, ti preghiamo di attendere per favore...'\n },\n de: {\n singleRoom: 'in 1 Zimmer',\n multipleRooms: 'in #n# zimmer',\n addRoom: 'Zimmer hinzufügen',\n titleLoading: 'Hotels werden geladen',\n subtitleLoading: 'Bitte warten Sie....'\n },\n fr: {\n singleRoom: 'dans 1 chambre',\n multipleRooms: 'dans #n# chambres',\n addRoom: 'Ajouter une chambre',\n titleLoading: 'Recherche de hôtels',\n subtitleLoading: 'Cela peut prendre quelques secondes, merci de patienter...'\n },\n br: {\n singleRoom: 'em 1 quarto',\n multipleRooms: 'em #n# quartos',\n addRoom: 'Adicionar quarto',\n titleLoading: 'Buscando hotéis',\n subtitleLoading: 'Pode demorar uns segundos. Por favor espere...'\n },\n en: {\n singleRoom: 'in 1 room',\n multipleRooms: 'in #n# rooms',\n addRoom: 'Add a room',\n titleLoading: 'Searching for Hotels',\n subtitleLoading: 'This could take a few seconds, please wait...'\n },\n fi: {\n singleRoom: '1 huone',\n multipleRooms: '#n# huonetta',\n addRoom: 'Lisää huone',\n titleLoading: '',\n subtitleLoading: ''\n },\n mx: {\n singleRoom: 'en 1 habitación',\n multipleRooms: 'en #n# habitaciones',\n addRoom: 'Añadir habitacion',\n titleLoading: 'Buscando hoteles',\n subtitleLoading: 'Puede tardar unos segundos, por favor espera...'\n },\n ru: {\n singleRoom: 'в 1 номере',\n multipleRooms: 'в #n# номера',\n addRoom: 'Добавить номер',\n titleLoading: 'Поиск Отели',\n subtitleLoading: 'Это может занять несколько секунд, пожалуйста, подождите...'\n }\n};\n\nmodule.exports = function fn(language = 'es') {\n const commonLiterals = getCommonLiterals(language);\n\n return { ...commonLiterals, ...(autocompleteLiterals[language] || {}) };\n};\n","/* ==========================================================================\n Literals > Base\n ========================================================================== */\n\nconst literals = {\n es: {\n room: 'Habitación',\n rooms: 'Habitaciones',\n delete: 'Eliminar',\n accept: 'Aceptar',\n years: 'Años'\n },\n pt: {\n room: 'Quarto',\n rooms: 'Quartos',\n delete: 'Eliminar',\n accept: 'Aceitar',\n years: 'Anos'\n },\n it: {\n room: 'Camera',\n rooms: 'Camere',\n delete: 'Elimina',\n accept: 'Accetta',\n years: 'Anni'\n },\n de: {\n room: 'Zimmer',\n rooms: 'Zimmer',\n delete: 'Löschen',\n accept: 'Akzeptieren',\n years: 'Jahre '\n },\n fr: {\n room: 'Chambre',\n rooms: 'Chambres',\n delete: 'Éliminer',\n accept: 'Accepter',\n years: 'Ans'\n },\n br: {\n room: 'Quarto',\n rooms: 'Quartos',\n delete: 'Eliminar',\n accept: 'Aceitar',\n years: 'Anos'\n },\n en: {\n room: 'Room',\n rooms: 'Rooms',\n delete: 'Delete',\n accept: 'Accept',\n years: 'Years'\n },\n fi: {\n room: 'Huone',\n rooms: 'Huonetta',\n delete: 'Poista',\n accept: 'Hyväksy',\n years: 'Vuotta'\n },\n mx: {\n room: 'Habitación',\n rooms: 'Habitaciones',\n delete: 'Eliminar',\n accept: 'Aceptar',\n years: 'Años'\n },\n ru: {\n room: 'номере',\n rooms: 'номера',\n delete: 'Удалить',\n accept: 'Применить',\n years: 'лет'\n }\n};\n\nmodule.exports = function fn(language = 'es') {\n return literals[language] || {};\n};\n","/* ==========================================================================\n UiPanelRoomHotel > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst UiPanelClient = require('@bluekiri/alexandria-contrib-components/components/ui-panel/client/js');\nconst CounterRoomHotelClient = require('../../../counter-passenger-hotel/client/js');\nconst prototype = require('./prototype');\nconst config = require('./config')();\n\n/**\n * UiPanelPassengerTrain component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function UiPanelRoomHotel(selector = config.selector, configuration = {}) {\n if (elementExist(selector)) {\n /* Instance reference */\n const instance = Object.create(prototype);\n\n /* Counters reference */\n const counterSel = config.getCounterPassengerHotelSelector(selector);\n instance.rooms.push(CounterRoomHotelClient(counterSel, configuration.counter || {}));\n\n /* Panel reference */\n instance.panel = UiPanelClient(selector, {\n ...configuration.panel,\n onClick: () => {\n /* Force close selects */\n instance.rooms.forEach(item =>\n item.guests.children.options.forEach(option => option.choices.hideDropdown())\n );\n }\n });\n\n return instance;\n }\n};\n","/* ==========================================================================\n PanelRoomHotel > Counter\n ========================================================================== */\n\n/* Modules */\nconst CounterClient = require('@bluekiri/alexandria-contrib-components/components/counter/client/js');\nconst SelectClient = require('@bluekiri/alexandria-contrib-components/components/select/client/js');\nconst config = require('./config');\n\n/* Init counters */\nfunction initCounters(instance, configuration = {}) {\n const guests = {};\n const selector = instance.selector || '';\n const { types, keys, getCounterSelector, getSelectSelector } = config();\n\n types.forEach(type => {\n const counterSelector = `${getCounterSelector(selector)}[data-type=\"${type}\"]`;\n const key = keys[type];\n\n guests[key] = CounterClient(counterSelector, {\n enablePropagation: true,\n onChange: configuration.onChange.push(function fn() {\n updateVisibility(this);\n }),\n ...configuration\n });\n if (guests[key]) {\n guests[key].options = initOptions(guests[key], {\n selector,\n type,\n select: configuration.select,\n selectSelector: getSelectSelector(selector)\n });\n guests[key].getSelectedOptions = function fn() {\n const optionsSelecteds = [];\n\n if (this.options && this.options.length > 0) {\n const numberOfGuests = this.get();\n\n for (let i = 0; i < numberOfGuests; i++) {\n const optionSelected = this.options[i].get();\n if (optionSelected && optionSelected.value) {\n optionsSelecteds.push(optionSelected.value);\n }\n }\n }\n\n return optionsSelecteds;\n };\n\n updateVisibility(guests[key]);\n }\n });\n\n return guests;\n}\n\n/* Add select types based on counter countaining them */\nfunction initOptions(instance, configuration) {\n const options = [];\n const sibling = instance.element.nextSibling;\n\n if (sibling) {\n /* Add types if not setted by model */\n sibling.querySelectorAll(`${configuration.selectSelector}`).forEach((item, index) => {\n const select = item;\n const selectType = `select-${configuration.type}-${index}`;\n\n select.dataset.type = selectType;\n\n options.push(\n SelectClient(`${configuration.selectSelector}[data-type=\"${selectType}\"]`, {\n index,\n enableClick: true,\n choices: {\n searchEnabled: false\n },\n onChange: configuration.select.onChange || []\n })\n );\n });\n }\n\n return options;\n}\n\n/* Shows option */\nconst displayOption = option => option.show();\n\n/* Hides option */\nconst hideOption = option => option.hide();\n\n/* Shows options container */\nconst displayOptionContainer = instance =>\n instance.element.parentNode.querySelector('[data-options=\"\"]').classList.remove(config().css.hidden);\n\n/* Hides options container */\nconst hideOptionContainer = instance =>\n instance.element.parentNode.querySelector('[data-options=\"\"]').classList.add(config().css.hidden);\n\n/* Add padding to the wrapper options */\nconst addPaddingWrapper = instance => instance.element.parentNode.classList.remove(config().css.wrapperWithPadding);\n\n/* Remove padding to the wrapper options */\nconst removePaddingWrapper = instance => instance.element.parentNode.classList.add(config().css.wrapperWithPadding);\n\n/* Hide container and all the options */\nfunction hideAll(instance) {\n hideOptionContainer(instance);\n removePaddingWrapper(instance);\n instance.options.forEach(item => hideOption(item));\n}\n\n/* Update visibility of options */\nfunction updateVisibility(instance) {\n const value = instance.get();\n /* Hide all options when no quantity */\n if (value === 0) return hideAll(instance);\n\n if (instance.options && instance.options.length > 0) {\n /* Shows the container first */\n displayOptionContainer(instance);\n\n /* Add the padding */\n addPaddingWrapper(instance);\n\n instance.options.forEach(item => {\n if (item.config.index < value) {\n displayOption(item);\n } else {\n hideOption(item);\n }\n });\n }\n\n return true;\n}\n\nmodule.exports = {\n initCounters\n};\n","const getRoomGuest = function fn(guestToProccess) {\n const roomGuest = {\n value: 0,\n ages: []\n };\n\n if (guestToProccess) {\n roomGuest.value = guestToProccess.get();\n if (roomGuest.value > 0 && guestToProccess.options && guestToProccess.options.length > 0) {\n for (let i = 0; i < roomGuest.value; i++) {\n roomGuest.ages.push(guestToProccess.options[i].value);\n }\n }\n }\n\n return roomGuest;\n};\n\nconst uiPanelRoomHotel = {\n maxRooms: 3,\n rooms: [],\n getNumberOfRooms: function fn() {\n return this.rooms.length;\n },\n addNewRoom: function fn(room) {\n if (!room) {\n return this;\n }\n this.rooms.push(room);\n\n return this;\n },\n removeRoom: function fn(index) {\n if (index >= 0 && index < this.rooms.length) {\n this.rooms.splice(index, 1);\n }\n return this;\n },\n getRoomsGuests: function fn() {\n const rooms = [];\n\n for (let i = 0; i < this.rooms.length; i++) {\n const roomGuests = this.rooms[i].guests;\n rooms.push({\n adults: getRoomGuest(roomGuests.adults),\n children: getRoomGuest(roomGuests.children),\n babies: getRoomGuest(roomGuests.babies)\n });\n }\n\n return rooms;\n }\n};\n\nmodule.exports = uiPanelRoomHotel;\n","const { getSearchButtonSelector, getLoadingModalSelector, types, loadingSrcImg } = require('./config')();\n\nfunction generateUrl(url, values) {\n const checkin = getDate(values.selectedDates[0]);\n const checkout = getDate(values.selectedDates[1]);\n\n return `${url}\n?code=${values.destination.code}\n&type=${values.destination.type}\n&checkIn=${checkin}\n&checkOut=${checkout}\n&rooms=${values.selectedRooms}`;\n}\n\nfunction validate(instance, values) {\n let isValid = true;\n\n if (values.destination && values.destination.code && values.destination.type) {\n instance.autocomplete.setValid();\n } else {\n instance.autocomplete.setError();\n isValid = false;\n }\n\n if (values.selectedDates && values.selectedDates.length === 2) {\n instance.calendar.input.setValid();\n } else {\n instance.calendar.input.setError();\n isValid = false;\n }\n\n if (values.selectedRooms) {\n instance.passenger.input.setValid();\n } else {\n instance.passenger.input.setError();\n isValid = false;\n }\n\n return isValid;\n}\n\nfunction getSelectedRooms(roomsInfo, config) {\n if (roomsInfo.ages) {\n const ages = [];\n for (let i = 0; i < roomsInfo.ages.length; i++) {\n if (roomsInfo.ages[i].length > 0) {\n ages.push(roomsInfo.ages[i].join(config.separator));\n }\n }\n if (ages.length > 0) {\n return ages.join(config.roomSeparator);\n }\n }\n\n return undefined;\n}\n\nfunction openLoadingModal(instance) {\n const cdn = instance.config.mscdn;\n const resize = `${cdn}/wsimgresize/resize/crop/450/220/`;\n const loadingModal = instance.element.querySelector(getLoadingModalSelector());\n const filtersSel = `${getLoadingModalSelector()} [data-type=\"${types.loadingFilters}\"]`;\n const filters = instance.element.querySelector(filtersSel);\n const imageSel = `${getLoadingModalSelector()} [data-type=\"${types.loadingImage}\"]`;\n const image = instance.element.querySelector(imageSel);\n\n // Add selected inputs\n /* eslint-disable */\n filters.innerHTML = `${instance.autocomplete.input.get()}