https://www.na-kd.com/assets/7516.chunk.7db53f564a557237b05f.js

1/*! For license information please see 7516.chunk.7db53f564a557237b05f.js.LICENSE.txt */
2"use strict";(globalThis.webpackChunknakd_site=globalThis.webpackChunknakd_site||[]).push([[7516],{3518(e,t,i){i.d(t,{X:()=>c});var n=i(79559),r=i(80897);const s=r.z.array(r.z.string().min(1)),o=r.z.record(r.z.string(),s),a=r.z.object({sizes:r.z.record(r.z.string(),o),measurements:r.z.record(r.z.string(),o)});function c(e){if(!e)return null;try{return a.parse(JSON.parse(e))}catch(e){return e instanceof Error&&n.A.send(e,["handled"]),null}}},19096(e,t,i){var n,r,s;i.d(t,{Pt:()=>n,fl:()=>s,gt:()=>r}),function(e){e.Dropdown="dropdown",e.Modal="modal"}(n||(n={})),function(e){e.ProductDetailsPage="productDetailsPage",e.SizeSelector="sizeSelector"}(r||(r={})),function(e){e.MagazineStartFeedCarousel="magazine_start_feed_carousel",e.MagazineArticlePageCarousel="magazine_article_page_carousel",e.CartUpsellCarousel="cart_upsell_carousel",e.PdpOthersAlsoViewedCarousel="pdp_others_also_viewed_carousel",e.PdpOthersAlsoBoughtCarousel="pdp_others_also_bought_carousel",e.PdpRecommendedBasedOnProductCarousel="pdp_recommended_based_on_product_carousel",e.ProductCarouselBlock="product_carousel_block",e.MyLikesPageRecommendedProducts="my_likes_page_recommended_products"}(s||(s={}))},47516(e,t,i){i.d(t,{Ay:()=>q,vA:()=>Y,ol:()=>K});var n=i(63696),r=i(10711),s=i(66164),o=i(10774),a=i(11293),c=i(70121),l=i(56349),d=i(3518),u=i(38036),p=i(11231),h=i(8307),m=i(9731),g=i(39758),v=i(49602),S=i(89566),f=i(77923),b=i(77075);function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},z.apply(null,arguments)}const P=function(e){return function(t){const[i,r]=(0,n.useState)(null),[s,o]=(0,n.useState)([]),a=e=>(0,c.Jn)(e.variation.code);function l(e,t){const i=null==e?null:t.find(t=>a(t)===e);r(i)}function d(e){if((0,b.ip)(e.sizes))return e.sizes[0];const t=null==s?void 0:s.find(t=>t.variationCode===a(e));return t&&e.sizes.find(e=>e.code===t.sizeCode)}function u(){var e;if(!i)return null;const t=(0,c.Jn)(i.variation.code),n=null===(e=s.find(e=>e.variationCode===t))||void 0===e?void 0:e.sizeCode;return i.sizes.find(e=>e.code===n)}return n.createElement(e,z({activeSizeSet:i,dismissSizeFlyout:()=>l(null,null),getSelectedSizeForProduct:d,getSelectedSizeFromActiveSizeSet:u,handleAddToCart:function(e,t,i){var n,r,s;let o,c;return i?(o=(0,b.ip)(i.sizes)?i.sizes[0].code:null===(n=d(i))||void 0===n?void 0:n.code,c=i.ticket):(o=null===(r=u())||void 0===r?void 0:r.code,c=null===(s=e.find(e=>null==o?void 0:o.includes(a(e))))||void 0===s?void 0:s.ticket),o&&c?t(o,c):Promise.reject(null)},isOneSize:b.ip,selectedSizes:s,setActiveSizeSet:l,setSelectedSize:function(e,t){const i=t.find(t=>e.includes(a(t))),n=a(i),r=s.filter(e=>e.variationCode!==n);o([...r,{sizeCode:e,variationCode:n}])}},t))}};var y=i(40062),C=i(69520),A=i(1940),k=i(74886),_=i(54074),E=i(31130);const w=e=>{const t=(0,y.c)(12),{product:i}=e,[r,s]=(0,n.useState)(!1);let o;t[0]===Symbol.for("react.memo_cache_sentinel")?(o=e=>{e.persist(),s("mouseenter"===e.type)},t[0]=o):o=t[0];const a=o;let c;t[1]!==i.imageUrls[0]?(c=n.createElement(k.A,{src:i.imageUrls[0],alt:"",preset:"ProductListingSmall"}),t[1]=i.imageUrls[0],t[2]=c):c=t[2];const l=i.imageUrls[(0,_.A)(i)];let d,u,p;return t[3]!==l?(d=[l],t[3]=l,t[4]=d):d=t[4],t[5]!==r||t[6]!==d?(u=n.createElement(E.A,{images:d,alt:"",isActive:r,preset:"ProductListingSmall"}),t[5]=r,t[6]=d,t[7]=u):u=t[7],t[8]!==i.url||t[9]!==c||t[10]!==u?(p=n.createElement(C.A,{position:"relative"},n.createElement(A.A,{to:i.url,onMouseEnter:a,onMouseLeave:a},c,u)),t[8]=i.url,t[9]=c,t[10]=u,t[11]=p):p=t[11],p};var O=i(19096),T=i(12874),M=i(26166),L=i(57323),x=i(34702);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},R.apply(null,arguments)}const F=(0,x.P)({maxWidth:"991px"}),B=(0,x.P)({minWidth:"992px"}),I=(0,x.P)({minWidth:"1280px"}),G=e=>{var{isFullRow:t}=e,i=(0,M.Tt)(e,["isFullRow"]);return n.createElement(o.I4.Div,R({css:Object.assign({backgroundColor:e=>e.palette.neutrals[75],textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"spacing-03"},t?{gridColumn:{start:"1",end:"-1"},padding:{x:"spacing-08",y:"spacing-07"}}:Object.assign(Object.assign(Object.assign({aspectRatio:"2 / 3"},(0,x.$_)(F,{padding:{x:"spacing-09",y:"spacing-05"}})),(0,x.$_)(B,{padding:{x:"spacing-06",y:"spacing-05"}})),(0,x.$_)(I,{padding:{x:"spacing-09",y:"spacing-05"}})))},i))},j=(0,o.I4)(e=>n.createElement(L.A,R({fullWidth:!0,size:"l"},e))),U="features.shared.signUpLoginReminder",J={SignUpReminderModal:`${U}.signUpReminderModal`,SignInButton:`${U}.signInButton`};var W=i(36267),N=i(26308);const D=e=>{const t=(0,y.c)(16),{isFullRow:i}=e,r=(0,W.wA)();let s;t[0]!==r?(s=()=>{r((0,T.Gk)(T.Xi.SignUp))},t[0]=r,t[1]=s):s=t[1];const o=s;let a;t[2]!==r?(a=()=>{r((0,T.Gk)(T.Xi.SignIn))},t[2]=r,t[3]=a):a=t[3];const c=a;let d,u,p,h,m,g,v;return t[4]===Symbol.for("react.memo_cache_sentinel")?(d=n.createElement(N.A,{variant:"body-s",textTransform:"uppercase"},(0,l.TlY)("/Account/MyPages/MyLikesPage/LoginReminderTitle")),t[4]=d):d=t[4],t[5]===Symbol.for("react.memo_cache_sentinel")?(u=n.createElement(N.A,{variant:"paragraph-xs",marginBottom:"spacing-05"},(0,l.TlY)("/Account/MyPages/MyLikesPage/LoginReminderText")),t[5]=u):u=t[5],t[6]===Symbol.for("react.memo_cache_sentinel")?(p=(0,l.TlY)("/Account/MyPages/MyLikesPage/SignUpCTA"),t[6]=p):p=t[6],t[7]!==o?(h=n.createElement(j,{onClick:o},p),t[7]=o,t[8]=h):h=t[8],t[9]===Symbol.for("react.memo_cache_sentinel")?(m=(0,l.TlY)("/Account/MyPages/MyLikesPage/SignInCTA"),t[9]=m):m=t[9],t[10]!==c?(g=n.createElement(j,{variant:"secondary",onClick:c,"data-test-id":J.SignInButton}

2,m),t[10]=c,t[11]=g):g=t[11],t[12]!==i||t[13]!==h||t[14]!==g?(v=n.createElement(G,{isFullRow:i,"data-test-id":J.SignUpReminderModal},d,u,h,g),t[12]=i,t[13]=h,t[14]=g,t[15]=v):v=t[15],v};var $=i(97534);function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},X.apply(null,arguments)}const K=["large","default","small"],Y=(0,r.A)(function(e){return e<l.EA.Medium||(0,h.Fr)(e)?2:3}),H=(0,r.A)(function(e){return(0,l.cHH)(Math.min(e+1,l.EA.Gigantic))});class V extends n.Component{constructor(e){var t,i,r;super(e),this.pushToGtm=[],this.emptyPushToGtmArray=e=>{e&&(this.pushToGtm=[])},this.getProductKey=e=>e.sizes&&e.sizes.length?e.sizes[0].code:(0,c.Jn)(e.variation.code),this.handleSelectSizeClick=e=>{var t;const i=this.props.activeSizeSet.sizes.find(t=>t.code===e),n=(0,b.XU)(i);e!==(null===(t=this.props.getSelectedSizeFromActiveSizeSet())||void 0===t?void 0:t.code)&&(0,g.Tp)(i.code,this.props.selectSizeLocation,O.Pt.Dropdown,n);const r=this.props.products.find(t=>e.includes((0,c.Jn)(t.variation.code)));return n?this.props.setSelectedSize(i.code,this.props.products):this.props.openNotifyModal(i,(0,c.Jn)(r.variation.displayName),r.imageUrls[0])},this.renderProductItem=(e,t)=>{const i=this.getProductKey(e),r=!(!this.props.onAddToCart||this.props.disableQuickshop||e.isComingSoon||e.isSoldOut||e.isGiftCard),s=(0,c.Jn)(e.variation.code),o=this.props.getSelectedSizeForProduct(e),a=this.props.responsiveImagePreset||("default"===this.props.imageSize?"ProductListing":"ProductListingLarge");return n.createElement(p.A,X({key:i,product:e,unsubscribeProps:this.props.unsubscribeProps,unsubscribeButtonPosition:this.props.unsubscribeButtonPosition,onAddToCart:()=>this.props.handleAddToCart(this.props.products,this.props.onAddToCart,e),toggleSizeGuideFlyout:this.props.toggleSizeGuideFlyout,hoverMediaEnabled:this.props.hoverMediaEnabled,salesBadgeBackgroun

2dColor:this.props.salesBadgesBackgroundColor,intersectionObserver:this.intersectionObserver,index:t,testId:`${v.A.productListItem}-${s}`,preset:a,loading:"lazy",likeLocation:this.props.likeLocation,swipeableMediaEnabled:this.swipeableMediaEnabled},r&&{activeSizeSet:this.props.activeSizeSet,quickshopEnabled:r,selectedSize:o,isOneSize:this.props.isOneSize,setActiveSizeSet:e=>this.props.setActiveSizeSet(e,this.props.products),setSelectedSize:this.handleSelectSizeClick,sizeGuide:this.props.sizeGuide},{reloadPage:this.props.reloadPage,useRemoveLikeButton:this.props.useRemoveLikeButton}))},this.decideLoginPromptPosition=(e,t)=>this.props.products.length<t?e===this.props.products.length-1:(0,h.Fr)(this.props.currentBreakpoint)?e===t-1:e===t-2,(0,l.BdH)()&&(this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{var t;if(e.isIntersecting){const i=e.target.getAttribute("data-tracking-json");if(!i)return;const n=JSON.parse(i);this.pushToGtm.push(n),null===(t=this.intersectionObserver)||void 0===t||t.unobserve(e.target),this.gtmTimeout&&window.clearTimeout(this.gtmTimeout),this.gtmTimeout=window.setTimeout(()=>(0,g.er)(this.props.currencyCode,this.pushToGtm).then(e=>this.emptyPushToGtmArray(e)),2e3)}})})),this.estimatedContainerWidth=e.estimatedContainerWidth||H(this.props.currentBreakpoint),this.breakpoint=(0,l.CXk)(this.estimatedContainerWidth),this.itemsPerRow=Y(this.breakpoint),this.imageWidthEstimated=this.estimatedContainerWidth/this.itemsPerRow,this.swipeableMediaEnabled=null!==(r=null===(i=null===(t=e.optimizelyUserContext.userContext)||void 0===t?void 0:t.decide(m.rZ))||void 0===i?void 0:i.enabled)&&void 0!==r&&r}componentWillUnmount(){var e;null===(e=this.intersectionObserver)||void 0===e||e.disconnect()}render(){var e;const t=this.props.itemsPerRow||this.itemsPerRow;return n.createElement(f.K,null,n.createElement(C.A,{className:this.props.className,"data-test-id":v.A.productList,display:"grid",rowGap:2===this.props.activeLayout?$.E:"spacing-06",columnGap:$.E,gridTemplateColumns:`repeat(${t}, minmax(0, 1fr))`},null===(e=this.props.products)||void 0===e?void 0:e.map((e,i)=>n.createElement(n.Fragment,{key:(0,c.Jn)(e.variation.code)},"small"===this.props.imageSize?n.createElement(w,{product:e}):this.renderProductItem(e,i),this.props.withLoginPrompt&&this.decideLoginPromptPosition(i,t)&&n.createElement(D,{isFullRow:(0,h.Fr)(this.props.currentBreakpoint)})))))}}const Z=(0,u.A)(e=>({currencyCode:e.appShellData.currency,currentBreakpoint:e.currentBreakpoint,sizeGuide:(0,d.X)(e.appShellData.sizeGuideJson)}),{openNotifyModal:s.jt,toggleSizeGuideFlyout:S.L}),q=(0,o.I4)(Z((0,a.A)(P(V))))},77923(e,t,i){i.d(t,{K:()=>u,_:()=>a});var n=i(63696),r=i(8307),s=i(36267),o=i(94005);const a=n.createContext({}),c=e=>t=>{t.filter(e=>e.isIntersecting).map(t=>null==e?void 0:e.find(([e])=>e===t.target)).forEach(e=>{if(!e)return;const[t,i]=e;null==i||i(t)})},l=(e,t)=>(0,n.useCallback)((i,n)=>{var r;null===(r=e.current)||void 0===r||r.observe(i);const s=t.findIndex(([e])=>e===i);s>=0?t.splice(s,1,[i,n]):t.push([i,n])},[t,e]),d=({children:e})=>{const t=(0,n.useRef)(null),i=(0,n.useRef)(null),r=(0,n.useRef)([]),s=(0,n.useRef)([]);(0,n.useEffect)(()=>{const e=t.current=new IntersectionObserver(c(r.current),{threshold:1,rootMargin:"0px 0px -20% 0px"}),n=i.current=new IntersectionObserver(c(s.current),{threshold:0});return()=>(e.disconnect(),n.disconnect())},[]);const o=l(t,r.current),d=(0,n.useCallback)(e=>{var i;null===(i=t.current)||void 0===i||i.unobserve(e)},[]),u=l(i,s.current),p=(0,n.useCallback)(e=>{var t;null===(t=i.current)||void 0===t||t.unobserve(e)},[]);return n.createElement(a.Provider,{value:{observeForNudge:o,unobserveForNudge:d,observeForInView:u,unobserveForInView:p}},e)},u=({children:e})=>{var t,i;const a=null!==(i=null===(t=(0,o.A)().decision)||void 0===t?void 0:t.enabled)&&void 0!==i&&i,c=(0,s.d4)(e=>e.currentBreakpoint);return!a||(0,r.xl)(c)?n.createElement(n.Fragment,null,e):n.createElement(d,null,e)}},94005(e,t,i){i.d(t,{A:()=>r});var n=i(9731);const r=(0,i(77011).A)(n.rZ)}}]);
3//# sourceMappingURL=7516.chunk.7db53f564a557237b05f.js.map