\n `);\n};\n","/* ==========================================================================\n MImageRxjs > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\nconst { prepareDataConfig } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst configuration = require('./client/js/config');\n\nconst getSrc = (data, context) => {\n const { imageResizer, asset } = ViewHelpers(context);\n const { src, resize } = data;\n\n /* Prepare image resize */\n const resizeConfig = {\n ...configuration().resize,\n ...resize\n };\n\n return resize ? imageResizer(src, resizeConfig) : asset(src);\n};\n\nconst getComponentAttr = (data, context) => {\n const { config = {}, resize, alternative = configuration().alternative } = data;\n const { styles = [] } = config;\n const { dataType } = prepareDataConfig(config.data);\n\n const dataConfigAttr = {\n ...config,\n alternative: getSrc({ resize, src: alternative }, context)\n };\n\n return {\n styles: `class='${['m-image-rxjs', ...styles].join(' ').trim('')}'`,\n dataComponent: `data-component='${configuration().component}'`,\n dataType: dataType ? `data-type='${dataType}'` : '',\n dataConfig: `data-config='${JSON.stringify(dataConfigAttr)}'`\n };\n};\n\nconst getLinkAttr = data => {\n if (!data) return '';\n\n const { href, title, target = '_self' } = data;\n\n return {\n href: href ? `href=\"${href}\"` : ``,\n title: title ? `title=\"${title}\"` : ``,\n target: target ? `target=\"${target}\"` : ``\n };\n};\n\nconst getImgAttr = (data, context) => {\n const { config = {}, src, alternative = configuration().alternative, alt, width, height, resize } = data;\n const { isLazy = configuration().isLazy } = config;\n const { width: widthResize, height: heightResize } = resize || {};\n\n /* Prepare image src */\n const srcImg = getSrc({ resize, src }, context);\n const alternativeImg = getSrc({ resize, src: alternative }, context);\n const lazyImg = getSrc({ resize, src: configuration().lazySrc }, context);\n\n /* Prepare width/height attributes */\n const widthAttr = widthResize || width || false;\n const heightAttr = heightResize || height || false;\n\n return {\n src: isLazy ? `src=\"${lazyImg}\"` : `src=\"${srcImg}\"`,\n dataSrc: isLazy ? `data-src='${srcImg}'` : '',\n alt: alt ? `alt=\"${alt}\"` : '',\n datAlternative: `data-alternative='${alternativeImg}'`,\n width: widthAttr ? `width=\"${widthAttr}\"` : '',\n height: heightAttr ? `height=\"${heightAttr}\"` : ''\n };\n};\n\nconst renderImg = (data, context) => {\n const { config = {}, link } = data;\n const { isFigure = configuration().isFigure } = config;\n\n const componentAttr = !isFigure\n ? Object.values(getComponentAttr(data, context))\n .map(attr => attr)\n .join('')\n : html('');\n\n const imgAttr = Object.values(getImgAttr(data, context))\n .map(attr => attr)\n .join('');\n\n const linkAttr = Object.values(getLinkAttr(link))\n .map(attr => attr)\n .join('');\n\n const imgTemplate = html(\n ``\n );\n\n if (!link) return imgTemplate;\n\n return `${imgTemplate} `;\n};\n\n/**\n * MImageRxjs template\n * @param {object} data Object containing the data model for this component.\n * @returns {string} Html\n */\nmodule.exports = function Template(data = {}, context = {}) {\n if (!data.src) return html('');\n\n /* Data */\n const { config = {}, figcaption } = data;\n const { isFigure = configuration().isFigure } = config;\n\n const renderFigcaption = figcaption ? `${figcaption} ` : '';\n\n const componentAttr = Object.values(getComponentAttr(data, context))\n .map(attr => attr)\n .join('');\n\n /* -Template */\n if (isFigure)\n return html(`\n \n ${renderImg(data, context)}\n ${renderFigcaption}\n \n `);\n\n return renderImg(data, context);\n};\n","/* ==========================================================================\n MTabsRxjs > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\n\nconst { addData, addStyle, prepareDataConfig } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst MScrollHorizontalTemplate = require('../m-scroll-horizontal-rxjs/template');\nconst MImage = require('../m-image-rxjs/template');\n\nconst configuration = require('./client/js/config');\n\n/* Render text */\nconst renderText = (link, title) => {\n if (!link) {\n return html(`${title} `);\n }\n\n return html(`\n \n ${title} \n \n `);\n};\n\n/* Render icon */\nconst renderIcon = (icon, context) => {\n if (!icon) {\n return html('');\n }\n\n return html(`${ViewHelpers(context).icon(icon)} `);\n};\n\n/* Render image */\nconst renderImage = (image, index, context) => {\n if (!image) {\n return html('');\n }\n\n return MImage(\n addData(\n {\n src: image\n },\n {\n type: `${configuration().type.image}-${index}`\n }\n ),\n context\n );\n};\n\n/* Render tab */\nconst renderTab = data => {\n const { item, index, context, dataTypeAttr } = data;\n\n /* Data */\n const { icon = false, title = '', link = false, disabled = false, image = false } = item;\n\n return html(`\n \n ${renderIcon(icon, context)}\n ${renderImage(image, index, context)}\n ${renderText(link, title)}\n
\n `);\n};\n\n/* Render navigation */\nconst renderNavigation = (data, context) => {\n /* Data */\n const { items = [], config = {} } = data;\n\n const { dataType } = prepareDataConfig(config.data);\n const dataTypeAttr = dataType ? `data-type='${dataType}'` : '';\n\n return html(`\n \n ${MScrollHorizontalTemplate(\n addStyle(\n addData(\n {\n items: items.map((item, index) => renderTab({ item, index, context, dataTypeAttr }))\n },\n { type: configuration().type.navigation }\n ),\n [configuration().css.navigation]\n ),\n context\n )}\n
\n `);\n};\n\n/* Render content */\nconst renderContent = data => {\n /* Data */\n const { items = [], config = {} } = data;\n const { dataType } = prepareDataConfig(config.data);\n const dataTypeAttr = dataType ? `data-type='${dataType}'` : '';\n\n return html(`\n \n ${html(\n items.map((item, index) => {\n const { content = '' } = item;\n\n return html(`\n
\n ${content}\n
\n `);\n })\n )}\n
\n ${renderNavigation(data, context)}\n ${renderContent(data)}\n
\n `);\n};\n","/* ==========================================================================\n MSearcherTou > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst { prepareDataConfig, addStyle, addData, randomId } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst { sanitizeObject } = require('@bluekiri/alexandria-contrib-components-mobile/helpers/sanitize');\n\nconst MInputTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-input-rxjs/template');\nconst ButtonTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-button-rxjs/template');\n// eslint-disable-next-line max-len\nconst MSelectFloatingTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-select-floating-rxjs/template');\nconst MAutocompleteTemplate = require('../m-autocomplete-z/template');\n\nconst configuration = require('./client/js/config');\n\n/* Render input */\nconst renderInput = (data, context) => {\n const { label = '', value = '', type = false, css = '' } = data;\n\n return MInputTemplate(\n addStyle(\n addData(\n {\n label,\n value,\n type: 'button'\n },\n { type }\n ),\n [configuration().css.item, css]\n ),\n context\n );\n};\n\n/* Render Submit */\nconst renderSubmit = (content, context) => {\n /* Button data */\n const buttonData = addStyle(\n addData(\n {\n content\n },\n { type: configuration().type.submit }\n ),\n [configuration().css.item, configuration().css.submit]\n );\n\n return ButtonTemplate(buttonData, context);\n};\n\nconst renderSelectFloating = (data, context) => {\n if (!data.input) return html('');\n\n const { label = ' ', type = false, css = '' } = data;\n const items = data.input.map(item => ({ ...item, selected: item.checked }));\n\n return MSelectFloatingTemplate(\n addStyle(\n addData(\n {\n label,\n name: randomId(randomId('m-searcher-tou-select-floating')),\n hasTitle: true,\n items\n },\n { type }\n ),\n [configuration().css.item, css]\n ),\n context\n );\n};\n\nconst renderAutocomplete = (data, context) => {\n const { config = {}, destination } = data;\n const { literals = {}, endpoint, threshold = configuration().threshold } = config;\n const {\n destinationLabel = '',\n destinationModalTitle = ' ',\n placeHolderDestination = '',\n noResults = ''\n } = literals;\n\n const autocompleteData = addStyle(\n addData(\n {\n config: {\n literals: {\n modalTitle: destinationModalTitle,\n placeHolderAutocomplete: placeHolderDestination,\n noResults\n },\n endpoint,\n threshold\n },\n label: destinationLabel,\n icon: false,\n value: destination\n },\n { type: configuration().type.destination }\n ),\n [configuration().css.item, configuration().css.destination]\n );\n\n return MAutocompleteTemplate(autocompleteData, context);\n};\n\nconst getDataInputs = data => {\n const {\n originLabel = '',\n destinationLabel = '',\n durationLabel = '',\n calendarLabel = '',\n accomodationLabel = ''\n } = data;\n\n return {\n destination: {\n label: destinationLabel,\n type: configuration().type.destinationInput,\n css: configuration().css.destination\n },\n origin: { label: originLabel, type: configuration().type.originInput, css: configuration().css.origin },\n duration: {\n label: durationLabel,\n type: configuration().type.durationInput,\n css: configuration().css.duration\n },\n calendar: {\n label: calendarLabel,\n type: configuration().type.calendarInput,\n css: configuration().css.calendar\n },\n accomodation: {\n label: accomodationLabel,\n type: configuration().type.accommodationInput,\n css: configuration().css.accommodation\n }\n };\n};\n\n/**\n * MSearcherTou template\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 Template(data, context) {\n /* Data */\n const {\n config = {},\n destination,\n origin,\n duration,\n durationDefault = configuration().durationDefault,\n calendar,\n flexibility,\n accomodation\n } = data;\n const { styles = [], literals = {} } = config;\n const { dataType } = prepareDataConfig(config.data);\n\n const { search = '', flexibilityLabel = ' ' } = literals;\n\n const { endpoints, urlSubmit } = config;\n\n const flexibilityData = {\n input: flexibility,\n label: flexibilityLabel,\n css: configuration().css.flexibility,\n type: configuration().type.flexibility\n };\n\n /* Config Params */\n const configParams = sanitizeObject({\n literals,\n destination,\n origin,\n duration,\n durationDefault,\n date: calendar,\n flexibility,\n endpoints,\n urlSubmit,\n accomodation\n });\n\n /* Data to render Inputs */\n const inputsData = getDataInputs(literals);\n\n /* Template */\n return html(/* html */ `\n \n\n \n ${renderAutocomplete(data, context)}\n ${renderInput(inputsData.origin, context)}\n
\n \n ${renderInput(inputsData.duration, context)}\n
\n \n ${renderInput(inputsData.calendar, context)}\n ${renderSelectFloating(flexibilityData, context)}\n
\n \n ${renderInput(inputsData.accomodation, context)}\n
\n \n ${renderSubmit(search, context)}\n
\n \n `);\n};\n","/* ==========================================================================\n MSearcherMultiPakRxjs > Client > Searchers\n ========================================================================== */\n\n/* Modules */\nconst { forkJoin } = require('rxjs');\nconst { TYPES } = require('../../../constants');\n\n/**\n * Searcher multi pak\n */\nconst getPak = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-multi-pak-template\" */\n '../../../../m-searcher-multi-pak-rxjs/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-multi-pak-rxjs\" */\n '../../../../m-searcher-multi-pak-rxjs/client/js'\n )\n ]);\n\n/**\n * Searcher flight Hotel\n */\nconst getFlightHotel = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-flight-hotel-rxjs-template\" */\n '../../../../m-searcher-flight-hotel-rxjs/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-flight-hotel-rxjs\" */\n '../../../../m-searcher-flight-hotel-rxjs/client/js'\n )\n ]);\n\n/**\n * Searcher Ferry Hotel\n */\nconst getFerryHotel = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-ferry-hotel-rxjs-template\" */\n '../../../../m-searcher-ferry-hotel-rxjs/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-ferry-hotel-rxjs\" */\n '../../../../m-searcher-ferry-hotel-rxjs/client/js'\n )\n ]);\n\n/**\n * Searcher Train Hotel\n */\nconst getTrainHotel = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-train-hotel-rxjs-template\" */\n '../../../../m-searcher-train-hotel-rxjs/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-train-hotel-rxjs\" */\n '../../../../m-searcher-train-hotel-rxjs/client/js'\n )\n ]);\n\n/**\n * Searcher Tourenia\n */\nconst getTourenia = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-tou-template\" */\n '../../../../m-searcher-tou/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-tou\" */\n '../../../../m-searcher-tou/client/js'\n )\n ]);\n\n/**\n * Searcher Leisure\n */\nconst getLeisure = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-lei-rxjs-template\" */\n '../../../../m-searcher-lei-rxjs/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-lei-rxjs\" */\n '../../../../m-searcher-lei-rxjs/client/js'\n )\n ]);\n\n/**\n * Searcher Cir\n */\nconst getCir = () =>\n forkJoin([\n import(\n /* webpackChunkName: \"m-searcher-cir-template\" */\n '../../../../m-searcher-cir/template'\n ),\n import(\n /* webpackChunkName: \"m-searcher-cir\" */\n '../../../../m-searcher-cir/client/js'\n )\n ]);\n\nmodule.exports = {\n [TYPES.PAK]: getPak,\n [TYPES.FLI_HOT]: getFlightHotel,\n [TYPES.FER_HOT]: getFerryHotel,\n [TYPES.TRA_HOT]: getTrainHotel,\n [TYPES.TOU]: getTourenia,\n [TYPES.LEI]: getLeisure,\n [TYPES.CIR]: getCir\n};\n","/* ==========================================================================\n SearcherMel > Client > Searcher-dsk > modules\n ========================================================================== */\n\nconst loader = () =>\n import(\n /* webpackChunkName: \"searcher-dsk\" */\n './index'\n );\n\nmodule.exports = {\n initSearcherDsk: async instance => {\n const {\n default: { initSearcher: init }\n } = await loader();\n\n init(instance);\n },\n addSearcherDsk: async instance => {\n const {\n default: { addSearcher }\n } = await loader();\n\n addSearcher(instance);\n }\n};\n","/* ==========================================================================\n MCarouselHeaderMel > Client > Searcher-mob > searcher\n ========================================================================== */\n\n/* Modules */\nconst { addData } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst SearcherTemplate = require('@logitravel/alex-aubergine-mobile/components/m-searcher-tabs/template');\nconst SearcherClient = require('@logitravel/alex-aubergine-mobile/components/m-searcher-tabs/client/js');\n\nconst configuration = require('../../config');\nconst { ADD_ICONS_SEARCHERS } = require('../../../../constanst');\nconst { getDataSingleSearcher } = require('../../helpers');\n\nconst { type: dataType } = configuration();\n\nfunction getDataSearcher(instance) {\n const { config = {} } = instance;\n const { items } = config;\n\n /* Remove items width redirect flag */\n const tabItems = items.filter(item => !item.redirect);\n return addData(\n {\n config: { ...config, withoutIcons: true, addIconsSearchers: ADD_ICONS_SEARCHERS },\n items: !tabItems.length ? getDataSingleSearcher(instance) : tabItems\n },\n { type: dataType.searcherMob }\n );\n}\n\nfunction renderSearcher(instance) {\n const { config = {} } = instance;\n const { context = {} } = config;\n\n const dataSearcher = getDataSearcher(instance);\n\n return SearcherTemplate(dataSearcher, context);\n}\n\nfunction initSearcher(instance) {\n const inst = instance;\n const selector = `[data-component=\"MModalRxjs\"][data-type=\"${\n configuration().type.modal\n }\"] [data-component=\"MSearcherTabs\"][data-type=\"${configuration().type.searcherMob}\"]`;\n\n inst.searcherMob = SearcherClient(selector);\n\n if (!inst.searcherMob) return;\n\n /* Data Store */\n const { idTabs } = inst.searcherMob.store.select('data');\n const { tab } = inst.store.select('data');\n\n if (tab !== idTabs)\n setTimeout(() => {\n inst.searcherMob.actions.changeTab(tab);\n }, 50);\n}\n\nfunction destroySearcher(instance) {\n if (!instance.searcherMob) return;\n\n const inst = instance;\n\n /* Destroy */\n instance.searcherMob.actions.destroy();\n\n /* Remove references */\n delete inst.searcherMob;\n}\n\nmodule.exports = {\n renderSearcher,\n initSearcher,\n destroySearcher\n};\n","// ==========================================================================\n// SearcherMel > Client > form\n// ==========================================================================\n/* Modules */\nfunction getDataSingleSearcher(instance) {\n const { config = {} } = instance;\n const { origin, dates, classes, accommodation, destination, configSearcher } = config;\n return [\n {\n id: 'FLI_HOT',\n searcher: { config: configSearcher, classes, origin, dates, accommodation, destination }\n }\n ];\n}\n\nmodule.exports = { getDataSingleSearcher };\n","/* ==========================================================================\n MAutocompleteZ > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst { sanitizeObject } = require('@bluekiri/alexandria-contrib-components-mobile/helpers/sanitize');\nconst { prepareDataConfig, addData } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst InputTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-input-rxjs/template');\n\nconst configuration = require('./client/js/config');\n\nconst renderInput = (data, context) => {\n const { label, icon = configuration().icons.input, hasBorder = configuration().hasBorder } = data;\n const inputData = addData(\n {\n label,\n icon,\n hasBorder,\n type: 'button'\n },\n { type: configuration().type.input }\n );\n\n return InputTemplate(inputData, context);\n};\n\n/**\n * MAutocompleteZ template\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 Template(data, context) {\n /* Data */\n const { config = {}, value } = data;\n const { styles = [], literals = {} } = config;\n const style = configuration().css.self;\n const { dataType } = prepareDataConfig(config.data);\n\n /* config params */\n const configParams = sanitizeObject({\n value,\n literals\n });\n\n /* Template */\n return html(`\n \n\n ${renderInput(data, context)}\n\n
\n
\n
\n ${renderInput(\n { type: configuration().type.origin, label: literals.originLabel, icon: originIcon },\n context\n )}\n ${ViewHelpers(context).icon(configuration().icons.location)}\n ${renderInput(\n { type: configuration().type.destination, label: literals.destinationLabel, icon: destinationIcon },\n context\n )}\n
\n\n
\n ${renderInput({ type: configuration().type.checkIn, label: literals.checkIn, icon: calendarIcon }, context)}\n ${renderInput(\n { type: configuration().type.checkOut, label: literals.checkOut, icon: calendarIcon },\n context\n )}\n
\n\n ${renderInput(\n { type: configuration().type.rooms, label: literals.accommodationLabel, icon: accommodationIcon },\n context\n )}\n ${renderInput(\n { type: configuration().type.vehicle, label: literals.vehicleLabel, icon: vehicleIcon },\n context\n )}\n ${renderSubmit(submit, context)}\n
${search} \n \n ${results} \n \n `);\n\n const buttonData = addStyle(\n addData(\n {\n content\n },\n { type: configuration().type.submit }\n ),\n [configuration().css.submit]\n );\n\n return ButtonTemplate(buttonData, context);\n};\n\nconst renderTags = (data, context) => {\n if (!data.tags) return '';\n\n const { config = {}, tags = [] } = data;\n const { literals = {} } = config;\n const { tagsLabel = '' } = literals;\n\n const checkboxGroupData = addData(\n {\n items: tags\n },\n {\n type: configuration().type.tags\n }\n );\n\n return html(`\n \n ${tagsLabel} \n ${CheckboxTemplate(checkboxGroupData, context)}\n \n `);\n};\n\n/**\n * MSearcherCir template\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 Template(data, context) {\n /* Data */\n const { config = {}, lob = false, tags = false, destination = 0, zone = 0 } = data;\n const { styles = [], literals = {} } = config;\n const { dataType } = prepareDataConfig(config.data);\n\n const lobValues = lob && lob.length ? lob.map(item => item.value) : false;\n const tagsValues = tags && tags.length ? tags.map(item => ({ param: item.param, value: item.value })) : false;\n\n /* Template */\n return html(`\n \n ${renderLob(data, context)}\n ${renderDestination(literals, context)}\n ${renderZone(literals, context)}\n ${renderTags(data, context)}\n ${renderSubmit(literals, context)}\n
\n `);\n};\n","/* ==========================================================================\n MSearcherTabs > Client > tabs > modules\n ========================================================================== */\nconst loader = () =>\n import(\n /* webpackChunkName: \"tabs\" */\n './index'\n );\n\nmodule.exports = {\n initTabs: async instance => {\n const {\n default: { initTabs: init }\n } = await loader();\n\n init(instance);\n },\n destroyTabs: async instance => {\n const {\n default: { destroyTabs: destroy }\n } = await loader();\n\n destroy(instance);\n }\n};\n","/* ==========================================================================\n SearcherMel > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'SearcherMel',\n init: true,\n start: true,\n css: {\n self: 'searcher-mel',\n openSearcherModal: 'button-rxjs--open-modal-searcher',\n modal: 'm-modal-rxjs--searcher-mel',\n loaded: 'is-loaded',\n modalWait: 'searcher-mel__modal-wait'\n },\n type: {\n openSearcherModal: 'searcher-mel-open-modal',\n tabs: 'searcher-mel-tabs',\n searcherMob: 'searcher-mel-mob-searcher',\n searcherDsk: 'searcher-mel-dsk-searcher',\n modal: 'searcher-mel-modal',\n modalWait: 'searcher-mel-modal-wait',\n imageWait: 'searcher-mel__image-wait'\n },\n hooks: {\n tabItem: 'data-searcher-mel-tabs-item',\n searcherContainer: 'data-searcher-mel-container',\n searcherMobContainer: 'data-searcher-mel-mob-container',\n redirect: 'data-redirect'\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n MTabsRxjs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'MTabsRxjs',\n init: true,\n start: true,\n css: {\n navigation: 'm-tabs-rxjs__navigation',\n active: 'is-active',\n disabled: 'is-disabled'\n },\n type: {\n navigation: 'm-tabs-rxjs-navigation',\n image: 'm-tabs-rxjs-image'\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n MTitleRxjs > Template\n ========================================================================== */\n\nconst { html } = require('common-tags');\nconst { prepareDataConfig } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst configuration = require('./client/js/config');\n\nmodule.exports = function Template(data = {}) {\n /* Data */\n const { config = {}, items = [] } = data;\n const { styles = [] } = config;\n\n const { dataType, dataId } = prepareDataConfig(config.data);\n\n return html(`\n \n `);\n};\n","/* ==========================================================================\n MSearcherTou > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'MSearcherTou',\n init: true,\n start: true,\n css: {\n skeletor: 'searcher-tou-skeletor',\n hidden: 'is-hidden',\n hasFooter: 'has-footer',\n item: 'm-searcher__item',\n destination: 'm-searcher__item--destination-tou',\n origin: 'm-searcher__item--origin-tou',\n duration: 'm-searcher__item--duration-tou',\n calendar: 'm-searcher__item--calendar-tou',\n flexibility: 'm-searcher__item--flexibility-tou',\n accommodation: 'm-searcher__item--accomodation-tou',\n modal: 'm-modal-rxjs--tou',\n modalDestination: 'm-modal-rxjs--destination-tou',\n modalOrigin: 'm-modal-rxjs--origin-tou',\n modalDuration: 'm-modal-rxjs--duration-tou',\n modalCalendar: 'm-modal-rxjs--calendar-tou',\n modalAccommodation: 'm-modal-rxjs--accommodation-tou',\n offer: 'is-offer',\n modalAccept: 'm-modal-rxjs__accept',\n submit: 'm-button m-searcher__submit'\n },\n type: {\n originInput: 'm-searcher-tou-origin-input',\n origin: 'm-searcher-tou-origin',\n destinationInput: 'm-searcher-tou-destination-input',\n destination: 'm-searcher-tou-destination',\n calendarInput: 'm-searcher-tou-calendar-input',\n calendar: 'm-searcher-tou-calendar',\n flexibility: 'm-searcher-tou-flexibility',\n accommodationInput: 'm-searcher-tou-accomodation-input',\n accommodation: 'm-searcher-tou-accomodation',\n modalAccept: 'm-modal-accept',\n panelRangeDates: 'm-searcher-tou-panel-range-dates',\n checkboxRangeDates: 'm-searcher-toupanel-range-dates-checkbox',\n inputPanelRangeDates: 'm-searcher-tou-panel-range-dates-input',\n durationInput: 'm-searcher-tou-panel-input',\n duration: 'm-searcher-tou-panel-duration',\n modal: 'm-searcher-tou-modal',\n submit: 'm-searcher-tou-button-submit'\n },\n icons: {\n origin: 'plane',\n destination: 'marker',\n magnifier: 'magnifier',\n angleUp: 'angle-up',\n angleDown: 'cancel'\n },\n hooks: {\n skeletor: 'm-searcher-modal-skeletor',\n ranges: 'data-ranges'\n },\n calendar: {\n mode: 'single',\n ariaDateFormat: 'Y-m-d',\n dateFormat: 'Y-m-d',\n humanFormatDate: 'dd LLLL yyyy',\n saveFormatDate: 'yyyy-LL-dd'\n },\n durationDefault: '7',\n threshold: 3\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n MSearcherTabs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'MSearcherTabs',\n init: true,\n start: true,\n css: {\n self: 'm-searcher-tabs',\n withoutIcons: 'm-searcher-tabs--without-icons',\n searcher: 'm-searcher-tabs-searcher',\n tabs: 'm-searcher-tabs-rxjs__tabs',\n skin: 'm-searcher-tabs-rxjs--secondary'\n },\n type: {\n tabs: 'm-searcher-tabs',\n searcher: 'searcher-tabs'\n }\n};\n\nmodule.exports = () => config;\n","const { fromEvent } = require('rxjs');\nconst { startWith, map, filter } = require('rxjs/operators');\n\nconst { actions, types } = require('../store/actions');\nconst { addSearcherDsk } = require('../searcher-dsk/modules');\nconst { addSearcherMob } = require('../searcher-mob/modules');\n\nconst configuration = require('../config');\n\nconst {\n DEVICE: { DSK, MOB }\n} = require('../../../constanst');\n\nfunction closeModal(instance) {\n const { device } = instance.store.select('data');\n\n if (device !== DSK.DEVICE || !instance.searcherMob || !instance.modal) return;\n\n const { hasOpenModal } = instance.searcherMob.store.select('data');\n\n /* Close searcher modals */\n if (hasOpenModal) instance.searcherMob.actions.closeModal();\n\n /* Close searcher */\n setTimeout(() => {\n instance.modal.actions.hide();\n }, 250);\n}\n\nfunction closePanel(instance) {\n const { device } = instance.store.select('data');\n\n if (device !== MOB.DEVICE || !instance.searcherDsk) return;\n\n const { hasPanel, panelOpen } = instance.searcherDsk.store.select('data');\n\n if (!hasPanel) return;\n\n if (panelOpen === 'origin') {\n instance.searcherDsk.origin.actions.closeSuggestions();\n instance.searcherDsk.origin.actions.syncValue();\n\n return;\n }\n if (panelOpen === 'destination') {\n instance.searcherDsk.destination.actions.closeSuggestions();\n instance.searcherDsk.destination.actions.syncValue();\n return;\n }\n\n if (instance.searcherDsk[panelOpen]) instance.searcherDsk[panelOpen].actions.closePanel();\n}\n\nfunction switchSearcher(instance) {\n const { device = 'desktop', hasSearcherMob, hasSearcherDsk } = instance.store.select('data');\n\n if (device === DSK.DEVICE) {\n if (!hasSearcherDsk) addSearcherDsk(instance);\n if (hasSearcherDsk) instance.searcherDsk.element.classList.add(configuration().css.loaded);\n if (hasSearcherMob) instance.hooks.searcherMobContainer.classList.remove(configuration().css.loaded);\n return;\n }\n\n if (!hasSearcherMob) addSearcherMob(instance);\n if (hasSearcherDsk) instance.searcherDsk.element.classList.remove(configuration().css.loaded);\n\n if (hasSearcherMob) instance.hooks.searcherMobContainer.classList.add(configuration().css.loaded);\n}\n\nfunction mediaEvent$(query) {\n const mediaQuery = window.matchMedia(query);\n\n return fromEvent(mediaQuery, 'change').pipe(\n startWith(mediaQuery),\n filter(event => event.matches),\n map(mediaQueryList => mediaQueryList.matches)\n );\n}\n\nfunction mediaQueriesDetect(instance) {\n const inst = instance;\n\n const { config = {}, store = {} } = instance;\n const { context = {} } = config;\n const { device = DSK.DEVICE } = context;\n\n /* Extend Actions */\n inst.actions = {\n ...inst.actions,\n changeDevice: deviceType => instance.store.dispatch(actions.changeDevice(deviceType)),\n setDevice: devideType => instance.store.dispatch(actions.setDevice(devideType))\n };\n\n /* Extend reactions */\n inst.reactions = {\n ...inst.reactions,\n changeDevice: inst.store.subscribe((state, action) => {\n if (action.type !== types.CHANGE_DEVICE) return;\n\n /* switch searcher MOB / DSK */\n switchSearcher(inst);\n\n closeModal(inst);\n closePanel(inst);\n })\n };\n\n /* Sync store, start component Dispatch Action set device */\n instance.actions.setDevice(device);\n\n /* Extend subscriptions */\n inst.subscriptions = {\n ...inst.subscriptions,\n mediaIsDesktop: mediaEvent$(DSK.QUERY).subscribe(matches => {\n const { device: deviceStore } = store.select('data');\n\n if (matches && deviceStore !== DSK.DEVICE) instance.actions.changeDevice(DSK.DEVICE);\n }),\n mediaIsMobile: mediaEvent$(MOB.QUERY).subscribe(matches => {\n const { device: deviceStore } = store.select('data');\n\n if (matches && deviceStore !== MOB.DEVICE) instance.actions.changeDevice(MOB.DEVICE);\n })\n };\n}\n\nmodule.exports = {\n mediaQueriesDetect\n};\n","/* ==========================================================================\n SearcherMultiPakRxjs > Components\n ========================================================================== */\n\n/* Modules */\nconst MSearcherMultiPak = require('../../m-searcher-multi-pak-rxjs/template');\nconst MSearcherTou = require('../../m-searcher-tou/template');\nconst MSearcherFlightHotelRxjs = require('../../m-searcher-flight-hotel-rxjs/template');\nconst MSearcherTrainHotelRxjs = require('../../m-searcher-train-hotel-rxjs/template');\nconst MSearcherLeiRxjs = require('../../m-searcher-lei-rxjs/template');\nconst MSearcherCir = require('../../m-searcher-cir/template');\nconst MSearcherFerryHotelRxjs = require('../../m-searcher-ferry-hotel-rxjs/template');\n\nconst { TYPES } = require('../constants');\n\n/* Renders */\nconst RENDERS = {\n [TYPES.PAK]: MSearcherMultiPak,\n [TYPES.FLI_HOT]: MSearcherFlightHotelRxjs,\n [TYPES.FER_HOT]: MSearcherFerryHotelRxjs,\n [TYPES.TRA_HOT]: MSearcherTrainHotelRxjs,\n [TYPES.LEI]: MSearcherLeiRxjs,\n [TYPES.CIR]: MSearcherCir,\n [TYPES.TOU]: MSearcherTou\n};\n\n/* Exports */\nmodule.exports = {\n RENDERS\n};\n","/* ==========================================================================\n MSearcherFlightHotelRxjs > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst { sanitizeSingleQuote } = require('@bluekiri/alexandria-contrib-components-mobile/helpers/sanitize');\nconst { prepareDataConfig, addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\n\nconst ButtonTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-button-rxjs/template');\nconst InputTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-input-rxjs/template');\n// eslint-disable-next-line max-len\nconst SelectFloatingTemplate = require('@bluekiri/alexandria-contrib-components-mobile/components/m-select-floating-rxjs/template');\n\nconst configuration = require('./client/js/config');\n\nconst { ENDPOINTS } = require('./constants');\n\nconst getDataInput = (key, literals = {}) => {\n const { checkIn = '', checkOut = '', originLabel = '', destinationLabel = '', accommodationLabel = '' } = literals;\n\n return (\n {\n origin: {\n type: configuration().type.originInput,\n label: originLabel,\n panelStyle: configuration().css.panelCalendar\n },\n destination: {\n type: configuration().type.destinationInput,\n label: destinationLabel\n },\n checkin: {\n type: configuration().type.checkInInput,\n label: checkIn\n },\n checkout: {\n type: configuration().type.checkOutInput,\n label: checkOut\n },\n rooms: {\n type: configuration().type.roomsInput,\n label: accommodationLabel\n }\n }[key] || {}\n );\n};\n\nconst renderInput = (id, { literals, inputIcons = {}, context }) => {\n const { type, label = '', value = '' } = getDataInput(id, literals);\n const inputData = addData({ icon: inputIcons[id], label, value, type: 'button' }, { type });\n return InputTemplate(inputData, context);\n};\n\nconst renderSubmit = (data, context) => {\n const dataButton = addStyle(addData({ content: data }, { type: configuration().type.submit }), [\n configuration().css.submit\n ]);\n\n return ButtonTemplate(dataButton, context);\n};\n\nconst renderDiscounts = (data, context) => {\n const { config = {}, destination = {}, origin = {} } = data;\n const { literals = {}, hasDiscounts } = config;\n const { discountsLabel = '', labelDiscountsByDefault = ' ' } = literals;\n\n const dataDiscounts = addData(\n {\n label: discountsLabel,\n name: configuration().type.discounts,\n hasTitle: true,\n items: [{ label: labelDiscountsByDefault, value: 0 }],\n display: (hasDiscounts && destination.text && origin.text) || false\n },\n { type: configuration().type.discounts }\n );\n\n return SelectFloatingTemplate(dataDiscounts, context);\n};\n\nconst renderCabinClass = (data, context) => {\n const { config = {}, classes } = data;\n const { literals = {} } = config;\n const { classesLabel = '' } = literals;\n\n const dataCabinClass = addData(\n {\n label: classesLabel,\n name: configuration().type.cabinClass,\n hasTitle: true,\n items: classes\n },\n { type: configuration().type.cabinClass }\n );\n\n return SelectFloatingTemplate(dataCabinClass, context);\n};\n\nfunction checkNull(value, defaultValue) {\n if (value === null || !value) return defaultValue;\n\n return value;\n}\n\n/**\n * MSearcherFlightHotelRxjs template\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 Template(data, context) {\n /* Data */\n const { config = {}, dates, accommodation, classes = [] } = data;\n const origin = checkNull(data.origin, {});\n const destination = checkNull(data.destination, {});\n\n const { styles = [], literals = {}, endpoints, inputIcons } = config;\n const { submit = '' } = literals;\n\n const { dataType } = prepareDataConfig(config.data);\n const dataTypAttr = dataType ? html(`data-type=\"${dataType}\"`) : html('');\n\n const { value: cabinClassValue } = classes !== null ? classes.find(item => item.selected) || classes[0] || {} : {};\n\n const dataConfig = {\n ...config,\n endpoints: {\n ...endpoints,\n airportByDestination: endpoints.airportByDestination || ENDPOINTS.AIRPORT_BY_DESTINATION\n },\n context,\n literals,\n cabinClass: cabinClassValue,\n origin: {\n ...origin,\n value: origin.text ? origin.value : undefined,\n type: origin.type ? origin.type : undefined,\n text: origin.text ? origin.text : undefined\n },\n destination: {\n ...destination,\n value: destination.text ? destination.value : undefined,\n type: destination.type ? destination.type : undefined,\n text: destination.text ? destination.text : undefined\n },\n dates,\n accommodation\n };\n const dataConfigAttr = `data-config='${sanitizeSingleQuote(JSON.stringify({ ...dataConfig }))}'`;\n\n const locationIconArrowTemplate = origin.icon ? '' : ViewHelpers(context).icon('arrow-right');\n\n /* -Template */\n return html(`\n \n `);\n};\n","/* ==========================================================================\n MCarouselHeaderMel > Client > SearcherMob\n ========================================================================== */\n\nconst loader = () =>\n import(\n /* webpackChunkName: \"searcher-mob\" */\n './index'\n );\n\nmodule.exports = {\n initSearcherMob: async instance => {\n const {\n default: { initSearcher: init }\n } = await loader();\n\n init(instance);\n },\n addSearcherMob: async instance => {\n const {\n default: { addSearcher }\n } = await loader();\n\n addSearcher(instance);\n }\n};\n","/* ==========================================================================\n MScrollHorizontalRxjs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'MScrollHorizontalRxjs'\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n SearcherMel > Constanst\n ========================================================================== */\n\nmodule.exports = {\n DEVICE: {\n MOB: {\n DEVICE: 'mobile',\n QUERY: '(max-width: 1019px)'\n },\n DSK: {\n DEVICE: 'desktop',\n QUERY: '(min-width: 1020px)'\n }\n },\n IMAGE: {\n resize: {\n operation: 'resize',\n suboperation: '',\n width: 464,\n height: 268,\n quality: 90\n }\n },\n ADD_ICONS_SEARCHERS: {\n FLI_HOT: {\n inputIcons: {\n origin: 'marker',\n destination: 'magnifier',\n checkin: 'calendar',\n checkout: 'calendar',\n rooms: 'user'\n }\n },\n FER_HOT: {\n inputIcons: {\n origin: 'marker',\n destination: 'magnifier',\n calendar: 'calendar',\n accommodation: 'user',\n vehicle: 'car'\n }\n },\n LEI: {\n inputIcons: {\n sliderIcon: 'calendar',\n categoriesIcon: 'angle-down'\n }\n }\n }\n};\n","/* ==========================================================================\n MSearcherFerryHotelRxjs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'MSearcherFerryHotelRxjs',\n init: true,\n start: true,\n css: {\n self: 'm-searcher-ferry-hotel-rxjs',\n hasFooter: 'has-footer',\n modalCalendar: 'm-modal-rxjs--ferry-hotel',\n modalAccept: 'm-button-rxjs--modal-accept',\n submit: 'm-button-rxjs--submit'\n },\n type: {\n origin: 'm-searcher-ferry-hotel-rxjs-origin',\n originSelect: 'm-searcher-ferry-hotel-rxjs-origin-select',\n destination: 'm-searcher-ferry-hotel-rxjs-destination',\n destinationSelect: 'm-searcher-ferry-hotel-rxjs-destination-select',\n tabs: 'm-searcher-ferry-hotel-rxjs-tabs',\n checkIn: 'm-searcher-ferry-hotel-rxjs-calendarIn',\n checkOut: 'm-searcher-ferry-hotel-rxjs-calendarOut',\n calendar: 'm-searcher-ferry-hotel-rxjs-calendar',\n rooms: 'm-searcher-ferry-hotel-rxjs-rooms',\n roomsPanel: 'm-searcher-ferry-hotel-rxjs-rooms-panel',\n discounts: 'm-searcher-ferry-hotel-rxjs-discount',\n bonus: 'm-searcher-ferry-hotel-rxjs-bonus',\n vehicle: 'm-searcher-ferry-hotel-rxjs-vehicle',\n vehiclePanel: 'm-searcher-ferry-hotel-rxjs-vehicle-panel',\n trailer: 'm-searcher-ferry-hotel-rxjs-vehicles-trailer',\n modal: 'm-searcher-ferry-hotel-rxjs-modal',\n modalAccept: 'm-searcher-ferry-hotel-rxjs-modal-accept',\n submit: 'm-searcher-ferry-hotel-rxjs-submit',\n loading: 'm-searcher-ferry-hotel-rxjs-loading'\n },\n hooks: {\n tabNavigation: 'data-tab-navigation',\n vehicleDimensions: 'data-vehicle-dimensions',\n trailerDimensions: 'data-trailer-dimensions'\n },\n icons: {\n location: 'arrow-right'\n },\n calendarConfig: {\n mode: 'range',\n stringDateFormat: 'ccc, dd LLL',\n formatDate: 'yyyy-LL-dd',\n dateFormat: 'Y-m-d',\n ariaDateFormat: 'Y-m-d',\n\n sameDay: true\n },\n accommodationConfig: {\n maxRooms: 4,\n maxPeople: 9,\n adults: {\n min: 1,\n max: 6,\n value: 2\n },\n children: {\n min: 0,\n max: 4,\n value: 0,\n maxAge: 11,\n defaultAge: 7\n },\n rooms: [\n {\n adults: 2,\n children: 0\n }\n ]\n },\n vehicle: {\n vehicleHeight: 160,\n vehicleLength: 350,\n trailerHeight: 10,\n trailerLength: 10,\n trailer: false\n },\n loading: {\n src: '/comun/images/lineas/ferries_800x600.jpg',\n resize: '/wsimgresize/resize/crop/334/260',\n quality: '80'\n },\n endpoints: {\n route: 'https://qa-www.logitravel.com/ferriesShowcase/Shima/GetRouteData',\n ports: 'https://qa-www.logitravel.com/ferriesShowcase/Shima/GetPorts'\n },\n showLoading: true\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n SearcherMel > Client > Store > Reducer\n ========================================================================== */\n\n/* Modules */\nconst { types } = require('./actions');\n\n/* Initial state */\nconst initialState = {\n device: 'desktop',\n searcher: {},\n hasSearcherMob: false,\n hasSearcherDsk: false,\n tab: 0,\n tabsRedirect: []\n};\n\n/* Reducer */\nfunction reducer(state = initialState, action) {\n switch (action.type) {\n case types.SET_DATA:\n return {\n ...state,\n searcher: 'searcher' in action.payload ? action.payload.searcher : state.searcher,\n device: 'device' in action.payload ? action.payload.device : state.device,\n hasSearcherMob:\n 'hasSearcherMob' in action.payload ? action.payload.hasSearcherMob : state.hasSearcherMob,\n hasSearcherDsk:\n 'hasSearcherDsk' in action.payload ? action.payload.hasSearcherDsk : state.hasSearcherDsk,\n tabsRedirect: action.payload.tabsRedirect || state.tabsRedirect\n };\n case types.SET_DEVICE:\n case types.CHANGE_DEVICE:\n return {\n ...state,\n device: action.payload\n };\n case types.SET_TAB:\n case types.CHANGE_TAB:\n return {\n ...state,\n tab: action.payload\n };\n case types.DESTROY:\n default:\n return state;\n }\n}\n\n/* Exports */\nmodule.exports = {\n reducer\n};\n","/* ==========================================================================\n MSearcherTrainHotelRxjs > Client > Config\n ========================================================================== */\n\n/* Config */\nconst config = {\n component: 'MSearcherTrainHotelRxjs',\n init: true,\n start: true,\n css: {\n modalCalendar: 'm-modal-rxjs--train-hotel ',\n modalAccept: 'm-button-rxjs--modal-accept',\n submit: 'm-button-rxjs--submit'\n },\n type: {\n originInput: 'm-searcher-tra-hot-origin-input',\n destinationInput: 'm-searcher-tra-hot-destination-input',\n checkInInput: 'm-searcher-tra-hot-check-in-input',\n checkOutInput: 'm-searcher-tra-hot-check-out-input',\n roomsInput: 'm-searcher-tra-hot-rooms',\n discounts: 'm-searcher-tra-hot-discounts',\n submit: 'm-searcher-tra-hot-submit',\n modal: 'm-searcher-tra-hot-modal',\n modalAccept: 'm-searcher-tra-hot-modal-accept',\n panelAutocomplete: 'm-searcher-tra-hot-panel-autocomplete',\n panelCalendar: 'm-searcher-tra-hot-panel-calendar',\n panelRooms: 'm-searcher-tra-hot-panel-rooms',\n loading: 'm-searcher-tra-hot-loading'\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n MSearcherTabs > Utils\n ========================================================================== */\n\n/**\n * Function to pass icons to searchers depending of the config\n */\nconst buildDataSearcher = (data, inputIcons = {}) => {\n // Searcher\n const { config: searcherConfig = {} } = data;\n\n return {\n ...data,\n config: { ...inputIcons, ...searcherConfig }\n };\n};\n\nmodule.exports = {\n buildDataSearcher\n};\n"],"sourceRoot":""}