"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7079],{72228:function(e,t,a){a.d(t,{F:function(){return d}});var n=a(97244),r=a(34377),l=a(65443),o=a.n(l),s=a(94159),i=a(99838);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{field:p,fieldState:f}=(0,i.bc)({name:a,control:l,rules:d}),{name:h,onChange:g}=p,[b,v]=(0,s.useState)();(0,s.useEffect)((()=>{p.ref(b)}),[b,p]);const{inputStyleClasses:y,contentDivStyleClasses:E,validityIconStyleClasses:x}=(0,s.useMemo)((()=>{switch(e){case"light":return{inputStyleClasses:"border-gray-600 text-notBlack\n placeholder:text-gray-600\n focus:border-notBlack disabled:border-gray-300",contentDivStyleClasses:"to-notWhite",validityIconStyleClasses:"bg-notWhite"};case"dynamic":return{inputStyleClasses:"co-styled-input",contentDivStyleClasses:"co-styled-input-content",validityIconStyleClasses:"co-styled-input-validity-icon"};default:return{inputStyleClasses:"border-gray-400 text-notWhite \n placeholder:text-gray-400\n focus:border-notWhite read-only:bg-gray-700",contentDivStyleClasses:"to-notBlack",validityIconStyleClasses:"bg-notBlack"}}}),[e]);return(0,s.useEffect)((()=>{b&&b.value&&b.value!==m.defaultValue&&b.value!==p.value&&!f.isTouched&&(g(b.value),u(h,{shouldFocus:!0}))}),[b,p.value,h,f.isTouched,g,m.defaultValue,u]),s.createElement("div",{className:"relative"},s.createElement("input",c({className:o()("\n w-full min-w-[15rem] rounded-lg border-2 bg-transparent\n ",y)},m,p,{ref:v})),t&&!m.readOnly&&f.isTouched?s.createElement(s.Fragment,null,s.createElement("div",{className:o()("\n absolute bottom-0 right-9 top-0 my-auto h-6 w-3 \n bg-gradient-to-r from-transparent\n ",E)}),f.invalid?s.createElement(n.Z,{className:o()("\n absolute bottom-0 right-3 top-0 my-auto h-6 \n w-6 text-red\n ",x)}):s.createElement(r.Z,{className:o()("\n absolute bottom-0 right-3 top-0 my-auto h-6\n w-6 bg-notWhite text-green\n ",x)})):null)}},74823:function(e,t,a){a.d(t,{Q:function(){return i}});var n=a(65443),r=a.n(n),l=a(94159),o=a(99838);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{field:c}=(0,o.bc)({name:a,control:t,rules:n}),d=(0,l.useMemo)((()=>"light"===e?"border-gray-600 text-notBlack bg-notWhite\n placeholder:text-gray-600\n focus:border-notBlack":"border-gray-400 text-notWhite bg-notBlack\n placeholder:text-gray-400\n focus:border-notWhite"),[e]);return l.createElement("select",s({className:r()("w-full rounded-lg border-2",d)},c),i)}},3072:function(e,t,a){a.r(t),a.d(t,{ProjectPageEditor:function(){return u}});var n=a(18196),r=a(45793),l=a(94159),o=a(90275),s=a(92831),i=a(13834),c=a(60553),d=a(35409);const u=({project:e})=>{const[t,a]=(0,l.useState)(e),[u,m]=(0,s.v)("hideReplies",(!1).toString()),p="true"===u,[f,h]=(0,s.v)("hideShares",(!1).toString()),g="true"===f,[b,v]=(0,s.v)("hideAsks",(!1).toString()),y="true"===b;return l.createElement(l.Fragment,null,l.createElement(o.ql,{title:"edit profile"}),l.createElement("main",{className:"grid flex-grow auto-cols-auto grid-flow-col"},l.createElement(i.F,{project:e,updatePendingProject:e=>{a({...t,...e})}}),l.createElement("div",{className:"container hidden flex-col lg:flex"},l.createElement(n.Z,{canAccessPermissions:{canEdit:r.c.Allowed,canShare:r.c.Allowed,canInteract:r.c.Allowed,canRead:r.c.Allowed},project:t,previewMode:!0},l.createElement(c.Z,{hideReplies:p,hideShares:g,hideAsks:y,setHideReplies:e=>m(e.toString()),setHideShares:e=>h(e.toString()),setHideAsks:e=>v(e.toString())}),l.createElement(d.Z,{handle:e.handle,pinnedPostsAtTop:!0,hideReplies:p,hideShares:g,hideAsks:y})))))};t.default=u,u.displayName="project-page-editor"},46196:function(e,t,a){a.d(t,{A:function(){return c},Z:function(){return d}});var n=a(94159),r=n.forwardRef((function({title:e,titleId:t,...a},r){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:r,"aria-labelledby":t},a),e?n.createElement("title",{id:t},e):null,n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"}))})),l=a(65443),o=a.n(l),s=a(88658);const i=o()("h-8","pr-3","fill-secondary","text-notWhite","cohost-shadow-light","dark:cohost-shadow-dark","dark:text-notBlack"),c=({backLink:e,forwardLink:t,condensed:a=!1,backOnClick:l,forwardOnClick:o})=>n.createElement("div",{className:"mb-12 flex flex-row gap-x-6"},a?null:n.createElement("span",{className:"hidden w-16 lg:block"}," "),e?n.createElement("a",{href:e,onClick:l},n.createElement(s.OZ,{className:`${i} scale-x-[-1]`},n.createElement(r,null))):null,n.createElement("span",{className:"flex-grow"}," "),t?n.createElement("a",{href:t,onClick:o},n.createElement(s.OZ,{className:i},n.createElement(r,null))):null);var d=c},13834:function(e,t,a){a.d(t,{F:function(){return S}});var n=a(71860),r=a(2735),l=a(72228),o=a(74823),s=a(4337),i=a(91884),c=a(12093),d=a(87836),u=a(15674),m=a(97244),p=a(68095),f=a(86036),h=a.n(f),g=a(94159),b=a(99838),v=a(51028),y=a(40862),E=a(31211);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t"hookform-devtools",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!a.m[t]},importAsync:()=>a.e(7e3).then(a.t.bind(a,8077,23)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return a(t)},resolve:()=>8077},{resolveComponent:e=>e.DevTool});const k=204800,w=1048576,N=(e,t)=>a=>void 0===a||(a instanceof FileList?!a.length||(a.length>1?`You can only choose one file as your ${e}!`:a[0].size>t?`${e} must be less than ${Math.round(t/1024)}kb!`:!!a[0].type.startsWith("image/")||`${e} must be an image!`):(console.log(a),"this isn't a filelist???? how did you get here")),S=({project:e,updatePendingProject:t})=>{const{t:a}=(0,v.$G)(),{register:f,handleSubmit:S,formState:{errors:C,isValid:P,isDirty:L,isSubmitSuccessful:j},control:O,watch:A,resetField:R,setValue:D,trigger:Z,reset:M}=(0,b.cI)({defaultValues:{displayName:e.displayName??"",dek:e.dek??"",description:e.description??"",pronouns:e.pronouns??"",url:e.url??"",contactCard:e.contactCard??[],avatarShape:e.avatarShape??"circle",removeHeader:!1},mode:"all"}),{fields:T,append:H,remove:F}=(0,b.Dq)({control:O,name:"contactCard"}),W=n.S.projects.eligibleAvatarShapes.useQuery(void 0,{suspense:!0});A((({displayName:e,description:a,dek:n,header:r,removeHeader:l,pronouns:o,url:s,avatar:i,avatarShape:c,contactCard:d},{name:u})=>{const m={displayName:e,description:a,dek:n,pronouns:o,url:s,avatarShape:c};if(u?.startsWith("contactCard"))d&&(m.contactCard=d.filter((e=>e&&e?.service&&e?.value&&e?.visibility)));else{switch(u){case"displayName":m.displayName=e;break;case"description":m.description=a;break;case"dek":m.dek=n;break;case"pronouns":m.pronouns=o;break;case"url":m.url=s;break;case"avatarShape":m.avatarShape=c;break;case"avatar":{const e=i?.item(0);e&&(m.avatarURL=URL.createObjectURL(e));break}}const t=r?.item(0);l?m.headerURL=void 0:t&&(m.headerURL=URL.createObjectURL(t))}t(m)}));const V=(0,g.useCallback)((()=>{D("header",void 0),D("removeHeader",!0),Z("header"),Z("removeHeader")}),[D,Z]);return(0,g.useEffect)((()=>{f("header",{validate:N("header",w)}),f("avatar",{validate:N("avatar",k)})}),[f]),(0,y.Z)((()=>L)),(0,g.useEffect)((()=>{j&&location.replace(c.ZP.public.project.mainAppProfile({projectHandle:e.handle}))}),[j,e.handle]),(0,g.useEffect)((()=>{P||Object.keys(C).forEach((e=>{R(e,{keepError:!0})}))}),[C,P,R]),g.createElement("form",{onSubmit:S((async e=>{const{displayName:t,dek:a,description:n,url:r,pronouns:l,avatar:o,header:s,removeHeader:i,avatarShape:d,contactCard:u}=e,m=new FormData;m.append("displayName",t),m.append("dek",a),m.append("description",n),m.append("url",r),m.append("pronouns",l),m.append("avatarShape",d),m.append("removeHeader",i.toString()),m.append("contactCard",JSON.stringify(u)),1===o?.length&&m.append("avatar",o[0]),1===s?.length&&m.append("header",s[0]);try{await h().post(c.ZP.public.apiV1.updateProject().toString(),m,{responseType:"json"}),M(e)}catch(e){return void console.error(e)}})),className:"mx-auto w-full min-w-min bg-notBlack p-3 text-notWhite lg:max-w-xs"},g.createElement("div",{className:"mb-3 flex flex-row items-center justify-between gap-6"},g.createElement("a",{href:c.ZP.public.project.mainAppProfile({projectHandle:e.handle}).toString(),className:"flex items-center gap-1 text-mango hover:underline"},g.createElement(d.Z,{className:"h-6 w-6"}),"Back"),g.createElement(r.zx,{type:"submit",buttonStyle:"pill",color:"mango"},"save changes")),g.createElement("section",{className:"flex flex-col gap-2"},g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"display name"),g.createElement(E.V,{type:"text",control:O,name:"displayName",maxLength:70,rules:{maxLength:70},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"headline"),g.createElement(E.V,{type:"text",control:O,name:"dek",maxLength:35,rules:{maxLength:35},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"pronouns"),g.createElement(E.V,{type:"text",control:O,name:"pronouns",maxLength:35,rules:{maxLength:35},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"link"),g.createElement(E.V,{type:"text",control:O,name:"url",autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-lg font-atkinson font-bold"},"description"),g.createElement(b.Qr,{control:O,name:"description",render:({field:{ref:e,onChange:t,...a}})=>g.createElement(s.D,x({},a,{className:"w-full border-x-0 border-b border-t-0 border-gray-700\n bg-transparent p-1\n text-notWhite placeholder:text-gray-400 read-only:bg-gray-700 focus:border-notWhite",onInput:t,ref:e,minRows:1,autoComplete:"off"}))})),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},g.createElement("div",{className:"flex flex-row items-center justify-between"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"avatar"),g.createElement(i.G,{onFilesPicked:e=>{D("avatar",e),Z("avatar")}},g.createElement("button",{type:"button","aria-label":"choose avatar"},g.createElement(u.Z,{className:"h-6 w-6 cursor-pointer"})))),g.createElement("p",{className:"text-sm"},"Max size ",200,"kb"),C.avatar?g.createElement("p",{className:"text-sm text-red"},C.avatar.message):null),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},W.isError||!W.data?g.createElement("div",null,"we're having some problems loading your profile, so you can't change your avatar shape (",e.avatarShape,") right now."):g.createElement("label",null,g.createElement("span",{className:"font-atkinson text-lg font-bold"},"avatar shape"),g.createElement(o.Q,{style:"dark",control:O,name:"avatarShape",rules:{required:!0}},W.data.map((e=>g.createElement("option",{key:e.id,value:e.id},e.humanReadableName)))))),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},g.createElement("div",{className:"flex flex-row items-center justify-between"},g.createElement("span",{className:"flex-1 font-atkinson text-lg font-bold"},"header image"),g.createElement(i.G,{onFilesPicked:e=>{D("header",e),D("removeHeader",!1),Z("header"),Z("removeHeader")}},g.createElement("button",{type:"button","aria-label":"choose header image"},g.createElement(u.Z,{className:"h-6 w-6 cursor-pointer"}))),g.createElement("button",{type:"button",onClick:V,"aria-label":"remove header image"},g.createElement(m.Z,{className:"h-6 w-6 cursor-pointer text-red"}))),g.createElement("p",{className:"text-sm"},"Max size ",1024,"kb"),C.header?g.createElement("p",{className:"text-sm text-red"},C.header.message):null),g.createElement("div",{className:"flex flex-col gap-2"},g.createElement(g.Fragment,null,g.createElement("header",{className:"font-atkinson text-lg font-bold"},"edit profile links"),T.map(((e,t)=>g.createElement(g.Fragment,{key:e.id},g.createElement(l.F,{trigger:Z,control:O,type:"text",style:"dark",name:`contactCard.${t}.service`,placeholder:"link title (can contain emoji!)",showValidity:!1}),g.createElement(l.F,{trigger:Z,control:O,type:"text",style:"dark",name:`contactCard.${t}.value`,placeholder:"link",showValidity:!1}),g.createElement(o.Q,{style:"dark",control:O,name:`contactCard.${t}.visibility`,rules:{required:!0}},g.createElement("option",{value:"public"},"visible to everyone"),g.createElement("option",{value:"logged-in"},"visible to logged-in users"),g.createElement("option",{value:"following-you"},"visible to pages following you"),g.createElement("option",{value:"follows"},"visible to pages you follow")),g.createElement("button",{type:"button",className:"cursor-pointer self-end text-red",onClick:e=>{e.stopPropagation(),F(t)}},"delete link")))),g.createElement("button",{type:"button",className:"flex cursor-pointer flex-row self-center text-mango",onClick:e=>{e.stopPropagation(),H({service:"",value:"",visibility:"public"})}},g.createElement(p.Z,{className:"h-6 w-6"}),"add link")))),!1)}},31211:function(e,t,a){a.d(t,{V:function(){return o}});var n=a(94159),r=a(99838);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{field:s}=(0,r.bc)({name:e,control:t,rules:a});return n.createElement("div",{className:"relative"},n.createElement("input",l({className:"w-full border-x-0 border-b border-t-0 border-gray-700\n bg-transparent p-1\n text-notWhite placeholder:text-gray-400 read-only:bg-gray-700 focus:border-notWhite"},o,s)))}},60553:function(e,t,a){a.d(t,{Z:function(){return o}});var n=a(94159),r=a(86058);const l=e=>{const[t,a]=(0,n.useState)(e.initial??!1),l="py-2 px-2 text-cherry-700 md:px-3",o="rounded-lg bg-cherry-500 py-2 px-2 text-notWhite md:px-3 font-bold";return n.createElement(r.r.Group,null,n.createElement(r.r.Label,{className:"sr-only"},e.onLabel),n.createElement(r.r,{checked:t,onChange:t=>{a(t),e.onChange(t)},className:"inline-flex w-fit items-center rounded-lg bg-cherry-300 text-base leading-none"},n.createElement("span",{className:t?l:o},e.offLabel),n.createElement("span",{className:t?o:l},e.onLabel)))};var o=e=>n.createElement("div",{className:"mt-4 flex flex-row gap-4"},n.createElement(l,{offLabel:"show shares",onLabel:"hide shares",onChange:t=>e.setHideShares(t),initial:e.hideShares}),n.createElement(l,{offLabel:"show replies",onLabel:"hide replies",onChange:t=>e.setHideReplies(t),initial:e.hideReplies}),n.createElement(l,{offLabel:"show asks",onLabel:"hide asks",onChange:t=>e.setHideAsks(t),initial:e.hideAsks}))},35409:function(e,t,a){a.d(t,{Z:function(){return d}});var n=a(71860),r=a(62745),l=a(92831),o=a(94159),s=a(33448),i=a(46479),c=a(46196);const d=({handle:e,pinnedPostsAtTop:t,hideReplies:a,hideShares:d,hideAsks:u,viewingOnProjectPage:m=!1,keepPreviousData:p=!0,startingPageNumber:f=0})=>{const h=(0,r.Q)(),[g,b]=(0,o.useTransition)(),[v,y]=(0,l.v)("page",f.toString()),E=parseInt(v??"0")||0,x=n.S.posts.profilePosts.useQuery({projectHandle:e,page:E,options:{pinnedPostsAtTop:t,hideReplies:a,hideShares:d,hideAsks:u,viewingOnProjectPage:m}},{suspense:!0,keepPreviousData:p}),k=(0,o.useMemo)((()=>null!==x.data?.pagination.nextPage&&void 0!==x.data?.pagination.nextPage),[x.data?.pagination.nextPage]),w=(0,o.useMemo)((()=>null!==x.data?.pagination.previousPage&&void 0!==x.data?.pagination.previousPage),[x.data?.pagination.previousPage]),N=(0,o.useCallback)((()=>{const e=x.data?.pagination.previousPage;null!=e&&b((()=>{y(e.toString())}))}),[x.data?.pagination.previousPage,y]),S=(0,o.useCallback)((()=>{const e=x.data?.pagination.nextPage;null!=e&&b((()=>{y(e.toString())}))}),[x.data?.pagination.nextPage,y]),C=(0,o.useMemo)((()=>{if(w)return()=>N()}),[w,N]),P=(0,o.useMemo)((()=>{if(w)return"#"}),[w]),L=(0,o.useMemo)((()=>{if(k)return()=>S()}),[k,S]),j=(0,o.useMemo)((()=>{if(k)return"#"}),[k]);return(0,o.useEffect)((()=>{y(f.toString())}),[e]),o.createElement("div",{className:"mt-4 flex w-fit flex-col gap-4"},x.data?.posts.map(((e,t)=>o.createElement(s.Z,{key:e.postId,initialVisible:t<4,stayRendered:!0},o.createElement(i.G,{viewModel:e,highlightedTags:[],condensed:!0,skipCollapse:!1,displayPrefs:h,commentThreads:void 0})))),o.createElement("div",{className:"max-w-prose"},o.createElement(c.Z,{condensed:!0,backOnClick:C,backLink:P,forwardLink:j,forwardOnClick:L})))}},92831:function(e,t,a){a.d(t,{v:function(){return r}});var n=a(60824);const r=(e,t)=>{const[a,r]=(0,n.lr)();return[a.get(e)??t,t=>{r((a=>(a.set(e,t),a)))}]}},86058:function(e,t,a){a.d(t,{r:function(){return S}});var n=a(94159),r=a(56018),l=a(17881),o=a(92302),s=a(29890),i=a(79211),c=a(76023),d=a(62450);let u=(0,n.createContext)(null);function m(){let e=(0,n.useContext)(u);if(null===e){let e=new Error("You used a