\n ${BtnTemplate({\n extraClasses: 'w-booking-gate__item-close',\n type: 'button',\n icon: 'cross',\n variant: 'icon-only'\n })}\n
\n`\n","/**\n * Enumeration of types of price table.\n */\nconst PriceTableType = {\n /**\n * Price table grouped by departure date and room type.\n */\n DepartureDateAndRoomType: 'DepartureDateAndRoomType',\n\n /**\n * Price table grouped by departure date and duration.\n */\n DepartureDateAndDuration: 'DepartureDateAndDuration',\n\n /**\n * Checks if a value is a member of the enumeration.\n */\n isValid: (enumValue) => {\n return Object.values(PriceTableType).includes(enumValue)\n }\n}\n\nexport default PriceTableType\n","/**\n * The CarRentalItemTemplate contains all data needed to hydrate a CarRental Item\n *\n * @typedef {Object} CarRentalItemTemplate\n *\n * @property {String} carClass - CarRentalItem type of car\n * @property {String} carName - CarRentalItem The name of the car\n * @property {String} hasAirConditioningText - CarRentalItem if has Air conditioning\n * @property {String} imagePath - CarRentalItem image path\n * @property {Object[]} prices - CarRentalItem prices\n * @property {String} reccommendedBaggageText - CarRentalItem recommended baggage capacity\n * @property {String} reccommendedPassengersText - CarRentalItem recommended passengers capacity\n * @property {String} transmission - CarRentalItem type of transmission\n * @property {String} wheelDriveText - CarRentalItem wheel drive type\n *\n */\n\nimport {\n TableTemplate\n} from '../../components/table/c-table.template'\nimport {\n TableItemTemplate\n} from '../../components/table/c-table__item.template'\nimport {\n CollapseTemplate\n} from '../../components/collapse/c-collapse.template'\nimport {\n BoxTemplate\n} from '../../components/box/c-box.template'\n\nconst carCharacteristics = [\n {\n dataKey: 'reccommendedPassengersText',\n icon: 'adult'\n },\n {\n dataKey: 'reccommendedBaggageText',\n icon: 'suitcase'\n },\n {\n dataKey: 'wheelDriveText',\n icon: 'transmission-manual'\n },\n {\n dataKey: 'hasAirConditioningText',\n icon: 'snowflake'\n },\n {\n dataKey: 'transmission',\n icon: 'transmission-manual'\n }\n]\n\nexport const defaultCarRentalItemData = {\n carClass: '',\n carName: '',\n hasAirConditioningText: '',\n imagePath: '',\n prices: [],\n reccommendedBaggageText: '',\n reccommendedPassengersText: '',\n transmission: '',\n wheelDriveText: ''\n}\n\nexport const CarRentalItemTemplate = (data, carRentalItemId, locales) => {\n data = {\n ...defaultCarRentalItemData,\n ...data\n }\n\n return `\n \n \n \n \n
\n \n
\n `\n}\n\nexport const CarRentalNotificationTemplate = locales => {\n return `\n ${BoxTemplate({\n extraClasses: 'cs-state-info cs-state-info--light',\n html: `\n \n\n
\n\n ${CollapseTemplate({\n id: `w-car-rental__item-collapse--${carRentalItemId}`,\n extraClasses: 'w-car-rental__item-collapse',\n html: `\n ${TableTemplate({\n variant: 'stripped',\n extraClasses: 'w-car-rental__item-table m-body m-body--small',\n innerHTML: `\n ${TableItemTemplate({\n extraClasses: 'w-car-rental__item-row',\n innerHTML: `\n \n ![\"${data.imagePath}\"](\"${data.imagePath}\")
\n
\n\n \n
\n ${data.carName}
\n${data.carClass}
\n \n ${carCharacteristics.map(characteristic => data[characteristic.dataKey]\n ? `
\n\n \n\n \n \n ${data[characteristic.dataKey]}\n
`\n : '').join('')}\n \n ${locales.showMore} \n ${locales.showLess}\n
\n\n ${locales.period}
\n ${locales.oneWeek}
\n ${locales.twoWeeks}
\n `\n\n })}\n \n ${data.prices.map((price) => {\n return `\n ${TableItemTemplate({\n extraClasses: 'w-car-rental__item-row',\n innerHTML: `\n ${price.period}
\n + ${price.oneWeekPrice}
\n + ${price.twoWeeksPrice}
\n `\n })}\n `\n }).join('')}\n `\n })}\n `\n })}\n \n \n
\n `\n })}\n `\n}\n","import { fetchJsonData } from '../../../js/helpers/json-fetch'\nimport { getUrlFromString } from '../../../js/document/url'\nimport { CarRentalItemTemplate, CarRentalNotificationTemplate } from './w-car-rental-item.template'\nimport Component from '../../../js/core/component/component'\nimport { register } from '../../../js/document/namespace'\nimport { language } from '../../../js/user/locale-settings'\nimport { observerAPI, documentObserver } from '../../../js/document/intersector'\nimport { registerWidget } from '../../../js/core/widget/widget-directory'\n\nrequire('../../components/collapse/main')\n\nconst widgetApi = 'w-car-rental'\nconst globalLocales = register(`window.sundio.i18n.${language}.global`)\nconst componentLocales = register(`window.sundio.i18n.${language}.carRental`)\n\nconst classes = {\n isLoading: 'is-loading'\n}\n\nconst widgetQueries = {\n url: `data-${widgetApi}__url`,\n extraParams: 'input[type=\"hidden\"]',\n itemsElement: `.${widgetApi}__items`\n}\n\nexport default class CarRental {\n /**\n * Creates a new CarRental\n *\n * @constructor\n *\n * @param {HTMLElement} element - The HTML widget element\n */\n constructor (element) {\n this.element = element\n this.itemsElement = this.element.querySelector(widgetQueries.itemsElement)\n\n this.url = this.element.getAttribute(widgetQueries.url)\n this.extraParams = this.getExtraParameters()\n this.locales = this.getLocales()\n\n this.element.classList.add(classes.isLoading)\n\n const observer = documentObserver()\n observer.observe(this.element)\n this.element[observerAPI].events.on('enter', () => {\n this.getData()\n .then(freshData => this.render(freshData))\n .then(() => this.element.classList.remove(classes.isLoading))\n .catch(e => console.error(e))\n observer.unobserve(this.element)\n })\n }\n\n /**\n * Fetches data from the API and returns carRentalItems\n *\n * @return {Object[]} carRentalItems\n */\n async getData () {\n const fetchUrl = getUrlFromString(this.url, this.extraParams)\n return fetchJsonData(fetchUrl).then((result) => {\n return result.data[0].cars\n })\n }\n\n /**\n * Renders a car rental items\n *\n * @param {Object[]} carRentalItems - Total results of the fetch\n */\n async render (carRentalItems) {\n if (carRentalItems.length === 0) {\n this.itemsElement.innerHTML = CarRentalNotificationTemplate(this.locales)\n } else {\n this.itemsElement.innerHTML = carRentalItems.map((item, index) => {\n return CarRentalItemTemplate(item, index, this.locales)\n }).join('')\n Component.initDocumentComponentsFromAPI(this.element)\n }\n }\n\n /**\n * Return a locale strings object\n *\n * @returns {Object} - returns the locales (static texts)\n *\n */\n getLocales () {\n const customLocaleElement = document.querySelector(`[data-type=\"i18n\"][data-uid=\"${this.element.id}\"]`)\n let customLocaleData = null\n try {\n customLocaleData = JSON.parse(customLocaleElement.textContent)\n } catch (err) {}\n\n return {\n ...globalLocales,\n ...componentLocales,\n ...(customLocaleData || {})\n }\n }\n\n /**\n * Returns the extra parameters that are exposed in the DOM\n *\n * @returns {object} - Returns the extra parameters object\n */\n getExtraParameters () {\n const extraParamsElements = this.element.querySelectorAll(widgetQueries.extraParams)\n return extraParamsElements\n ? [...extraParamsElements].reduce((obj, el) => {\n obj[el.name] = el.value\n return obj\n }, {})\n : undefined\n }\n}\n\nregisterWidget(CarRental, widgetApi)\n","export const flightBusSelector = {\n FLIGHT_SELECTOR_SIDE_DRAWER_CLOSED: 'FlightBusSelector.SideDrawerClosed',\n FLIGHT_SELECTOR_SIDE_DRAWER_OPENED: 'FlightBusSelector.SideDrawerOpened',\n FLIGHT_SELECTOR_COLLAPSE_CLOSED: 'FlightBusSelector.CollapseClosed',\n FLIGHT_SELECTOR_COLLAPSE_OPENED: 'FlightBusSelector.CollapseOpened',\n FLIGHT_SELECTOR_CANCEL: 'FlightBusSelector.Cancel',\n FLIGHT_SELECTOR_SAVE: 'FlightBusSelector.Save',\n FLIGHT_SELECTOR_SELECT_FLIGHT: 'FlightBusSelector.SelectFlight',\n FLIGHT_SELECTOR_SWITCH_TAB: 'FlightBusSelector.SwitchTab'\n}\n","/**\n * The FlightId identifies a single flight\n *\n * @typedef {String} FlightId\n */\n\n/**\n * The FlightData contains all data for a flight, outbound or inbound\n *\n * @typedef {Object} FlightData\n *\n * @property {String} airlineId\n * @property {FlightId} flightId\n * @property {String} arrivalAirportId\n * @property {String} departureAirportId\n * @property {Object} departureDate\n * @property {String} departureDate.formattedDate - Departure's humanized date\n * @property {String} departureDate.formattedTime - Departure's humanized time\n * @property {Object} arrivalDate\n * @property {String} arrivalDate.formattedDate - Arrival's humanized date\n * @property {String} arrivalDate.formattedTime - Arrival's humanized time\n * @property {String} checkedInLuggageDescription - Checked-in luggage info\n * @property {String} handLuggageDescription - Hand luggage info\n * @property {Object[]} inboundRelatedFlights\n * @property {String} inboundRelatedFlights.inboundFlightId - Related inbound flight id\n * @property {Object} inboundRelatedFlights.priceBreakdown - Price breakdown (rooms, services...)\n * @property {Object} inboundRelatedFlights.routePricePerPerson\n * @property {Object} inboundRelatedFlights.routeTotalPrice\n * @property {Object[]} inboundRelatedFlights.tripSummary - (Dates, participants, flight info...)\n * @property {Object} priceDiff - Price diff from the default selected flight\n * @property {String} priceDiff.formatted - Price diff humanized text\n * @property {Boolean} isFlexible - True if the flight is internal\n * @property {Boolean} isSelected\n * @property {Boolean} isDepartureTimeSpecified - True if the flight has departure time\n * @property {Boolean} isArrivalTimeSpecified - True if the flight has arrival time\n * @property {String} remark - Remark about the flight\n */\n\n/**\n * The FlightSelectorApiData contains all data as received from API\n *\n * @typedef {Object} FlightSelectorApiData\n *\n * @property {Object[]} airlines - Airlines' info\n * @property {Object[]} airports - Airports' info\n * @property {Object} configurations - Extra configuration like price-diff label\n * @property {Object} configurations.labels\n * @property {String} configurations.labels.priceDiffText - (price per person, p.p...)\n * @property {FlightData[]} outboundFlights - Departure flights\n * @property {FlightData[]} inboundFlights - Return flights\n * @property {Object} priceMismatchMessage - Price mismatch message when price difference\n * @property {String} extraInfo - Extra info shown at bottom of flight selector\n * @property {Object[]} detailedTripSummary - Detail info related with the selected trip\n * @property {String[]} contentUsps - Content USP's\n*/\n\n/**\n * The FlightSelectorData contains all data organized to be easily displayed in a table\n *\n * @typedef {FlightSelectorApiData} FlightSelectorData\n *\n * @property {String} id\n */\n\nconst MessageAlertDictionary = {\n info: 'info',\n alert: 'warning'\n}\n\nconst defaults = {\n airlines: [],\n airports: [],\n outboundFlights: [],\n inboundFlights: [],\n detailedTripSummary: [],\n contentUsps: []\n}\n\n/**\n * A FlightSelectorData model\n */\nexport default class FlightSelectorDataModel {\n /**\n * Creates a new FlightSelectorDataModel\n *\n * @constructor\n * @param {FlightSelectorData|{}} [attributes={}] - The model attributes\n * @param {FlightBusSelectorTemplateData} [defaultData] - Extra data (default texts and others)\n */\n constructor (attributes = {}, defaultData = {}) {\n this.id = attributes.id\n this._setSelectorData({\n ...defaults,\n ...attributes\n })\n this.defaultData = defaultData\n }\n\n /**\n * Sets a price table model\n * @param {FlightSelectorData} selectorApiData -\n *\n * @returns {FlightSelectorDataModel} Self instance.\n */\n _setSelectorData (selectorApiData) {\n this.airlineDictionary = selectorApiData.airlines.reduce((obj, { id, name }) => ({ ...obj, [id]: name }), {})\n this.airportDictionary = selectorApiData.airports.reduce((obj, { id, name }) => ({ ...obj, [id]: name }), {})\n\n const inboundPriceDiffs = {}\n this.selectorData = {\n outboundData: selectorApiData.outboundFlights.reduce((obj, outboundFlight) => ({\n ...obj,\n [outboundFlight.flightId]: {\n ...outboundFlight,\n inboundRelatedItems: outboundFlight.inboundRelatedFlights.reduce((obj, inboundFlight) => {\n // We gather round information about price-diff for every item\n if (!inboundPriceDiffs[inboundFlight.inboundFlightId]) {\n inboundPriceDiffs[inboundFlight.inboundFlightId] = inboundFlight.priceDiff\n }\n return {\n ...obj,\n [inboundFlight.inboundFlightId]: {\n ...inboundFlight,\n isOpenJaw: outboundFlight.departureAirportId.toUpperCase() !== inboundFlight.arrivalAirportCode.toUpperCase()\n }\n }\n },\n {})\n }\n }),\n {}),\n inboundData: selectorApiData.inboundFlights.reduce((obj, inboundFlight) => ({\n ...obj,\n [inboundFlight.flightId]: {\n ...inboundFlight,\n priceDiff: inboundPriceDiffs[inboundFlight.flightId]\n }\n }),\n {}),\n priceMismatchMessage: (selectorApiData.priceMismatchMessage)\n ? {\n body: selectorApiData.priceMismatchMessage.text,\n alertType: MessageAlertDictionary[selectorApiData.priceMismatchMessage.level],\n closable: false\n }\n : null,\n detailedTripSummary: selectorApiData.tripSummary,\n contentUsps: selectorApiData.contentUsps\n }\n return this\n }\n\n /**\n * Gets the flight selector data\n *\n * @returns {FlightBusSelectorData} Self instance.\n */\n getSelectorData () {\n return this.selectorData\n }\n\n /**\n * Returns true if there is flexible flight\n *\n * @returns {Boolean}\n */\n _isFlexibleTabActive (items) {\n let result = false\n Object.keys(items).forEach(key => {\n if (items[key].isFlexibleTicket) {\n result = true\n }\n })\n return result\n }\n\n /**\n * Returns false if there is regular flight\n *\n * @returns {Boolean}\n */\n _isRegularTabActive (items) {\n let result = false\n Object.keys(items).forEach(key => {\n if (!items[key].isFlexibleTicket) {\n result = true\n }\n })\n return result\n }\n\n /**\n * Returns Object with all the selector items\n *\n * @returns {Object}\n */\n _getSelectorItems () {\n return { ...this.selectorData.outboundData, ...this.selectorData.inboundData }\n }\n\n typeOfFlights (outboundData) {\n const result = {\n isOpenJaw: false,\n isCloseJaw: false\n }\n\n Object.keys(outboundData).forEach((outboundKey) => {\n outboundData[outboundKey].inboundRelatedFlights.forEach(item => {\n if (outboundData[outboundKey].departureAirportId.toUpperCase() === item.arrivalAirportCode.toUpperCase()) {\n result.isCloseJaw = true\n } else {\n result.isOpenJaw = true\n }\n })\n })\n return result\n }\n\n /**\n * Gets the flight selector object the template will use\n *\n * @returns {FlightBusSelectorTemplateData} - The Flight Bus Selector Template Data\n */\n getSelectorTemplateData (options = {}) {\n const locales = options.locales\n\n const templateData = {\n ...this.defaultData,\n id: this.id,\n outboundDepartureDate: Object.values(this.selectorData.outboundData)[0].departureDate.formattedDate,\n outboundArrivalDate: Object.values(this.selectorData.outboundData)[0].arrivalDate?.formattedDate,\n inboundDepartureDate: Object.values(this.selectorData.inboundData)[0].departureDate.formattedDate,\n inboundArrivalDate: Object.values(this.selectorData.inboundData)[0].arrivalDate?.formattedDate,\n priceMismatchMessage: this.selectorData.priceMismatchMessage,\n extraInfo: locales.flightSelector.extraInfo,\n headerText: locales.flightSelector.headerText,\n outboundHeading: locales.flightSelector.departureText,\n inboundHeading: locales.flightSelector.returnText,\n buttonMoreText: locales.flightSelector.showMoreText,\n buttonLessText: locales.flightSelector.showLessText,\n buttonCancelText: locales.flightSelector.closeText,\n buttonSubmitText: locales.flightSelector.confirmPreselectionText,\n changeTransportButtonText: locales.flightSelector.changeFlightsButtonText,\n unrelatedHeading: locales.flightSelector.unrelatedInboundsText,\n typeOfFlights: this.typeOfFlights(this.selectorData.outboundData),\n openJawSwitchTitle: locales.flightSelector.openJawSwitchTitle,\n openJawSwitchDescription: locales.flightSelector.openJawSwitchDescription,\n openJawSwitchStatus: locales.flightSelector.openJawSwitchStatus,\n isOpenJawFilteringEnabled: !!locales.flightSelector.isOpenJawFilteringEnabled,\n sideDrawer: {\n title: locales.flightSelector.headerText,\n icon: locales.flightSelector.sideDrawerHeader ? locales.flightSelector.sideDrawerHeader || '' : '' // not used in the side drawer at the moment.\n },\n buttons: [\n {\n text: locales.flightSelector.departureText,\n icon: locales.flightSelector.outboundTransport ? locales.flightSelector.outboundTransport || '' : ''\n },\n {\n text: locales.flightSelector.returnText,\n icon: locales.flightSelector.inboundTransport ? locales.flightSelector.inboundTransport || '' : ''\n }\n ]\n }\n\n if (locales.flightSelector.flightTicketInfo && locales.flightSelector.flightTicketInfo.regularTicket) {\n templateData.regularTicket = {\n active: this._isRegularTabActive(this._getSelectorItems()),\n title: locales.flightSelector.flightTicketInfo.regularTicket.title,\n characteristics: locales.flightSelector.flightTicketInfo.regularTicket.characteristics\n }\n }\n\n if (locales.flightSelector.flightTicketInfo && locales.flightSelector.flightTicketInfo.flexibleTicket) {\n templateData.flexibleTicket = {\n active: this._isFlexibleTabActive(this._getSelectorItems()),\n title: locales.flightSelector.flightTicketInfo.flexibleTicket.title,\n characteristics: locales.flightSelector.flightTicketInfo.flexibleTicket.characteristics\n }\n }\n\n return templateData\n }\n\n /**\n * Gets the flight selector's item object the template will use\n *\n * @param {FlightData} flightInfo - The flight info\n * @param {Object} options - The options\n * @param {Boolean} options.isInbound - If true, flight type is inbound. It's Outbound by default)\n *\n * @returns {flightBusSelectorItemTemplateData} - The flight bus selector item template data\n */\n getSelectorItemTemplateData (flightInfo, options = {}) {\n const locales = options.locales\n\n let luggageHandWeight\n let luggageHandDescription\n let luggageHandNotIncludedText\n let luggageHoldWeight\n let luggageHoldDescription\n\n const handLuggage = flightInfo.luggage && flightInfo.luggage.find(item => item.type === 'hand')\n const holdLuggage = flightInfo.luggage && flightInfo.luggage.find(item => item.type === 'hold')\n\n const luggageUnitText = locales.flightSelector.luggageUnitText\n if (handLuggage) {\n luggageHandWeight = handLuggage.weight + ''\n luggageHandDescription = locales.flightSelector.luggageHandLabelText + ': ' + handLuggage.weight + locales.flightSelector.luggageUnitText\n luggageHandNotIncludedText = handLuggage.weight === 0 ? locales.flightSelector.luggageHandNotIncludedText : ''\n }\n if (holdLuggage) {\n luggageHoldWeight = holdLuggage.weight + ''\n luggageHoldDescription = locales.flightSelector.luggageHoldLabelText + ': ' + holdLuggage.weight + locales.flightSelector.luggageUnitText\n }\n\n const templateData = {\n ...options,\n id: flightInfo.flightId,\n name: this.id,\n companyId: flightInfo.airlineId.toUpperCase(),\n companyName: this.airlineDictionary[flightInfo.airlineId],\n departureName: this.airportDictionary[flightInfo.departureAirportId],\n departureTime: flightInfo.departureDate.formattedTime,\n arrivalName: this.airportDictionary[flightInfo.arrivalAirportId],\n arrivalTime: flightInfo.arrivalDate.formattedTime,\n weightLuggageSymbol: luggageUnitText,\n maxHandLuggageWeight: luggageHandWeight,\n handLuggageDescription: luggageHandDescription,\n handLuggageNotIncludedText: luggageHandNotIncludedText,\n maxCheckedLuggageWeight: luggageHoldWeight,\n checkedLuggageDescription: luggageHoldDescription,\n isFlexibleTicket: flightInfo.isFlexibleTicket,\n regularTicketText: '',\n flexibleTicketText: '',\n checked: flightInfo.isSelected,\n isDepartureTimeSpecified: flightInfo.isDepartureTimeSpecified,\n isArrivalTimeSpecified: flightInfo.isArrivalTimeSpecified,\n remark: flightInfo.remark,\n disabled: false,\n price: {\n value: flightInfo.priceDiff.sign === '+' ? `${flightInfo.priceDiff.sign}${flightInfo.priceDiff.formattedOnlyNumber}` : flightInfo.priceDiff.formattedOnlyNumber,\n currency: flightInfo.priceDiff.currency,\n currencyPosition: flightInfo.priceDiff.currencyAtStart ? 'before' : 'after',\n ...(locales.flightSelector.priceDiffLabel ? { label: locales.flightSelector.priceDiffLabel } : {})\n },\n unknownTimeText: locales.flightSelector.unknownTimeText,\n enRouteTransportIcon: locales.flightSelector.enRouteTransport ? locales.flightSelector.enRouteTransport || '' : ''\n }\n\n if (locales.flightSelector.flightTicketInfo && locales.flightSelector.flightTicketInfo.regularTicket) {\n templateData.regularTicketText = locales.flightSelector.flightTicketInfo.regularTicket.title\n }\n\n if (locales.flightSelector.flightTicketInfo && locales.flightSelector.flightTicketInfo.flexibleTicket) {\n templateData.flexibleTicketText = locales.flightSelector.flightTicketInfo.flexibleTicket.title\n }\n\n return templateData\n }\n}\n","/**\n * The BusId identifies a single bus\n *\n * @typedef {String} BusId\n */\n\n/**\n * The BusData contains all data for a bus, outbound or inbound\n *\n * @typedef {Object} BusData\n *\n * @property {BusId} busId\n * @property {String} departureCode - Departure id\n * @property {String} departureCityName\n * @property {String} departureStationName\n * @property {Object} departureDate\n * @property {String} departureDate.formattedDate - Departure's humanized date\n * @property {String} departureDate.formattedTime - Departure's humanized time\n * @property {String} arrivalCode - Arrival id\n * @property {String} arrivalCityName\n * @property {String} arrivalStationName\n * @property {Object} priceDiff - Price diff from the default selected bus\n * @property {String} priceDiff.formatted - Price diff humanized text\n * @property {String} routeTotalPriceFormatted - Total Price humanized text\n * @property {String} routePricePerPersonFormatted - Price per person humanized text\n * @property {Boolean} isSelected\n */\n\n/**\n * The BusSelectorApiData contains all data as received from API\n *\n * @typedef {Object} BusSelectorApiData\n *\n * @property {Object[]} routes - All combination of routes and its info\n * @property {Object[]} routes.outboundBusId -\n * @property {Object[]} routes.inboundBusId -\n * @property {Object} configurations - Extra configuration like price-diff label\n * @property {Object} configurations.labels\n * @property {String} configurations.labels.priceDiffText - (price per person, p.p...)\n * @property {BusData[]} outboundBuses - Departure buses\n * @property {BusData[]} inboundBuses - Return buses\n * @property {Object[]} detailedTripSummary - Detail info related with the selected trip\n */\n\n/**\n * The BusSelectorData contains all data organized to be easily displayed in a table\n *\n * @typedef {BusSelectorApiData} BusSelectorData\n *\n * @property {String} id\n */\n\nimport { parseFormattedPrice } from '../../components/price/c-price.template'\n\nconst defaults = {\n routes: [],\n outboundBuses: [],\n inboundBuses: [],\n detailedTripSummary: []\n}\n\n/**\n * A BusSelectorData model\n */\nexport default class BusSelectorDataModel {\n /**\n * Creates a new BusSelectorDataModel\n *\n * @constructor\n * @param {BusSelectorData|{}} [attributes={}] - The model attributes\n * @param {FlightBusSelectorTemplateData} [defaultData] - Extra data (default texts and others)\n */\n constructor (attributes = {}, defaultData = {}) {\n this.id = attributes.id\n this._setSelectorData({\n ...defaults,\n ...attributes\n })\n this.defaultData = defaultData\n }\n\n /**\n * Sets a price table model\n * @param {BusSelectorApiData} selectorApiData\n *\n * @returns {BusSelectorDataModel} Self instance.\n */\n _setSelectorData (selectorApiData) {\n const inboundPriceDiffs = {}\n this.selectorData = {\n outboundData: selectorApiData.outboundBuses.reduce((obj, outboundBus) => ({\n ...obj,\n [outboundBus.busId]: {\n ...outboundBus,\n inboundRelatedItems: selectorApiData.routes.filter(({ outboundBusId }) => outboundBusId === outboundBus.busId).reduce((obj, route) => {\n // We gather round information about price-diff for every item\n if (!inboundPriceDiffs[route.inboundBusId]) {\n inboundPriceDiffs[route.inboundBusId] = route.priceDiff\n }\n route.routeTotalPrice = {\n raw: parseFormattedPrice(route.routeTotalPriceFormatted).value,\n formatted: route.routeTotalPriceFormatted\n }\n route.routePricePerPerson = {\n raw: parseFormattedPrice(route.routePricePerPersonFormatted).value,\n formatted: route.routePricePerPersonFormatted\n }\n return {\n ...obj,\n [route.inboundBusId]: route\n }\n }, {})\n }\n }), {}),\n inboundData: selectorApiData.inboundBuses.reduce((obj, inboundBus) => ({\n ...obj,\n [inboundBus.busId]: {\n ...inboundBus\n }\n }), {}),\n detailedTripSummary: selectorApiData.tripSummary\n }\n\n return this\n }\n\n /**\n * Gets the flight selector data\n *\n * @returns {FlightBusSelectorData} Self instance.\n */\n getSelectorData () {\n return this.selectorData\n }\n\n /**\n * Gets the bus selector object the template will use\n *\n * @returns {FlightBusSelectorTemplateData}\n */\n getSelectorTemplateData (options = {}) {\n return {\n ...this.defaultData,\n id: this.id,\n outboundDepartureDate: Object.values(this.selectorData.outboundData)[0].departureDate.formattedDate,\n outboundArrivalDate: Object.values(this.selectorData.outboundData)[0].arrivalDate?.formattedDate,\n inboundDepartureDate: Object.values(this.selectorData.inboundData)[0].departureDate.formattedDate,\n inboundArrivalDate: Object.values(this.selectorData.inboundData)[0].arrivalDate?.formattedDate,\n extraInfo: options.locales.busSelector.extraInfo,\n headerText: options.locales.busSelector.headerText,\n outboundHeading: options.locales.busSelector.departureHeaderText,\n inboundHeading: options.locales.busSelector.returnHeaderText,\n buttonMoreText: options.locales.busSelector.showMoreText,\n buttonLessText: options.locales.busSelector.showLessText,\n buttonCancelText: options.locales.busSelector.closeText,\n buttonSubmitText: options.locales.busSelector.confirmPreselectionText,\n changeTransportButtonText: options.locales.busSelector.changeBusesButtonText,\n sideDrawer: {\n title: options.locales.busSelector.headerText,\n icon: options.locales.busSelector.sideDrawerHeader ? options.locales.busSelector.sideDrawerHeader || '' : '' // not used in the side drawer at the moment.\n },\n buttons: [\n {\n text: options.locales.busSelector.departureHeaderText,\n icon: options.locales.busSelector.outboundTransport ? options.locales.busSelector.outboundTransport || '' : ''\n },\n {\n text: options.locales.busSelector.returnHeaderText,\n icon: options.locales.busSelector.inboundTransport ? options.locales.busSelector.inboundTransport || '' : ''\n }\n ]\n }\n }\n\n /**\n * Gets the bus selector's item object the template will use\n *\n * @param {BusData} busInfo\n * @param {Object} options\n * @param {Boolean} options.isInbound - If true, bus type is inbound. It's Outbound by default)\n *\n * @returns {flightBusSelectorItemTemplateData}\n */\n getSelectorItemTemplateData (busInfo, options = {}) {\n return {\n ...options.locales,\n id: busInfo.busId,\n name: this.id,\n type: 'bus',\n companyName: busInfo[`${options.isInbound ? 'arrival' : 'departure'}StationName`],\n departureName: busInfo[`${options.isInbound ? 'arrival' : 'departure'}CityName`],\n ...(!options.isInbound ? { departureTime: busInfo.departureDate.formattedTime } : {}),\n isInbound: options.isInbound,\n checked: busInfo.isSelected,\n internal: false,\n disabled: false,\n price: {\n ...parseFormattedPrice(busInfo.priceDiff.formatted, '+'),\n ...(options.locales.busSelector.priceDiffLabel ? { label: options.locales.busSelector.priceDiffLabel } : {})\n }\n }\n }\n}\n","/**\n * The FlightBusSelectorTemplateData contains all data needed to hydrate a Flight Bus selector view\n *\n * @typedef {Object} FlightBusSelectorTemplateData\n *\n * @property {String} id - Flight bus selector ID\n * @property {String} outboundHeading - Outbound heading text\n * @property {String} outboundDepartureDate - Outbound's departure date\n * @property {String} outboundArrivalDate - Outbound's arrival date\n * @property {String} inboundHeading - Inbound heading text\n * @property {String} inboundDepartureDate - Inbound's departure date\n * @property {String} inboundArrivalDate - Inbound's arrival date\n * @property {String} unrelatedHeading - Unrelated items (no connection between departure and arrival)\n * @property {String} buttonMoreText\n * @property {String} buttonLessText\n * @property {String} buttonCancelText\n * @property {String} buttonSubmitText\n * @property {Object} sideDrawer - For outbound and inbound buttons/tabs\n * @property {Object} priceMismatchMessage - In case there is a price mismatch\n * @property {Object[]} buttons - For outbound and inbound buttons/tabs\n * @property {String} buttons.text\n * @property {String} buttons.variant\n * @property {String} buttons.icon\n * @property {Boolean} buttons.isOpen\n * @property {Boolean} flexibleTicket.active - true if flexible ticket tab is active\n * @property {String} flexibleTicket.title - title of the flexible ticket\n * @property {Array} flexibleTicket.characteristics - characteristics of the flexible ticket\n * @property {String} regularTicket.active - true if regular ticket tab is active\n * @property {Boolean} regularTicket.title - title of the regular ticket\n * @property {Array} regularTicket.characteristics - characteristics of the regular ticket\n */\n\nimport { SideDrawerTemplate } from '../../components/side-drawer/c-side-drawer.template'\nimport { SideDrawerHeaderTemplate } from '../../components/side-drawer/c-side-drawer__header.template'\nimport { SideDrawerBodyTemplate } from '../../components/side-drawer/c-side-drawer__body.template'\nimport { ButtonGroupTemplate } from '../../components/button-group/c-button-group.template'\nimport { CollapseTemplate } from '../../components/collapse/c-collapse.template'\nimport { TabsNavTemplate } from '../../components/tabs/c-tabs__nav.template'\nimport { TabsContentTemplate } from '../../components/tabs/c-tabs__content.template'\nimport { TabsContentWrapperTemplate } from '../../components/tabs/c-tabs__content-wrapper.template'\nimport { SideDrawerFooterTemplate } from '../../components/side-drawer/c-side-drawer__footer.template'\nimport { AbsoluteDialogTemplate } from '../../components/absolute-dialog/c-absolute-dialog.template'\nimport { SwitchTemplate } from '../../components/switch/c-switch.template'\n\nexport const defaultFlightBusSelectorData = {\n id: '',\n title: '[Select your flight]',\n outboundHeading: '[Departure]',\n outboundDepartureDate: '',\n outboundArrivalDate: '',\n inboundHeading: '[Return]',\n inboundDepartureDate: '',\n inboundArrivalDate: '',\n unrelatedHeading: '[Unrelated]',\n buttonMoreText: '[Show more]',\n buttonLessText: '[Show less]',\n buttonCancelText: '[Cancel]',\n buttonSubmitText: '[OK]',\n tabsVariant: '',\n sideDrawer: {\n title: '[Select your]'\n },\n buttons: [{\n text: '[Departure]',\n variant: 'neutral',\n icon: ''\n }, {\n text: '[Return]',\n variant: 'neutral',\n icon: ''\n }],\n flexibleTicket: {\n active: false,\n title: '',\n characteristics: []\n },\n regularTicket: {\n active: false,\n title: '',\n characteristics: []\n },\n typeOfFlights: {\n isCloseJaw: false,\n isOpenJaw: false\n },\n openJawSwitchTitle: '',\n openJawSwitchDescription: '',\n openJawSwitchStatus: true,\n isOpenJawFilteringEnabled: false\n}\n\nconst HeadingDateTemplate = (heading, departureDate, arrivalDate) => {\n return `\n ${locales.noCarNotification}
\n\n ${heading}:\n ${departureDate}\n ${arrivalDate && departureDate !== arrivalDate\n ? `\n -\n ${arrivalDate}\n `\n : ''}\n
\n `\n}\n\nexport const FlightBusSelectorTemplate = (d, options) => {\n d = { ...defaultFlightBusSelectorData, ...d, ...options }\n d.title = d.headerText\n d.sideDrawer.id = `${d.id}__side-drawer`\n return `\n\n
\n`\n}\n","/**\n * The NoFlightBusSelectorTemplateData contains all data needed to hydrate a Flight Bus selector view\n * when there is no data, therefore no combination of fligths or buses.\n *\n * @typedef {Object} NoFlightBusDataTemplate\n *\n * @property {String} id - Flight bus selector ID.\n * @property {String} [title] - Flight selector title.\n * @property {String} message - Message to show.\n */\n\nexport const defaultNoFlightBusData = {\n id: '',\n title: '',\n message: ''\n}\n\nexport const NoFlightBusDataTemplate = (d, options) => {\n d = { ...defaultNoFlightBusData, ...d, ...options }\n\n return `\n\n
\n ${d.priceMismatchMessage ? AbsoluteDialogTemplate(d.priceMismatchMessage) : ''}\n ${d.title}
\n ${d.isOpenJawFilteringEnabled && d.typeOfFlights.isOpenJaw && d.typeOfFlights.isCloseJaw\n ? SwitchTemplate({\n id: `${d.id}__open-jaw-switch`,\n text: `${d.openJawSwitchTitle}${d.openJawSwitchDescription}`,\n extraClasses: 'w-flight-bus-selector__open-jaw-switch',\n checked: d.openJawSwitchStatus,\n dataset: {\n 'w-flight-bus-selector__open-jaw': ''\n }\n })\n : ''\n }\n\n ${HeadingDateTemplate(d.outboundHeading, d.outboundDepartureDate, d.outboundArrivalDate)}\n \n ${HeadingDateTemplate(d.inboundHeading, d.inboundDepartureDate, d.inboundArrivalDate)}\n \n \n
\n ${SideDrawerTemplate({\n ...d.sideDrawer,\n html: `${\n SideDrawerHeaderTemplate(d.sideDrawer) +\n SideDrawerBodyTemplate({\n html: `${\n\n ButtonGroupTemplate({\n extraClasses: 'w-flight-bus-selector__tabs-nav u-hidden--from@sml',\n html: `${d.buttons.map((button, index) => `\n `).join('')\n }`\n }) +\n CollapseTemplate({\n id: `${d.id}__collapse`,\n extraClasses: 'w-flight-bus-selector__collapse',\n html: `${\n TabsContentWrapperTemplate({\n id: `${d.id}__tabs`,\n html: `${\n TabsContentTemplate({\n id: `${d.id}__departure-tab`,\n isOpen: true,\n extraClasses: 'w-flight-bus-selector__departure-tab',\n html: `\n ${HeadingDateTemplate(d.outboundHeading, d.outboundDepartureDate, d.outboundArrivalDate)}\n \n `\n }) +\n TabsContentTemplate({\n id: `${d.id}__arrival-tab`,\n extraClasses: 'w-flight-bus-selector__arrival-tab',\n html: `\n ${HeadingDateTemplate(d.inboundHeading, d.inboundDepartureDate, d.inboundArrivalDate)}\n \n \n \n `\n })\n }`\n })\n }`\n }) + `\n \n `\n }`\n }) +\n SideDrawerFooterTemplate({\n html: `\n \n `\n })\n }`\n })}\n\n ${d.extraInfo\n ? `\n ${d.extraInfo}\n
`\n : ''}\n\n ${TabsNavTemplate({\n id: `${d.id}__tabs-flexible-regular-flights`,\n variant: 'secondary',\n extraClasses: 'w-flight-bus-selector__flexible-regular-flights-tabs',\n items: [\n {\n id: `${d.id}__tab-flexible-flights`,\n text: d.flexibleTicket.title,\n isOpen: d.flexibleTicket.active,\n icon: 'airplane-flexible',\n extraClasses: d.flexibleTicket.active ? '' : 'is-hidden'\n },\n {\n id: `${d.id}__tab-regular-flights`,\n text: d.regularTicket.title,\n isOpen: !d.flexibleTicket.active,\n icon: 'airplane',\n extraClasses: d.regularTicket.active ? '' : 'is-hidden'\n }\n ]\n })\n }\n ${TabsContentWrapperTemplate({\n id: `${d.id}__tabs-flexible-regular-flights`,\n extraClasses: 'w-flight-bus-selector__flexible-regular-flights-tabs',\n html: `\n ${\n TabsContentTemplate({\n id: `${d.id}__tab-flexible-flights`,\n isOpen: d.flexibleTicket.active,\n extraClasses: `${d.flexibleTicket.active ? '' : 'is-hidden'} sp-stack-children--large`,\n html: `\n - \n ${d.flexibleTicket.characteristics.map((characteristic) => `\n
- ${characteristic} \n `).join('')}\n
- \n ${d.regularTicket.characteristics.map((characteristic) => `\n
- ${characteristic} \n `).join('')}\n
\n ${d.title ? `
\n`\n}\n","/**\n * The FlightBusSelectorData contains all data as received from API\n *\n * @typedef {Object} FlightBusSelectorData\n *\n * @property {Object.