https://www.zooplus.de/_next/static/chunks/2672.4d596d6fe9525302.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2672],{11987:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var r=a(22415);let n=(0,a(67946).Ht)(r.Ay,e=>(t,a,r)=>(r.revalidateOnFocus=!1,r.revalidateIfStale=!1,r.revalidateOnReconnect=!1,r.refreshInterval=0,e(t,a,r)))},62672:(e,t,a)=>{"use strict";a.r(t),a.d(t,{RedeemYourPointsWithCartExperiment:()=>et}),a(86498);var r,n,i,l,o,s,c=a(2506),d=a(22415),u=a(91426),p=a(61846),h=a(56272);function m(){let{site:e,locale:t}=function(){let e=(0,p.ip)();if(e?.site&&e?.locale)return{site:e.site,locale:e.locale};let t=(0,p.Em)()??(0,p._S)("zooplus.com");return{site:t,locale:(0,p.CW)()??t.locale}}(),a=(0,u.useCallback)(()=>({domain:e.domain,siteId:e.id,locale:t,currencyCode:e.alternativeCurrency,pageLocation:window.location.href,platform:function(){let e=navigator.userAgent||navigator.vendor||window.opera;return/iPad|iPhone|iPod/.test(e)&&!window.MSStream?"IOS":/android/i.test(e)?"ANDROID":"WEB"}()}),[e,t]),r=(0,u.useCallback)(({page:e}={})=>{(0,h.trackEvent)({event:h.TRACKING_EVENT.PAGE_VIEW,page:e??v(),detail:{...a()}})},[a]),n=(0,u.useCallback)(({page:e,target:t})=>{(0,h.trackEvent)({event:"CLICK",page:e??v(),detail:{...a(),target:t??{name:"",id:""}}})},[a]);return{trackPageView:r,trackClick:n,trackInteraction:(0,u.useCallback)(({page:e,components:t})=>{(0,h.trackEvent)({event:"INTERACTION",page:e??v(),detail:{...a(),components:t}})},[a]),trackExperiment:(0,u.useCallback)(({featureKey:e,variationKey:t})=>{(0,h.trackEvent)({event:h.TRACKING_EVENT.EXPERIMENT,page:v(),detail:{...a(),experiments:[{tool:"OPTIMIZELY",id:e,value:t}]}})},[a])}}function v(){let e=window.location.href;switch(!0){case e.includes("/checkout/cart"):return h.TRACKING_PAGE.CHECKOUT_CART;case e.includes("/checkout/preview"):return h.TRACKING_PAGE.CHECKOUT_PREVIEW;case e.includes("/checkout/finish"):return h.TRACKING_PAGE.CHECKOUT_FINISH;case e.includes("/zooclub/dashboard"):return h.TRACKING_PAGE.LOYALTY_PROGRAM_DASHBOARD;case e.includes("/zooclub/overview"):return h.TRACKING_PAGE.LOYALTY_PROGRAM_LANDING_PAGE;case e.includes("/account/overview"):return h.TRACKING_PAGE.ACCOUNT;default:return h.TRACKING_PAGE["PRODUCT-DETAIL"]}}var f=a(11987),g=a(31906),w=a(46526),_=a(67946);let y=["/bonus-points/rewards"];var b=a(53873);let x=()=>{let{site:{realm:e}}=(0,p.ip)();return(0,b.useTranslation)(`loyalty-management/translations/${e}`)},E=e=>{let{t}=x();return(0,c.jsx)(b.Trans,{t:t,...e})};var A=a(5862),C=a(13659);function P(){return(P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var j=function(e){return u.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,fill:"none",viewBox:"0 0 21 20"},e),r||(r=u.createElement("g",{clipPath:"url(#clip0_12119_23118)"},u.createElement("path",{fill:"#A55FDC",fillRule:"evenodd",d:"m20.047 7.921-.981-.981a.98.98 0 0 1-.288-.694v-1.15a2.945 2.945 0 0 0-2.945-2.945h-1.15a.98.98 0 0 1-.694-.288l-.981-.981a2.944 2.944 0 0 0-4.164 0l-.982.981a.98.98 0 0 1-.694.288h-1.15a2.944 2.944 0 0 0-2.945 2.945v1.15c0 .26-.103.51-.287.694l-.982.981a2.945 2.945 0 0 0 0 4.165l.982.981a.98.98 0 0 1 .287.694v1.15a2.944 2.944 0 0 0 2.945 2.945h1.15c.26 0 .51.103.694.287l.982.982a2.944 2.944 0 0 0 4.164 0l.981-.982a.98.98 0 0 1 .694-.287h1.15a2.945 2.945 0 0 0 2.945-2.945v-1.15c0-.26.104-.51.288-.694l.981-.981a2.945 2.945 0 0 0 0-4.165",clipRule:"evenodd"}),u.createElement("path",{fill:"#fff",d:"M11.688 4.582a.832.832 0 0 0-1.5 0L8.989 7.076a.4.4 0 0 1-.307.222l-2.76.361a.83.83 0 0 0-.464 1.426l2.016 1.9a.4.4 0 0 1 .118.363l-.505 2.712c-.13.695.606 1.21 1.214.883l2.449-1.32a.4.4 0 0 1 .377 0l2.45 1.32c.607.327 1.343-.188 1.213-.883l-.505-2.712a.4.4 0 0 1 .118-.363l2.016-1.9a.83.83 0 0 0-.463-1.426l-2.761-.361a.4.4 0 0 1-.307-.222L11.69 4.582z"}))),n||(n=u.createElement("defs",null,u.createElement("clipPath",{id:"clip0_12119_23118"},u.createElement("path",{fill:"#fff",d:"M.93 0h20v20h-20z"})))))};function R(e,t,a={year:"numeric",month:"2-digit",day:"2-digit"}){return new Date(t).toLocaleDateString(e,a)}var I={exports:{}};!function(e){var t={}.hasOwnProperty;function a(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=r(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=r(n,i));return n}(i)))}return e}function r(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):window.classNames=a}(I);

1var N=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}(I.exports);let L="undefined"!=typeof window?u.useLayoutEffect:u.useEffect;var O={expiringData:"ExpiringPointsBadge-module_expiringData__wdjpO",small:"ExpiringPointsBadge-module_small__7TPKd"};let k=({expiringBalance:e,expiringDate:t,enableCondensedMobileView:a=!1,size:r="medium",showExpiryDate:n=!0})=>{let{innerWidth:i}=(()=>{let[e,t]=(0,u.useState)({innerWidth:0,innerHeight:0}),a=()=>{let{innerWidth:e,innerHeight:a}=window;t({innerWidth:e,innerHeight:a})};return L(()=>(window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}),[]),L(()=>{a()},[]),e})(),{t:l}=x(),o=function(){let{locale:e}=(0,p.ip)();return R.bind(null,e)}();return e&&t&&function(e){let t=new Date,a=new Date(e),r=Math.floor(t.getMonth()/3),n=Math.floor(a.getMonth()/3);return t.getFullYear()===a.getFullYear()&&r===n}(t)?(0,c.jsx)("span",{className:N(O.expiringData,{[O.small]:"small"===r}),"data-testid":"aboutToExpireId","data-zta":"expiringDateBadge",children:!n||a&&i<544?l("loyalty-program.expiration-info.small-card",{expiringBalance:e}):l("loyalty-program.expiration-info.big-card",{expiringDate:o(t),expiringBalance:e})}):null},T={light:{zooplus:(0,u.lazy)(()=>a.e(6654).then(a.bind(a,6654)).then(e=>({default:e.LogoZooplusClub}))),zoohit:(0,u.lazy)(()=>a.e(8419).then(a.bind(a,58419)).then(e=>({default:e.LogoZoohitClub}))),zoochic:(0,u.lazy)(()=>a.e(809).then(a.bind(a,80809)).then(e=>({default:e.LogoZoochicClub}))),bitiba:null},dark:{zooplus:(0,u.lazy)(()=>a.e(1202).then(a.bind(a,88821)).then(e=>({default:e.LogoZooplusClubDark}))),zoohit:(0,u.lazy)(()=>a.e(395).then(a.bind(a,80395)).then(e=>({default:e.LogoZoohitClubDark}))),zoochic:(0,u.lazy)(()=>a.e(8297).then(a.bind(a,68297)).then(e=>({default:e.LogoZoochicClubDark}))),bitiba:null}},z=({width:e,height:t,variant:a="light"})=>{let{site:{domain:r}}=(0,p.ip)(),{t:n}=x(),i=function(e){if(e.includes("zoochic"))return"zoochic";if(e.includes("zoohit"))return"zoohit";if(e.includes("zooplus"))return"zooplus";if(e.includes("bitiba"))return"bitiba";throw Error(`Unknown domain: ${e}`)}(r),l=T[a][i];return l?(0,c.jsx)(u.Suspense,{fallback:null,children:(0,c.jsx)(l,{width:e,height:t,"aria-label":n("loyalty-program.program-name"),role:"img"})}):null};var S={overview:"Overview-module_overview__tv-8f",title:"Overview-module_title__2Wyjn",balance:"Overview-module_balance__VJbjT",pointsIcon:"Overview-module_pointsIcon__4fFdj",balanceAmount:"Overview-module_balanceAmount__X4xmn"};let D=({balance:e,expiringBalance:t,expiringDate:a,showLogo:r=!0})=>{let{t:n}=x();return(0,c.jsxs)("div",{className:S.overview,children:[r?(0,c.jsx)(z,{height:23}):null,(0,c.jsx)("h3",{className:S.title,children:n("loyalty-program.redeem-your-points.title")}),(0,c.jsxs)("div",{className:S.balance,children:[(0,c.jsx)(j,{"aria-hidden":!0,className:S.pointsIcon,title:n("loyalty-program.dashboard.redeem-your-points.overview.points-icon-title")}),(0,c.jsx)("span",{"data-testid":"zooPointsBalance",children:(0,c.jsx)(E,{i18nKey:"loyalty-program.redeem-your-points.balance",components:{Points:(0,c.jsx)("span",{className:S.balanceAmount})},values:{balance:e}})})]}),(0,c.jsx)(k,{expiringBalance:t,expiringDate:a,size:"small",showExpiryDate:!1})]})};var K=a(24658),G=a(74563),M=a(56171),B=a(28107);function F(){return(F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var Y=function(e){return u.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:21,height:21,fill:"none",viewBox:"0 0 21 21"},e),i||(i=u.createElement("g",{clipPath:"url(#clip0_12802_37932)"},u.createElement("path",{fill:"#D3D0CA",fillRule:"evenodd",d:"m19.977 7.98-.982-.982a.98.98 0 0 1-.287-.694v-1.15a2.945 2.945 0 0 0-2.945-2.945h-1.15a.98.98 0 0 1-.694-.287L12.937.94a2.944 2.944 0 0 0-4.164 0l-.981.982a.98.98 0 0 1-.695.287h-1.15a2.944 2.944 0 0 0-2.944 2.945v1.15c0 .26-.104.51-.288.694l-.981.982a2.945 2.945 0 0 0 0 4.164l.981.982a.98.98 0 0 1 .288.694v1.15a2.944 2.944 0 0 0 2.944 2.944h1.15c.26 0 .51.104.695.288l.981.981a2.944 2.944 0 0 0 4.164 0l.982-.981a.98.98 0 0 1 .694-.288h1.15a2.945 2.945 0 0 0 2.945-2.944v-1.15c0-.26.103-.51.287-.694l.982-.982a2.945 2.945 0 0 0 0-4.164",clipRule:"evenodd"}),u.createElement("path",{fill:"#fff",d:"M11.617 4.64a.832.832 0 0 0-1.5 0L8.917 7.134a.4.4 0 0 1-.307.222l-2.761.362a.83.83 0 0 0-.463 1.426l2.016 1.9a.4.4 0 0 1 .118.362l-.505 2.713c-.13.695.606 1.21 1.213.882l2.45-1.32a.4.4 0 0 1 .377 0l2.45 1.32c.607.327 1.342-.187 1.213-.882l-.506-2.713a.4.4 0 0 1 .119-.362l2.015-1.9a.83.83 0 0 0-.463-1.426l-2.76-.362a.4.4 0 0 1-.308-.222L11.619 4.64z"}))),l||(l=u.createElement("defs",null,u.createElement("clipPath",{id:"clip0_12802_37932"},u.createElement("path",{fill:"#fff",d:"M.86.058h20v20h-20z"})))))};function Z(){return(Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var H=function(e){return u.createElement("svg",Z({xmlns:"http://www.w3.org/2000/svg",width:21,height:21,fill:"none",viewBox:"0 0 21 21"},e),o||(o=u.createElement("g",{clipPath:"url(#clip0_12802_37948)"},u.createElement("path",{fill:"#A55FDC",fillRule:"evenodd",d:"m19.977 7.98-.982

1-.982a.98.98 0 0 1-.287-.694v-1.15a2.945 2.945 0 0 0-2.945-2.945h-1.15a.98.98 0 0 1-.694-.287L12.937.94a2.944 2.944 0 0 0-4.164 0l-.981.982a.98.98 0 0 1-.695.287h-1.15a2.944 2.944 0 0 0-2.944 2.945v1.15c0 .26-.104.51-.288.694l-.981.982a2.945 2.945 0 0 0 0 4.164l.981.982a.98.98 0 0 1 .288.694v1.15a2.944 2.944 0 0 0 2.944 2.944h1.15c.26 0 .51.104.695.288l.981.981a2.944 2.944 0 0 0 4.164 0l.982-.981a.98.98 0 0 1 .694-.288h1.15a2.945 2.945 0 0 0 2.945-2.944v-1.15c0-.26.103-.51.287-.694l.982-.982a2.945 2.945 0 0 0 0-4.164",clipRule:"evenodd"}),u.createElement("path",{fill:"#fff",d:"M11.617 4.64a.832.832 0 0 0-1.5 0L8.917 7.134a.4.4 0 0 1-.307.222l-2.761.362a.83.83 0 0 0-.463 1.426l2.016 1.9a.4.4 0 0 1 .118.362l-.505 2.713c-.13.695.606 1.21 1.213.882l2.45-1.32a.4.4 0 0 1 .377 0l2.45 1.32c.607.327 1.342-.187 1.213-.882l-.506-2.713a.4.4 0 0 1 .119-.362l2.015-1.9a.83.83 0 0 0-.463-1.426l-2.76-.362a.4.4 0 0 1-.308-.222L11.619 4.64z"}))),s||(s=u.createElement("defs",null,u.createElement("clipPath",{id:"clip0_12802_37948"},u.createElement("path",{fill:"#fff",d:"M.86.058h20v20h-20z"})))))},W={rewardArticle:"RewardArticle-module_rewardArticle__eh3fg",mainInfo:"RewardArticle-module_mainInfo__khHtR",mainInfoLink:"RewardArticle-module_mainInfoLink__hrKW3",name:"RewardArticle-module_name__2j-lQ",pictureContainer:"RewardArticle-module_pictureContainer__ti5aU",picture:"RewardArticle-module_picture__F3ZBF",points:"RewardArticle-module_points__l50I-",pointsPrice:"RewardArticle-module_pointsPrice__xCOyK",pointsIcon:"RewardArticle-module_pointsIcon__6odv1",actionsContainer:"RewardArticle-module_actionsContainer__H5Zcw",notEnoughZoopointsMessage:"RewardArticle-module_notEnoughZoopointsMessage__0Rlyl"};let $=({articleId:e,articleName:t,picture:a,points:r,promotionalPrice:n,enabledToOrder:i,link:l,isInCart:o,onAddToCart:s})=>{let{t:d}=x(),{trackClick:p}=m(),h=(0,u.useRef)(null),[v,f]=(0,u.useState)(!1),g=`${n??r} ${d("reward-article.points-name")}`,w=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:W.pictureContainer,children:(0,c.jsx)("img",{src:a,className:W.picture,alt:"","data-testid":"rewardArticlePicture"})}),(0,c.jsx)("h3",{className:W.name,children:t})]});return(0,c.jsxs)("div",{className:W.rewardArticle,children:[l?(0,c.jsx)("a",{href:l,className:W.mainInfoLink,"data-testid":"rewardArticleLink",onClick:()=>{p({target:{name:"redeem_your_points",id:"go_to_reward_article",value:String(e)}})},children:w}):(0,c.jsx)("div",{className:W.mainInfo,children:w}),(0,c.jsx)("div",{className:W.points,children:(0,c.jsxs)("div",{className:W.pointsPrice,children:[i?(0,c.jsx)(H,{"aria-hidden":!0,className:W.pointsIcon,title:"Points icon"}):(0,c.jsx)(Y,{"aria-hidden":!0,className:W.pointsIcon,title:"Points icon disabled"}),(0,c.jsx)(M.N,{price:g,...n&&{previousPrice:`${r} ${d("reward-article.points-name")}`},isAvailable:i,previousPriceNewLine:!0})]})}),(0,c.jsx)("div",{className:W.actionsContainer,children:i?(0,c.jsx)(B.K,{icon:"cart",ref:h,ariaLabel:d("reward-article.add-to-cart"),variant:"promo","data-testid":"addToCartButton",isLoading:v,disabled:o,onClick:async()=>{f(!0),p({target:{name:"redeem_your_points",id:"add_reward_article_to_cart",value:String(e)}});try{await s(e,h.current)}finally{f(!1)}}}):(0,c.jsx)("span",{className:W.notEnoughZoopointsMessage,"data-zta":"notEnoughPointsMessage",children:d("reward-article.not-enough-points")})})]})};var U={rewardsCarousel:"RewardsCarousel-module_rewardsCarousel__scP6G"};let V={breakpoints:{"(min-width: 375px)":{slidesToScroll:2},"(min-width: 768px)":{slidesToScroll:3},"(min-width: 1024px)":{slidesToScroll:4}},slidesToScroll:1};function X(e){return!!e.selection?.some(e=>e>=1)}let q=({rewardArticles:e,balance:t,reservedPoints:a=0,isArticleInCart:r,onAddToCart:n})=>{let{t:i}=x(),l=e.filter(X);return 0===l.length?null:(0,c.jsx)(K.F,{id:"reward-shop-carousel",className:U.rewardsCarousel,nextButtonAriaLabel:i("loyalty-program.dashboard.redeem-your-points.rewards-carousel.next-button"),previousButtonAriaLabel:i("loyalty-program.dashboard.redeem-your-points.rewards-carousel.previous-button"),emblaOptions:V,gap:"var(--pp-spacing-s)",insetN

1av:!1,children:l.map(e=>(0,c.jsx)(G.o,{children:(0,c.jsx)($,{articleId:e.articleId,articleName:e.name,picture:e.picture,points:e.points,promotionalPrice:e.promotionalPrice,link:e.pdpLink,enabledToOrder:function(e,t,a=0){return(e.promotionalPrice??e.points)<=Math.max(0,t-a)}(e,t,a),isInCart:r(e.articleId),onAddToCart:n})},e.articleId))})};var J={redeemYourPoints:"RedeemYourPoints-module_redeemYourPoints__guKjp",overview:"RedeemYourPoints-module_overview__gVUoP",carousel:"RedeemYourPoints-module_carousel__wYKrW",rewardShopLink:"RedeemYourPoints-module_rewardShopLink__FDJFH"};let Q=({bonusPointsOverview:e,articles:t,showLogo:a=!0,reservedPoints:r=0,isArticleInCart:n,onAddToCart:i})=>{let{t:l}=x(),{trackClick:o}=m();return(0,c.jsxs)("div",{className:J.redeemYourPoints,"data-testid":"redeem-your-points",children:[(0,c.jsx)("div",{className:J.overview,children:(0,c.jsx)(D,{balance:e.balanceActive,expiringBalance:e.expiringBalance,expiringDate:e.expiryDate,showLogo:a})}),(0,c.jsx)(C.M,{onClick:()=>{o({target:{name:"rewards_dashboard_link",id:"go_to_rewards"}})},"data-testid":"rewardShopLink",href:"/account/bonuspoints/products/overview",iconRight:()=>(0,c.jsx)(A.ArrowRight,{size:16}),className:J.rewardShopLink,underline:!0,children:l("loyalty-program.redeem-your-points.reward-shop-link")}),(0,c.jsx)("div",{className:J.carousel,children:(0,c.jsx)(q,{rewardArticles:t,balance:e.balanceActive,reservedPoints:r,isArticleInCart:n,onAddToCart:i})})]})},ee=({showLogo:e})=>{var t;let{site:a}=(0,p.ip)(),{data:r,error:n}=(t=a.language,(0,d.Ay)(`/protected/api/loyalty-management/bonus-points/rewards?lang=${t}&numberOfArticles=10`,async(...e)=>{let t=await fetch(...e);return await t.json()},{errorRetryInterval:1e3,errorRetryCount:3,dedupingInterval:5e3,revalidateOnFocus:!1})),{cart:i,changeArticleQuantity:l}=(0,g.useCartContext)(),{reservedPoints:o}=function(e){let{mutate:t}=(0,_.iX)(),[a,r]=(0,u.useState)(!1),n=(0,u.useRef)(e);return(0,u.useEffect)(()=>{e!==n.current&&(n.current=e,r(!0),t(e=>"string"==typeof e&&y.some(t=>e.includes(t))).finally(()=>{r(!1)}))},[e,t]),{reservedPoints:a?e:0}}(i?.bonusPoints??0);return n?null:r?(0,c.jsx)(Q,{bonusPointsOverview:r.bonusPointsOverview,articles:r.articles,reservedPoints:o,showLogo:e,isArticleInCart:e=>!!i?.articles?.find(t=>t.id===e)?.quantity,onAddToCart:(e,t)=>l({articleId:e,quantity:1,...t?{popover:{trigger:t}}:{}})}):(0,c.jsx)(w.E,{height:"360px"})},et=()=>{let{data:e}=(0,d.Ay)("/semiprotected/api/loyalty-management/auth/status",async(...e)=>{try{let t=await fetch(...e);if(!t.ok)throw Error("Failed to fetch authentication status");return await t.json()}catch(e){return}},{dedupingInterval:5e3,revalidateOnFocus:!1}),{data:t}=((e,t=!0)=>{let{trackExperiment:a}=m();return(0,f.A)(t?[`/semiprotected/api/loyalty-management/features/${e}`]:null,async([e])=>{let t=await fetch(e,{signal:AbortSignal.timeout(1e3)});if(t.status>=400)throw Error(`Error fetching feature flag: ${t.statusText}`);return await t.json()},{shouldRetryOnError:!1,onSuccess:t=>{t.enabled&&["control","test","test-1","test-2"].includes(t.variationKey)&&a({featureKey:e,variationKey:t.variationKey})}})})("dis-4731-redeem_your_points_myaccount-experiment",e?.authenticated===!0);return t?.variationKey==="test"||t?.variationKey==="on"?(0,c.jsx)(ee,{showLogo:!0}):null}},86498:()=>{}}]);
2//# sourceMappingURL=2672.4d596d6fe9525302.js.map