https://cdn.test.de/static/scripts/chunks/ShopPageWrapper-ShopPageWrapper-js.ca6971410c9e7ab653fa.min.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([["OrderPayment-OrderPayment-js","OrderPersonalData-OrderPersonalData-js","OrderReview-OrderReview-js","OrderSummary-OrderSummary-js","ShopPageWrapper-ShopPageWrapper-js"],{34709:function(e,t,i){var s=i(98819);t.default=class{constructor(e,t,i,s,{dylo:d}){this.node=e,this.personalDataForm=this.node.querySelector("form"),this.submitButton=this.personalDataForm.querySelector('input[type="submit"]'),this.addressDiffersCheckbox=this.node.querySelector('input[name="Input.DeliveryAddressDiffers"]'),this.deliveryOptionsRadio=this.node.querySelectorAll('input[name="Input.DeliveryOption"]'),this.selectedIncentiveHiddenInput=this.node.querySelector('input[name="selected-incentive-key"]'),this.deliveryAddressFieldset=this.node.querySelector(".js-order-personal-data__delivery"),this.packstationAddressFieldset=this.node.querySelector(".js-order-personal-data__packstation"),this.submitButton=this.node.querySelector('input[type="submit"]'),this.deliveryAddressVisible="order-personal-data__delivery--visible",this.countryDropdown=this.node.querySelector(".js-order-personal-data__country select"),i&&(this.deliveryDate=i,this.selectedDeliveryDateHiddenInput=this.node.querySelector('input[name="selected-delivery-date"]'),this.deliveryDateSelect=this.deliveryDate.querySelector(".js-abo-delivery-date__select .form__select")),t&&(this.incentives=t,this.incentiveItems=this.incentives.querySelectorAll(".js-abo-incentives__item"),this.selectedIncentive=this.incentives.querySelector(".js-abo-incentives__item.abo-incentives__item--active")),this.countryDropdown&&this.countryDropdown.addEventListener("change",(()=>{document.dispatchEvent(new CustomEvent("order-personal-data-country-changed",{detail:{country:this.countryDropdown.value}}))})),s&&(this.summary=s);const r=this.getFilledDeliveryInputsLength(".js-order-personal-data__delivery input"),a=this.getFilledDeliveryInputsLength(".js-order-personal-data__packstation input");let n="";r>0&&(n="delivery"),a>0&&(n="packstation");const o=this.deliveryAddressFieldset.classList.contains("order-personal-data__delivery--visible"),l=r>0||a>0||this.addressDiffersCheckbox?.checked||o;this.personalDataForm&&this.initializePersonalDataForm(l,n,{dylo:d}),this.selectedIncentive&&this.addIncentiveValue(this.selectedIncentive),this.deliveryDateSelect&&(this.selectedDeliveryDateHiddenInput.value=this.deliveryDateSelect.value),this.submitButton.disabled=!1,this.mirrorDisableStateOfSubmitButton(),this.addEventListeners()}addEventListeners(){this.addressDiffersCheckbox&&this.addressDiffersCheckbox.addEventListener("click",this.addressDiffersEventTriggered.bind(this)),this.deliveryOptionsRadio.length&&[...this.deliveryOptionsRadio].map((e=>{e.addEventListener("change",(e=>{this.addressDiffersEventTriggered(e)}))})),this.incentives&&this.incentives.querySelectorAll(".js-abo-incentives__item")?.forEach((e=>{e.addEventListener("click",(e=>{this.addIncentiveValue(e.currentTarget)}))})),this.deliveryDateSelect&&this.deliveryDateSelect.addEventListener("change",(e=>{this.selectedDeliveryDateHiddenInput.value=e.target.value})),document.body.addEventListener("order-summary-loaded",(({detail:e})=>{document.body.contains(e.triggerNode)&&(this.summary=e.newNode,requestAnimationFrame((()=>{document.body.contains(this.node)&&this.mirrorDisableStateOfSubmitButton()})))})),this.summary&&document.body.addEventListener("order-summary-submit",(()=>this.submitButton.click()))}addIncentiveValue(e){const t=e.querySelector(".abo-incentives__name").innerText;this.selectedIncentiveHiddenInput.value=t,this.incentiveItems?.forEach((e=>{e.classList.remove("abo-incentives__item--active")})),e.classList.add("abo-incentives__item--active")}getFilledDeliveryInputsLength(e){return[...this.node.querySelectorAll(e)].filter((e=>e.required&&e.value)).length}initializePersonalDataForm(e,t="",{dylo:i}){this.observeStateOfSubmitButton(),i&&new s.default(this.personalDataForm,{dylo:i}),this.disableDeliveryInputs(!0),this.toggleDeliveryAddressVisibility(e,t)}observeStateOfSubmitButton(){this.submitButton&&this.submitButton.addEventListener("submit-state-change",(()=>{this.mirrorDisableStateOfSubmitButton()}))}mirrorDisableStateOfSubmitButton(){this.submitButton&&document.body.dispatchEvent(new CustomEvent("order-summary-submit-state",{detail:{disabled:this.submitButton.disabled}}))}toggleDeliveryAddressVisibility(e,t=""){const i=this.getDeliveryAddressFieldset(t),s=this.node.querySelector("."+this.deliveryAddressVisible);if(e){if(s){const e=this.node.querySelector("."+this.deliveryAddressVisible).dataset.addressType;this.toggleDeliveryAddressVisibility(!1,e)}this.addressDiffersCheckbox&&(this.addressDiffersCheckbox.checked=!0,this.addressDiffersCheckbox.dispatchEvent(new CustomEvent("check-input-c

1hanged"))),i.classList.add(this.deliveryAddressVisible),this.disableDeliveryInputs(!1,i.dataset.addressType)}else s&&(""!==t&&this.removeValuesFromInputFields(".js-order-personal-data__"+t+" input"),s.classList.remove(this.deliveryAddressVisible)),this.disableDeliveryInputs(!0,t)}getDeliveryAddressFieldset(e="delivery"){switch(e=""===e?"delivery":e){case"delivery":return this.deliveryAddressFieldset;case"packstation":return this.packstationAddressFieldset}}disableDeliveryInputs(e,t=""){let i,s=".js-order-personal-data__delivery :is(input, select)",d=".js-order-personal-data__packstation :is(input, select)";switch(t){case"delivery":i=s;break;case"packstation":i=d;break;default:i=s+", "+d}this.node.querySelectorAll(i).forEach((t=>{t.disabled=e,!e&&""===t.value&&t.hasAttribute("data-value")&&(t.value=t.getAttribute("data-value"),t.removeAttribute("data-value"))}))}addressDiffersEventTriggered(){if(this.addressDiffersCheckbox&&this.toggleDeliveryAddressVisibility(this.addressDiffersCheckbox.checked),this.deliveryOptionsRadio.length){let e=!1,t="";"StandardDeliveryAddress"===event.target.value?e=!0:"PackstationAddress"===event.target.value?(e=!0,t="packstation"):e=!1,this.toggleDeliveryAddressVisibility(e,t)}}removeValuesFromInputFields(e){this.node.querySelectorAll(e).forEach((e=>{e.setAttribute("data-value",e.value),e.value=""}))}}},34963:function(e,t,i){i(74423);var s=i(98819);t.default=class{constructor(e,t,{dylo:i}){this.node=e,this.sepaForm=this.node.querySelector(".js-order-payment__form-sepa"),this.invoiceForm=this.node.querySelector(".js-order-payment__form-invoice"),this.paypalForm=this.node.querySelector(".js-order-payment__form-paypal"),this.creditCardForm=this.node.querySelector(".js-order-payment__form-credit-card"),this.sepaSubmitButton=this.sepaForm.querySelector('input[type="submit"]'),this.invoiceSubmitButton=this.invoiceForm.querySelector('input[type="submit"]'),this.payPalSubmitButton=this.paypalForm.querySelector('input[type="submit"]'),this.paymentMethods=this.node.querySelectorAll(".js-order-payment__methods-button"),this.creditCardForm&&(this.creditCardSubmitButton=this.creditCardForm.querySelector('input[type="submit"]')),t&&(this.summary=t),i&&this.initializeForms(i),this.observeStateOfSubmitButton(),this.processActivePaymentMethod(),this.addEventListeners()}initializeForms(e){new s.default(this.sepaForm,{dylo:e}),new s.default(this.invoiceForm,{dylo:e}),new s.default(this.paypalForm,{dylo:e}),this.creditCardForm&&new s.default(this.creditCardForm,{dylo:e})}processActivePaymentMethod(){this.paymentMethods.forEach((e=>{e.classList.contains("order-payment__methods-button--selected")&&this.handlePaymentMethodClick({currentTarget:e},!0)}))}observeStateOfSubmitButton(){this.sepaSubmitButton&&this.sepaSubmitButton.addEventListener("submit-state-change",(()=>{this.mirrorDisableStateOfSubmitButton()})),this.invoiceSubmitButton&&this.invoiceSubmitButton.addEventListener("submit-state-change",(()=>{this.mirrorDisableStateOfSubmitButton()})),this.creditCardSubmitButton&&this.creditCardSubmitButton.addEventListener("submit-state-change",(()=>{this.mirrorDisableStateOfSubmitButton()})),this.payPalSubmitButton&&this.payPalSubmitButton.addEventListener("submit-state-change",(()=>{this.mirrorDisableStateOfSubmitButton()}))}addEventListeners(){this.paymentMethods?.forEach((e=>{e.addEventListener("click",this.handlePaymentMethodClick.bind(this)),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(e.click(),t.preventDefault())}))})),document.body.addEventListener("order-summary-loaded",(({detail:e})=>{document.body.contains(e.triggerNode)&&(this.summary=e.newNode,requestAnimationFrame((()=>{this.mirrorDisableStateOfSubmitButton()})))})),this.summary&&document.body.addEventListener("order-summary-submit",this.handleSummarySubmit.bind(this)),this.paypalForm&&this.paypalForm.addEventListener("submit",this.showLoader.bind(this)),this.creditCardForm&&this.creditCardForm.addEventListener("submit",this.showLoader.bind(this))}showLoader(){setTimeout((()=>{const e=document.querySelector(".p-dylo-loader");e&&(e.ariaHidden="false")}),500)}mirrorDisableStateOfSubmitButton(){this.selectedMethod?"sepa"===this.selectedMethod&&this.sepaSubmitButton?this.sendSubmitStateEvent(this.sepaSubmitButton.disabled):"emailinvoice"===this.selectedMethod&&this.invoiceSubmitButton?this.sendSubmitStateEvent(this.invoiceSubmitButton.disabled):"paypal"===this.selectedMethod&&this.payPalSubmitButton?this.sendSubmitStateEvent(this.payPalSubmitButton.disabled):"creditcart"===this.selectedMethod&&this.payPalSubmitButton&&this.sendSubmitStateEvent(this.creditCardSubmitButton.disabled):this.summary&&this.sendSubmitStateEvent(!0)}sendSubmitStateEvent(e){document.body.contains(this.node)&&document.body.dispatchEvent(new CustomEvent("order-summary-submit-state",{detail:{disabled:e}}))}handleSummarySubmit(){this.selectedMethod&&("sepa"===this.selectedMethod?this.sepaSubmitButton.click():"emailinvoice"===this.selectedMethod?this.invoiceSubmitButton.click():"paypal"===this.selectedMethod?this.payPalSubmitButton.click():"creditcart"===this.selectedMethod&&this.creditCardSubmitButton.click())}handlePaymentMethodClick(e,t=!1){const i=e.currentTarget,{methodName:s,methodValue:d}=i.dataset;t||this.node.querySelector(".message--error")?.classList.add("message--hidden"),this.selectedMethod=d.toLowerCase(),this.paymentMethods?.forEach((e=>{e.classList.remove("order-payment__methods-button--selected"),e.setAttribute("aria-pressed","fal

1se")})),i.classList.add("order-payment__methods-button--selected"),i.setAttribute("aria-pressed","true"),this.selectedMethod.includes("sepa")?this.handleSepaSelection(s,d):this.selectedMethod.includes("emailinvoice")?this.handleInvoiceSelection(s,d):this.selectedMethod.includes("paypal")?this.handlePaypalSelection(s,d):this.selectedMethod.includes("creditcart")&&this.handleCreditCardSelection(s,d),this.enableActiveSubmitButton(),this.mirrorDisableStateOfSubmitButton()}handleInvoiceSelection(e,t){this.sepaForm.classList.add("order-payment--hidden"),this.paypalForm.classList.add("order-payment--hidden"),this.creditCardForm&&this.creditCardForm.classList.add("order-payment--hidden"),this.invoiceForm.classList.remove("order-payment--hidden"),document.body.dispatchEvent(new CustomEvent("order-summary-submit-name-changed",{detail:{name:this.invoiceSubmitButton.value,statisticsTitle:this.invoiceSubmitButton.getAttribute("data-statistics-title")}})),this.fillHidenTypeField(this.invoiceForm,e,t)}handleSepaSelection(e,t){this.paypalForm.classList.add("order-payment--hidden"),this.invoiceForm.classList.add("order-payment--hidden"),this.creditCardForm&&this.creditCardForm.classList.add("order-payment--hidden"),this.sepaForm.classList.remove("order-payment--hidden"),document.body.dispatchEvent(new CustomEvent("order-summary-submit-name-changed",{detail:{name:this.sepaSubmitButton.value,statisticsTitle:this.sepaSubmitButton.getAttribute("data-statistics-title")}})),this.fillHidenTypeField(this.sepaForm,e,t)}handlePaypalSelection(e,t){this.sepaForm.classList.add("order-payment--hidden"),this.invoiceForm.classList.add("order-payment--hidden"),this.creditCardForm&&this.creditCardForm.classList.add("order-payment--hidden"),this.paypalForm.classList.remove("order-payment--hidden"),document.body.dispatchEvent(new CustomEvent("order-summary-submit-name-changed",{detail:{name:this.payPalSubmitButton.value}})),this.fillHidenTypeField(this.paypalForm,e,t)}handleCreditCardSelection(e,t){this.sepaForm.classList.add("order-payment--hidden"),this.invoiceForm.classList.add("order-payment--hidden"),this.paypalForm.classList.add("order-payment--hidden"),this.creditCardForm.classList.remove("order-payment--hidden"),document.body.dispatchEvent(new CustomEvent("order-summary-submit-name-changed",{detail:{name:this.creditCardSubmitButton.value}})),this.fillHidenTypeField(this.creditCardForm,e,t)}fillHidenTypeField(e,t,i){const s=e.querySelector(".order-payment__type");s&&(s.name=t,s.value=i)}enableActiveSubmitButton(){this.sepaSubmitButton&&(this.sepaSubmitButton.disabled="sepa"!==this.selectedMethod),this.invoiceSubmitButton&&(this.invoiceSubmitButton.disabled="emailinvoice"!==this.selectedMethod),this.payPalSubmitButton&&(this.payPalSubmitButton.disabled="paypal"!==this.selectedMethod),this.creditCardSubmitButton&&(this.creditCardSubmitButton.disabled="creditcart"!==this.selectedMethod),this.mirrorDisableStateOfSubmitButton()}}},61981:function(e,t,i){var s=i(34709),d=i(34963),r=i(72521),a=i(67719);t.default=class{constructor(e,{dylo:t}){this.node=e;const i=e.querySelector(".order-personal-data"),n=e.querySelector(".order-summary"),o=e.querySelector(".order-payment"),l=e.querySelector(".order-review");n&&new a.default(n,{dylo:t}),i&&new s.default(i,null,null,n,{dylo:t}),o&&new d.default(o,n,{dylo:t}),l&&new r.default(l,n,{dylo:t}),this.addEventListeners()}addEventListeners(){document.body.addEventListener("order-summary-loaded",(({detail:e})=>{e.newNode&&document.body.contains(e.triggerNode)&&new a.default(e.newNode,{dylo:!0})})),document.body.addEventListener("shop-cart-count-change",this.onShopCartCountChange.bind(this))}onShopCartCountChange({detail:e}){const t=this.node.querySelector(".message.message--success"),i=this.node.querySelector(".abo-number-registration"),{aboReduced:s,msgDiscount:d,msgNormal:r}=e.newNode.dataset;if(!d)return t&&t.classList.add("shop-page-wrapper__message--hidden"),void(i&&i.classList.add("shop-page-wrapper__message--hidden"));const a=this.node.querySelector("#reduced"),n=this.node.querySelector("#discount"),o=this.node.querySelector("#normal");a&&(a.textContent=s),n&&(n.textContent=d),o&&(o.textContent=r)}}},67719:function(e,t,i){var s=i(19588);t.default=class{constructor(e){this.node=e,this.submitButtons=this.node.querySelectorAll(".js-order-summary__submit-btn"),this.shopOrderSummaryCheckout=this.node.querySelector(".shop-order-summary__checkout-wrapper"),this.priceValueContainer=e.querySelector(".order-summary__price-value"),this.stickyCheckout=!0;try{this.prices=JSON.parse(this.node.dataset.prices||"{}")}catch(e){this.prices={},s.A.error("OrderSummary",e)}this.addEventListeners(),this.shopOrderSummaryCheckout&&this.shopOrderSummaryCheckoutFadeEffect()}addEventListeners(){this.submitButtons?.forEach((e=>{e.addEventListener("click",(()=>{document.body.dispatchEvent(new CustomEvent("order-summary-submit"))}))})),document.body.addEventListener("order-summary-submit-name-changed",(({detail:e})=>

1{e.name&&this.submitButtons?.forEach((t=>t.innerText=e.name)),e.statisticsTitle&&this.submitButtons?.forEach((t=>t.setAttribute("data-statistics-title",e.statisticsTitle)))})),document.body.addEventListener("order-summary-submit-state",(({detail:e})=>{this.submitButtons?.forEach((t=>{t.classList.toggle("btn--disabled",e.disabled),t.disabled=e.disabled}))})),document.addEventListener("order-personal-data-country-changed",(e=>{const{country:t}=e.detail,i=this.prices.DE;"string"==typeof t&&this.prices[t]?this.priceValueContainer.textContent=this.prices[t]:i?this.priceValueContainer.textContent=i:s.A.warn(`OrderSummary: no price information available for country: ${t}`)}))}shopOrderSummaryCheckoutFadeEffect(){const e=this.node.querySelector(".shop-order-summary__price-wrapper"),t=this.node.querySelector(".order-summary__content");e&&t&&window.addEventListener("scroll",(()=>{const{top:e}=t.getBoundingClientRect(),{bottom:i,height:s}=this.shopOrderSummaryCheckout.getBoundingClientRect();(i-s-e)/s>=.9?this.stickyCheckout&&this.hideStickyCheckout():this.stickyCheckout||this.hideStickyCheckout(!0)}))}hideStickyCheckout(e=!1){this.shopOrderSummaryCheckout.classList.toggle("fade-out",!e),this.stickyCheckout=e}}},72521:function(e,t){t.default=class{constructor(e,t){this.node=e,this.submitButton=this.node.querySelector('input[type="submit"]'),t&&(document.body.addEventListener("order-summary-submit",(()=>{document.body.contains(e)&&this.submitButton.click()})),document.body.dispatchEvent(new CustomEvent("order-summary-submit-state",{detail:{disabled:this.submitButton.disabled}})))}}}}]);