https://puzzlezilla.ru/_next/static/chunks/2470-90baadcc2806ba21.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2470],{20987:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(85893),s=n(25675),a=n.n(s),i={src:"/_next/static/media/loading.48407d77.svg",height:200,width:200,blurWidth:0,blurHeight:0},l=n(69707),c=n.n(l);function o(e){let{size:t=300,fullscreen:n=!1,center:s=!0,styles:l={}}=e,o=(0,r.jsx)(a(),{priority:!0,src:i,alt:"loading",width:t,height:t}),d=(0,r.jsx)("div",{style:l,className:c().wrapper,children:(0,r.jsx)("div",{className:"h-100 d-flex ".concat(s&&"justify-content-center"),children:o})}),u=(0,r.jsx)("div",{style:l,className:"d-flex ".concat(s&&"justify-content-center"),children:o});return n?d:u}},82470:function(e,t,n){"use strict";n.d(t,{Z:function(){return Z}});var r=n(85893),s=n(97650),a=n(67294),i=n(40827),l=n(78945),c=n(5152),o=n.n(c),d=n(25675),u=n.n(d),f=n(98008),h=n(41664),m=n.n(h),p=n(9772),_=n.n(p),v=n(83761),x=n(48920),g=n(54801),j=n(9845);n(3422);var b=n(30594);function k(e){let[t,n]=(0,a.useState)(null),[s,i]=(0,a.useState)(!1),l=(0,a.useRef)(null),{customWidth:c,link:o}=e,d=Math.round(c/e.photo_aspect_ratio);(0,a.useEffect)(()=>{let t=10/e.photo_aspect_ratio,r=(0,f.Q)(e.blur_hash,10,t),s=document.createElement("canvas");s.width=10,s.height=t;let a=s.getContext("2d"),i=a.createImageData(10,t);for(let e=0;e<i.data.length;e+=4)i.data[e+0]=r[e+0],i.data[e+1]=r[e+1],i.data[e+2]=r[e+2],i.data[e+3]=255;return a.putImageData(i,0,0),s.toBlob(function(e){let t=URL.createObjectURL(e);l.current=t,n(t)}),()=>{l.current&&(URL.revokeObjectURL(l.current),l.current=null)}},[]);let h=(0,r.jsx)(u(),{alt:"puzzle",width:c,height:d,src:(0,v.Z)(e),onLoadingComplete:()=>i(!0)}),p="ru"==(0,b.x)()?e.keywords_ru:e.keywords,k="/app?id="+e.photo_id;return(0,r.jsxs)("div",{className:_().container,children:[t&&(0,r.jsx)("div",{className:_().blurhash,style:{backgroundImage:"url('".concat(t,"')")}}),o?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"".concat(_().like," ").concat(t?_().isready:""),children:(0,r.jsxs)("div",{className:"d-flex justify-content-between align-items-center",children:[e.approve?(0,r.jsx)(j.Z,{color:"#ffffff",showDesc:!1,addClass:"ms-2 mt-2",link:k}):null,(0,r.jsx)(g.Z,{showDesc:!1,pid:e.id,addClass:"me-2 mt-2 ms-2",isChecked:e.userLike,fill:"#ffffff"})]})}),(0,r.jsx)(m(),{href:k,className:_().link+" no-underline",children:h}),(0,r.jsx)("div",{className:"".concat(_().shadow,"  ").concat(s?_().isready:""),children:(0,r.jsx)("div",{className:"w-100 pb-2",children:(0,r.jsx)(x.Z,{darkMode:!0,children:p.map((e,t)=>(0,r.jsx)(m(),{className:"no-underline",href:"/search/"+e,children:e},t))})})})]}):h]})}var w=n(46767),C=n.n(w),L=n(20987),N=n(55827);let S=o()(()=>n.e(4387).then(n.bind(n,14387)),{loadableGenerated:{webpack:()=>[14387]},ssr:!1}),y=o()(()=>n.e(325).then(n.bind(n,30325)),{loadableGenerated:{webpack:()=>[30325]},ssr:!1});function Z(e){let{data:t,tag:n,catid:c,nextPage:o,showLikes:d=!1,isMy:u=!1,exceptionId:f=!1}=e,[h,m]=(0,a.useState)(t.dataProvider||[]),[p,_]=(0,a.useState)(o),[v,x]=(0,a.useState)(null),[g,j]=(0,a.useState)(!1),[b,w]=(0,a.useState)(t.ads),[Z,z]=(0,s.YD)({}),{tc:E}=(0,N.Z)();async function B(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];try{j(!0);let n={},{page:r,tag:s,showLikes:a,isMy:i}=e;n.page=r,n.tag=s,n.catid=c,a&&(n.showLikes=!0),f&&(n.exceptionId=f),i&&(n.isMy=!0);let o=await l.Z.post("/api/get-records",n);t?m(o.data.dataProvider):m(e=>[...e,...o.data.dataProvider]),_(o.data.pagination.nextPage),w(o.data.ads),j(!1)}catch(e){x(!0),_(null),j(!1)}}return(0,a.useEffect)(()=>{m(t.dataProvider||[]),_(o),x(null),w(t.ads)},[t]),(0,a.useEffect)(()=>{z&&B({page:p,tag:n,catid:c,showLikes:d,isMy:u})},[z]),(0,r.jsxs)("div",{className:"container pb-5",children:[(0,r.jsx)(S,{setRecords:m,setPage:_}),h.length>0?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(i.Z,{breakpointCols:{default:4,1200:3,768:1,575:1},className:C().grid,columnClassName:C().column,children:h.map((e,t)=>(null==e?void 0:e.div)?(0,r.jsx)("div",{className:C().ads,id:e.div},t):(0,r.jsx)(k,{...e,link:!0,customWidth:575},t))})}):"",p?(0,r.jsx)("div",{ref:Z,children:(0,r.jsx)(L.Z,{size:150})}):v?(0,r.jsx)("p",{children:E("error")}):(0,r.jsx)(r.Fragment,{}),(0,r.jsx)(y,{ids:b})]})}},48920:function(e,t,n){"use strict";n.d(t,{Z:function(){return c}});var r=n(85893),s=n(67294),a=n(45155),i=n(5589),l=n.n(i);function c(e){let{darkMode:t=!1,children:n}

1=e,i=(0,s.useRef)(null),[c,o]=(0,s.useState)(0),[d,u]=(0,s.useState)(0),[f,h]=(0,s.useState)(0),[m,p]=(0,s.useState)(!0),[_,v]=(0,s.useState)(!1),[x,g]=(0,s.useState)(!1),j=(e,t,n)=>{t>0?v(!0):v(!1),Math.floor(e-t)<=n?p(!1):p(!0)};(0,s.useEffect)(()=>{0!=f&&j(c,d,f)},[c,d,f]),(0,s.useEffect)(()=>{function e(){var e,t,n;j(null==i?void 0:null===(e=i.current)||void 0===e?void 0:e.scrollWidth,null==i?void 0:null===(t=i.current)||void 0===t?void 0:t.scrollLeft,null==i?void 0:null===(n=i.current)||void 0===n?void 0:n.offsetWidth)}return j(i.current.scrollWidth,i.current.scrollLeft,i.current.offsetWidth),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[i]);let b=e=>{let t=i.current,n="plus"===e?t.scrollLeft+80:t.scrollLeft-80,r=t.scrollLeft,s=performance.now();requestAnimationFrame(function e(a){let i=Math.min((a-s)/200,1);t.scrollLeft=r+(n-r)*i,i<1&&requestAnimationFrame(e)})};return(0,r.jsxs)("div",{className:l().wrapper+" "+(t?l().darkMode:""),children:[(0,r.jsx)("button",{title:"previous",className:l().prevBtn+" "+(_?"":l().disabled),onClick:()=>b("minus"),children:(0,r.jsx)(a.$K8,{})}),(0,r.jsx)("button",{title:"next",className:l().nextBtn+" "+(m?"":l().disabled),onClick:()=>b("plus"),children:(0,r.jsx)(a._P3,{})}),(0,r.jsx)("div",{ref:i,className:"".concat(l().container," ").concat(x?l().grabbing:""),onMouseDown:e=>{let t=e.clientX,n=e.clientY,r=i.current.scrollLeft,s=i.current.scrollTop,a=e=>{e.preventDefault(),g(!0),i.current.scrollLeft=r-e.clientX+t,i.current.scrollTop=s-e.clientY+n};document.addEventListener("mousemove",a),document.addEventListener("mouseup",()=>{document.removeEventListener("mousemove",a),g(!1)})},onScroll:()=>{o(i.current.scrollWidth),u(i.current.scrollLeft),h(i.current.offsetWidth)},children:n})]})}},93262:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(85893),s=n(81113),a=n.n(s);function i(e){let{onClick:t=()=>{},children:n,addClass:s=""}=e;return(0,r.jsx)("div",{type:"button",className:"".concat(a().btn," d-flex align-items-center ").concat(s),onClick:t,children:n})}},54801:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(85893),s=n(67294),a=n(60155),i=n(1052),l=n(71175),c=n(78945),o=n(50259),d=n(93262),u=n(55827);function f(e){let{pid:t,isChecked:n,fill:f="#AAB8C2",size:h="1.7em",showDesc:m=!0,addClass:p=""}

1=e,_="#e15b64",[v,x]=(0,s.useState)(n),g=(0,i.T)(),{user:j}=(0,i.C)(e=>e.auth),{handleLike:b}=function(){let[e,t]=(0,s.useState)(!1),{user:n}=(0,i.C)(e=>e.auth),{executeRecaptcha:r}=(0,o.xX)();return{handleLike:async function(e){n&&(t(!0),e.token=await r("useLike"),c.Z.post("/api/proxy",{fields:e,url:"/profile/like"}).then(function(e){t(!1)}).catch(function(e){t(!1)}))},loading:e}}(),[k,w]=(0,s.useState)(n?_:f),{tc:C}=(0,u.Z)();return(0,s.useEffect)(()=>{x(n)},[n]),(0,r.jsxs)(d.Z,{addClass:p,onClick:()=>{j?x(e=>{let n=!e;return w(n?_:f),b({pid:t}),n}):g((0,l.m)(!0))},children:[(0,r.jsx)(a.Fhy,{color:k,size:h}),m?(0,r.jsx)("small",{className:"ms-2 ",children:C("like-btn")}):""]})}},9845:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(85893),s=n(60155),a=n(93262),i=n(1052),l=n(73315),c=n(55827);function o(e){let{showDesc:t=!0,color:n="#AAB8C2",size:o="1.7em",addClass:d="",link:u=!0}=e,{tc:f}=(0,c.Z)(),h=(0,i.T)();return(0,r.jsxs)(a.Z,{addClass:d,onClick:()=>h((0,l.v)(u)),children:[(0,r.jsx)(s.jRj,{color:n,size:o})," ",t?(0,r.jsx)("small",{className:"ms-2 ",children:f("share-btn")}):""]})}},83761:function(e,t,n){"use strict";function r(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return e.user_id?"".concat(t?"https://api.puzzlezilla.com":"","/up/").concat(e.user_id,"/").concat(e.photo_id,".jpg"):"".concat(t?"https://api.puzzlezilla.com":"","/img/").concat(e.photo_id,".jpg")}n.d(t,{Z:function(){return r}})},69707:function(e){e.exports={wrapper:"loader_wrapper__RfPyC"}},9772:function(e){e.exports={container:"img_container__n28qi",link:"img_link__3fWBl",shadow:"img_shadow__zo1ap",like:"img_like__uFO6k",liked:"img_liked__8sp3C",blurhash:"img_blurhash__Q6Q_J",isready:"img_isready__Cpuep"}},46767:function(e){e.exports={grid:"records_grid__Y8vqB",column:"records_column__RKrb6",ads:"records_ads__lWl1n"}},5589:function(e){e.exports={wrapper:"tagSlider_wrapper__4HCKg",prevBtn:"tagSlider_prevBtn__8TRnc",nextBtn:"tagSlider_nextBtn__VC9K_",container:"tagSlider_container__9nL_8",grabbing:"tagSlider_grabbing__uvnNO",darkMode:"tagSlider_darkMode__P9IYO",disabled:"tagSlider_disabled__IpHIq"}},81113:function(e){e.exports={btn:"imgButton_btn__hT9e9"}}}]);