\n ${promotionsLabel}: \n \n ${html(\n promos.map(({ isProminent = false, icon, name, description = '', conditions = '' }) => {\n const hasTooltip = !!(description || conditions);\n\n return html(`\n
\n ${ViewHelpers(context).icon(configuration().icon.starFilled)}\n ${topSaleLabel.toUpperCase()}\n
\n `);\n};\n\n/**\n * Aside template\n * @param {object} data Object containing the data model for this component.\n * @returns {object} Additional data to have available in the template\n */\nmodule.exports = function AsideTemplate(data, context) {\n const { config = {}, cruDyn = false, topSale = false } = data;\n const { literals = {} } = config;\n\n /* Template */\n return html(`\n| ${literals.dayLabel} | \n${literals.portLabel} | \n${literals.arrivalLabel} | \n${literals.departureLabel} | \n||||
|---|---|---|---|---|---|---|---|
| \n | ${encapsulateTextInParentheses(item.port)} | \n${icon('cruise-filled')} | \n `\n : `\n${item.day} | \n${item.port} | \n${item.arrival} | \n${item.departure} | \n `\n }\n|
\n ${labels[index]}: \n ${texts[index]}\n
\n `);\n })\n )}\n\n ${text}\n
\n `);\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add tooltip text */\nfunction addTooltipText(element, text) {\n /* Node */\n const node = createTooltipText(text);\n\n /* Add to DOM */\n document.body.appendChild(node);\n\n /* Placement info */\n const viewportOffset = element.getBoundingClientRect();\n const placementEl = {\n width: element.offsetWidth,\n height: element.offsetHeight,\n top: viewportOffset.top + window.scrollY,\n left: viewportOffset.left\n };\n\n node.style.left = `${placementEl.left + placementEl.width / 2 - node.offsetWidth / 2}px`;\n node.style.top = `${placementEl.top + placementEl.height + 12}px`;\n\n /* Update subscriptions */\n fromEvent(element, 'mouseleave')\n .pipe(take(1))\n .subscribe(event => {\n event.stopPropagation();\n\n /* Destroy tooltip */\n destroyTooltipNotAvailable(node);\n });\n\n /* Display */\n setTimeout(() => node.classList.add(config().css.visible), 50);\n}\n\n/* Destroy tooltip not available */\nfunction destroyTooltipNotAvailable(tooltipEl) {\n /* DOM */\n tooltipEl.parentNode.removeChild(tooltipEl);\n}\n\n/* Exports */\nmodule.exports = {\n addTooltip,\n destroyTooltip,\n addTooltipText\n};\n","/* ==========================================================================\n PanelRadioButtonRxjs > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst { addRadioButtons, destroyRadioButtons } = require('./radio-button');\nconst { addButton } = require('./button');\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n panel: 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 display: () => this.store.dispatch(actions.display()),\n hide: () => this.store.dispatch(actions.hide()),\n addRadioButtons: radios => this.store.dispatch(actions.addRadioButtons(radios)),\n removeRadioButtons: indexes => this.store.dispatch(actions.removeRadioButtons(indexes)),\n toggleValue: index => this.store.dispatch(actions.toggleValue(index))\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 [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n\n /* Radio buttons */\n if (this.radios) {\n this.radios.forEach(radio => radio.actions.destroy());\n }\n\n /* Remove from DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean */\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 addRadioButtons: this.store.subscribe((state, action) => {\n if (action.type !== types.ADD_RADIO_BUTTONS) return;\n\n /* Add radios */\n addRadioButtons(action.payload, this);\n }),\n removeRadioButtons: this.store.subscribe((state, action) => {\n if (action.type !== types.REMOVE_RADIO_BUTTONS) return;\n\n /* Destroy radios */\n destroyRadioButtons(action.payload, this);\n })\n };\n\n return this;\n },\n /* Start */\n start() {\n if (!this.config.start) return this;\n\n /* Items -> Radios */\n const { items = [], max, offset } = this.config;\n\n if (items.length < 1) return this;\n\n /* Start radios references */\n this.radios = [];\n\n if (items.length === max + offset || items.length < max) {\n this.actions.addRadioButtons(items);\n } else {\n this.actions.addRadioButtons(items.slice(0, max));\n }\n\n /**\n * In case we have more checkboxes than max\n * we have to display a show more button to\n * toggle them when the user wants\n */\n if (items.length > max + offset) {\n this.toggleMore = addButton(this);\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 /* Start */\n this.start();\n\n return this;\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n Tooltip > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'Tooltip',\n init: true,\n start: true,\n css: {},\n type: {},\n offset: [0, 8]\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n Helpers > Email\n ========================================================================== */\n\n/* eslint-disable-next-line */\nconst EMAIL_REG = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n/**\n * Is email\n * @param {string} Text\n * @return {boolean} Boolean representing the validity of the email\n */\nfunction isEmail(str = '') {\n return new RegExp(EMAIL_REG).test(str);\n}\n\n/* Exports */\nmodule.exports = {\n isEmail\n};\n","/* ==========================================================================\n MainResultsCru > Client > selectedFilters\n ========================================================================== */\n\n/* Modules */\nconst moment = require('moment/moment');\n\nconst { fromEvent } = require('rxjs');\n\nconst PriceFormatter = require('@bluekiri/alexandria/core/PriceFormatter');\n\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst { sanitizeSingleQuote } = require('@bluekiri/alexandria-contrib-components/helpers/sanitize');\nconst SelectedFiltersTemplate = require('../../../../panel-selected-filters/template');\nconst SelectedFilters = require('../../../../panel-selected-filters/client/js');\nconst SelectedFiltersActions = require('../../../../panel-selected-filters/client/js/store/actions');\n\nconst configuration = require('../config');\n\n/* Create selected filters */\nfunction createSelectedFilters(instance, results) {\n /* Data */\n const { context } = instance.config;\n const { filtersValues } = instance.store.select('results');\n\n const selectedFilters = getSelectedFilters(instance, {\n selectedValues: filtersValues.cruiseTypes,\n values: results.cruiseTypes,\n type: configuration().filter.CRUISE_TYPE\n })\n .concat(getSelectedDates(filtersValues.departureRange, results.departureRange))\n .concat(getSelectedPrice(context, filtersValues.priceRange))\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.companyTypes,\n values: results.companyTypes,\n type: configuration().filter.COMPANY_TYPE\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.companies,\n values: results.companies,\n type: configuration().filter.COMPANY\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.ships,\n values: results.ships,\n type: configuration().filter.SHIP\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.durations,\n values: results.durations,\n type: configuration().filter.DURATION\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.ports,\n values: results.ports,\n type: configuration().filter.PORT\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.zones,\n values: results.zones,\n type: configuration().filter.ZONE\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.destinationPorts,\n values: results.destinationPorts,\n type: configuration().filter.DESTINATION_PORT\n })\n )\n .concat(\n getSelectedFilters(instance, {\n selectedValues: filtersValues.akis,\n values: results.akis,\n type: configuration().filter.AKI\n })\n );\n\n /* Template */\n const template = SelectedFiltersTemplate(\n addStyle(\n addData(\n {\n items: selectedFilters\n },\n {\n type: configuration().type.selectedFilters\n }\n ),\n [configuration().css.selectedFilters]\n ),\n context\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\nfunction addSelectedFilters(instance, results, addScroll) {\n const panel = instance;\n\n /* Selector */\n const { selector } = instance;\n\n /* Node */\n const node = createSelectedFilters(instance, results);\n\n if (addScroll) {\n /* Placement info */\n node.style.marginTop = `${window.scrollY}px`;\n }\n\n /* DOM */\n instance.hooks.selectedFilters.appendChild(node);\n\n /* Init selectedFilters */\n panel.selectedFilters = SelectedFilters(\n `${selector} [data-component='PanelSelectedFilters'][data-type='${configuration().type.selectedFilters}']`\n );\n\n panel.subscriptions = {\n ...panel.subscriptions,\n scrollWindow: fromEvent(window, 'scroll').subscribe(() => {\n if (addScroll) node.style.marginTop = `${window.scrollY}px`;\n })\n };\n\n panel.reactions.removeSelectedFilter = instance.selectedFilters.store.subscribe((state, action) => {\n if (action.type !== SelectedFiltersActions.types.REMOVE_ITEM) return;\n\n updateFilters(instance);\n });\n}\n\nfunction updateFilters(instance) {\n const { filtersValues } = instance.store.select('results');\n const { lastItemDeleted } = instance.selectedFilters.store;\n const { type, id } = lastItemDeleted;\n\n upateCheckboxFilters(instance, filtersValues, lastItemDeleted);\n\n if (type === configuration().filter.CRUISE_TYPE)\n instance.actions.changeFilters({\n cruiseTypes: filtersValues.cruiseTypes.filter(item => item !== id)\n });\n\n if (type === configuration().filter.PRICE_RANGE) instance.actions.changeFilters({ priceRange: {} });\n\n if (type === configuration().filter.DEPARTURE_RANGE) instance.actions.changeFilters({ departureRange: {} });\n\n if (type === configuration().filter.SHIP)\n instance.actions.changeFilters({ ships: filtersValues.ships.filter(item => item !== id) });\n\n if (type === configuration().filter.DURATION)\n instance.actions.changeFilters({\n durations: filtersValues.durations.filter(item => item !== id)\n });\n\n if (type === configuration().filter.PORT)\n instance.actions.changeFilters({ ports: filtersValues.ports.filter(item => item !== id) });\n\n if (type === configuration().filter.DESTINATION_PORT)\n instance.actions.changeFilters({\n destinationPorts: filtersValues.destinationPorts.filter(item => item !== id)\n });\n}\n\nfunction upateCheckboxFilters(instance, filtersValues, lastItemDeleted) {\n const { type, id } = lastItemDeleted;\n\n if (type === configuration().filter.COMPANY_TYPE) {\n uncheckDeletedFilter(instance.companyTypes, id);\n\n instance.actions.changeFilters({\n companyTypes: filtersValues.companyTypes.filter(item => item !== id)\n });\n }\n\n if (type === configuration().filter.COMPANY) {\n uncheckDeletedFilter(instance.companies, id);\n\n instance.actions.changeFilters({\n companies: filtersValues.companies.filter(item => item !== id)\n });\n }\n\n if (type === configuration().filter.ZONE) {\n uncheckDeletedFilter(instance.zones, id);\n\n instance.actions.changeFilters({ zones: filtersValues.zones.filter(item => item !== id) });\n }\n\n if (type === configuration().filter.AKI) {\n uncheckDeletedFilter(instance.akis, id);\n\n instance.actions.changeFilters({ akis: filtersValues.akis.filter(item => item !== id) });\n }\n}\n\nfunction destroySelectedFilters(instance) {\n const panel = instance;\n\n /* Reference */\n delete panel.selectedFilters;\n\n /* Remove from DOM */\n const { selectedFilters } = instance.hooks;\n while (selectedFilters.firstChild) selectedFilters.removeChild(selectedFilters.firstChild);\n}\n\nfunction getSelectedFilters(instance, filter) {\n const selectedFilters = [];\n const { selectedValues, values, type } = filter;\n\n if (selectedValues) {\n selectedValues.forEach(selectedValue => {\n const item = values.find(value => value.id === selectedValue);\n\n if (item) {\n selectedFilters.push({\n id: item.id,\n name: getSelectedFilterName(instance, type, item.name),\n type\n });\n }\n });\n }\n\n return selectedFilters;\n}\n\nfunction getSelectedFilterName(instance, type, itemName) {\n if (type === configuration().filter.PORT) {\n const { literals } = instance.config;\n const { fromLabel } = literals;\n\n return `${fromLabel} ${sanitizeSingleQuote(itemName)}`;\n }\n\n return sanitizeSingleQuote(itemName);\n}\n\nfunction getSelectedPrice(context, filterValues) {\n if (!filterValues.min && !filterValues.max) return [];\n\n /* Price formatter */\n const { format } = PriceFormatter(context);\n const { currency } = context;\n\n return [\n {\n id: 0,\n name: `${format(filterValues.min, currency.toUpperCase())} - ${format(\n filterValues.max,\n currency.toUpperCase()\n )}`,\n type: configuration().filter.PRICE_RANGE\n }\n ];\n}\n\nfunction getSelectedDates(filterValues) {\n if (!filterValues.min && !filterValues.max) return [];\n\n const dateFormat = 'D MMM YYYY';\n const type = configuration().filter.DEPARTURE_RANGE;\n\n if (filterValues.min.getTime() === filterValues.max.getTime()) {\n return [\n {\n id: 0,\n name: moment(filterValues.min).format(dateFormat),\n type\n }\n ];\n }\n\n return [\n {\n id: 0,\n name: `${moment(filterValues.min).format(dateFormat)} - ${moment(filterValues.max).format(dateFormat)}`,\n type\n }\n ];\n}\n\n/* Desmarcamos ultimo filtro eliminado\nSi nos quedamos sin resultados los filtors no se actulizan y el check seguiria seleccionado */\nfunction uncheckDeletedFilter(panel, deletedId) {\n const { config, checkboxes } = panel;\n const idx = config.items.findIndex(item => item.value === deletedId);\n\n if (idx >= 0 && checkboxes.length > idx) checkboxes[idx].hooks.input.checked = false;\n}\n\n/* Exports */\nmodule.exports = {\n addSelectedFilters,\n destroySelectedFilters\n};\n","/* ==========================================================================\n PanelComparator > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n items: [],\n collapsed: false\n};\n\n/* Reducer */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.DESTROY:\n return state;\n case types.ADD_ITEM:\n return {\n ...state,\n items: [...state.items, action.payload]\n };\n case types.REMOVE_ITEM:\n return {\n ...state,\n items: state.items.filter((item, index) => index !== action.payload)\n };\n case types.COLLAPSE:\n return {\n ...state,\n collapsed: true\n };\n case types.EXPAND:\n return {\n ...state,\n collapsed: false\n };\n case types.COMPARE:\n return state;\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n CarouselRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n hidden: false\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 default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n PanelRadioButtonRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n hidden: false,\n radios: [],\n value: -1,\n viewMore: false\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.ADD_RADIO_BUTTONS:\n return {\n ...state,\n radios: [...state.radios, ...action.payload.map(radio => ({ label: radio.label }))],\n value: [...state.radios, ...action.payload].indexOf(\n [...state.radios, ...action.payload].filter(radio => !!radio.checked).slice(-1)[0]\n )\n };\n case types.REMOVE_RADIO_BUTTONS:\n return {\n ...state,\n radios: state.radios.filter((checkbox, index) => action.payload.indexOf(index) < 0),\n value: [...state.radios, ...action.payload].indexOf(\n [...state.radios, ...action.payload].filter(radio => !!radio.checked).slice(-1)[0]\n )\n };\n case types.TOGGLE_VALUE:\n return {\n ...state,\n value: action.payload\n };\n case types.TOGGLE_VIEW_MORE:\n return {\n ...state,\n viewMore: !state.viewMore\n };\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n CarouselRxjs\n ========================================================================== */\n\n/* Modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { randomId } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst prototype = require('./prototype');\nconst config = require('./config');\n\n/**\n * Client/browser JS\n * @param {string} selector String selector\n * @param {object} config Configuration object to create the carousel instance\n */\nmodule.exports = function CarouselClient(selector = '[data-component=\"CarouselRxjs\"]', configuration = {}) {\n if (elementExist(selector)) {\n /* Create the instance based on prototype */\n const instance = Object.create(prototype);\n\n /* Element reference */\n instance.element = document.querySelector(selector);\n\n /* Id reference */\n instance.id = randomId(randomId('carousel-rxjs'));\n\n /* Hooks */\n instance.hooks = {\n swiper: instance.element.querySelector('[data-swiper]')\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\n return result;\n })()\n };\n\n /* Init */\n instance.init();\n\n return instance;\n }\n};\n","/* ==========================================================================\n InputRxjs > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n active: false,\n disabled: false,\n hidden: false,\n error: false,\n valid: false,\n value: null,\n isLoading: false\n};\n\n/* Reducer */\n/* eslint-disable */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.TOGGLE_LOADING:\n return {\n ...state,\n isLoading: !state.isLoading\n };\n case types.RESET:\n return initialState;\n case types.DISABLE:\n return {\n ...state,\n disabled: true\n };\n case types.DISPLAY:\n return {\n ...state,\n hidden: false\n };\n case types.ENABLE:\n return {\n ...state,\n disabled: false\n };\n case types.HIDE:\n return {\n ...state,\n hidden: true\n };\n case types.SET_UI_STATE:\n return {\n ...state,\n active: action.payload.active || state.active,\n hidden: action.payload.hidden || state.hidden,\n disabled: action.payload.disabled || state.disabled\n };\n case types.RESET_STATUS:\n return {\n ...state,\n error: false,\n valid: false\n };\n case types.SET_ERROR:\n return {\n ...state,\n error: true,\n valid: false\n };\n case types.SET_VALID:\n return {\n ...state,\n error: false,\n valid: true\n };\n case types.TOGGLE_ACTIVE:\n return {\n ...state,\n active: !state.active\n };\n case types.SET_VALUE:\n case types.CHANGE_VALUE:\n return {\n ...state,\n value: action.payload\n };\n case types.DESTROY:\n default:\n return state;\n }\n}\n/* eslint-enable */\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n MainResultsCru > Helpers > Data\n ========================================================================== */\n\n/* Modules */\nconst { sanitizeSingleQuote } = require('@bluekiri/alexandria-contrib-components/helpers/sanitize');\nconst { sortByKey } = require('@bluekiri/alexandria-contrib-components/helpers/array');\n\nconst configuration = require('../client/js/config');\n\n/**\n * Map data keys\n * @param {array} Collection of filters data\n * @return {array} Collecton of filters with data mapped to use in components\n */\nfunction mapDataKeys(collection = []) {\n return collection.map(item => ({\n value: item.id,\n label: sanitizeSingleQuote(item.name),\n checked: !!item.checked,\n selected: !!item.checked\n }));\n}\n\n/**\n * Order by\n * @param {array} Collection of data to order\n * @param {string} Order to apply\n * @return {array} Collecton of data ordered\n */\nfunction orderBy(collection, order) {\n /* Data */\n const { RECOMMENDED, DEPARTURE_ASC, DURATION_ASC, PRICE_ASC } = configuration().order;\n\n /* Exit */\n if (!order) return collection;\n\n /* Recommended */\n if (order.toUpperCase() === RECOMMENDED) {\n return sortByKey(collection, 'priority').reverse();\n }\n\n /* Departure date */\n if (order.toUpperCase() === DEPARTURE_ASC) {\n return collection.sort((a, b) => {\n return new Date(a.departures[0]).getTime() < new Date(b.departures[0]).getTime() ? -1 : 1;\n });\n }\n\n /* Price */\n if (order.toUpperCase() === PRICE_ASC) {\n return sortByKey(collection, 'minPrice').reverse();\n }\n\n /* Duration */\n if (order.toUpperCase() === DURATION_ASC) {\n return sortByKey(collection, 'duration').reverse();\n }\n\n /* Default */\n return collection;\n}\n\n/* Exports */\nmodule.exports = {\n mapDataKeys,\n orderBy\n};\n","/* ==========================================================================\n SearcherCru > Client > Url\n ========================================================================== */\n\n/* Build zone param */\nfunction zoneParam(zone = null) {\n if (!zone || zone === -1) return '';\n return `codZona=${zone}`;\n}\n\n/* Build rivers param */\nfunction riverParam(river = null) {\n if (!river || river === -1) return '';\n return `codRio=${river}`;\n}\n\n/* Build isRiver param */\nfunction isRiverParam(isRiver = null) {\n if (!isRiver || isRiver === -1) return '';\n return `isRiver=${isRiver}`;\n}\n\n/* Build departure param */\nfunction departureParam(departure = null) {\n if (!departure || departure === -1) return '';\n return `codSalida=${departure}`;\n}\n\n/* Build company param */\nfunction companyParam(company = null) {\n if (!company || company === -1) return '';\n return `codNaviera=${company}`;\n}\n\n/* Build duration param */\nfunction durationParam(duration = null) {\n if (!duration || duration === -1) return '';\n return `codDuracion=${duration}`;\n}\n\n/* Build port param */\nfunction portParam(port = null) {\n if (!port || port === -1) return '';\n return `codPuerto=${port}`;\n}\n\n/* Build url */\nfunction buildUrl(data = {}) {\n const { url, zone, river, departure, company, duration, port, isRiver } = data;\n\n return `${url}?`.concat(\n [\n zoneParam(zone),\n riverParam(river),\n departureParam(departure),\n companyParam(company),\n durationParam(duration),\n portParam(port),\n isRiverParam(isRiver)\n ]\n .filter(item => item)\n .join('&')\n );\n}\n\n/* Exports */\nmodule.exports = {\n buildUrl\n};\n","/* ==========================================================================\n CardEndGameRiver > Client > Footer\n ========================================================================== */\n\n/* Modules */\nconst { initCompare, destroyCompare } = require('./compare');\nconst { initFavourite, destroyFavourite } = require('./favourite');\nconst { initShare, destroyShare } = require('./share');\nconst { initMoreBtn, destroyMoreBtn } = require('./more');\n\n/* Start footer */\nfunction startFooter(instance) {\n /* Data */\n const { share } = instance.config;\n\n if (share) {\n /* Favorite */\n initFavourite(instance);\n\n /* Share */\n initShare(instance);\n }\n\n /* Compare */\n initCompare(instance);\n\n /* There is more promotions */\n initMoreBtn(instance);\n}\n\n/* Destroy footer */\nfunction destroyFooter(instance) {\n /* Data */\n const { share } = instance.config;\n\n if (share) {\n /* Favorite */\n destroyFavourite(instance);\n\n /* Share */\n destroyShare(instance);\n }\n\n /* Compare */\n destroyCompare(instance);\n\n /* There is more promotions */\n destroyMoreBtn(instance);\n}\n\n/* Exports */\nmodule.exports = {\n startFooter,\n destroyFooter\n};\n","/* ==========================================================================\n CardEndGameRxjs > Client > Footer > Favourite\n ========================================================================== */\n\n/* Modules */\nconst Button = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\nconst configuration = require('../config');\n\n/* Init favourite */\nfunction initMoreBtn(instance) {\n const panel = instance;\n\n /* Selector */\n const { selector } = instance;\n\n /* Favorite btn */\n panel.moreBtn = Button(`${selector} [data-component=\"ButtonRxjs\"][data-type=\"${configuration().type.more}\"]`);\n\n /* Update subscriptions */\n if (panel.moreBtn && panel.moreBtn.events) {\n panel.subscriptions = {\n ...panel.subscriptions,\n more: panel.moreBtn.events.click$.subscribe(() => {\n instance.actions.scrollTo('AdvantagesPromotions');\n })\n };\n }\n}\n\n/* Destroy favourite */\nfunction destroyMoreBtn(instance) {\n const panel = instance;\n\n /* Clean */\n if (instance.moreBtn && instance.moreBtn.actions) {\n instance.moreBtn.actions.destroy();\n delete panel.moreBtn;\n }\n}\n\n/* Exports */\nmodule.exports = {\n initMoreBtn,\n destroyMoreBtn\n};\n","/* ==========================================================================\n RatingStars > 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 default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n MainResultsCru > Client > Comparator\n ========================================================================== */\n\n/* Modules */\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst ComparatorTemplate = require('@bluekiri/alexandria-contrib-components/components/panel-comparator/template');\nconst Comparator = require('@bluekiri/alexandria-contrib-components/components/panel-comparator/client/js');\nconst ComparatorActions = require('@bluekiri/alexandria-contrib-components/components/panel-comparator/client/js/store/actions'); /* eslint-disable-line */\n\nconst { buildUrl } = require('./url');\n\nconst configuration = require('../config');\n\n/* Extract min price */\nconst extractMinPrice = departures => {\n if (departures.length === 1) return departures[0].minPrice;\n\n const minPrices = departures.filter(item => item.minPrice).map(item => item.minPrice);\n\n return Math.min(...minPrices);\n};\n\n/* Create comparator */\nfunction createComparator(instance) {\n /* Data */\n const { context, literals } = instance.config;\n const { cruises, cruisesToCompare } = instance.store.select('results');\n\n /* Literals */\n const { fromPriceLabel, fromLabel, daysLabel, compareTitle, compareLabel, deleteLabel } = literals;\n\n const cruisesData = cruisesToCompare.map(item =>\n cruises\n .filter(cruise => cruise.id === item)\n .map(cruise => {\n const { isRiver = false } = cruise;\n\n if (isRiver) {\n return {\n title: cruise.name,\n image: {\n src: cruise.images[0].src,\n alternative: cruise.images[0].src\n },\n descriptions: [\n `${cruise.duration} ${daysLabel.toLowerCase()} ${fromLabel.toLowerCase()} ${cruise.port}`,\n cruise.ship.name\n ],\n price: extractMinPrice(cruise.departures)\n };\n }\n\n return {\n title: cruise.name,\n image: {\n src: cruise.ship.image,\n alternative: cruise.ship.image\n },\n descriptions: [\n `${cruise.duration} ${daysLabel.toLowerCase()} ${fromLabel.toLowerCase()} ${cruise.port}`,\n cruise.ship.name\n ],\n price: extractMinPrice(cruise.departures)\n };\n })\n .reduce(acc => acc)\n );\n\n /* Template */\n const template = ComparatorTemplate(\n addStyle(\n addData(\n {\n config: {\n literals: {\n compareTitle,\n compareLabel,\n fromLabel: fromPriceLabel,\n deleteLabel\n }\n },\n items: cruisesData\n },\n {\n type: configuration().type.comparator\n }\n ),\n [configuration().css.comparator]\n ),\n context\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add comparator */\nfunction addComparator(instance) {\n const panel = instance;\n\n /* Selector */\n const { selector } = instance;\n\n /* Node */\n const node = createComparator(instance);\n\n /* DOM */\n instance.hooks.header.appendChild(node);\n\n /* Init comparator */\n panel.comparator = Comparator(\n `${selector} [data-component='PanelComparator'][data-type='${configuration().type.comparator}']`\n );\n\n /* Update */\n panel.reactions = {\n ...panel.reactions,\n destroyComparator: instance.comparator.store.subscribe((state, action) => {\n if (action.type !== ComparatorActions.types.DESTROY) return;\n\n /* Destroy comparator */\n destroyComparator(instance);\n }),\n removeItemComparator: instance.comparator.store.subscribe((state, action) => {\n if (action.type !== ComparatorActions.types.REMOVE_ITEM) return;\n\n /**\n * Retrieve the id since we need it to pass to the main store\n */\n const { cruisesToCompare } = instance.store.select('results');\n\n /* Dispatch action */\n instance.actions.removeFromComparator(cruisesToCompare[action.payload]);\n }),\n compare: instance.comparator.store.subscribe((state, action) => {\n if (action.type !== ComparatorActions.types.COMPARE) return;\n\n /* Build url */\n const url = buildUrl(instance);\n\n /* Navigate */\n setTimeout(() => {\n const linkEl = document.createElement('a');\n linkEl.href = url;\n linkEl.target = '_blank';\n\n linkEl.click();\n }, 50);\n })\n };\n}\n\n/* Destroy comparator */\nfunction destroyComparator(instance) {\n const panel = instance;\n\n /* Reactions */\n instance.reactions.destroyComparator.unsubscribe();\n delete panel.reactions.destroyComparator;\n\n instance.reactions.removeItemComparator.unsubscribe();\n delete panel.reactions.removeItemComparator;\n\n instance.reactions.compare.unsubscribe();\n delete panel.reactions.compare;\n\n /* Reference */\n delete panel.comparator;\n}\n\n/* Exports */\nmodule.exports = {\n addComparator,\n destroyComparator,\n extractMinPrice\n};\n","/* ==========================================================================\n ShareRxjs > Client > Store > Actions\n ========================================================================== */\n\n/* Types */\nconst DESTROY = 'SHARE::DESTROY';\n\nconst ENABLE_EMAIL = 'SHARE::ENABLE_EMAIL';\n\nconst OPEN_MODAL = 'SHARE::OPEN_MODAL';\nconst CLOSE_MODAL = 'SHARE::CLOSE_MODAL';\n\nconst CLOSE_LEGAL = 'SHARE::CLOSE_LEGAL';\nconst OPEN_LEGAL = 'SHARE::OPEN_LEGAL';\n\n/* Actions */\nconst destroy = () => ({ type: DESTROY });\n\nconst enableEmail = () => ({ type: ENABLE_EMAIL });\n\nconst openModal = () => ({ type: OPEN_MODAL });\nconst closeModal = () => ({ type: CLOSE_MODAL });\n\nconst closeLegal = () => ({ type: CLOSE_LEGAL });\nconst openLegal = () => ({ type: OPEN_LEGAL });\n\n/* Exports */\nmodule.exports = {\n types: {\n DESTROY,\n ENABLE_EMAIL,\n OPEN_MODAL,\n CLOSE_MODAL,\n CLOSE_LEGAL,\n OPEN_LEGAL\n },\n actions: {\n destroy,\n enableEmail,\n openModal,\n closeModal,\n closeLegal,\n openLegal\n }\n};\n","/* ==========================================================================\n PanelSelectedFilters > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'PanelSelectedFilters',\n init: true,\n start: true\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n PanelSelectCollapse > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst { addStyle, prepareDataConfig } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst { sanitizeObject } = require('../../helpers/sanitize');\n\nconst SelectTemplate = require('../select-rxjs/template');\nconst SelectCfg = require('../select-rxjs/client/js/config');\nconst CollapseTemplate = require('../collapse-rxjs/template');\n\nconst configuration = require('./client/js/config');\n\n/* Render select */\nconst renderSelect = (data, literals, context) => {\n /* Data */\n const { items = [], label = false, multiple = false } = data;\n\n return SelectTemplate(\n addStyle(\n {\n multiple,\n items,\n label: multiple ? false : label,\n config: {\n literals\n }\n },\n [SelectCfg().css.withBorder]\n ),\n context\n );\n};\n\n/* Render collapse */\nconst renderCollapse = (data, literals, context) => {\n /* Data */\n const { title = '', collapsed = false } = data;\n\n return CollapseTemplate({\n title,\n content: html(`\n ${renderSelect(data, literals, context)}\n \n `),\n collapsed\n });\n};\n\n/**\n * PanelSelectCollapse component\n * @param {object} data Object containing the data model for this component.\n * @param {object} context The general context object.\n * @returns {object} Additional data to have available in the template\n */\nmodule.exports = function PanelSelectCollapse(data, context) {\n /* Data */\n const { config = {}, collapsed = false, label = false, multiple = false } = data;\n const { styles = [], literals = {} } = config;\n const { dataType } = prepareDataConfig(config.data);\n\n /* Template */\n return html(`\n\n ${duration} ${\n isNightsDuration ? nightsLabel : daysLabel\n }\n ${onLabel}\n ${\n ship.url\n ? ` \n ${ship.name}\n `\n : ` ${ship.name}`\n }\n \n ${fromLabel}\n ${port}\n
\n `);\n};\n\n/* Promo Render */\nconst renderPromo = (campaignPromotion, context = {}) => {\n /* Data */\n const { image, title, description } = campaignPromotion;\n\n return html(`\n${includedLabel}
\n${lastBooking}
\n `);\n};\n\n/* Render price info */\nconst renderPrinceInfo = (data, literals, context) => {\n /* Data */\n const { taxes = false, config = {} } = data;\n const { includedTaxes = false } = config;\n\n /* Literals */\n const { taxesLabel, taxesLabelIncluded } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n /* Normal cruise */\n if (!taxes) return '';\n\n if (includedTaxes)\n return html(` \n ${taxesLabelIncluded}\n `);\n\n return html(`\n \n ${format(taxes, context.currency.toUpperCase())} ${taxesLabel}\n \n `);\n};\n\n/* Extract min price */\nconst extractMinPrice = departures => {\n if (departures.length < 1) return false;\n\n const minPrices = departures.filter(item => item.minPrice).map(item => item.minPrice);\n\n if (minPrices.length < 1) return false;\n\n return Math.min(...minPrices);\n};\n\n/* Render discount */\nconst renderDiscount = (data, literals, context) => {\n /* Data */\n const { brochureDiscount = false } = data;\n\n /* Literals */\n const { fromPriceLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n if (brochureDiscount) {\n const { percentage = 0, price = 0 } = brochureDiscount;\n\n return html(`\n\n ${fromPriceLabel}\n \n ${format(price, context.currency.toUpperCase())}\n \n -${percentage}%\n
\n `);\n }\n\n return html(`${fromPriceLabel}`);\n};\n\n/* Price render */\nconst renderPrice = (data, literals, context) => {\n /* Data */\n const { departures = [], url, target = '_blank' } = data;\n\n /* Literals */\n const { checkPriceLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n const minPrice = extractMinPrice(departures);\n\n return html(`\n ${\n url\n ? ``\n : `\n \n \n ${icon('pdf')}\n \n \n ${infoDetailText}\n \n \n
\n `);\n};\n\n/* Similar itinerary */\nconst similarItineraryRender = (data, literals, context) => {\n /* Data */\n const { similarItinerary, target = '_blank' } = data;\n\n /* Literals */\n const { similarItineraryLabel, departureDateLabel, fromLabel, fromPriceLabel, totalLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n return html(`\n\n ${similarItineraryLabel}:\n ${html(\n similarItinerary\n .map(itinerary => {\n /* Data */\n const { departure, url, name, port, price } = itinerary;\n\n /* Date */\n const dateDDMM = moment(departure).format('DD[/]MM');\n const dateDDMMYYYY = moment(departure).format('DD[/]MM[/]YYYY');\n\n return html(`\n ${\n url\n ? ``\n : `
\n ${sameCruisesLabel} ${html(\n sameCruises\n .map(({ url, relationText, price, name, port }) =>\n html(`\n \n ${\n url\n ? `\n \n ${relationText} ${fromPriceLabel}\n \n ${format(price, context.currency.toUpperCase())}\n \n ${name}\n \n ${fromLabel} ${port}\n \n \n ${totalLabel}: \n ${fromPriceLabel} ${format(\n price,\n context.currency.toUpperCase()\n )}\n \n \n `\n : `
\n ${markdown(text)}\n
\n ${otherOrigins.length > 0 ? renderDescription(literals, context) : ''}\n${compareTitle}
\n ${renderClose(context)}\n\n ${promotionsLabel}: \n \n ${html(\n promos.map(({ isProminent = false, icon, name, description = '', conditions = '' }) => {\n const hasTooltip = !!(description || conditions);\n\n return html(`\n
${out}
`;\n })\n .join('')}\n${servicesTitleLabel}
\n${item.name}
` : ''}\n ${\n item.description\n ? `${\n item.description.length > 65\n ? `${item.description.slice(0, 65)}...`\n : item.description\n }
`\n : ''\n }\n\n ${value ? format(value, hasCurrency(currency) ? context.currency.toUpperCase() : '') : ' - '}\n
\n ${isOffer ? icon(offerIcon) : ''}\n\n ${markdown(text)}\n ${price ? renderPrice(data, context) : ''}\n
\n ${otherOrigins.length > 0 ? renderDescription(literals, context) : ''}\n\n ${markdown(cruDyn.description)}\n ${fromLabel}\n ${port}\n ${onLabel}\n ${\n ship.url\n ? `\n ${ship.name}`\n : `${ship.name}`\n }\n ${ship.stars ? RatingStars(addStyle({ stars: ship.stars }, ['rating']), context) : ''}\n
\n `);\n};\n\n/* Description */\nconst descriptionRender = (data, literals, context) => {\n /* Data */\n const { ship, duration, port, isNightsDuration = false, target = '_blank' } = data;\n\n /* Literals */\n const { daysLabel, nightsLabel, onLabel, fromLabel } = literals;\n\n return html(`\n\n ${duration} ${\n isNightsDuration ? nightsLabel : daysLabel\n }\n ${onLabel}\n ${\n ship.url\n ? `\n \n ${ship.name}\n `\n : `\n ${ship.name}\n `\n }\n ${ship.stars ? RatingStars(addStyle({ stars: ship.stars }, ['rating']), context) : ''}\n ${fromLabel}\n ${port}\n
\n `);\n};\n\n/* Other Ports */\nconst otherPortsRender = (data, literals, context) => {\n /* Data */\n const { otherPorts, target = '_blank' } = data;\n\n /* Literals */\n const { otherPortsLabel, fromLabel, fromPriceLabel, totalLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n return html(`\n${otherPortsLabel}:\n ${html(\n otherPorts\n .map(\n ({ url, port, name, price }) =>\n `\n ${\n url\n ? ``\n : `
\n ${similarItineraryLabel}:\n ${html(\n similarItinerary\n .map(itinerary => {\n /* Data */\n const { departure, url, name, port, price } = itinerary;\n\n /* Date */\n const dateDDMM = moment(departure).format('DD[/]MM');\n const dateDDMMYYYY = moment(departure).format('DD[/]MM[/]YYYY');\n\n return html(`\n ${\n url\n ? ``\n : `
\n ${sameCruisesLabel} ${html(\n sameCruises\n .map(({ url, relationText, price, name, port }) =>\n html(`\n ${\n url\n ? ``\n : `
${includedLabel}
\n${lastBooking}
\n `);\n};\n\n/* Render price info */\nconst renderPrinceInfo = (data, literals, context) => {\n /* Data */\n const { cruDyn = false, taxes = false, fee = false, config = {} } = data;\n const { includedTaxes = false } = config;\n\n /* Literals */\n const { taxesLabel, finalPriceFromLabel, taxesLabelIncluded } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n const feeBody = fee\n ? `\n ${fee.value ? fee.name.replace('#value#', format(fee.value, context.currency.toUpperCase())) : fee.name}\n `\n : '';\n\n /* Cruise dynamic */\n if (cruDyn) {\n const { origin } = cruDyn;\n\n return html(`\n \n ${finalPriceFromLabel} ${origin}\n \n ${feeBody}\n `);\n }\n\n if (includedTaxes)\n return html(` \n ${taxesLabelIncluded}\n \n ${feeBody}`);\n\n /* Normal cruise */\n if (!taxes) return '';\n\n return html(`\n \n +${format(taxes, context.currency.toUpperCase())} ${taxesLabel}\n \n ${feeBody}\n `);\n};\n\n/* Extract min price */\nconst extractMinPrice = departures => {\n if (departures.length < 1) return false;\n\n const minPrices = departures.filter(item => item.minPrice).map(item => item.minPrice);\n\n if (minPrices.length < 1) return false;\n\n return Math.min(...minPrices);\n};\n\n/* Render discount */\nconst renderDiscount = (data, literals, context) => {\n /* Data */\n const { brochureDiscount = false } = data;\n\n /* Literals */\n const { fromPriceLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n if (brochureDiscount) {\n const { percentage = 0, price = 0 } = brochureDiscount;\n\n return html(`\n\n ${fromPriceLabel}\n \n ${format(price, context.currency.toUpperCase())}\n \n -${percentage}%\n
\n `);\n }\n\n return html(`${fromPriceLabel}`);\n};\n\n/* Price render */\nconst priceRender = (data, literals, context) => {\n /* Data */\n const { departures = [], url, target = '_blank' } = data;\n\n /* Literals */\n const { checkPriceLabel } = literals;\n\n /* Helpers */\n const { format } = PriceFormatter(context);\n\n const minPrice = extractMinPrice(departures);\n\n return html(`\n ${\n url\n ? ``\n : `\n ${html(\n items.map(item => {\n return item.link\n ? ``\n : ``;\n })\n )}\n
\n `);\n};\n\n/* Create modal */\nfunction createModal(instance) {\n /* Data */\n const { email, css, context, literals } = instance.config;\n\n /* Template */\n const template = ModalTemplate(\n addStyle(\n addData(\n {\n title: email.title,\n body: emailFormRender(email, literals, context)\n },\n {\n type: config().type.emailModal\n }\n ),\n [css.modal]\n )\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add modal */\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 /* Selector */\n const selector = `[data-component='ModalRxjs'][data-type='${config().type.emailModal}']`;\n\n /* Init */\n panel.modal = Modal(selector);\n\n /* Input */\n panel.emailInput = Input(`${selector} [data-component='InputRxjs'][data-type='${config().type.emailInput}']`);\n\n /* Submit */\n panel.emailSubmit = Button(`${selector} [data-component='ButtonRxjs'][data-type='${config().type.emailSubmit}']`);\n\n /* Update */\n panel.subscriptions.modalOpen = fromEvent(panel.modal.element, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n /* Actions */\n panel.actions = {\n ...panel.actions,\n openLegal: () => {\n return instance.store.dispatch(actions.openLegal());\n },\n closeLegal: () => {\n return instance.store.dispatch(actions.closeLegal());\n }\n };\n\n /* Reactions */\n panel.reactions = {\n ...panel.reactions,\n closeLegal: instance.store.subscribe((state, action) => {\n if (action.type !== types.CLOSE_LEGAL) return;\n\n /* Destroy tooltip */\n destroyTooltip(instance);\n }),\n openLegal: instance.store.subscribe((state, action) => {\n if (action.type !== types.OPEN_LEGAL) return;\n\n /* Add tooltip */\n addTooltip(instance);\n })\n };\n\n /* Update subscriptions */\n panel.subscriptions = {\n ...panel.subscriptions,\n modalCloses: merge(instance.modal.events.click$, instance.modal.events.keyup$)\n .pipe(take(1))\n .subscribe(() => {\n /* Dispatch action */\n instance.actions.closeModal();\n }),\n emailSubmits: instance.emailSubmit.events.click$.subscribe(() => {\n /* Data */\n const { value } = instance.emailInput.store.select('input');\n\n if (isEmail(value)) {\n const { postEmail } = Services(instance.config);\n\n instance.emailSubmit.element.classList.add('is-loading');\n\n /* Send POST */\n postEmail(value).subscribe(data => {\n if (data.error) {\n addMessageError(instance);\n instance.emailSubmit.element.classList.remove('is-loading');\n\n /* Dispatch error action */\n instance.emailInput.actions.setError();\n return;\n }\n addMessageSuccess(instance);\n instance.emailSubmit.element.classList.remove('is-loading');\n\n /* Dispatch action to reset */\n instance.emailInput.actions.resetStatus();\n });\n } else {\n /* Dispatch error action */\n instance.emailInput.actions.setError();\n }\n }),\n openLegal: fromEvent(instance.modal.element.querySelector('[data-legal-tooltip]'), 'click')\n .pipe(filter(() => !instance.store.select('share').legal))\n .subscribe(event => {\n event.stopPropagation();\n\n /* Dispatch action */\n instance.actions.openLegal();\n })\n };\n });\n\n /* Display */\n setTimeout(() => instance.modal.actions.display(), 50);\n}\n\n/* Destroy modal */\nfunction destroyModal(instance) {\n const panel = instance;\n\n /* Subscription to destroy */\n panel.subscriptions.modalDestroy = fromEvent(instance.modal.element, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n instance.subscriptions.modalCloses.unsubscribe();\n instance.subscriptions.emailSubmits.unsubscribe();\n instance.subscriptions.openLegal.unsubscribe();\n\n instance.emailInput.actions.destroy();\n instance.emailSubmit.actions.destroy();\n instance.modal.actions.destroy();\n\n delete panel.emailInput;\n delete panel.emailSubmit;\n delete panel.modal;\n });\n\n /* Hide */\n instance.modal.actions.hide();\n}\n\n/* Add message success */\nfunction addMessageSuccess(instance) {\n const { MailSuccessLabel } = instance.config.literals;\n\n const node = toNode(``)[0];\n\n instance.modal.element.querySelector('[data-modal-wrapper] .modal-rxjs__body').appendChild(node);\n}\n/* Add message error */\nfunction addMessageError(instance) {\n const { MailErrorLabel } = instance.config.literals;\n\n const node = toNode(``)[0];\n\n instance.modal.element.querySelector('[data-modal-wrapper] .modal-rxjs__body').appendChild(node);\n}\n\n/* Exports */\nmodule.exports = {\n addModal,\n destroyModal\n};\n","/* ==========================================================================\n SelectRxjs > Client > Utils\n ========================================================================== */\n\n/* Modules */\nconst configuration = require('../config');\n\n/* Export */\nmodule.exports = function Utils(instance) {\n return {\n /**\n * Fix selected choice\n */\n fixSelectedChoice: () => {\n if (!instance.choices) return;\n\n const choiceListEl = instance.choices.choiceList.element;\n\n choiceListEl.querySelectorAll('[data-choice]').forEach(el => {\n el.classList.remove(configuration().css.selected);\n\n const { value } = instance.choices.getValue() || {};\n const sValue = `${value}`;\n const dValue = el.dataset.value;\n\n if (sValue === dValue) {\n el.classList.add(configuration().css.selected);\n }\n });\n }\n };\n};\n","/* ==========================================================================\n ButtonRxjs > 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 * ButtonRxjs component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function ButtonRxjs(selector = '[data-component=ButtonRxjs]', configuration = {}) {\n if (elementExist(selector)) {\n /* Instance */\n const instance = Object.create(prototype);\n\n /* Element */\n instance.element = document.querySelector(selector);\n\n /* Hooks */\n instance.hooks = {\n content: instance.element.querySelector('[data-button-content]'),\n icon: instance.element.querySelector('i')\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 if (instance.config.init) instance.init();\n\n /* Return */\n return instance;\n }\n};\n","/* ==========================================================================\n MainResultsCru > Client > Filters > Durations\n ========================================================================== */\n\n/* Modules */\nconst { addData } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst RadiosTemplate = require('@bluekiri/alexandria-contrib-components/components/panel-radio-button-rxjs/template');\nconst Radios = require('@bluekiri/alexandria-contrib-components/components/panel-radio-button-rxjs/client/js');\nconst RadiosActions = require('@bluekiri/alexandria-contrib-components/components/panel-radio-button-rxjs/client/js/store/actions'); //eslint-disable-line\n\nconst { addSeparator } = require('../../../../../helpers/currency');\nconst { mapDataKeys } = require('../../../helpers/data');\n\nconst configuration = require('../config');\n\n/* Create durations */\nfunction createDurations(instance) {\n /* Data */\n\n const results = instance.store.select('results');\n const { durations = null } = results.filters;\n const selectedDurations = results.filtersValues.durations;\n\n /* Exit */\n if (!durations || !durations.length) return '';\n\n const { literals, context, filters } = instance.config;\n const { language } = context;\n const { durationLabel, allDurationsLabel, viewLessLabel, viewMoreLabel } = literals;\n\n /**\n * Figure out durations with preselected filters\n */\n const countCruises = durations.reduce((total, duration) => total + duration.count, 0);\n const allDurationsLabelWithCounter = `\n ${allDurationsLabel} ${addSeparator(countCruises, language)}\n `;\n\n const durationsMapped = [\n { label: allDurationsLabelWithCounter, checked: true },\n ...mapDataKeys(\n durations.map(duration => ({\n ...duration,\n name: `${duration.name} ${addSeparator(\n duration.count,\n language\n )}`,\n checked: isChecked(filters, selectedDurations, duration.id)\n }))\n )\n ];\n\n return RadiosTemplate(\n addData(\n {\n title: durationLabel,\n items: durationsMapped,\n name: configuration().type.durations,\n config: {\n literals: {\n viewLessLabel,\n viewMoreLabel\n }\n }\n },\n {\n type: configuration().type.durations\n }\n )\n );\n}\n\nfunction isChecked(filters, selectedDurations, id) {\n if (selectedDurations && selectedDurations.length) return selectedDurations.includes(id);\n\n if (filters && filters.durations) return filters.durations.includes(id);\n\n return false;\n}\n\n/* Init durations */\nfunction initDurations(instance) {\n /* Data */\n const { durations = null } = instance.store.select('results').filters;\n\n /* Exit */\n if (!durations || !durations.length) return;\n\n const panel = instance;\n\n /* Data */\n const { selector } = instance;\n\n /* Reference */\n panel.durations = Radios(\n `${selector} [data-component='PanelRadioButtonRxjs'][data-type='${configuration().type.durations}']`\n );\n\n /* Update reactions */\n panel.reactions.durations = instance.durations.store.subscribe((state, action) => {\n if (action.type !== RadiosActions.types.TOGGLE_VALUE) return;\n\n /* Data */\n const { filters } = instance.store.select('results');\n const { value } = state.panel;\n\n const mappedValue = value === 0 ? 0 : filters.durations[value - 1].id;\n\n /* Dispatch action */\n instance.actions.changeFilters({ durations: [mappedValue] });\n });\n}\n\n/* Update durations */\nfunction updateDurations(cruisesFiltered, durations) {\n if (!durations) return [];\n\n const durationCodes = [];\n\n cruisesFiltered.forEach(cruise => {\n if (!durationCodes.includes(cruise.durationRange)) {\n durationCodes.push(cruise.durationRange);\n }\n });\n\n const filteredDurations = durations.filter(duration => durationCodes.includes(duration.id));\n\n return filteredDurations.map(duration => ({\n ...duration,\n count: cruisesFiltered.filter(cruise => cruise.durationRange === duration.id).length\n }));\n}\n\n/* Destroy durations */\nfunction destroyDurations(instance) {\n const panel = instance;\n\n /* Data */\n const { durations = null } = instance.store.select('results').filters;\n\n /* Exit */\n if (!durations || !durations.length) return;\n\n /* Destroy */\n instance.durations.actions.destroy();\n\n /* Reactions */\n instance.reactions.durations.unsubscribe();\n delete panel.reactions.durations;\n\n /* Reference */\n delete panel.durations;\n}\n\n/* Filter durations */\nfunction filterDurations(collection, instance) {\n /* Data */\n const { durations = [] } = instance.store.select('results').filtersValues;\n\n /* Exit */\n if (durations.length < 1) return collection;\n\n /* All durations */\n if (durations.includes(0)) return collection;\n\n return collection.filter(item => durations.includes(item.durationRange));\n}\n\n/* Exports */\nmodule.exports = {\n createDurations,\n initDurations,\n updateDurations,\n destroyDurations,\n filterDurations\n};\n","/* ==========================================================================\n DeparturesPricesRxjs > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { fromEvent } = require('rxjs');\nconst { filter, map, tap } = require('rxjs/operators');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst { initCarousel, destroyCarousel } = require('./carousel');\nconst { addTooltip, destroyTooltip, addTooltipText } = require('./tooltip');\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n departures: reducer\n });\n\n return this;\n },\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => {\n return this.store.dispatch(actions.destroy());\n },\n display: () => {\n return this.store.dispatch(actions.display());\n },\n hide: () => {\n return this.store.dispatch(actions.hide());\n },\n changeTooltipDate: date => {\n return this.store.dispatch(actions.changeTooltipDate(date));\n },\n closeTooltip: () => {\n return this.store.dispatch(actions.closeTooltip());\n },\n openTooltip: () => {\n return this.store.dispatch(actions.openTooltip());\n }\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 /* Destroy carousel */\n destroyCarousel(this);\n\n /* Unsubscribe */\n [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n\n /* Fixed year */\n if (this.fixedYearUnobserve) {\n this.fixedYearUnobserve();\n }\n\n /* Remove DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean */\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 closeTooltip: this.store.subscribe((state, action) => {\n if (action.type !== types.CLOSE_TOOLTIP) return;\n\n /* Destroy tooltip */\n destroyTooltip(this);\n }),\n openTooltip: this.store.subscribe((state, action) => {\n if (action.type !== types.OPEN_TOOLTIP) return;\n\n /* Addd tooltip */\n addTooltip(this);\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(this.element, 'click').pipe(\n filter(event => {\n return event.target.closest('[data-departure-price]');\n }),\n filter(event => !event.target.closest('[data-departure-price][data-not-available]')),\n map(event => {\n /**\n * Get the needed indexes first to navigate at the double\n * collection, we need the departure index, and the price\n * one to retrieve all the information\n */\n const departureEl = event.target.closest('[data-departure]');\n const priceEl = event.target.closest('[data-departure-price]');\n const indexDeparture = [...this.element.querySelectorAll('[data-departure]')].indexOf(departureEl);\n const indexPrice = [...departureEl.querySelectorAll('[data-departure-price]')].indexOf(priceEl);\n\n /**\n * Transform the event to the data from the store\n * related to the clicked price to be consumed\n */\n const { departures, categoryGroups } = this.config;\n\n return {\n id: departures[indexDeparture].id,\n ...(function getPrices() {\n const { prices = [] } = departures[indexDeparture];\n\n if (prices.length > 0) {\n return {\n ...prices[indexPrice],\n category: categoryGroups[indexPrice].id\n };\n }\n\n return {\n value: departures[indexDeparture].minPrice\n ? departures[indexDeparture].minPrice\n : false,\n category: false\n };\n })()\n };\n })\n )\n };\n\n return this;\n },\n /* Subscribe */\n subscribe() {\n if (this.subscriptions) this.unsubscribe();\n\n this.subscriptions = {\n openTooltip: fromEvent(this.element.querySelectorAll('[data-departure-day]'), 'mouseenter')\n .pipe(\n filter(() => !this.store.select('departures').tooltip),\n tap(event => {\n event.stopPropagation();\n\n /**\n * Retrieve the tooltip based on indexed by position\n */\n const el = event.target.closest('[data-departure]');\n const index = [...this.element.querySelectorAll('[data-departure]')].indexOf(el);\n\n /* Dispatch action */\n this.actions.changeTooltipDate(index);\n })\n )\n .subscribe(() => {\n /* Dispatch action */\n this.actions.openTooltip();\n })\n };\n\n /* Tooltip not available */\n if (this.hooks.notAvailableEls.length > 0) {\n this.subscriptions.tooltipNotAvailable = fromEvent(this.hooks.notAvailableEls, 'mouseenter').subscribe(\n event => {\n event.stopPropagation();\n\n /* Element */\n const el = event.target.closest('[data-not-available]');\n\n /* Literals */\n const { notAvailableLabel } = this.config.literals;\n\n /* Add tooltip text */\n addTooltipText(el, notAvailableLabel);\n }\n );\n }\n\n /* Tooltip offer */\n if (this.hooks.offerEls.length > 0) {\n this.subscriptions.tooltipOffer = fromEvent(this.hooks.offerEls, 'mouseenter').subscribe(event => {\n event.stopPropagation();\n\n /* Element */\n const el = event.target.closest('[data-is-offer]');\n const pointers = el.dataset.isOffer.split('-');\n const depPointer = pointers[0];\n const pricePointer = pointers[1];\n\n const currentPriceObj = this.config.departures[depPointer].prices[pricePointer];\n\n /* Literals */\n const { offerDescription } = this.config.literals;\n const text = currentPriceObj.offerDescription || offerDescription;\n\n /* Add tooltip text */\n addTooltipText(el, text);\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 /* 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 /* Subscribe */\n this.subscribe();\n\n /* Init carousel */\n initCarousel(this);\n\n return this;\n }\n};\n\n/* Export */\nmodule.exports = prototype;\n","/* ==========================================================================\n CardEndGameRiver > Client > Body\n ========================================================================== */\n\n/* Modules */\nconst Departures = require('../../../../departures-prices-rxjs/client/js');\n\n/* Build category param */\nconst buildCategoryParam = category => {\n return category ? `&fcategoria=${category}` : '';\n};\n\n/* Build date param */\nconst buildDateParam = date => {\n return `cruiseDate=${date}`;\n};\n\n/* Build url */\nconst buildUrl = (base, params) => {\n /* Data */\n const { cruise, category, date } = params;\n\n return base.concat(cruise, '?', buildDateParam(date), buildCategoryParam(category));\n};\n\n/* Start body */\nfunction startBody(instance) {\n const panel = instance;\n\n /* Data */\n const { type, endpoints } = instance.config;\n const { departures } = instance.store.select('card');\n\n /* Departures */\n if (departures) {\n panel.departures = Departures(\n `${instance.selector} [data-component=\"DeparturesPricesRxjs\"][data-type=\"${type.departures}\"]`,\n {\n ...instance.config.departuresCfg\n }\n );\n\n panel.subscriptions.departures = instance.departures.events.click$.subscribe(data => {\n /* Data */\n const { id } = instance.store.select('card');\n const { target } = instance.config;\n const { cruiseIndex } = endpoints;\n\n /* Url */\n const url = buildUrl(cruiseIndex, {\n cruise: id,\n category: data.category,\n date: data.id\n });\n\n /* Navigate */\n const link = document.createElement('a');\n link.setAttribute('href', url);\n link.setAttribute('target', target);\n\n /* Click link to navigate */\n link.click();\n });\n }\n}\n\n/* Destroy body */\nfunction destroyBody(instance) {\n const panel = instance;\n\n /* Data */\n const { departures } = instance.store.select('card');\n\n /* Departures */\n if (departures) {\n instance.departures.actions.destroy();\n delete panel.departures;\n\n instance.subscriptions.departures.unsubscribe();\n }\n}\n\n/* Exports */\nmodule.exports = {\n startBody,\n destroyBody\n};\n","/* ==========================================================================\n MainResults > Client > Header\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\n\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\n\nconst { fromEvent, merge } = require('rxjs');\nconst { filter, tap, take } = require('rxjs/operators');\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 { addSearcher, destroySearcher } = require('./searcher');\n\nconst { actions, types } = require('../store/actions');\n\nconst { addSeparator } = require('../../../../../helpers/currency');\n\nconst configuration = require('../config');\n\n/* Render filter */\nconst renderFilterBtn = literals => {\n /* Litearals */\n const { filterLabel } = literals;\n\n return ButtonTemplate(\n addStyle(\n addData(\n {\n icon: configuration().icon.equalizer,\n content: filterLabel\n },\n {\n type: configuration().type.filterBtn\n }\n ),\n [configuration().css.button, configuration().css.inverse]\n )\n );\n};\n\n/* Render new search */\nconst renderNewSearch = literals => {\n /* Literals */\n const { newSearchLabel } = literals;\n\n return ButtonTemplate(\n addStyle(\n addData(\n {\n icon: configuration().icon.magnifier,\n content: newSearchLabel\n },\n {\n type: configuration().type.newSearch\n }\n ),\n [configuration().css.button, configuration().css.buttonTextHidden]\n )\n );\n};\n\n/* Render parameter list */\nconst renderParameterList = data => {\n /* Data */\n const { zone, departure, company, duration, port, niche, country, destinationPort, river } = data;\n\n return html(\n `\n ${html(\n [zone, departure, company, duration, port, niche, country, destinationPort, river]\n .filter(item => item)\n .map(({ name }) => name)\n .join(', ')\n )}\n `\n );\n};\n\n/* Create header */\nfunction createHeader(instance) {\n /* Data */\n const { literals = {}, context, urlHome } = instance.config;\n\n /* Literals */\n const { goToHomeLabel } = literals;\n\n /* View helpers */\n const { icon } = ViewHelpers(context);\n\n /* Template */\n const template = html(`\n\n ${buildResultsText(instance)}\n
\n${title}
\n ${html(descriptions.map(description => `${description}
`))}\n${title}
${otherOriginsTitle}
\n${otherOriginsSubtitle}
\n\n ${ViewHelpers(context).icon(configuration().icon.starFilled)}\n ${topSaleLabel.toUpperCase()}\n
\n `);\n};\n\n/* Render ship */\nconst renderShip = (data, literals, context) => {\n /* Data */\n const { ship, company, target = '_blank', topSale = false } = data;\n\n /* Rating */\n const { rating = false } = ship;\n\n /* Literals */\n const { shipLabel } = literals;\n\n const linkModel = ship.url\n ? {\n link: {\n href: ship.url,\n target,\n title: `${shipLabel} ${ship.name} - ${company.name}`\n }\n }\n : '';\n return html(`\n