"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[815],{50919:function(e,t,a){var l=a(85893),i=a(41664),r=a.n(i);a(67294);var n=a(16846);let s=()=>(0,l.jsx)("span",{className:"mr-2 mb-2 h-6 w-24 rounded-full bg-white/5"}),o=e=>{let{isLoading:t,node:a}=e;if(t)return(0,l.jsx)(s,{});let{slug:i,name:o}=a;return(0,l.jsx)(r(),{href:n.Z.nodePath(i),className:"btn btn-link",children:(0,l.jsx)("span",{className:"tag mr-2 mb-2",children:o})})};t.Z=o},21216:function(e,t,a){a.d(t,{Q:function(){return s},z:function(){return n}});var l=a(85893);a(67294);var i=a(49117),r=a(76411);let n=e=>{let{limit:t}=e;return(0,l.jsx)(l.Fragment,{children:Array(t).fill(void 0).map((e,t)=>(0,l.jsx)(r.r,{height:"aspect-square"},"urls-loading-".concat(t)))})},s=e=>{let{urls:t,isTitleEnabled:a,isVideoEnabled:n,likedByUsername:s}=e;return(0,l.jsx)(l.Fragment,{children:t.map((e,t)=>(0,l.jsx)(r.C,{isPriority:t<i.r.prioritizedItemsCount,url:e,layout:"grid",likedByUsername:s,isVideoEnabled:n,isTitleEnabled:a},e.url_id))})}},76411:function(e,t,a){a.d(t,{C:function(){return f},r:function(){return x}});var l=a(85893),i=a(96486),r=a.n(i),n=a(41664),s=a.n(n),o=a(67294),c=a(98846),d=a(35057),m=a(16846),u=a(25675),h=a.n(u);let p=e=>{let[t,a]=(0,o.useState)(!0);return(0,l.jsx)(h(),{...e,alt:e.alt,className:[e.className,"duration-400 ease-in-out",t?"grayscale blur-xl scale-105":"grayscale-0 blur-0"].join(" "),style:t?{backgroundImage:"url(".concat(e.blurDataURL,") no-repeat")}:{},onLoadingComplete:()=>a(!1)})},x=e=>{let{height:t}=e;return(0,l.jsx)("div",{className:"overflow-hidden rounded",children:(0,l.jsx)("span",{className:"block w-full animate-pulse bg-white/10 ".concat(t)})})},f=e=>{var t;let{url:a,layout:i,isPriority:n,isVideoEnabled:o,isTitleEnabled:u,likedByUsername:h,onClick:x}=e,{track:f}=(0,c.z)(),j=d.BL.isOn(d.pi)||!u,v=e=>{f("into-content-card-click"),x&&(e.preventDefault(),x())},g=["rounded block w-full object-cover","grid"===i?"aspect-square":"h-auto"].join(" "),w=o&&r().get(a.meta,"media[0].mp4_url");return(0,l.jsxs)(s(),{href:m.Z.urlIDPath(a.url_id,h),className:"block h-auto overflow-hidden transition-all hover:scale-105",onClick:v,children:[w?(0,l.jsx)("video",{className:g,src:w,poster:a.thumbnail,autoPlay:!0,muted:!0,loop:!0,playsInline:!0}):(0,l.jsx)(p,{className:g,src:null!==(t=a.thumbnail)&&void 0!==t?t:"/GrayTile.svg",alt:a.title,blurDataURL:a.tiny_thumbnail,priority:n,width:246,height:246}),j?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)("div",{className:"line-clamp-3 mx-3 my-4 text-base font-semibold leading-normal text-white/50",children:a.title})]})}},2401:function(e,t,a){a.d(t,{Z:function(){return m},j:function(){return d}});var l=a(85893),i=a(67294),r=a(82483),n=a(92265),s=a(56245),o=a(40960);let c=["opacity-100","opacity-100","opacity-80","opacity-60","opacity-40","opacity-20"],d=e=>{let{heading:t,loadingLimit:a}=e;return(0,l.jsxs)("div",{className:"mb-6 space-y-4",children:[t?(0,l.jsx)("p",{className:"flex-1 font-medium opacity-50",children:t}):(0,l.jsx)(l.Fragment,{}),Array.from(Array(a).keys()).map(e=>(0,l.jsx)(o.U,{},"user-loading-".concat(e)))]})},m=e=>{let{users:t,heading:a}=e,{isLoggedIn:d}=(0,r.O)(),[m,u]=(0,i.useState)(!1),h=(0,i.useCallback)(()=>{u(e=>!e)},[]),p=d?t:t.slice(0,c.length);return 0===t.length?(0,l.jsx)(l.Fragment,{}):(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"mb-4 flex",children:[a?(0,l.jsx)("p",{className:"flex-1 font-medium opacity-50",children:a}):(0,l.jsx)(l.Fragment,{}),t.length>4&&(0,l.jsx)("button",{onClick:h,className:"btn btn-link text-sm font-normal text-orange-500",children:"View all"})]}),(0,l.jsx)("div",{className:"mb-6 space-y-4",children:t.slice(0,4).map(e=>(0,l.jsx)(o.Q,{user:e},e.user_id))}),m&&(0,l.jsx)(s.Z,{onClose:h,isVisible:m,children:(0,l.jsxs)("div",{className:"scrollbar-secondary fixed bottom-0 left-0 flex max-h-[80vh] w-full flex-col overflow-hidden rounded-t-xl bg-white text-black lg:relative lg:h-auto lg:max-h-[80vh] lg:w-[400px] lg:max-w-[90vw] lg:rounded-xl ",children:[(0,l.jsx)("button",{onClick:h,className:"btn absolute top-0 right-0 mt-2 text-sm",children:"Close"}),(0,l.jsxs)("div",{className:"flex-1 overflow-auto p-4 lg:p-6",children:[(0,l.jsx)("p",{className:"mb-6 text-xl font-medium",children:a}),(0,l.jsx)("div",{className:"flex-1 space-y-4",children:p.map((e,t)=>(0,l.jsx)(o.Q,{user:e,className:d?void 0:c[t]},e.user_id))})]}),!d&&(0,l.jsxs)("div",{className:"shrink-0 bg-stone-300 p-4 text-center lg:p-6",children:[(0,l.jsx)("p",{className:"mb-3 text-sm font-medium opacity-75",children:"Sign up to see all content"}),(0,l.jsx)(n.Z,{className:"btn btn-primary btn-dot",children:"Get the app"})]})]})})]})}},40960:function(e,t,a){a.d(t,{Q:function(){return y},U:function(){return b}});var l,i=a(85893),r=a(8433),n=a(89755),s=a.n(n),o=a(41664),c=a.n(o),d=a(67294),m=a(59457),u=a(89197),h=a(82483);function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var x=function(e){return d.createElement("svg",p({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=d.createElement("path",{d:"m6.219 10.212 2.737 2.737 4.987-5.674",stroke:"#fff",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))},f=a(52067),j=a(94147),v=a(16846),g=a(49941),w=a(92265);let b=()=>(0,i.jsxs)("div",{className:"flex animate-pulse items-center space-x-4",children:[(0,i.jsx)("span",{className:"inline-block aspect-square w-14 shrink-0 rounded-full bg-white/10"}),(0,i.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,i.jsx)("span",{className:"mb-2 block h-4 w-[80%] rounded bg-white/10"}),(0,i.jsx)("span",{className:"mb-1 block h-3 w-[50%] rounded bg-white/10 opacity-75"}),(0,i.jsx)("span",{className:"block h-3 w-[40%] rounded bg-white/10 opacity-50"})]})]}),y=e=>{var t;let{user:a,className:l}=e,{isLoggedIn:n,currentUserID:o}=(0,h.O)(),[p,b]=(0,m.x)(a),[y,k]=(0,d.useState)(o!==a.user_id),{commandContext:N}=(0,u.D)();(0,d.useEffect)(()=>{b(a),k(o!==a.user_id)},[o,n,b,a]);let _=(0,d.useCallback)(async()=>{try{let e=p.meta.isLiked?g.Z.user.unfollow:g.Z.user.follow;b(e=>{e.meta.isLiked=!e.meta.isLiked}),await r.Z.request(e({user_id:p.user_id,context:N}))}catch(e){b(e=>{e.meta.isLiked=!e.meta.isLiked})}},[N,b,p.meta.isLiked,p.user_id]);return(0,i.jsxs)("div",{className:"flex flex-row items-center space-x-4 ".concat(null!=l?l:""),children:[(0,i.jsxs)(c(),{href:v.Z.userPath(p.username),className:"flex flex-1 items-center space-x-4",children:[(0,i.jsx)(s(),{style:{backgroundColor:"rgb(44, 44, 46)"},className:"inline-block aspect-square w-14 shrink-0 rounded-full object-cover",src:null!==(t=p.photo_url)&&void 0!==t?t:"",alt:p.display_name,height:56,width:56}),(0,i.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,i.jsx)("p",{className:"truncate font-medium",children:p.display_name})," ",(0,i.jsx)("p",{className:"mb-1 truncate text-sm opacity-50",children:"@".concat(p.username)})," ",p.meta.likesCount?(0,i.jsx)("p",{className:"truncate text-xs opacity-40",children:(0,j._)(p.meta.likesCount,"Like")}):(0,i.jsx)(i.Fragment,{})]})]}),y&&(n?(0,i.jsx)("button",{className:"btn btn-square",onClick:_,children:p.meta.isLiked?(0,i.jsx)(x,{className:"aspect-square w-5"}):(0,i.jsx)(f.Z,{className:"aspect-square w-5"})}):(0,i.jsx)(w.Z,{className:"btn btn-square",deeplinkUrl:v.Z.userPath(p.username),children:(0,i.jsx)(f.Z,{className:"aspect-square w-5"})}))]})}},27570:function(e,t,a){var l=a(85893);a(67294);let i=e=>{let{children:t,className:a,scrollTarget:i,sidePanel:r}=e;return(0,l.jsxs)("div",{ref:i,className:a,children:[!!r&&(0,l.jsx)("div",{className:"shrink-0 p-6 pt-0 md:sticky md:top-0 md:w-80 md:pt-6",children:r}),t]})};t.Z=i},94147:function(e,t,a){a.d(t,{_:function(){return l}});let l=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"s";return"".concat(e.toLocaleString()," ").concat(t).concat(1!==e?a:"")}},49117:function(e,t,a){a.d(t,{r:function(){return l}});let l={prioritizedItemsCount:5,breakpointsWithSidebar:{default:4,1200:3,1050:2,500:2},breakpointsFullWidth:{default:5,1200:4,1050:3,500:2}}},90915:function(e,t,a){a.d(t,{C:function(){return d}});var l=a(85893),i=a(25675),r=a.n(i),n=a(67294),s=a(97650),o=a(40309),c=a(78894);let d=e=>{var t;let{url:a,className:i,onView:d}=e,[m,u]=(0,s.YD)({threshold:1}),[h,p]=(0,n.useState)({width:0,height:0}),x=null!==(t=a.thumbnail)&&void 0!==t?t:"";(0,n.useEffect)(()=>{u&&d&&d();let e=document.createElement("img");e.src=x,p({width:e.naturalWidth,height:e.naturalHeight})},[x,u,d]);let{data:f}=(0,o.Q)(c.Z.url.getEmbedUrl(a,{autoplay:!0,controls:!0,loop:!0,muted:!0}));return(0,l.jsxs)("div",{ref:m,className:"relative flex h-full flex-1 snap-start justify-center ".concat(i),children:[(0,l.jsx)(r(),{priority:!0,src:x,className:"h-full w-full object-cover sm:object-contain",alt:a.title,width:h.width,height:h.height}),f&&(0,l.jsx)("iframe",{className:"absolute top-0 left-0 h-full w-full",src:f,allow:"autoplay",allowFullScreen:!0})]})}},99110:function(e,t,a){a.d(t,{V:function(){return o}});var l=a(85893),i=a(9008),r=a.n(i);a(67294);var n=a(25994),s=a(16846);let o=e=>{var t;let{url:a}=e,i=null!==(t=a.thumbnail)&&void 0!==t?t:"",o=(0,n.Z)().publicRuntimeConfig;return(0,l.jsxs)(r(),{children:[(0,l.jsx)("link",{rel:"icon",href:"/favicon.ico"}),(0,l.jsx)("link",{rel:"icon",href:"/favicon.png",sizes:"32x32"}),(0,l.jsx)("link",{rel:"canonical",href:s.Z.urlPermalink(a.url_id)}),(0,l.jsx)("link",{rel:"home",href:o.baseUrl}),(0,l.jsx)("meta",{name:"referrer",content:"always"},"referrer"),(0,l.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=0"},"viewport"),(0,l.jsx)("meta",{property:"fb:app_id",content:"1633239056950945"},"fb:app_id"),(0,l.jsx)("meta",{name:"google-site-verification",content:"DRwMRXEBYGtZLT9oxw2HnjLDkh8y_MhJADnD3LmiCM4"},"google-site-verification"),(0,l.jsx)("meta",{name:"msvalidate.01",content:"E4FA407B6FB31C729CB006EBABE76C31"},"msvalidate.01"),(0,l.jsx)("meta",{property:"al:web:should_fallback",content:"false"},"al:web:should_fallback"),(0,l.jsx)("title",{children:a.title}),(0,l.jsx)("meta",{property:"og:type",content:"website"},"og:type"),(0,l.jsx)("meta",{property:"og:title",content:a.title},"og:title"),(0,l.jsx)("meta",{property:"og:description",content:a.description},"og:description"),(0,l.jsx)("meta",{property:"og:url",content:s.Z.urlPermalink(a.url_id)},"og:url"),(0,l.jsx)("meta",{property:"og:site_name",content:"Mix"},"og:site_name"),(0,l.jsx)("meta",{property:"og:image",content:i},"og:image"),(0,l.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,l.jsx)("meta",{name:"twitter:site",content:"@getmixapp"},"twitter:site"),(0,l.jsx)("meta",{name:"twitter:title",content:a.title},"twitter:title"),(0,l.jsx)("meta",{name:"twitter:description",content:a.description},"twitter:description"),(0,l.jsx)("meta",{name:"twitter:image",content:i},"twitter:image"),(0,l.jsx)("meta",{name:"twitter:url",content:s.Z.urlPermalink(a.url_id)},"twitter:url"),(0,l.jsx)("meta",{name:"twitter:app:name:iphone",content:"Mix"},"twitter:app:name:iphone"),(0,l.jsx)("meta",{name:"twitter:app:id:iphone",content:"1092817691"},"twitter:app:id:iphone"),(0,l.jsx)("meta",{name:"twitter:app:url:iphone",content:s.Z.nativePermalink(s.Z.urlPermalink(a.url_id))},"twitter:app:url:iphone"),(0,l.jsx)("meta",{property:"al:ios:app_store_id",content:"1092817691"},"al:ios:app_store_id"),(0,l.jsx)("meta",{property:"al:ios:app_name",content:"Mix"},"al:ios:app_name"),(0,l.jsx)("meta",{property:"al:ios:url",content:s.Z.nativePermalink(s.Z.urlPermalink(a.url_id))},"al:ios:url"),(0,l.jsx)("meta",{property:"al:android:package",content:"com.mix.android"},"al:android:package"),(0,l.jsx)("meta",{property:"al:android:app_name",content:"Mix"},"al:android:app_name"),(0,l.jsx)("meta",{property:"al:android:url",content:s.Z.nativePermalink(s.Z.urlPermalink(a.url_id))},"al:android:url")]})}},30834:function(e,t,a){a.d(t,{Z:function(){return O}});var l,i,r=a(85893),n=a(8433),s=a(96486),o=a(72080),c=a(89755),d=a.n(c),m=a(67294),u=a(59457),h=a(5678),p=a(92265);let x=e=>{let{direction:t,isSelected:a}=e;return(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:"".concat("down"===t?"rotate-180":""),children:[(0,r.jsx)("path",{className:["fill-none stroke-white stroke-2",a?"hidden":""].join(" "),d:"M6.99997 22H4.32997C3.76401 22.01 3.21407 21.8119 2.78456 21.4432C2.35504 21.0745 2.07584 20.5609 1.99997 20V13C2.07584 12.4391 2.35504 11.9255 2.78456 11.5568C3.21407 11.1881 3.76401 10.99 4.32997 11H6.99997M14 9V5C14 4.20435 13.6839 3.44129 13.1213 2.87868C12.5587 2.31607 11.7956 2 11 2L6.99997 11L6.99997 22L18.28 22C18.7623 22.0055 19.2303 21.8364 19.5979 21.524C19.9654 21.2116 20.2076 20.7769 20.28 20.3L21.66 11.3C21.7035 11.0134 21.6841 10.7207 21.6033 10.4423C21.5225 10.1638 21.3821 9.9063 21.1918 9.68752C21.0016 9.46874 20.766 9.29394 20.5015 9.17522C20.237 9.05651 19.9499 8.99672 19.66 9L14 9Z",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{className:["fill-white",a?"":"hidden"].join(" "),d:"m8 11.212-.914-.406a1 1 0 0 0-.086.406h1zm3.608-8.117.304-.953a1 1 0 0 0-1.218.546l.914.407zm.806.49-.707.708.707-.707zM19.66 10v1h.006l-.006-1zm.011 0 .006 1h.006l-.012-1zm.421.088.41-.913-.41.913zm.345.256-.754.656.754-.656zm.206.377.96-.279-.96.28zm.028.429.989.151V11.3l-.989-.15zm-1.38 9L18.303 20V20l.988.15zm-.34.612L18.302 20l.647.762zm-.66.238.012-1h-.012v1zM8 21H7a1 1 0 0 0 1 1v-1zm-3-9h1a1 1 0 0 0-1-1v1zm0 9v1a1 1 0 0 0 1-1H5zm-2.707-8.707-.707-.707.707.707zm0 8.414L3 20l-.707.707zm6.62-9.089 3.609-8.117-1.828-.813-3.608 8.118 1.828.812zm2.39-7.57a1 1 0 0 1 .404.245l1.414-1.414a3 3 0 0 0-1.21-.737l-.607 1.905zm.404.245A1 1 0 0 1 12 5h2a3 3 0 0 0-.879-2.121l-1.414 1.414zM12 5v4h2V5h-2zm0 4a2 2 0 0 0 2 2V9h-2zm2 2h5.66V9H14v2zm5.666 0h.011l-.011-2h-.012l.012 2zm.017 0 .819-1.825A2 2 0 0 0 19.66 9l.023 2zm0 0 1.509-1.312a2 2 0 0 0-.69-.513L19.682 11zm0 0 1.92-.558a2 2 0 0 0-.411-.754L19.682 11zm0 0 1.977.3a2 2 0 0 0-.057-.858l-1.92.558zm-1.38 9 1.295 1.524a2 2 0 0 0 .682-1.224l-1.977-.3zm0 0-.023 2a2 2 0 0 0 1.318-.476L18.303 20zM9 21v-9.788H7V21h2zm-5-9v9h2v-9H4zm-1 1h2v-2H3v2zm0 0v-2a2 2 0 0 0-1.414.586L3 13zm0 0-1.414-1.414A2 2 0 0 0 1 13h2zm0 7v-7H1v7h2zm0 0H1a2 2 0 0 0 .586 1.414L3 20zm0 0-1.414 1.414A2 2 0 0 0 3 22v-2zm2 0H3v2h2v-2zm14.683-9.002-1.38 9 1.977.304 1.38-9-1.977-.304zM18.29 20H8v2h10.291v-2z"}),(0,r.jsx)("path",{className:["fill-white",a?"":"hidden"].join(" "),d:"m8 11.212 3.608-8.117A2 2 0 0 1 13 5v4a1 1 0 0 0 1 1h5.671a1 1 0 0 1 1 1.15l-1.38 9a1 1 0 0 1-1 .85H8v-9.788zM5 21v-9H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2z",fillRule:"evenodd"})]})};var f=a(50919),j=a(21216),v=a(2401),g=a(89197),w=a(82483);function b(){return(b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var y=function(e){return m.createElement("svg",b({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=m.createElement("path",{d:"M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",stroke:"#fff",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))};function k(){return(k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var N=function(e){return m.createElement("svg",k({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=m.createElement("path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13",stroke:"#fff",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))},_=a(40309),Z=a(54994),L=a(3467),z=a(94147),C=a(49941),I=a(78894),D=L.CN.RateUrl,E=L.li.RateUrlType;let U=e=>{let{heading:t,username:a}=e,{data:l,isLoading:i}=(0,_.Q)(C.Z.user.getDetails(a));return i?(0,r.jsx)(v.j,{loadingLimit:1,heading:t}):l?(0,r.jsx)(v.Z,{users:[l],heading:t}):(0,r.jsx)(r.Fragment,{})},P=e=>{let{url:t}=e;return(0,r.jsxs)("a",{href:t.url,className:"space-y-6",rel:"external nofollow noopener noreferrer",target:"_blank",children:[(0,r.jsx)("p",{className:"truncate whitespace-pre-wrap text-lg font-medium leading-tight",children:t.title}),(0,r.jsxs)("div",{className:"flex items-center space-x-4 leading-tight opacity-75",children:[(0,r.jsx)("div",{className:"rounded-full bg-white/20 p-2",children:(0,r.jsx)("div",{className:"relative h-4 w-4",children:(0,r.jsx)(d(),{src:t.meta.provider.faviconURL,style:{filter:"invert(1)"},alt:t.meta.provider.id,layout:"fill",placeholder:"blur",blurDataURL:t.tiny_thumbnail})})}),(0,r.jsx)("span",{className:"truncate text-sm font-medium",children:(0,s.capitalize)(t.meta.provider.id)})]})]})},M=e=>{let{url:t}=e,{commandContext:a}=(0,g.D)(),{isLoading:l,data:i}=(0,_.Q)(C.Z.recommend.slug({filter:{ids:[t.url_id],page:1,slug:"related",url_ids:[t.url_id],type:{url:6}},context:a})),n=null==i?void 0:i.items.filter(e=>"url"===e.type);return(0,r.jsx)("div",{className:"grid grid-cols-3 gap-1 overflow-hidden rounded lg:pb-12",children:l?(0,r.jsx)(j.z,{limit:6}):n?(0,r.jsx)(j.Q,{urls:n.slice(0,6),isVideoEnabled:!0,isTitleEnabled:!1,likedByUsername:void 0}):(0,r.jsx)(r.Fragment,{})})},R=e=>{let{url:t}=e,{commandContext:a}=(0,g.D)(),{isLoggedIn:l,currentUserID:i}=(0,w.O)(),[s]=(0,m.useState)(l),[c,d]=(0,u.x)(t);(0,m.useEffect)(()=>{d(t)},[d,t]);let h=(0,m.useCallback)(async()=>{let e=new D({urlId:o.Z.fromString(c.url_id),userId:i,ratingType:E.RATE_URL_UP,context:a}),t=n.Z.request(I.Z.commands.rateUrl(e)),l=n.Z.request(C.Z.url.setInto({url_id:c.url_id,context:a}));return Promise.all([t,l])},[a,c.url_id,i]),f=(0,m.useCallback)(async()=>{let e=new D({urlId:o.Z.fromString(c.url_id),userId:i,ratingType:E.RATE_URL_DOWN,context:a}),t=n.Z.request(I.Z.commands.rateUrl(e)),l=n.Z.request(C.Z.url.deleteInto({url_id:c.url_id,context:a}));return Promise.all([t,l])},[a,c.url_id,i]),j=(0,m.useCallback)(async()=>{let e=new D({urlId:o.Z.fromString(c.url_id),userId:i,ratingType:E.RATE_URL_NONE,context:a}),t=n.Z.request(I.Z.commands.rateUrl(e)),l=n.Z.request(C.Z.url.deleteInto({url_id:c.url_id,context:a}));return Promise.all([t,l])},[a,c.url_id,i]),v=(0,m.useCallback)(async()=>{try{d(e=>{e.meta.isInto=!e.meta.isInto,e.meta.isDisliked&&(e.meta.isDisliked=!1)}),await (c.meta.isInto?j():h())}catch(e){d(e=>{e.meta.isInto=!e.meta.isInto})}},[c.meta.isInto,j,h,d]),b=(0,m.useCallback)(async()=>{let e=!0===c.meta.isDisliked;try{d(e=>{e.meta.isDisliked=!e.meta.isDisliked,e.meta.isInto&&(e.meta.isInto=!1)}),await (e?j():f())}catch(e){d(e=>{e.meta.isDisliked=!e.meta.isDisliked})}},[c.meta.isDisliked,j,f,d]),k=(0,m.useCallback)(()=>{if(!c.meta.shareURL||void 0===navigator.share)return alert("Coming Soon!");navigator.share({url:c.meta.shareURL,title:c.title}).catch(Z.Z.error)},[c.meta.shareURL,c.title]);return(0,r.jsxs)("div",{className:"mb-6 flex space-x-6",children:[(0,r.jsxs)("div",{className:"flex rounded-full bg-white/[0.15] py-1 px-2",children:[(0,r.jsx)(p.Z,{onClickIfLoggedIn:v,className:"flex h-10 w-10 items-center justify-center transition-all hover:scale-105 hover:opacity-80",children:(0,r.jsx)(x,{direction:"up",isSelected:c.meta.isInto})}),(0,r.jsxs)("div",{className:"flex h-6 divide-x divide-white/10 self-center",children:[(0,r.jsx)("div",{className:"w-2"}),(0,r.jsx)("div",{className:"w-2"})]}),(0,r.jsx)(p.Z,{onClickIfLoggedIn:b,className:"flex h-10 w-10 items-center justify-center transition-all hover:scale-105 hover:opacity-80",children:(0,r.jsx)(x,{direction:"down",isSelected:!0===c.meta.isDisliked})})]}),s&&(0,r.jsx)("button",{onClick:k,className:"flex w-12 items-center justify-center transition-all hover:scale-105 hover:opacity-80",children:(0,r.jsx)(N,{})}),(0,r.jsx)("button",{className:"hidden flex-1 items-center justify-end pr-2",children:(0,r.jsx)(y,{})})]})},S=e=>{let{url:t,hideRelated:a}=e,{commandContext:l}=(0,g.D)(),[i,n]=(0,m.useState)([]),[s,o]=(0,m.useState)(null),[c,d]=(0,m.useState)(null),[u,p]=(0,m.useState)(!1),{isLoading:x,data:j}=(0,_.Q)(C.Z.url.likers({url_id:t.url_id,context:l}));return(0,h.LI)(()=>{p(!0);let e=new URLSearchParams(window.location.search);o(e.get("via"));let t=e.get("liked_by");if(t){d(e.get("liked_by")),j&&n(j.filter(e=>e.username!==t));return}j&&n(j)},[o,d,n,j,x]),(0,r.jsxs)("div",{className:"mt-6 space-y-8 md:mt-0",children:[(0,r.jsx)(R,{url:t}),c&&(0,r.jsx)(U,{username:c,heading:"Liked by"}),s&&(0,r.jsx)(U,{username:s,heading:"Shared by"}),(0,r.jsx)(P,{url:t}),x?(0,r.jsx)(v.j,{loadingLimit:1,heading:"Likes"}):(0,r.jsx)(v.Z,{users:i,heading:(0,z._)(i.length,"Like")}),!a&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 font-medium opacity-50",children:"Related"}),(0,r.jsx)("div",{className:"mb-4 flex flex-wrap",children:t.nodes.map(e=>(0,r.jsx)(f.Z,{node:e},e.slug))}),u&&(0,r.jsx)(M,{url:t})]})]})};var O=m.memo(S)}}]);
//# sourceMappingURL=815-27a8cac18449ad60.js.map