"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3514],{2735:function(e,r,t){t.d(r,{Qj:function(){return _},zx:function(){return N}});var o=t(65443),n=t.n(o),a=t(94159),l=t(6285);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},c.apply(this,arguments)}const s=l.z.enum(["pill","roundrect","authn"]),d=l.z.enum(["cherry","strawberry","mango","not-black","red","green","accent","secondary","authn-primary","authn-other"]),u=(l.z.object({buttonStyle:s,color:d,className:l.z.string().optional()}),n()("bg-notWhite","hover:text-notWhite")),i=n()("font-atkinson","font-bold","rounded-full","border-2"),b=n()("body-2","rounded-lg"),g=n()("flex","h-12","items-center","justify-center","rounded-lg","px-6","text-lg"),h=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",u),y=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",u),m=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",u),f=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",u),v=n()("border-mango","hover:bg-mango","text-mango","bg-notBlack","hover:text-notBlack"),p=n()("border-notBlack","hover:bg-notBlack","text-notBlack","focus:outline-notBlack","focus:ring-notBlack",u),x=n()("border-accent","text-accent","bg-foreground","hover:bg-accent","hover:text-text"),S=n()("bg-secondary","text-notWhite","dark:text-notBlack","hover:bg-secondary-600"),w=n()("bg-foreground","text-text","hover:bg-foreground-600","active:bg-foreground-700","disabled:bg-foreground-200"),E=n()("border-2","border-foreground","text-foreground","hover:bg-longan-200"),k=e=>n()("leading-none","align-middle","py-2","px-4","no-select",e.className,{[i]:"pill"===e.buttonStyle,[b]:"roundrect"===e.buttonStyle,[g]:"authn"===e.buttonStyle,[h]:"cherry"===e.color,[y]:"strawberry"===e.color,[v]:"mango"===e.color,[p]:"not-black"===e.color,[m]:"red"===e.color,[x]:"accent"===e.color,[f]:"green"===e.color,[S]:"secondary"===e.color,[w]:"authn-primary"===e.color,[E]:"authn-other"===e.color}),N=a.forwardRef((({buttonStyle:e,color:r,className:t,...o},n)=>{const l=k({buttonStyle:e,color:r,className:t,...o});return a.createElement("button",c({},o,{className:l,ref:n}),o.children)}));N.displayName="Button";const _=a.forwardRef((({buttonStyle:e,color:r,...t},o)=>{const n=k({buttonStyle:e,color:r,...t});return a.createElement("a",c({},t,{className:n,ref:o}),t.children)}));_.displayName="LinkButton"},55892:function(e,r,t){t.r(r),t.d(r,{AddEditor:function(){return i}});var o=t(59605),n=t(94159),a=t(32956),l=t.n(a),c=t(99838),s=t(2735);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},d.apply(this,arguments)}const u=(e,{isHighlighted:r})=>n.createElement("div",{key:`autocomplete-user-${e.userId}`},e.email," (user id ",e.userId,")"),i=({onSubmit:e})=>{const{register:r,handleSubmit:t,setValue:a}=(0,c.cI)(),[i,b]=(0,n.useState)(void 0),[g,h]=(0,n.useState)(""),{users:y,invalidate:m}=(0,o._q)(g),f=(0,n.useCallback)(((e,{newValue:r})=>{h(r)}),[h]),v=(0,n.useCallback)((({value:e})=>{m(e)}),[m]),p=(0,n.useCallback)((()=>{m("")}),[m]),x=(0,n.useCallback)(((e,{suggestion:r})=>{b(r),a("userId",r.userId)}),[b,a]);return n.createElement(n.Fragment,null,n.createElement("form",{className:"flex max-w-fit flex-col gap-2 rounded-lg border border-accent p-3",onSubmit:t(e)},n.createElement("h4",{className:"h4"},"add editors"),n.createElement("input",d({type:"hidden",value:"create"},r("action"))),n.createElement("p",null),i?n.createElement(n.Fragment,null,"selected user:",`${i.email} (user id ${i.userId})`,n.createElement(s.zx,{buttonStyle:"pill",color:"cherry",className:"w-1/4",onClick:()=>{b(void 0),a("userId",-1)}},"deselect")):n.createElement(n.Fragment,null,"search for the e-mail of an editor to add:",n.createElement(l(),{suggestions:y??[],getSuggestionValue:e=>e.email,inputProps:{onChange:f,value:g},onSuggestionsFetchRequested:v,onSuggestionsClearRequested:p,onSuggestionSelected:x,renderSuggestion:u,alwaysRenderSuggestions:!0})),n.createElement("p",null,"reason for adding editor:",n.createElement("textarea",r("reason",{required:!0}))),n.createElement(s.zx,{type:"submit",buttonStyle:"pill",color:"cherry",className:"w-fit"},"add editor")))}}}]);
//# sourceMappingURL=client-preact-components-pages-moderation-manage-page-add-editor.bef83006d855459c6ed3.js.map