https://stores.eintracht.de/6145d868a0d840ca089fae6aa3f90579ea5121f7-d77760d3033063f37a6c.js

1"use strict";(self.webpackChunkef_website_shop=self.webpackChunkef_website_shop||[]).push([[7052],{31491:function(e,t,a){a.d(t,{A:function(){return $}});var n=a(14041);function r(e){return function(t){return!!t.type&&t.type.tabsRole===e}}var l=r("Tab"),s=r("TabList"),c=r("TabPanel");function i(e,t){return n.Children.map(e,function(e){return null===e?null:function(e){return l(e)||s(e)||c(e)}(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children?(0,n.cloneElement)(e,Object.assign({},e.props,{children:i(e.props.children,t)})):e})}function o(e,t){return n.Children.forEach(e,function(e){null!==e&&(l(e)||c(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children&&(s(e)&&t(e),o(e.props.children,t)))})}function d(e){var t,a,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=d(e[t]))&&(n&&(n+=" "),n+=a);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var u=function(){for(var e,t,a=0,n="";a<arguments.length;)(e=arguments[a++])&&(t=d(e))&&(n&&(n+=" "),n+=t);return n};function f(e){var t=0;return o(e,function(e){l(e)&&t++}),t}var m,p=["children","className","disabledTabClassName","domRef","focus","forceRenderTabPanel","onSelect","selectedIndex","selectedTabClassName","selectedTabPanelClassName","environment","disableUpDownKeys","disableLeftRightKeys"];function g(e){return e&&"getAttribute"in e}function b(e){return g(e)&&e.getAttribute("data-rttab")}function h(e){return g(e)&&"true"===e.getAttribute("aria-disabled")}var v=function(e){var t=(0,n.useRef)([]),a=(0,n.useRef)([]),r=(0,n.useRef)();function o(t,a){t<0||t>=v()||(0,e.onSelect)(t,e.selectedIndex,a)}function d(e){for(var t=v(),a=e+1;a<t;a++)if(!h(N(a)))return a;for(var n=0;n<e;n++)if(!h(N(n)))return n;return e}function g(e){for(var t=e;t--;)if(!h(N(t)))return t;for(t=v();t-- >e;)if(!h(N(t)))return t;return e}function v(){return f(e.children)}function N(e){return t.current["tabs-"+e]}function E(e){var t=e.target;do{if(k(t)){if(h(t))return;return void o([].slice.call(t.parentNode.children).filter(b).indexOf(t),e)}}while(null!=(t=t.parentNode))}function k(e){if(!b(e))return!1;var t=e.parentElement;do{if(t===r.current)return!0;if(t.getAttribute("data-rttabs"))break;t=t.parentElement}while(t);return!1}e.children;var y=e.className,C=(e.disabledTabClassName,e.domRef),_=(e.focus,e.forceRenderTabPanel,e.onSelect,e.selectedIndex,e.selectedTabClassName,e.selectedTabPanelClassName,e.environment,e.disableUpDownKeys,e.disableLeftRightKeys,function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,p));return n.createElement("div",Object.assign({},_,{className:u(y),onClick:E,onKeyDown:function(t){var a=e.direction,n=e.disableUpDownKeys,r=e.disableLeftRightKeys;if(k(t.target)){var l=e.selectedIndex,s=!1,c=!1;"Space"!==t.code&&32!==t.keyCode&&"Enter"!==t.code&&13!==t.keyCode||(s=!0,c=!1,E(t)),(r||37!==t.keyCode&&"ArrowLeft"!==t.code)&&(n||38!==t.keyCode&&"ArrowUp"!==t.code)?(r||39!==t.keyCode&&"ArrowRight"!==t.code)&&(n||40!==t.keyCode&&"ArrowDown"!==t.code)?35===t.keyCode||"End"===t.code?(l=function(){for(var e=v();e--;)if(!h(N(e)))return e;return null}(),s=!0,c=!0):36!==t.keyCode&&"Home"!==t.code||(l=function(){for(var e=v(),t=0;t<e;t++)if(!h(N(t)))return t;return null}(),s=!0,c=!0):(l="rtl"===a?g(l):d(l),s=!0,c=!0):(l="rtl"===a?d(l):g(l),s=!0,c=!0),s&&t.preventDefault(),c&&o(l,t)}},ref:function(e){r.current=e,C&&C(e)},"data-rttabs":!0}),function(){var r=0,o=e.children,d=e.disabledTabClassName,u=e.focus,f=e.forceRenderTabPanel,p=e.selectedIndex,g=e.selectedTabClassName,b=e.selectedTabPanelClassName,h=e.environment;a.current=a.current||[];for(var E=a.current.length-v(),k=(0,n.useId)();E++<0;)a.current.push(""+k+a.current.length);return i(o,function(e){var o=e;if(s(e)){var v=0,E=!1;null==m&&function(e){var t=e||("undefined"!=typeof window?window:void 0);try{m=!(void 0===t||!t.document||!t.document.activeElement)}catch(a){m=!1}}(h);var k=h||("undefined"!=typeof window?window:void 0);m&&k&&(E=n.Children.toArray(e.props.children).filter(l).some(function(e,t){return k.document.activeElement===N(t)})),o=(0,n.cloneElement)(e,{children:i(e.props.children,function(e){var r="tabs-"+v,l=p===v,s={tabRef:function(e){t.current[r]=e}

1,id:a.current[v],selected:l,focus:l&&(u||E)};return g&&(s.selectedClassName=g),d&&(s.disabledClassName=d),v++,(0,n.cloneElement)(e,s)})})}else if(c(e)){var y={id:a.current[r],selected:p===r};f&&(y.forceRender=f),b&&(y.selectedClassName=b),r++,o=(0,n.cloneElement)(e,y)}return o})}())};v.defaultProps={className:"react-tabs",focus:!1},v.propTypes={};var N=v,E=function(e){var t=e.children,a=e.defaultFocus,r=e.defaultIndex,l=e.focusTabOnClick,s=e.onSelect,c=(0,n.useState)(a),i=c[0],o=c[1],d=(0,n.useState)(function(e){return null===e.selectedIndex?1:0}(e)),u=d[0],m=(0,n.useState)(1===u?r||0:null),p=m[0],g=m[1];if((0,n.useEffect)(function(){o(!1)},[]),1===u){var b=f(t);(0,n.useEffect)(function(){if(null!=p){var e=Math.max(0,b-1);g(Math.min(p,e))}},[b])}var h=Object.assign({},e);return h.focus=i,h.onSelect=function(e,t,a){"function"==typeof s&&!1===s(e,t,a)||(l&&o(!0),1===u&&g(e))},null!=p&&(h.selectedIndex=p),delete h.defaultFocus,delete h.defaultIndex,delete h.focusTabOnClick,n.createElement(N,h,t)};E.propTypes={},E.defaultProps={defaultFocus:!1,focusTabOnClick:!0,forceRenderTabPanel:!1,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:!1,disableLeftRightKeys:!1},E.tabsRole="Tabs";var k=E,y=["children","className"];var C=function(e){var t=e.children,a=e.className,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,y);return n.createElement("ul",Object.assign({},r,{className:u(a),role:"tablist"}),t)};C.tabsRole="TabList",C.propTypes={},C.defaultProps={className:"react-tabs__tab-list"};var _=C,w=["children","className","disabled","disabledClassName","focus","id","selected","selectedClassName","tabIndex","tabRef"];var j="react-tabs__tab",S={className:j,disabledClassName:j+"--disabled",focus:!1,id:null,selected:!1,selectedClassName:j+"--selected"},T=function(e){var t,a=(0,n.useRef)(),r=e.children,l=e.className,s=e.disabled,c=e.disabledClassName,i=e.focus,o=e.id,d=e.selected,f=e.selectedClassName,m=e.tabIndex,p=e.tabRef,g=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,w);return(0,n.useEffect)(function(){d&&i&&a.current.focus()},[d,i]),n.createElement("li",Object.assign({},g,{className:u(l,(t={},t[f]=d,t[c]=s,t)),ref:function(e){a.current=e,p&&p(e)},role:"tab",id:"tab"+o,"aria-selected":d?"true":"false","aria-disabled":s?"true":"false","aria-controls":"panel"+o,tabIndex:m||(d?"0":null),"data-rttab":!0}),r)};T.propTypes={},T.tabsRole="Tab",T.defaultProps=S;var P=T,x=["children","className","forceRender","id","selected","selectedClassName"];var A="react-tabs__tab-panel",F={className:A,forceRender:!1,selectedClassName:A+"--selected"},R=function(e){var t,a=e.children,r=e.className,l=e.forceRender,s=e.id,c=e.selected,i=e.selectedClassName,o=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,x);return n.createElement("div",Object.assign({},o,{className:u(r,(t={},t[i]=c,t)),role:"tabpanel",id:"panel"+s,"aria-labelledby":"tab"+s}),l||c?a:null)};R.tabsRole="TabPanel",R.propTypes={},R.defaultProps=F;var I=R,O=a(42072),U=a(2534),D=a(62571),K=a(82039),L=a(9709),B=a(25935),V=a(96551);var M=e=>{let{variants:t,selectedVariantSku:a,onChangeVariant:r,onAddToCart:l,shippingTime:s}=e;const{t:c}=(0,V.B)();let i=a?t.find(e=>e.sku===a):null;return n.createElement(n.Fragment,null,n.createElement("div",{className:"ef-product-add"},t&&t.length>1&&n.createElement(n.Fragment,null,n.createElement("div",{className:"form-select--custom"},n.createElement("div",{className:"ef-form-item ef-form-item--select"},n.createElement("div",{className:"ef-form-item__field-wrapper"},n.createElement("select",{className:"ef-form-item__field",placeholder:c("Shop.formPlaceholderChoose"),onChange:r,defaultValue:a||"choose"},n.createElement("option",{value:"choose",disabled:!0,hidden:!0},c("Shop.formPlaceholderChoose")),t.map((e,t)=>n.createElement("option",{key:t,value:e.sku,disabled:e.stock<=0&&!0===e.lastStock||!1===e.active},e.label))))))),n.createElement("button",{disabled:!(i&&l&&(!1===i.lastStock||!0===i.lastStock&&i.stock>0)),onClick:l,type:"submit",className:"ef-button ef-button--primary ef-button--large"},c("Shop.Cart.buttonAddToCart"))),n.createElement("p",{className:"ef-product-add__delivery"},s&&null!==(0,B.K_)(s)&&n.createElement(n.Fragment,null,c("Shop.Cart.shippingDurationInfoFront")," ",(0,B.K_)(s)," ",c("Shop.Cart.shippingDurationInfoBack")),n.createElement(n.Fragment,null,n.createElement("br",null),c("Shop.Cart.productNumber")," ",a||t[0].sku)))};var q=e=>{let{product:t,getTotal:a,className:r}=e;const{t:l}=(0,V.B)(),s=(0,B.IQ)(t),{showMemberPrices:c,userInBirthdayRange:i,userIsMember:o,userOrgaPricingGroups:d}=(0,U.UI)();let u=(0,B.ml)(t,i,o,d);const f=(0,B.ow)(t,u);return n.createElement(n.Fragment,null,u?n.createElement(n.Fragment,null,n.createElement(L.A,{value:a(u.price,c),countUp:!0,startValue:u.price,className:r||"ef-shop-product__price"}),n.createElement("p",null," ",l("Shop.Product.priceNormal")," ",n.createElement(L.A,{countUp:!1,className:"",value:f||t.price,tagName:"span"}),n.createElement("br",null))):n.createElement(n.Fragment,null,n.createElement(L.A,{startValue:t.price,countUp:!0,className:r||"ef-shop-product__price",value:a()}),null!==f&&n.createElement("span",{className:"ef-product__price ef-product__price--old"}," ",l("Shop.Product.priceWas")," ",n.createElement(L.A,{countUp:!1,className:"",value:f,tagName:"span"}),n.createElement("br",null))),s&&null===u&&n.createElement(n.Fragment,null,n.createElement("a",{className:"ef-text--link",href:"https://mitglied.eintracht.de",target:"_blank",rel:"noopener noreferrer"},l("Shop.Product.priceMembers")," ",n.createElement(L.A,{countUp:!1,className:"",value:s.price,tagName:"span"})),n.createElement("br",null)))},G=a(5329);var H=e=>{let{flock:t}=e;const{t:a}=(0,V.B)();return n.createElement("div",{className:"ef-flocks"},n.createElement("div",{className:"ef-flocks__inner"},n.createElement("div",{className:"ef-flock ef-flock--label --is-active"},n.createElement("span",null,t.invertFlockLabelPositions?t.name:t.teamName)),n.createElement("div",{className:"ef-flock ef-flock--number "+(t.flockColoring.digitClassName?t.flockColoring.digitClassName:""),role:!t.flockColoring.useFontForDigits&&t.number?"img":void 0,"aria-label":!t.flockColoring.useFontForDigits&&t.number?a("Accessibility.JerseyNumber")+" "+t.number:void 0},t.flockColoring.useFontForDigits?n.createElement(n.Fragment,null,t.number):n.createElement(n.Fragment,null,t.number&&t.number.split("").map((e,a)=>n.createElement("svg",{key:a,className:"ef-icon ef-icon--"+e,"aria-hidden":"true"},n.createElement("use",{href:"#icon-number-"+t.flockColoring.digitPrefix+e,xlinkHref:"#icon-number-"+t.flockColoring.digitPrefix+e}))))),n.createElement("div",{className:"ef-flock ef-flock--name"},n.createElement("span",null,t.invertFlockLabelPositions?t.teamName:t.name))))},J=a(14963),Q=a(87179);const W=e=>{let{imageUrl:t,showFlock:a,flock:r}=e,l=r.flockColoring.className;return n.createElement("div",{className:"ef-media ef-media--jersey "+l},n.createElement(K.A,{image:{src:t},aspectRatio:"1:1"}),a&&n.createElement(H,{flock:r}))},z=e=>{let{images:t,isActive:a,flock:r,useRef:l,productChangeDate:s}=e;if(!a)return null;function c(e){const{className:t,style:a,onClick:r}=e;return n.createElement("button",{className:"ef-slider__arrow ef-slider-jersey__arrow ef-slider__arrow--next "+t,style:a,onClick:r},"Next")}function i(e){const{className:t,style:a,onClick:r}=e;return n.createElement("button",{className:"ef-slider__arrow ef-slider-jersey__arrow ef-slider__arrow--prev "+t,style:a,onClick:r},"Prev")}const o={slidesToShow:1,slidesToScroll:1,arrows:!0,prevArrow:n.createElement(i,null),nextArrow:n.createElement(c,null),mobileFirst:!0,infinite:!1,autoplay:!1,autoplaySpeed:700,centerMode:!1,variableWidth:!1,ref:l,className:"ef-slider-jersey --is-active"};return n.createElement("div",{className:"ef-slider-jersey-container"},n.createElement(O.A,o,t&&t.length>0&&t.slice(0,2).map((e,t)=>n.createElement("div",{key:"product-image-slide-"+t,className:"ef-slide ef-slider-jersey__item"},n.createElement(W,{flock:r,showFlock:1===t,imageUrl:e.thumbnails._1280x1280})))))},X=e=>{let{imageUrl:t,isActive:a,onClick:r}=e;return n.createElement("div",{onClick:r,className:"ef-jersey-thumb__item"+(a?" --is-active":""),"data-select-slider":"home"},n.createElement(K.A,{add_class:"ef-jersey-thumb__image",defaultClass:!1,image:{src:t},aspectRatio:"1:1"}))};var Y=e=>{let{configurator:t}=e;const{addCartProducts:a}=(0,U.UI)(),[,r]=(0,n.useContext)(D.A).cartVisibleState||[null,null],{showMemberPrices:l}=(0,U.UI)();(0,n.useEffect)(()=>{(0,Q.A)("https://design.eintracht.de/assets/svg/sprite-numbers.svg")},[]);const s=t.products,c=t.options,i=n.createRef(),{0:o,1:d}

1=(0,n.useState)((0,J.qF)(s[0],t)),{0:u,1:f}=(0,n.useState)(),{0:m,1:p}=(0,n.useState)({}),{0:g,1:b}=(0,n.useState)({name:null,number:null}),{0:h,1:v}=(0,n.useState)(0),{t:N,i18n:E}=(0,V.B)();return t?(console.log("JerseyConfig options:"),console.dir(c),console.log("selectedProduct:"),console.dir(o),console.log("First product:",s[0]),n.createElement("div",{className:"ef-jersey-config ef-jersey-config-male --is-active"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement("div",{className:"ef-card-grid ef-jersey-config-grid"},n.createElement("div",{className:"ef-jersey-config-grid__item"},s&&s.map((e,t)=>{var a,r;return n.createElement("div",{key:"product-group-"+t,className:"ef-jersey-group"},n.createElement(z,{useRef:i,flock:Object.assign({},g,{teamName:g.name||g.number?o.teamName:null,flockColoring:o.flockColoring,invertFlockLabelPositions:o.invertFlockLabelPositions}),images:e.images,isActive:e.id===o.id,onBeforeChange:(e,t)=>v(t),productChangeDate:null===(a=e.attributes)||void 0===a||null===(r=a.web)||void 0===r?void 0:r.storefrontChanged}))}),n.createElement("div",{className:"ef-jersey-thumb"},s&&s.map((e,a)=>n.createElement(X,{key:"product-thumb-"+a,imageUrl:e.images[0].thumbnails._200x200,isActive:e.id===o.id,onClick:()=>{return a=e,d((0,J.qF)(a,t)),void f();var a}})))),n.createElement("div",{className:"ef-jersey-config-grid__item"},n.createElement("h2",{className:"ef-heading ef-heading--shop-display ef-jersey-config-heading"},n.createElement("span",{className:"ef-heading__text"},t.name[E.language]||t.name.de)),n.createElement("div",{"data-configurator-id":t.originId,className:"ef-jersey-config-wording"},n.createElement("div",{className:"ef-jersey-config-wording__item --is-active"},n.createElement("h3",{className:"ef-heading ef-heading--3 ef-heading--2 ef-section-header__heading"},o.name[E.language]||o.name.de),t.description&&t.description[E.language]?n.createElement("h4",{className:"ef-heading ef-heading--4 ef-heading--2 ef-section-header__heading"},t.description[E.language].replace(/(<([^>]+)>)/gi,"")):n.createElement("h4",{className:"ef-heading ef-heading--4 ef-heading--2 ef-section-header__heading"},t.description.de.replace(/(<([^>]+)>)/gi,"")))),n.createElement(G.A,{onChange:function(e,t){let a=Object.assign({},m);t?a[e]=t:delete a[e],p(a)},onFlockOptionsChange:function(e){if(i.current&&(e.name||e.number)){let e=o.images.findIndex(e=>!0===e.configuratorPreviewImage);i.current.slickGoTo(e)}b(Object.assign(Object.assign({},g),e))},options:c}),n.createElement("div",{className:"ef-product__price --jersey-config"},n.createElement(q,{product:o,getTotal:function(e,t){void 0===e&&(e=null),void 0===t&&(t=!1);let a=e||o.price;return Object.keys(m).map((e,n)=>{let r=(m[e]||{}).price,l=(0,B.IQ)(m[e]);t&&l&&l.price&&(r=l.price),a+=r}),a},className:"ef-product__price-label --jersey-config"})),n.createElement("div",{className:"ef-hints ef-hints--jersey-config"},n.createElement("div",{className:"ef-hint"},n.createElement("a",{target:"_blank",rel:"noreferrer",className:"ef-text--link",href:N("Shop.Footer.linkInfoServiceUrl")},N("Shop.Product.taxInfo")," ",N("Shop.Product.plusShipping")))),n.createElement(M,{onChangeVariant:e=>{f(e.target.value)},selectedVariantSku:u,onAddToCart:function(){let e=m[1]&&m[1].position<=0||!m[1];return u&&(e||(0,J.mC)(g))&&(0,J.fL)(m)}()?function(e){(0,J.SO)(a,t,g,m,u,1),r(!0)}:null,variants:o.variants}),n.createElement("div",{className:"ef-hints ef-hints--jersey-config"},n.createElement("div",{className:"ef-hint"},n.createElement("p",{className:"ef-product-add__delivery"},N("Shop.Cart.shippingDurationInfoFront")," ",(0,B.K_)(o.shippingTime)," ",N("Shop.Cart.shippingDurationInfoBack"))))))))):n.createElement(n.Fragment,null)},Z=a(80463);var $={shop_jersey_configurators_block:e=>{let{data:t}=e,a=t.configurators.filter(e=>void 0!==e.configurator).map(e=>{let t=e;return t.configurator.products=(0,Z.removeAppclusiveProducts)(t.configurator.products),t}).filter(e=>e.configurator.products.length>0);return n.createElement("section",{className:"ef-content__block ef-content__block--jersey-config"},n.createElement(k,{selectedTabClassName:"--is-active",selectedTabPanelClassName:"--is-active"},n.createElement("div",{className:"ef-tabs"},n.createElement("div",{className:"ef-container ef-container--l"},n.createElement(_,{className:"ef-tabs-items"},a&&a.map((e,t)=>n.createElement(P,{className:"ef-tabs-item",key:"conf-tab-"+t},n.createElement("div",{className:"ef-tabs-item__label"},e.title)))))),a&&a.map((e,t)=>n.createElement(I,{className:"ef-tabs-content",key:"conf-tab-panel-"+t},n.createElement(Y,{configurator:e.configurator})))))}}}}]);