"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[811],{3275:(e,n,t)=>{t.d(n,{YG:()=>h,p2:()=>c,uo:()=>d});var r=t(37876),i=t(99972),s=t(76841),l=t(72696),a=t(93026),o=t(14232);let c=e=>{let{done:n,endReached:t,...l}=e,[a,c]=(0,o.useState)("Pending"),u=()=>{c("Infinite"),null==t||t(0)};return(0,r.jsx)(i.YL,{overscan:i.p2,endReached:e=>{if("Pending"===a)return void u();null==t||t(e)},components:{...i.Wp,Footer:n?void 0:({Pending:()=>(0,r.jsx)(h,{children:(0,r.jsx)(s.$,{size:"lg",onClick:u,children:"Load more"})}),Infinite:d})[a]},...l})},d=()=>(0,r.jsx)(h,{children:(0,r.jsx)(l.y,{})}),h=(0,a.pH)("div",{display:"flex",justifyContent:"center",alignItems:"center",color:"$gray4",height:"$10"})},20811:(e,n,t)=>{t.d(n,{J:()=>Y});var r=t(28888),i=t(37876),s=t(14905),l=t(14232),a=t(88798),o=t(86355),c=t(68556),d=t(92726),h=t(43594),u=t(88024),p=t(39706),g=t(77152),x=t(1261),f=t(5336),j=t(89748),m=t(89572),v=t(48230),b=t.n(v),y=t(29615),w=t(13107),C=t(38942),_=t(31706),$=t(54904);function O(){let e=(0,r._)(["\n  fragment FeedDeedGroupMessageFragment on DeedGroup {\n    actor: owner {\n      __typename\n      ... on User {\n        id\n        slug\n        name\n        href\n      }\n      ... on Group {\n        id\n        slug\n        name\n        href\n      }\n    }\n    action\n    item_phrase\n    item {\n      ... on Model {\n        id\n      }\n      ... on User {\n        href\n      }\n      ... on Group {\n        href\n      }\n      ... on ConnectableInterface {\n        href\n      }\n      ... on Channel {\n        visibility_name\n      }\n    }\n    connector\n    target_phrase\n    target {\n      ... on Model {\n        id\n      }\n      ... on User {\n        href\n      }\n      ... on Group {\n        href\n      }\n      ... on ConnectableInterface {\n        href\n      }\n      ... on Channel {\n        visibility_name\n      }\n    }\n    item {\n      __typename\n      ... on Comment {\n        id\n        href\n        body(format: HTML)\n      }\n    }\n  }\n"]);return O=function(){return e},e}let k=e=>{let{deedGroup:n}=e,{target:t,item:r}=n;return"commented"!==n.action?(0,i.jsxs)(m.a,{css:{color:"$slate"},children:[(0,i.jsx)($.s,{slug:n.actor.slug,type:n.actor.__typename,children:(0,i.jsx)(m.a,{as:b(),href:n.actor.href,children:n.actor.name})}),(0,i.jsxs)(i.Fragment,{children:[" ",n.action," "]}),(0,i.jsx)(i.Fragment,{children:r&&"href"in r?(0,i.jsx)(i.Fragment,{children:"Channel"===r.__typename?(0,i.jsx)(C.E,{id:r.id,children:(0,i.jsx)(m.a,{as:b(),href:r.href,css:{color:(0,y.W)(r.visibility_name).primary},children:(0,w.xv)(n.item_phrase,{from:"center",length:75})})}):(0,i.jsx)(b(),{href:r.href,children:(0,w.xv)(n.item_phrase,{from:"center",length:75})})}):(0,i.jsx)(i.Fragment,{children:n.item_phrase})}),(0,i.jsx)(i.Fragment,{children:n.connector&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(i.Fragment,{children:[" ",n.connector," "]}),t&&"href"in t&&(0,i.jsx)(i.Fragment,{children:"Channel"===t.__typename?(0,i.jsx)(C.E,{id:t.id,children:(0,i.jsx)(m.a,{as:b(),href:t.href,css:{color:(0,y.W)(t.visibility_name).primary},children:(0,w.xv)(n.target_phrase,{from:"center",length:75})})}):(0,i.jsx)(b(),{href:t.href,children:(0,w.xv)(n.target_phrase,{from:"center",length:75})})})]})})]}):r&&"Comment"===r.__typename&&r.body?(0,i.jsxs)(m.a,{css:{color:"$slate"},children:[(0,i.jsx)(m.a,{as:b(),href:n.actor.href,children:n.actor.name}),(0,i.jsx)(i.Fragment,{children:" said "}),(0,i.jsx)(_.q,{html:r.body})]}):null};(0,o.J1)(O());var S=t(87303),E=t(39220),F=t(31576),M=t(42357),I=t(93026);let T=(0,I.pH)("div",{width:M.nu,maxWidth:"100%","@bp1":{width:"100%"}}),G=(0,I.pH)("div",{display:"flex",gap:M.Yq,justifyContent:"center",flexWrap:"wrap"});function R(){let e=(0,r._)(['\n  fragment FeedDeedGroupFragment on DeedGroup {\n    ...FeedDeedGroupMessageFragment\n    id: key\n    created_at(relative: true)\n    created_at_timestamp: created_at(format: "%b %e, %Y, %l:%M %p %Z")\n    owner {\n      ... on User {\n        id\n        href\n      }\n      ... on Group {\n        id\n        href\n      }\n    }\n    objects {\n      ...GridCellBlockFragment\n      ...GridCellChannelFragment\n      ...GridCellUserFragment\n      ...GridCellGroupFragment\n      __typename\n      ... on Model {\n        id\n      }\n    }\n  }\n']);return R=function(){return e},e}let U=e=>{var n;let{deedGroup:t}=e,r=null!=(n=t.objects)?n:[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.w,{}),(0,i.jsxs)(u.Y,{children:[(0,i.jsx)(S.B,{gap:"$2",direction:"horizontal",children:(0,i.jsxs)(S.B,{gap:"$1",css:{m:"auto",textAlign:"center"},children:[(0,i.jsx)(f.E,{size:"xl",hyphenate:!0,css:{a:{textDecoration:"none",fontWeight:"bold"},maxWidth:"80ch","@bp1":{...f.X.lg}},children:(0,i.jsx)(k,{deedGroup:t})}),t.created_at&&t.created_at_timestamp&&(0,i.jsx)(m.a,{css:{lineHeight:0},children:(0,i.jsx)(E.m_,{label:t.created_at_timestamp,children:(0,i.jsx)(f.E,{as:"span",size:"xs",css:{color:"$slate"},children:t.created_at})})})]})}),(0,i.jsx)(x.h,{y:"$6"}),(0,i.jsx)(G,{children:r.map(e=>{switch(e.__typename){case"Attachment":case"Embed":case"Image":case"Link":case"Text":return(0,i.jsx)(T,{children:(0,i.jsx)(F.Yu,{block:e})},e.id);case"Channel":return(0,i.jsx)(T,{children:(0,i.jsx)(c.sT,{channel:e})},e.id);case"User":return(0,i.jsx)(T,{children:(0,i.jsx)(h.G,{user:e})},e.id);case"Group":return(0,i.jsx)(T,{children:(0,i.jsx)(j.u,{group:e})},e.id)}})})]})]})},D=e=>{let{length:n=2}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.w,{}),(0,i.jsxs)(u.Y,{children:[(0,i.jsx)(S.B,{gap:"$2",direction:"horizontal",css:{alignItems:"center"},children:(0,i.jsxs)(S.B,{gap:"$1",css:{m:"auto",textAlign:"center"},children:[(0,i.jsx)(g.r,{size:"xl",children:"Example User connected 2 links to Example Channel Title"}),(0,i.jsx)(g.r,{size:"xs",children:"10 minutes ago"})]})}),(0,i.jsx)(x.h,{y:"$6"}),(0,i.jsx)(G,{children:[...Array(n)].map((e,n)=>(0,i.jsx)(T,{children:(0,i.jsx)(d.A,{})},n))})]})]})};(0,o.J1)(R());var z=t(89099),P=t(3275),L=t(31896),B=t(50168),A=t(60695);let W=()=>(0,i.jsx)(m.a,{css:{px:"$4",py:"$6",bg:"$gray1",color:"$slate",textAlign:"center"},children:(0,i.jsxs)(S.B,{gap:"$6",children:[(0,i.jsxs)(S.B,{gap:"$2",children:[(0,i.jsx)(f.E,{size:"xl",children:"Your feed is empty"}),(0,i.jsxs)(f.E,{size:"xl",children:["Discover how other people use Are.na, check and follow these"," ",(0,i.jsx)(b(),{href:"/are-na-team/featured-channels-c1f30sunbl4",children:"community selected examples"}),"."]})]}),(0,i.jsx)(m.a,{css:{bg:"$background","&:empty":{display:"none"}},children:(0,i.jsx)(A.zr,{id:530573})})]})});function H(){let e=(0,r._)(["\n  query FeedMeQuery($offset: Int!, $limit: Int!, $type: String) {\n    me {\n      id\n      feed(offset: $offset, limit: $limit, type: $type) {\n        groups {\n          ...FeedDeedGroupFragment\n        }\n      }\n    }\n  }\n\n  query FeedGroupQuery($offset: Int!, $limit: Int!, $id: ID!) {\n    group(id: $id) {\n      id\n      feed(offset: $offset, limit: $limit) {\n        groups {\n          ...FeedDeedGroupFragment\n        }\n      }\n    }\n  }\n"]);return H=function(){return e},e}let Y=e=>{let{type:n,kind:t="Me",id:r}=e,{done:s,error:l,fetching:o,isEmpty:c,loadMore:d,results:h}=J({type:n,kind:t,id:r}),{query:{blockId:g}}=(0,z.useRouter)(),x=(0,B.MK)(h.flatMap(e=>e.objects));if(l)throw l;return o&&0===h.length?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(D,{length:1}),(0,i.jsx)(D,{length:2}),(0,i.jsx)(D,{length:12})]}):!o&&c?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.w,{}),(0,i.jsx)(u.Y,{children:(0,i.jsx)(W,{})})]}):(0,i.jsxs)(B.kv,{cells:x,children:[(0,i.jsx)(a.aY,{useWindowScroll:!0,data:h,itemContent:(e,n)=>(0,i.jsx)(U,{deedGroup:n}),endReached:d,overscan:200,components:{Footer:s?void 0:P.uo}}),(0,i.jsx)(L.k,{id:g?String(g):null})]})};(0,o.J1)(H());let q=e=>{var n,t,r,i,l,a,o,c,d,h,u,p;let{type:g,limit:x=12,done:f,page:j,kind:m,id:v}=e,[b]=(0,s.KxI)({variables:{offset:j*x,limit:x,type:g},requestPolicy:"network-only",pause:f||"Me"!==m}),[y]=(0,s.dOc)({variables:{offset:j*x,limit:x,id:String(v)},requestPolicy:"network-only",pause:f||"Group"!==m});return"Me"===m?{nextResults:null==(d=b.data)||null==(c=d.me)||null==(o=c.feed)?void 0:o.groups,isEmpty:(null==(p=b.data)||null==(u=p.me)||null==(h=u.feed)?void 0:h.groups.length)===0&&0===j,fetching:b.fetching,error:b.error}:{nextResults:null==(r=y.data)||null==(t=r.group)||null==(n=t.feed)?void 0:n.groups,isEmpty:(null==(a=y.data)||null==(l=a.group)||null==(i=l.feed)?void 0:i.groups.length)===0&&0===j,fetching:y.fetching,error:y.error}},J=function(){let{type:e,limit:n=12,kind:t="Me",id:r}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[i,s]=(0,l.useState)(!1),[a,o]=(0,l.useState)(0),[c,d]=(0,l.useState)([]),{nextResults:h,isEmpty:u,fetching:p,error:g}=q({type:e,limit:n,done:i,page:a,kind:t,id:r});(0,l.useEffect)(()=>{if(!p&&h){if(!p&&0===h.length)return void s(!0);d(e=>[...e,...h])}},[h,p]);let x=(0,l.useCallback)(()=>{i||p||o(e=>e+1)},[i,p]);return{done:i,error:g,fetching:p,isEmpty:u,loadMore:x,results:c}}},31896:(e,n,t)=>{t.d(n,{k:()=>G});var r=t(37876),i=t(29332),s=t(14232),l=t(50168),a=t(57430),o=t(48230),c=t.n(o),d=t(57314),h=t(89099),u=t(77680),p=t(29979),g=t(54761),x=t(76841),f=t(93026),j=t(50582),m=t(14905);let v=()=>window.devicePixelRatio||1,b=e=>{"string"==typeof e&&e.startsWith("http")&&(new Image().src=e)},y="src_1x",w="src_2x",C=function(e,n){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:v();return t>=2?n:e},_=e=>null!==e&&"object"==typeof e,$=e=>!!e[y]&&!!e[w],O=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Set;if(!_(e)||n.has(e))return[];n.add(e);let t=$(e)?[e]:[];return Object.values(e).reduce((e,t)=>_(t)?[...e,...O(t,n)]:e,t)},k=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:v();return O(e).map(e=>C(e[y],e[w],n)).filter(e=>"string"==typeof e&&e.startsWith("http"))},S=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:v();k(e,n).forEach(b)},E=()=>{let{mode:e}=(0,i.lA)(),{query:{blockId:n}}=(0,h.useRouter)(),{cells:t}=(0,l.E1)(),o=(0,s.useMemo)(()=>t.filter(e=>"Block"===e.type),[t]),c=(0,s.useMemo)(()=>o.findIndex(e=>e.id.toString()===n),[o,n]);if("Edit"===e)return null;if(0===o.length)return(0,r.jsx)(F,{});let d=o[(0,a.mapCursorToMax)(c-1,o.length)],u=o[(0,a.mapCursorToMax)(c+1,o.length)];return u&&d?(0,r.jsx)(M,{next:u,prev:d}):(0,r.jsx)(F,{})},F=e=>{let{children:n}=e;return(0,r.jsxs)(I,{children:[n,(0,r.jsx)(g.eB.bm,{asChild:!0,children:(0,r.jsx)(x.$,{size:"icon",children:(0,r.jsx)(u.MKb,{})})})]})},M=e=>{let{next:n,prev:t}=e,i=(0,s.useRef)(null),l=(0,s.useRef)(null),{link:a}=(0,d.U)({href:"/block/".concat(t.id),blockId:t.id.toString()}),{link:o}=(0,d.U)({href:"/block/".concat(n.id),blockId:n.id.toString()});(0,p.vC)("left",()=>{var e;null==(e=i.current)||e.click()},[]),(0,p.vC)("right",()=>{var e;null==(e=l.current)||e.click()},[]);let{ref:h}=(0,j.uh)({onSwipedLeft:()=>{var e;null==(e=l.current)||e.click()},onSwipedRight:()=>{var e;null==(e=i.current)||e.click()}});(0,s.useEffect)(()=>(h(document),()=>{h({})}));let{prefetchPrevBlock:g}=T({next:n,prev:t});return(0,r.jsxs)(F,{children:[(0,r.jsx)(c(),{...a,replace:!0,scroll:!1,passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(x.$,{ref:i,size:"icon",as:"a",onMouseEnter:g,children:(0,r.jsx)(u.YJP,{})})}),(0,r.jsx)(c(),{...o,replace:!0,scroll:!1,passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(x.$,{ref:l,size:"icon",as:"a",children:(0,r.jsx)(u.vKP,{})})})]})},I=(0,f.pH)("div",{position:"absolute",top:0,right:0,display:"flex",gap:"$1",borderRadius:"$1",p:"$1",zIndex:1}),T=e=>{let{next:n,prev:t}=e,[r,i]=(0,m.noG)({variables:{id:n.id.toString()},pause:!0}),[l,a]=(0,m.noG)({variables:{id:t.id.toString()},pause:!0}),o=(0,s.useCallback)(i,[i]),c=(0,s.useCallback)(a,[a]);return(0,s.useEffect)(()=>{var e,n;(null==(e=r.data)?void 0:e.block)&&S(r.data.block),(null==(n=l.data)?void 0:n.block)&&S(l.data.block)},[r.data,l.data]),(0,s.useEffect)(o,[o]),{prefetchNextBlock:o,prefetchPrevBlock:c}},G=e=>{let{id:n,onOpenChange:t}=e,{query:s,back:l}=(0,h.useRouter)(),a=n||s.blockId?n||"".concat(s.blockId):null;return(0,r.jsx)(g.Dz,{open:!!a,onOpenChange:e=>{if(t)return t(e);e||l()},children:(0,r.jsx)(g.lG,{css:{width:"calc(100% - $space$7)",height:"calc(100% - $space$7)","@bp1":{width:"100%",height:"100%",p:0,border:0,pt:"$5"}},children:(0,r.jsxs)(i.VL,{children:[(0,r.jsx)(E,{}),!!a&&(0,r.jsx)(i.Ne,{id:a,css:{height:"100%"}})]})})})}},50582:(e,n,t)=>{t.d(n,{uh:()=>c});var r=t(14232);let i={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},s={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},l="mousemove",a="mouseup";function o(e,n){if(0===n)return e;let t=Math.PI/180*n;return[e[0]*Math.cos(t)+e[1]*Math.sin(t),e[1]*Math.cos(t)-e[0]*Math.sin(t)]}function c(e){var n,t,c;let d,{trackMouse:h}=e,u=r.useRef(Object.assign({},s)),p=r.useRef(Object.assign({},i)),g=r.useRef(Object.assign({},p.current));for(d in g.current=Object.assign({},p.current),p.current=Object.assign(Object.assign({},i),e),i)void 0===p.current[d]&&(p.current[d]=i[d]);let[x,f]=r.useMemo(()=>(function(e,n){let t=n=>{let t="touches"in n;t&&n.touches.length>1||e((e,i)=>{i.trackMouse&&!t&&(document.addEventListener(l,r),document.addEventListener(a,h));let{clientX:c,clientY:d}=t?n.touches[0]:n,u=o([c,d],i.rotationAngle);return i.onTouchStartOrOnMouseDown&&i.onTouchStartOrOnMouseDown({event:n}),Object.assign(Object.assign(Object.assign({},e),s),{initial:u.slice(),xy:u,start:n.timeStamp||0})})},r=n=>{e((e,t)=>{var r,s,l,a;let c="touches"in n;if(c&&n.touches.length>1)return e;if(n.timeStamp-e.start>t.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;let{clientX:d,clientY:h}=c?n.touches[0]:n,[u,p]=o([d,h],t.rotationAngle),g=u-e.xy[0],x=p-e.xy[1],f=Math.abs(g),j=Math.abs(x),m=(n.timeStamp||0)-e.start,v=Math.sqrt(f*f+j*j)/(m||1),b=[g/(m||1),x/(m||1)],y=(r=f,s=j,l=g,a=x,r>s?l>0?"Right":"Left":a>0?"Down":"Up"),w="number"==typeof t.delta?t.delta:t.delta[y.toLowerCase()]||i.delta;if(f<w&&j<w&&!e.swiping)return e;let C={absX:f,absY:j,deltaX:g,deltaY:x,dir:y,event:n,first:e.first,initial:e.initial,velocity:v,vxvy:b};C.first&&t.onSwipeStart&&t.onSwipeStart(C),t.onSwiping&&t.onSwiping(C);let _=!1;return(t.onSwiping||t.onSwiped||t[`onSwiped${y}`])&&(_=!0),_&&t.preventScrollOnSwipe&&t.trackTouch&&n.cancelable&&n.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:C,swiping:!0})})},c=n=>{e((e,t)=>{let r;if(e.swiping&&e.eventData){if(n.timeStamp-e.start<t.swipeDuration){r=Object.assign(Object.assign({},e.eventData),{event:n}),t.onSwiped&&t.onSwiped(r);let i=t[`onSwiped${r.dir}`];i&&i(r)}}else t.onTap&&t.onTap({event:n});return t.onTouchEndOrOnMouseUp&&t.onTouchEndOrOnMouseUp({event:n}),Object.assign(Object.assign(Object.assign({},e),s),{eventData:r})})},d=()=>{document.removeEventListener(l,r),document.removeEventListener(a,h)},h=e=>{d(),c(e)},u=(e,n)=>{let s=()=>{};if(e&&e.addEventListener){let l=Object.assign(Object.assign({},i.touchEventOptions),n.touchEventOptions),a=[["touchstart",t,l],["touchmove",r,Object.assign(Object.assign({},l),n.preventScrollOnSwipe?{passive:!1}:{})],["touchend",c,l]];a.forEach(([n,t,r])=>e.addEventListener(n,t,r)),s=()=>a.forEach(([n,t])=>e.removeEventListener(n,t))}return s},p={ref:n=>{null!==n&&e((e,t)=>{if(e.el===n)return e;let r={};return e.el&&e.el!==n&&e.cleanUpTouch&&(e.cleanUpTouch(),r.cleanUpTouch=void 0),t.trackTouch&&n&&(r.cleanUpTouch=u(n,t)),Object.assign(Object.assign(Object.assign({},e),{el:n}),r)})}};return n.trackMouse&&(p.onMouseDown=t),[p,u]})(e=>u.current=e(u.current,p.current),{trackMouse:h}),[h]);return n=u.current,t=p.current,c=g.current,u.current=t.trackTouch&&n.el?n.cleanUpTouch?t.preventScrollOnSwipe!==c.preventScrollOnSwipe||t.touchEventOptions.passive!==c.touchEventOptions.passive?(n.cleanUpTouch(),Object.assign(Object.assign({},n),{cleanUpTouch:f(n.el,t)})):n:Object.assign(Object.assign({},n),{cleanUpTouch:f(n.el,t)}):(n.cleanUpTouch&&n.cleanUpTouch(),Object.assign(Object.assign({},n),{cleanUpTouch:void 0})),x}},60695:(e,n,t)=>{t.d(n,{ES:()=>M,zr:()=>R,RC:()=>I});var r=t(28888),i=t(37876),s=t(68556),l=t(42357),a=t(41437),o=t(93801),c=t(74716),d=t(14232);let h=e=>{let{children:n,css:t,style:r}=e,s=(0,d.useRef)(null),[h,u]=(0,d.useState)(0),p=()=>{s.current&&u(s.current.children[0].getBoundingClientRect().height)};return(0,a.E)(p,[]),(0,o.w)({target:s,onResize:p}),(0,i.jsx)(l.JT,{ref:s,css:(0,c.h)({overflow:"hidden"},t),style:{maxHeight:h,...r},children:n})};var u=t(93026),p=t(14905),g=t(48230),x=t.n(g),f=t(86355),j=t(16825),m=t(31576),v=t(92726);function b(){let e=(0,r._)(["\n  fragment RowChannelContentsFragment on Channel {\n    id\n    connectables: blokks(page: 1, per: 9, sort_by: POSITION, direction: DESC) {\n      ...GridCellChannelContentFragment\n      ...GridCellBlockContentFragment\n      __typename\n      ... on Model {\n        id\n      }\n    }\n  }\n\n  query RowChannelContentsQuery($id: ID!) {\n    channel(id: $id) {\n      ...RowChannelContentsFragment\n      id\n    }\n  }\n"]);return b=function(){return e},e}let y=e=>{let{channel:n}=e;return(0,i.jsx)(i.Fragment,{children:n.connectables.map(e=>{switch(e.__typename){case"PendingBlock":case"Text":case"Image":case"Link":case"Attachment":case"Embed":return(0,i.jsx)(j.z,{width:1,height:1,maxWidth:"100%",css:{pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)(m.PU,{block:e})},e.id);case"Channel":return(0,i.jsx)(j.z,{width:1,height:1,maxWidth:"100%",css:{pointerEvents:"none"},children:(0,i.jsx)(s.b1,{channel:e})},e.id);default:return null}})})},w=()=>(0,i.jsx)(i.Fragment,{children:Array.from({length:9}).map((e,n)=>(0,i.jsx)(j.z,{width:1,height:1,maxWidth:"100%",children:(0,i.jsx)(v.A,{})},n))}),C=e=>{let{id:n}=e,[{data:t,error:r,fetching:s}]=(0,p.dvx)({variables:{id:n.toString()}});return r?(console.error(r),null):!s&&t&&t.channel?(0,i.jsx)(y,{channel:t.channel}):(0,i.jsx)(w,{})};(0,f.J1)(b());var _=t(9323),$=t(27903),O=t(89572),k=t(92637),S=t(94594);function E(){let e=(0,r._)(["\n  fragment RowChannelFragment on Channel {\n    ...GridCellChannelContentFragment\n    id\n    href\n    visibility_name\n  }\n"]);return E=function(){return e},e}function F(){let e=(0,r._)(["\n  query RowChannelQuery($id: ID!) {\n    channel(id: $id) {\n      ...RowChannelFragment\n    }\n  }\n"]);return F=function(){return e},e}let M=e=>{let{channel:n}=e,t=(0,d.useRef)(null);return(0,i.jsx)(_.t,{FallbackComponent:$.P,children:(0,i.jsx)(k.U,{cellRef:t,children:(0,i.jsxs)(G,{ref:t,visibility:n.visibility_name,children:[(0,i.jsx)(O.a,{as:x(),href:n.href,passHref:!0,css:{width:"100%",height:"100%",position:"absolute",top:0,left:0}}),(0,i.jsx)(T,{children:(0,i.jsx)(S.H,{id:n.id,type:"Channel"})}),(0,i.jsxs)(h,{children:[(0,i.jsx)(j.z,{width:1,height:1,maxWidth:"100%",children:(0,i.jsx)(s.b1,{channel:n,css:{border:0}})}),(0,i.jsx)(C,{id:n.id})]})]})})})},I=()=>(0,i.jsx)(G,{children:(0,i.jsxs)(h,{children:[(0,i.jsx)(j.z,{width:1,height:1,maxWidth:"100%",children:(0,i.jsx)(s.I0,{})}),(0,i.jsx)(w,{})]})}),T=(0,u.pH)("div",{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,pointerEvents:"none","a, button":{pointerEvents:"auto"},"@bp1":{display:"none"}}),G=(0,u.pH)("div",{position:"relative",p:"$3",border:"2px solid $gray2",["".concat(T)]:{opacity:0,transform:"translateY(2px)",transition:"opacity 50ms, visibility 50ms",visibility:"hidden"},"&:hover":{["".concat(T)]:{opacity:1,visibility:"visible"}},variants:{visibility:{PUBLIC:{borderColor:"$channelPublic2","&:hover":{borderColor:"$channelPublic3"}},PRIVATE:{borderColor:"$channelPrivate2","&:hover":{borderColor:"$channelPrivate3"}},CLOSED:{borderColor:"$channelClosed2","&:hover":{borderColor:"$channelClosed3"}}}}});(0,f.J1)(E());let R=e=>{let{id:n}=e,[{data:t,fetching:r,error:s}]=(0,p.jBj)({variables:{id:n.toString()}});if(s)return console.error(s),null;let l=null==t?void 0:t.channel;return r||!l?(0,i.jsx)(I,{}):(0,i.jsx)(M,{channel:l})};(0,f.J1)(F())}}]);