@yourusername@example.com)","activitypub"),{code:(0,l.createElement)("code",null)})),(0,l.createElement)("div",{className:"activitypub-dialog__button-group"},(0,l.createElement)("label",{htmlFor:"remote-profile",className:"screen-reader-text"},(0,s.__)("Enter your ActivityPub profile","activitypub")),(0,l.createElement)("input",{type:"text",id:"remote-profile",value:N,onKeyDown:e=>{"Enter"===e?.code&&$()},onChange:e=>I(e.target.value),"aria-invalid":y===v}),(0,l.createElement)(d.Button,{onClick:$,"aria-label":(0,s.__)("Submit profile","activitypub")},(0,l.createElement)(x,{icon:a}),y)),n&&(0,l.createElement)("div",{className:"activitypub-dialog__remember"},(0,l.createElement)(d.CheckboxControl,{checked:R,label:(0,s.__)("Remember me for easier comments","activitypub"),onChange:()=>{U(!R)}}))))}const{namespace:I}=window._activityPubOptions,R={avatar:"",webfinger:"@well@hello.dolly",name:(0,s.__)("Hello Dolly Fan Account","activitypub"),url:"#"};function U(e){if(!e)return R;const t={...R,...e};return t.avatar=t?.icon?.url,t}function P({profile:e,popupStyles:t,userId:r}){const{webfinger:o,avatar:i,name:n}=e,a=o.startsWith("@")?o:`@${o}`;return(0,l.createElement)("div",{className:"activitypub-profile"},(0,l.createElement)("img",{className:"activitypub-profile__avatar",src:i,alt:n}),(0,l.createElement)("div",{className:"activitypub-profile__content"},(0,l.createElement)("div",{className:"activitypub-profile__name"},n),(0,l.createElement)("div",{className:"activitypub-profile__handle",title:a},a)),(0,l.createElement)($,{profile:e,popupStyles:t,userId:r}))}function $({profile:e,popupStyles:t,userId:r}){const[o,i]=(0,m.useState)(!1),n=(0,s.sprintf)((0,s.__)("Follow %s","activitypub"),e?.name);return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(d.Button,{className:"activitypub-profile__follow",onClick:()=>i(!0),"aria-haspopup":"dialog","aria-expanded":o,"aria-label":(0,s.__)("Follow me on the Fediverse","activitypub")},(0,s.__)("Follow","activitypub")),o&&(0,l.createElement)(d.Modal,{className:"activitypub-profile__confirm activitypub__modal",onRequestClose:()=>i(!1),title:n,"aria-label":n,role:"dialog"},(0,l.createElement)(T,{profile:e,userId:r}),(0,l.createElement)("style",null,t)))}function T({profile:e,userId:t}){const{webfinger:r}=e,o=(0,s.__)("Follow","activitypub"),i=`/${I}/actors/${t}/remote-follow?resource=`,n=(0,s.__)("Copy and paste my profile into the search field of your favorite fediverse app or server.","activitypub"),a=r.startsWith("@")?r:`@${r}`;return(0,l.createElement)(N,{actionText:o,copyDescription:n,handle:a,resourceUrl:i})}function j({selectedUser:e,style:t,backgroundColor:r,id:o,useId:i=!1,profileData:n=!1}){const[a,c]=(0,m.useState)(U()),s="site"===e?0:e,u=function(e){return w(".apfmd__button-group .components-button",_(e?.elements?.link?.color?.text)||"#111","#fff",_(e?.elements?.link?.[":hover"]?.color?.text)||"#333")}(t),p=i?{id:o}:{};function d(e){c(U(e))}return(0,m.useEffect)((()=>{if(n)return d(n);(function(e){const t={headers:{Accept:"application/activity+json"},path:`/${I}/actors/${e}`};return b()(t)})(s).then(d)}),[s,n]),(0,l.createElement)("div",{...p},(0,l.createElement)(g,{selector:`#${o}`,style:t,backgroundColor:r}),(0,l.createElement)(P,{profile:a,userId:s,popupStyles:u}))}const F=window._activityPubOptions?.enabled;function B({name:e}){const t=F?.site?"":(0,s.__)("It will be empty in other non-author contexts.","activitypub"),r=(0,s.sprintf)(/* translators: %1$s: block name, %2$s: extra information for non-author context */ /* translators: %1$s: block name, %2$s: extra information for non-author context */
+(0,s.__)("This %1$s block will adapt to the page it is on, displaying the user profile associated with a post author (in a loop) or a user archive. %2$s","activitypub"),e,t).trim();return(0,l.createElement)(d.Card,null,(0,l.createElement)(d.CardBody,null,(0,m.createInterpolateElement)(r,{strong:(0,l.createElement)("strong",null)})))}(0,o.registerBlockType)("activitypub/follow-me",{edit:function({attributes:e,setAttributes:t,context:{postType:r,postId:o}}){const i=(0,c.useBlockProps)({className:"activitypub-follow-me-block-wrapper"}),n=function({withInherit:e=!1}){const t=v?.users?(0,u.useSelect)((e=>e("core").getUsers({who:"authors"}))):[];return(0,m.useMemo)((()=>{if(!t)return[];const r=[];return v?.site&&r.push({label:(0,s.__)("Site","activitypub"),value:"site"}),e&&v?.users&&r.push({label:(0,s.__)("Dynamic User","activitypub"),value:"inherit"}),t.reduce(((e,t)=>(e.push({label:t.name,value:`${t.id}`}),e)),r)}),[t])}({withInherit:!0}),{selectedUser:a}=e,f="inherit"===a,b=(0,u.useSelect)((e=>{const{getEditedEntityRecord:t}=e(p.store),i=t("postType",r,o)?.author;return null!=i?i:null}),[r,o]);return(0,m.useEffect)((()=>{n.length&&(n.find((({value:e})=>e===a))||t({selectedUser:n[0].value}))}),[a,n]),(0,l.createElement)("div",{...i},n.length>1&&(0,l.createElement)(c.InspectorControls,{key:"setting"},(0,l.createElement)(d.PanelBody,{title:(0,s.__)("Followers Options","activitypub")},(0,l.createElement)(d.SelectControl,{label:(0,s.__)("Select User","activitypub"),value:e.selectedUser,options:n,onChange:e=>t({selectedUser:e})}))),f?b?(0,l.createElement)(j,{...e,id:i.id,selectedUser:b}):(0,l.createElement)(B,{name:(0,s.__)("Follow Me","activitypub")}):(0,l.createElement)(j,{...e,id:i.id}))},save:()=>null,icon:a})},20:(e,t,r)=>{var o=r(609),i=Symbol.for("react.element"),n=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var o,c={},s=null,u=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)n.call(t,o)&&!l.hasOwnProperty(o)&&(c[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===c[o]&&(c[o]=t[o]);return{$$typeof:i,type:e,key:s,ref:u,props:c,_owner:a.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function o(e){var i=r[e];if(void 0!==i)return i.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,r,i,n)=>{if(!r){var a=1/0;for(u=0;u@yourusername@example.com)","activitypub"),{code:(0,o.createElement)("code",null)})),(0,o.createElement)("div",{className:"activitypub-dialog__button-group"},(0,o.createElement)("label",{htmlFor:"remote-profile",className:"screen-reader-text"},(0,u.__)("Enter your ActivityPub profile","activitypub")),(0,o.createElement)("input",{type:"text",id:"remote-profile",value:C,onKeyDown:e=>{"Enter"===e?.code&&j()},onChange:e=>R(e.target.value),"aria-invalid":y===v}),(0,o.createElement)(s.Button,{onClick:j,"aria-label":(0,u.__)("Submit profile","activitypub")},(0,o.createElement)(h,{icon:g}),y)),l&&(0,o.createElement)("div",{className:"activitypub-dialog__remember"},(0,o.createElement)(s.CheckboxControl,{checked:I,label:(0,u.__)("Remember me for easier comments","activitypub"),onChange:()=>{$(!I)}}))))}const{namespace:O}=window._activityPubOptions,N={avatar:"",webfinger:"@well@hello.dolly",name:(0,u.__)("Hello Dolly Fan Account","activitypub"),url:"#"};function C(e){if(!e)return N;const t={...N,...e};return t.avatar=t?.icon?.url,t}function R({profile:e,popupStyles:t,userId:r}){const{webfinger:a,avatar:n,name:i}=e,l=a.startsWith("@")?a:`@${a}`;return(0,o.createElement)("div",{className:"activitypub-profile"},(0,o.createElement)("img",{className:"activitypub-profile__avatar",src:n,alt:i}),(0,o.createElement)("div",{className:"activitypub-profile__content"},(0,o.createElement)("div",{className:"activitypub-profile__name"},i),(0,o.createElement)("div",{className:"activitypub-profile__handle",title:l},l)),(0,o.createElement)(I,{profile:e,popupStyles:t,userId:r}))}function I({profile:e,popupStyles:t,userId:r}){const[n,i]=(0,a.useState)(!1),l=(0,u.sprintf)((0,u.__)("Follow %s","activitypub"),e?.name);return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(s.Button,{className:"activitypub-profile__follow",onClick:()=>i(!0),"aria-haspopup":"dialog","aria-expanded":n,"aria-label":(0,u.__)("Follow me on the Fediverse","activitypub")},(0,u.__)("Follow","activitypub")),n&&(0,o.createElement)(s.Modal,{className:"activitypub-profile__confirm activitypub__modal",onRequestClose:()=>i(!1),title:l,"aria-label":l,role:"dialog"},(0,o.createElement)($,{profile:e,userId:r}),(0,o.createElement)("style",null,t)))}function $({profile:e,userId:t}){const{webfinger:r}=e,a=(0,u.__)("Follow","activitypub"),n=`/${O}/actors/${t}/remote-follow?resource=`,i=(0,u.__)("Copy and paste my profile into the search field of your favorite fediverse app or server.","activitypub"),l=r.startsWith("@")?r:`@${r}`;return(0,o.createElement)(S,{actionText:a,copyDescription:i,handle:l,resourceUrl:n})}function P({selectedUser:e,style:t,backgroundColor:r,id:n,useId:i=!1,profileData:l=!1}){const[s,u]=(0,a.useState)(C()),p="site"===e?0:e,m=function(e){return v(".apfmd__button-group .components-button",d(e?.elements?.link?.color?.text)||"#111","#fff",d(e?.elements?.link?.[":hover"]?.color?.text)||"#333")}(t),y=i?{id:n}:{};function b(e){u(C(e))}return(0,a.useEffect)((()=>{if(l)return b(l);(function(e){const t={headers:{Accept:"application/activity+json"},path:`/${O}/actors/${e}`};return c()(t)})(p).then(b)}),[p,l]),(0,o.createElement)("div",{...y},(0,o.createElement)(f,{selector:`#${n}`,style:t,backgroundColor:r}),(0,o.createElement)(R,{profile:s,userId:p,popupStyles:m}))}let j=1;i()((()=>{[].forEach.call(document.querySelectorAll(".activitypub-follow-me-block-wrapper"),(e=>{const t=JSON.parse(e.dataset.attrs);(0,a.createRoot)(e).render((0,o.createElement)(P,{...t,id:"activitypub-follow-me-block-"+j++,useId:!0}))}))}))},20:(e,t,r)=>{var o=r(609),a=Symbol.for("react.element"),n=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),i=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var o,c={},s=null,u=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)n.call(t,o)&&!l.hasOwnProperty(o)&&(c[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===c[o]&&(c[o]=t[o]);return{$$typeof:a,type:e,key:s,ref:u,props:c,_owner:i.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,r,a,n)=>{if(!r){var i=1/0;for(u=0;u@yourusername@example.com)","activitypub"),{code:(0,o.createElement)("code",null)})),(0,o.createElement)("div",{className:"activitypub-dialog__button-group"},(0,o.createElement)("label",{htmlFor:"remote-profile",className:"screen-reader-text"},(0,u.__)("Enter your ActivityPub profile","activitypub")),(0,o.createElement)("input",{type:"text",id:"remote-profile",value:C,onKeyDown:e=>{"Enter"===e?.code&&j()},onChange:e=>R(e.target.value),"aria-invalid":y===v}),(0,o.createElement)(s.Button,{onClick:j,"aria-label":(0,u.__)("Submit profile","activitypub")},(0,o.createElement)(w,{icon:g}),y)),l&&(0,o.createElement)("div",{className:"activitypub-dialog__remember"},(0,o.createElement)(s.CheckboxControl,{checked:I,label:(0,u.__)("Remember me for easier comments","activitypub"),onChange:()=>{$(!I)}}))))}const{namespace:O}=window._activityPubOptions,N={avatar:"",webfinger:"@well@hello.dolly",name:(0,u.__)("Hello Dolly Fan Account","activitypub"),url:"#"};function C(e){if(!e)return N;const t={...N,...e};return t.avatar=t?.icon?.url,t}function R({profile:e,popupStyles:t,userId:r}){const{webfinger:a,avatar:i,name:n}=e,l=a.startsWith("@")?a:`@${a}`;return(0,o.createElement)("div",{className:"activitypub-profile"},(0,o.createElement)("img",{className:"activitypub-profile__avatar",src:i,alt:n}),(0,o.createElement)("div",{className:"activitypub-profile__content"},(0,o.createElement)("div",{className:"activitypub-profile__name"},n),(0,o.createElement)("div",{className:"activitypub-profile__handle",title:l},l)),(0,o.createElement)(I,{profile:e,popupStyles:t,userId:r}))}function I({profile:e,popupStyles:t,userId:r}){const[i,n]=(0,a.useState)(!1),l=(0,u.sprintf)((0,u.__)("Follow %s","activitypub"),e?.name);return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(s.Button,{className:"activitypub-profile__follow",onClick:()=>n(!0),"aria-haspopup":"dialog","aria-expanded":i,"aria-label":(0,u.__)("Follow me on the Fediverse","activitypub")},(0,u.__)("Follow","activitypub")),i&&(0,o.createElement)(s.Modal,{className:"activitypub-profile__confirm activitypub__modal",onRequestClose:()=>n(!1),title:l,"aria-label":l,role:"dialog"},(0,o.createElement)($,{profile:e,userId:r}),(0,o.createElement)("style",null,t)))}function $({profile:e,userId:t}){const{webfinger:r}=e,a=(0,u.__)("Follow","activitypub"),i=`/${O}/actors/${t}/remote-follow?resource=`,n=(0,u.__)("Copy and paste my profile into the search field of your favorite fediverse app or server.","activitypub"),l=r.startsWith("@")?r:`@${r}`;return(0,o.createElement)(S,{actionText:a,copyDescription:n,handle:l,resourceUrl:i})}function P({selectedUser:e,style:t,backgroundColor:r,id:i,useId:n=!1,profileData:l=!1}){const[s,u]=(0,a.useState)(C()),p="site"===e?0:e,m=function(e){return v(".apfmd__button-group .components-button",d(e?.elements?.link?.color?.text)||"#111","#fff",d(e?.elements?.link?.[":hover"]?.color?.text)||"#333")}(t),y=n?{id:i}:{};function b(e){u(C(e))}return(0,a.useEffect)((()=>{if(l)return b(l);(function(e){const t={headers:{Accept:"application/activity+json"},path:`/${O}/actors/${e}`};return c()(t)})(p).then(b)}),[p,l]),(0,o.createElement)("div",{...y},(0,o.createElement)(f,{selector:`#${i}`,style:t,backgroundColor:r}),(0,o.createElement)(R,{profile:s,userId:p,popupStyles:m}))}let j=1;n()((()=>{[].forEach.call(document.querySelectorAll(".activitypub-follow-me-block-wrapper"),(e=>{const t=JSON.parse(e.dataset.attrs);(0,a.createRoot)(e).render((0,o.createElement)(P,{...t,id:"activitypub-follow-me-block-"+j++,useId:!0}))}))}))},20:(e,t,r)=>{var o=r(609),a=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var o,c={},s=null,u=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,o)&&!l.hasOwnProperty(o)&&(c[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===c[o]&&(c[o]=t[o]);return{$$typeof:a,type:e,key:s,ref:u,props:c,_owner:n.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.m=t,e=[],o.O=(t,r,a,i)=>{if(!r){var n=1/0;for(u=0;u@yourusername@example.com)","activitypub"),{code:(0,o.createElement)("code",null)})),(0,o.createElement)("div",{className:"activitypub-dialog__button-group"},(0,o.createElement)("label",{htmlFor:"remote-profile",className:"screen-reader-text"},(0,c.__)("Enter your ActivityPub profile","activitypub")),(0,o.createElement)("input",{type:"text",id:"remote-profile",value:L,onKeyDown:e=>{"Enter"===e?.code&&j()},onChange:e=>S(e.target.value),"aria-invalid":C===w}),(0,o.createElement)(l.Button,{onClick:j,"aria-label":(0,c.__)("Submit profile","activitypub")},(0,o.createElement)(s,{icon:f}),C)),m&&(0,o.createElement)("div",{className:"activitypub-dialog__remember"},(0,o.createElement)(l.CheckboxControl,{checked:U,label:(0,c.__)("Remember me for easier comments","activitypub"),onChange:()=>{N(!U)}}))))}const{namespace:C}=window._activityPubOptions;function R({selectedComment:e,commentId:t}){const r=(0,c.__)("Reply","activitypub"),a=`/${C}/comments/${t}/remote-reply?resource=`,i=(0,c.__)("Copy and paste the Comment URL into the search field of your favorite fediverse app or server.","activitypub");return(0,o.createElement)(E,{actionText:r,copyDescription:i,handle:e,resourceUrl:a,myProfile:(0,c.__)("Original Comment URL","activitypub"),rememberProfile:!0})}function x({profileURL:e,template:t,commentURL:r,deleteRemoteUser:a}){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.Button,{variant:"link",className:"comment-reply-link activitypub-remote-reply__button",onClick:()=>{const e=t.replace("{uri}",r);window.open(e,"_blank")}},(0,c.sprintf)((0,c.__)("Reply as %s","activitypub"),e)),(0,o.createElement)(l.Button,{className:"activitypub-remote-profile-delete",onClick:a,title:(0,c.__)("Delete Remote Profile","activitypub")},(0,o.createElement)(s,{icon:u,size:18})))}function O({selectedComment:e,commentId:t}){const[r,i]=(0,a.useState)(!1),n=(0,c.__)("Remote Reply","activitypub"),{profileURL:s,template:m,deleteRemoteUser:p}=h(),u=s&&m;return(0,o.createElement)(o.Fragment,null,u?(0,o.createElement)(x,{profileURL:s,template:m,commentURL:e,deleteRemoteUser:p}):(0,o.createElement)(l.Button,{variant:"link",className:"comment-reply-link activitypub-remote-reply__button",onClick:()=>i(!0)},(0,c.__)("Reply on the Fediverse","activitypub")),r&&(0,o.createElement)(l.Modal,{className:"activitypub-remote-reply__modal activitypub__modal",onRequestClose:()=>i(!1),title:n},(0,o.createElement)(R,{selectedComment:e,commentId:t})))}let k=1;n()((()=>{[].forEach.call(document.querySelectorAll(".activitypub-remote-reply"),(e=>{const t=JSON.parse(e.dataset.attrs);(0,a.createRoot)(e).render((0,o.createElement)(O,{...t,id:"activitypub-remote-reply-link-"+k++,useId:!0}))}))}))},20:(e,t,r)=>{var o=r(609),a=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var o,c={},s=null,m=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(m=t.ref),t)i.call(t,o)&&!l.hasOwnProperty(o)&&(c[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===c[o]&&(c[o]=t[o]);return{$$typeof:a,type:e,key:s,ref:m,props:c,_owner:n.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.m=t,e=[],o.O=(t,r,a,i)=>{if(!r){var n=1/0;for(m=0;m@yourusername@example.com)","activitypub"),{code:(0,o.createElement)("code",null)})),(0,o.createElement)("div",{className:"activitypub-dialog__button-group"},(0,o.createElement)("label",{htmlFor:"remote-profile",className:"screen-reader-text"},(0,c.__)("Enter your ActivityPub profile","activitypub")),(0,o.createElement)("input",{type:"text",id:"remote-profile",value:L,onKeyDown:e=>{"Enter"===e?.code&&j()},onChange:e=>S(e.target.value),"aria-invalid":C===w}),(0,o.createElement)(l.Button,{onClick:j,"aria-label":(0,c.__)("Submit profile","activitypub")},(0,o.createElement)(s,{icon:f}),C)),m&&(0,o.createElement)("div",{className:"activitypub-dialog__remember"},(0,o.createElement)(l.CheckboxControl,{checked:U,label:(0,c.__)("Remember me for easier comments","activitypub"),onChange:()=>{N(!U)}}))))}const{namespace:C}=window._activityPubOptions;function R({selectedComment:e,commentId:t}){const r=(0,c.__)("Reply","activitypub"),a=`/${C}/comments/${t}/remote-reply?resource=`,i=(0,c.__)("Copy and paste the Comment URL into the search field of your favorite fediverse app or server.","activitypub");return(0,o.createElement)(E,{actionText:r,copyDescription:i,handle:e,resourceUrl:a,myProfile:(0,c.__)("Original Comment URL","activitypub"),rememberProfile:!0})}function x({profileURL:e,template:t,commentURL:r,deleteRemoteUser:a}){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.Button,{variant:"link",className:"comment-reply-link activitypub-remote-reply__button",onClick:()=>{const e=t.replace("{uri}",r);window.open(e,"_blank")}},(0,c.sprintf)((0,c.__)("Reply as %s","activitypub"),e)),(0,o.createElement)(l.Button,{className:"activitypub-remote-profile-delete",onClick:a,title:(0,c.__)("Delete Remote Profile","activitypub")},(0,o.createElement)(s,{icon:u,size:18})))}function O({selectedComment:e,commentId:t}){const[r,i]=(0,a.useState)(!1),n=(0,c.__)("Remote Reply","activitypub"),{profileURL:s,template:m,deleteRemoteUser:p}=h(),u=s&&m;return(0,o.createElement)(o.Fragment,null,u?(0,o.createElement)(x,{profileURL:s,template:m,commentURL:e,deleteRemoteUser:p}):(0,o.createElement)(l.Button,{variant:"link",className:"comment-reply-link activitypub-remote-reply__button",onClick:()=>i(!0)},(0,c.__)("Reply on the Fediverse","activitypub")),r&&(0,o.createElement)(l.Modal,{className:"activitypub-remote-reply__modal activitypub__modal",onRequestClose:()=>i(!1),title:n},(0,o.createElement)(R,{selectedComment:e,commentId:t})))}let k=1;n()((()=>{[].forEach.call(document.querySelectorAll(".activitypub-remote-reply"),(e=>{const t=JSON.parse(e.dataset.attrs);(0,a.createRoot)(e).render((0,o.createElement)(O,{...t,id:"activitypub-remote-reply-link-"+k++,useId:!0}))}))}))},20:(e,t,r)=>{var o=r(609),a=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var o,c={},s=null,m=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(m=t.ref),t)i.call(t,o)&&!l.hasOwnProperty(o)&&(c[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===c[o]&&(c[o]=t[o]);return{$$typeof:a,type:e,key:s,ref:m,props:c,_owner:n.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.m=t,e=[],o.O=(t,r,a,i)=>{if(!r){var n=1/0;for(m=0;m
+ setAttributes( { title } ) }
+ reactions={ dummyReactions }
+ />
+
+ );
+}
\ No newline at end of file
diff --git a/src/reactions/editor.scss b/src/reactions/editor.scss
new file mode 100644
index 000000000..b4efee0ea
--- /dev/null
+++ b/src/reactions/editor.scss
@@ -0,0 +1,4 @@
+.wp-block-activitypub-reactions {
+ // Any editor-specific styles would go here
+ // For now, we'll inherit all styles from style.scss
+}
\ No newline at end of file
diff --git a/src/reactions/index.js b/src/reactions/index.js
new file mode 100644
index 000000000..48e12d2a8
--- /dev/null
+++ b/src/reactions/index.js
@@ -0,0 +1,7 @@
+import { registerBlockType } from '@wordpress/blocks';
+
+import edit from './edit';
+import metadata from './block.json';
+import './style.scss';
+
+registerBlockType( metadata.name, { edit } );
\ No newline at end of file
diff --git a/src/reactions/reactions.js b/src/reactions/reactions.js
new file mode 100644
index 000000000..0b140a509
--- /dev/null
+++ b/src/reactions/reactions.js
@@ -0,0 +1,372 @@
+/**
+ * WordPress dependencies
+ */
+import { RichText } from '@wordpress/block-editor';
+import { useState, useEffect, useRef } from '@wordpress/element';
+import { Popover, Button } from '@wordpress/components';
+import apiFetch from '@wordpress/api-fetch';
+import { __, _nx, sprintf } from '@wordpress/i18n';
+
+/**
+ * Extract the namespace from the global _activityPubOptions object.
+ *
+ * @type {string}
+ */
+const { namespace } = window._activityPubOptions;
+
+/**
+ * A component that renders a row of user avatars for a given set of reactions.
+ *
+ * @param {Object} props Component props.
+ * @param {Array} props.reactions Array of reaction objects.
+ * @return {JSX.Element} The rendered component.
+ */
+const FacepileRow = ( { reactions } ) => {
+ const [activeIndices, setActiveIndices] = useState(new Set());
+ const [rotationStates, setRotationStates] = useState(new Map());
+ const timeoutRefs = useRef([]);
+
+ const clearTimeouts = () => {
+ timeoutRefs.current.forEach(timeout => clearTimeout(timeout));
+ timeoutRefs.current = [];
+ };
+
+ const startWave = (startIndex, isEntering) => {
+ clearTimeouts();
+ const delay = 100; // 100ms between each avatar
+ const totalAvatars = reactions.length;
+
+ if (isEntering) {
+ setRotationStates(current => {
+ const updated = new Map(current);
+ updated.set(startIndex, 'clockwise');
+ return updated;
+ });
+ }
+
+ // Helper function to create wave in either direction
+ const createWave = (direction) => {
+ const isRightward = direction === 'right';
+ const start = isRightward ? startIndex : startIndex - 1;
+ const end = isRightward ? totalAvatars - 1 : 0;
+ const step = isRightward ? 1 : -1;
+
+ for (let i = start; isRightward ? i <= end : i >= end; i += step) {
+ const delayMultiplier = Math.abs(i - startIndex);
+ const timeout = setTimeout(() => {
+ setActiveIndices(current => {
+ const updated = new Set(current);
+ if (isEntering) {
+ updated.add(i);
+ } else {
+ updated.delete(i);
+ }
+ return updated;
+ });
+
+ if (isEntering && i !== startIndex) {
+ setRotationStates(current => {
+ const updated = new Map(current);
+ const neighborIndex = i - step;
+ const neighborRotation = updated.get(neighborIndex);
+ updated.set(i, neighborRotation === 'clockwise' ? 'counter' : 'clockwise');
+ return updated;
+ });
+ }
+ }, delayMultiplier * delay);
+ timeoutRefs.current.push(timeout);
+ }
+ };
+
+ // Create waves in both directions
+ createWave('right');
+ createWave('left');
+
+ // Clear rotations when wave finishes retracting
+ if (!isEntering) {
+ const maxDelay = Math.max(
+ (totalAvatars - startIndex) * delay,
+ startIndex * delay
+ );
+ const timeout = setTimeout(() => {
+ setRotationStates(new Map());
+ }, maxDelay + delay);
+ timeoutRefs.current.push(timeout);
+ }
+ };
+
+ // Cleanup timeouts on unmount
+ useEffect(() => {
+ return () => clearTimeouts();
+ }, []);
+
+ return (
+ -
+ { reactions.map( ( reaction, index ) => {
+ const rotationClass = rotationStates.get(index);
+ const classes = [
+ 'reaction-avatar',
+ activeIndices.has(index) ? 'wave-active' : '',
+ rotationClass ? `rotate-${rotationClass}` : ''
+ ].filter(Boolean).join(' ');
+
+ return (
+
-
+ startWave(index, true)}
+ onMouseLeave={() => startWave(index, false)}
+ >
+
+ +
+ );
+ } ) }
+
-
+ { reactions.map( ( reaction, index ) => (
+
-
+
+
+ ) ) }
+
-
+ { reactions.map( ( reaction, index ) => (
+
-
+
+
+ ) ) }
+
+ setIsOpen( false ) }
+ >
+
+ ) }
+
+ );
+};
+
+/**
+ * The Reactions component.
+ *
+ * @param {Object} props Component props.
+ * @param {string} props.title The title text.
+ * @param {?number} props.postId The post ID.
+ * @param {boolean} props.isEditing Whether in edit mode.
+ * @param {Function} props.setTitle Title update callback.
+ * @param {?Object} props.reactions Optional reactions data.
+ * @return {?JSX.Element} The rendered component.
+ */
+export function Reactions( {
+ title = '',
+ postId = null,
+ isEditing = false,
+ setTitle = () => {},
+ reactions: providedReactions = null,
+} ) {
+ const [ reactions, setReactions ] = useState( providedReactions );
+ const [ loading, setLoading ] = useState( ! providedReactions );
+
+ useEffect( () => {
+ if ( providedReactions ) {
+ setReactions( providedReactions );
+ setLoading( false );
+ return;
+ }
+
+ if ( ! postId ) {
+ setLoading( false );
+ return;
+ }
+
+ setLoading( true );
+ apiFetch( {
+ path: `/${ namespace }/posts/${ postId }/reactions`,
+ } )
+ .then( ( response ) => {
+ setReactions( response );
+ setLoading( false );
+ } )
+ .catch( () => setLoading( false ) );
+ }, [ postId, providedReactions ] );
+
+ if ( loading ) {
+ return null;
+ }
+
+ // Return null if there are no reactions
+ if ( ! reactions || ! Object.values( reactions ).some( group => group.items?.length > 0 ) ) {
+ return null;
+ }
+
+ return (
+
+ { isEditing ? (
+
+ );
+}
\ No newline at end of file
diff --git a/src/reactions/style.scss b/src/reactions/style.scss
new file mode 100644
index 000000000..76ed286e9
--- /dev/null
+++ b/src/reactions/style.scss
@@ -0,0 +1,134 @@
+.activitypub-reactions {
+ h6 {
+ border-top: 1px solid;
+ display: inline-block;
+ padding-top: .5em;
+ border-top-color: var(--wp--preset--color--contrast-2);
+ }
+ .reaction-group {
+ display: flex;
+ align-items: center;
+ margin: 0.5em 0;
+ position: relative;
+ width: 100%;
+ gap: 0.75em;
+ justify-content: flex-start;
+
+ // When content overflows, switch to space-between
+ &:has(.reaction-avatars:not(:empty)) {
+ @media (max-width: 782px) {
+ justify-content: space-between;
+ }
+ }
+ }
+
+ .reaction-avatars {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+
+ li {
+ margin: 0;
+ padding: 0;
+ margin-right: -10px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ a {
+ display: block;
+ text-decoration: none;
+ }
+ }
+
+ .reaction-avatar {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ border: 0.5px solid rgba(255, 255, 255, 0.8);
+ box-shadow:
+ 0 0 0 0.5px rgba(255, 255, 255, 0.8), // Crisp white border
+ 0 1px 3px rgba(0, 0, 0, 0.2); // Soft drop shadow
+ transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+ will-change: transform;
+
+ &.wave-active {
+ transform: translateY(-5px);
+
+ &.rotate-clockwise {
+ transform: translateY(-5px) rotate(30deg);
+ }
+
+ &.rotate-counter {
+ transform: translateY(-5px) rotate(-30deg);
+ }
+ }
+
+ &:hover {
+ z-index: 1;
+ position: relative;
+ }
+ }
+ }
+
+ .reaction-label.components-button {
+ white-space: nowrap;
+ height: auto;
+ padding: 0;
+ text-decoration: none;
+ color: #2271b1;
+ flex: 0 0 auto;
+
+ &:hover {
+ color: #135e96;
+ text-decoration: underline;
+ }
+
+ &:focus:not(:disabled) {
+ box-shadow: none;
+ outline: 1px solid #135e96;
+ outline-offset: 2px;
+ }
+ }
+}
+
+.reaction-list {
+ margin: 0;
+ padding: .25em .5em;
+ list-style: none;
+ min-width: 200px;
+ width: max-content;
+ max-width: 300px;
+
+ li {
+ margin: 0;
+ padding: 0;
+ font-size: var(--wp--preset--font-size--small);
+ }
+
+ a {
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ gap: .5em;
+ padding: .5em;
+ text-decoration: none;
+ font-size: var( --wp--preset--font-size--small, .75rem );
+ color: inherit;
+
+ &:hover {
+ text-decoration: underline;
+ }
+
+ img {
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ flex: none;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/reactions/view.js b/src/reactions/view.js
new file mode 100644
index 000000000..16d202ab0
--- /dev/null
+++ b/src/reactions/view.js
@@ -0,0 +1,11 @@
+import { createRoot } from '@wordpress/element';
+import domReady from '@wordpress/dom-ready';
+import { Reactions } from './reactions';
+
+domReady( () => {
+ // iterate over a nodelist
+ [].forEach.call( document.querySelectorAll( '.activitypub-reactions-block' ), ( element ) => {
+ const attrs = JSON.parse( element.dataset.attrs );
+ createRoot( element ).render( { title }
+ ) } + + { Object.entries( reactions ).map( ( [ key, group ] ) => { + if ( ! group.items?.length ) { + return null; + } + + return ( +
@@ -183,10 +182,9 @@
+
-
-
@@ -232,10 +230,10 @@
+
+
-
-
@@ -262,9 +260,9 @@
+
-
diff --git a/tests/bootstrap.php b/tests/bootstrap.php
index 3a50ebbb6..c0c24bcff 100644
--- a/tests/bootstrap.php
+++ b/tests/bootstrap.php
@@ -5,7 +5,6 @@
* @package Activitypub
*/
-\define( 'ACTIVITYPUB_DISABLE_REACTIONS', false );
\define( 'ACTIVITYPUB_DISABLE_INCOMING_INTERACTIONS', false );
// Defined here because setting them in .wp-env.json doesn't work for some reason.
diff --git a/tests/includes/rest/class-test-post.php b/tests/includes/rest/class-test-post.php
new file mode 100644
index 000000000..91bfa7ba5
--- /dev/null
+++ b/tests/includes/rest/class-test-post.php
@@ -0,0 +1,193 @@
+server = $wp_rest_server;
+
+ do_action( 'rest_api_init' );
+ }
+
+ /**
+ * Test initialization of hooks.
+ *
+ * @covers ::init
+ */
+ public function test_init() {
+ $routes = $this->server->get_routes();
+ $this->assertArrayHasKey( '/' . ACTIVITYPUB_REST_NAMESPACE . '/posts/(?P