https://cache.exmo.me/206268/_next/static/chunks/pages/achievements-921b7fc9807e2450.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5961],{97813:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/achievements",function(){return t(28163)}])},12551:function(e,i,t){"use strict";t.d(i,{m:function(){return g}});var n=t(85893),s=t(67294),o=t(45697),l=t.n(o),r=t(94184),a=t.n(r),c={svg:"svgConfettiAnimation___anxnE",confetti:"confettiConfettiAnimation___vpPno",confetti01:"confetti01ConfettiAnimation___I67ze",confetti02:"confetti02ConfettiAnimation___BXF9m",confetti03:"confetti03ConfettiAnimation___MHSVz",confetti04:"confetti04ConfettiAnimation___E19YU",confetti05:"confetti05ConfettiAnimation___VpwM3",confetti06:"confetti06ConfettiAnimation___Ys_Uw",confetti07:"confetti07ConfettiAnimation___UafzD",confetti08:"confetti08ConfettiAnimation___QntcN",confetti09:"confetti09ConfettiAnimation___AGq6S"};let g=e=>{let{className:i,reasonId:t}=e,[o,l]=(0,s.useState)(!1),r=(0,s.useCallback)(()=>{l(!0),setImmediate(()=>l(!1))},[]);return(0,s.useEffect)(r,[t]),!function(e){let{replayAnimation:i,duration:t,repeatCount:n}=e,[o,l]=(0,s.useState)(1);(0,s.useEffect)(()=>{let e=setTimeout(()=>{o<n&&(l(o+1),i())},t);return()=>clearTimeout(e)},[i,n,o])}({replayAnimation:r,repeatCount:3,duration:1500}),o?null:(0,n.jsx)("div",{className:i,children:(0,n.jsxs)("svg",{className:c.svg,viewBox:"0 0 468 270",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti01),cx:"79.2378",cy:"255.048",r:"14.8571",fill:"#52A752"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti02),opacity:"0.4",cx:"125.049",cy:"19.8571",r:"14.8571",fill:"#5349BF"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti03),cx:"302.095",cy:"230.381",r:"14.8571",fill:"#FFA800"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti04),opacity:"0.8",cx:"448.19",cy:"100.285",r:"19.8095",fill:"#673DA6"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti05),cx:"19.8095",cy:"157.239",r:"19.8095",fill:"#BD5F2E"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti06),opacity:"0.3",cx:"56.9526",cy:"70.5709",r:"9.90476",fill:"#FFA800"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti07),opacity:"0.2",cx:"382.572",cy:"32.1911",r:"9.90476",fill:"#52A752"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti08),cx:"425.905",cy:"235.238",r:"9.90476",fill:"#5349BF"}),(0,n.jsx)("circle",{className:a()(c.confetti,c.confetti09),opacity:"0.1",cx:"331.809",cy:"9.90476",r:"9.90476",fill:"#FFA800"})]})})};g.propTypes={reasonId:l().oneOfType([l().string,l().number]),className:l().string},g.defaultProps={reasonId:void 0,className:""}},28163:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return G}});var n=t(85893),s=t(67294),o=t(61872),l=t(73965),r=t(76369),a=t(49065),c=t(45697),g=t.n(c);let N=e=>{let{total:i,completed:t}=e;return(0,n.jsxs)("div",{className:"rootAchievementsCounter___wU6g_",children:[t,"/",i]})};N.propTypes={total:g().number,completed:g().number},N.defaultProps={total:void 0,completed:void 0};var M=t(30064),u=t(94184),I=t.n(u);let d={polygon:"achievement-polygon"};var p=t(66861),j={root:"rootPreview___vsSwQ",positionCentred:"positionCentredPreview___SFLdp",previewImage:"previewImagePreview___caLAF",progressCircleInsideBorder:"progressCircleInsideBorderPreview___ZWxR3",reward:"rewardPreview___bjZix",icon:"iconPreview___a73GP",previewImageProgress:"previewImageProgressPreview___RGI_y",previewRecentlyAchieved:"previewRecentlyAchievedPreview___0NNbC",shineSvg:"shineSvgPreview___CqL5u",polygonShine:"polygonShinePreview___GX6rG",backgroundSvg:"backgroundSvgPreview___fGOlw",polygon:"polygonPreview___d1BRR",me:"mePreview___QqYpg",progress:"progressPreview___wMTBX",progressCircle:"progressCirclePreview___v3wI5",progressCircleFinished:"progressCircleFinishedPreview___SgZVz",progressCircleUnfinished:"progressCircleUnfinishedPreview___rTvdB",progressCircleInsideBorderFigure:"progressCircleInsideBorderFigurePreview___hMpgt"};let D=e=>{let{value:i=0}=e,t=(0,s.useMemo)(()=>i*(2*Math.PI*49)/100,[i]),o=(0,p.YZ)();return(0,n.jsxs)("div",{className:I()(j.progress,j[o]),children:[(0,n.jsx)("svg",{className:j.progressCircle,viewBox:"0 0 103 109",xmlns:"http://www.w3.org/2000/svg",fill:"none",children:(0,n.jsxs)("g",{mask:"url(#".concat(d.polygon,")"),children:[(0,n.jsx)("circle",{className:j.progressCircleUnfinished,transform:"rotate(-90 51.5 54.5)",cx:"51.5",cy:"54.5",r:"49"}),(0,n.jsx)("circle",{className:j.progressCircleFinished,strokeDasharray:"".concat(t,", 999"),op

1acity:t?1:0,transform:"rotate(-90 51.5 54.5)",cx:"51.5",cy:"54.5",r:"49"})]})}),(0,n.jsx)("svg",{className:j.progressCircleInsideBorder,viewBox:"0 0 103 109",xmlns:"http://www.w3.org/2000/svg",fill:"none",children:(0,n.jsx)("circle",{mask:"url(#".concat(d.polygon,")"),className:j.progressCircleInsideBorderFigure,cx:"51.5",cy:"54.5",r:"100"})})]})};D.propTypes={value:g().number},D.defaultProps={value:void 0};let C=e=>{let{className:i,src:t}=e;return(0,n.jsx)("svg",{viewBox:"0 0 103 109",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:I()(i,j.previewImage),children:(0,n.jsx)("image",{x:"-5",width:"110",mask:"url(#".concat(d.polygon,")"),xlinkHref:t})})};C.propTypes={src:g().string},C.defaultProps={src:void 0};var m=t(99683);let A=()=>{let{isMe:e}=(0,m.D)();return(0,n.jsx)("img",{src:e?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iODQiIHZpZXdCb3g9IjAgMCA3OCA4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8bWFzayBpZD0ibWFzazBfNDA5OV8yODMzMyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9Ijg0Ij4KICAgIDxwYXRoIGQ9Ik0xMS44MzE0IDEzLjI2MDZDNC45NDE1NiAxNy4yNDUyIDAuNjk3MjYzIDI0LjYwOSAwLjY5NzI2MyAzMi41NzgyTDAuNjk3MjY0IDUxLjQzNjhDMC42OTcyNjUgNTkuNDA1OSA0Ljk0MTU2IDY2Ljc2OTcgMTEuODMxNCA3MC43NTQzTDI4LjEzMDggODAuMTgwN0MzNS4wMjAxIDg0LjE2NSA0My41MDgxIDg0LjE2NTQgNTAuMzk3NyA4MC4xODE2TDY2LjcwMTkgNzAuNzU0QzczLjU5MjUgNjYuNzY5NiA3Ny44Mzc0IDU5LjQwNTQgNzcuODM3NCA1MS40MzU3TDc3LjgzNzQgMzIuNTc5M0M3Ny44Mzc0IDI0LjYwOTUgNzMuNTkyNSAxNy4yNDUzIDY2LjcwMTggMTMuMjYwOUw1MC4zOTc3IDMuODMzMzZDNDMuNTA4MSAtMC4xNTA0MzggMzUuMDIwMSAtMC4xNTAxMTcgMjguMTMwOCAzLjgzNDJMMTEuODMxNCAxMy4yNjA2WiIgZmlsbD0iIzJFNTA5OCIvPgogIDwvbWFzaz4KICA8ZyBtYXNrPSJ1cmwoI21hc2swXzQwOTlfMjgzMzMpIj4KICAgIDxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTM5LjQyODcgODYuMjE2QzY0LjM1MDggODYuMjE2IDg0LjU1NDEgNjYuMDEyNiA4NC41NTQxIDQxLjA5MDVDODQuNTU0MSAxNi4xNjg0IDY0LjM1MDggLTQuMDM0OTEgMzkuNDI4NyAtNC4wMzQ5MUMxNC41MDY2IC00LjAzNDkxIC01LjY5Njc4IDE2LjE2ODQgLTUuNjk2NzggNDEuMDkwNUMtNS42OTY3OCA2Ni4wMTI2IDE0LjUwNjYgODYuMjE2IDM5LjQyODcgODYuMjE2WiIgZmlsbD0iIzhDOTBBNSIvPgogICAgPGcgb3BhY2l0eT0iMC40Ij4KICAgICAgPHBhdGggZD0iTTM5LjcwMDggMzcuMjUxM0wyNC42Mjk0IDM3LjIzNzlMMjMuNjkyNCAzNS42MTIzTDI0LjYyOTQgMzRIMzkuNzAwOEwzOC43NjM4IDM1LjYyNTZMMzkuNzAwOCAzNy4yNTEzWiIgZmlsbD0iIzhDOTBBNSIvPgogICAgICA8cGF0aCBkPSJNMzYuODA5NiA0OC43NzczTDQ1LjM4OTQgMzRINDcuMjc2Nkw0OC4yMTM2IDM1LjYyNTZMMzkuNjMzOSA1MC40MDI5TDM4LjY5NjkgNDguNzc3M0gzNi44MDk2WiIgZmlsbD0iIzhDOTBBNSIvPgogICAgICA8cGF0aCBkPSJNNTAuNTk2MSA0OC43NzczTDU5LjE3NTggMzRINjEuMDYzMUw2MiAzNS42MjU2TDUzLjQyMDMgNTAuNDAyOUw1Mi40ODMzIDQ4Ljc3NzNINTAuNTk2MVoiIGZpbGw9IiM4QzkwQTUiLz4KICAgICAgPHBhdGggZD0iTTUyLjYwMzggMzkuOTI5NUw0Ny40Nzc0IDQ4Ljc3NzJINDUuNTkwMUw0NC42NTMyIDQ3LjE1MTZMNDkuNzc5NiAzOC4zMDM5TDUwLjcxNjUgMzkuOTI5NUg1Mi42MDM4WiIgZmlsbD0iIzhDOTBBNSIvPgogICAgICA8cGF0aCBkPSJNMzMuMDA4MyA0OC43NzcxSDE3LjkzNjlMMTcgNDcuMTY0OEwxNy45MzY5IDQ1LjUzOTFIMzMuMDA4M0wzMi4wNzE0IDQ3LjE2NDhMMzMuMDA4MyA0OC43NzcxWiIgZmlsbD0iIzhDOTBBNSIvPgogICAgICA8cGF0aCBkPSJNMjEuMjk2NiAzOS43Njk2SDMxLjU0OTRMMzIuNDg2MyA0MS4zOTUyTDMxLjU0OTQgNDMuMDIwOEgyMS4yOTY2TDIyLjIzMzUgNDEuMzk1MkwyMS4yOTY2IDM5Ljc2OTZaIiBmaWxsPSIjOEM5MEE1Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI3OCIKICBoZWlnaHQ9Ijg0IgogIHZpZXdCb3g9IjAgMCA3OCA4NCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxtYXNrCiAgICBpZD0ibWFzazBfNDU3OF8yODc4NCIKICAgIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiCiAgICBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIgogICAgeD0iMCIKICAgIHk9IjAiCiAgICB3aWR0aD0iNzgiCiAgICBoZWlnaHQ9Ijg0IgogID4KICAgIDxwYXRoCiAgICAgIGQ9Ik0xMS44MzE0IDEzLjI2MDZDNC45NDE1NiAxNy4yNDUyIDAuNjk3MjYzIDI0LjYwOSAwLjY5NzI2MyAzMi41NzgyTDAuNjk3MjY0IDUxLjQzNjhDMC42OTcyNjUgNTkuNDA1OSA0Ljk0MTU2IDY2Ljc2OTcgMTEuODMxNCA3MC43NTQzTDI4LjEzMDggODAuMTgwN0MzNS4wMjAxIDg0LjE2NSA0My41MDgxIDg0LjE2NTQgNTAuMzk3NyA4MC4xODE2TDY2LjcwMTkgNzAuNzU0QzczLjU5MjUgNjYuNzY5NiA3Ny44Mzc0IDU5LjQwNTQgNzcuODM3NCA1MS40MzU3TDc3LjgzNzQgMzIuNTc5M0M3Ny44Mzc0IDI0LjYwOTUgNzMuNTkyNSAxNy4yNDUzIDY2LjcwMTggMTMuMjYwOUw1MC4zOTc3IDMuODMzMzdDNDMuNTA4MSAtMC4xNTA0MzcgMzUuMDIwMSAtMC4xNTAxMjEgMjguMTMwOCAzLjgzNDJMMTEuODMxNCAxMy4yNjA2WiIKICAgICAgZmlsbD0iIzJFNTA5OCIKICAgIC8+CiAgPC9tYXNrPgogIDxnIG1hc2s9InVybCgjbWFzazBfNDU3OF8yODc4NCkiPgogICAgPHBhdGgKICAgICAgb3BhY2l0eT0iMC4yIgogICAgICBkPSJNMzkuNDI4NyA4Ni4yMTZDNjQuMzUwOCA4Ni4yMTYgODQuNTU0MSA2Ni4wMTI2IDg0LjU1NDEgNDEuMDkwNUM4NC41NTQxIDE2LjE2ODQgNjQuMzUwOCAtNC4wMzQ5MSAzOS40Mjg3IC00LjAzNDkxQzE0LjUwNjYgLTQuMDM0OTEgLTUuNjk2NzggMTYuMTY4NCAtNS42OTY3OCA0MS4wOTA1Qy01LjY5Njc4IDY2LjAxMjYgMTQuNTA2NiA4Ni4yMTYgMzkuNDI4NyA4Ni4yMTZaIgogICAgICBmaWxsPSIjOEM5MEE1IgogICAgLz4KICAgIDxwYXRoCiAgICAgIGQ9Ik01NS44ODQyIDI2QzU0LjAxMjYgMjYgNTIuNjQzMiAyNi45ODcyIDUxLjg2NzEgMjguNDQ0NEw0My4xNDgyIDQ1LjI3MzVWMzAuNDE4OEM0My4xNDgyIDI3LjgzMzMgNDEuMjc2NiAyNiAzOC44NTcyIDI2QzM3LjAzMTMgMjYgMzUuNjYxOCAyNi45NDAyIDM0Ljg4NTggMjguNDQ0NEwyNi4yNTgyIDQ0Ljc1NjRWMjYuNTY0MUgxOVY1OC40ODI5SDI1Ljk4NDNMMzYuMDcyNiAzOS42MzI1VjU0LjIwNTFDMzYuMDcyNiA1Ni44Mzc2IDM3Ljg1MjkgNTkgNDAuMjcyMyA1OUM0Mi4wMDcgNTkgNDMuNTEzNCA1OC4wMTI4IDQ0LjMzNTEgNTYuNTA4NUM0Ni42MTc1IDUyLjIzMDcgNTMuMDA4MyAzOS41Mzg0IDUzLjAwODMgMzkuNTM4NFY1OC40ODI5SDU5Ljk5MjZWMzAuNzk0OUM2MC4xMjk2IDI4LjE2MjQgNTguMzQ5MyAyNiA1NS44ODQyIDI2WiIKICAgICAgZmlsbD0iI0MzQzVEMCIKICAgIC8+CiAgPC9nPgo8L3N2Zz4K",className:j.icon,alt:"achievements"})},_=e=>{let{image:i,progress:t}=e;return(0,n.jsxs)("div",{className:j.root,children:[void 0===t?null:(0,n.jsx)(D,{value:t}),i?(0,n.jsx)(C,{className:j.previewImageProgress,src:i}):(0,n.jsx)(A,{className:j.previewImageProgress})]})};_.propTypes={image:g().string,progress:g().number},_.defaultProps={image:void 0,progress:void 0};let v=()=>{let e=(0,p.YZ)();return(0,n.jsxs)("div",{className:I()(j.previewRecentlyAchieved,j[e]),children:[(0,n.jsx)("svg",{viewBox:"0 0 103 109",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:j.shineSvg,children:(0,n.jsx)("rect",{width:"103",height:"109",className:j.polygon,mask:"url(#".concat(d.polygon,")")})}),(0,n.jsx)("svg",{viewBox:"0 0 103 109",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:j.backgroundSvg,children:(0,n.jsx)("rect",{width:"103",height:"109",className:j.polygon,mask:"url(#".concat(d.polygon,")")})}),(0,n.jsxs)("svg",{viewBox:"0 0 48 47",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:j.reward,children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.8136 29.249C31.3483 29.249 37.4564 23.1409 37.4564 15.6062C37.4564 8.07148 31.3483 1.96338 23.8136 1.96338C16.2789 1.96338 10.1708 8.07148 10.1708 15.6062C10.1708 23.1409 16.2789 29.249 23.8136 29.249Z",stroke:"white",strokeWidth:"3.92188",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M16.4289 27.0797L14.0707 44.8349L23.8156 38.988L33.5604 44.8349L31.2022 27.0602",stroke:"white",strokeWidth:"3.92188",strokeLinecap:"round",strokeLinejoin:"round"})]})]})};v.propTypes={};let z=e=>{let{onClick:i,isRecentlyAchieved:t,progress:s,image:o,title:l}=e;return(0,n.jsxs)("div",{className:"listItemList___i3ZFw",onClick:i,children:[(0,n.jsx)("div",{className:"previewList___OTqlR",children:t?(0,n.jsx)(v,{}):(0,n.jsx)(_,{isRecentlyAchieved:t,progress:s,image:o})}),(0,n.jsx)(M.ZP,{size:M.JB.f13,weight:M.kx.bold,className:"titleList___tnCAV",children:l})]})};z.propTypes={..._.propTypes,onClick:g().func,title:g().string},z.defaultProps={onClick:void 0,title:void 0};let w=e=>{let{items:i,onItemClick:t}=e;return(0,n.jsx)("div",{className:"listList___toVsM",children:i.map(e=>{let{id:i,isRecentlyAchieved:s,progress:o,image:l,title:r}=e;return(0,n.jsx)(z,{isRecentlyAchieved:s,progress:o,image:l,title:r,onClick:()=>t(i)},i)})})};w.propTypes={items:g().arrayOf(g().shape(z.propTypes)),onItemClick:g().func},w.defaultProps={items:void 0,onItemClick:void 0};var x=t(12551),T=t(64315),h=t(77821),y={popupOverlayContent:"popupOverlayContentPopupSli

1der___Ug68y",arrowNavigation:"arrowNavigationPopupSlider___NuvQI",arrowNavigationHidden:"arrowNavigationHiddenPopupSlider___leg1A",arrowNavigationPrev:"arrowNavigationPrevPopupSlider___FCm3I",arrowNavigationNext:"arrowNavigationNextPopupSlider___o40Kv",paginationDots:"paginationDotsPopupSlider___tybUX"};let f=e=>{let{isPrevVisible:i,isNextVisible:t,onPrev:s,onNext:o}=e,l=I()(y.arrowNavigationPrev,{[y.arrowNavigationHidden]:!i}),r=I()(y.arrowNavigationNext,{[y.arrowNavigationHidden]:!t});return(0,n.jsxs)("div",{className:y.arrowNavigation,children:[(0,n.jsx)(h.ZP,{name:h.UZ.arrowLeft,className:l,height:18,onClick:s}),(0,n.jsx)(h.ZP,{name:h.UZ.arrowRight,className:r,height:18,onClick:o})]})};function O(e,i,t){let[,n={}]=t[e-i]||[],[,s={}]=t[e+i]||[],o=n.isCurrent||s.isCurrent;return o}f.propTypes={onPrev:g().func,onNext:g().func,isPrevVisible:g().bool,isNextVisible:g().bool},f.defaultProps={onPrev:void 0,onNext:void 0,isPrevVisible:void 0,isNextVisible:void 0};let L=e=>{let{className:i,model:t,onDotSelect:s}=e;return(0,n.jsx)("div",{className:I()(i,"paginationPagination___AWlIy"),children:(0,n.jsx)("div",{className:"paginationItemsPagination___Q3_HL",children:t.map((e,i)=>{let[o,{isCurrent:l}={}]=e,r=l||O(i,1,t),a=!l&&O(i,2,t);return(0,n.jsx)("div",{onClick:()=>s(o),className:I()("paginationItemWrapPagination___OzZnf",{isCurrentPagination___Zwboc:l}),children:(0,n.jsx)("div",{className:I()("paginationItemPagination___soTqz",{paginationItemSizeLargePagination___Odk7h:r,paginationItemSizeMediumPagination___Ym6qK:a})})},i)})})})};L.propTypes={className:g().string,onDotSelect:g().func,model:g().array},L.defaultProps={className:void 0,onDotSelect:void 0,model:void 0};var S=t(65164),k=t(78556);let P=e=>{let{children:i,className:t,slidesTotal:o,currentSlide:l,onSlideChange:r,onClose:a}=e,{paginationDotModel:c,hasPreviousDot:g,hasNextDot:N,onDotSelect:M,onDotSelectPrev:u,onDotSelectNext:I}=function(e){let{currentSlide:i,slidesTotal:t,onSlideChange:n,onClose:o}=e,{model:l,hasPreviousDot:r,hasNextDot:a,onDotSelect:c,onDotSelectPrev:g,onDotSelectNext:N}=function(e){let{currentDot:i=1,itemsTotal:t,dotsLimit:n,onDotSelect:o}=e,[l,r]=(0,s.useState)(i),{model:a,hasNextDot:c,hasPreviousDot:g,dotsCount:N}=(0,s.useMemo)(()=>(function(e){let{itemsTotal:i,dotsLimit:t=5,currentDot:n=1}=e,s=n>1,o=n<i,{model:l,modelControl:r}=function(e){let{currentDot:i}=e,t=[],n=e=>{let n=[e],s=e===i;s&&n.push({isCurrent:s}),t.push(n)};return{model:t,modelControl:{addDot:n,addDotsRange:(e,i)=>{let t=i-e;for(let i=0;i<=t;i++)n(e+i)}}}}({currentDot:n});if(i>t){let e=Math.floor(t/2),s=i-e+1,o=n<=e||n>=s?e+1:n;r.addDotsRange(1,e),r.addDot(o),r.addDotsRange(s,i)}else r.addDotsRange(1,i);return{model:l,hasNextDot:o,hasPreviousDot:s,dotsCount:l.length}})({itemsTotal:t,currentDot:l,dotsLimit:n}),[t,l,n]),M=(0,s.useCallback)(e=>{l!==e&&(o(e),r(e))},[l]),u=(0,s.useCallback)(()=>{g&&M(l-1)},[g,M,l]),I=(0,s.useCallback)(()=>{c&&M(l+1)},[c,M,l]);return{model:a,currentDot:l,dotsCount:N,hasNextDot:c,hasPreviousDot:g,onDotSelectPrev:u,onDotSelectNext:I,onDotSelect:M}}({currentDot:i,onDotSelect:n,itemsTotal:t,dotsLimit:5});return(0,k.n)(S.ZP.isBrowser()?document:null,{[k.s.arrowLeft]:g,[k.s.arrowRight]:N,[k.s.escape]:o}),{paginationDotModel:l,hasPreviousDot:r,hasNextDot:a,onDotSelect:c,onDotSelectPrev:g,onDotSelectNext:N}}({currentSlide:l,slidesTotal:o,onSlideChange:r,onClose:a});return(0,n.jsxs)(T.RE,{classNameContent:y.popupOverlayContent,onClose:a,children:[(0,n.jsxs)(T.PZ,{className:t,onClose:a,children:[(0,n.jsx)(f,{isPrevVisible:g,isNextVisible:N,onPrev:u,onNext:I}),i]}),(0,n.jsx)(L,{className:y.paginationDots,model:c,onDotSelect:M})]})};P.propTypes={slidesTotal:g().number,currentSlide:g().number,onSlideChange:g().func,onClose:g().func},P.defaultProps={slidesTotal:void 0,currentSlide:void 0,onSlideChange:void 0,onClose:void 0};var U=t(74555),Y=t(61699),E=t(25951),b=t(17894);let Q=e=>{let{achievementCurrentId:i}=e,[t,n]=(0,s.useState)(!0),{lang:o,domain:l}=(0,U.v9)(e=>({lang:(0,b.Hs)(e),domain:(0,b.Xu)(e)})),r=(0,s.useCallback)(()=>{n(!t)},[t]),a="https://".concat(l,"/ctrl/achievement_sharing_image/getImageSource?achievement_id=").concat(i,"&lang=").concat(o);return{onClickShareButton:r,isHideSharePopup:t,setHideSharePopup:n,imageSrc:a}};var Z={popup:"popupDetail___ijYed",popupPreview:"popupPreviewDetail___I4Hol",popupContentDefault:"popupContentDefaultDetail___JfpRt",popupContentShare:"popupContentShareDetail___j9P37",title:"titleDetail___muOet",description:"descriptionDetail____TY4S",animation:"animationDetail___l2MbG",confettiAnimation:"confettiAnimationDetail___mc8Tn",previewImage:"previewImageDetail___kMl10",sharePopup:"sharePopupDetail____RFLG"};let B=e=>{let{items:i,achievementCurrentId:t,slidesTotal:o,onSlideChange:l,onClose:r}=e,a=function(e){let{achievementCurrentId:i,items:t}=e,{isWatched:n,title:o,description:l,isRecentlyAchieved:r,image:a,progress:c,completedCount:g,shortUrl:N}=(0,s.useMemo)(()=>t.find(e=>{let{id:t}=e;return t===i})||{},[i,t]),M=(0,U.I0)();return(0,s.useEffect)(()=>{let e=!n&&r;e&&(0,Y.KX)(i).then(()=>M((0,E.Fz)()))},[r,i]),{isRecentlyAchieved:r,image:a,title:o,description:l,progress:c,isUnComplete:c<100,isHideShareButtons:0===g,shortUrl:N}}({achievementCurrentId:t,items:i}),c=Q({achievementCurrentId:t}),g=function(e){let{items:i,achievementCurrentId:t,onSlideChange:n,callbackSli

1derChange:o}=e,l=(0,s.useCallback)(e=>{let{id:t=null}=i[e-1]||{};n(t),o()},[i]),r=(0,s.useMemo)(()=>i.map(e=>e.id).indexOf(t)+1,[]);return{onSlideChange:l,currentSlideInitial:r}}({achievementCurrentId:t,onSlideChange:l,callbackSliderChange:()=>c.setHideSharePopup(!0),items:i}),N=I()(Z.popup,{[Z.sharePopup]:!c.isHideSharePopup}),M=I()(Z.popupContentDefault,{[Z.popupContentShare]:!a.isHideShareButtons});return(0,n.jsxs)(P,{className:N,slidesTotal:o,currentSlide:g.currentSlideInitial,onSlideChange:g.onSlideChange,onClose:e=>r(e),children:[(0,n.jsxs)("div",{className:Z.popupPreview,children:[a.isRecentlyAchieved?(0,n.jsx)("div",{className:Z.animation,children:(0,n.jsx)(x.m,{reasonId:t,className:Z.confettiAnimation})}):null,(0,n.jsx)("div",{className:Z.previewImage,children:a.isUnComplete?(0,n.jsx)(_,{classNamePreviewImage:Z.progressPreviewImage,image:a.image,progress:a.progress}):(0,n.jsx)(C,{src:a.image})})]}),(0,n.jsxs)("div",{className:M,children:[(0,n.jsx)("h2",{className:Z.title,children:a.title}),(0,n.jsx)("div",{className:Z.description,children:a.description})]})]})};B.propTypes={achievementCurrentId:g().number,items:g().array,slidesTotal:g().number,onSlideChange:g().func,onClose:g().func},B.defaultProps={achievementCurrentId:void 0,items:void 0,slidesTotal:void 0,onSlideChange:void 0,onClose:void 0};let R=e=>{let{items:i,onSliderClose:t}=e,[l,r]=(0,s.useState)(null),a=(0,s.useCallback)(()=>{r(i[0].id)},[i]);return(0,n.jsxs)("div",{className:"rootRecentlyAchievedTotal___bjN7C",children:[(0,n.jsxs)("div",{className:"previewRecentlyAchievedTotal___aEkf2",onClick:a,children:[(0,n.jsx)(v,{}),(0,n.jsx)("div",{className:"countIndicatorRecentlyAchievedTotal___xUhNQ",children:i.length})]}),(0,n.jsx)(M.ZP,{size:M.JB.f24,weight:M.kx.bold,children:(0,n.jsx)(o.Trans,{children:i.length>1?"New Achievements!":"New Achievement!"})}),null===l?null:(0,n.jsx)(B,{achievementCurrentId:l,items:i,slidesTotal:i.length,onSlideChange:e=>r(e),onClose:()=>{r(null),t()}})]})};R.propTypes={items:g().array,onSliderClose:g().func},R.defaultProps={items:void 0,onSliderClose:void 0};let F=()=>(0,n.jsx)("svg",{viewBox:"0 0 103 109",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"svgSVGMasks___zIm97",children:(0,n.jsx)("mask",{id:d.polygon,"mask-type":"alpha",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"103",height:"109",children:(0,n.jsx)("path",{fill:"#2E5098",d:"M15.4211 16.7705C6.36066 22.0104 0.779171 31.6942 0.779172 42.1741L0.779173 66.9742C0.779173 77.4541 6.36066 87.1379 15.4212 92.3779L36.8558 104.774C45.9157 110.014 57.0778 110.014 66.1381 104.775L87.5789 92.3775C96.6405 87.1378 102.223 77.4534 102.223 66.9728L102.223 42.1756C102.223 31.6949 96.6405 22.0105 87.5789 16.7708L66.1381 4.37309C57.0778 -0.86584 45.9157 -0.865427 36.8558 4.37418L15.4211 16.7705Z"})})});function H(e){let{achievement_id:i,achievement_name:t,count_completed:n,is_archived:s,progress_percent:o,watched:l,icon:r,description:a,short_url:c}=e,g=n>=1&&s?100:Number(o);return{id:i,image:g<100?null:"data:image/png;base64,".concat(r),title:t,progress:g,description:a,isWatched:l,isRecentlyAchieved:g>=100&&!l,completedCount:n,shortUrl:c}}function W(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{total_count:i,unique_completed_count:t,achievements:n=[]}=e,s=n.map(H),o=s.filter(e=>{let{isRecentlyAchieved:i}=e;return i});return{totalVisible:s.length,totalCompleted:t,total:i,listRecentlyAchieved:o,list:s}}var G=()=>{let{achievements:e,achievementDetail:i,onAchievementDetailOpen:t,onAchievementDetailClose:c}=function(){let[e,i]=(0,s.useState)(null),[t,n]=(0,s.useState)(W()),o=(0,U.v9)(b.Hs),l=(0,s.useCallback)(()=>{(0,Y.Mp)().then(W).then(n)},[n]),r=(0,s.useCallback)(e=>i(e),[i]),a=(0,s.useCallback)(()=>{l(),i(null)},[i]);return(0,s.useEffect)(()=>

1{l()},[]),(0,s.useEffect)(()=>{l()},[o]),{achievements:t,achievementDetail:e,onAchievementDetailOpen:r,onAchievementDetailClose:a}}();return(0,n.jsx)(a.t,{children:(0,n.jsxs)(r.ZP,{initialScale:.1,autoUpdateMetaContent:!0,viewType:l.sB.desktop,isContentPaddingMax:!1,children:[(0,n.jsx)(r.lA,{title:(0,n.jsx)(o.Trans,{children:"Achievements"}),children:(0,n.jsx)(N,{total:e.total,completed:e.totalCompleted})}),(0,n.jsxs)(r.NE,{children:[e.listRecentlyAchieved.length<1?null:(0,n.jsx)(R,{items:e.listRecentlyAchieved,onSliderClose:c}),(0,n.jsx)(w,{items:e.list,onItemClick:t})]}),null===i?null:(0,n.jsx)(B,{achievementCurrentId:i,items:e.list,slidesTotal:e.totalVisible,onSlideChange:t,onClose:c}),(0,n.jsx)(F,{})]})})}},30149:function(e){"use strict";e.exports=net}},function(e){e.O(0,[3347,4963,2679,373,6726,4048,332,2042,1429,6369,9774,2888,179],function(){return e(e.s=97813)}),_N_E=e.O()}]);