"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[26],{222:(e,s,a)=>{a.d(s,{a:()=>Ge});var i=a(0),r=a(83),t=a(2),n=a(223),c=a(308),l=a(4),d=a(1),o=a(224),p=a(13);const g={initial:0,mode:"snap",slides:{perView:1},loop:!1};function v(e){return s=>{s.on("animationStarted",(()=>{const a=s.track.details.minIdx,i=s.track.details.maxIdx,r=s.animator.targetIdx||0;e({min:a,max:i,current:r})}))}}const{wrapper:u,arrowLeft:j,arrowRight:h,disable:w}=o.a,m=({slides:e,isOpen:s})=>{const{carouselRef:a,handleSlideNext:r,handleSlidePrev:n,slideIdx:{current:d,min:o,max:m}}=(e=>{const[s,a]=(0,t.useState)(!0),[i,r]=(0,t.useState)({min:0,max:1,current:0}),[n,c]=(0,p.a)(g,[v(r)]);var l,d;(0,t.useEffect)((l=c,d=g,()=>(l.current&&l.current.update(Object.assign({},d)),()=>{l.current&&l.current.destroy()})),[c.current,e]);const o=(0,t.useCallback)((e=>{e.stopPropagation(),c.current&&c.current.prev()}),[c.current,e]),u=(0,t.useCallback)((e=>{e.stopPropagation(),c.current&&c.current.next()}),[c.current,e]);return(0,t.useEffect)((()=>{a(!1)}),[]),{carouselRef:n,isJsDisabled:s,instanceRef:c,handleSlideNext:u,handleSlidePrev:o,slideIdx:i}})(s);return(0,i.jsxs)("div",Object.assign({className:u},{children:[(0,i.jsx)("a",Object.assign({className:(0,c.a)(j,d===o?w:""),onClick:n},{children:(0,i.jsx)(l.K,{})})),(0,i.jsx)("a",Object.assign({className:(0,c.a)(h,d===m?w:""),onClick:r},{children:(0,i.jsx)(l.L,{})})),(0,i.jsx)("div",Object.assign({className:(0,c.a)("keen-slider"),ref:a},{children:e.length>0&&e.map((({id:e,original_url:s},a)=>(0,i.jsx)("div",Object.assign({className:(0,c.a)(`keen-slider__slide number-slide${a}`)},{children:(0,i.jsx)("img",{src:s,alt:"slide",loading:"lazy"})}),e)))}))]}))},{wrapper:x,wrapperTopBar:b,wrapperTopBarTitle:f,wrapperDrawer:O,wrapperDrawerOpen:N,wrapperDrawerCloseBtn:R,wrapperBackdrop:C,wrapperBackdropVisible:S,wrapperReview:y,wrapperReviewHeader:k,wrapperReviewHeaderDate:B,wrapperReviewDescription:D,wrapperReviewFooter:T,wrapperReviewFooterAuthor:P,wrapperReviewFooterVerifiedBuyer:I}=n.a,A=({author:e,date:s,verifiedBuyer:a,description:t,rating:n,images:d,isOpen:o,toggleDrawer:p})=>(0,i.jsxs)("div",Object.assign({className:x},{children:[(0,i.jsx)("div",{className:(0,c.a)(C,o&&S),onClick:p}),(0,i.jsxs)("div",Object.assign({className:(0,c.a)(O,o&&N)},{children:[(0,i.jsxs)("div",Object.assign({className:b},{children:[(0,i.jsx)("button",Object.assign({className:R,onClick:p},{children:(0,i.jsx)(l.m,{})})),(0,i.jsx)("h2",Object.assign({className:f},{children:"Customer Reviews"}))]})),(0,i.jsxs)("div",Object.assign({className:y},{children:[d&&d.length>1?(0,i.jsx)(m,{slides:d,isOpen:o}):null==d?void 0:d.map((e=>(0,i.jsx)("img",{src:e.original_url,alt:"review",loading:"lazy"},e.id))),(0,i.jsxs)("div",Object.assign({className:k},{children:[(0,i.jsx)(r.a,Object.assign({},n,{color:"#000",noReviewsLabel:"",reviewsCount:0,reviewsCountSuffix:"",averageRating:0,shouldDisplayRatingValue:!1,isMediumStar:!0})),(0,i.jsxs)("p",Object.assign({className:B},{children:[" ",s]}))]})),(0,i.jsx)("p",Object.assign({className:D},{children:t})),(0,i.jsxs)("div",Object.assign({className:T},{children:[(0,i.jsx)("p",Object.assign({className:P},{children:e})),a&&(0,i.jsx)("p",Object.assign({className:I},{children:"Verified Buyer"}))]}))]}))]}))]}));var L=a(8),_=a(225),H=a(226);const{wrapper:F,wrapperInfo:M,wrapperInfoGray:E}=H.a,V=({rating:e=0,maxRating:s=5,fit:a,cssClass:r,isReviewPage:t,show:n,inCard:l})=>{Math.max(0,Math.min(e,s));const d=["They run small","True to size","They run big"][a-1],o=void 0!==d&&""!==d;return t||!n?(0,i.jsx)("div",{className:(0,c.a)(F,r)}):(0,i.jsx)("div",Object.assign({className:(0,c.a)(F,r)},{children:o&&(0,i.jsxs)("p",Object.assign({className:(0,c.a)(M,l&&E)},{children:[(0,i.jsx)("span",{children:"Fit:"}),d]}))}))},{wrapper:$,wrapperInfo:z,wrapperInfoStars:q,wrapperInfoDate:G,wrapperDescription:J,wrapperImages:K,wrapperImage:Q,wrapperBars:W,wrapperQwe:X,wrapperBarsMobile:Y,wrapperBarsDesktop:U,wrapperDesktop:Z}=_.a,ee=({author:e,rating:s,date:a,verifiedBuyer:n,description:l,images:d,fit:o,comfort:p,isReviewPage:g,showBar:v})=>{const[u,j]=(0,t.useState)(!1),h=(0,t.useCallback)((()=>{j((e=>!e))}),[]),w=d&&d.length>0;return(0,L.a)(u),(0,i.jsxs)("div",Object.assign({className:Z},{children:[(0,i.jsxs)("div",Object.assign({className:$},{children:[(0,i.jsxs)("div",Object.assign({className:z},{children:[(0,i.jsxs)("div",Object.assign({className:q},{children:[(0,i.jsx)("p",{children:e}),(0,i.jsx)(r.a,Object.assign({},s,{color:"#000",noReviewsLabel:"",reviewsCount:0,reviewsCountSuffix:"",averageRating:0,shouldDisplayRatingValue:!1,isMediumStar:!0}))]})),(0,i.jsxs)("div",Object.assign({className:G},{children:[n&&(0,i.jsx)("p",{children:"Verified Buyer"}),(0,i.jsx)("p",{children:a})]}))]})),(0,i.jsxs)("div",Object.assign({className:J},{children:[(0,i.jsx)("p",{children:l}),(0,i.jsx)("div",Object.assign({className:K},{children:w&&d.map((e=>(0,i.jsx)("img",{onClick:h,className:Q,src:e.thumb_url,alt:e.id.toString()},e.id)))}))]})),w&&u&&(0,i.jsx)(A,{author:e,date:a,verifiedBuyer:n,description:l,images:d,rating:s,isOpen:u,toggleDrawer:h}),(0,i.jsx)("div",Object.assign({className:(0,c.a)(W,Y)},{children:(0,i.jsx)(V,{isReviewPage:g,rating:p,fit:o,cssClass:X,show:v,inCard:!0})}))]})),(0,i.jsx)("div",Object.assign({className:(0,c.a)(W,U)},{children:(0,i.jsx)(V,{isReviewPage:g,rating:p,fit:o,cssClass:X,show:v,inCard:!0})}))]}))};var se=a(26),ae=a.n(se),ie=a(27),re=a(40);function te({custom_fields:e,score:s,content:a,created_at:i,user:r,verified_buyer:t,images_data:n}){var c,l,d,o,p,g;return{comfort:null!==(l=null===(c=null==e?void 0:e["--23269"])||void 0===c?void 0:c.value)&&void 0!==l?l:0,fit:null!==(o=null===(d=null==e?void 0:e["--23270"])||void 0===d?void 0:d.value)&&void 0!==o?o:0,rating:(0,ie.a)(s||0),stars:s||0,description:null!==(p=null==a?void 0:a.replace(new RegExp("&#x27;","g"),"'").replace(/&quot;/g,'"').replace(/&amp;/g,"&"))&&void 0!==p?p:"",date:(0,re.e)(i),author:null!==(g=r.display_name)&&void 0!==g?g:"",verifiedBuyer:!!t,images:n}}var ne=function(e,s,a,i){return new(a||(a=Promise))((function(r,t){function n(e){try{l(i.next(e))}catch(e){t(e)}}function c(e){try{l(i.throw(e))}catch(e){t(e)}}function l(e){var s;e.done?r(e.value):(s=e.value,s instanceof a?s:new a((function(e){e(s)}))).then(n,c)}l((i=i.apply(e,s||[])).next())}))};const ce=(e,s)=>{const[a,i]=(0,t.useState)([]),[r,n]=(0,t.useState)([]),[c,l]=(0,t.useState)(1),[d,o]=(0,t.useState)(!1),[p,g]=(0,t.useState)("newest"),v=(0,t.useRef)(null),[u,j]=(0,t.useState)(!1),[h,w]=(0,t.useState)(0),[m,x]=(0,t.useState)(1),b=(e,a)=>ne(void 0,void 0,void 0,(function*(){try{o(!0);const r=yield((e,s,a,i,r)=>{return t=void 0,n=void 0,l=function*(){const s=(e=>"newest"===e?"":"oldest"===e?"&sort=date&direction=asc":"highest-rating"===e?"&sort=rating&direction=desc":"lowest-rating"===e?"&sort=rating&direction=asc":"")(i),t=`https://api-cdn.yotpo.com/v1/widget/J97jPKypdpmHGqgeR4CAzCBh6EcRa42lPCQNXpyd/products/${r?"yotpo_site_reviews":e}/reviews.json?per_page=150&page=${a}${s}`;try{const e=yield ae()(t);if(!e.ok||200!==e.status)return void console.error(`fetching failed with status=${e.status}, statusText=${e.statusText}`);const{response:{bottomline:s,reviews:a}}=yield e.json(),i=a.map(te).length>2;return{count:s.total_review,rating:s.average_score,isMoreThanTwoReviews:i,inlineReviews:a.map(te)}}catch(e){return console.error("fetching review failed with",e),{count:0,rating:0,isMoreThanTwoReviews:!1,inlineReviews:[]}}},new((c=void 0)||(c=Promise))((function(e,s){function a(e){try{r(l.next(e))}catch(e){s(e)}}function i(e){try{r(l.throw(e))}catch(e){s(e)}}function r(s){var r;s.done?e(s.value):(r=s.value,r instanceof c?r:new c((function(e){e(r)}))).then(a,i)}r((l=l.apply(t,n||[])).next())}));var t,n,c,l})(e,0,a||c,p,s);r&&(w((null==r?void 0:r.rating)||0),x((null==r?void 0:r.count)||0),i((e=>[...e,...r.inlineReviews])),l((e=>e+1)))}catch(e){console.error(e)}finally{o(!1)}}));(0,t.useEffect)((()=>{u?(i([]),n([]),b(e,1)):j(!0)}),[p]);const f=()=>{const e=5-r.length%5,s=r.length,i=a.slice(s,s+e);n((e=>[...e,...i]))};return(0,t.useEffect)((()=>{0!==a.length&&f()}),[a.length]),{reviewsData:r,loadMoreReviews:()=>ne(void 0,void 0,void 0,(function*(){!d&&(0===a.length||a.length<r.length+5)&&(yield b(e)),d||f()})),isFetching:d,handleClearReviews:()=>{if(v.current&&void 0!==window){const e=v.current.getBoundingClientRect().top;window.scrollTo({top:e+window.scrollY})}i([]),n([]),l(1)},ref:v,handleCurrentSort:e=>{g(e)},rating:h,average:m,isFirstLoad:u}};var le=a(12),de=a(227);const{wrapper:oe,wrapperActive:pe,wrapperLabel:ge,wrapperLabelActive:ve,wrapperLabels:ue}=de.a,je=({activeSortBy:e,sortOptions:s,isSortOpened:a,handleAddSorting:r,handleSortClose:n})=>{const[l,o]=(0,t.useState)(e||"newest");(0,t.useEffect)((()=>{o(e),n()}),[e]);const p=(0,t.useRef)(null);return(0,le.a)(p,(()=>n())),(0,i.jsx)(d.Fragment,{children:(0,i.jsx)("div",Object.assign({ref:p,className:(0,c.a)(oe,a&&pe)},{children:(0,i.jsx)("div",Object.assign({className:ue},{children:s.length>0&&s.map((({key:e,label:s})=>(0,i.jsx)("div",Object.assign({onClick:()=>r(e),className:(0,c.a)(ge,l===e&&ve)},{children:(0,i.jsx)("p",{children:s})}))))}))}))})};var he=a(228);const{wrapper:we,wrapperInfo:me,wrapperInfoStars:xe,wrapperInfoDate:be,wrapperDescription:fe,skeletonStars:Oe,skeletonText:Ne,skeletonTextDesktop:Re}=he.a,Ce=()=>(0,i.jsxs)("div",Object.assign({className:we},{children:[(0,i.jsxs)("div",Object.assign({className:me},{children:[(0,i.jsxs)("div",Object.assign({className:xe},{children:[(0,i.jsx)("div",{className:Ne}),(0,i.jsx)("div",{className:Oe})]})),(0,i.jsxs)("div",Object.assign({className:be},{children:[(0,i.jsx)("div",{className:Ne}),(0,i.jsx)("div",{className:Ne})]}))]})),(0,i.jsxs)("div",Object.assign({className:fe},{children:[(0,i.jsx)("div",{className:Re}),(0,i.jsx)("div",{className:Re}),(0,i.jsx)("div",{className:Ne})]}))]}));var Se=a(229);const{wrapper:ye,wrapperHeading:ke,wrapperHeadingReviewsPage:Be,wrapperHeadingTitle:De,wrapperHeadingTitleReviewsPage:Te,wrapperHeadingAverageRating:Pe,wrapperHeadingAverageRatingTitle:Ie,wrapperHeadingAverageRatingTitleReviewsPage:Ae,wrapperHeadingAverageRatingCount:Le,wrapperReviewCards:_e,wrapperCustomerReviewsSort:He,wrapperBtn:Fe,disabledClick:Me,wrapperCustomerReviewsSortDisabled:Ee,wrapperCustomerReviewsAndSort:Ve,wrapperWrapperBar:$e,mobile:ze,desktop:qe}=Se.a,Ge=({reviews:e,reviewsCount:s,title:a,averageRating:n,starReviews:d,productID:o,sortOptions:p,sortLabel:g,loadingLabel:v,CTALabel:u,hideLabel:j,customerReviewsLabel:h,averageRatingLabel:w,isReviewsPage:m,fit:x,comfort:b,PDPReviewFitChart:f})=>{const{reviewsData:O,loadMoreReviews:N,isFetching:R,handleClearReviews:C,ref:S,handleCurrentSort:y,rating:k,average:B,isFirstLoad:D}=ce(o,m);(0,t.useEffect)((()=>{m&&N()}),[]);const T=m?Object.assign(Object.assign(Object.assign({},d),(0,ie.a)(k)),{reviewsCount:B}):d,P=0===O.length?e:O,I=s===P.length&&P.length>3,A=T.reviewsCount>3&&!I,L=f,{isSortOpened:_,handleOpenSort:H,sortBy:F,handleAddSorting:M,sortedReviews:E,handleSortClose:$}=((e,s)=>{const[a,i]=(0,t.useState)(!1),[r,n]=(0,t.useState)("newest"),[c,l]=(0,t.useState)(e);return(0,t.useEffect)((()=>{l(((e,s)=>e&&"newest"!==e?[...s].sort(((s,a)=>"oldest"===e?((e,s)=>{const a=e=>{const[s,a,i]=e.split("/").map(Number);return{day:s,month:a,year:i}},i=(e,s)=>void 0!==e&&void 0!==s?e-s:0,r=a(e.date),t=a(s.date);return i(r.year,t.year)||i(r.month,t.month)||i(r.day,t.day)})({date:s.date},{date:a.date}):"highest-rating"===e?a.stars-s.stars:"lowest-rating"===e?s.stars-a.stars:0)):s)(r,e)),s(r)}),[r,e]),{isSortOpened:a,handleOpenSort:()=>i((e=>!e)),sortBy:r,handleAddSorting:e=>n(e),sortedReviews:c,handleSortClose:()=>i(!1)}})(P,y);return(0,i.jsxs)("div",Object.assign({id:"#reviews",className:ye},{children:[(0,i.jsxs)("div",Object.assign({ref:S,className:(0,c.a)(ke,m&&Be)},{children:[(0,i.jsx)("h5",Object.assign({className:(0,c.a)(De,m&&Te)},{children:a})),(0,i.jsxs)("div",Object.assign({className:Pe},{children:[(0,i.jsxs)("div",Object.assign({className:Le},{children:[(0,i.jsx)("div",{children:(0,i.jsxs)("p",Object.assign({className:(0,c.a)(Ie,m&&Ae)},{children:[w,(0,i.jsx)(r.a,Object.assign({},T,{color:"#000",shouldDisplayRatingValue:!0,isMediumStar:!0}))]}))}),(0,i.jsx)("div",Object.assign({onClick:H,className:(0,c.a)(He,_&&Ee,qe)},{children:(0,i.jsx)("div",Object.assign({className:Ve},{children:(0,i.jsxs)("div",Object.assign({className:(0,c.a)(He,_&&Ee)},{children:[(0,i.jsx)("p",{children:g})," ",(0,i.jsx)(l.h,{}),_&&(0,i.jsx)("div",{className:Me})]}))}))})),(0,i.jsx)("div",Object.assign({className:ze},{children:(0,i.jsx)(V,{rating:b,fit:x,show:L,cssClass:$e})}))]})),(0,i.jsx)("div",Object.assign({onClick:H,className:(0,c.a)(He,_&&Ee,ze)},{children:(0,i.jsxs)("div",Object.assign({className:Ve},{children:[(0,i.jsx)("p",Object.assign({className:ze},{children:"Customer reviews"})),(0,i.jsxs)("div",Object.assign({className:(0,c.a)(He,_&&Ee)},{children:[(0,i.jsx)("p",{children:g})," ",(0,i.jsx)(l.h,{}),_&&(0,i.jsx)("div",{className:Me})]}))]}))})),(0,i.jsx)(je,{sortOptions:p,activeSortBy:F,handleAddSorting:M,isSortOpened:_,handleSortClose:$}),(0,i.jsx)("div",Object.assign({className:qe,style:{marginTop:"20px"}},{children:(0,i.jsx)(V,{rating:b,fit:x,show:L,cssClass:$e})}))]}))]})),(0,i.jsx)("div",Object.assign({className:_e},{children:0===E.length?Array.from({length:5}).map(((e,s)=>(0,i.jsx)("div",{children:(0,i.jsx)(Ce,{})},s))):E.length>0&&E.map((e=>(0,i.jsx)(ee,Object.assign({isReviewPage:m,showBar:L},e),e.author+e.date)))})),A&&(0,i.jsx)("div",Object.assign({onClick:N,className:Fe},{children:R?v:u})),I&&(0,i.jsx)("div",Object.assign({onClick:C,className:Fe},{children:j}))]}))}}}]);