${answer}
\n\n ${d.noAnswerText}\n ${d.noAnswerBtn}\n
`\n }\n `\n })}\n `\n}\n","import { apiCaller } from '../../../js/helpers/api-caller'\nimport { registerWidget } from '../../../js/core/widget/widget-directory'\nimport { PreferenceQuestionTemplate, checkboxContentWithFlag } from './w-preference-questionnaire__question.template'\nimport { PreferenceSummaryQuestionTemplate } from './w-preference-questionnaire__summary-question.template'\nimport { elementFromString, flush } from '../../../js/document/html-helper'\nimport { getAbsoluteUrl, getSearchParamsFromUrl } from '../../../js/document/url'\nimport Component from '../../../js/core/component/component'\nimport registeredEvents from '../../../js/helpers/registered-events'\nimport { preferenceQuestionnaireEvents } from '../../../js/document/event-types'\nconst EventEmitter = require('eventemitter3')\n\nconst classNames = {\n widgetApi: 'w-preference-questionnaire',\n opened: 'in',\n choiceList: 'c-choice-list'\n}\n\nconst DIRECTION = {\n BACKWARD: 'backward',\n FORWARD: 'forward'\n}\n\nexport const widgetQueries = {\n settings: `[data-${classNames.widgetApi}__settings]`,\n startBtn: `[data-${classNames.widgetApi}__start-btn]`,\n backBtn: `[data-${classNames.widgetApi}__back-btn]`,\n nextBtn: `[data-${classNames.widgetApi}__next-btn]`,\n sendBtn: `[data-${classNames.widgetApi}__send-btn]`,\n summaryBtn: `[data-${classNames.widgetApi}__summary-btn]`,\n startMessage: `[data-${classNames.widgetApi}__start-message]`,\n successMessage: `[data-${classNames.widgetApi}__success-message]`,\n errorMessage: `[data-${classNames.widgetApi}__error-message]`,\n question: `data-${classNames.widgetApi}__question`,\n conditionalQuestion: `data-${classNames.widgetApi}__conditional-question`,\n conditionedQuestion: `data-${classNames.widgetApi}__conditioned-question`,\n conditionedQuestionDisabled: `data-${classNames.widgetApi}__conditioned-question-disabled`,\n questionChoiceList: `[data-${classNames.widgetApi}__options]`,\n progressBar: `[data-${classNames.widgetApi}__progress-bar]`,\n requestUrl: `data-${classNames.widgetApi}__request-url`,\n postUrl: `data-${classNames.widgetApi}__post-url`,\n questionnaireContainer: `[data-${classNames.widgetApi}__questionnaire-container]`,\n questionsContainer: `[data-${classNames.widgetApi}__questions-container]`,\n loaderContainer: `[data-${classNames.widgetApi}__start-loader-container]`,\n summaryContainer: `[data-${classNames.widgetApi}__summary-container]`,\n summaryQuestionsContainer: `[data-${classNames.widgetApi}__summary-questions-container]`,\n summaryEditQuestionnaireBtn: `[data-${classNames.widgetApi}__summary-questionnaire-edit]`,\n summaryEditQuestionBtn: `data-${classNames.widgetApi}__summary-question-edit`,\n comesTroughEmail: `data-${classNames.widgetApi}__comes-through-email`,\n disableTracking: `data-${classNames.widgetApi}__tracking-disabled`,\n trackAttr: 'data-track'\n}\n\nexport default class PreferenceQuestionnaire {\n /**\n * Creates a new preference questionnaire widget.\n * @constructor\n * @param {HTMLElement} element The HTML element.\n */\n constructor (element) {\n this.element = element\n this.events = new EventEmitter()\n registeredEvents.registerWidgetEvents(classNames.widgetApi, this.events, {\n ...this.element.hasAttribute(widgetQueries.trackAttr) && { track: this.element.attributes[widgetQueries.trackAttr].value }\n })\n this._getHtmlElements()\n this._openSlide(this.loaderContainer)\n const requestedPreferenceQuestions = this._requestPreferenceQuestions(this.requestUrl)\n requestedPreferenceQuestions.then(response => {\n this.response = response\n this._renderQuestions(this.response.data)\n this.questions = this.element.querySelectorAll(`[${widgetQueries.question}]`)\n this._setupConditionalQuestions()\n this._renderQuestionsSummary(this.response)\n this._showProgressBar()\n this._attachEvents()\n this._questionnaireThroughMail()\n this.isOnEditOneQuestionMode = false\n if (this._questionnaireHasBeenAnswered()) {\n this._openSlide(this.summaryContainer)\n this._disableTracking()\n } else {\n this._openSlide(this.startMessage)\n }\n this._toggleBtn(this.startBtnApi)\n }).catch(() => {\n this._openSlide(this.errorMessage)\n })\n }\n\n /**\n * Get the necessary elements from the html\n */\n _getHtmlElements () {\n this.settings = this.element.querySelector(widgetQueries.settings)\n this.startBtn = this.element.querySelector(widgetQueries.startBtn)\n this.startBtnApi = this.startBtn['c-btn']\n this.backBtn = this.element.querySelector(widgetQueries.backBtn)\n this.nextBtn = this.element.querySelector(widgetQueries.nextBtn)\n this.sendBtn = this.element.querySelector(widgetQueries.sendBtn)\n this.sendBtnApi = this.sendBtn['c-btn']\n this.summaryBtn = this.element.querySelector(widgetQueries.summaryBtn)\n this.startMessage = this.element.querySelector(widgetQueries.startMessage)\n this.successMessage = this.element.querySelector(widgetQueries.successMessage)\n this.errorMessage = this.element.querySelector(widgetQueries.errorMessage)\n this.progressBar = this.element.querySelector(widgetQueries.progressBar)\n this.progressProgressBar = this.element.querySelector(`${widgetQueries.progressBar} progress`)\n this.requestUrl = this.element.getAttribute(widgetQueries.requestUrl)\n this.postUrl = this.element.getAttribute(widgetQueries.postUrl)\n this.questionnaireContainer = this.element.querySelector(widgetQueries.questionnaireContainer)\n this.questionsContainer = this.element.querySelector(widgetQueries.questionsContainer)\n this.loaderContainer = this.element.querySelector(widgetQueries.loaderContainer)\n this.summaryContainer = this.element.querySelector(widgetQueries.summaryContainer)\n this.summaryQuestionsContainer = this.element.querySelector(widgetQueries.summaryQuestionsContainer)\n this.summaryEditQuestionnaireBtn = this.element.querySelector(widgetQueries.summaryEditQuestionnaireBtn)\n }\n\n /**\n * Get the Settings from the DOM\n * @return {Object}\n */\n _getSettingsDataFromDom () {\n if (!this.settings) return false\n return JSON.parse(this.settings.textContent)\n }\n\n /**\n * Attach the necessary events\n */\n _attachEvents () {\n if (this.startBtn) this.startBtn.addEventListener('click', this._startQuestionnaire.bind(this))\n if (this.backBtn) this.backBtn.addEventListener('click', this._goToPreviousQuestion.bind(this))\n if (this.nextBtn) this.nextBtn.addEventListener('click', this._goToNextQuestion.bind(this))\n if (this.sendBtn) this.sendBtn.addEventListener('click', this._sendBtnClicked.bind(this))\n if (this.summaryBtn) this.summaryBtn.addEventListener('click', this._showSummary.bind(this))\n if (this.summaryEditQuestionnaireBtn) this.summaryEditQuestionnaireBtn.addEventListener('click', this._editQuestionnaire.bind(this))\n this._attachSummaryEvents()\n }\n\n /**\n * get the next question number on both directions that aren't disabled\n * @param {HTMLElement} screen from which question number start to check\n * @param {String} direction backward/forward\n * @return {Number | null}\n *\n */\n _getNextNotDisabledNumberQuestion (numberOfQuestion, direction) {\n const backwardLimit = num => direction === DIRECTION.BACKWARD && num < 0\n const forwardLimit = num => direction === DIRECTION.FORWARD && num > this.questions.length\n\n if (!this.questions[numberOfQuestion]) return\n\n while (this.questions[numberOfQuestion].hasAttribute(widgetQueries.conditionedQuestionDisabled)) {\n if (direction === DIRECTION.FORWARD) numberOfQuestion++\n if (direction === DIRECTION.BACKWARD) numberOfQuestion--\n if (backwardLimit(numberOfQuestion) || forwardLimit(numberOfQuestion)) break\n }\n\n if (backwardLimit(numberOfQuestion) || forwardLimit(numberOfQuestion)) return\n\n return numberOfQuestion\n }\n\n /**\n * Start the preference questionnaire\n */\n _startQuestionnaire () {\n this.backBtn.classList.add(classNames.opened)\n const numberOfQuestion = this._getNextNotDisabledNumberQuestion(0, DIRECTION.FORWARD)\n if (isNaN(numberOfQuestion)) {\n this._openSlide(this.errorMessage)\n return\n }\n this._openSlide(this.questionnaireContainer)\n this._openQuestion(this.questions[numberOfQuestion])\n }\n\n /**\n * Go to the next question of the questionnaire\n */\n _goToNextQuestion () {\n let numberOfQuestion = [...this.questions].indexOf(this.activeQuestion) + 1\n numberOfQuestion = this._getNextNotDisabledNumberQuestion(numberOfQuestion, DIRECTION.FORWARD)\n if (isNaN(numberOfQuestion)) {\n this._openSlide(this.errorMessage)\n return\n }\n this._openQuestion(this.questions[numberOfQuestion])\n }\n\n /**\n * Go to the previous question of the questionnaire\n */\n _goToPreviousQuestion () {\n let numberOfQuestion = [...this.questions].indexOf(this.activeQuestion) - 1\n numberOfQuestion = this._getNextNotDisabledNumberQuestion(numberOfQuestion, DIRECTION.BACKWARD)\n if (isNaN(numberOfQuestion)) {\n this._openSlide(this.errorMessage)\n return\n }\n this._openQuestion(this.questions[numberOfQuestion])\n }\n\n /**\n * send button clicked\n */\n _sendBtnClicked () {\n this._toggleBtn(this.sendBtnApi)\n const sendQuestionnaireResponse = this._sendQuestionnaire()\n sendQuestionnaireResponse.then(response => {\n if (!response.success) {\n this._openSlide(this.errorMessage)\n return\n }\n this._openSlide(this.successMessage)\n this._toggleBtn(this.sendBtnApi)\n }).catch(() => {\n this._openSlide(this.errorMessage)\n })\n }\n\n /**\n * Disable the start and sent tracking\n */\n _disableTracking () {\n this.startBtn.setAttribute(widgetQueries.disableTracking, '')\n this.sendBtn.setAttribute(widgetQueries.disableTracking, '')\n }\n\n /**\n * Show the summary\n */\n _showSummary () {\n this._disableTracking()\n this._updateQuestionsSummary(this.response)\n this._openSlide(this.summaryContainer)\n }\n\n /**\n * Edit the questionnaire\n */\n _editQuestionnaire () {\n this.events.emit(preferenceQuestionnaireEvents.PREFERENCE_QUESTIONNAIRE_EDIT, { questionValue: 'all' })\n this._showProgressBar()\n this._openSlide(this.startMessage)\n }\n\n /**\n * Open the slide passed\n * @param {HTMLElement} screen The HTML slide\n */\n _openSlide (screen) {\n if (this.activeScreen) {\n this.activeScreen.classList.remove(classNames.opened)\n }\n this.activeScreen = screen\n screen.classList.add(classNames.opened)\n }\n\n /**\n * Open the question passed and update the different UI elements\n * @param {HTMLElement} question The HTML question\n */\n _openQuestion (question) {\n if (this.activeQuestion) this.activeQuestion.classList.remove(classNames.opened)\n this.activeQuestion = question\n question.classList.add(classNames.opened)\n this._updateProgressBar()\n this._setStateBackBtn()\n this._setStateNextAndSendBtn()\n this._toggleNextAndSendBtn()\n }\n\n /**\n * get the question number you indicated\n * @param {number} questionNumber the number question you want to open\n * @return {HTMLElement}\n */\n _getQuestion (questionNumber) {\n const question = [...this.questions].filter(question => {\n return parseInt(question.getAttribute(widgetQueries.question)) === questionNumber\n })\n if (!question.length) return ''\n return question[0]\n }\n\n /**\n * Disable and unable the back btn depending on the active question\n */\n _setStateBackBtn () {\n const firstQuestion = this._getNextNotDisabledNumberQuestion(0, DIRECTION.FORWARD)\n if (isNaN(firstQuestion)) {\n this._openSlide(this.errorMessage)\n return\n }\n if ([...this.questions].indexOf(this.activeQuestion) !== firstQuestion) {\n this.backBtn.disabled = false\n return\n }\n this.backBtn.disabled = true\n }\n\n /**\n * Set the state of the next and send btn depending if the conditional question has been answered\n */\n _setStateNextAndSendBtn () {\n if (!this.activeQuestion.hasAttribute(widgetQueries.conditionalQuestion)) {\n this.nextBtn.disabled = false\n this.sendBtn.disabled = false\n return\n }\n const choiceListApi = this.activeQuestion.querySelector(widgetQueries.questionChoiceList)[classNames.choiceList]\n if (!choiceListApi.getSelectedValues().length) {\n this.nextBtn.disabled = true\n this.sendBtn.disabled = true\n } else {\n this.nextBtn.disabled = false\n this.sendBtn.disabled = false\n }\n }\n\n /**\n * Show/hide the next and send btn depending on the active question\n */\n _toggleNextAndSendBtn () {\n const lastQuestion = this._getNextNotDisabledNumberQuestion(this.questions.length - 1, DIRECTION.BACKWARD)\n if (isNaN(lastQuestion)) {\n this._openSlide(this.errorMessage)\n return\n }\n if ([...this.questions].indexOf(this.activeQuestion) === lastQuestion || this.isOnEditOneQuestionMode) {\n this.nextBtn.classList.remove(classNames.opened)\n this.sendBtn.classList.add(classNames.opened)\n return\n }\n this.nextBtn.classList.add(classNames.opened)\n this.sendBtn.classList.remove(classNames.opened)\n }\n\n /**\n * Show the progress bar if there is more than one question\n */\n _showProgressBar () {\n const questionNotDisabled = [...this.questions].filter(question => !question.hasAttribute(widgetQueries.conditionedQuestionDisabled))\n if (questionNotDisabled.length > 1 && this.progressBar && !this.isOnEditOneQuestionMode) {\n this.progressBar.classList.add(classNames.opened)\n } else {\n this.progressBar.classList.remove(classNames.opened)\n }\n }\n\n /**\n * Update the progress bar depending on the active question is displayed\n */\n _updateProgressBar () {\n const questionNotDisabled = [...this.questions].filter(question => !question.hasAttribute(widgetQueries.conditionedQuestionDisabled))\n if (questionNotDisabled.length <= 1) return\n const numberOfQuestions = questionNotDisabled.length\n const activeQuestion = questionNotDisabled.indexOf(this.activeQuestion)\n const progressBarValue = ((parseInt(activeQuestion) + 1) / numberOfQuestions) * 100\n if (this.progressProgressBar) this.progressProgressBar.value = progressBarValue\n }\n\n /**\n * Update the questionnaire data\n */\n _updateQuestionnaireData () {\n this.response.data.forEach(responseQuestionData => {\n const question = [...this.questions].filter(question => {\n return question.querySelector(`.${classNames.choiceList}[id='${responseQuestionData.id}']`)\n })\n if (!question) return\n const questionCheckedValues = question[0].querySelector(widgetQueries.questionChoiceList)[classNames.choiceList].getSelectedValues()\n responseQuestionData.answers.forEach(answer => {\n if (questionCheckedValues.includes(answer.value)) {\n answer.checked = true\n } else {\n answer.checked = false\n }\n })\n })\n }\n\n /**\n * Prepare the data and send the questionnaire\n * @return {bool} true if the data has been send successfully or false if something went wrong\n */\n async _sendQuestionnaire () {\n this._updateQuestionnaireData()\n const questionsData = this.response.data.map(questionData => {\n const selectedValues = questionData.answers.filter(answer => answer.checked === true).map(answerSelected => answerSelected.value)\n return {\n type: questionData.value,\n values: selectedValues\n }\n })\n return await apiCaller(`${this.postUrl}${this._getParameters(this.postUrl)}`, {\n body: { preferences: questionsData },\n method: 'POST'\n })\n }\n\n /**\n * Renders the preference questions\n * @param {Object} data\n */\n _renderQuestions (data) {\n data.forEach((questionData, index) => {\n const options = []\n const allAnswersHasIllustrations = this._allAnswersHasIllustrations(questionData.answers)\n const someAnswersHasFlags = this._someAnswersHasFlags(questionData.answers)\n\n questionData.answers.forEach(answerData => {\n const answerDataIllustration = {}\n const htmlCheckbox = {}\n if (allAnswersHasIllustrations) {\n answerDataIllustration.dataset = {}\n answerDataIllustration.dataset.illustrationSrc = answerData.illustrationSrc\n answerDataIllustration.dataset.illustrationAlt = answerData.title\n }\n\n if (answerData.countryCode && this._getChoiceListMethod(questionData.type) === 'multiple') {\n htmlCheckbox.html = checkboxContentWithFlag(answerData.title, answerData.countryCode)\n }\n\n const answer = {\n ...htmlCheckbox,\n ...answerDataIllustration,\n id: answerData.id,\n name: answerData.title,\n value: answerData.value,\n text: answerData.title,\n checked: answerData.checked\n }\n options.push(answer)\n })\n\n const preferenceQuestionHtml = PreferenceQuestionTemplate({\n someAnswersHasFlags,\n allAnswersHasIllustrations,\n id: questionData.id,\n value: questionData.value,\n titleText: questionData.title,\n titleIcon: questionData.icon,\n infoText: questionData.infoText,\n index: index + 1,\n method: this._getChoiceListMethod(questionData.type),\n options,\n conditional: questionData.conditional,\n conditioned: questionData.conditioned\n })\n\n const preferenceQuestionElement = elementFromString(preferenceQuestionHtml)\n Component.initDocumentComponentsFromAPI(preferenceQuestionElement)\n this.questionsContainer.appendChild(preferenceQuestionElement)\n })\n }\n\n /**\n * Renders the preference questions summary\n * @param {Object} response\n */\n _renderQuestionsSummary (response) {\n const settingsData = this._getSettingsDataFromDom()\n response.data.forEach((questionData, index) => {\n const answers = []\n const questionDisabled = [...this.questions].filter(question => {\n if (parseInt(question.getAttribute(widgetQueries.question)) !== index + 1) return false\n return question.hasAttribute(widgetQueries.conditionedQuestionDisabled)\n })\n if (questionDisabled.length) return\n questionData.answers.forEach(answerData => {\n if (!answerData.checked) return\n answers.push(answerData.title)\n })\n\n const preferenceSummaryQuestionHtml = PreferenceSummaryQuestionTemplate({\n titleText: questionData.title,\n titleIcon: questionData.icon,\n index: index + 1,\n editBtnText: settingsData.summaryEditBtnText,\n answers,\n noAnswerText: settingsData.summaryNoAnswerText,\n noAnswerBtn: settingsData.summaryNoAnswerBtn\n })\n\n const preferenceSummaryQuestionElement = elementFromString(preferenceSummaryQuestionHtml)\n this.summaryQuestionsContainer.appendChild(preferenceSummaryQuestionElement)\n })\n }\n\n /**\n * Update the questions summary\n * @param {Object} response\n */\n _updateQuestionsSummary (response) {\n flush(this.summaryQuestionsContainer)\n this.isOnEditOneQuestionMode = false\n this._renderQuestionsSummary(response)\n this._attachSummaryEvents()\n }\n\n /**\n * Attach the events for the different links on the questionnaire summary\n */\n _attachSummaryEvents () {\n const summaryEditQuestionButtons = this.summaryContainer.querySelectorAll(`[${widgetQueries.summaryEditQuestionBtn}]`)\n summaryEditQuestionButtons.forEach(summaryEditQuestionButton => {\n summaryEditQuestionButton.addEventListener('click', event => {\n this.isOnEditOneQuestionMode = true\n event.preventDefault()\n const questionIndex = parseInt(summaryEditQuestionButton.getAttribute(widgetQueries.summaryEditQuestionBtn))\n this.events.emit(preferenceQuestionnaireEvents.PREFERENCE_QUESTIONNAIRE_EDIT, { questionValue: this._getValueQuestion(questionIndex) })\n this.progressBar.classList.remove(classNames.opened)\n this.backBtn.classList.remove(classNames.opened)\n this._openSlide.bind(this, this.questionnaireContainer)()\n this._openQuestion.bind(this, this._getQuestion(questionIndex), true)()\n })\n })\n }\n\n /**\n * Get the value question with the questionNumber\n * @param {number} questionNumber\n * @return {string}\n */\n _getValueQuestion (questionNumber) {\n const responseQuestion = this.response.data[questionNumber - 1]\n if (!responseQuestion && !responseQuestion.value) return ''\n return responseQuestion.value\n }\n\n /**\n * Setup the conditional questions\n */\n _setupConditionalQuestions () {\n this.conditionalsValues = [];\n [...this.questions].forEach(question => {\n if (!question.hasAttribute(widgetQueries.conditionalQuestion)) return\n const choiceListConditionalQuestion = question.querySelector(`.${classNames.choiceList}`)\n this.conditionalsValues.push(...choiceListConditionalQuestion[classNames.choiceList].getSelectedValues())\n this._attachConditionalQuestionsEvents(choiceListConditionalQuestion)\n })\n this._disableConditionedQuestions()\n }\n\n /**\n * Attach the events for the the conditional question\n */\n _attachConditionalQuestionsEvents (choiceList) {\n choiceList[classNames.choiceList].events.on('changeOptions', (options) => {\n const conditionalValuesSelected = options.filter(option => option.checked).map(option => option.value)\n const conditionalValuesUnselected = options.filter(option => !option.checked).map(option => option.value)\n // New set removes duplicate and the filter removes the items unchecked\n this.conditionalsValues = [...new Set([...this.conditionalsValues, ...conditionalValuesSelected]\n .filter(conditionalsValue => !conditionalValuesUnselected.includes(conditionalsValue)))]\n this._disableConditionedQuestions()\n this._setStateBackBtn()\n this._setStateNextAndSendBtn()\n this._toggleNextAndSendBtn()\n this._showProgressBar()\n this._updateProgressBar()\n })\n }\n\n /**\n * Add disable attr to the conditioned questions if necessary\n */\n _disableConditionedQuestions () {\n this.questions.forEach(question => {\n const conditionedFor = question.getAttribute(widgetQueries.conditionedQuestion)\n if (!conditionedFor) return\n if (!this.conditionalsValues.includes(conditionedFor)) {\n question.setAttribute(widgetQueries.conditionedQuestionDisabled, '')\n const choiceListApi = question.querySelector(widgetQueries.questionChoiceList)[classNames.choiceList]\n choiceListApi.setProp('options', choiceListApi.getProp('options').map(option => ({ ...option, checked: false })))\n } else {\n question.removeAttribute(widgetQueries.conditionedQuestionDisabled)\n }\n })\n }\n\n /**\n * Returns the method for the choice list\n * @param {String} type\n * @return {String | null}\n */\n _getChoiceListMethod (type) {\n switch (type.toLocaleLowerCase()) {\n case 'singleselect':\n return 'single'\n case 'multiselect':\n return 'multiple'\n default:\n return null\n }\n }\n\n /**\n * Returns true if all passed answer has illustrations\n * @param {Array} answers\n * @return {Bool}\n */\n _allAnswersHasIllustrations (answers) {\n return answers.map(answerData => {\n return answerData.illustrationSrc ? answerData.illustrationSrc : false\n }).every(answersHasIllustrations => {\n return !!answersHasIllustrations === true\n })\n }\n\n /**\n * Returns true if some passed answer has country flags\n * @param {Array} answers\n * @return {Bool}\n */\n _someAnswersHasFlags (answers) {\n return answers.map(answerData => {\n return answerData.countryCode ? answerData.countryCode : false\n }).some(answersHasFlags => {\n return !!answersHasFlags === true\n })\n }\n\n /**\n * Toggle the button passed state from: disabled and loading to not disabled and not loading\n */\n _toggleBtn (btn) {\n btn.setProps({\n disabled: !btn.getProp('disabled'),\n loading: !btn.getProp('loading')\n })\n }\n\n /**\n * Returns the requested preference questions\n * @param {String} requestUrl\n * @return {Promise}\n */\n async _requestPreferenceQuestions (requestUrl) {\n if (!requestUrl) return null\n const result = await apiCaller(`${requestUrl}${this._getParameters(requestUrl)}`)\n if (!result.success || !result.response) return null\n return result.response\n }\n\n /**\n * Returns true if a string url has parameters\n * @param {String} stringUrl\n * @return {Bool}\n */\n _stringUrlHasParameters (stringUrl) {\n try {\n const url = new URL(getAbsoluteUrl(stringUrl))\n const parametersUrl = url.search\n if (parametersUrl) return true\n return false\n } catch {\n return false\n }\n }\n\n /**\n * return parameters from url formatted\n * @param {String} stringUrl\n * @return {String}\n */\n _getParameters (stringUrl) {\n if (!document.location.search) return ''\n return this._stringUrlHasParameters(stringUrl) ? `&${document.location.search.substring(1)}` : document.location.search\n }\n\n /**\n * Show the summary or the preference questionnaire depending of the questionnaire has been already answered\n * @return {Bool}\n */\n _questionnaireHasBeenAnswered () {\n return this.response.data.some(question => {\n return question.answers.some(answer => Object.prototype.hasOwnProperty.call(answer, 'checked'))\n })\n }\n\n /**\n * Add attributes to different elements of the questionnaire if a questionnaire comes through the mail\n * @return {Bool}\n */\n _questionnaireThroughMail () {\n const params = getSearchParamsFromUrl(document.location)\n if (!params || !params.email) return\n this.startBtn.setAttribute(widgetQueries.comesTroughEmail, '')\n this.sendBtn.setAttribute(widgetQueries.comesTroughEmail, '')\n }\n}\n\nregisterWidget(PreferenceQuestionnaire, classNames.widgetApi)\n","/**\n * List of events used by price filter widget\n *\n */\nexport const priceFilter = {\n PRICE_FILTERS_APPLIED: 'PriceFilter.FilterApplied'\n}\n"],"names":["_regeneratorRuntime","e","t","r","Object","prototype","n","hasOwnProperty","o","defineProperty","value","i","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","type","arg","call","h","l","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","forEach","_invoke","AsyncIterator","invoke","_typeof","resolve","__await","then","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","return","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","isNaN","length","displayName","isGeneratorFunction","constructor","name","mark","setPrototypeOf","__proto__","awrap","async","Promise","keys","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","catch","delegateYield","asyncGeneratorStep","gen","reject","_next","_throw","key","info","error","_defineProperties","target","props","descriptor","input","hint","prim","toPrimitive","undefined","res","String","_toPrimitive","widgetApi","dropdownApi","widgetQueries","dropdownItem","concat","dropdownItemRendered","apiUrl","dropdownWrapper","dropdownWrapperRendered","group","extraParams","dropdownJs","DropdownRedirectGroup","_renderDropdowns2","element","instance","Constructor","_classCallCheck","this","elementId","id","getExtraParameters","dropdownItems","querySelectorAll","dropdownItemsProcessed","querySelector","options","getAttribute","url","_processItems","_renderDropdowns","protoProps","_this","item","processedItem","itemPlaceholder","getPlaceholder","itemLabel","getLabel","itemGroup","fn","_callee","fetchUrl","result","_this2","_context","getUrlFromString","apiCaller","success","response","groupItems","responseItem","dropdownData","variant","label","placeholder","map","option","selected","isSelected","text","innerHTML","DropdownTemplate","Component","initDocumentComponentsFromAPI","events","on","changes","selectedValue","getValue","window","location","href","classList","add","t0","newrelic","noticeError","self","args","arguments","apply","err","extraParamsElements","reduce","obj","el","registerWidget","DropdownRedirect","_Dropdown","_inherits","_super","_redirect","Dropdown","_asyncToGenerator","DynamicLabel","_clearLabel","_getData","_render","loader","observer","documentObserver","observe","observerAPI","getData","freshData","render","clearLabel","unobserve","_callee2","_context2","fetchJsonData","data","_x","_callee3","_context3","removeChild","defaults","buttonsContainer","buttons","messageYes","messageNo","attr","questionId","apiData","buttonOption","FaqFeedback","_objectSpread","_getDataAttributes","attributes","elements","addEventListener","_sendFeedback","bind","_setVisibility","_hideFeedbackMessages","_buildApiUrl","fetch","mode","credentials","prefix","attrData","attribute","toLowerCase","startsWith","substring","ok","_showFeedbackOkSent","faqId","_getFixedQueryParams","ev","buttonType","sendFeedbackOk","show","toggle","params","property","faqTopQuestions","QUESTION_TOGGLED","defaultFaqTopQuestionsContentData","questions","FaqTopQuestionsContentTemplate","AccordionTemplate","size","items","question","index","title","body","track","faqTopQuestionsEvents","collapseAttributes","ownKeys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","_toPropertyKey","getOwnPropertyDescriptors","defineProperties","classes","mainContainer","FaqTopQuestions","_fetchAndUpdate","fetchAndUpdate","getUrl","results","templateData","renderedHtml","_notEmptyResults","remove","_mapApiResultsToTemplateData","_renderHTML","nodes","node","answer","html","targetElement","newContent","elementFromString","flush","appendChild","da","openJawSwitchTitle","openJawSwitchDescription","de","en","nb","fr","nl","sv","LanguageModal","cookie","storage","dataset","modal","_init","_isCookieSet","open","_setListeners","cookieValue","lang","_setCookie","get","cookieName","set","domain","cookieDomain","path","cookiePath","expirationDays","parseInt","cookieExpirationDays","searchCategoryTitle","accommodationCategoryTitle","informationCategoryTitle","flightCategoryTitle","CATEGORIES","SearchPage","Accommodation","ContentPage","City","Subregion","Region","Country","FlightTicket","setCategoryTitles","categoryTitles","Destinations","Accommodations","Information","orderCategories","categories","Set","acumulator","currentValue","includes","addCategoryIfNotAlreadyExisting","category","siteType","siteTypes","indexOf","CategoryBlock","regExp","some","destinationIcons","CollapseTemplate","assign","defaultCollapseData","maxItems","childrenWrapper","extraClasses","NewResultTemplate","join","CollapseTriggerTemplate","defaultCollapseTriggerData","showAllText","action","showLessText","breadcrumbs","cid","replace","breadcrumb","BreadCrumbTemplate","urlAttr","urlSearchParamAttr","useDestinationsLayoutAttr","filterAndSortAttr","useNewEndpointAttr","showMoreText","cancelText","newWidgetClass","asyncSearchMinChars","hiddenClassName","LiveSearch","_Autocomplete","_thisSuper","autocompleteElement","useNewEndpoint","hasAttribute","autocompleteOptions","urlSearchParam","urlParams","searchAttributes","displayAttributes","emptyShownResults","disableTextBoxOnBlur","delay","widgetElement","useDestinationsLayout","_parseBooleanAttribute","filterAndSort","parentComponentIsForm","_parentComponentIsForm","getResultsHtml","_getResultsHtml","_get","_assertThisInitialized","_getPrototypeOf","showMoreButton","_setupHasMoreResultsBtn","resultsElementApi","getProp","domEventsHelper","detachEvents","_openedEvents","document","mouseup","_handleDomCLick","attachEvents","tempSelection","dataCache","hasMoreResults","_toggleHasMoreResults","selection","model","getAbsoluteUrl","urlWithOrigin","emit","liveSearchEvents","SUBMIT","targetUrl","callback","matches","textBoxInput","focus","updateResults","searchUrl","pageUrl","_this3","resultsElement","parentElement","submit","tagName","_this4","currentSearch","resultsShown","termRegExp","floatsFrom","minHeight","maxHeight","locales","showMore","cancel","closest","contains","removeResultsElement","attrName","defaultValue","attrValue","Autocomplete","loginForm","LOGIN_FORM_CREATE_ACCOUNT_SUBMITTED","currentView","switch","currentViewAttribute","mainNewsletterCheckbox","secondaryNewsletterContainer","secondaryNewsletterCheckboxes","supportedViews","default","others","LoginForm","_initCurrentView","_getHtmlElements","_bindEvents","switchers","_initSwitchers","switcher","_handleSwitch","_handleMainNewsletterChange","checkbox","_handleSecondaryNewsletterChange","parameters","getSearchParamsFromUrl","_setCurrentView","view","setAttribute","toViewName","preventDefault","isChecked","checked","style","display","Array","from","every","EventEmitter","require","LoginStatus","_createClass","registeredEvents","registerWidgetEvents","profileData","getProfileData","loginStatusEvents","LOADED","buttonAPI","sideDrawerApi","desktopContentWrapper","desktopMiddleLayerContentWrapper","desktopMiddleLayerItem","desktopMiddleLayerItemElement","desktopMiddleLayerItemBtn","desktopMiddleLayerItemId","desktopRightColumnContentWrapper","desktopSectionId","desktopParentId","desktopItemHasChild","desktopItemExtra","desktopItemSecondLevel","desktopItemSecondLevelHasChild","desktopItemRightColumn","desktopWrapperSecondLevelId","mobileTitleSection","btnOpenSideDrawer","btnCloseSideDrawer","mobileMenuItem","mobileCurrentLevel","classNames","trace","MainMenu","_openWrapper2","_closeWrapper2","backdrop","_transitionTime","cssHelper","sideDrawer","desktopMenuElementWithChild","_setEvents","_handleElementWithChildClick","_handleElementSecondLevelWithChildClick","_handleElementMiddleLevelWithChildClick","_setEventsSideDrawer","_setEventsEmitter","titleElements","linkElement","stopPropagation","sectionId","_cleanSecondLevelActive","_setNavMenuSecondLevelActive","_cleanMiddleLevelActive","_setNavMenuMiddleLevelActive","ariaExpanded","_closeWrapper","_removeActiveClass","_openWrapper","_openBackdrop","setTimeout","_closeBackdrop","_this5","Backdrop","_ref","_this6","removeEventListener","close","destroy","_this7","eventData","getText","isFinalLink","itemsTrace","_sendItemClickedEvent","_getTextFromMobileItem","_buildMobileTrace","parentList","currentLevelRaw","_getCurrentLevelMobile","currentLevel","parentWrapper","innerText","mainMenuEvents","MAIN_MENU_ITEM_CLICKED","HeaderContent","TextboxTemplate","defaultTextboxData","icon","hiddenMessages","BodyContent","FooterContent","btn","floatingBox","textBox","globalLocales","register","language","componentLocales","NewLiveSearch","cache","customLocaleElement","customLocaleData","JSON","parse","textContent","_getLocales","FloatingBoxTemplate","opened","header","FloatingBoxHeaderTemplate","FloatingBoxBodyTemplate","footer","FloatingBoxFooterTemplate","Content","initComponentActionElements","floatingBoxApi","clear","updateInputValueFromSelection","setProp","newEmptySearch","htmlContent","asyncSearchInProgress","getSearchingResultsHtml","getNoResultsHtml","updateResultsElement","participantsFilter","PARTICIPANTS_FILTER__FILTER_APPLIED","payment","PAYMENT_METHOD_SELECTED","ADD_VOUCHER","VOUCHER_SELECTED","VOUCHER_FETCHED","VOUCHER_AMOUNT_ERROR","CANCELED","PAYMENT_SUCCESS","PAYMENT_ERROR","PAYMENT_PENDING","PAYMENT_FAILED","PROVIDER_MOUNTED","ON_SUBMIT","CONFIG_LOADED","PARTIAL_PAY","PARTIAL_REMOVE","DOWN_PAYMENT_COVERED","permissionSettings","SUBMITTED","form","mandatoryCombinedInputs","mandatoryCombinedText","errorMessage","PermissionSettings","_attachEvents","_handlerMandatoryCombinedInputs","_isInputChecked","_toggleCheckboxState","_attachEventsInputs","isValid","errorText","styleValidity","defaultPreferenceQuestionData","allAnswersHasIllustrations","someAnswersHasFlags","titleIcon","titleText","infoText","defaultPreferenceSummaryQuestionData","editBtnText","answers","noAnswerText","noAnswerBtn","tokensShared","tokensBrand","tokens","_toConsumableArray","arr","isArray","_arrayLikeToArray","_arrayWithoutHoles","iter","_iterableToArray","minLen","toString","test","_unsupportedIterableToArray","_nonIterableSpread","len","arr2","DIRECTION","settings","startBtn","backBtn","nextBtn","sendBtn","summaryBtn","startMessage","successMessage","conditionalQuestion","conditionedQuestion","conditionedQuestionDisabled","questionChoiceList","progressBar","requestUrl","postUrl","questionnaireContainer","questionsContainer","loaderContainer","summaryContainer","summaryQuestionsContainer","summaryEditQuestionnaireBtn","summaryEditQuestionBtn","comesTroughEmail","disableTracking","trackAttr","PreferenceQuestionnaire","_sendQuestionnaire2","_requestPreferenceQuestions2","_openSlide","_requestPreferenceQuestions","_renderQuestions","_setupConditionalQuestions","_renderQuestionsSummary","_showProgressBar","_questionnaireThroughMail","isOnEditOneQuestionMode","_questionnaireHasBeenAnswered","_disableTracking","_toggleBtn","startBtnApi","sendBtnApi","progressProgressBar","_startQuestionnaire","_goToPreviousQuestion","_goToNextQuestion","_sendBtnClicked","_showSummary","_editQuestionnaire","_attachSummaryEvents","numberOfQuestion","direction","backwardLimit","num","forwardLimit","_getNextNotDisabledNumberQuestion","_openQuestion","activeQuestion","_sendQuestionnaire","_updateQuestionsSummary","preferenceQuestionnaireEvents","PREFERENCE_QUESTIONNAIRE_EDIT","questionValue","screen","activeScreen","_updateProgressBar","_setStateBackBtn","_setStateNextAndSendBtn","_toggleNextAndSendBtn","questionNumber","firstQuestion","disabled","getSelectedValues","lastQuestion","questionNotDisabled","numberOfQuestions","progressBarValue","responseQuestionData","questionCheckedValues","questionsData","_updateQuestionnaireData","questionData","selectedValues","answerSelected","_getParameters","preferences","_allAnswersHasIllustrations","_someAnswersHasFlags","answerData","countryFlag","answerDataIllustration","htmlCheckbox","illustrationSrc","illustrationAlt","countryCode","_getChoiceListMethod","preferenceQuestionHtml","conditional","conditioned","ChoiceListTemplate","highlighted","unresolved","preferenceQuestionElement","settingsData","_getSettingsDataFromDom","preferenceSummaryQuestionHtml","summaryEditBtnText","summaryNoAnswerText","summaryNoAnswerBtn","BoxTemplate","getTokenClass","preferenceSummaryQuestionElement","summaryEditQuestionButton","event","questionIndex","_getValueQuestion","_getQuestion","responseQuestion","_this8","conditionalsValues","_this8$conditionalsVa","choiceListConditionalQuestion","_attachConditionalQuestionsEvents","_disableConditionedQuestions","choiceList","_this9","conditionalValuesSelected","conditionalValuesUnselected","conditionalsValue","_this10","conditionedFor","removeAttribute","choiceListApi","toLocaleLowerCase","answersHasIllustrations","answersHasFlags","setProps","loading","stringUrl","URL","search","_unused","_stringUrlHasParameters","email","priceFilter","PRICE_FILTERS_APPLIED"],"sourceRoot":""}