https://spn-sta.spinny.com/spinny-web/2.0.275/assets/js/22233.8147b85b0f55f40e406f.desktop.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[22233],{20596:function(e,t,r){var n=r(12957),i=r(85893);t.Z=({fill:e=n.Z.secondaryPurple100,height:t="15.329",width:r="10.73",opacity:l="1"})=>(0,i.jsx)("svg",{width:r,height:t,viewBox:"0 0 10 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{opacity:l,d:"M4.99967 0.166748C2.54967 0.166748 0.333008 2.04508 0.333008 4.95008C0.333008 6.80508 1.76217 8.98675 4.61467 11.5009C4.83634 11.6934 5.16884 11.6934 5.39051 11.5009C8.23717 8.98675 9.66634 6.80508 9.66634 4.95008C9.66634 2.04508 7.44967 0.166748 4.99967 0.166748ZM4.99967 6.00008C4.35801 6.00008 3.83301 5.47508 3.83301 4.83341C3.83301 4.19175 4.35801 3.66675 4.99967 3.66675C5.64134 3.66675 6.16634 4.19175 6.16634 4.83341C6.16634 5.47508 5.64134 6.00008 4.99967 6.00008Z",fill:e})})},39844:function(e,t,r){var n=r(85893);t.Z=e=>(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:506,height:182,viewBox:"0 0 506 182",fill:"none",...e,children:[(0,n.jsx)("path",{fill:"#2E054E",d:"M448.367 69.13h19.008l-.924 6.469c2.244-2.376 4.752-4.224 7.26-5.544 4.224-2.244 7.524-2.508 11.616-2.508 4.884 0 10.824.66 15.312 5.016 4.62 4.488 5.016 10.428 5.016 13.992 0 1.98-.132 4.884-.924 11.22l-3.564 30.228h-19.008l3.168-25.476c.792-6.072.792-8.58.792-9.504 0-2.244-.396-5.016-2.376-7.128-2.112-2.112-5.016-2.508-6.996-2.508-3.3 0-6.204.792-8.58 3.168-3.432 3.564-4.224 9.24-4.62 12.408l-3.432 29.04h-19.008l7.26-58.872ZM413.432 76.259l.528-7.128h19.008l-7.26 58.872H406.7l1.452-6.732c-2.112 2.508-5.148 5.148-8.316 6.6-4.092 1.848-8.712 2.112-10.956 2.112-7.26 0-13.068-1.848-18.216-7.26-4.356-4.62-7.92-11.484-7.92-21.648 0-10.824 3.828-19.536 9.504-25.344 6.072-6.204 13.464-8.58 21.648-8.58 3.432 0 7.656.396 11.484 2.244 2.244 1.056 5.412 3.168 8.052 6.864Zm-15.444 7.26c-4.752 0-8.316 1.452-11.22 4.356-2.64 2.64-4.488 6.864-4.488 11.748 0 4.884 1.98 8.052 3.828 10.032 2.772 2.904 6.204 3.96 10.032 3.96 5.412 0 8.844-2.112 10.824-3.96 3.432-3.3 5.016-8.316 5.016-12.672 0-4.224-1.584-7.92-4.092-10.164-1.716-1.584-4.752-3.3-9.9-3.3ZM321.191 67.15c9.504 0 18.876 3.3 24.684 9.109 4.488 4.488 7.92 11.352 7.92 19.932 0 8.58-3.3 17.82-9.504 24.156-8.316 8.448-18.48 9.636-27.06 9.636-7.524 0-17.028-1.056-24.552-8.844-4.62-4.752-8.052-12.012-8.052-20.724 0-8.58 3.168-17.16 9.504-23.232 6.468-6.336 16.236-10.032 27.06-10.032Zm-2.904 46.729c4.752 0 8.58-1.848 11.088-4.224 3.3-3.168 4.884-8.052 4.884-12.54 0-4.488-1.716-8.052-3.96-10.164-2.508-2.376-6.732-3.696-10.296-3.696-3.564 0-7.524 1.32-10.56 4.092-3.564 3.168-5.28 8.052-5.28 12.54 0 4.092 1.584 7.656 3.828 10.032 1.848 1.98 5.148 3.96 10.296 3.96ZM237.603 39.959h20.328l-8.712 70.884h27.456l-2.112 17.16h-47.784l10.824-88.044Z"}),(0,n.jsx)("path",{stroke:"#ED264F",strokeWidth:15,d:"m13 78.001 65.001-65c7.18-7.18 18.821-7.18 26.001 0l65.001 65c7.18 7.18 7.18 18.821 0 26.001l-65.001 65.001c-7.18 7.18-18.82 7.18-26 0L13 104.002c-7.18-7.18-7.18-18.82 0-26Z"}),(0,n.jsx)("path",{stroke:"#ED264F",strokeWidth:12.237,d:"M82.854 65c10.247 0 18.553 8.218 18.553 18.355s-8.306 18.355-18.553 18.355a18.6 18.6 0 0 1-11.507-3.956L100.593 127"}),(0,n.jsx)("path",{stroke:"#ED264F",strokeLinecap:"square",strokeWidth:13.053,d:"M70 65h42.421M70 82.947h42.421"})]})},79633:function(e,t,r){r.d(t,{Z:function(){return a}}),r(67294);var n=r(28700),i=r(73957),l=r(85893),a=(0,i.P)(({className:e="",hideSlideCount:t=!1,isV2:r=!1,isOnPlp:i=!1,activeClassName:a="",...c})=>{let{maxDots:s,active:u}=c;return(0,l.jsx)("ul",{className:(0,n.Y1)("CarouselIndicator__carouselIndicatorContainer",e),children:[...Array(s)].map((e,c,s)=>c<u-2||c>u+2?null:(0,l.jsx)("li",{className:(0,n.Y1)("CarouselIndicator__dot",t&&u===c?"CarouselIndicator__activeDot":u===c?"CarouselIndicator__active":"CarouselIndicator__inactive",(c===u-2||c===u+2)&&"CarouselIndicator__small",r&&"CarouselIndicator__v2",i&&"CarouselIndicator__isOnPLP",u===c&&a),children:!t&&u===c&&(0,l.jsxs)("span",{children:[c+1,"/",s.length]})},c))})},"CarouselIndicator")},48707:function(e,t,r){r.d(t,{Z:function(){return f}});var n=r(67294),i=r(28700),l=r(73957),a=r(76908),c=r(75231),s=r(12957),u=r(79633);let o=e=>e?parseInt(e.replace("translateX(","").replace("px)",""),10):0;var d="UserActivitySlider__animate",h=r(85893),f=(0,l.P)(({gap:e=24,maxSlides:t,onViewAll:r,width:l,visibleCard:f=0,hideIndicator:m=!1,paginate:v=!1,hideSlideCount:p=!1,listClassName:_="",isV2:y=!1,disabled:g=!1,isOnPlp:C=!1,parentClassName:x="",onScroll:S,containerClassName:w="",isPersonalisedListing:M=!1,...E})=>{let{data:L,renderItem:A,active:P,onChange:j}=E,{cardWidth:R,containerRef:T}=(e=>{let{width:t=0,gap:r=0}

1=e,[i,l]=(0,n.useState)(t),a=(0,n.useRef)(null),c=()=>{!t&&a.current&&l(a.current.getBoundingClientRect().width-2*r)};return(0,n.useEffect)(()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[t]),{cardWidth:i,containerRef:a}})({width:l,gap:e}),D=(0,n.useRef)(null),I=(0,n.useRef)(!1),Z=(0,n.useRef)(0),F=(0,n.useRef)(0),N=(0,n.useRef)(0),U=(0,n.useRef)(null),O=t&&L?.length>t,k=t&&t>0?L.slice(0,t):L,Y=k?.length,b=(R+e)*(k?.length+ +!!O)+e,X=(0,n.useRef)(!0),B=v?Math.max(P-2,0):0,W=v?P+3:k?.length,z=(e,t)=>{D.current&&(I.current=!0,Z.current=o(D.current.style.transform),F.current=e,N.current=t)},V=(e,t)=>{let r=F.current-e,n=Math.round(180*Math.atan2(N.current-t,r)/Math.PI);n<0&&(n=360-Math.abs(n)),(n>=135&&n<=225||n<=45&&n>=0||n<=360&&n>=315)&&D.current&&I.current&&Math.abs(F.current-e)&&(D.current.style.transform=`translateX(${$(e)}px)`)},H=t=>{if(0!==Math.abs(F.current-t)){if(D.current){D.current.classList.add(d);let t=-o(D.current.style.transform),r=t+Z.current>0?1:-1,n=K(q(t/(R+e-f),r));n===P&&J(n),j(n),U.current&&(U.current.style.opacity=n>=Y?"0":"1")}I.current=!1}},$=e=>{let t=1,r=Z.current-(F.current-e);return(0===P&&G(0)<r||P===Y-1&&G(Y-1)>r)&&(t=.5),Z.current-(F.current-e)*t},K=e=>e<0?0:e>Y-1?O?Y:Y-1:e,q=(e,t)=>{let r=P===Y-1?.01:.2;return 1===t?Math.abs(e%1)>r?Math.ceil(e):Math.floor(e):Math.abs(e%1)<1-r?Math.floor(e):Math.ceil(e)},G=t=>{if(t>=Y)return-(R+e+f)*(Y-1)-25;if(l&&window.innerWidth<=l*Y&&t===Y-1&&D.current&&T.current){let{width:e}=D.current.getBoundingClientRect();return-(e-T.current?.getBoundingClientRect().width)}return-(R+e-f)*t},J=(e,t={animate:!0})=>{let{animate:r}=t;D.current&&(r?D.current.classList.add(d):D.current.classList.remove(d),D.current.style.transform=`translateX(${G(e)}px)`)};return(0,n.useEffect)(()=>{J(P,{animate:!X.current}),X.current=!1},[P]),(0,n.useEffect)(()=>{P>=Y&&j(Y-1)},[k?.length]),(0,h.jsx)("div",{ref:T,className:(0,i.Y1)("UserActivitySlider__userActivitySliderContainer",p&&"UserActivitySlider__noPadding",w,M&&"UserActivitySlider__isPersonalisedListing"),children:R&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("ul",{ref:D,style:{width:`${b}px`},className:(0,i.Y1)("UserActivitySlider__userActivitySlider",!m&&"UserActivitySlider__bottomSpace",C&&"UserActivitySlider__isOnPlp",x&&x),...g?{}:{onTouchStart:e=>{let t=e.targetTouches[0];D.current&&D.current.classList.remove(d),z(t.clientX,t.clientY)},onMouseMove:e=>{V(e.clientX,e.clientY),S?.(e)},onMouseDown:e=>{D.current&&D.current.classList.remove(d),z(e.clientX,e.clientY)},onTouchMove:e=>{let t=e.targetTouches[0];V(t.clientX,t.clientY),S?.(e)},onMouseUp:e=>{H(e.clientX),I.current=!1},onTouchEnd:e=>{H(e.changedTouches[0].clientX)}},children:[k&&k.length&&k.map((t,r)=>(0,h.jsx)("li",{style:{marginLeft:0===r?e:e-f,width:R},className:(0,i.Y1)(!p&&"UserActivitySlider__item",_),children:r>=B&&r<=W&&A({item:t,index:r,active:r===P})},r)),O&&(0,h.jsx)("li",{style:{marginLeft:e-f,width:R},className:(0,i.Y1)("UserActivitySlider__seeAll",y&&"UserActivitySlider__v2"),children:(0,h.jsxs)("div",{className:"UserActivitySlider__content",children:[(0,h.jsxs)("i",{children:[(0,h.jsx)(a.Z,{onClick:r}),(0,h.jsx)(c.Z,{fill:s.Z.textPrimary})]}),(0,h.jsx)("span",{role:"none",onClick:r,children:"see all"})]})})]}),Y>1&&!m&&(0,h.jsx)("div",{className:"UserActivitySlider__indicator",ref:U,children:(0,h.jsx)(u.Z,{active:P,maxDots:L?.length,hideSlideCount:p,isV2:y,isOnPlp:C})})]})})},"UserActivitySlider")},63406:function(e,t,r){var n=r(67294),i=r(86644),l=r(85893);t.Z=({src:e,height:t,width:r,autoplay:a=!0,className:c="",onReady:s,onComplete:u,stopAfterCurrentLoop:o=!1,onLoopComplete:d,totalDuration:h=4e3,initialPlayDuration:f=1e3,loopStartTime:m=1e3,loopEndTime:v=4e3,usePercentages:p=!1,initialPlayPercent:_=100,loopStartPercent:y=25,loopEndPercent:g=100,loopPercent:C,loopFromMs:x,loopToMs:S})=>{let w=(0,n.useRef)(null),[M,E]=(0,n.useState)(!1),[L,A]=(0,n.use

1State)(!1),[P,j]=(0,n.useState)(void 0),R=void 0!==x,T=(0,n.useRef)(null),D=(0,n.useRef)(null),I=(0,n.useRef)(o),Z=(0,n.useRef)(d);(0,n.useEffect)(()=>{T.current&&clearInterval(T.current),D.current&&clearTimeout(D.current),T.current=null,D.current=null,A(!1),E(!1),j(void 0)},[e]),(0,n.useEffect)(()=>{I.current=o},[o]),(0,n.useEffect)(()=>{Z.current=d},[d]);let F=(()=>{if(p){let e=y/100*h,t=g/100*h;return{initialPlayDuration:_/100*h,loopStartTime:e,loopEndTime:t,loopDuration:t-e}}return{initialPlayDuration:f,loopStartTime:m,loopEndTime:v,loopDuration:v-m}})(),N=()=>{let e=w.current;if(!e||P)return;let t=1e3*e.duration,r=e.totalFrames-1;if(!t||r<=0)return;let n=e=>Math.min(r,Math.max(0,Math.round(e/t*r)));j([n(x),void 0===S?r:n(S)])};(0,n.useEffect)(()=>{if(!R||!L||P)return;let e=1e3*(w.current?.duration??0);if(!e)return;let t=setTimeout(N,e+200);return()=>clearTimeout(t)},[R,L,P]),(0,n.useEffect)(()=>{if(P)try{w.current?.setFrame(P[0]),w.current?.play()}catch{}},[P]);let U=()=>{if(!C&&T.current&&clearInterval(T.current),!C&&D.current&&clearTimeout(D.current),w.current?.totalFrames){let e=C?parseFloat(C)/100*w.current.totalFrames:m/h*w.current.totalFrames;w.current.setFrame(e),w.current.play()}let e=v-m;T.current=C?setTimeout(()=>{I.current?Z.current?.():w.current&&U()},e):setInterval(()=>{if(I.current)return T.current&&clearInterval(T.current),T.current=null,void Z.current?.();if(w.current?.totalFrames){let e=m/h*w.current.totalFrames;w.current.setFrame(e),w.current.play()}},e)};return(0,n.useEffect)(()=>{if(!R&&L&&w.current&&!M){let e=({currentFrame:t})=>{if(w.current&&!M)try{let{totalFrames:r}=w.current;if(!r)return;t/r*h>=F.loopStartTime&&!M&&(w.current?.removeEventListener("frame",e),E(!0),w.current?.stop(),U())}catch(e){}};return w.current?.addEventListener("frame",e),D.current=setTimeout(()=>{M||(w.current?.removeEventListener("frame",e),E(!0),w.current?.stop(),U())},F.initialPlayDuration+100),()=>{w.current?.removeEventListener("frame",e),D.current&&clearTimeout(D.current)}}return()=>null},[R,L,M,F.initialPlayDuration,F.loopStartTime,h]),(0,n.useEffect)(()=>()=>{T.current&&clearInterval(T.current),D.current&&clearTimeout(D.current)},[]),(0,l.jsx)(i.default,{dotLottieRefCallback:e=>{w.current=e,e?.setRenderConfig({freezeOnOffscreen:!1,autoResize:!0}),e?.unfreeze()},src:e,height:t,width:r,autoplay:a,loop:!!R&&!!P,segment:P,className:c,onReady:()=>{A(!0),s?.()},onComplete:()=>{R&&N(),u?.()}},e)}}}]);