{"version":3,"sources":["webpack:///./src/apps/letbane/pages/PageLetbanePayment.vue?6c2a","webpack:///./src/apps/letbane/assets/images/mobilepay-logo-white.svg","webpack:///./src/apps/letbane/assets/images/apple-pay-logo.svg","webpack:///./src/apps/letbane/assets/images/paypal-logo.jpg","webpack:///./src/apps/letbane/assets/images/visa-logo.svg","webpack:///./src/apps/letbane/assets/images/cardpay-logo-white.svg","webpack:///./src/apps/letbane/assets/images/mastercard-logo.svg","webpack:///./src/apps/letbane/pages/PageLetbanePayment.vue?3b75","webpack:///src/apps/letbane/pages/PageLetbanePayment.vue","webpack:///./src/apps/letbane/pages/PageLetbanePayment.vue?1694","webpack:///./src/apps/letbane/pages/PageLetbanePayment.vue","webpack:///./src/apps/letbane/assets/images/mobilepay-logo.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","on","$event","preventDefault","submit","tickets","length","_v","_s","$t","isMobilePayPayment","_e","class","isEmailToggled","attrs","directives","name","rawName","value","expression","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","phoneError","onCountryCodeSelect","composing","phoneInput","emailError","emailInput","ticketAmountError","_l","ticket","index","key","id","texts","selectedLanguage","refInFor","onInfoButton","_f","price","onDecreaseButton","currentAmount","onIncreaseButton","validityText","termsAndConditionsError","acceptedTermsAndConditions","$modal","show","isValid","ticketsTotalPrice","changePaymentMethod","termsAndConditionsLetbane","tooltipTitle","tooltipText","staticRenderFns","component"],"mappings":"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","file":"static/js/page-payment-home.5971a037.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageLetbanePayment.vue?vue&type=style&index=0&id=beddb662&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageLetbanePayment.vue?vue&type=style&index=0&id=beddb662&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/mobilepay-logo-white.c94cd420.svg\";","module.exports = __webpack_public_path__ + \"static/img/apple-pay-logo.fe4f01ad.svg\";","module.exports = __webpack_public_path__ + \"static/img/paypal-logo.870678b6.jpg\";","module.exports = __webpack_public_path__ + \"static/img/visa-logo.a86cf6a2.svg\";","module.exports = __webpack_public_path__ + \"static/img/cardpay-logo-white.776061f7.svg\";","module.exports = __webpack_public_path__ + \"static/img/mastercard-logo.bcc86c0c.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{ref:\"form\",staticClass:\"page\",on:{\"submit\":function($event){$event.preventDefault();return _vm.submit()}}},[(_vm.tickets && _vm.tickets.length)?[_c('h1',{staticClass:\"page__title\"},[_vm._v(_vm._s(_vm.$t('letbane.buy_ticket')))]),(!_vm.isMobilePayPayment)?_c('div',{staticClass:\"page__toggle toggle\"},[_c('label',{staticClass:\"toggle__label\",class:{ 'toggle__label--checked': !_vm.isEmailToggled },attrs:{\"for\":\"letbanetoggle\"}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.$t('letbane.sms_uppercase'))+\"\\n\\t\\t\\t\")]),_c('label',{staticClass:\"toggle__input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isEmailToggled),expression:\"isEmailToggled\"}],staticClass:\"toggle__input--switch\",attrs:{\"id\":\"letbanetoggle\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.isEmailToggled)?_vm._i(_vm.isEmailToggled,null)>-1:(_vm.isEmailToggled)},on:{\"change\":function($event){var $$a=_vm.isEmailToggled,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.isEmailToggled=$$a.concat([$$v]))}else{$$i>-1&&(_vm.isEmailToggled=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.isEmailToggled=$$c}}}}),_c('span',{staticClass:\"toggle__input--slider\"})]),_c('label',{staticClass:\"toggle__label\",class:{ 'toggle__label--checked': _vm.isEmailToggled },attrs:{\"for\":\"letbanetoggle\"}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.$t('letbane.email_uppercase'))+\"\\n\\t\\t\\t\")])]):_vm._e(),(_vm.isMobilePayPayment)?[_c('label',{staticClass:\"page__label\",attrs:{\"for\":\"letbanephoneinput\"}},[_vm._v(_vm._s(_vm.$t('letbane.phone_label')))]),_c('div',{staticClass:\"page__countrycode-phone\"},[_c('vue-country-code',{ref:\"vcc\",class:{ 'vue-country-select--error': _vm.phoneError },attrs:{\"default-country\":\"DK\",\"only-countries\":['DK', 'FI'],\"enabled-country-code\":true},on:{\"onSelect\":_vm.onCountryCodeSelect}}),_c('div',{staticClass:\"page__countrycode-separator\",class:{ 'page__countrycode-separator--error': _vm.phoneError }},[_c('div',{staticClass:\"page__countrycode-separator--line\"})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneInput),expression:\"phoneInput\"}],staticClass:\"page__phone-input\",class:{ 'page__phone-input--error': _vm.phoneError },attrs:{\"id\":\"letbanephoneinput\",\"type\":\"tel\",\"autocomplete\":\"tel\"},domProps:{\"value\":(_vm.phoneInput)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneInput=$event.target.value}}})],1)]:_vm._e(),(!_vm.isMobilePayPayment && _vm.isEmailToggled)?[_c('label',{staticClass:\"page__label\",attrs:{\"for\":\"letbaneemailinput\"}},[_vm._v(_vm._s(_vm.$t('letbane.email_label')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emailInput),expression:\"emailInput\"}],staticClass:\"page__email-input\",class:{ 'page__email-input--error': _vm.emailError },attrs:{\"id\":\"letbaneemailinput\",\"type\":\"email\",\"placeholder\":_vm.$t('letbane.email_placeholder')},domProps:{\"value\":(_vm.emailInput)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.emailInput=$event.target.value}}})]:_vm._e(),(!_vm.isMobilePayPayment && !_vm.isEmailToggled)?[_c('label',{staticClass:\"page__label\",attrs:{\"for\":\"letbanephoneinputcountrycode\"}},[_vm._v(_vm._s(_vm.$t('letbane.phone_label')))]),_c('div',{staticClass:\"page__countrycode-phone\"},[_c('vue-country-code',{ref:\"vcc\",class:{ 'vue-country-select--error': _vm.phoneError },attrs:{\"default-country\":\"DK\",\"preferred-countries\":['NO', 'FR', 'IT', 'GB', 'DE', 'ES', 'SE', 'NL', 'US', 'CZ'],\"enabled-country-code\":true},on:{\"onSelect\":_vm.onCountryCodeSelect}}),_c('div',{staticClass:\"page__countrycode-separator\",class:{ 'page__countrycode-separator--error': _vm.phoneError }},[_c('div',{staticClass:\"page__countrycode-separator--line\"})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneInput),expression:\"phoneInput\"}],staticClass:\"page__phone-input\",class:{ 'page__phone-input--error': _vm.phoneError },attrs:{\"id\":\"letbanephoneinputcountrycode\",\"type\":\"tel\",\"autocomplete\":\"tel\"},domProps:{\"value\":(_vm.phoneInput)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneInput=$event.target.value}}})],1)]:_vm._e(),_c('label',{staticClass:\"page__label\",attrs:{\"for\":\"tickets\"}},[_vm._v(_vm._s(_vm.$t('letbane.choose_tickets')))]),_c('div',{staticClass:\"page__tickets\",class:{ 'page__tickets--error': _vm.ticketAmountError },attrs:{\"data-id\":\"tickets\"}},[_vm._l((_vm.tickets),function(ticket,index){return _c('div',{key:ticket.id,staticClass:\"ticket\"},[_c('div',{staticClass:\"ticket__text\"},[_c('span',{staticClass:\"ticket__name\"},[_vm._v(_vm._s(ticket.texts[_vm.selectedLanguage].name))]),_c('button',{ref:\"info\",refInFor:true,staticClass:\"ticket__info-button reset-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onInfoButton(index)}}},[_c('span',[_vm._v(\"i\")])])]),_c('span',{staticClass:\"ticket__price\"},[_vm._v(_vm._s(_vm._f(\"prettyPrice\")(ticket.price)))]),_c('div',{staticClass:\"ticket__amount-container\"},[_c('button',{staticClass:\"ticket__decrease reset-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onDecreaseButton(ticket)}}},[_c('div',{staticClass:\"ticket__line--horizontal\"})]),_c('span',{staticClass:\"ticket__current-amount\"},[_vm._v(_vm._s(ticket.currentAmount))]),_c('button',{staticClass:\"ticket__increase reset-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onIncreaseButton(ticket)}}},[_c('div',{staticClass:\"ticket__line--horizontal\"}),_c('div',{staticClass:\"ticket__line--vertical\"})])])])}),_c('div',{staticClass:\"warning\"},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.tickets[0].texts[_vm.selectedLanguage].validityText)+\"\\n\\t\\t\\t\")])],2),_c('div',{staticClass:\"page__checkboxes\"},[_c('div',{staticClass:\"checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.acceptedTermsAndConditions),expression:\"acceptedTermsAndConditions\"}],staticClass:\"checkbox__input\",class:{ 'checkbox__input--error': _vm.termsAndConditionsError },attrs:{\"id\":\"letbanecheckboxtac\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.acceptedTermsAndConditions)?_vm._i(_vm.acceptedTermsAndConditions,null)>-1:(_vm.acceptedTermsAndConditions)},on:{\"change\":function($event){var $$a=_vm.acceptedTermsAndConditions,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.acceptedTermsAndConditions=$$a.concat([$$v]))}else{$$i>-1&&(_vm.acceptedTermsAndConditions=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.acceptedTermsAndConditions=$$c}}}}),_c('label',{staticClass:\"checkbox__label\",attrs:{\"for\":\"letbanecheckboxtac\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.$t('letbane.i_accept'))+\" \\n\\t\\t\\t\\t\\t\"),_c('button',{staticClass:\"checkbox__button reset-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$modal.show('letbane-terms-modal')}}},[_c('span',[_vm._v(_vm._s(_vm.$t('letbane.terms_and_conditions')))]),_c('div',{staticClass:\"checkbox__underline\"})])])])]),_c('button',{staticClass:\"page__paybutton reset-button\",class:{ 'page__paybutton--valid': _vm.isValid },attrs:{\"type\":\"submit\"}},[(_vm.isMobilePayPayment)?[_c('img',{attrs:{\"src\":require(\"@/apps/letbane/assets/images/mobilepay-logo-white.svg\")}}),_c('span',[_vm._v(_vm._s(_vm.$t('letbane.pay_with_mobilepay')))])]:[_c('img',{attrs:{\"src\":require(\"@/apps/letbane/assets/images/cardpay-logo-white.svg\")}}),_c('span',[_vm._v(_vm._s(_vm.$t('letbane.buy_ticket')))])],(_vm.ticketsTotalPrice > 0)?_c('span',[_vm._v(\" \"+_vm._s(_vm._f(\"prettyPrice\")(_vm.ticketsTotalPrice)))]):_vm._e()],2),_c('button',{staticClass:\"page__payment-options options reset-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.changePaymentMethod()}}},[_c('div',[_c('span',{staticClass:\"options__text\"},[_vm._v(_vm._s(_vm.$t('letbane.other_payment_options')))]),_c('div',{staticClass:\"options__underline\"})])]),_c('div',{staticClass:\"logos\"},[(_vm.isMobilePayPayment)?_c('div',{staticClass:\"logos__cards\"},[_c('img',{staticClass:\"logos__card\",attrs:{\"src\":require(\"@/apps/letbane/assets/images/visa-logo.svg\")}}),_c('img',{staticClass:\"logos__card\",attrs:{\"src\":require(\"@/apps/letbane/assets/images/mastercard-logo.svg\")}}),_c('img',{staticClass:\"logos__card logos__card--apple\",attrs:{\"src\":require(\"@/apps/letbane/assets/images/apple-pay-logo.svg\")}}),_c('img',{staticClass:\"logos__card logos__card--paypal\",attrs:{\"src\":require(\"@/apps/letbane/assets/images/paypal-logo.jpg\")}})]):_c('img',{staticClass:\"logos__mobilepay\",attrs:{\"src\":require(\"@/apps/letbane/assets/images/mobilepay-logo.svg\")}})]),_c('modal-letbane-terms',{attrs:{\"name\":_vm.termsAndConditionsLetbane}}),_c('modal-letbane-tooltip',{attrs:{\"title\":_vm.tooltipTitle,\"text\":_vm.tooltipText}})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<form ref=\"form\" class=\"page\" @submit.prevent=\"submit()\">\r\n\t\t<template v-if=\"tickets && tickets.length\">\r\n\t\t\t<h1 class=\"page__title\">{{ $t('letbane.buy_ticket') }}</h1>\r\n\r\n\t\t\t<div v-if=\"!isMobilePayPayment\" class=\"page__toggle toggle\">\r\n\t\t\t\t<label for=\"letbanetoggle\" class=\"toggle__label\" :class=\"{ 'toggle__label--checked': !isEmailToggled }\">\r\n\t\t\t\t\t{{ $t('letbane.sms_uppercase') }}\r\n\t\t\t\t</label>\r\n\t\t\t\t<label class=\"toggle__input\">\r\n\t\t\t\t\t<input id=\"letbanetoggle\" v-model=\"isEmailToggled\" type=\"checkbox\" class=\"toggle__input--switch\" />\r\n\t\t\t\t\t<span class=\"toggle__input--slider\"></span>\r\n\t\t\t\t</label>\r\n\t\t\t\t<label for=\"letbanetoggle\" class=\"toggle__label\" :class=\"{ 'toggle__label--checked': isEmailToggled }\">\r\n\t\t\t\t\t{{ $t('letbane.email_uppercase') }}\r\n\t\t\t\t</label>\r\n\t\t\t</div>\r\n\r\n\t\t\t<template v-if=\"isMobilePayPayment\">\r\n\t\t\t\t<label for=\"letbanephoneinput\" class=\"page__label\">{{ $t('letbane.phone_label') }}</label>\r\n\t\t\t\t<div class=\"page__countrycode-phone\">\r\n\t\t\t\t\t<vue-country-code\r\n\t\t\t\t\t\tref=\"vcc\"\r\n\t\t\t\t\t\t:class=\"{ 'vue-country-select--error': phoneError }\"\r\n\t\t\t\t\t\tdefault-country=\"DK\"\r\n\t\t\t\t\t\t:only-countries=\"['DK', 'FI']\"\r\n\t\t\t\t\t\t:enabled-country-code=\"true\"\r\n\t\t\t\t\t\t@onSelect=\"onCountryCodeSelect\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</vue-country-code>\r\n\t\t\t\t\t<div class=\"page__countrycode-separator\" :class=\"{ 'page__countrycode-separator--error': phoneError }\">\r\n\t\t\t\t\t\t<div class=\"page__countrycode-separator--line\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tid=\"letbanephoneinput\"\r\n\t\t\t\t\t\tv-model=\"phoneInput\"\r\n\t\t\t\t\t\ttype=\"tel\"\r\n\t\t\t\t\t\tautocomplete=\"tel\"\r\n\t\t\t\t\t\tclass=\"page__phone-input\"\r\n\t\t\t\t\t\t:class=\"{ 'page__phone-input--error': phoneError }\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t\t<template v-if=\"!isMobilePayPayment && isEmailToggled\">\r\n\t\t\t\t<label for=\"letbaneemailinput\" class=\"page__label\">{{ $t('letbane.email_label') }}</label>\r\n\t\t\t\t<input\r\n\t\t\t\t\tid=\"letbaneemailinput\"\r\n\t\t\t\t\tv-model=\"emailInput\"\r\n\t\t\t\t\ttype=\"email\"\r\n\t\t\t\t\tclass=\"page__email-input\"\r\n\t\t\t\t\t:class=\"{ 'page__email-input--error': emailError }\"\r\n\t\t\t\t\t:placeholder=\"$t('letbane.email_placeholder')\"\r\n\t\t\t\t/>\r\n\t\t\t</template>\r\n\t\t\t<template v-if=\"!isMobilePayPayment && !isEmailToggled\">\r\n\t\t\t\t<label for=\"letbanephoneinputcountrycode\" class=\"page__label\">{{ $t('letbane.phone_label') }}</label>\r\n\t\t\t\t<div class=\"page__countrycode-phone\">\r\n\t\t\t\t\t<vue-country-code\r\n\t\t\t\t\t\tref=\"vcc\"\r\n\t\t\t\t\t\tdefault-country=\"DK\"\r\n\t\t\t\t\t\t:preferred-countries=\"['NO', 'FR', 'IT', 'GB', 'DE', 'ES', 'SE', 'NL', 'US', 'CZ']\"\r\n\t\t\t\t\t\t:class=\"{ 'vue-country-select--error': phoneError }\"\r\n\t\t\t\t\t\t:enabled-country-code=\"true\"\r\n\t\t\t\t\t\t@onSelect=\"onCountryCodeSelect\"\r\n\t\t\t\t\t></vue-country-code>\r\n\t\t\t\t\t<div class=\"page__countrycode-separator\" :class=\"{ 'page__countrycode-separator--error': phoneError }\">\r\n\t\t\t\t\t\t<div class=\"page__countrycode-separator--line\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tid=\"letbanephoneinputcountrycode\"\r\n\t\t\t\t\t\tv-model=\"phoneInput\"\r\n\t\t\t\t\t\ttype=\"tel\"\r\n\t\t\t\t\t\tautocomplete=\"tel\"\r\n\t\t\t\t\t\tclass=\"page__phone-input\"\r\n\t\t\t\t\t\t:class=\"{ 'page__phone-input--error': phoneError }\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<label for=\"tickets\" class=\"page__label\">{{ $t('letbane.choose_tickets') }}</label>\r\n\t\t\t<div class=\"page__tickets\" :class=\"{ 'page__tickets--error': ticketAmountError }\" data-id=\"tickets\">\r\n\t\t\t\t<div v-for=\"(ticket, index) in tickets\" :key=\"ticket.id\" class=\"ticket\">\r\n\t\t\t\t\t<div class=\"ticket__text\">\r\n\t\t\t\t\t\t<span class=\"ticket__name\">{{ ticket.texts[selectedLanguage].name }}</span>\r\n\t\t\t\t\t\t<button ref=\"info\" class=\"ticket__info-button reset-button\" type=\"button\" @click=\"onInfoButton(index)\">\r\n\t\t\t\t\t\t\t<span>i</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<span class=\"ticket__price\">{{ ticket.price | prettyPrice }}</span>\r\n\r\n\t\t\t\t\t<div class=\"ticket__amount-container\">\r\n\t\t\t\t\t\t<button class=\"ticket__decrease reset-button\" type=\"button\" @click=\"onDecreaseButton(ticket)\">\r\n\t\t\t\t\t\t\t<div class=\"ticket__line--horizontal\"></div>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<span class=\"ticket__current-amount\">{{ ticket.currentAmount }}</span>\r\n\t\t\t\t\t\t<button class=\"ticket__increase reset-button\" type=\"button\" @click=\"onIncreaseButton(ticket)\">\r\n\t\t\t\t\t\t\t<div class=\"ticket__line--horizontal\"></div>\r\n\t\t\t\t\t\t\t<div class=\"ticket__line--vertical\"></div>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"warning\">\r\n\t\t\t\t\t{{ tickets[0].texts[selectedLanguage].validityText }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"page__checkboxes\">\r\n\t\t\t\t<div class=\"checkbox\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tid=\"letbanecheckboxtac\"\r\n\t\t\t\t\t\tv-model=\"acceptedTermsAndConditions\"\r\n\t\t\t\t\t\tclass=\"checkbox__input\"\r\n\t\t\t\t\t\t:class=\"{ 'checkbox__input--error': termsAndConditionsError }\"\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<label for=\"letbanecheckboxtac\" class=\"checkbox__label\">\r\n\t\t\t\t\t\t{{ $t('letbane.i_accept') }}&nbsp;\r\n\t\t\t\t\t\t<button class=\"checkbox__button reset-button\" type=\"button\" @click=\"$modal.show('letbane-terms-modal')\">\r\n\t\t\t\t\t\t\t<span>{{ $t('letbane.terms_and_conditions') }}</span>\r\n\t\t\t\t\t\t\t<div class=\"checkbox__underline\"></div>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<button class=\"page__paybutton reset-button\" :class=\"{ 'page__paybutton--valid': isValid }\" type=\"submit\">\r\n\t\t\t\t<template v-if=\"isMobilePayPayment\">\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/mobilepay-logo-white.svg\" />\r\n\t\t\t\t\t<span>{{ $t('letbane.pay_with_mobilepay') }}</span>\r\n\t\t\t\t</template>\r\n\t\t\t\t<template v-else>\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/cardpay-logo-white.svg\" />\r\n\t\t\t\t\t<span>{{ $t('letbane.buy_ticket') }}</span>\r\n\t\t\t\t</template>\r\n\r\n\t\t\t\t<span v-if=\"ticketsTotalPrice > 0\">&nbsp;{{ ticketsTotalPrice | prettyPrice }}</span>\r\n\t\t\t</button>\r\n\r\n\t\t\t<button class=\"page__payment-options options reset-button\" type=\"button\" @click=\"changePaymentMethod()\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<span class=\"options__text\">{{ $t('letbane.other_payment_options') }}</span>\r\n\t\t\t\t\t<div class=\"options__underline\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</button>\r\n\r\n\t\t\t<div class=\"logos\">\r\n\t\t\t\t<div v-if=\"isMobilePayPayment\" class=\"logos__cards\">\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/visa-logo.svg\" class=\"logos__card\" />\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/mastercard-logo.svg\" class=\"logos__card\" />\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/apple-pay-logo.svg\" class=\"logos__card logos__card--apple\" />\r\n\t\t\t\t\t<img src=\"@/apps/letbane/assets/images/paypal-logo.jpg\" class=\"logos__card logos__card--paypal\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<img v-else src=\"@/apps/letbane/assets/images/mobilepay-logo.svg\" class=\"logos__mobilepay\" />\r\n\t\t\t</div>\r\n\r\n\t\t\t<modal-letbane-terms :name=\"termsAndConditionsLetbane\" />\r\n\t\t\t<modal-letbane-tooltip :title=\"tooltipTitle\" :text=\"tooltipText\" />\r\n\t\t</template>\r\n\t</form>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { callApi } from '@/api/api-core'\r\nimport { i18nInstance } from '@/i18n'\r\nimport VueCountryCode from 'vue-country-code'\r\nimport { initializeMobilePay, initializeDibsEasy } from '@/api/modules/confirm'\r\nimport globals from '../globals.js'\r\n\r\nconst ModalLetbaneTerms = () =>\r\n\timport(/* webpackMode: \"lazy\", webpackChunkName: \"modal-letbane-terms\" */ '@/components/modals/ModalLetbaneTerms')\r\nconst ModalLetbaneTooltip = () =>\r\n\timport(/* webpackMode: \"lazy\", webpackChunkName: \"modal-letbane-tooltip\" */ '@/components/modals/ModalLetbaneTooltip')\r\n\r\nconst defaultForm = {\r\n\tacceptedTermsAndConditions: false,\r\n\tsummedTicketAmount: 0,\r\n\temail: null,\r\n\tphone: null,\r\n\tisEmailToggled: false\r\n}\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tModalLetbaneTerms,\r\n\t\tModalLetbaneTooltip\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\thasSubmit: false,\r\n\t\t\ttooltipTitle: '',\r\n\t\t\ttooltipText: '',\r\n\t\t\tisCustomerConfirmationOpen: false,\r\n\t\t\tisMobilePayPayment: true,\r\n\t\t\ttickets: null,\r\n\t\t\tmaximumNumberOfTickets: 0,\r\n\t\t\tselectedCountryCodeObject: null,\r\n\t\t\torderId: null,\r\n\t\t\tphoneError: false,\r\n\t\t\temailError: false,\r\n\t\t\tticketAmountError: false,\r\n\t\t\ttermsAndConditionsError: false,\r\n\t\t\tisValid: false,\r\n\t\t\tform: { ...defaultForm }\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters({\r\n\t\t\tgetSecondaryWebshop: 'system/getSecondaryWebshop',\r\n\t\t\tpassengerTypes: 'passenger/getPassengerTypes'\r\n\t\t}),\r\n\t\tselectedLanguage() {\r\n\t\t\treturn i18nInstance().locale\r\n\t\t},\r\n\t\tadultPassengerType() {\r\n\t\t\treturn this.passengerTypes.filter(x => x.stringIdentifier === 'Adult')[0]\r\n\t\t},\r\n\t\tticketsTotalPrice() {\r\n\t\t\tlet totalPrice = 0\r\n\r\n\t\t\tif (this.tickets) {\r\n\t\t\t\tthis.tickets.forEach(ticket => {\r\n\t\t\t\t\tif (ticket.currentAmount > 0) {\r\n\t\t\t\t\t\ttotalPrice = totalPrice + ticket.currentAmount * ticket.price\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t\treturn totalPrice\r\n\t\t},\r\n\t\ttermsAndConditionsLetbane: function() {\r\n\t\t\tswitch (this.$i18n.locale) {\r\n\t\t\t\tcase 'da':\r\n\t\t\t\tcase 'en':\r\n\t\t\t\t\treturn 'TermsAndConditions'\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthrow new Error('Unsupported language')\r\n\t\t\t}\r\n\t\t},\r\n\t\treturnUrl() {\r\n\t\t\treturn window.location.origin + '/paymentcomplete'\r\n\t\t},\r\n\t\todenseTramIdentifier() {\r\n\t\t\treturn this.getSecondaryWebshop.filter(webshop => webshop.identifier === 'OdenseTram')[0].identifier\r\n\t\t},\r\n\t\tnemBilletIdentifier() {\r\n\t\t\tif (this.$route.query.salesChannel) {\r\n\t\t\t\tconst query = this.$route.query.salesChannel\r\n\t\t\t\treturn query.charAt(0).toUpperCase() + query.slice(1)\r\n\t\t\t}\r\n\r\n\t\t\treturn null\r\n\t\t},\r\n\t\todenseTramShowCustomerConfirmation() {\r\n\t\t\treturn this.getSecondaryWebshop.filter(webshop => webshop.identifier === 'OdenseTram')[0].showCustomerConfirmation\r\n\t\t},\r\n\t\tsalesChannelIdentifier() {\r\n\t\t\treturn 'SecondaryWebshop'\r\n\t\t},\r\n\t\tisEmailToggled: {\r\n\t\t\tget: function() {\r\n\t\t\t\treturn this.form.isEmailToggled\r\n\t\t\t},\r\n\t\t\tset: function(newValue) {\r\n\t\t\t\tthis.form.isEmailToggled = newValue\r\n\t\t\t\tif (this.form.isEmailToggled) {\r\n\t\t\t\t\tthis.selectedCountryCodeObject = null\r\n\t\t\t\t}\r\n\t\t\t\tthis.resetInputs()\r\n\t\t\t\tthis.checkValidity()\r\n\t\t\t}\r\n\t\t},\r\n\t\temailInput: {\r\n\t\t\tget: function() {\r\n\t\t\t\treturn this.form.email\r\n\t\t\t},\r\n\t\t\tset: function(newValue) {\r\n\t\t\t\tif (newValue !== '') {\r\n\t\t\t\t\tthis.form.email = newValue\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.form.email = null\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.emailError = false\r\n\t\t\t\tthis.checkValidity()\r\n\t\t\t}\r\n\t\t},\r\n\t\tphoneInput: {\r\n\t\t\tget: function() {\r\n\t\t\t\treturn this.form.phone\r\n\t\t\t},\r\n\t\t\tset: function(newValue) {\r\n\t\t\t\tif (newValue) {\r\n\t\t\t\t\tthis.form.phone = newValue.replace(/\\s/g, '')\r\n\r\n\t\t\t\t\tif (this.selectedCountryCodeObject && this.form.phone.includes('+')) {\r\n\t\t\t\t\t\tthis.form.phone = this.form.phone.replace(`+${this.selectedCountryCodeObject.dialCode}`, '')\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.validatePhoneNumber(this.form.phone)\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.form.phone = null\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.phoneError = false\r\n\t\t\t\tthis.checkValidity()\r\n\t\t\t}\r\n\t\t},\r\n\t\tsummedTicketAmount: {\r\n\t\t\tget: function() {\r\n\t\t\t\treturn this.form.summedTicketAmount\r\n\t\t\t},\r\n\t\t\tset: function(newValue) {\r\n\t\t\t\tthis.form.summedTicketAmount = newValue\r\n\t\t\t\tthis.ticketAmountError = false\r\n\t\t\t\tthis.checkValidity()\r\n\t\t\t}\r\n\t\t},\r\n\t\tacceptedTermsAndConditions: {\r\n\t\t\tget: function() {\r\n\t\t\t\treturn this.form.acceptedTermsAndConditions\r\n\t\t\t},\r\n\t\t\tset: function(newValue) {\r\n\t\t\t\tthis.form.acceptedTermsAndConditions = newValue\r\n\t\t\t\tthis.termsAndConditionsError = false\r\n\t\t\t\tthis.checkValidity()\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\t'$i18n.locale'(newValue) {\r\n\t\t\tif (newValue === 'da' && this.isMobilePayPayment) {\r\n\t\t\t\tthis.selectedCountryCodeObject = this.selectedCountryCodeObject = VueCountryCode.methods.findCountry('DK')\r\n\t\t\t}\r\n\r\n\t\t\tif (newValue === 'en' && this.isMobilePayPayment) {\r\n\t\t\t\tthis.changePaymentMethod()\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tthis.selectedCountryCodeObject = VueCountryCode.methods.findCountry('DK')\r\n\t\tthis.getFixedPriceTickets()\r\n\r\n\t\tif (this.selectedLanguage === 'en' && this.isMobilePayPayment) {\r\n\t\t\tthis.changePaymentMethod(false)\r\n\t\t}\r\n\r\n\t\twindow.history.replaceState({ isMobilePayPayment: this.isMobilePayPayment }, '', '')\r\n\t\twindow.addEventListener('popstate', event => {\r\n\t\t\tif (event.state) {\r\n\t\t\t\tthis.isMobilePayPayment = event.state.isMobilePayPayment\r\n\t\t\t}\r\n\t\t})\r\n\t},\r\n\tmethods: {\r\n\t\trefreshPage() {\r\n\t\t\twindow.location.reload(true)\r\n\t\t},\r\n\t\trouteToError(query) {\r\n\t\t\tthis.$router.push({ path: '/error', query: { error: query } })\r\n\t\t},\r\n\t\tonCountryCodeSelect(countrycodeObject) {\r\n\t\t\tthis.selectedCountryCodeObject = countrycodeObject\r\n\t\t\tthis.checkValidity()\r\n\t\t},\r\n\t\tonIncreaseButton(ticket) {\r\n\t\t\tif (ticket.currentAmount < this.maximumNumberOfTickets) {\r\n\t\t\t\tticket.currentAmount = ticket.currentAmount + 1\r\n\t\t\t\tthis.summedTicketAmount = this.tickets.map(x => x.currentAmount).reduce((partialSum, a) => partialSum + a, 0)\r\n\t\t\t}\r\n\t\t},\r\n\t\tonDecreaseButton(ticket) {\r\n\t\t\tif (ticket.currentAmount > 0) {\r\n\t\t\t\tticket.currentAmount = ticket.currentAmount - 1\r\n\t\t\t\tthis.summedTicketAmount = this.tickets.map(x => x.currentAmount).reduce((partialSum, a) => partialSum + a, 0)\r\n\t\t\t}\r\n\t\t},\r\n\t\tonInfoButton(index) {\r\n\t\t\tthis.tooltipTitle = `${this.$t('letbane.info_about_ticket')} – ${this.tickets[index].texts[this.selectedLanguage].name}`\r\n\t\t\tthis.tooltipText = this.tickets[index].texts[this.selectedLanguage].description\r\n\t\t\tthis.$modal.show('letbane-tooltip-modal')\r\n\t\t},\r\n\t\tchangePaymentMethod(setHistory = true) {\r\n\t\t\tthis.isMobilePayPayment = !this.isMobilePayPayment\r\n\t\t\tif (this.isMobilePayPayment) {\r\n\t\t\t\tthis.selectedCountryCodeObject = VueCountryCode.methods.findCountry('DK')\r\n\t\t\t} else if (!this.isMobilePayPayPayment && this.isEmailToggled) {\r\n\t\t\t\tthis.selectedCountryCodeObject = null\r\n\t\t\t}\r\n\t\t\tthis.resetInputs()\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tif (this.$refs.vcc) {\r\n\t\t\t\t\tthis.$refs.vcc.choose(this.$refs.vcc.findCountry('DK')) // when changing payment method, default back to DK\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t\tif (setHistory) {\r\n\t\t\t\twindow.history.pushState({ isMobilePayPayment: this.isMobilePayPayment }, '', '')\r\n\t\t\t}\r\n\t\t},\r\n\t\tresetInputs() {\r\n\t\t\tthis.phoneError = false\r\n\t\t\tthis.emailError = false\r\n\t\t\tthis.ticketAmountError = false\r\n\t\t\tthis.termsAndConditionsError = false\r\n\t\t},\r\n\t\tvalidatePhoneNumber(number) {\r\n\t\t\tconst dataForSelectedCountry = globals.phoneData.filter(item => item.code === this.selectedCountryCodeObject.iso2)\r\n\r\n\t\t\tif (number && dataForSelectedCountry) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tdataForSelectedCountry[0].phoneLength === number.length ||\r\n\t\t\t\t\t(number.length >= dataForSelectedCountry[0].min && number.length <= dataForSelectedCountry[0].max) ||\r\n\t\t\t\t\t(Array.isArray(dataForSelectedCountry[0].phoneLength) && dataForSelectedCountry[0].phoneLength.includes(number.length))\r\n\t\t\t\t)\r\n\t\t\t}\r\n\r\n\t\t\treturn false\r\n\t\t},\r\n\t\tcheckValidity() {\r\n\t\t\tif (\r\n\t\t\t\t(!this.isMobilePayPayment && this.isEmailToggled && !this.emailInput) ||\r\n\t\t\t\t(!this.isMobilePayPayment && this.isEmailToggled && !this.emailInput.match(/^\\S+@\\S+\\.\\S+$/))\r\n\t\t\t) {\r\n\t\t\t\tthis.isValid = false\r\n\t\t\t} else if (\r\n\t\t\t\t(this.isMobilePayPayment && !this.phoneInput) ||\r\n\t\t\t\t(this.isMobilePayPayment && this.phoneInput && !this.validatePhoneNumber(this.phoneInput)) ||\r\n\t\t\t\t(!this.isMobilePayPayment && !this.isEmailToggled && !this.phoneInput) ||\r\n\t\t\t\t(!this.isMobilePayPayment && !this.isEmailToggled && this.phoneInput && !this.validatePhoneNumber(this.phoneInput))\r\n\t\t\t) {\r\n\t\t\t\tthis.isValid = false\r\n\t\t\t} else if (this.summedTicketAmount <= 0) {\r\n\t\t\t\tthis.isValid = false\r\n\t\t\t} else if (!this.acceptedTermsAndConditions) {\r\n\t\t\t\tthis.isValid = false\r\n\t\t\t} else {\r\n\t\t\t\tthis.isValid = true\r\n\t\t\t}\r\n\t\t},\r\n\t\topenCustomerConfirmation() {\r\n\t\t\tthis.isCustomerConfirmationOpen = true\r\n\t\t},\r\n\t\tcloseCustomerConfirmation() {\r\n\t\t\tthis.isCustomerConfirmationOpen = false\r\n\t\t},\r\n\t\tsubmit(confirmed = false) {\r\n\t\t\tif (\r\n\t\t\t\t(!this.isMobilePayPayment && this.isEmailToggled && !this.emailInput) ||\r\n\t\t\t\t(!this.isMobilePayPayment && this.isEmailToggled && !this.emailInput.match(/^\\S+@\\S+\\.\\S+$/))\r\n\t\t\t) {\r\n\t\t\t\tthis.emailError = true\r\n\t\t\t}\r\n\r\n\t\t\tif (\r\n\t\t\t\t(this.isMobilePayPayment && !this.phoneInput) ||\r\n\t\t\t\t(this.isMobilePayPayment && this.phoneInput && !this.validatePhoneNumber(this.phoneInput)) ||\r\n\t\t\t\t(!this.isMobilePayPayment && !this.isEmailToggled && !this.phoneInput) ||\r\n\t\t\t\t(!this.isMobilePayPayment && !this.isEmailToggled && this.phoneInput && !this.validatePhoneNumber(this.phoneInput))\r\n\t\t\t) {\r\n\t\t\t\tthis.phoneError = true\r\n\t\t\t}\r\n\r\n\t\t\tif (this.summedTicketAmount <= 0) {\r\n\t\t\t\tthis.ticketAmountError = true\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.acceptedTermsAndConditions) {\r\n\t\t\t\tthis.termsAndConditionsError = true\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.isValid) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tif (this.odenseTramShowCustomerConfirmation && !confirmed) {\r\n\t\t\t\tthis.openCustomerConfirmation()\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.isSubmit) {\r\n\t\t\t\tthis.isSubmit = true\r\n\t\t\t\tthis.order().then(() => {\r\n\t\t\t\t\tthis.claim().then(() => {\r\n\t\t\t\t\t\tthis.delivery().then(() => {\r\n\t\t\t\t\t\t\tif (this.isMobilePayPayment) {\r\n\t\t\t\t\t\t\t\tinitializeMobilePay(this.orderId).then(response => {\r\n\t\t\t\t\t\t\t\t\tif (!response.ok) {\r\n\t\t\t\t\t\t\t\t\t\tthrow new Error(JSON.stringify(response))\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tthis.isSubmit = false\r\n\t\t\t\t\t\t\t\t\twindow.location.href = response.responseBody.redirectUrl\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tinitializeDibsEasy(this.orderId, this.returnUrl).then(response => {\r\n\t\t\t\t\t\t\t\t\tif (!response.ok) {\r\n\t\t\t\t\t\t\t\t\t\tthrow new Error(JSON.stringify(response))\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tthis.$cookies.set(`letbane-order-${response.responseBody.paymentId}`, this.orderId, '30min')\r\n\t\t\t\t\t\t\t\t\tthis.isSubmit = false\r\n\r\n\t\t\t\t\t\t\t\t\tlet language = 'da-DK'\r\n\t\t\t\t\t\t\t\t\tif (this.selectedLanguage === 'en') {\r\n\t\t\t\t\t\t\t\t\t\tlanguage = 'en-GB'\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\twindow.location.href = response.responseBody.hostedPaymentPageUrl + `&language=${language}`\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t})\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetFixedPriceTickets() {\r\n\t\t\tconst requestHeaders = {\r\n\t\t\t\t'X-MobileTicket-ClientCompany': this.nemBilletIdentifier || this.odenseTramIdentifier,\r\n\t\t\t\t'X-MobileTicket-ClientLanguage': this.selectedLanguage\r\n\t\t\t}\r\n\r\n\t\t\tconst requestBody = {\r\n\t\t\t\tsalesChannelIdentifier: this.salesChannelIdentifier\r\n\t\t\t}\r\n\r\n\t\t\treturn callApi('POST', 'v12/products/fixedpriceticket/info', requestBody, requestHeaders)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\tresponse.responseBody.buyableProductVariants &&\r\n\t\t\t\t\t\tresponse.responseBody.buyableProductVariants.length &&\r\n\t\t\t\t\t\tresponse.responseBody.allowedPassengerTypeIds.includes(this.adultPassengerType.id)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\tthis.maximumNumberOfTickets = response.responseBody.maximumNumberOfPassengersPerItem\r\n\t\t\t\t\t\tthis.tickets = response.responseBody.buyableProductVariants\r\n\t\t\t\t\t\tthis.tickets.forEach(ticket => {\r\n\t\t\t\t\t\t\t// using $set to make the property in the object reactive, so that vue can re-render when property changes\r\n\t\t\t\t\t\t\tthis.$set(ticket, 'currentAmount', 0)\r\n\r\n\t\t\t\t\t\t\tthis.$set(\r\n\t\t\t\t\t\t\t\tticket,\r\n\t\t\t\t\t\t\t\t'price',\r\n\t\t\t\t\t\t\t\tticket.passengerTypePrices.filter(price => price.passengerTypeId === this.adultPassengerType.id)[0]\r\n\t\t\t\t\t\t\t\t\t.passengerTypePriceOre\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.routeToError()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(() => {\r\n\t\t\t\t\tthis.routeToError()\r\n\t\t\t\t})\r\n\t\t},\r\n\t\torder() {\r\n\t\t\tconst requestHeaders = {\r\n\t\t\t\t'X-MobileTicket-ClientCompany': this.nemBilletIdentifier || this.odenseTramIdentifier,\r\n\t\t\t\t'X-MobileTicket-ClientLanguage': this.selectedLanguage\r\n\t\t\t}\r\n\r\n\t\t\tconst requestBody = {\r\n\t\t\t\tsalesChannelIdentifier: this.salesChannelIdentifier,\r\n\t\t\t\tvalidFromInstant: null,\r\n\t\t\t\tproducts: []\r\n\t\t\t}\r\n\r\n\t\t\tthis.tickets.forEach(ticket => {\r\n\t\t\t\tif (ticket.currentAmount > 0) {\r\n\t\t\t\t\trequestBody.products.push({\r\n\t\t\t\t\t\tproductVariantId: ticket.id,\r\n\t\t\t\t\t\tpassengers: [\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tpassengerTypeId: this.adultPassengerType.id,\r\n\t\t\t\t\t\t\t\tpassengerTypeCount: ticket.currentAmount\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t\treturn callApi('POST', 'v5/products/fixedpriceticket/order', requestBody, requestHeaders).then(response => {\r\n\t\t\t\tthis.orderId = response.responseBody.orderId\r\n\t\t\t})\r\n\t\t},\r\n\t\tclaim() {\r\n\t\t\tconst requestHeaders = {\r\n\t\t\t\t'X-MobileTicket-ClientCompany': this.nemBilletIdentifier || this.odenseTramIdentifier,\r\n\t\t\t\t'X-MobileTicket-ClientLanguage': this.selectedLanguage\r\n\t\t\t}\r\n\r\n\t\t\tconst requestBody = {\r\n\t\t\t\torderId: this.orderId,\r\n\t\t\t\tcustomerName: null,\r\n\t\t\t\temail: this.isEmailToggled ? this.emailInput : null,\r\n\t\t\t\tCountryCode: this.selectedCountryCodeObject && !this.isEmailToggled ? this.selectedCountryCodeObject.dialCode : null,\r\n\t\t\t\tphoneNumber: !this.isEmailToggled ? this.phoneInput : null\r\n\t\t\t}\r\n\r\n\t\t\treturn callApi('POST', 'v1/basket/claim/accountless', requestBody, requestHeaders)\r\n\t\t},\r\n\t\tdelivery() {\r\n\t\t\tconst requestHeaders = {\r\n\t\t\t\t'X-MobileTicket-ClientCompany': this.nemBilletIdentifier || this.odenseTramIdentifier,\r\n\t\t\t\t'X-MobileTicket-ClientLanguage': this.selectedLanguage\r\n\t\t\t}\r\n\r\n\t\t\tconst requestBody = {\r\n\t\t\t\torderId: this.orderId\r\n\t\t\t}\r\n\r\n\t\t\treturn callApi('POST', 'v2/delivery/webshop/setdelivery', requestBody, requestHeaders)\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page {\r\n\tflex: 1;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin-top: 0.625rem;\r\n\r\n\t&__title {\r\n\t\tfont-size: 1.625rem;\r\n\t\ttext-align: center;\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0.75rem;\r\n\t}\r\n\r\n\t&__toggle {\r\n\t\tdisplay: grid;\r\n\t\talign-items: center;\r\n\t\tgrid-template-columns: 1fr 3.875rem 1fr;\r\n\t\tcolumn-gap: 0.75rem;\r\n\t\tmargin-bottom: 0.75rem;\r\n\t}\r\n\r\n\t&__label {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-bottom: 0.625rem;\r\n\t\tfont-size: clamp(0.75rem, 3.5vw, 0.875rem);\r\n\t}\r\n\r\n\t&__countrycode-phone {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 0.6875rem;\r\n\t\theight: 2.75rem;\r\n\r\n\t\t.page__phone-input {\r\n\t\t\tborder-top-left-radius: 0 !important;\r\n\t\t\tborder-bottom-left-radius: 0 !important;\r\n\t\t\tborder-left: none !important;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&__countrycode-separator {\r\n\t\twidth: 0.0625rem;\r\n\t\theight: 100%;\r\n\t\tbackground-color: $letbane-color-white;\r\n\t\tborder-top: 0.0625rem solid $letbane-color-stroke;\r\n\t\tborder-bottom: 0.0625rem solid $letbane-color-stroke;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&--error {\r\n\t\t\tborder-top: 0.0625rem solid red;\r\n\t\t\tborder-bottom: 0.0625rem solid reD;\r\n\t\t}\r\n\r\n\t\t&--line {\r\n\t\t\theight: 1.625rem;\r\n\t\t\twidth: 0.0625rem;\r\n\t\t\tbackground-color: $letbane-color-stroke;\r\n\t\t}\r\n\t}\r\n\r\n\t&__tickets {\r\n\t\tmargin-bottom: 0.625rem;\r\n\t\tbackground-color: $letbane-color-white;\r\n\t\tborder: 0.0625rem solid $letbane-color-stroke;\r\n\t\tborder-radius: 0.25rem;\r\n\r\n\t\t&--error {\r\n\t\t\tborder: 0.0625rem solid red;\r\n\t\t}\r\n\t}\r\n\r\n\t&__paybutton {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tfont-size: 16px;\r\n\t\twidth: 100%;\r\n\t\theight: 47px;\r\n\t\tbackground-color: $letbane-color-999;\r\n\t\tcolor: $letbane-color-white;\r\n\t\tborder-radius: 0.375rem;\r\n\t\tmargin-bottom: 0.9375rem;\r\n\t\tcursor: pointer;\r\n\t\ttransition: background-color 0.3s ease;\r\n\r\n\t\t&--valid {\r\n\t\t\tbackground-color: $letbane-color-identityred;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: $letbane-color-identityred-hover;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbackground-color: $letbane-color-identityred-pressed;\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled {\r\n\t\t\t\tbackground-color: $letbane-color-identityred-disabled;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmargin-right: 0.625rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&__payment-options {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\r\n\t\theight: 1.625rem;\r\n\t\tmargin-bottom: 0.5625rem;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&__phone-input,\r\n\t&__email-input {\r\n\t\twidth: 100%;\r\n\t\theight: 2.75rem;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: 0 0.875rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tborder: 0.0625rem solid $letbane-color-stroke;\r\n\t\tborder-radius: 0.25rem;\r\n\t\tmargin-bottom: 0.6875rem;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&--error {\r\n\t\t\tborder: 0.0625rem solid red;\r\n\t\t}\r\n\t}\r\n\r\n\t&__checkboxes {\r\n\t\tmargin-bottom: 0.625rem;\r\n\t}\r\n}\r\n\r\n.toggle {\r\n\t&__label {\r\n\t\tfont-size: 0.875rem;\r\n\t\tfont-weight: 400;\r\n\t\ttransition: color 0.3s ease;\r\n\r\n\t\t&:first-of-type {\r\n\t\t\tjustify-self: flex-end;\r\n\t\t}\r\n\r\n\t\t&:last-of-type {\r\n\t\t\tjustify-self: flex-start;\r\n\t\t}\r\n\r\n\t\t&--checked {\r\n\t\t\tcolor: $letbane-color-identityred;\r\n\t\t}\r\n\t}\r\n\r\n\t&__input {\r\n\t\tposition: relative;\r\n\t\twidth: 3.875rem;\r\n\t\theight: 2rem;\r\n\r\n\t\t&--switch {\r\n\t\t\topacity: 0;\r\n\r\n\t\t\t&:checked + .toggle__input--slider:before {\r\n\t\t\t\ttransform: translateX(1.75rem);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--slider {\r\n\t\t\tposition: absolute;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tbackground-color: $letbane-color-white;\r\n\t\t\tborder: 0.0625rem solid $letbane-color-stroke;\r\n\t\t\ttransition: 0.4s;\r\n\t\t\tborder-radius: 2.125rem;\r\n\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: '';\r\n\t\t\t\theight: 1.75rem;\r\n\t\t\t\twidth: 1.75rem;\r\n\t\t\t\tleft: 0.125rem;\r\n\t\t\t\tbottom: 0.0625rem;\r\n\t\t\t\tbackground-color: $letbane-color-identityred;\r\n\t\t\t\tborder: 0.125rem solid #e5573b;\r\n\t\t\t\t-webkit-transition: 0.4s;\r\n\t\t\t\ttransition: 0.4s;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ticket {\r\n\tdisplay: grid;\r\n\talign-items: center;\r\n\tgrid-template-columns: 2fr 1fr 5.625rem;\r\n\tpadding: 0.6875rem 1.0625rem 0.6875rem 0.875rem;\r\n\r\n\t&:not(:last-child) {\r\n\t\tborder-bottom: 0.0625rem solid $letbane-color-stroke;\r\n\t}\r\n\r\n\t&__text {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolumn-gap: 0.625rem;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t&__name {\r\n\t\tfont-size: 0.875rem;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t&__info-button {\r\n\t\twidth: 1.0625rem;\r\n\t\theight: 1.0625rem;\r\n\t\tbackground-color: $letbane-color-stroke;\r\n\t\tborder-radius: 50%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\tcursor: pointer;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: 0.5625rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&__price {\r\n\t\tjustify-self: center;\r\n\t\tfont-size: 0.875rem;\r\n\t}\r\n\r\n\t&__amount-container {\r\n\t\tdisplay: flex;\r\n\t\tjustify-self: flex-end;\r\n\t\talign-items: center;\r\n\t\tcolumn-gap: 0.5rem;\r\n\t}\r\n\r\n\t&__increase,\r\n\t&__decrease {\r\n\t\tposition: relative;\r\n\t\tbackground-color: $letbane-color-black;\r\n\t\twidth: 1.5rem;\r\n\t\theight: 1.5rem;\r\n\t\tborder-radius: 0.125rem;\r\n\t\tflex-shrink: 0;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&__line {\r\n\t\t&--horizontal {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.6875rem;\r\n\t\t\tleft: 0.4375rem;\r\n\t\t\twidth: 0.625rem;\r\n\t\t\theight: 0.125rem;\r\n\t\t\tbackground-color: $letbane-color-white;\r\n\t\t}\r\n\r\n\t\t&--vertical {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.4375rem;\r\n\t\t\tleft: 0.6875rem;\r\n\t\t\twidth: 0.125rem;\r\n\t\t\theight: 0.625rem;\r\n\t\t\tbackground-color: white;\r\n\t\t}\r\n\t}\r\n\r\n\t&__current-amount {\r\n\t\tfont-size: 1.125rem;\r\n\t}\r\n}\r\n\r\n.warning {\r\n\tfont-size: 0.75rem;\r\n\tfont-weight: 300;\r\n\tline-height: 0.945rem;\r\n\tpadding: 0.6875rem 1.0625rem 0.6875rem 0.875rem;\r\n}\r\n\r\n.options {\r\n\t&__text {\r\n\t\tfont-size: 0.875rem;\r\n\t\tfont-weight: 300;\r\n\t\tdisplay: block;\r\n\t\ttransform: translateY(-0.125rem);\r\n\t}\r\n\r\n\t&__underline {\r\n\t\theight: 0.0313rem;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: $letbane-color-black;\r\n\t\ttransform: translateY(0.1875rem);\r\n\t}\r\n}\r\n\r\n.logos {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\r\n\t&__cards {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolumn-gap: 0.5625rem;\r\n\t}\r\n\r\n\t&__card {\r\n\t\tmax-height: 2.1875rem;\r\n\r\n\t\t&--apple {\r\n\t\t\theight: 1.4375rem;\r\n\t\t}\r\n\r\n\t\t&--paypal {\r\n\t\t\theight: 1.4375rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&__mobilepay {\r\n\t\tmax-height: 2.1875rem;\r\n\t}\r\n}\r\n\r\n.checkbox {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcursor: pointer;\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: 0.625rem;\r\n\t}\r\n\r\n\t&__input {\r\n\t\twidth: 1.5rem;\r\n\t\theight: 1.5rem;\r\n\t\tmargin: 0 0.625rem 0 0;\r\n\t\t-moz-appearance: none;\r\n\t\t-webkit-appearance: none;\r\n\t\t-o-appearance: none;\r\n\t\tborder: 0.0625rem solid $letbane-color-stroke;\r\n\t\tborder-radius: 0.125rem;\r\n\t\tbackground-color: $letbane-color-white;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:checked:before {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 1rem;\r\n\t\t\theight: 1rem;\r\n\t\t\tbackground-color: $letbane-color-identityred;\r\n\t\t\tborder-radius: 0.125rem;\r\n\t\t}\r\n\r\n\t\t&--error {\r\n\t\t\tborder: 0.0625rem solid red;\r\n\t\t}\r\n\t}\r\n\r\n\t&__label {\r\n\t\tfont-size: 0.875rem;\r\n\t\tfont-weight: 300;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&__button {\r\n\t\tfont-size: 0.875rem;\r\n\t\tfont-weight: 300;\r\n\t\tmargin-bottom: -0.3rem;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&__underline {\r\n\t\theight: 0.0313rem;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: $letbane-color-black;\r\n\t\tmargin-top: 0.25rem;\r\n\t}\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageLetbanePayment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageLetbanePayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageLetbanePayment.vue?vue&type=template&id=beddb662&scoped=true&\"\nimport script from \"./PageLetbanePayment.vue?vue&type=script&lang=js&\"\nexport * from \"./PageLetbanePayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageLetbanePayment.vue?vue&type=style&index=0&id=beddb662&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"beddb662\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/mobilepay-logo.9e606d60.svg\";"],"sourceRoot":""}