@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014184332

package/dist/modules/editor/hooks/useMediaLibraryEditor.js

@@ -1,4 +1,153 @@
-import useWorkspaceFile from"../../../hooks/useWorkspaceFile/useWorkspaceFile.js";import{addTimestampToImageUrl}from"@edifice.io/utilities";import{useCallback,useRef}from"react";var useMediaLibraryEditor=editor=>{let{remove}=useWorkspaceFile(),appendResult=useCallback((type,result)=>{if(!(!type||!editor))switch(type){case`image`:{let images=result,imagesSize=images.length-1;images.forEach((image,index)=>{let url=`/workspace/${image.public?`pub/`:``}document/${image._id}`;editor?.chain().focus().setNewImage({src:addTimestampToImageUrl(url),alt:image.alt,title:image.title}).run(),index<imagesSize&&editor?.commands.setTextSelection(editor.state.selection.to)});break}case`audio`:{let sounds=Array.isArray(result)?result:[result],{from}=editor.state.selection;sounds.reverse().forEach(sound=>{editor?.commands.setAudio(sound._id||``,`/workspace/${sound.public?`pub/`:``}document/${sound._id}`),editor?.commands.setTextSelection(from)});break}case`video`:if(typeof result==`string`)editor?.commands.insertContentAt(editor.view.state.selection,result);else{let videos=result,{from}=editor.state.selection;videos.reverse().forEach(video=>{editor?.commands.setVideo(video._id||``,`/workspace/${video.public?`pub/`:``}document/${video._id}`,!0),editor?.commands.setTextSelection(from)})}break;case`attachment`:{let innerHtml=``;for(let i=0;i<result.length;i++){let link=result[i];innerHtml+=`<a href="/workspace/${link.public?`pub/`:``}document/${link._id}" data-content-type="${link.metadata?.[`content-type`]}">${link.name}
-            </a>`}let richContent=`<div class="attachments">
+import { useCallback, useRef } from "react";
+import { addTimestampToImageUrl } from "@edifice.io/utilities";
+import useWorkspaceFile from "../../../hooks/useWorkspaceFile/useWorkspaceFile.js";
+const useMediaLibraryEditor = (editor) => {
+  const {
+    remove
+  } = useWorkspaceFile(), appendResult = useCallback((type, result) => {
+    var _a;
+    if (!(!type || !editor))
+      switch (type) {
+        case "image": {
+          const images = result, imagesSize = images.length - 1;
+          images.forEach((image, index) => {
+            const url = `/workspace/${image.public ? "pub/" : ""}document/${image._id}`;
+            editor == null || editor.chain().focus().setNewImage({
+              /**
+               * WB-3053: addTimestampToImageUrl to update correctly image in tiptap-image-extension
+               */
+              src: addTimestampToImageUrl(url),
+              alt: image.alt,
+              title: image.title
+            }).run(), index < imagesSize && (editor == null || editor.commands.setTextSelection(editor.state.selection.to));
+          });
+          break;
+        }
+        case "audio": {
+          const sounds = Array.isArray(result) ? result : [result], {
+            from
+          } = editor.state.selection;
+          sounds.reverse().forEach((sound) => {
+            editor == null || editor.commands.setAudio(sound._id || "", `/workspace/${sound.public ? "pub/" : ""}document/${sound._id}`), editor == null || editor.commands.setTextSelection(from);
+          });
+          break;
+        }
+        case "video": {
+          if (typeof result == "string")
+            editor == null || editor.commands.insertContentAt(editor.view.state.selection, result);
+          else {
+            const videos = result, {
+              from
+            } = editor.state.selection;
+            videos.reverse().forEach((video) => {
+              editor == null || editor.commands.setVideo(video._id || "", `/workspace/${video.public ? "pub/" : ""}document/${video._id}`, !0), editor == null || editor.commands.setTextSelection(from);
+            });
+          }
+          break;
+        }
+        case "attachment": {
+          let innerHtml = "";
+          for (let i = 0; i < result.length; i++) {
+            const link = result[i];
+            innerHtml += `<a href="/workspace/${link.public ? "pub/" : ""}document/${link._id}" data-content-type="${(_a = link.metadata) == null ? void 0 : _a["content-type"]}">${link.name}
+            </a>`;
+          }
+          const richContent = `<div class="attachments">
             ${innerHtml}
-          </div>`;editor?.commands.insertContentAt(editor.view.state.selection,richContent),editor?.commands.enter();break}case`hyperlink`:{let resourceTabResult=result;if(editor?.isActive(`linker`)&&editor.commands.unsetLinker(),editor?.isActive(`hyperlink`)&&editor.commands.toggleMark(`hyperlink`),editor?.commands.focus(),editor.state.selection.empty&&Array.isArray(resourceTabResult.resources))resourceTabResult.resources.forEach(link=>{editor?.commands.setLinker({href:link.path,"data-app-prefix":link.application,"data-id":link.assetId,target:resourceTabResult.target??null,title:link.name}),resourceTabResult&&resourceTabResult.resources&&resourceTabResult.resources.length>1&&editor.commands.enter()});else{let insertAndSelectText=name=>{if(!name)return;let from=editor.state.selection.head,to=from+name.length;editor?.chain().insertContent(name).setTextSelection({from,to}).run()};if(Array.isArray(resourceTabResult.resources))resourceTabResult.resources.forEach(link=>{editor.state.selection.empty&&insertAndSelectText(link.name),editor?.commands.setLink({href:link.path,target:resourceTabResult.target??null});let newPosition=editor.state.selection.head;editor.commands.setTextSelection({from:newPosition,to:newPosition}),resourceTabResult?.resources&&resourceTabResult?.resources?.length>1&&editor.commands.enter()});else{let{url,target,text}=result;if(editor.state.selection.empty)insertAndSelectText(text);else{let{selection}=editor.view.state,{from,to}=selection;text&&selection.content().content.child(0).textContent!==text&&editor.chain().focus().insertContentAt({from,to},text).setTextSelection({from,to:from+text.length}).run()}editor?.commands.setLink({href:url,title:``,target})}}break}case`embedder`:editor?.commands.insertContentAt(editor.view.state.selection,result),editor?.commands.enter();break;default:return`<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${type}" n'est pas convertissable pour l'instant !</div>`}},[editor]),mediaLibraryRef=useRef(null);return{ref:mediaLibraryRef,onCancel:async uploads=>{mediaLibraryRef.current?.type&&uploads&&uploads.length>0&&await remove(uploads),mediaLibraryRef.current?.hide()},onSuccess:result=>{mediaLibraryRef.current?.type&&(appendResult(mediaLibraryRef.current.type,result),mediaLibraryRef.current?.hide())},onTabChange:async(_tab,uploads)=>{mediaLibraryRef.current?.type&&uploads&&uploads.length>0&&await remove(uploads)}}};export{useMediaLibraryEditor};
+          </div>`;
+          editor == null || editor.commands.insertContentAt(editor.view.state.selection, richContent), editor == null || editor.commands.enter();
+          break;
+        }
+        case "hyperlink": {
+          const resourceTabResult = result;
+          if (editor != null && editor.isActive("linker") && editor.commands.unsetLinker(), editor != null && editor.isActive("hyperlink") && editor.commands.toggleMark("hyperlink"), editor == null || editor.commands.focus(), editor.state.selection.empty && Array.isArray(resourceTabResult.resources))
+            resourceTabResult.resources.forEach((link) => {
+              editor == null || editor.commands.setLinker({
+                href: link.path,
+                "data-app-prefix": link.application,
+                "data-id": link.assetId,
+                target: resourceTabResult.target ?? null,
+                title: link.name
+              }), resourceTabResult && resourceTabResult.resources && resourceTabResult.resources.length > 1 && editor.commands.enter();
+            });
+          else {
+            const insertAndSelectText = (name) => {
+              if (!name) return;
+              const from = editor.state.selection.head, to = from + name.length;
+              editor == null || editor.chain().insertContent(name).setTextSelection({
+                from,
+                to
+              }).run();
+            };
+            if (Array.isArray(resourceTabResult.resources))
+              resourceTabResult.resources.forEach((link) => {
+                var _a2;
+                editor.state.selection.empty && insertAndSelectText(link.name), editor == null || editor.commands.setLink({
+                  href: link.path,
+                  target: resourceTabResult.target ?? null
+                });
+                const newPosition = editor.state.selection.head;
+                editor.commands.setTextSelection({
+                  from: newPosition,
+                  to: newPosition
+                }), resourceTabResult != null && resourceTabResult.resources && ((_a2 = resourceTabResult == null ? void 0 : resourceTabResult.resources) == null ? void 0 : _a2.length) > 1 && editor.commands.enter();
+              });
+            else {
+              const {
+                url,
+                target,
+                text
+              } = result;
+              if (editor.state.selection.empty)
+                insertAndSelectText(text);
+              else {
+                const {
+                  selection
+                } = editor.view.state, {
+                  from,
+                  to
+                } = selection;
+                text && selection.content().content.child(0).textContent !== text && editor.chain().focus().insertContentAt({
+                  from,
+                  to
+                }, text).setTextSelection({
+                  from,
+                  to: from + text.length
+                }).run();
+              }
+              editor == null || editor.commands.setLink({
+                href: url,
+                title: "",
+                target
+              });
+            }
+          }
+          break;
+        }
+        case "embedder": {
+          editor == null || editor.commands.insertContentAt(editor.view.state.selection, result), editor == null || editor.commands.enter();
+          break;
+        }
+        default:
+          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${type}" n'est pas convertissable pour l'instant !</div>`;
+      }
+  }, [editor]), mediaLibraryRef = useRef(null);
+  return {
+    ref: mediaLibraryRef,
+    onCancel: async (uploads) => {
+      var _a, _b;
+      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads), (_b = mediaLibraryRef.current) == null || _b.hide();
+    },
+    onSuccess: (result) => {
+      var _a, _b;
+      (_a = mediaLibraryRef.current) != null && _a.type && (appendResult(mediaLibraryRef.current.type, result), (_b = mediaLibraryRef.current) == null || _b.hide());
+    },
+    onTabChange: async (_tab, uploads) => {
+      var _a;
+      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads);
+    }
+  };
+};
+export {
+  useMediaLibraryEditor
+};

package/dist/modules/editor/hooks/useResizeMedia.js

@@ -1 +1,59 @@
-import{useEffect,useRef}from"react";var useResizeMedia=(props,refResizable,forcedAspectRatio)=>{let aspectRatio=useRef(0),lastCursorX=useRef(-1),isVerticalResizeActive=useRef(!1),proseMirrorContainerWidth=useRef(0),readCurrentPixelWidth=()=>{let el=refResizable.current;if(!el)return 0;let rect=el.getBoundingClientRect();return Math.round(rect.width||el.width||0)},readCurrentPixelHeight=()=>{let el=refResizable.current;if(!el)return 0;let rect=el.getBoundingClientRect();return Math.round(rect.height||el.height||0)};useEffect(()=>{let proseMirrorContainerDiv=document.querySelector(`.ProseMirror`);if(proseMirrorContainerDiv&&(proseMirrorContainerWidth.current=proseMirrorContainerDiv.clientWidth),forcedAspectRatio&&forcedAspectRatio>0)aspectRatio.current=forcedAspectRatio;else{let w=readCurrentPixelWidth(),h=readCurrentPixelHeight();w>0&&h>0?aspectRatio.current=w/h:aspectRatio.current=16/9}},[]);let clampWidth=w=>{let width=w;return proseMirrorContainerWidth.current>0&&width>proseMirrorContainerWidth.current&&(width=proseMirrorContainerWidth.current),Math.round(width)},onVerticalResize=(direction,diff)=>{let currWidth=readCurrentPixelWidth();if(!currWidth)return;let newWidth=direction===`left`?currWidth-Math.abs(diff):currWidth+Math.abs(diff);newWidth=clampWidth(newWidth);let ratio=aspectRatio.current||16/9,newHeight=Math.round(newWidth/ratio);setTimeout(()=>{props.updateAttributes({width:newWidth,height:newHeight})})},onVerticalMouseMove=event=>{if(!isVerticalResizeActive.current)return;let{clientX}=event,diff=lastCursorX.current-clientX;lastCursorX.current=clientX,diff!==0&&onVerticalResize(diff>0?`left`:`right`,Math.abs(diff))},startVerticalResize=event=>{isVerticalResizeActive.current=!0,lastCursorX.current=event.clientX,document.addEventListener(`mousemove`,onVerticalMouseMove),document.addEventListener(`mouseup`,stopVerticalResize)},stopVerticalResize=()=>{isVerticalResizeActive.current=!1,lastCursorX.current=-1,document.removeEventListener(`mousemove`,onVerticalMouseMove),document.removeEventListener(`mouseup`,stopVerticalResize)};return{startVerticalResize,stopVerticalResize,isVerticalResizeActive}};export{useResizeMedia};
+import { useRef, useEffect } from "react";
+const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
+  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), readCurrentPixelWidth = () => {
+    const el = refResizable.current;
+    if (!el) return 0;
+    const rect = el.getBoundingClientRect();
+    return Math.round(rect.width || el.width || 0);
+  }, readCurrentPixelHeight = () => {
+    const el = refResizable.current;
+    if (!el) return 0;
+    const rect = el.getBoundingClientRect();
+    return Math.round(rect.height || el.height || 0);
+  };
+  useEffect(() => {
+    const proseMirrorContainerDiv = document.querySelector(".ProseMirror");
+    if (proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv.clientWidth), forcedAspectRatio && forcedAspectRatio > 0)
+      aspectRatio.current = forcedAspectRatio;
+    else {
+      const w = readCurrentPixelWidth(), h = readCurrentPixelHeight();
+      w > 0 && h > 0 ? aspectRatio.current = w / h : aspectRatio.current = 16 / 9;
+    }
+  }, []);
+  const clampWidth = (w) => {
+    let width = w;
+    return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), Math.round(width);
+  }, onVerticalResize = (direction, diff) => {
+    const currWidth = readCurrentPixelWidth();
+    if (!currWidth) return;
+    let newWidth = direction === "left" ? currWidth - Math.abs(diff) : currWidth + Math.abs(diff);
+    newWidth = clampWidth(newWidth);
+    const ratio = aspectRatio.current || 16 / 9, newHeight = Math.round(newWidth / ratio);
+    setTimeout(() => {
+      props.updateAttributes({
+        width: newWidth,
+        height: newHeight
+      });
+    });
+  }, onVerticalMouseMove = (event) => {
+    if (!isVerticalResizeActive.current) return;
+    const {
+      clientX
+    } = event, diff = lastCursorX.current - clientX;
+    if (lastCursorX.current = clientX, diff === 0) return;
+    const direction = diff > 0 ? "left" : "right";
+    onVerticalResize(direction, Math.abs(diff));
+  }, startVerticalResize = (event) => {
+    isVerticalResizeActive.current = !0, lastCursorX.current = event.clientX, document.addEventListener("mousemove", onVerticalMouseMove), document.addEventListener("mouseup", stopVerticalResize);
+  }, stopVerticalResize = () => {
+    isVerticalResizeActive.current = !1, lastCursorX.current = -1, document.removeEventListener("mousemove", onVerticalMouseMove), document.removeEventListener("mouseup", stopVerticalResize);
+  };
+  return {
+    startVerticalResize,
+    stopVerticalResize,
+    isVerticalResizeActive
+  };
+};
+export {
+  useResizeMedia
+};

package/dist/modules/editor/hooks/useSpeechRecognition.js

@@ -1 +1,21 @@
-import{useState}from"react";import{odeServices}from"@edifice.io/client";var useSpeechRecognition=editor=>{let[isActive,setActive]=useState(!1);return{isAvailable:!!(window.SpeechRecognition||window.webkitSpeechRecognition),isActive,toggle:()=>{isActive?(editor?.commands.stopSpeechRecognition(),setActive(!1)):(odeServices.data().trackSpeechAndText(`STT`),setActive(editor?.commands.startSpeechRecognition()||!1))}}};export{useSpeechRecognition};
+import { useState } from "react";
+import { odeServices } from "@edifice.io/client";
+const useSpeechRecognition = (editor) => {
+  const [isActive, setActive] = useState(!1), toggle = () => {
+    if (isActive)
+      editor == null || editor.commands.stopSpeechRecognition(), setActive(!1);
+    else {
+      odeServices.data().trackSpeechAndText("STT");
+      const started = (editor == null ? void 0 : editor.commands.startSpeechRecognition()) || !1;
+      setActive(started);
+    }
+  };
+  return {
+    isAvailable: !!(window.SpeechRecognition || window.webkitSpeechRecognition),
+    isActive,
+    toggle
+  };
+};
+export {
+  useSpeechRecognition
+};

package/dist/modules/editor/hooks/useSpeechSynthetisis.js

@@ -1 +1,20 @@
-import{useCallback,useState}from"react";import{odeServices}from"@edifice.io/client";var useSpeechSynthetisis=editor=>{let[isActivated,setActivated]=useState(!1);return{isActivated,toggle:useCallback(()=>{if(isActivated)return editor?.commands.stopSpeechSynthesis(),setActivated(!1),!1;{odeServices.data().trackSpeechAndText(`TTS`);let speech=editor?.commands.startSpeechSynthesis()||!1;return setActivated(speech),speech}},[editor?.commands,isActivated])}};export{useSpeechSynthetisis};
+import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+const useSpeechSynthetisis = (editor) => {
+  const [isActivated, setActivated] = useState(!1), toggle = useCallback(() => {
+    if (isActivated)
+      return editor == null || editor.commands.stopSpeechSynthesis(), setActivated(!1), !1;
+    {
+      odeServices.data().trackSpeechAndText("TTS");
+      const speech = (editor == null ? void 0 : editor.commands.startSpeechSynthesis()) || !1;
+      return setActivated(speech), speech;
+    }
+  }, [editor == null ? void 0 : editor.commands, isActivated]);
+  return {
+    isActivated,
+    toggle
+  };
+};
+export {
+  useSpeechSynthetisis
+};

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -1 +1,88 @@
-import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useUpload from"../../../hooks/useUpload/useUpload.js";import AttachmentNodeView from"../components/NodeView/AttachmentNodeView.js";import AudioNodeView from"../components/NodeView/AudioNodeView.js";import ImageNodeView from"../components/NodeView/ImageNodeView.js";import LinkerNodeView from"../components/NodeView/LinkerNodeView.js";import VideoNodeView from"../components/NodeView/VideoNodeView.js";import InformationPaneNodeView from"../components/NodeView/InformationPaneNodeView.js";import IframeNodeView from"../components/NodeView/IframeNodeView.js";import AttachmentRenderer from"../components/Renderer/AttachmentRenderer.js";import AudioRenderer from"../components/Renderer/AudioRenderer.js";import LinkerRenderer from"../components/Renderer/LinkerRenderer.js";import MediaRenderer from"../components/Renderer/MediaRenderer.js";import InformationPaneRenderer from"../components/Renderer/InformationPaneRenderer.js";import{useEffect}from"react";import{useTranslation}from"react-i18next";import{useEditor}from"@tiptap/react";import StarterKit from"@tiptap/starter-kit";import{Hyperlink}from"@edifice.io/tiptap-extensions/hyperlink";import{Alert}from"@edifice.io/tiptap-extensions/alert";import{FontSize}from"@edifice.io/tiptap-extensions/font-size";import{CustomHeading}from"@edifice.io/tiptap-extensions/heading";import{CustomHighlight}from"@edifice.io/tiptap-extensions/highlight";import{SpeechRecognition}from"@edifice.io/tiptap-extensions/speech-recognition";import{SpeechSynthesis}from"@edifice.io/tiptap-extensions/speech-synthesis";import{TableCell}from"@edifice.io/tiptap-extensions/table-cell";import{Mathematics as Mathematics$1}from"@tiptap/extension-mathematics";import Color from"@tiptap/extension-color";import Focus from"@tiptap/extension-focus";import FontFamily from"@tiptap/extension-font-family";import Placeholder from"@tiptap/extension-placeholder";import Subscript from"@tiptap/extension-subscript";import Superscript from"@tiptap/extension-superscript";import Table from"@tiptap/extension-table";import TableHeader from"@tiptap/extension-table-header";import TableRow from"@tiptap/extension-table-row";import TextAlign from"@tiptap/extension-text-align";import TextStyle from"@tiptap/extension-text-style";import Typography from"@tiptap/extension-typography";import Underline from"@tiptap/extension-underline";var useTipTapEditor=(editable,content,focus,placeholder,onContentChange,visibility=`protected`,extensions)=>{let{currentLanguage}=useEdificeClient(),{t}=useTranslation(),{uploadFile}=useUpload(visibility),editor=useEditor({editable:!0,extensions:[StarterKit,Focus.configure({className:`has-focus`,mode:`all`}),Placeholder.configure({placeholder:t(placeholder||`tiptap.placeholder`)}),CustomHighlight.configure({multicolor:!0}),Underline,TextStyle,Color,Subscript,Superscript,Table.configure({resizable:!0}),TableRow,TableHeader,TableCell,TextAlign.configure({types:[`heading`,`paragraph`,`video`,`audio`,`iframe`]}),CustomHeading.configure({levels:[1,2]}),Typography,FontSize,SpeechRecognition,SpeechSynthesis.configure({lang:currentLanguage?.length===2?`${currentLanguage}-${currentLanguage.toUpperCase()}`:`fr-FR`}),Hyperlink,FontFamily,Mathematics$1,Alert,IframeNodeView(MediaRenderer),VideoNodeView(MediaRenderer),AudioNodeView(AudioRenderer),LinkerNodeView(LinkerRenderer),ImageNodeView(MediaRenderer,uploadFile),AttachmentNodeView(AttachmentRenderer),InformationPaneNodeView(InformationPaneRenderer),...extensions||[]],content,...onContentChange?{onUpdate:onContentChange}:{}});return useEffect(()=>{editor?.setEditable(editable,!1)},[editor,editable]),useEffect(()=>{editor?.commands.setContent(content)},[content]),useEffect(()=>{focus&&editor?.commands.focus(focus)},[editor,focus,editable]),{editor,editable}};export{useTipTapEditor};
+import { useEffect } from "react";
+import { Alert } from "@edifice.io/tiptap-extensions/alert";
+import { FontSize } from "@edifice.io/tiptap-extensions/font-size";
+import { CustomHeading } from "@edifice.io/tiptap-extensions/heading";
+import { CustomHighlight } from "@edifice.io/tiptap-extensions/highlight";
+import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
+import { SpeechRecognition } from "@edifice.io/tiptap-extensions/speech-recognition";
+import { SpeechSynthesis } from "@edifice.io/tiptap-extensions/speech-synthesis";
+import { TableCell } from "@edifice.io/tiptap-extensions/table-cell";
+import { Mathematics } from "@tiptap/extension-mathematics";
+import Color from "@tiptap/extension-color";
+import Focus from "@tiptap/extension-focus";
+import FontFamily from "@tiptap/extension-font-family";
+import Placeholder from "@tiptap/extension-placeholder";
+import Subscript from "@tiptap/extension-subscript";
+import Superscript from "@tiptap/extension-superscript";
+import Table from "@tiptap/extension-table";
+import TableHeader from "@tiptap/extension-table-header";
+import TableRow from "@tiptap/extension-table-row";
+import TextAlign from "@tiptap/extension-text-align";
+import TextStyle from "@tiptap/extension-text-style";
+import Typography from "@tiptap/extension-typography";
+import Underline from "@tiptap/extension-underline";
+import { useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useUpload from "../../../hooks/useUpload/useUpload.js";
+import IframeNodeView from "../components/NodeView/IframeNodeView.js";
+import MediaRenderer from "../components/Renderer/MediaRenderer.js";
+import VideoNodeView from "../components/NodeView/VideoNodeView.js";
+import AudioNodeView from "../components/NodeView/AudioNodeView.js";
+import AudioRenderer from "../components/Renderer/AudioRenderer.js";
+import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
+import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
+import ImageNodeView from "../components/NodeView/ImageNodeView.js";
+import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
+import InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.js";
+import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
+  const {
+    currentLanguage
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(), {
+    uploadFile
+  } = useUpload(visibility), editor = useEditor({
+    // fix WB-2534
+    // TipTap editor must be instantiated in editable mode for table columns to be resizable.
+    // It will then be set in the correct editable mode, by a useEffect below.
+    editable: !0,
+    extensions: [StarterKit, Focus.configure({
+      className: "has-focus",
+      mode: "all"
+    }), Placeholder.configure({
+      placeholder: t(placeholder || "tiptap.placeholder")
+    }), CustomHighlight.configure({
+      multicolor: !0
+    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
+      resizable: !0
+    }), TableRow, TableHeader, TableCell, TextAlign.configure({
+      types: ["heading", "paragraph", "video", "audio", "iframe"]
+    }), CustomHeading.configure({
+      levels: [1, 2]
+    }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
+      lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
+    }), Hyperlink, FontFamily, Mathematics, Alert, IframeNodeView(MediaRenderer), VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
+    content,
+    // If the onContentChange callback is provided, we call it on every content change.
+    ...onContentChange ? {
+      onUpdate: onContentChange
+    } : {}
+  });
+  return useEffect(() => {
+    editor == null || editor.setEditable(editable, !1);
+  }, [editor, editable]), useEffect(() => {
+    editor == null || editor.commands.setContent(content);
+  }, [content]), useEffect(() => {
+    focus && (editor == null || editor.commands.focus(focus));
+  }, [editor, focus, editable]), {
+    editor,
+    editable
+  };
+};
+export {
+  useTipTapEditor
+};

package/dist/modules/editor/utilities/has-extension.js

@@ -1 +1,4 @@
-var hasExtension=(extensionName,editor)=>!!editor?.extensionManager.extensions.find(item=>item.name===extensionName);export{hasExtension};
+const hasExtension = (extensionName, editor) => !!(editor != null && editor.extensionManager.extensions.find((item) => item.name === extensionName));
+export {
+  hasExtension
+};

package/dist/modules/editor/utilities/has-mark.js

@@ -1 +1,4 @@
-var hasMark=(extensionName,editor)=>!!editor?.extensionManager.splittableMarks.includes(extensionName);export{hasMark};
+const hasMark = (extensionName, editor) => !!(editor != null && editor.extensionManager.splittableMarks.includes(extensionName));
+export {
+  hasMark
+};

package/dist/modules/editor/utilities/has-text-style.js

@@ -1 +1,5 @@
-import{hasMark}from"./has-mark.js";var hasTextStyle=(styleName,editor)=>editor?.extensionManager.extensions.find(item=>item.name===styleName&&hasMark(`textStyle`,editor));export{hasTextStyle};
+import { hasMark } from "./has-mark.js";
+const hasTextStyle = (styleName, editor) => editor == null ? void 0 : editor.extensionManager.extensions.find((item) => item.name === styleName && hasMark("textStyle", editor));
+export {
+  hasTextStyle
+};

package/dist/modules/homepage/components/Communities/Communities.js

@@ -1 +1,36 @@
-import SvgIconArrowRight from"../../../icons/components/IconArrowRight.js";import Flex from"../../../../components/Flex/Flex.js";import Image from"../../../../components/Image/Image.js";import HomeCard from"../HomeCard/HomeCard.js";import CommunityItem from"./CommunityItem.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuCommunities from"@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";var Communities=({communitiesList=[],handleActionClick,canCreateCommunity=!1})=>{let{t}=useTranslation();return jsxs(HomeCard,{variant:`primary`,children:[jsx(HomeCard.Header,{actionLabel:communitiesList.length>0||!canCreateCommunity?t(`homepage.communities.actionLabel.seeMore`,`Voir plus`):t(`homepage.communities.actionLabel.create`,`Créer une communauté`),actionRightIcon:jsx(SvgIconArrowRight,{}),onActionClick:handleActionClick,title:t(`homepage.communities.title`,`Mes communautés`)}),jsx(HomeCard.Content,{className:`communities-content`,children:jsx(Flex,{gap:`16`,children:communitiesList.length>0?jsx(`div`,{className:`communities-list`,children:communitiesList.map((community,index)=>jsx(CommunityItem,{title:community.title,communityImage:community.communityImage,onActionClick:community.onActionClick,nbNotifications:community.nbNotifications,width:`auto`},index))}):jsxs(`div`,{className:`communities-empty`,children:[jsx(Image,{src:illuCommunities,alt:``,"aria-hidden":`true`,style:{width:80,height:80}}),jsx(`div`,{className:`communities-empty-content`,children:canCreateCommunity?jsxs(Fragment,{children:[jsx(`p`,{className:`communities-empty-title`,children:t(`homepage.communities.subtitle.teacher`,`Réunissez vos élèves avec Communautés !`)}),jsx(`p`,{className:`communities-empty-description`,children:t(`homepage.communities.description.teacher`,`Centralisez et organisez les documents et les ressources pour vos groupes d'élèves.`)})]}):jsxs(Fragment,{children:[jsx(`p`,{className:`communities-empty-title`,children:t(`homepage.communities.subtitle.student`,`Retrouvez toutes vos communautés ici ! `)}),jsx(`p`,{className:`communities-empty-description`,children:t(`homepage.communities.description.student`,`Consultez l'onglet "Nouveaux partages" pour découvrir si vous avez été ajouté à une nouvelle communauté.`)})]})})]})})})]})};export{Communities as default};
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import illuCommunities from "@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import CommunityItem from "./CommunityItem.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Image from "../../../../components/Image/Image.js";
+const Communities = ({
+  communitiesList = [],
+  handleActionClick,
+  canCreateCommunity = !1
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 || !canCreateCommunity ? t("homepage.communities.actionLabel.seeMore", "Voir plus") : t("homepage.communities.actionLabel.create", "Créer une communauté"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title", "Mes communautés") }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: communitiesList.length > 0 ? /* @__PURE__ */ jsx("div", { className: "communities-list", children: communitiesList.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: "auto" }, index)) }) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuCommunities, alt: "", "aria-hidden": "true", style: {
+        width: 80,
+        height: 80
+      } }),
+      /* @__PURE__ */ jsx("div", { className: "communities-empty-content", children: canCreateCommunity ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.teacher", "Réunissez vos élèves avec Communautés !") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.teacher", "Centralisez et organisez les documents et les ressources pour vos groupes d'élèves.") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.student", "Retrouvez toutes vos communautés ici ! ") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.student", `Consultez l'onglet "Nouveaux partages" pour découvrir si vous avez été ajouté à une nouvelle communauté.`) })
+      ] }) })
+    ] }) }) })
+  ] });
+};
+export {
+  Communities as default
+};

package/dist/modules/homepage/components/Communities/CommunitiesContainer.js

@@ -1 +1,35 @@
-import useHasWorkflow from"../../../../hooks/useHasWorkflow/useHasWorkflow.js";import Communities from"./Communities.js";import CommunitiesSkeleton from"./CommunitiesSkeleton.js";import{useCommunities}from"./useCommunities.js";import{useCallback,useMemo}from"react";import{jsx}from"react/jsx-runtime";var COMMUNITY_ACCESS_WORKFLOW=`community.access`,COMMUNITY_CREATE_WORKFLOW=`community.create`,COMMUNITY_WORKFLOWS=[COMMUNITY_ACCESS_WORKFLOW,COMMUNITY_CREATE_WORKFLOW];function CommunitiesContainer({onCommunityClick:handleCommunityClick=community=>{window.open(`/communities/id/${community.id}/home`,`_self`)},onHeaderActionClick:handleHeaderActionClick}){let rights=useHasWorkflow(COMMUNITY_WORKFLOWS),canCreateCommunity=rights?.[COMMUNITY_CREATE_WORKFLOW]===!0,hasCommunitiesRight=canCreateCommunity||rights?.[COMMUNITY_ACCESS_WORKFLOW]===!0,{communities,isLoading,error}=useCommunities({enabled:hasCommunitiesRight}),handleActionClick=useCallback(()=>{if(handleHeaderActionClick){handleHeaderActionClick();return}window.open(communities.length===0&&canCreateCommunity?`/communities/create/step-type`:`/communities`,`_self`)},[handleHeaderActionClick,communities.length,canCreateCommunity]),mappedCommunities=useMemo(()=>communities.map(community=>({title:community.title,communityImage:community.image??``,onActionClick:()=>handleCommunityClick(community)})),[communities,handleCommunityClick]);return rights===void 0||isLoading?jsx(CommunitiesSkeleton,{}):hasCommunitiesRight?error?`An error occurred while loading communities.`:jsx(Communities,{communitiesList:mappedCommunities,handleActionClick,canCreateCommunity}):null}export{CommunitiesContainer};
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import Communities from "./Communities.js";
+import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
+import { useCommunities } from "./useCommunities.js";
+import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const COMMUNITY_ACCESS_WORKFLOW = "community.access", COMMUNITY_CREATE_WORKFLOW = "community.create", COMMUNITY_WORKFLOWS = [COMMUNITY_ACCESS_WORKFLOW, COMMUNITY_CREATE_WORKFLOW];
+function CommunitiesContainer({
+  onCommunityClick: handleCommunityClick = (community) => {
+    window.open(`/communities/id/${community.id}/home`, "_self");
+  },
+  onHeaderActionClick: handleHeaderActionClick
+}) {
+  const rights = useHasWorkflow(COMMUNITY_WORKFLOWS), canCreateCommunity = (rights == null ? void 0 : rights[COMMUNITY_CREATE_WORKFLOW]) === !0, hasCommunitiesRight = canCreateCommunity || (rights == null ? void 0 : rights[COMMUNITY_ACCESS_WORKFLOW]) === !0, {
+    communities,
+    isLoading,
+    error
+  } = useCommunities({
+    enabled: hasCommunitiesRight
+  }), handleActionClick = useCallback(() => {
+    if (handleHeaderActionClick) {
+      handleHeaderActionClick();
+      return;
+    }
+    window.open(communities.length === 0 && canCreateCommunity ? "/communities/create/step-type" : "/communities", "_self");
+  }, [handleHeaderActionClick, communities.length, canCreateCommunity]), mappedCommunities = useMemo(() => communities.map((community) => ({
+    title: community.title,
+    communityImage: community.image ?? "",
+    onActionClick: () => handleCommunityClick(community)
+  })), [communities, handleCommunityClick]);
+  return rights === void 0 || isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : hasCommunitiesRight ? error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick, canCreateCommunity }) : null;
+}
+export {
+  CommunitiesContainer
+};

package/dist/modules/homepage/components/Communities/CommunitiesSkeleton.js

@@ -1 +1,29 @@
-import Flex from"../../../../components/Flex/Flex.js";import Skeleton from"../../../../components/Skeleton/Skeleton.js";import HomeCard from"../HomeCard/HomeCard.js";import{jsx,jsxs}from"react/jsx-runtime";var primaryTitleWidths=[`80%`,`64%`,`88%`,`72%`,`76%`,`68%`],secondaryTitleWidths=[`56%`,`44%`,`60%`,`48%`,`52%`,`40%`],CommunitiesSkeleton=()=>jsxs(HomeCard,{variant:`primary`,"data-testid":`communities-skeleton`,children:[jsxs(Flex,{align:`center`,justify:`between`,gap:`8`,className:`home-card-header`,children:[jsx(Skeleton,{className:`communities-skeleton-title col-5`}),jsx(Skeleton,{variant:`block`,className:`communities-skeleton-button`})]}),jsx(HomeCard.Content,{className:`communities-content`,children:jsx(Flex,{gap:`16`,children:jsx(`div`,{className:`communities-list`,children:primaryTitleWidths.map((primaryWidth,index)=>jsxs(`div`,{className:`communities-item`,"aria-hidden":`true`,children:[jsx(Skeleton,{variant:`block`,tone:`strong`,className:`communities-item-image`,style:{aspectRatio:`1 / 1`}}),jsxs(Flex,{direction:`column`,gap:`4`,className:`mt-8`,children:[jsx(Skeleton,{className:`communities-skeleton-line`,width:primaryWidth}),jsx(Skeleton,{className:`communities-skeleton-line`,width:secondaryTitleWidths[index]})]})]},primaryWidth))})})})]});export{CommunitiesSkeleton as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
+const primaryTitleWidths = ["80%", "64%", "88%", "72%", "76%", "68%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%", "52%", "40%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
+  /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: "home-card-header", children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "col-5" }),
+    /* @__PURE__ */ jsx(ButtonSkeleton, { "aria-hidden": "true", size: "sm", className: "px-24", color: "tertiary" })
+  ] }),
+  /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: /* @__PURE__ */ jsx("div", { className: "communities-list", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: "communities-item-image placeholder rounded", style: {
+      display: "block"
+    } }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", className: "mt-8", children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: primaryWidth,
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { style: {
+        width: secondaryTitleWidths[index],
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) })
+    ] })
+  ] }, primaryWidth)) }) }) })
+] });
+export {
+  CommunitiesSkeleton as default
+};

package/dist/modules/homepage/components/Communities/CommunityItem.js

@@ -1 +1,28 @@
-import Image from"../../../../components/Image/Image.js";import Badge from"../../../../components/Badge/Badge.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var CommunityItem=({title,communityImage,nbNotifications,onActionClick,width=`25%`})=>{let hasNotifications=(nbNotifications??0)>0;return jsxs(`div`,{role:`button`,tabIndex:0,onClick:onActionClick,className:clsx$1(`communities-item`,{"communities-item-has-notifications":hasNotifications}),style:{width},children:[hasNotifications&&jsx(Badge,{className:`communities-item-badge`,variant:{level:`danger`,type:`notification`},children:nbNotifications}),jsx(Image,{className:`communities-item-image`,src:communityImage,alt:title}),jsx(`p`,{className:`communities-item-title text-truncate text-truncate-2`,children:title})]})};export{CommunityItem as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Badge from "../../../../components/Badge/Badge.js";
+import Image from "../../../../components/Image/Image.js";
+const CommunityItem = ({
+  title,
+  communityImage,
+  nbNotifications,
+  onActionClick,
+  width = "25%"
+}) => {
+  const hasNotifications = (nbNotifications ?? 0) > 0;
+  return /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, onClick: onActionClick, className: clsx("communities-item", {
+    "communities-item-has-notifications": hasNotifications
+  }), style: {
+    width
+  }, children: [
+    hasNotifications && /* @__PURE__ */ jsx(Badge, { className: "communities-item-badge", variant: {
+      level: "danger",
+      type: "notification"
+    }, children: nbNotifications }),
+    /* @__PURE__ */ jsx(Image, { className: "communities-item-image", src: communityImage, alt: title }),
+    /* @__PURE__ */ jsx("p", { className: "communities-item-title text-truncate text-truncate-2", children: title })
+  ] });
+};
+export {
+  CommunityItem as default
+};

package/dist/modules/homepage/components/Communities/useCommunities.js

@@ -1 +1,30 @@
-import{odeServices}from"@edifice.io/client";import{queryOptions,useQuery}from"@tanstack/react-query";var COMMUNITIES_PREVIEW_SIZE=6;function useCommunities({enabled=!0}={}){let{data,isLoading,error}=useQuery(queryOptions({queryKey:[`communities`,`preview`],queryFn:async()=>{let http=odeServices.http(),response=await http.get(`/communities/api/communities?page=1&size=6`);if(http.isResponseError())throw Error(http.latestResponse.statusText);return response.items},enabled}));return{communities:data??[],isLoading,error}}export{COMMUNITIES_PREVIEW_SIZE,useCommunities};
+import { odeServices } from "@edifice.io/client";
+import { useQuery, queryOptions } from "@tanstack/react-query";
+const COMMUNITIES_PREVIEW_SIZE = 6;
+function useCommunities({
+  enabled = !0
+} = {}) {
+  const {
+    data,
+    isLoading,
+    error
+  } = useQuery(queryOptions({
+    queryKey: ["communities", "preview"],
+    queryFn: async () => {
+      const http = odeServices.http(), response = await http.get(`/communities/api/communities?page=1&size=${COMMUNITIES_PREVIEW_SIZE}`);
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      return response.items;
+    },
+    enabled
+  }));
+  return {
+    communities: data ?? [],
+    isLoading,
+    error
+  };
+}
+export {
+  COMMUNITIES_PREVIEW_SIZE,
+  useCommunities
+};

package/dist/modules/homepage/components/Favorites/Favorites.js

@@ -1 +1,31 @@
-import SvgIconArrowRight from"../../../icons/components/IconArrowRight.js";import Flex from"../../../../components/Flex/Flex.js";import AppIcon from"../../../../components/AppIcon/AppIcon.js";import HomeCard from"../HomeCard/HomeCard.js";import{useCallback,useMemo}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuEmptyFavorite from"@edifice.io/bootstrap/dist/images/homepage/illu-empty-favorite.svg";function Favorites({apps,onSeeAllClick=()=>window.open(`/welcome`,`_self`)}){let{t}=useTranslation(),getAppName=useCallback(app=>app.prefix&&app.prefix.length>1?t(app.prefix.substring(1)):t(app.displayName)||``,[t]),visibleApps=useMemo(()=>apps.filter(app=>app.display!==!1).sort((a,b)=>getAppName(a).localeCompare(getAppName(b),void 0,{sensitivity:`base`})),[apps,getAppName]);return jsxs(HomeCard,{variant:`secondary`,children:[jsx(HomeCard.Header,{title:t(`homepage.favorites.title`),actionLabel:t(`homepage.favorites.all`),onActionClick:onSeeAllClick,actionRightIcon:jsx(SvgIconArrowRight,{})}),jsx(HomeCard.Content,{children:jsx(`div`,{className:`favorites-content`,children:visibleApps.length===0?jsxs(Flex,{align:`center`,gap:`12`,children:[jsx(`img`,{src:illuEmptyFavorite,alt:``,width:50,height:50}),jsx(`span`,{className:`favorites-empty-text`,children:t(`homepage.favorites.empty`)})]}):jsx(Flex,{wrap:`wrap`,gap:`8 16`,children:visibleApps.map(app=>{let appName=getAppName(app),opensInNewTab=app.isExternal||app.target===`_blank`;return jsx(`a`,{href:app.address,"aria-label":appName,title:appName,target:opensInNewTab?`_blank`:void 0,rel:opensInNewTab?`noopener noreferrer`:void 0,children:jsx(AppIcon,{app,size:`40`,variant:`square`})},app.name)})})})})]})}export{Favorites};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import illuEmptyFavorite from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-favorite.svg";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+function Favorites({
+  apps,
+  onSeeAllClick = () => window.open("/welcome", "_self")
+}) {
+  const {
+    t
+  } = useTranslation(), getAppName = (app) => app.prefix && app.prefix.length > 1 ? t(app.prefix.substring(1)) : t(app.displayName) || "", visibleApps = useMemo(() => apps.filter((app) => app.display !== !1).sort((a, b) => getAppName(a).localeCompare(getAppName(b), void 0, {
+    sensitivity: "base"
+  })), [apps, t]);
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "secondary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title"), actionLabel: t("homepage.favorites.all"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx("div", { className: "favorites-content", children: visibleApps.length === 0 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "12", children: [
+      /* @__PURE__ */ jsx("img", { src: illuEmptyFavorite, alt: "", width: 50, height: 50 }),
+      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "8 16", children: visibleApps.map((app) => {
+      const appName = getAppName(app), opensInNewTab = app.isExternal || app.target === "_blank";
+      return /* @__PURE__ */ jsx("a", { href: app.address, "aria-label": appName, title: appName, target: opensInNewTab ? "_blank" : void 0, rel: opensInNewTab ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40", variant: "square" }) }, app.name);
+    }) }) }) })
+  ] });
+}
+export {
+  Favorites
+};

package/dist/modules/homepage/components/Favorites/FavoritesContainer.js

@@ -1 +1,10 @@
-import useBookmark from"../../../../hooks/useBookmark/useBookmark.js";import{Favorites}from"./Favorites.js";import{jsx}from"react/jsx-runtime";function FavoritesContainer(props){let apps=useBookmark()??[];return jsx(Favorites,{...props,apps})}export{FavoritesContainer};
+import { jsx } from "react/jsx-runtime";
+import { Favorites } from "./Favorites.js";
+import useBookmark from "../../../../hooks/useBookmark/useBookmark.js";
+function FavoritesContainer(props) {
+  const apps = useBookmark() ?? [];
+  return /* @__PURE__ */ jsx(Favorites, { ...props, apps });
+}
+export {
+  FavoritesContainer
+};