https://www.deutschebankpark.de/component---themes-gatsby-theme-ef…ers-start-return-js-3617196608893cfa850f.js

1"use strict";(self.webpackChunkef_website_stadion=self.webpackChunkef_website_stadion||[]).push([[1630],{36426:function(e,t,a){var n=a(14041);t.A=e=>{let{label:t,name:a,value:r="",errors:l=[],required:c=!1,onChange:s=!1,hint:i=!1}=e,m="ef-form-item ef-form-item--textarea";return l.length>0&&(m="ef-form-item ef-form-item--textarea ef-form-item--has-error"),n.createElement("div",{className:m},n.createElement("label",{className:"ef-form-item__label",htmlFor:a},c&&n.createElement(n.Fragment,null,n.createElement("sup",null,"*"),n.createElement("span",null," ")),t),n.createElement("div",{className:"ef-form-item__field-wrapper"},n.createElement("textarea",{id:a,className:"ef-form-item__field ef-form-item__field",name:a,placeholder:t,defaultValue:r,required:c,rows:"7",onChange:s||void 0}),l.length>0&&n.createElement("div",{className:"ef-form-item__error"},l[0]),i&&n.createElement("div",{className:"ef-hint"},i)))}},40765:function(e,t,a){var n=a(14041);t.A=e=>{let{label:t,name:a,collection:r=[],selected:l=!1,errors:c=[],required:s=!1,onChange:i=null,hint:m=!1}=e,o="ef-form-item ef-form-item--select";c.length>0&&(o="ef-form-item ef-form-item--select ef-form-item--has-error");return n.createElement("div",{className:o},t&&n.createElement("label",{className:"ef-form-item__label",htmlFor:a},s&&n.createElement(n.Fragment,null,n.createElement("sup",null,"*"),n.createElement("span",null," ")),t),n.createElement("div",{className:"ef-form-item__field-wrapper"},n.createElement("select",{className:"ef-form-item__field",name:a,required:s,id:a,onChange:e=>i?i(e):void 0,defaultValue:l},r.map(function(e){return l&&e[0],n.createElement("option",{key:e[0],value:e[0]},e[1])})),c.length>0&&n.createElement("div",{className:"ef-form-item__error"},c[0])),m&&n.createElement("div",{style:{marginTop:"0.5rem"},className:"ef-hint"},m))}},83861:function(e,t,a){a.r(t),a.d(t,{default:function(){return I}});var n=a(14041),r=a(96551),l=(a(14830),a(25711)),c=a(68032),s=a(63897),i=a(93899),m=a(2534),o=a(58931),d=a(12335),u=a(1890),f=a(58896),h=a(76881),_=a(30173),E=a(40765),p=a(36426);var g=e=>{let{label:t,name:a,value:r="1",errors:l=[],required:c=!1,onChange:s=!1,hint:i=!1}=e,m="ef-form-item ef-form-item--check";return l.length>0&&(m="ef-form-item ef-form-item--check ef-form-item--has-error"),n.createElement("div",{className:m},n.createElement("div",{className:"ef-form-item__check"},n.createElement("input",{className:"ef-form-item__check-box",style:{visibility:"hidden"},type:"checkbox",name:a,id:a,defaultValue:r,required:c,onChange:s||void 0}),n.createElement("label",{className:"ef-form-item__check-label",htmlFor:a},c&&n.createElement(n.Fragment,null,n.createElement("sup",null,"*"),n.createElement("span",null," ")),t),l.length>0&&n.createElement("div",{className:"ef-form-item__error"},l[0]),i&&n.createElement("div",{className:"ef-hint"},i)))},b=a(48602),v=a(83705),N=a(9709);var k=e=>{let{website_lang:t,item:a,selectedItems:l,setSelectedItems:c,disabled:s}=e;const{t:i}=(0,r.B)();let m={};return s&&(m={disabled:"disabled"}),n.createElement(n.Fragment,null,n.createElement("div",{className:"ef-product ef-product--checkout-review"},n.createElement("div",{className:"ef-form-item__check",style:{position:"relative",width:"2rem"}},n.createElement("input",Object.assign({className:"ef-form-item__check-box",type:"checkbox",id:"oder-item-"+a.id,name:"oder-item-"+a.id},m,{value:a.id,defaultChecked:-1!==l.findIndex(e=>e.id===a.id),onChange:e=>{e.target.checked?c(e=>[].concat((0,v.A)(e),[a])):c(l.filter(e=>e.id!==a.id))},style:{display:"none"}})),n.createElement("label",{htmlFor:"oder-item-"+a.id,className:"ef-form-item__check-label"})),a.imageUrl&&n.createElement("div",{className:"ef-product__media"},n.createElement("img",{className:"ef-product__image ef-product--chekout-review",src:a.imageUrl})),n.createElement("div",{className:"ef-product__content"},n.createElement("div",{className:"ef-product__summary",style:s?{opacity:"0.6"}:{}},n.createElement("div",{className:"ef-product__heading"},n.createElement("h5",{className:"ef-heading ef-heading--5 ef-product__title"},a.name[t]||a.name.de),n.createElement("div",{className:"ef-product__infos"},n.createElement("div",{className:"ef-product__info"},a.description&&n.createElement("p",null,a.description[t]||a.description.de),(()=>{let e=[];return a.items.map((a,n)=>{e.push([a.name?a.name[t]:null,a.description?a.description[t]:null].filter(e=>e).join(": "))}),e.join(", ")})(),n.createElement("br",null),i("Shop.Cart.ItemQuantity")," ",s?a.quantity:a.returnableQuantity))),n.createElement("div",{className:"ef-product__amount"},n.createElement("div",{className:"ef-product__price"},n.createElement(N.A,{value:s?a.totalPrice:a.returnablePrice})))))))};const w=e=>{let{item:t,returnReasons:a,handleItemValidationChange:l}=e;const{t:c}=(0,r.B)(),{0:s,1:i}

1=(0,n.useState)(1),{0:m,1:o}=(0,n.useState)({}),d=(e,t)=>{const a="v_"+t.itemId+t.itemIndex;if(e)if(-1===Object.keys(m).indexOf(a)){let e=Object.assign({},m);e[a]=t,o(e)}else{let e=Object.assign({},m);e[a]=t,o(e)}else if(Object.keys(m).length>0){let e=Object.assign({},m);delete e[a],o(e)}};(0,n.useEffect)(()=>{Object.keys(m)&&(Object.keys(m).length===parseInt(s)?l(t.id,!0,m):l(t.id,!1))},[JSON.stringify(m),s]);const u=Array.from({length:t.returnableQuantity},(e,t)=>t+1).map(e=>[e,e]);return n.createElement("div",{style:{marginLeft:"2rem"}},n.createElement(E.A,{label:c("Shop.Account.Orders.Returns.countLabel"),name:"checkout_return_item_reason",collection:u,selected:s,onChange:e=>(e=>{let a=parseInt(e);if(a<s){let e=!1,n=Object.assign({},m);Array.from({length:s-a},(e,t)=>t+a).forEach(a=>{const r="v_"+t.id+a;n[r]&&(delete n[r],e=!0)}),e&&o(n)}i(a)})(e.target.value),required:!0,errors:[]}),Array(parseInt(s)).fill("").map((e,r)=>n.createElement(S,{itemId:t.id,itemIndex:r,key:"reason-"+t.id+"-"+r,returnReasons:a,validationCallback:d})))},S=e=>{let{itemId:t,itemIndex:a,returnReasons:l,validationCallback:c}=e;const{t:s}=(0,r.B)(),{0:i,1:m}=(0,n.useState)(null),{0:d,1:u}=(0,n.useState)(""),{0:f,1:h}=(0,n.useState)(!1),_=(0,o.d7)(d,300),b=(0,n.useCallback)((e,t)=>{c(e,t)},[c]);return(0,n.useEffect)(()=>{let e=!1;if(t){let n={itemId:t,itemIndex:a};i&&"-1"!==i&&(n.reason=i,"Damaged"===i?(e=""!==_,n.defectDesc=_,n.defectReplacement=f):(u(""),e=!0)),b(e,n)}},[i,_,f,t,a]),n.createElement(n.Fragment,null,n.createElement(E.A,{label:s("Shop.Account.Orders.Returns.reasonPositionLabel",{articlePosition:a+1}),name:"checkout_return_item_reason_"+t+"-"+a,collection:l,selected:i,onChange:e=>{m(e.target.value)},required:!0,errors:[]}),"Damaged"===i&&n.createElement(n.Fragment,null,n.createElement(p.A,{label:s("Shop.Account.Orders.Returns.reasonDefectPlaceholder"),name:"checkout_return_item_reason_defect_desc_"+t+"-"+a,onChange:e=>{u(e.target.value)},required:!0}),n.createElement(g,{label:s("Shop.Account.Orders.Returns.reasonDefectReplacementLabel"),onChange:e=>{h(e.target.checked)},name:"checkout_return_item_reason_defect_replacement_"+t+"-"+a})))},y=e=>{let{checkoutData:t,website_lang:a,returnReasons:l,setShowSuccess:c}=e;const{t:i}=(0,r.B)(),{getPartnerLabel:o,getLegalLinkForPartner:d,getLogoImgUrlForPartner:u}=(0,m.UI)(),{createCheckoutReturn$:f}=(0,s.A)(),{0:h,1:_}=(0,n.useState)([]),{0:E,1:p}=(0,n.useState)({});(0,n.useEffect)(()=>{const e=new Set(h.map(e=>String(e.id)));p(t=>Object.keys(t).reduce((a,n)=>(e.has(n)&&(a[n]=t[n]),a),{}))},[h]);const g=h.map(e=>String(e.id)),b=g.length>0&&g.every(e=>{const t=E[e];return t&&Object.keys(t).length>0})?g.reduce((e,t)=>(Object.keys(E[t]).forEach(a=>{const n=E[t][a];e.push({lineItemId:n.itemId,reason:n.reason,reasonDescription:n.defectDesc||null,isReplacementRequested:n.defectReplacement||!1})}),e),[]):[],v=b.length>0?{returnItems:b}:null,N=null!==v,S=(e,t,a)=>{const n=String(e);p(e=>{const r=Object.assign({},e);return t&&a?r[n]=a:delete r[n],r})},y=t.order;return n.createElement(n.Fragment,null,n.createElement("section",{className:"ef-content__block ef-content__block--order-review"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement("div",{className:"ef-orders-review-container"},n.createElement("div",{className:"ef-orders-review-items"},y&&n.createElement("div",{key:t.id,className:"ef-orders-review-item"},n.createElement("div",{className:"ef-heading ef-heading--6"},n.createElement("a",{className:"ef-text--link",target:"_blank",rel:"noreferrer",href:d(y.partnerId),style:{display:"flex"}},u(y.partnerId)&&n.createElement("div",{style:{width:"3rem"}},n.createElement("img",{src:u(y.partnerId)})),n.createElement("div",{style:u(y.partnerId)?{height:"3rem",padding:"0.5rem 0 0 0.25rem"}:{}},o(y.partnerId)))),n.createElement("ul",{className:"ef-orders-review-items"},y.items&&y.items.map((e,t)=>n.createElement("li",{key:t,className:"ef-orders-review-item"},n.createElement("div",{className:"ef-orders-review-item__product ef-products--order-review"},n.createElement(k,{website_lang:a,item:e,selectedItems:h,setSelectedItems:_,disabled:!1===e.isReturnable}),-1!==h.findIndex(t=>t.id===e.id)&&n.createElement(w,{item:e,returnReasons:l,handleItemValidationChange:S})))))))))),n.createElement("section",{className:"ef-content__block ef-content__block--padded"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement("div",{className:"ef-form-buttons"},n.createElement("button",{className:"ef-button ef-button--primary ef-button--large",type:"button",disabled:!1===N,onClick:()=>{v&&f(t.id,v).subscribe(e=>{e&&204===e.status&&(setTimeout(()=>{window.scrollTo(0,0)},100),c(!0))})}},i("Shop.Account.Orders.Returns.btnLabel"))))))},A=e=>{let{backLink:t}=e;const{t:a}=(0,r.B)();return n.createElement("section",{className:"ef-content__block ef-content__block--padded"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement("div",{className:"ef-container__narrow-m"},n.createElement("div",{className:"ef-raffle-win"},n.createElement("div",{className:"ef-raffle-win__icon"},n.createElement("svg",{className:"ef-icon",width:"64",height:"64"},n.createElement("use",{href:"#ef-icon--check-circle-64",xlinkHref:"#ef-icon--check-circle-64"}))),n.createElement("div",{className:"ef-raffle-win__message"},n.createElement("h4",{className:"ef-heading ef-heading--4"},a("Shop.Account.Orders.Returns.Success.headline")),n.createElement("p",null,a("Shop.Account.Orders.Returns.Success.description")),n.createElement("br",null),n.createElement("div",{className:"ef-info-box",style:{textAlign:"left"}},n.createElement("h5",{className:"ef-heading ef-heading--4"},a("Shop.Account.Orders.Returns.Success.NextSteps.headline")),n.createElement("ul",{className:"ef-list ef-list--l ef-list--unordered",style:{paddingLeft:0}},n.createElement("li",{className:"ef-list__item"},a("Shop.Account.Orders.Returns.Success.NextSteps.step1")),n.createElement("li",{className:"ef-list__item"},a("Shop.Account.Orders.Returns.Success.NextSteps.step2")),n.createElement("li",{className:"ef-list__item"},a("Shop.Account.Orders.Returns.Success.NextSteps.step3")))),n.createElement("br",null),n.createElement(_.A,{link:{url:t},className:"ef-button ef-button--primary ef-button--large"},a("Shop.Account.Orders.Returns.Success.btnLabel")))))))};var I=e=>{let{pageContext:t}=e;const{website:a,website_lang:m,website_theme:o}=t,{t:E}=(0,r.B)(),p=(0,l.useLocation)(),{0:g,1:v}

1=(0,n.useState)(!1),N=c.parse(p.search).checkoutId||"",{0:k,1:w}=(0,n.useState)(null),{0:S,1:I}=(0,n.useState)(null),{user:O,signinRedirect$:R}=(0,i.N)(),{getCheckoutDetail$:x,getCheckoutReturnReasons$:C}=(0,s.A)();null===O&&R(),(0,n.useEffect)(()=>{window.scrollTo(0,0)}),(0,n.useEffect)(()=>{O&&(x(N).subscribe(e=>{w(e.data)}),C().subscribe(e=>{let t=Object.keys(e.data).map(t=>[t,e.data[t][m]]);t.unshift([-1,E("Generic.Choose")]),I(t)}))},[O]);const j=E("Shop.Account.Orders.Returns.headline"),F="/account/orders/detail?checkoutId="+N;return n.createElement(f.A,{website:a,website_lang:m,website_theme:o,subnavigation:(0,b.A)(m),submenuPartiallyActive:!0,forceFooter:"checkout",additionalPageClassName:"ef-page--account"},n.createElement(h.A,{website_theme:o,website:a,title:j}),n.createElement("main",{className:"ef-content ef-content--shop ef-content--shopping-account-order-details"},n.createElement("header",{className:"ef-content__header"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement(_.A,{link:{url:F},className:"ef-icon-and-text"},n.createElement("div",{className:"ef-icon-and-text__item"},n.createElement("svg",{className:"ef-icon",width:"16",height:"16"},n.createElement("use",{href:"#ef-icon--arrow-left-16",xlinkHref:"#ef-icon--arrow-left-16"}))),n.createElement("div",{className:"ef-icon-and-text__item"},n.createElement("h6",{className:"ef-heading ef-heading--6"},E("Generic.BackButton")))),!1===g&&n.createElement("h1",{className:"ef-heading ef-heading--2"},j))),null===k?n.createElement(u.A,null):n.createElement(n.Fragment,null,!0===g?n.createElement(A,{backLink:F}):n.createElement(y,{website_lang:m,checkoutData:k,returnReasons:S,setShowSuccess:v})),n.createElement(d.A,{data:{shop_mode:"global"}})))}}}]);