@semapps/activitypub-components 1.0.4 → 1.1.0-patch.1

package/dist/index.cjs.js

@@ -52,57 +52,57 @@ $parcel$export(module.exports, "PUBLIC_URI", () => $ebea823cebb2f44b$export$4d8d
 
 
 const $ebea823cebb2f44b$export$1ec8e53e7d982d22 = {
-    ACCEPT: "Accept",
-    ADD: "Add",
-    ANNOUNCE: "Announce",
-    ARRIVE: "Arrive",
-    BLOCK: "Block",
-    CREATE: "Create",
-    DELETE: "Delete",
-    DISLIKE: "Dislike",
-    FLAG: "Flag",
-    FOLLOW: "Follow",
-    IGNORE: "Ignore",
-    INVITE: "Invite",
-    JOIN: "Join",
-    LEAVE: "Leave",
-    LIKE: "Like",
-    LISTEN: "Listen",
-    MOVE: "Move",
-    OFFER: "Offer",
-    QUESTION: "Question",
-    REJECT: "Reject",
-    READ: "Read",
-    REMOVE: "Remove",
-    TENTATIVE_REJECT: "TentativeReject",
-    TENTATIVE_ACCEPT: "TentativeAccept",
-    TRAVEL: "Travel",
-    UNDO: "Undo",
-    UPDATE: "Update",
-    VIEW: "View"
+    ACCEPT: 'Accept',
+    ADD: 'Add',
+    ANNOUNCE: 'Announce',
+    ARRIVE: 'Arrive',
+    BLOCK: 'Block',
+    CREATE: 'Create',
+    DELETE: 'Delete',
+    DISLIKE: 'Dislike',
+    FLAG: 'Flag',
+    FOLLOW: 'Follow',
+    IGNORE: 'Ignore',
+    INVITE: 'Invite',
+    JOIN: 'Join',
+    LEAVE: 'Leave',
+    LIKE: 'Like',
+    LISTEN: 'Listen',
+    MOVE: 'Move',
+    OFFER: 'Offer',
+    QUESTION: 'Question',
+    REJECT: 'Reject',
+    READ: 'Read',
+    REMOVE: 'Remove',
+    TENTATIVE_REJECT: 'TentativeReject',
+    TENTATIVE_ACCEPT: 'TentativeAccept',
+    TRAVEL: 'Travel',
+    UNDO: 'Undo',
+    UPDATE: 'Update',
+    VIEW: 'View'
 };
 const $ebea823cebb2f44b$export$9649665d7ccb0dc2 = {
-    APPLICATION: "Application",
-    GROUP: "Group",
-    ORGANIZATION: "Organization",
-    PERSON: "Person",
-    SERVICE: "Service"
+    APPLICATION: 'Application',
+    GROUP: 'Group',
+    ORGANIZATION: 'Organization',
+    PERSON: 'Person',
+    SERVICE: 'Service'
 };
 const $ebea823cebb2f44b$export$c49cfb2681596b20 = {
-    ARTICLE: "Article",
-    AUDIO: "Audio",
-    DOCUMENT: "Document",
-    EVENT: "Event",
-    IMAGE: "Image",
-    NOTE: "Note",
-    PAGE: "Page",
-    PLACE: "Place",
-    PROFILE: "Profile",
-    RELATIONSHIP: "Relationship",
-    TOMBSTONE: "Tombstone",
-    VIDEO: "Video"
+    ARTICLE: 'Article',
+    AUDIO: 'Audio',
+    DOCUMENT: 'Document',
+    EVENT: 'Event',
+    IMAGE: 'Image',
+    NOTE: 'Note',
+    PAGE: 'Page',
+    PLACE: 'Place',
+    PROFILE: 'Profile',
+    RELATIONSHIP: 'Relationship',
+    TOMBSTONE: 'Tombstone',
+    VIDEO: 'Video'
 };
-const $ebea823cebb2f44b$export$4d8d554031975581 = "https://www.w3.org/ns/activitystreams#Public";
+const $ebea823cebb2f44b$export$4d8d554031975581 = 'https://www.w3.org/ns/activitystreams#Public';
 
 
 
@@ -144,15 +144,15 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
     ]);
     // We will force dereference, if some items are not URI string references.
     const shouldDereference = (0, $583VT$react.useMemo)(()=>{
-        return dereferenceItems || items.some((item)=>typeof item !== "string");
+        return dereferenceItems || items.some((item)=>typeof item !== 'string');
     }, [
         dereferenceItems,
         items
     ]);
     // Dereference all items, if necessary (even if shouldDereference is false, the hook needs to be called).
-    const itemQueries = (0, $583VT$reactquery.useQueries)(!shouldDereference ? $5ca5f7e9fc1c3544$var$emptyArray : items.filter((item)=>typeof item === "string").map((itemUri)=>({
+    const itemQueries = (0, $583VT$reactquery.useQueries)(!shouldDereference ? $5ca5f7e9fc1c3544$var$emptyArray : items.filter((item)=>typeof item === 'string').map((itemUri)=>({
             queryKey: [
-                "resource",
+                'resource',
                 itemUri
             ],
             queryFn: async ()=>(await dataProvider.fetch(itemUri)).json,
@@ -164,7 +164,7 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
         isFetching: false
     };
     // Put all loaded items together (might be dereferenced already, so concatenate).
-    const loadedItems = items.filter((item)=>typeof item !== "string").concat(itemQueries.flatMap((itemQuery)=>{
+    const loadedItems = items.filter((item)=>typeof item !== 'string').concat(itemQueries.flatMap((itemQuery)=>{
         return itemQuery.isSuccess && itemQuery.data || [];
     }));
     const errors = itemQueries.filter((q)=>q.error);
@@ -183,16 +183,18 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
     const { dereferenceItems: dereferenceItems = false, liveUpdates: liveUpdates = false } = options;
     const { data: identity } = (0, $583VT$reactadmin.useGetIdentity)();
     const [totalItems, setTotalItems] = (0, $583VT$react.useState)(0);
+    const [isPaginated, setIsPaginated] = (0, $583VT$react.useState)(false); // true if the collection is paginated
+    const [yieldsTotalItems, setYieldsTotalItems] = (0, $583VT$react.useState)(false); // true if the collection server yields totalItems
     const queryClient = (0, $583VT$reactquery.useQueryClient)();
     const [hasLiveUpdates, setHasLiveUpdates] = (0, $583VT$react.useState)({
-        status: "connecting"
+        status: 'connecting'
     });
     const dataProvider = (0, $583VT$reactadmin.useDataProvider)();
     const webSocketRef = (0, $583VT$react.useRef)(null);
     // Get collectionUrl from webId predicate or URL.
     const collectionUrl = (0, $583VT$react.useMemo)(()=>{
         if (predicateOrUrl) {
-            if (predicateOrUrl.startsWith("http")) return predicateOrUrl;
+            if (predicateOrUrl.startsWith('http')) return predicateOrUrl;
             if (identity?.webIdData) return identity?.webIdData?.[predicateOrUrl];
         }
         return undefined;
@@ -204,11 +206,26 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
     // Fetch page of collection item references (if pageParam provided)
     //  or default to `collectionUrl` (which should give you the first page).
     const fetchCollection = (0, $583VT$react.useCallback)(async ({ pageParam: nextPageUrl })=>{
+        // If there is a nextPageUrl, we are fetching a page, otherwise we are fetching the first page or the collection
+        const fetchingPage = !!nextPageUrl;
         // Fetch page or first page (collectionUrl)
         let { json: json } = await dataProvider.fetch(nextPageUrl || collectionUrl);
-        if (json.totalItems) setTotalItems(json.totalItems);
+        // If we are fetching the first page or the collection, we can workout some information
+        if (!fetchingPage) {
+            const localIsPaginated = !!json.first || !!json.next;
+            setIsPaginated(localIsPaginated);
+            // If the server yields totalItems, we can use it
+            if (json.totalItems) {
+                setTotalItems(json.totalItems);
+                setYieldsTotalItems(true);
+            } else if (!localIsPaginated) {
+                // If the collection is not paginated, we can count items
+                const items = (0, $03510abb28fd3d8a$export$e57ff0f701c44363)(json.orderedItems || json.items);
+                if (items) setTotalItems(items.length);
+            }
+        }
         // If first page, handle this here.
-        if ((json.type === "OrderedCollection" || json.type === "Collection") && json.first) {
+        if ((json.type === 'OrderedCollection' || json.type === 'Collection') && json.first) {
             if (json.first?.items) {
                 if (json.first?.items.length === 0 && json.first?.next) // Special case where the first property is an object without items
                 ({ json: json } = await dataProvider.fetch(json.first?.next));
@@ -221,11 +238,13 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
         dataProvider,
         collectionUrl,
         identity,
-        setTotalItems
+        setTotalItems,
+        setIsPaginated,
+        setYieldsTotalItems
     ]);
     // Use infiniteQuery to handle pagination, fetching, etc.
     const { data: pageData, error: collectionError, fetchNextPage: fetchNextPage, refetch: refetch, hasNextPage: hasNextPage, isLoading: isLoadingPage, isFetching: isFetchingPage, isFetchingNextPage: isFetchingNextPage } = (0, $583VT$reactquery.useInfiniteQuery)([
-        "collection",
+        'collection',
         {
             collectionUrl: collectionUrl
         }
@@ -239,13 +258,14 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
     const allErrors = (0, $03510abb28fd3d8a$export$e57ff0f701c44363)(collectionError).concat((0, $03510abb28fd3d8a$export$e57ff0f701c44363)(itemErrors));
     const addItem = (0, $583VT$react.useCallback)((item, shouldRefetch = true)=>{
         queryClient.setQueryData([
-            "collection",
+            'collection',
             {
                 collectionUrl: collectionUrl
             }
         ], (oldData)=>{
             if (!oldData) return oldData;
-            setTotalItems((totalItems)=>totalItems + 1);
+            // Only update totalItems if collection is not paginated or if the server yields totalItems
+            if (yieldsTotalItems || !isPaginated) setTotalItems((totalItems)=>totalItems + 1);
             // Destructure, so react knows, it needs to re-render the pages.
             const pages = [
                 ...oldData.pages
@@ -262,28 +282,31 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
             return oldData;
         });
         if (shouldRefetch) setTimeout(()=>queryClient.refetchQueries([
-                "collection",
+                'collection',
                 {
                     collectionUrl: collectionUrl
                 }
             ], {
                 active: true,
                 exact: true
-            }), typeof shouldRefetch === "number" ? shouldRefetch : 2000);
+            }), typeof shouldRefetch === 'number' ? shouldRefetch : 2000);
     }, [
         queryClient,
         collectionUrl,
-        setTotalItems
+        setTotalItems,
+        isPaginated,
+        yieldsTotalItems
     ]);
     const removeItem = (0, $583VT$react.useCallback)((item, shouldRefetch = true)=>{
         queryClient.setQueryData([
-            "collection",
+            'collection',
             {
                 collectionUrl: collectionUrl
             }
         ], (oldData)=>{
             if (!oldData) return oldData;
-            setTotalItems((totalItems)=>totalItems - 1);
+            // Only update totalItems if collection is not paginated or if the server yields totalItems
+            if (yieldsTotalItems || !isPaginated) setTotalItems((totalItems)=>totalItems - 1);
             // Destructure, so react knows, it needs to re-render the pages array.
             const pages = [
                 ...oldData.pages
@@ -297,44 +320,46 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
             return oldData;
         });
         if (shouldRefetch) setTimeout(()=>queryClient.refetchQueries([
-                "collection",
+                'collection',
                 {
                     collectionUrl: collectionUrl
                 }
             ], {
                 active: true,
                 exact: true
-            }), typeof shouldRefetch === "number" ? shouldRefetch : 2000);
+            }), typeof shouldRefetch === 'number' ? shouldRefetch : 2000);
     }, [
         queryClient,
         collectionUrl,
-        setTotalItems
+        setTotalItems,
+        isPaginated,
+        yieldsTotalItems
     ]);
     // Live Updates
     (0, $583VT$react.useEffect)(()=>{
         if (liveUpdates && collectionUrl) // Create ws that listens to collectionUri changes
         (0, $583VT$semappssemanticdataprovider.getOrCreateWsChannel)(dataProvider.fetch, collectionUrl).then((ws)=>{
             webSocketRef.current = ws; // Keep a ref to the webSocket so that it can be used elsewhere
-            webSocketRef.current.addEventListener("message", (e)=>{
+            webSocketRef.current.addEventListener('message', (e)=>{
                 const data = JSON.parse(e.data);
-                if (data.type === "Add") addItem(data.object, true);
-                else if (data.type === "Remove") removeItem(data.object, true);
+                if (data.type === 'Add') addItem(data.object, true);
+                else if (data.type === 'Remove') removeItem(data.object, true);
             });
-            webSocketRef.current.addEventListener("error", (e)=>{
+            webSocketRef.current.addEventListener('error', (e)=>{
                 setHasLiveUpdates({
-                    status: "error",
+                    status: 'error',
                     error: e
                 });
             // TODO: Retry after a while
             });
-            webSocketRef.current.addEventListener("close", (e)=>{
+            webSocketRef.current.addEventListener('close', (e)=>{
                 if (!hasLiveUpdates.error) setHasLiveUpdates({
                     ...hasLiveUpdates,
-                    status: "closed"
+                    status: 'closed'
                 });
             });
             setHasLiveUpdates({
-                status: "connected"
+                status: 'connected'
             });
         }).catch(()=>{}); // If it fails, we won't receive live updates. But that's okay.
     }, [
@@ -360,7 +385,7 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
                         clearInterval(intervalId);
                         clearTimeout(timeoutId);
                         resolve(webSocketRef);
-                    } else console.log("WebSocket is not initialized yet, waiting...");
+                    } else console.log('WebSocket is not initialized yet, waiting...');
                 }, 100);
             }
         });
@@ -368,9 +393,9 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
         webSocketRef,
         liveUpdates
     ]);
-    return {
+    // Construct return object conditionally
+    const returnObject = {
         items: items,
-        totalItems: totalItems,
         error: allErrors.length > 0 && allErrors,
         refetch: refetch,
         fetchNextPage: fetchNextPage,
@@ -385,6 +410,12 @@ const $5ca5f7e9fc1c3544$var$useItemsFromPages = (pages, dereferenceItems)=>{
         awaitWebSocketConnection: awaitWebSocketConnection,
         webSocketRef: webSocketRef
     };
+    // Only include totalItems if the server yields totalItems or for non-paginated collections
+    if (yieldsTotalItems || !isPaginated) return {
+        ...returnObject,
+        totalItems: totalItems
+    };
+    return returnObject;
 };
 var $5ca5f7e9fc1c3544$export$2e2bcd8739ae039 = $5ca5f7e9fc1c3544$var$useCollection;
 
@@ -404,7 +435,7 @@ var $5ca5f7e9fc1c3544$export$2e2bcd8739ae039 = $5ca5f7e9fc1c3544$var$useCollecti
             awaitWebSocketConnection().then((webSocketRef)=>{
                 const onMessage = (event)=>{
                     const data = JSON.parse(event.data);
-                    if (data.type === "Add") dataProvider.fetch(data.object).then(({ json: json })=>{
+                    if (data.type === 'Add') dataProvider.fetch(data.object).then(({ json: json })=>{
                         if (matchActivity(json)) {
                             removeListeners();
                             return resolve(json);
@@ -421,16 +452,16 @@ var $5ca5f7e9fc1c3544$export$2e2bcd8739ae039 = $5ca5f7e9fc1c3544$var$useCollecti
                     reject(new Error(`${e.reason} (Code: ${e.code})`));
                 };
                 const removeListeners = ()=>{
-                    webSocketRef.current?.removeEventListener("message", onMessage);
-                    webSocketRef.current?.removeEventListener("error", onError);
-                    webSocketRef.current?.removeEventListener("close", onClose);
+                    webSocketRef.current?.removeEventListener('message', onMessage);
+                    webSocketRef.current?.removeEventListener('error', onError);
+                    webSocketRef.current?.removeEventListener('close', onClose);
                 };
-                webSocketRef.current?.addEventListener("message", onMessage);
-                webSocketRef.current?.addEventListener("error", onError);
-                webSocketRef.current?.addEventListener("close", onClose);
+                webSocketRef.current?.addEventListener('message', onMessage);
+                webSocketRef.current?.addEventListener('error', onError);
+                webSocketRef.current?.addEventListener('close', onClose);
                 // If a list of activities is already loaded, verify if there is a match
                 if (existingActivities && checkExistingActivities) for (const a of existingActivities){
-                    if (typeof a !== "string") {
+                    if (typeof a !== 'string') {
                         if (matchActivity(a)) {
                             removeListeners();
                             return resolve(a);
@@ -439,7 +470,7 @@ var $5ca5f7e9fc1c3544$export$2e2bcd8739ae039 = $5ca5f7e9fc1c3544$var$useCollecti
                 }
                 setTimeout(()=>{
                     removeListeners();
-                    reject(new Error("Timeout"));
+                    reject(new Error('Timeout'));
                 }, timeout);
             }).catch((e)=>{
                 reject(e);
@@ -465,19 +496,19 @@ var $5e70f9d0635e25dd$export$2e2bcd8739ae039 = $5e70f9d0635e25dd$var$useAwaitAct
  */ const $456aea3814dded7d$var$useOutbox = (options = {})=>{
     const dataProvider = (0, $583VT$reactadmin.useDataProvider)();
     const { data: identity } = (0, $583VT$reactadmin.useGetIdentity)();
-    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)("outbox", options);
+    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)('outbox', options);
     const awaitActivity = (0, $5e70f9d0635e25dd$export$2e2bcd8739ae039)(awaitWebSocketConnection, items);
     // Post an activity to the logged user's outbox and return its URI
     const post = (0, $583VT$react.useCallback)(async (activity)=>{
-        if (!url) throw new Error("Cannot post to outbox before user identity is loaded. Please use the isLoading argument of useOutbox");
+        if (!url) throw new Error('Cannot post to outbox before user identity is loaded. Please use the isLoading argument of useOutbox');
         const { headers: headers } = await dataProvider.fetch(url, {
-            method: "POST",
+            method: 'POST',
             body: JSON.stringify({
-                "@context": "https://www.w3.org/ns/activitystreams",
+                '@context': 'https://www.w3.org/ns/activitystreams',
                 ...activity
             })
         });
-        return headers.get("Location");
+        return headers.get('Location');
     }, [
         url,
         dataProvider
@@ -503,7 +534,7 @@ var $456aea3814dded7d$export$2e2bcd8739ae039 = $456aea3814dded7d$var$useOutbox;
 const $9b1343b281972d72$var$CustomMention = (0, ($parcel$interopDefault($583VT$tiptapextensionmention))).extend({
     renderHTML ({ node: node, HTMLAttributes: HTMLAttributes }) {
         return [
-            "span",
+            'span',
             (0, $583VT$tiptapcore.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes),
             `@${node.attrs.id.label}`
         ];
@@ -514,13 +545,13 @@ const $9b1343b281972d72$var$CustomMention = (0, ($parcel$interopDefault($583VT$t
                 default: null,
                 parseHTML: (element)=>{
                     return {
-                        label: element.getAttribute("data-mention-label")
+                        label: element.getAttribute('data-mention-label')
                     };
                 },
                 renderHTML: (attributes)=>{
                     if (!attributes.id.label) return {};
                     return {
-                        "data-mention-label": attributes.id.label
+                        'data-mention-label': attributes.id.label
                     };
                 }
             },
@@ -528,13 +559,13 @@ const $9b1343b281972d72$var$CustomMention = (0, ($parcel$interopDefault($583VT$t
                 default: null,
                 parseHTML: (element)=>{
                     return {
-                        id: element.getAttribute("data-mention-id")
+                        id: element.getAttribute('data-mention-id')
                     };
                 },
                 renderHTML: (attributes)=>{
                     if (!attributes.id.id) return {};
                     return {
-                        "data-mention-id": attributes.id.id
+                        'data-mention-id': attributes.id.id
                     };
                 }
             }
@@ -550,10 +581,10 @@ const $703eba3e46be7ee5$var$useStyles = (0, ($parcel$interopDefault($583VT$muist
         },
         container: {
             paddingLeft: 80,
-            position: "relative"
+            position: 'relative'
         },
         avatar: {
-            position: "absolute",
+            position: 'absolute',
             top: 16,
             left: 0,
             bottom: 0,
@@ -561,28 +592,28 @@ const $703eba3e46be7ee5$var$useStyles = (0, ($parcel$interopDefault($583VT$muist
             height: 64
         },
         editorContent: {
-            "& > div": {
-                backgroundColor: "rgba(0, 0, 0, 0.09)",
-                padding: "2px 12px",
-                borderWidth: "0px !important",
+            '& > div': {
+                backgroundColor: 'rgba(0, 0, 0, 0.09)',
+                padding: '2px 12px',
+                borderWidth: '0px !important',
                 borderRadius: 0,
-                borderBottom: "1px solid #FFF",
+                borderBottom: '1px solid #FFF',
                 minHeight: 60,
-                outline: "unset !important"
+                outline: 'unset !important'
             },
-            "& > div > p": {
+            '& > div > p': {
                 marginTop: 12,
                 marginBottom: 12,
                 fontFamily: theme.typography.body1.fontFamily,
-                marginBlockStart: "0.5em",
-                marginBlockEnd: "0.5em"
+                marginBlockStart: '0.5em',
+                marginBlockEnd: '0.5em'
             },
-            "& > div > p.is-editor-empty:first-child::before": {
-                color: "grey",
-                content: "attr(data-placeholder)",
-                float: "left",
+            '& > div > p.is-editor-empty:first-child::before': {
+                color: 'grey',
+                content: 'attr(data-placeholder)',
+                float: 'left',
                 height: 0,
-                pointerEvents: "none"
+                pointerEvents: 'none'
             }
         },
         button: {
@@ -601,20 +632,20 @@ const $703eba3e46be7ee5$var$PostCommentForm = ({ context: context, placeholder:
     const [expanded, setExpanded] = (0, $583VT$react.useState)(false);
     const [openAuth, setOpenAuth] = (0, $583VT$react.useState)(false);
     const onSubmit = (0, $583VT$react.useCallback)(async (values)=>{
-        const document = new DOMParser().parseFromString(values.comment, "text/html");
-        const mentions = Array.from(document.body.getElementsByClassName("mention"));
+        const document = new DOMParser().parseFromString(values.comment, 'text/html');
+        const mentions = Array.from(document.body.getElementsByClassName('mention'));
         const mentionedUsersUris = [];
         mentions.forEach((node)=>{
-            const userUri = node.attributes["data-mention-id"].value;
-            const userLabel = node.attributes["data-mention-label"].value;
-            const link = document.createElement("a");
-            link.setAttribute("href", `${new URL(window.location.href).origin}/${userResource}/${encodeURIComponent(userUri)}/show`);
+            const userUri = node.attributes['data-mention-id'].value;
+            const userLabel = node.attributes['data-mention-label'].value;
+            const link = document.createElement('a');
+            link.setAttribute('href', `${new URL(window.location.href).origin}/${userResource}/${encodeURIComponent(userUri)}/show`);
             link.textContent = `@${userLabel}`;
             node.parentNode.replaceChild(link, node);
             mentionedUsersUris.push(userUri);
         });
-        if (document.body.innerHTML === "undefined") notify("Votre commentaire est vide", {
-            type: "error"
+        if (document.body.innerHTML === 'undefined') notify('Votre commentaire est vide', {
+            type: 'error'
         });
         else {
             const tempId = Date.now();
@@ -640,13 +671,13 @@ const $703eba3e46be7ee5$var$PostCommentForm = ({ context: context, placeholder:
                     ]
                 });
                 notify("Commentaire post\xe9 avec succ\xe8s", {
-                    type: "success"
+                    type: 'success'
                 });
             } catch (e) {
                 console.error(e);
                 removeItem(tempId);
                 notify(e.message, {
-                    type: "error"
+                    type: 'error'
                 });
             }
         }
@@ -698,7 +729,7 @@ const $703eba3e46be7ee5$var$PostCommentForm = ({ context: context, placeholder:
                                     }) : null,
                                     mentions ? (0, $9b1343b281972d72$export$2e2bcd8739ae039).configure({
                                         HTMLAttributes: {
-                                            class: "mention"
+                                            class: 'mention'
                                         },
                                         suggestion: mentions
                                     }) : null
@@ -743,10 +774,10 @@ const $d68cd57b2d06b6d5$var$useStyles = (0, ($parcel$interopDefault($583VT$muist
             paddingLeft: 80,
             marginTop: 8,
             minHeight: 80,
-            position: "relative"
+            position: 'relative'
         },
         avatar: {
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: 0,
             bottom: 0,
@@ -758,26 +789,26 @@ const $d68cd57b2d06b6d5$var$useStyles = (0, ($parcel$interopDefault($583VT$muist
             paddingBottom: 8
         },
         label: {
-            fontWeight: "bold"
+            fontWeight: 'bold'
         },
         content: {
-            "& p": {
-                marginBlockStart: "0.5em",
-                marginBlockEnd: "0.5em"
+            '& p': {
+                marginBlockStart: '0.5em',
+                marginBlockEnd: '0.5em'
             }
         },
         loading: {
             zIndex: 1000,
-            backgroundColor: "white",
+            backgroundColor: 'white',
             opacity: 0.5,
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: 0,
             right: 0,
             bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
             minHeight: 200,
             marginTop: 5
         }
@@ -860,7 +891,7 @@ var $d68cd57b2d06b6d5$export$2e2bcd8739ae039 = $d68cd57b2d06b6d5$var$CommentsLis
 const $2e5504cc4159ca8d$var$CommentsField = ({ source: source, context: context, helperText: helperText, placeholder: placeholder, userResource: userResource, mentions: mentions })=>{
     const record = (0, $583VT$reactadmin.useRecordContext)();
     const { items: comments, loading: loading, addItem: addItem, removeItem: removeItem } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)(record.replies);
-    if (!userResource) throw new Error("No userResource defined for CommentsField");
+    if (!userResource) throw new Error('No userResource defined for CommentsField');
     return /*#__PURE__*/ (0, $583VT$reactjsxruntime.jsxs)((0, $583VT$reactjsxruntime.Fragment), {
         children: [
             /*#__PURE__*/ (0, $583VT$reactjsxruntime.jsx)((0, $703eba3e46be7ee5$export$2e2bcd8739ae039), {
@@ -881,10 +912,10 @@ const $2e5504cc4159ca8d$var$CommentsField = ({ source: source, context: context,
     });
 };
 $2e5504cc4159ca8d$var$CommentsField.defaultProps = {
-    label: "Commentaires",
+    label: 'Commentaires',
     placeholder: "Commencez \xe0 taper votre commentaire...",
-    source: "id",
-    context: "id"
+    source: 'id',
+    context: 'id'
 };
 var $2e5504cc4159ca8d$export$2e2bcd8739ae039 = $2e5504cc4159ca8d$var$CommentsField;
 
@@ -894,7 +925,7 @@ var $2e5504cc4159ca8d$export$2e2bcd8739ae039 = $2e5504cc4159ca8d$var$CommentsFie
 
 
 const $505d598a33288aad$var$CollectionList = ({ collectionUrl: collectionUrl, resource: resource, children: children })=>{
-    if ((0, ($parcel$interopDefault($583VT$react))).Children.count(children) !== 1) throw new Error("<CollectionList> only accepts a single child");
+    if ((0, ($parcel$interopDefault($583VT$react))).Children.count(children) !== 1) throw new Error('<CollectionList> only accepts a single child');
     const { items: actorsUris } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)(collectionUrl);
     const { data: data, isLoading: isLoading, isFetching: isFetching } = (0, $583VT$reactadmin.useGetMany)(resource, {
         ids: Array.isArray(actorsUris) ? actorsUris : [
@@ -922,7 +953,7 @@ var $505d598a33288aad$export$2e2bcd8739ae039 = $505d598a33288aad$var$CollectionL
 
 const $b0c94a9bdea99da5$var$ReferenceCollectionField = ({ source: source, reference: reference, children: children, ...rest })=>{
     const record = (0, $583VT$reactadmin.useRecordContext)();
-    if ((0, ($parcel$interopDefault($583VT$react))).Children.count(children) !== 1) throw new Error("<ReferenceCollectionField> only accepts a single child");
+    if ((0, ($parcel$interopDefault($583VT$react))).Children.count(children) !== 1) throw new Error('<ReferenceCollectionField> only accepts a single child');
     if (!record || !record[source]) return null;
     return /*#__PURE__*/ (0, $583VT$reactjsxruntime.jsx)((0, $505d598a33288aad$export$2e2bcd8739ae039), {
         resource: reference,
@@ -947,7 +978,7 @@ var $b0c94a9bdea99da5$export$2e2bcd8739ae039 = $b0c94a9bdea99da5$var$ReferenceCo
  * @param {UseCollectionOptions} options Defaults to `{ dereferenceItems: false, liveUpdates: false }`
  */ const $486f741c94cd8f74$var$useInbox = (options = {})=>{
     const { data: identity } = (0, $583VT$reactadmin.useGetIdentity)();
-    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)("inbox", options);
+    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $5ca5f7e9fc1c3544$export$2e2bcd8739ae039)('inbox', options);
     const awaitActivity = (0, $5e70f9d0635e25dd$export$2e2bcd8739ae039)(awaitWebSocketConnection, items);
     return {
         url: url,
@@ -963,12 +994,12 @@ var $486f741c94cd8f74$export$2e2bcd8739ae039 = $486f741c94cd8f74$var$useInbox;
 
 
 
-const $59fc2d2cba62bd8e$var$useNodeinfo = (host, rel = "http://nodeinfo.diaspora.software/ns/schema/2.1")=>{
+const $59fc2d2cba62bd8e$var$useNodeinfo = (host, rel = 'http://nodeinfo.diaspora.software/ns/schema/2.1')=>{
     const [schema, setSchema] = (0, $583VT$react.useState)();
     (0, $583VT$react.useEffect)(()=>{
         (async ()=>{
             if (host && rel) {
-                const protocol = host.includes(":") ? "http" : "https"; // If the host has a port, we are likely on HTTP
+                const protocol = host.includes(':') ? 'http' : 'https'; // If the host has a port, we are likely on HTTP
                 const nodeinfoUrl = `${protocol}://${host}/.well-known/nodeinfo`;
                 try {
                     const { json: links } = await (0, $583VT$reactadmin.fetchUtils).fetchJson(nodeinfoUrl);
@@ -1000,13 +1031,13 @@ const $5b61553556e35016$var$useWebfinger = ()=>{
     // Post an activity to the logged user's outbox and return its URI
     const fetch = (0, $583VT$react.useCallback)(async (id)=>{
         // eslint-disable-next-line
-        const [_, username, host] = id.split("@");
+        const [_, username, host] = id.split('@');
         if (host) {
-            const protocol = host.includes(":") ? "http" : "https"; // If the host has a port, we are most likely on localhost
+            const protocol = host.includes(':') ? 'http' : 'https'; // If the host has a port, we are most likely on localhost
             const webfingerUrl = `${protocol}://${host}/.well-known/webfinger?resource=acct:${username}@${host}`;
             try {
                 const { json: json } = await (0, $583VT$reactadmin.fetchUtils).fetchJson(webfingerUrl);
-                const link = json.links.find((l)=>l.type === "application/activity+json");
+                const link = json.links.find((l)=>l.type === 'application/activity+json');
                 return link ? link.href : null;
             } catch (e) {
                 return null;
@@ -1030,26 +1061,26 @@ var $5b61553556e35016$export$2e2bcd8739ae039 = $5b61553556e35016$var$useWebfinge
 
 const $27d3788851661769$var$useStyles = (0, ($parcel$interopDefault($583VT$muistylesmakeStyles)))((theme)=>({
         items: {
-            background: "#fff",
-            borderRadius: "0.5rem",
-            boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1)",
-            color: "rgba(0, 0, 0, 0.8)",
-            fontSize: "0.9rem",
-            overflow: "hidden",
-            padding: "0.2rem",
-            position: "relative"
+            background: '#fff',
+            borderRadius: '0.5rem',
+            boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1)',
+            color: 'rgba(0, 0, 0, 0.8)',
+            fontSize: '0.9rem',
+            overflow: 'hidden',
+            padding: '0.2rem',
+            position: 'relative'
         },
         item: {
-            background: "transparent",
-            border: "1px solid transparent",
-            borderRadius: "0.4rem",
-            display: "block",
+            background: 'transparent',
+            border: '1px solid transparent',
+            borderRadius: '0.4rem',
+            display: 'block',
             margin: 0,
-            padding: "0.2rem 0.4rem",
-            textAlign: "left",
-            width: "100%",
-            "&.selected": {
-                borderColor: "#000"
+            padding: '0.2rem 0.4rem',
+            textAlign: 'left',
+            width: '100%',
+            '&.selected': {
+                borderColor: '#000'
             }
         }
     }));
@@ -1076,15 +1107,15 @@ var $27d3788851661769$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $583VT$react.fo
     ]);
     (0, $583VT$react.useImperativeHandle)(ref, ()=>({
             onKeyDown: ({ event: event })=>{
-                if (event.key === "ArrowUp") {
+                if (event.key === 'ArrowUp') {
                     upHandler();
                     return true;
                 }
-                if (event.key === "ArrowDown") {
+                if (event.key === 'ArrowDown') {
                     downHandler();
                     return true;
                 }
-                if (event.key === "Enter") {
+                if (event.key === 'Enter') {
                     enterHandler();
                     return true;
                 }
@@ -1094,7 +1125,7 @@ var $27d3788851661769$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $583VT$react.fo
     return /*#__PURE__*/ (0, $583VT$reactjsxruntime.jsx)("div", {
         className: classes.items,
         children: props.items.length ? props.items.map((item, index)=>/*#__PURE__*/ (0, $583VT$reactjsxruntime.jsx)("button", {
-                className: classes.item + (index === selectedIndex ? " selected" : ""),
+                className: classes.item + (index === selectedIndex ? ' selected' : ''),
                 onClick: ()=>selectItem(index),
                 children: item.label
             }, index)) : /*#__PURE__*/ (0, $583VT$reactjsxruntime.jsx)("div", {
@@ -1114,14 +1145,14 @@ const $7b7f4b18327176f8$var$renderMentions = ()=>{
                 props: props,
                 editor: props.editor
             });
-            popup = (0, ($parcel$interopDefault($583VT$tippyjs)))("body", {
+            popup = (0, ($parcel$interopDefault($583VT$tippyjs)))('body', {
                 getReferenceClientRect: props.clientRect,
                 appendTo: ()=>document.body,
                 content: component.element,
                 showOnCreate: true,
                 interactive: true,
-                trigger: "manual",
-                placement: "bottom-start"
+                trigger: 'manual',
+                placement: 'bottom-start'
             });
         },
         onUpdate (props) {
@@ -1131,7 +1162,7 @@ const $7b7f4b18327176f8$var$renderMentions = ()=>{
             });
         },
         onKeyDown (props) {
-            if (props.event.key === "Escape") {
+            if (props.event.key === 'Escape') {
                 popup[0].hide();
                 return true;
             }