Files
ambersplace.net/cohost-archive/static/8196.9488211cfaad004027c2.js

2 lines
27 KiB
JavaScript

"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8196],{2735:function(e,t,l){l.d(t,{Qj:function(){return I},zx:function(){return k}});var a=l(65443),n=l.n(a),o=l(94159),r=l(6285);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},c.apply(this,arguments)}const s=r.z.enum(["pill","roundrect","authn"]),i=r.z.enum(["cherry","strawberry","mango","not-black","red","green","accent","secondary","authn-primary","authn-other"]),d=(r.z.object({buttonStyle:s,color:i,className:r.z.string().optional()}),n()("bg-notWhite","hover:text-notWhite")),u=n()("font-atkinson","font-bold","rounded-full","border-2"),m=n()("body-2","rounded-lg"),p=n()("flex","h-12","items-center","justify-center","rounded-lg","px-6","text-lg"),g=n()("border-cherry","hover:bg-cherry","text-cherry","active:bg-cherry-600","active:border-cherry-600","disabled:text-cherry-300","disabled:border-cherry-300","focus:outline-cherry","focus:ring-cherry",d),f=n()("border-strawberry","hover:bg-strawberry","text-strawberry","active:bg-strawberry-600","active:border-strawberry-600","disabled:text-strawberry-300","disabled:border-strawberry-300","focus:outline-strawberry","focus:ring-strawberry",d),b=n()("border-red","hover:bg-red","text-red","active:bg-red-600","active:border-red-600","disabled:text-red-300","disabled:border-red-300","focus:outline-red",d),h=n()("border-green","hover:bg-green","text-green","active:bg-green-600","active:border-green-600","disabled:text-green-300","disabled:border-green-300","focus:outline-green",d),w=n()("border-mango","hover:bg-mango","text-mango","bg-notBlack","hover:text-notBlack"),v=n()("border-notBlack","hover:bg-notBlack","text-notBlack","focus:outline-notBlack","focus:ring-notBlack",d),y=n()("border-accent","text-accent","bg-foreground","hover:bg-accent","hover:text-text"),x=n()("bg-secondary","text-notWhite","dark:text-notBlack","hover:bg-secondary-600"),E=n()("bg-foreground","text-text","hover:bg-foreground-600","active:bg-foreground-700","disabled:bg-foreground-200"),j=n()("border-2","border-foreground","text-foreground","hover:bg-longan-200"),N=e=>n()("leading-none","align-middle","py-2","px-4","no-select",e.className,{[u]:"pill"===e.buttonStyle,[m]:"roundrect"===e.buttonStyle,[p]:"authn"===e.buttonStyle,[g]:"cherry"===e.color,[f]:"strawberry"===e.color,[w]:"mango"===e.color,[v]:"not-black"===e.color,[b]:"red"===e.color,[y]:"accent"===e.color,[h]:"green"===e.color,[x]:"secondary"===e.color,[E]:"authn-primary"===e.color,[j]:"authn-other"===e.color}),k=o.forwardRef((({buttonStyle:e,color:t,className:l,...a},n)=>{const r=N({buttonStyle:e,color:t,className:l,...a});return o.createElement("button",c({},a,{className:r,ref:n}),a.children)}));k.displayName="Button";const I=o.forwardRef((({buttonStyle:e,color:t,...l},a)=>{const n=N({buttonStyle:e,color:t,...l});return o.createElement("a",c({},l,{className:n,ref:a}),l.children)}));I.displayName="LinkButton"},64499:function(e,t,l){l.d(t,{e:function(){return g}});var a=l(71860),n=l(70769),o=l(6285);let r=function(e){return e[e.NotFollowing=0]="NotFollowing",e[e.FollowRequested=1]="FollowRequested",e[e.Following=2]="Following",e}({});o.z.nativeEnum(r);var c=l(94159),s=l(51028),i=l(8227),d=l(2735),u=l(12093),m=l(21281),p=l(91045);const g=e=>c.createElement(c.Suspense,null,c.createElement(f,e)),f=({project:e,onFollow:t,color:l})=>{const o=(0,i.Pc)(),g=a.S.useContext(),f=a.S.projects.followingState.useQuery({projectHandle:e.handle},{suspense:!0}),b=(0,m.Z3)().get("ssrUrl"),h=(0,c.useCallback)((l=>({onMutate:async()=>{await g.projects.followingState.cancel({projectHandle:e.handle});const t=g.projects.followingState.getData({projectHandle:e.handle});return g.projects.followingState.setData({projectHandle:e.handle},{readerToProject:l}),{previousState:t}},onError:(t,l,a)=>{g.projects.followingState.setData({projectHandle:e.handle},a?.previousState)},onSettled:async()=>{await g.projects.followingState.invalidate({projectHandle:e.handle})},onSuccess:e=>{t&&t(e.followingState)}})),[t,e.handle,g.projects.followingState]),w=a.S.relationships.createFollowRequest.useMutation({...h(e.privacy===n.WL.Private?r.FollowRequested:r.Following)}),v=a.S.relationships.unfollow.useMutation({...h(r.NotFollowing)}),y=a.S.relationships.declineOrCancelFollowRequest.useMutation({...h(r.NotFollowing)}),{t:x}=(0,s.$G)(),E=f.data?.readerToProject??null,[j,N]=(0,c.useState)(!1),k=(0,c.useCallback)((async()=>{if(!o.projectId)return;const t={fromProjectId:o.projectId,toProjectId:e.projectId};switch(E){case r.FollowRequested:await y.mutateAsync(t);break;case r.NotFollowing:await w.mutateAsync(t);break;case r.Following:N(!0);break;case null:return}}),[y,w,E,e.projectId,o.projectId]),I=(0,c.useCallback)((async()=>{if(!o.projectId)return;const t={fromProjectId:o.projectId,toProjectId:e.projectId};await v.mutateAsync(t),N(!1)}),[e.projectId,o.projectId,v]);let S="unknown";if(o.loggedIn)if(E===r.Following)S=x("client:page.unfollow-button","unfollow");else if(E===r.NotFollowing)S=e.privacy===n.WL.Private?x("client:page.follow-request-button","send follow request"):x("client:page.follow-button","follow");else{if(E!==r.FollowRequested)return null;S=x("client:page.cancel-follow-request-button","cancel follow request")}else S=x("common:login");return o.loggedIn?c.createElement(c.Fragment,null,c.createElement(p.w,{isOpen:j,title:x("client:unfollow-page.confirm-title","Unfollow this page?"),body:x("client:unfollow-page.confirm-body","Are you sure you want to unfollow this page?"),confirm:{label:x("common:unfollow","unfollow")},cancel:{label:x("common:cancel","cancel")},onConfirm:I,onCancel:()=>N(!1)}),c.createElement(d.zx,{buttonStyle:"pill",color:l,onClick:k},S)):c.createElement(d.Qj,{buttonStyle:"pill",color:l,href:u.ZP.public.login({originalUrl:b}).toString()},S)}},18196:function(e,t,l){l.d(t,{Z:function(){return V}});var a=l(71860),n=l(2735),o=l(91625),r=l(94159),c=l(99838),s=l(4337),i=l(8227);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},d.apply(this,arguments)}const u=({projectId:e})=>{const{loggedIn:t}=(0,i.Pc)(),l=a.S.projects.userNote.query.useQuery({describedProjectId:e},{suspense:!0,refetchInterval:!1,refetchOnMount:!1,refetchOnReconnect:!1,refetchOnWindowFocus:!1,enabled:t}).data?.contents,n=a.S.projects.userNote.mutate.useMutation(),u=(0,r.useCallback)((async({contents:t})=>{await n.mutateAsync({describedProjectId:e,contents:t})}),[e,n]),{handleSubmit:m,control:p}=(0,c.cI)({defaultValues:{contents:l||""},mode:"all"});return t?r.createElement("div",{className:"cohost-shadow-light dark:cohost-shadow-dark flex flex-col divide-y divide-gray-300 rounded-lg bg-white lg:max-w-sm"},r.createElement("div",{className:"flex flex-row items-center rounded-t-lg bg-longan p-3 uppercase text-notBlack"},"Private Note"),r.createElement("div",{className:"flex flex-col gap-2 px-3 py-2 text-notBlack"},r.createElement("div",null,r.createElement("em",null,"Only you can see this")),r.createElement("form",{className:"flex flex-col gap-3",onSubmit:m(u)},r.createElement(c.Qr,{control:p,name:"contents",render:({field:{ref:e,onChange:t,...l}})=>r.createElement(s.D,d({},l,{className:"border-cherry",onInput:t,ref:e,minRows:1,autoComplete:"off",placeholder:(0,o.t)("client:private-note.placeholder",{defaultValue:"add note"})}))}),r.createElement("div",{className:"flex w-full flex-row items-center justify-end gap-4"},n.isSuccess?r.createElement("p",{className:"font-bold text-green"},"Note saved!"):null,n.isError?r.createElement("p",{className:"text-red"},`Sorry, we couldn't save your note. ${n.error.message}`):null,r.createElement("button",{className:"rounded-lg bg-cherry py-2 px-4 text-sm font-bold text-notWhite\n hover:bg-cherry-600 active:bg-cherry-700 disabled:bg-cherry-200"},(0,o.t)("client:new-comment.save",{defaultValue:"save"})))))):null};var m=l(32532),p=l(44144),g=l(12093),f=l(45793),b=l(70769),h=l(55875),w=l(53754),v=l(2403),y=r.forwardRef((function({title:e,titleId:t,...l},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},l),e?r.createElement("title",{id:t},e):null,r.createElement("path",{fillRule:"evenodd",d:"M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z",clipRule:"evenodd"}))})),x=l(96332),E=r.forwardRef((function({title:e,titleId:t,...l},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},l),e?r.createElement("title",{id:t},e):null,r.createElement("path",{fillRule:"evenodd",d:"M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z",clipRule:"evenodd"}))})),j=r.forwardRef((function({title:e,titleId:t,...l},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},l),e?r.createElement("title",{id:t},e):null,r.createElement("path",{fillRule:"evenodd",d:"M19.902 4.098a3.75 3.75 0 00-5.304 0l-4.5 4.5a3.75 3.75 0 001.035 6.037.75.75 0 01-.646 1.353 5.25 5.25 0 01-1.449-8.45l4.5-4.5a5.25 5.25 0 117.424 7.424l-1.757 1.757a.75.75 0 11-1.06-1.06l1.757-1.757a3.75 3.75 0 000-5.304zm-7.389 4.267a.75.75 0 011-.353 5.25 5.25 0 011.449 8.45l-4.5 4.5a5.25 5.25 0 11-7.424-7.424l1.757-1.757a.75.75 0 111.06 1.06l-1.757 1.757a3.75 3.75 0 105.304 5.304l4.5-4.5a3.75 3.75 0 00-1.035-6.037.75.75 0 01-.354-1z",clipRule:"evenodd"}))})),N=r.forwardRef((function({title:e,titleId:t,...l},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},l),e?r.createElement("title",{id:t},e):null,r.createElement("path",{d:"M13.024 9.25c.47 0 .827-.433.637-.863a4 4 0 00-4.094-2.364c-.468.05-.665.576-.43.984l1.08 1.868a.75.75 0 00.649.375h2.158zM7.84 7.758c-.236-.408-.79-.5-1.068-.12A3.982 3.982 0 006 10c0 .884.287 1.7.772 2.363.278.38.832.287 1.068-.12l1.078-1.868a.75.75 0 000-.75L7.839 7.758zM9.138 12.993c-.235.408-.039.934.43.984a4 4 0 004.094-2.364c.19-.43-.168-.863-.638-.863h-2.158a.75.75 0 00-.65.375l-1.078 1.868z"}),r.createElement("path",{fillRule:"evenodd",d:"M14.13 4.347l.644-1.117a.75.75 0 00-1.299-.75l-.644 1.116a6.954 6.954 0 00-2.081-.556V1.75a.75.75 0 00-1.5 0v1.29a6.954 6.954 0 00-2.081.556L6.525 2.48a.75.75 0 10-1.3.75l.645 1.117A7.04 7.04 0 004.347 5.87L3.23 5.225a.75.75 0 10-.75 1.3l1.116.644A6.954 6.954 0 003.04 9.25H1.75a.75.75 0 000 1.5h1.29c.078.733.27 1.433.556 2.081l-1.116.645a.75.75 0 10.75 1.298l1.117-.644a7.04 7.04 0 001.523 1.523l-.645 1.117a.75.75 0 101.3.75l.644-1.116a6.954 6.954 0 002.081.556v1.29a.75.75 0 001.5 0v-1.29a6.954 6.954 0 002.081-.556l.645 1.116a.75.75 0 001.299-.75l-.645-1.117a7.042 7.042 0 001.523-1.523l1.117.644a.75.75 0 00.75-1.298l-1.116-.645a6.954 6.954 0 00.556-2.081h1.29a.75.75 0 000-1.5h-1.29a6.954 6.954 0 00-.556-2.081l1.116-.644a.75.75 0 00-.75-1.3l-1.117.645a7.04 7.04 0 00-1.524-1.523zM10 4.5a5.475 5.475 0 00-2.781.754A5.527 5.527 0 005.22 7.277 5.475 5.475 0 004.5 10a5.475 5.475 0 00.752 2.777 5.527 5.527 0 002.028 2.004c.802.458 1.73.719 2.72.719a5.474 5.474 0 002.78-.753 5.527 5.527 0 002.001-2.027c.458-.802.719-1.73.719-2.72a5.475 5.475 0 00-.753-2.78 5.528 5.528 0 00-2.028-2.002A5.475 5.475 0 0010 4.5z",clipRule:"evenodd"}))})),k=l(73969),I=l(51028),S=l(62745),R=l(64499),P=l(51540),C=l(37111),A=l(81732),M=l(38934),B=l(54485),H=r.forwardRef((function({title:e,titleId:t,...l},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},l),e?r.createElement("title",{id:t},e):null,r.createElement("path",{fillRule:"evenodd",d:"M11.47 7.72a.75.75 0 011.06 0l7.5 7.5a.75.75 0 11-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 01-1.06-1.06l7.5-7.5z",clipRule:"evenodd"}))})),L=l(13828),F=l(61888),O=l.n(F);const z=({value:e})=>{const t=(0,B.m)(e);return t.valid?r.createElement("a",{href:e,className:"text-mango",rel:"me nofollow noopener",target:"_blank"},new URL(t.url).toString().split("://")[1]):r.createElement("div",null,e)},U=({project:e})=>{const[t,l]=(0,r.useState)(!1),[a,n]=(0,r.useMemo)((()=>O().partition(e.contactCard,(e=>"follows"!==e.visibility))),[e.contactCard]),o=(0,r.useMemo)((()=>n.length>0?t?r.createElement(r.Fragment,null,r.createElement("button",{className:"mt-3 flex w-full flex-row text-notWhite",onClick:e=>{e.stopPropagation(),l(!1)},type:"button"},r.createElement("div",{className:"flex-1 text-left font-bold"},"hide private contact info"),r.createElement(H,{className:"h-6"})),n.map((e=>r.createElement("div",{className:"mt-3 flex flex-col self-start",key:`${e.service}-${e.value}`},r.createElement("div",{className:"font-bold"},e.service),r.createElement(z,{value:e.value})))),r.createElement("hr",{className:"mt-3 w-full border-[1px] border-mango"})):r.createElement(r.Fragment,null,r.createElement("button",{className:"mt-3 flex w-full flex-row",onClick:e=>{e.stopPropagation(),l(!0)},type:"button"},r.createElement("div",{className:"flex-1 text-left font-bold"},"show private contact info"),r.createElement(L.Z,{className:"h-6"})),r.createElement("hr",{className:"mt-3 w-full border-[1px] border-mango"})):null),[t,n]);return r.createElement(r.Fragment,null,a.length>0||n.length>0?r.createElement("hr",{className:"mt-8 w-full border-[1px] border-mango"}):null,a.map((e=>r.createElement("div",{className:"mt-3 flex flex-col self-start",key:`${e.service}-${e.value}`},r.createElement("div",{className:"font-bold"},e.service),r.createElement(z,{value:e.value})))),o)};var _=l(91045);const q=({header:e,body:t,children:l})=>r.createElement("div",{className:"cohost-shadow-light mt-4 rounded-lg bg-foreground p-3"},r.createElement("h1",{className:"text-xl font-bold"},e),r.createElement("p",null,t),l);var V=({project:e,canAccessPermissions:t,previewMode:l=!1,children:o})=>{const{t:c}=(0,I.$G)(),s=(0,S.Q)(),d=l||!s.pauseProfileGifs;let B;const{data:H}=a.S.projects.isReaderMuting.useQuery({projectHandle:e.handle},{suspense:!0}),{data:L}=a.S.projects.isReaderBlocking.useQuery({projectHandle:e.handle},{suspense:!0}),F=(0,i.Pc)(),O=F.loggedIn?F.projectId:null,[z,V]=(0,r.useState)(!0),D=H&&z,[Q,T]=(0,r.useState)(!0),W=L&&Q,Z=(0,M.dg)(),$=(0,A.m)();(0,r.useEffect)((()=>{Z&&$.setup({project:Z})}),[Z,$]);const G=(0,r.useMemo)((()=>new Set(e.flags)),[e.flags]),K=(0,r.useMemo)((()=>(0,C.Ml)(e.description,new Date,{renderingContext:"profile",hasCohostPlus:!1,disableEmbeds:!1,externalLinksInNewTab:s.externalLinksInNewTab})),[s.externalLinksInNewTab,e.description]),J=(0,r.useContext)(p.j),X=a.S.useContext(),Y={onSettled:async()=>Promise.all([X.posts.profilePosts.invalidate(),X.projects.isReaderMuting.invalidate({projectHandle:e.handle})])},ee=a.S.relationships.mute.useMutation(Y),te=a.S.relationships.unmute.useMutation(Y),[le,ae]=(0,r.useState)(!1),ne=(0,r.useCallback)((async()=>{if(!F.loggedIn)throw new Error("Not logged in");const t={fromProjectId:F.projectId,toProjectId:e.projectId};H?await te.mutateAsync(t):ae(!0)}),[H,e.projectId,te,F.loggedIn,F.projectId]),oe=(0,r.useCallback)((async()=>{if(!F.loggedIn)throw new Error("Not logged in");const t={fromProjectId:F.projectId,toProjectId:e.projectId};await ee.mutateAsync(t),ae(!1)}),[e.projectId,ee,F.loggedIn,F.projectId]),[re,ce]=(0,r.useState)(!1),se={onSettled:async()=>Promise.all([X.posts.profilePosts.invalidate(),X.projects.isReaderBlocking.invalidate({projectHandle:e.handle})])},ie=a.S.relationships.block.useMutation(se),de=a.S.relationships.unblock.useMutation(se),ue=(0,r.useCallback)((async()=>{if(!F.loggedIn)throw new Error("Not logged in");const t={fromProjectId:F.projectId,toProjectId:e.projectId};L?await de.mutateAsync(t):ce(!0)}),[L,e.projectId,de,F.loggedIn,F.projectId]),me=(0,r.useCallback)((async()=>{if(!F.loggedIn)throw new Error("Not logged in");const t={fromProjectId:F.projectId,toProjectId:e.projectId};await ie.mutateAsync(t),ce(!1)}),[ie,e.projectId,F.loggedIn,F.projectId]);return t.canRead===f.c.Blocked?B=r.createElement(q,{header:c("server:project-page.blocked-headline","you're blocked by this page"),body:c("server:project-page.blocked-detail-text","they don't want you reading any of their posts")}):t.canRead===f.c.LogInFirst?"none"===e.loggedOutPostVisibility&&(B=r.createElement(q,{header:c("server:project-page.none-logged-out-headline","this page is not viewable by logged-out users"),body:c("server:project-page.none-logged-out-detail-text","you can view it if you're logged in")})):t.canRead===f.c.NotAllowed?e.privacy===b.WL.Private&&(B=F.loggedIn?r.createElement(q,{header:c("server:project-page.private-headline","this page is private"),body:c("server:project-page.unfollowed-private-detail-text","you can only see posts from them if you follow them")}):r.createElement(q,{header:c("server:project-page.private-headline","this page is private"),body:c("server:project-page.log-in-private-detail-text","you might be able to see posts from them if you log in")})):B=t.canRead===f.c.Allowed?G.has("suspended")?r.createElement("div",null,r.createElement(q,{header:c("client:project-page.user-banned-headline","this page has been banned from cohost"),body:c("client:project-page.user-banned-body","due to community guidelines violations, we have banned this page and its operator.")})):D&&W?r.createElement("div",null,r.createElement(q,{header:c("client:project-page.muted-and-blocked-headline","this page is silenced AND blocked"),body:c("client:project-page.muted-and-blocked-body","if you really want to, you can view their posts temporarily")},r.createElement("div",{className:"mt-4 flex flex-row justify-center"},r.createElement(n.zx,{buttonStyle:"pill",color:"accent",onClick:()=>{V(!1),T(!1)}},c("client:project-page.muted-temporary-view","view temporarily"))))):D?r.createElement("div",null,r.createElement(q,{header:c("client:project-page.muted-headline","this page is silenced"),body:c("client:project-page.muted-body","you can either unsilence them or view their posts temporarily")},r.createElement("div",{className:"mt-4 flex flex-row justify-center"},r.createElement(n.zx,{buttonStyle:"pill",color:"accent",onClick:()=>V(!1)},c("client:project-page.muted-temporary-view","view temporarily"))))):W?r.createElement("div",null,r.createElement(q,{header:c("client:project-page.reader-blocking-headline","this page is blocked"),body:c("client:project-page.reader-blocking-body","you can either unblock them or view their posts temporarily")},r.createElement("div",{className:"mt-4 flex flex-row justify-center"},r.createElement(n.zx,{buttonStyle:"pill",color:"accent",onClick:()=>T(!1)},c("client:project-page.muted-temporary-view","view temporarily"))))):r.createElement(r.Suspense,null,o):r.createElement("div",null,"unknown permission state: ",t.canRead),r.createElement(r.Fragment,null,r.createElement(_.w,{isOpen:le,title:c("client:silence-page.confirm-title",{defaultValue:"Silence this page?"}),body:c("client:silence-page.confirm-body",{defaultValue:"Are you sure you want to silence this page?"}),confirm:{label:c("common:silence","silence")},cancel:{label:c("common:cancel","cancel")},onConfirm:oe,onCancel:()=>ae(!1)}),r.createElement(_.w,{isOpen:re,title:c("client:block-page.confirm-title",{defaultValue:"Block this page?"}),body:c("client:block-page.confirm-body",{defaultValue:"Are you sure you want to block this page?"}),confirm:{label:c("common:block","block"),color:"destructive"},cancel:{label:c("common:cancel","cancel")},onConfirm:me,onCancel:()=>ce(!1)}),e.headerURL?r.createElement("img",{src:d?e.headerURL:e.headerPreviewURL,className:"aspect-[44/9] w-full object-cover",alt:""}):null,r.createElement("div",{className:"grid w-full min-w-0 flex-grow grid-cols-1 gap-6 lg:grid-cols-4"},r.createElement("div",{className:"relative col-span-1 flex w-full min-w-0 flex-col break-words bg-foreground p-3 pt-0 lg:items-center"},r.createElement("div",{className:"relative flex w-full min-w-0 flex-wrap gap-2 break-words lg:items-center lg:gap-0"},r.createElement("div",{className:"lg:w-full lg:flex-grow"},r.createElement(P.t,{noLink:!0,project:e,className:"cohost-shadow-light dark:cohost-shadow-dark mx-auto h-20 w-20 lg:h-36 lg:w-36 "+(e.headerURL?"-mt-8 lg:-mt-20":"mt-4"),forceAnimate:l})),r.createElement("div",{className:"flex min-w-0 flex-col break-words lg:flex-grow"},r.createElement("div",{className:"flex flex-col gap-2 break-words lg:gap-0"},r.createElement("h1",{className:"min-w-0 break-words font-atkinson text-2xl font-bold text-text lg:relative lg:mt-4 lg:text-center"},G.has("parody")?r.createElement("div",{className:"group inline"},r.createElement(y,{className:"mr-2 inline h-6 w-6 -scale-y-100"}),r.createElement("div",{className:"cohost-shadow-light prose invisible absolute left-0 top-8 z-20 w-max max-w-full rounded-lg bg-notWhite p-3 text-center text-sm font-normal text-notBlack group-hover:visible lg:bottom-8 lg:top-auto"},r.createElement("p",null,"cohost staff has verified that this account is"," ",r.createElement("b",null,"not")," an official representative of the entity in its display name."))):null,r.createElement("a",{href:g.vf.public.project.mainAppProfile({projectHandle:e.handle}).toString(),className:"hover:underline"},e.displayName)),r.createElement("h2",{className:"font-atkinson text-text lg:min-w-full lg:text-center"},r.createElement("a",{href:g.vf.public.project.mainAppProfile({projectHandle:e.handle}).toString(),className:"hover:underline"},"@",e.handle))),r.createElement("h3",{className:"font-atkinson text-text lg:text-center"},e.dek))),F.loggedIn&&F.projectId!==e.projectId?r.createElement("div",{className:"absolute right-4 top-4"},r.createElement(h.v,{as:"div",className:"relative"},r.createElement(h.v.Button,{className:"absolute right-0 top-0"},r.createElement(x.Z,{className:"h-6 w-6 text-text transition-transform ui-open:rotate-90"})),r.createElement(h.v.Items,{className:"cohost-shadow-dark absolute right-0 top-8 z-30 flex min-w-max flex-col gap-3 rounded-lg bg-notWhite p-3 text-notBlack focus:!outline-none"},r.createElement(h.v.Item,null,r.createElement("button",{className:"flex flex-row gap-2 hover:underline",onClick:ne},r.createElement(m.$,{className:"h-6"}),H?c("client:unsilence-handle-button",{defaultValue:"unsilence @{{projectHandle}}",projectHandle:e.handle}):c("client:silence-handle-button",{defaultValue:"silence @{{projectHandle}}",projectHandle:e.handle}))),r.createElement(h.v.Item,null,r.createElement("button",{className:"flex flex-row gap-2 hover:underline",onClick:ue},r.createElement(w.Z,{className:"h-6 scale-x-[-1]"}),L?c("client:unblock-handle-button",{defaultValue:"unblock @{{projectHandle}}",projectHandle:e.handle}):c("client:block-handle-button",{defaultValue:"block @{{projectHandle}}",projectHandle:e.handle}))),r.createElement(h.v.Item,null,r.createElement("button",{className:"flex flex-row gap-2 hover:underline",onClick:t=>{t.preventDefault(),J.send({type:"START_REPORT",projectId:e.projectId})}},r.createElement(v.Z,{className:"h-6"}),c("client:report-handle-button",{defaultValue:"report @{{projectHandle}}",projectHandle:e.handle}))),F.modMode?r.createElement(h.v.Item,null,r.createElement("a",{className:"flex flex-row gap-2 hover:underline",href:g.vf.public.moderation.manageProject({projectHandle:e.handle}).toString()},r.createElement(N,{className:"h-6"}),"manage project")):null))):null,e.pronouns||e.url?r.createElement("ul",{className:"break-word mb-2 mt-2 flex min-w-0 flex-col justify-around gap-4 text-sm lg:flex-row"},e.pronouns?r.createElement("li",null,r.createElement(E,{className:"inline-block h-4 text-accent"})," ",e.pronouns):null,e.url?r.createElement("li",null,r.createElement(j,{className:"inline-block h-4 text-accent"})," ",r.createElement("a",{href:l?"#":new URL(e.url).toString(),rel:"me nofollow noopener",target:"_blank",className:"break-all text-accent hover:underline"},l?e.url:new URL(e.url).toString().split("://")[1])):null):null,r.createElement("div",{className:"prose-invert prose-stone min-w-0 max-w-full overflow-hidden break-words prose-a:text-accent lg:text-center"},K),r.createElement("div",{className:"mt-4 flex flex-row items-center gap-4"},t.canRead!==f.c.Blocked&&O!==e.projectId?r.createElement(R.e,{project:e,color:"accent"}):null,O!==e.projectId||l?null:r.createElement(r.Fragment,null,r.createElement(n.Qj,{buttonStyle:"pill",color:"accent",href:g.vf.public.project.profileEdit().toString()},c("client:profile-page.edit-profile-button","Edit profile")),r.createElement(n.Qj,{buttonStyle:"pill",color:"accent",href:g.vf.public.project.settings().toString()},r.createElement(N,{className:"h-4"}))),e.askSettings.enabled?r.createElement(n.Qj,{buttonStyle:"pill",color:"accent",href:g.vf.public.project.ask({projectHandle:e.handle}).toString()},"ask"):null),r.createElement(U,{project:e})),r.createElement("div",{className:"order-3 col-span-1 mb-16 lg:order-none lg:col-span-2"},B),r.createElement("div",{className:"order-2 col-span-1 mt-4 w-full lg:order-none lg:mb-16"},r.createElement("div",{className:"flex flex-col gap-5"},e.frequentlyUsedTags.length?r.createElement("div",{className:"cohost-shadow-light dark:cohost-shadow-dark flex flex-col divide-y divide-gray-300 rounded-lg bg-white lg:max-w-sm"},r.createElement("div",{className:"flex flex-row items-center rounded-t-lg bg-longan p-3 uppercase text-notBlack"},"Pinned Tags"),r.createElement("ul",{className:"flex flex-row flex-wrap items-center gap-x-2.5 gap-y-3 p-3"},e.frequentlyUsedTags.map((t=>r.createElement("li",{key:t,className:"cursor-pointer select-none"},r.createElement("a",{href:g.vf.public.project.tags({tagSlug:t,projectHandle:e.handle}).toString(),className:"flex items-center justify-start gap-1 rounded-full bg-foreground px-2 py-1 leading-none text-text hover:bg-foreground-700"},r.createElement(k.Z,{className:"inline-block h-3.5"}),r.createElement("span",{className:"block"},t))))))):null,F.loggedIn&&F.projectId!==e.projectId?r.createElement(u,{projectId:e.projectId}):null))))}},54485:function(e,t,l){function a(e){let t;try{t=new URL(e)}catch(e){return{valid:!1}}return"https:"!==t.protocol&&"http:"!==t.protocol?{valid:!1}:{valid:!0,url:t.toString()}}l.d(t,{m:function(){return a}})}}]);
//# sourceMappingURL=8196.9488211cfaad004027c2.js.map