@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaLibraryEditor.js","sources":["../../../../src/modules/editor/hooks/useMediaLibraryEditor.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport { WorkspaceElement } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\nimport {\n  TabsItemProps,\n  addTimestampToImageUrl,\n  useWorkspaceFile,\n} from '../../..';\nimport {\n  IExternalLink,\n  InternalLinkTabResult,\n  MediaLibraryRef,\n  MediaLibraryResult,\n  MediaLibraryType,\n} from '../../multimedia';\n\n/**\n * Custom hook to manage MediaLibrary events in an editor.\n * @param editor an instance\n * @returns {\n * `ref`: a reference to a MediaLibrary instance,\n * `onCancel`: Cancel event handler,\n * `onSuccess`: Success event handler (adds a formula to the editor content),\n * }\n */\nexport const useMediaLibraryEditor = (editor: Editor | null) => {\n  const { remove } = useWorkspaceFile();\n\n  /**\n   * Convert the result of a successful action in MediaLibrary\n   * - to a call to the editor's dedicated command,\n   * or\n   * - to an HTML fragment of rich content + insert it.\n   *\n   * The inital result  depends on the MediaLibrary type.\n   */\n  const appendResult = useCallback(\n    (type: MediaLibraryType, result: MediaLibraryResult) => {\n      if (!type || !editor) return;\n\n      switch (type) {\n        // Image type => result is of type WorkspaceElement[]\n        case 'image': {\n          const images = result as WorkspaceElement[];\n          const imagesSize = images.length - 1;\n\n          images.forEach((image, index) => {\n            const url = `/workspace/${image.public ? 'pub/' : ''}document/${\n              image._id\n            }`;\n\n            editor\n              ?.chain()\n              .focus()\n              .setNewImage({\n                /**\n                 * WB-3053: addTimestampToImageUrl to update correctly image in tiptap-image-extension\n                 */\n                src: addTimestampToImageUrl(url),\n                alt: image.alt,\n                title: image.title,\n              })\n              .run();\n            // Deselect the image, so that next images are added afterward. Select only the last image.\n            if (index < imagesSize) {\n              editor?.commands.setTextSelection(editor.state.selection.to);\n            }\n          });\n          break;\n        }\n\n        // Audio type => result is of type WorkspaceElement[]\n        case 'audio': {\n          const sounds = Array.isArray(result)\n            ? (result as WorkspaceElement[])\n            : [result];\n          // The setAudio() command does not auto-select the inserted audio.\n          // => reset the cursor position after inserting\n          const { from } = editor.state.selection;\n          sounds.reverse().forEach((sound: WorkspaceElement) => {\n            editor?.commands.setAudio(\n              sound._id || '',\n              `/workspace/${sound.public ? 'pub/' : ''}document/${sound._id}`,\n            );\n            editor?.commands.setTextSelection(from);\n          });\n          break;\n        }\n\n        // Video type => result is of type WorkspaceElement[] or string\n        case 'video': {\n          if (typeof result === 'string') {\n            // This is a video Embedded code (iframe from trusted media provider)\n            editor?.commands.insertContentAt(\n              editor.view.state.selection,\n              result,\n            );\n          } else {\n            const videos = result as WorkspaceElement[];\n            // The setVideo() command does not auto-select the inserted video.\n            // => reset the cursor position after inserting\n            const { from } = editor.state.selection;\n            videos.reverse().forEach((video) => {\n              editor?.commands.setVideo(\n                video._id || '',\n                `/workspace/${video.public ? 'pub/' : ''}document/${video._id}`,\n                true,\n              );\n              editor?.commands.setTextSelection(from);\n            });\n          }\n          break;\n        }\n\n        case 'attachment': {\n          let innerHtml = '';\n          for (let i = 0; i < result.length; i++) {\n            const link = (result as WorkspaceElement[])[i];\n            innerHtml += `<a href=\"/workspace/${\n              link.public ? 'pub/' : ''\n            }document/${link._id}\">${link.name}\n            </a>`;\n          }\n          const richContent = `<div class=\"attachments\">\n            ${innerHtml}\n          </div>`;\n          editor?.commands.insertContentAt(\n            editor.view.state.selection,\n            richContent,\n          );\n          editor?.commands.enter();\n          break;\n        }\n\n        case 'hyperlink': {\n          const resourceTabResult = result as InternalLinkTabResult;\n          // Cancel any pre-selected link\n          if (editor?.isActive('linker')) editor.commands.unsetLinker();\n          if (editor?.isActive('hyperlink'))\n            editor.commands.toggleMark('hyperlink');\n\n          // Manage new links\n          editor?.commands.focus();\n          if (\n            editor.state.selection.empty &&\n            Array.isArray(resourceTabResult.resources)\n          ) {\n            // One or more internal link(s) are rendered as a Badge.\n            resourceTabResult.resources.forEach((link) => {\n              editor?.commands.setLinker({\n                href: link.path,\n                'data-app-prefix': link.application,\n                'data-id': link.assetId,\n                target: resourceTabResult.target ?? null,\n                title: link.name,\n              });\n              // Add next links afterward.\n              if (\n                resourceTabResult &&\n                resourceTabResult.resources &&\n                resourceTabResult.resources.length > 1\n              ) {\n                editor.commands.enter();\n              }\n            });\n          } else {\n            // Links are rendered as Hyperlinks\n            // Utility function\n            const insertAndSelectText = (name?: string) => {\n              if (!name) return;\n              const from = editor.state.selection.head;\n              const to = from + name.length;\n              editor\n                ?.chain()\n                .insertContent(name)\n                .setTextSelection({ from, to })\n                .run();\n            };\n\n            // *** Case of internal links ***\n            if (Array.isArray(resourceTabResult.resources)) {\n              resourceTabResult.resources.forEach((link) => {\n                if (editor.state.selection.empty) {\n                  // No text is currently selected.\n                  // => Insert the name of the first link and select it.\n                  insertAndSelectText(link.name);\n                }\n                // Add a hyperlink to the selection.\n                editor?.commands.setLink({\n                  href: link.path,\n                  target: resourceTabResult.target ?? null,\n                });\n                // Cancel selection, so that next links are added afterward.\n                const newPosition = editor.state.selection.head;\n                editor.commands.setTextSelection({\n                  from: newPosition,\n                  to: newPosition,\n                });\n                // Newline needed, unless it is the last link.\n                if (\n                  resourceTabResult?.resources &&\n                  resourceTabResult?.resources?.length > 1\n                ) {\n                  editor.commands.enter();\n                }\n              });\n            } else {\n              // *** Case of external link ***\n              const { url, target, text } = result as IExternalLink;\n              if (editor.state.selection.empty) {\n                // No text is currently selected.\n                // => Insert the name of the link and select it.\n                insertAndSelectText(text);\n              } else {\n                const { selection } = editor.view.state;\n                const { from, to } = selection;\n                if (\n                  text &&\n                  selection.content().content.child(0).textContent !== text\n                ) {\n                  editor\n                    .chain()\n                    .focus()\n                    .insertContentAt(\n                      {\n                        from,\n                        to,\n                      },\n                      text,\n                    )\n                    .setTextSelection({\n                      from,\n                      to: from + text.length,\n                    })\n                    .run();\n                }\n              }\n              editor?.commands.setLink({\n                href: url,\n                title: '',\n                target,\n              });\n            }\n          }\n          break;\n        }\n\n        case 'embedder': {\n          editor?.commands.insertContentAt(editor.view.state.selection, result);\n          editor?.commands.enter();\n          break;\n        }\n\n        default:\n          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type \"${type}\" n'est pas convertissable pour l'instant !</div>`;\n      }\n    },\n    [editor],\n  );\n\n  const mediaLibraryRef = useRef<MediaLibraryRef>(null);\n\n  //----- Handlers\n  const onCancel = async (uploads?: WorkspaceElement[]) => {\n    if (mediaLibraryRef.current?.type && uploads && uploads.length > 0) {\n      await remove(uploads);\n    }\n    mediaLibraryRef.current?.hide();\n  };\n  const onSuccess = (result: MediaLibraryResult) => {\n    if (mediaLibraryRef.current?.type) {\n      // Inject the MediaLibrary result into the editor, and close the modal.\n      appendResult(mediaLibraryRef.current.type, result);\n      mediaLibraryRef.current?.hide();\n    }\n  };\n  const onTabChange = async (\n    _tab: TabsItemProps,\n    uploads?: WorkspaceElement[],\n  ) => {\n    if (mediaLibraryRef.current?.type && uploads && uploads.length > 0) {\n      await remove(uploads);\n    }\n  };\n\n  return {\n    ref: mediaLibraryRef,\n    onCancel,\n    onSuccess,\n    onTabChange,\n  };\n};\n"],"names":["useMediaLibraryEditor","editor","remove","useWorkspaceFile","appendResult","useCallback","type","result","images","imagesSize","length","forEach","image","index","url","public","_id","chain","focus","setNewImage","src","addTimestampToImageUrl","alt","title","run","commands","setTextSelection","state","selection","to","sounds","Array","isArray","from","reverse","sound","setAudio","insertContentAt","view","videos","video","setVideo","innerHtml","i","link","name","richContent","enter","resourceTabResult","isActive","unsetLinker","toggleMark","empty","resources","setLinker","href","path","application","assetId","target","insertAndSelectText","head","insertContent","setLink","newPosition","text","content","child","textContent","mediaLibraryRef","useRef","ref","onCancel","uploads","current","hide","onSuccess","onTabChange","_tab"],"mappings":"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"}

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

@@ -1,47 +1,48 @@
-import { useRef, useEffect } from "react";
-const MIN_WIDTH = 80, useResizeMedia = (props, refResizable) => {
-  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidthOrHeight = (width) => width < MIN_WIDTH;
-  useEffect(() => {
-    const proseMirrorContainerDiv = document.querySelector(".ProseMirror");
-    proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv == null ? void 0 : proseMirrorContainerDiv.clientWidth), refResizable && (aspectRatio.current = 1.5);
+import { useRef as c, useEffect as g } from "react";
+const f = 80, V = (w, i) => {
+  const h = c(0), o = c(-1), s = c(!1), u = c(0), M = (t) => t < f;
+  g(() => {
+    const t = document.querySelector(".ProseMirror");
+    t && (u.current = t == null ? void 0 : t.clientWidth), i && (h.current = 1.5);
   }, []);
-  const onVerticalResize = (directionOfMouseMove, diff) => {
-    var _a, _b;
-    if (!refResizable) {
+  const v = (t, n) => {
+    var m, l;
+    if (!i) {
       console.error("Media ref is undefined|null", {
-        refResizable
+        refResizable: i
       });
       return;
     }
-    const currentMediaDimensions = {
-      width: (_a = refResizable.current) == null ? void 0 : _a.width,
-      height: (_b = refResizable.current) == null ? void 0 : _b.height
-    }, newMediaDimensions = {
+    const r = {
+      width: (m = i.current) == null ? void 0 : m.width,
+      height: (l = i.current) == null ? void 0 : l.height
+    }, e = {
       width: -1,
       height: -1
     };
-    currentMediaDimensions.width && (directionOfMouseMove === "left" ? newMediaDimensions.width = currentMediaDimensions.width - Math.abs(diff) : newMediaDimensions.width = currentMediaDimensions.width + Math.abs(diff)), newMediaDimensions.width > proseMirrorContainerWidth.current && (newMediaDimensions.width = proseMirrorContainerWidth.current), diff !== 0 && limitWidthOrHeight(newMediaDimensions.width) && (newMediaDimensions.width = MIN_WIDTH), newMediaDimensions.height = newMediaDimensions.width / aspectRatio.current, setTimeout(() => {
-      props.updateAttributes(newMediaDimensions);
+    r.width && (t === "left" ? e.width = r.width - Math.abs(n) : e.width = r.width + Math.abs(n)), e.width > u.current && (e.width = u.current), n !== 0 && M(e.width) && (e.width = f), e.height = e.width / h.current, setTimeout(() => {
+      w.updateAttributes(e);
     });
-  }, onVerticalMouseMove = (event) => {
-    if (!isVerticalResizeActive.current) return;
+  }, a = (t) => {
+    if (!s.current) return;
     const {
-      clientX
-    } = event, diff = lastCursorX.current - clientX;
-    if (lastCursorX.current = clientX, diff === 0) return;
-    const directionOfMouseMove = diff > 0 ? "left" : "right";
-    onVerticalResize(directionOfMouseMove, 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);
+      clientX: n
+    } = t, r = o.current - n;
+    if (o.current = n, r === 0) return;
+    const e = r > 0 ? "left" : "right";
+    v(e, Math.abs(r));
+  }, p = (t) => {
+    s.current = !0, o.current = t.clientX, document.addEventListener("mousemove", a), document.addEventListener("mouseup", d);
+  }, d = () => {
+    s.current = !1, o.current = -1, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", d);
   };
   return {
-    startVerticalResize,
-    stopVerticalResize,
-    isVerticalResizeActive
+    startVerticalResize: p,
+    stopVerticalResize: d,
+    isVerticalResizeActive: s
   };
 };
 export {
-  useResizeMedia
+  V as useResizeMedia
 };
+//# sourceMappingURL=useResizeMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeMedia.js","sources":["../../../../src/modules/editor/hooks/useResizeMedia.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Editor } from '@tiptap/react';\n\nexport interface MediaResizeProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\nconst MIN_WIDTH = 80;\n\nexport const useResizeMedia = (\n  props: MediaResizeProps,\n  refResizable: React.RefObject<HTMLImageElement | HTMLVideoElement>,\n) => {\n  const aspectRatio = useRef(0);\n\n  const lastCursorX = useRef(-1);\n\n  const isVerticalResizeActive = useRef(false);\n\n  const proseMirrorContainerWidth = useRef(0);\n\n  const limitWidthOrHeight = (width: number) => width < MIN_WIDTH;\n\n  useEffect(() => {\n    const proseMirrorContainerDiv = document.querySelector('.ProseMirror');\n\n    if (proseMirrorContainerDiv)\n      proseMirrorContainerWidth.current = proseMirrorContainerDiv?.clientWidth;\n\n    if (!refResizable) return;\n    aspectRatio.current = 1.5;\n\n    // comment first call of onVerticalResize because re-render and actives undo/redo\n    // onVerticalResize(\"left\", 0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const onVerticalResize = (\n    directionOfMouseMove: 'right' | 'left',\n    diff: number,\n  ) => {\n    if (!refResizable) {\n      console.error('Media ref is undefined|null', {\n        refResizable: refResizable,\n      });\n      return;\n    }\n\n    const currentMediaDimensions = {\n      width: refResizable.current?.width,\n      height: refResizable.current?.height,\n    };\n\n    const newMediaDimensions = {\n      width: -1,\n      height: -1,\n    };\n\n    if (currentMediaDimensions.width) {\n      if (directionOfMouseMove === 'left') {\n        newMediaDimensions.width =\n          currentMediaDimensions.width - Math.abs(diff);\n      } else {\n        newMediaDimensions.width =\n          currentMediaDimensions.width + Math.abs(diff);\n      }\n    }\n\n    if (newMediaDimensions.width > proseMirrorContainerWidth.current)\n      newMediaDimensions.width = proseMirrorContainerWidth.current;\n\n    if (diff !== 0 && limitWidthOrHeight(newMediaDimensions.width)) {\n      newMediaDimensions.width = MIN_WIDTH;\n    }\n\n    newMediaDimensions.height = newMediaDimensions.width / aspectRatio.current;\n\n    setTimeout(() => {\n      props.updateAttributes(newMediaDimensions);\n    });\n  };\n\n  const onVerticalMouseMove = (event: MouseEvent) => {\n    if (!isVerticalResizeActive.current) return;\n\n    const { clientX } = event;\n\n    const diff = lastCursorX.current - clientX;\n\n    lastCursorX.current = clientX;\n\n    if (diff === 0) return;\n\n    const directionOfMouseMove: 'left' | 'right' = diff > 0 ? 'left' : 'right';\n\n    onVerticalResize(directionOfMouseMove, Math.abs(diff));\n  };\n\n  const startVerticalResize = (\n    event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n  ): void => {\n    isVerticalResizeActive.current = true;\n    lastCursorX.current = event.clientX;\n\n    document.addEventListener('mousemove', onVerticalMouseMove);\n    document.addEventListener('mouseup', stopVerticalResize);\n  };\n\n  const stopVerticalResize = () => {\n    isVerticalResizeActive.current = false;\n    lastCursorX.current = -1;\n\n    document.removeEventListener('mousemove', onVerticalMouseMove);\n    document.removeEventListener('mouseup', stopVerticalResize);\n  };\n\n  return {\n    startVerticalResize,\n    stopVerticalResize,\n    isVerticalResizeActive,\n  };\n};\n"],"names":["MIN_WIDTH","useResizeMedia","props","refResizable","aspectRatio","useRef","lastCursorX","isVerticalResizeActive","proseMirrorContainerWidth","limitWidthOrHeight","width","useEffect","proseMirrorContainerDiv","document","querySelector","current","clientWidth","onVerticalResize","directionOfMouseMove","diff","console","error","currentMediaDimensions","height","newMediaDimensions","Math","abs","setTimeout","updateAttributes","onVerticalMouseMove","event","clientX","startVerticalResize","addEventListener","stopVerticalResize","removeEventListener"],"mappings":";AASA,MAAMA,IAAY,IAELC,IAAiBA,CAC5BC,GACAC,MACG;AACGC,QAAAA,IAAcC,EAAO,CAAC,GAEtBC,IAAcD,EAAO,EAAE,GAEvBE,IAAyBF,EAAO,EAAK,GAErCG,IAA4BH,EAAO,CAAC,GAEpCI,IAAqBA,CAACC,MAAkBA,IAAQV;AAEtDW,EAAAA,EAAU,MAAM;AACRC,UAAAA,IAA0BC,SAASC,cAAc,cAAc;AAKrE,IAHIF,MACwBG,EAAAA,UAAUH,KAAAA,gBAAAA,EAAyBI,cAE1Db,MACLC,EAAYW,UAAU;AAAA,EAKxB,GAAG,CAAE,CAAA;AAECE,QAAAA,IAAmBA,CACvBC,GACAC,MACG;;AACH,QAAI,CAAChB,GAAc;AACjBiB,cAAQC,MAAM,+BAA+B;AAAA,QAC3ClB,cAAAA;AAAAA,MAAAA,CACD;AACD;AAAA,IACF;AAEA,UAAMmB,IAAyB;AAAA,MAC7BZ,QAAOP,IAAAA,EAAaY,YAAbZ,gBAAAA,EAAsBO;AAAAA,MAC7Ba,SAAQpB,IAAAA,EAAaY,YAAbZ,gBAAAA,EAAsBoB;AAAAA,IAAAA,GAG1BC,IAAqB;AAAA,MACzBd,OAAO;AAAA,MACPa,QAAQ;AAAA,IAAA;AAGV,IAAID,EAAuBZ,UACrBQ,MAAyB,SAC3BM,EAAmBd,QACjBY,EAAuBZ,QAAQe,KAAKC,IAAIP,CAAI,IAE9CK,EAAmBd,QACjBY,EAAuBZ,QAAQe,KAAKC,IAAIP,CAAI,IAI9CK,EAAmBd,QAAQF,EAA0BO,YACvDS,EAAmBd,QAAQF,EAA0BO,UAEnDI,MAAS,KAAKV,EAAmBe,EAAmBd,KAAK,MAC3Dc,EAAmBd,QAAQV,IAGVuB,EAAAA,SAASC,EAAmBd,QAAQN,EAAYW,SAEnEY,WAAW,MAAM;AACfzB,MAAAA,EAAM0B,iBAAiBJ,CAAkB;AAAA,IAAA,CAC1C;AAAA,EAAA,GAGGK,IAAsBA,CAACC,MAAsB;AAC7C,QAAA,CAACvB,EAAuBQ,QAAS;AAE/B,UAAA;AAAA,MAAEgB,SAAAA;AAAAA,IAAYD,IAAAA,GAEdX,IAAOb,EAAYS,UAAUgB;AAInC,QAFAzB,EAAYS,UAAUgB,GAElBZ,MAAS,EAAG;AAEVD,UAAAA,IAAyCC,IAAO,IAAI,SAAS;AAEnEF,IAAAA,EAAiBC,GAAsBO,KAAKC,IAAIP,CAAI,CAAC;AAAA,EAAA,GAGjDa,IAAsBA,CAC1BF,MACS;AACTvB,IAAAA,EAAuBQ,UAAU,IACjCT,EAAYS,UAAUe,EAAMC,SAEnBE,SAAAA,iBAAiB,aAAaJ,CAAmB,GACjDI,SAAAA,iBAAiB,WAAWC,CAAkB;AAAA,EAAA,GAGnDA,IAAqBA,MAAM;AAC/B3B,IAAAA,EAAuBQ,UAAU,IACjCT,EAAYS,UAAU,IAEboB,SAAAA,oBAAoB,aAAaN,CAAmB,GACpDM,SAAAA,oBAAoB,WAAWD,CAAkB;AAAA,EAAA;AAGrD,SAAA;AAAA,IACLF,qBAAAA;AAAAA,IACAE,oBAAAA;AAAAA,IACA3B,wBAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -1,21 +1,22 @@
-import { useState } from "react";
-import { odeServices } from "edifice-ts-client";
-const useSpeechRecognition = (editor) => {
-  const [isActive, setActive] = useState(!1), toggle = () => {
-    if (isActive)
-      editor == null || editor.commands.stopSpeechRecognition(), setActive(!1);
+import { useState as o } from "react";
+import { odeServices as a } from "@edifice.io/ts-client";
+const S = (e) => {
+  const [c, s] = o(!1), n = () => {
+    if (c)
+      e == null || e.commands.stopSpeechRecognition(), s(!1);
     else {
-      odeServices.data().trackSpeechAndText("STT");
-      const started = (editor == null ? void 0 : editor.commands.startSpeechRecognition()) || !1;
-      setActive(started);
+      a.data().trackSpeechAndText("STT");
+      const t = (e == null ? void 0 : e.commands.startSpeechRecognition()) || !1;
+      s(t);
     }
   };
   return {
     isAvailable: !!(window.SpeechRecognition || window.webkitSpeechRecognition),
-    isActive,
-    toggle
+    isActive: c,
+    toggle: n
   };
 };
 export {
-  useSpeechRecognition
+  S as useSpeechRecognition
 };
+//# sourceMappingURL=useSpeechRecognition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechRecognition.js","sources":["../../../../src/modules/editor/hooks/useSpeechRecognition.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\n\nexport const useSpeechRecognition = (editor: Editor | null) => {\n  const [isActive, setActive] = useState(false);\n\n  const toggle = () => {\n    if (isActive) {\n      editor?.commands.stopSpeechRecognition();\n      setActive(false);\n    } else {\n      odeServices.data().trackSpeechAndText('STT');\n      const started = editor?.commands.startSpeechRecognition() || false;\n      setActive(started);\n    }\n  };\n\n  const isAvailable =\n    (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition\n      ? true\n      : false;\n\n  return { isAvailable, isActive, toggle };\n};\n"],"names":["useSpeechRecognition","editor","isActive","setActive","useState","toggle","commands","stopSpeechRecognition","data","trackSpeechAndText","started","startSpeechRecognition","isAvailable","window","SpeechRecognition","webkitSpeechRecognition"],"mappings":";;AAKaA,MAAAA,IAAuBA,CAACC,MAA0B;AAC7D,QAAM,CAACC,GAAUC,CAAS,IAAIC,EAAS,EAAK,GAEtCC,IAASA,MAAM;AACnB,QAAIH;AACFD,MAAAA,KAAAA,QAAAA,EAAQK,SAASC,yBACjBJ,EAAU,EAAK;AAAA,SACV;AACOK,MAAAA,EAAAA,KAAAA,EAAOC,mBAAmB,KAAK;AAC3C,YAAMC,KAAUT,KAAAA,gBAAAA,EAAQK,SAASK,6BAA4B;AAC7DR,MAAAA,EAAUO,CAAO;AAAA,IACnB;AAAA,EAAA;AAQK,SAAA;AAAA,IAAEE,aAJNC,UAAeC,qBAAsBD,OAAeE;AAAAA,IAIjCb,UAAAA;AAAAA,IAAUG,QAAAA;AAAAA,EAAAA;AAClC;"}

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

@@ -1,20 +1,21 @@
-import { useState, useCallback } from "react";
-import { odeServices } from "edifice-ts-client";
-const useSpeechSynthetisis = (editor) => {
-  const [isActivated, setActivated] = useState(!1), toggle = useCallback(() => {
-    if (isActivated)
-      return editor == null || editor.commands.stopSpeechSynthesis(), setActivated(!1), !1;
+import { useState as t, useCallback as m } from "react";
+import { odeServices as S } from "@edifice.io/ts-client";
+const l = (s) => {
+  const [e, c] = t(!1), n = m(() => {
+    if (e)
+      return s == null || s.commands.stopSpeechSynthesis(), c(!1), !1;
     {
-      odeServices.data().trackSpeechAndText("TTS");
-      const speech = (editor == null ? void 0 : editor.commands.startSpeechSynthesis()) || !1;
-      return setActivated(speech), speech;
+      S.data().trackSpeechAndText("TTS");
+      const a = (s == null ? void 0 : s.commands.startSpeechSynthesis()) || !1;
+      return c(a), a;
     }
-  }, [editor == null ? void 0 : editor.commands, isActivated]);
+  }, [s == null ? void 0 : s.commands, e]);
   return {
-    isActivated,
-    toggle
+    isActivated: e,
+    toggle: n
   };
 };
 export {
-  useSpeechSynthetisis
+  l as useSpeechSynthetisis
 };
+//# sourceMappingURL=useSpeechSynthetisis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechSynthetisis.js","sources":["../../../../src/modules/editor/hooks/useSpeechSynthetisis.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\n\n/**\n * Custom hook to manage speech synthetisis.\n * @returns {\n * `isActivated`: truthy boolean when speech synthetisis is activated,\n * `toggle`: an imperative function to toggle the `isActivated` value,\n * }\n */\nexport const useSpeechSynthetisis = (editor: Editor | null) => {\n  const [isActivated, setActivated] = useState<boolean>(false);\n\n  const toggle = useCallback(() => {\n    if (isActivated) {\n      editor?.commands.stopSpeechSynthesis();\n      setActivated(false);\n      return false;\n    } else {\n      odeServices.data().trackSpeechAndText('TTS');\n      const speech = editor?.commands.startSpeechSynthesis() || false;\n      setActivated(speech);\n      return speech;\n    }\n  }, [editor?.commands, isActivated]);\n\n  return {\n    isActivated,\n    toggle,\n  };\n};\n"],"names":["useSpeechSynthetisis","editor","isActivated","setActivated","useState","toggle","useCallback","commands","stopSpeechSynthesis","data","trackSpeechAndText","speech","startSpeechSynthesis"],"mappings":";;AAYaA,MAAAA,IAAuBA,CAACC,MAA0B;AAC7D,QAAM,CAACC,GAAaC,CAAY,IAAIC,EAAkB,EAAK,GAErDC,IAASC,EAAY,MAAM;AAC/B,QAAIJ;AACFD,aAAAA,KAAAA,QAAAA,EAAQM,SAASC,uBACjBL,EAAa,EAAK,GACX;AACF;AACOM,MAAAA,EAAAA,KAAAA,EAAOC,mBAAmB,KAAK;AAC3C,YAAMC,KAASV,KAAAA,gBAAAA,EAAQM,SAASK,2BAA0B;AAC1DT,aAAAA,EAAaQ,CAAM,GACZA;AAAAA,IACT;AAAA,EACC,GAAA,CAACV,KAAAA,gBAAAA,EAAQM,UAAUL,CAAW,CAAC;AAE3B,SAAA;AAAA,IACLA,aAAAA;AAAAA,IACAG,QAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -1,75 +1,76 @@
-import { useEffect } from "react";
-import { CustomHighlight, TableCell, CustomHeading, FontSize, SpeechRecognition, SpeechSynthesis, Iframe, Hyperlink, Alert } from "@edifice.io/tiptap-extensions";
-import { Mathematics } from "@tiptap-pro/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 VideoNodeView from "../components/NodeView/VideoNodeView.js";
-import { MediaRenderer } from "../components/Renderer/MediaRenderer.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 { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange) => {
+import { useEffect as t } from "react";
+import { CustomHighlight as s, TableCell as l, CustomHeading as c, FontSize as u, SpeechRecognition as d, SpeechSynthesis as g, Iframe as h, Hyperlink as T, Alert as S } from "@edifice.io/tiptap-extensions";
+import { Mathematics as y } from "@tiptap-pro/extension-mathematics";
+import R from "@tiptap/extension-color";
+import w from "@tiptap/extension-focus";
+import A from "@tiptap/extension-font-family";
+import N from "@tiptap/extension-placeholder";
+import V from "@tiptap/extension-subscript";
+import b from "@tiptap/extension-superscript";
+import C from "@tiptap/extension-table";
+import F from "@tiptap/extension-table-header";
+import x from "@tiptap/extension-table-row";
+import E from "@tiptap/extension-text-align";
+import H from "@tiptap/extension-text-style";
+import k from "@tiptap/extension-typography";
+import U from "@tiptap/extension-underline";
+import { useEditor as v } from "@tiptap/react";
+import z from "@tiptap/starter-kit";
+import { useTranslation as I } from "react-i18next";
+import M from "../components/NodeView/VideoNodeView.js";
+import { MediaRenderer as f } from "../components/Renderer/MediaRenderer.js";
+import $ from "../components/NodeView/AudioNodeView.js";
+import { AudioRenderer as K } from "../components/Renderer/AudioRenderer.js";
+import L from "../components/NodeView/LinkerNodeView.js";
+import { LinkerRenderer as O } from "../components/Renderer/LinkerRenderer.js";
+import P from "../components/NodeView/ImageNodeView.js";
+import j from "../components/NodeView/AttachmentNodeView.js";
+import { AttachmentRenderer as q } from "../components/Renderer/AttachmentRenderer.js";
+import { useOdeClient as B } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+const Rr = (e, m, i, a, p) => {
   const {
-    currentLanguage
-  } = useOdeClient(), {
-    t
-  } = useTranslation(), editor = useEditor({
+    currentLanguage: o
+  } = B(), {
+    t: n
+  } = I(), r = v({
     // 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({
+    extensions: [z, w.configure({
       className: "has-focus",
       mode: "all"
-    }), Placeholder.configure({
-      placeholder: t(placeholder || "tiptap.placeholder")
-    }), CustomHighlight.configure({
+    }), N.configure({
+      placeholder: n(a || "tiptap.placeholder")
+    }), s.configure({
       multicolor: !0
-    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
+    }), U, H, R, V, b, C.configure({
       resizable: !0
-    }), TableRow, TableHeader, TableCell, TextAlign.configure({
+    }), x, F, l, E.configure({
       types: ["heading", "paragraph", "custom-image", "video"]
-    }), CustomHeading.configure({
+    }), c.configure({
       levels: [1, 2]
-    }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
-      lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer), AttachmentNodeView(AttachmentRenderer)],
-    content,
+    }), k, u, d, g.configure({
+      lang: (o == null ? void 0 : o.length) === 2 ? `${o}-${o.toUpperCase()}` : "fr-FR"
+    }), h, T, A, y, S, M(f), $(K), L(O), P(f), j(q)],
+    content: m,
     // If the onContentChange callback is provided, we call it on every content change.
-    ...onContentChange ? {
-      onUpdate: onContentChange
+    ...p ? {
+      onUpdate: p
     } : {}
   });
-  return useEffect(() => {
-    editor == null || editor.setEditable(editable);
-  }, [editor, editable]), useEffect(() => {
-    editor == null || editor.commands.setContent(content);
-  }, [content]), useEffect(() => {
-    focus && (editor == null || editor.commands.focus(focus));
-  }, [editor, focus, editable]), {
-    editor,
-    editable
+  return t(() => {
+    r == null || r.setEditable(e);
+  }, [r, e]), t(() => {
+    r == null || r.commands.setContent(m);
+  }, [m]), t(() => {
+    i && (r == null || r.commands.focus(i));
+  }, [r, i, e]), {
+    editor: r,
+    editable: e
   };
 };
 export {
-  useTipTapEditor
+  Rr as useTipTapEditor
 };
+//# sourceMappingURL=useTipTapEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTipTapEditor.js","sources":["../../../../src/modules/editor/hooks/useTipTapEditor.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n// Import TipTap module overloaded typings (custom commands)\nimport '@edifice.io/tiptap-extensions';\n\nimport {\n  Alert,\n  CustomHeading,\n  CustomHighlight,\n  FontSize,\n  Hyperlink,\n  Iframe,\n  SpeechRecognition,\n  SpeechSynthesis,\n  TableCell,\n} from '@edifice.io/tiptap-extensions';\nimport { Mathematics } from '@tiptap-pro/extension-mathematics';\nimport Color from '@tiptap/extension-color';\nimport Focus from '@tiptap/extension-focus';\nimport FontFamily from '@tiptap/extension-font-family';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport Table from '@tiptap/extension-table';\nimport TableHeader from '@tiptap/extension-table-header';\nimport TableRow from '@tiptap/extension-table-row';\nimport TextAlign from '@tiptap/extension-text-align';\nimport TextStyle from '@tiptap/extension-text-style';\nimport Typography from '@tiptap/extension-typography';\nimport Underline from '@tiptap/extension-underline';\nimport { Content, FocusPosition, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { useTranslation } from 'react-i18next';\n\nimport { useOdeClient } from '../../../core/OdeClientProvider';\nimport {\n  AttachmentNodeView,\n  AttachmentRenderer,\n  AudioNodeView,\n  AudioRenderer,\n  ImageNodeView,\n  LinkerNodeView,\n  LinkerRenderer,\n  MediaRenderer,\n  VideoNodeView,\n} from '../components';\n\n/**\n * Hook that creates a tiptap editor instance.\n *\n * @param editable truthy if the editor content should be editable\n * @param content default rich content\n * @param focus set focus position to the editor\n * @param placeholder editor placeholder content\n */\nexport const useTipTapEditor = (\n  editable: boolean,\n  content: Content,\n  focus?: FocusPosition,\n  placeholder?: string,\n  onContentChange?: ({ editor }: { editor: any }) => void,\n) => {\n  const { currentLanguage } = useOdeClient();\n  const { t } = useTranslation();\n\n  const editor = useEditor({\n    // fix WB-2534\n    // TipTap editor must be instantiated in editable mode for table columns to be resizable.\n    // It will then be set in the correct editable mode, by a useEffect below.\n    editable: true,\n    extensions: [\n      StarterKit,\n      Focus.configure({\n        className: 'has-focus',\n        mode: 'all',\n      }),\n      Placeholder.configure({\n        placeholder: t(placeholder || 'tiptap.placeholder'),\n      }),\n      CustomHighlight.configure({\n        multicolor: true,\n      }),\n      Underline,\n      TextStyle,\n      Color,\n      Subscript,\n      Superscript,\n      Table.configure({\n        resizable: true,\n      }),\n      TableRow,\n      TableHeader,\n      TableCell,\n      TextAlign.configure({\n        types: ['heading', 'paragraph', 'custom-image', 'video'],\n      }),\n      CustomHeading.configure({\n        levels: [1, 2],\n      }),\n      Typography,\n      FontSize,\n      SpeechRecognition,\n      SpeechSynthesis.configure({\n        lang:\n          currentLanguage?.length === 2\n            ? `${currentLanguage}-${currentLanguage.toUpperCase()}` // FIXME very dirty hack for demo\n            : 'fr-FR',\n      }),\n      Iframe,\n      Hyperlink,\n      FontFamily,\n      Mathematics,\n      Alert,\n      VideoNodeView(MediaRenderer),\n      AudioNodeView(AudioRenderer),\n      LinkerNodeView(LinkerRenderer),\n      ImageNodeView(MediaRenderer),\n      AttachmentNodeView(AttachmentRenderer),\n    ],\n    content,\n    // If the onContentChange callback is provided, we call it on every content change.\n    ...(onContentChange\n      ? {\n          onUpdate: onContentChange,\n        }\n      : {}),\n  });\n\n  useEffect(() => {\n    editor?.setEditable(editable);\n  }, [editor, editable]);\n\n  useEffect(() => {\n    editor?.commands.setContent(content);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [content]);\n\n  useEffect(() => {\n    focus && editor?.commands.focus(focus);\n  }, [editor, focus, editable]);\n\n  return { editor, editable };\n};\n"],"names":["useTipTapEditor","editable","content","focus","placeholder","onContentChange","currentLanguage","useOdeClient","t","useTranslation","editor","useEditor","extensions","StarterKit","Focus","configure","className","mode","Placeholder","CustomHighlight","multicolor","Underline","TextStyle","Color","Subscript","Superscript","Table","resizable","TableRow","TableHeader","TableCell","TextAlign","types","CustomHeading","levels","Typography","FontSize","SpeechRecognition","SpeechSynthesis","lang","length","toUpperCase","Iframe","Hyperlink","FontFamily","Mathematics","Alert","VideoNodeView","MediaRenderer","AudioNodeView","AudioRenderer","LinkerNodeView","LinkerRenderer","ImageNodeView","AttachmentNodeView","AttachmentRenderer","onUpdate","useEffect","setEditable","commands","setContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAMA,KAAkBA,CAC7BC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAa,GACnC;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvBC,IAASC,EAAU;AAAA;AAAA;AAAA;AAAA,IAIvBV,UAAU;AAAA,IACVW,YAAY,CACVC,GACAC,EAAMC,UAAU;AAAA,MACdC,WAAW;AAAA,MACXC,MAAM;AAAA,IAAA,CACP,GACDC,EAAYH,UAAU;AAAA,MACpBX,aAAaI,EAAEJ,KAAe,oBAAoB;AAAA,IAAA,CACnD,GACDe,EAAgBJ,UAAU;AAAA,MACxBK,YAAY;AAAA,IAAA,CACb,GACDC,GACAC,GACAC,GACAC,GACAC,GACAC,EAAMX,UAAU;AAAA,MACdY,WAAW;AAAA,IACZ,CAAA,GACDC,GACAC,GACAC,GACAC,EAAUhB,UAAU;AAAA,MAClBiB,OAAO,CAAC,WAAW,aAAa,gBAAgB,OAAO;AAAA,IAAA,CACxD,GACDC,EAAclB,UAAU;AAAA,MACtBmB,QAAQ,CAAC,GAAG,CAAC;AAAA,IACd,CAAA,GACDC,GACAC,GACAC,GACAC,EAAgBvB,UAAU;AAAA,MACxBwB,OACEjC,KAAAA,gBAAAA,EAAiBkC,YAAW,IACxB,GAAGlC,CAAe,IAAIA,EAAgBmC,YAAa,CAAA,KACnD;AAAA,IAAA,CACP,GACDC,GACAC,GACAC,GACAC,GACAC,GACAC,EAAcC,CAAa,GAC3BC,EAAcC,CAAa,GAC3BC,EAAeC,CAAc,GAC7BC,EAAcL,CAAa,GAC3BM,EAAmBC,CAAkB,CAAC;AAAA,IAExCrD,SAAAA;AAAAA;AAAAA,IAEA,GAAIG,IACA;AAAA,MACEmD,UAAUnD;AAAAA,IAAAA,IAEZ,CAAC;AAAA,EAAA,CACN;AAEDoD,SAAAA,EAAU,MAAM;AACd/C,IAAAA,KAAAA,QAAAA,EAAQgD,YAAYzD;AAAAA,EAAQ,GAC3B,CAACS,GAAQT,CAAQ,CAAC,GAErBwD,EAAU,MAAM;AACNE,IAAAA,KAAAA,QAAAA,EAAAA,SAASC,WAAW1D;AAAAA,EAAO,GAElC,CAACA,CAAO,CAAC,GAEZuD,EAAU,MAAM;AACL/C,IAAAA,MAAAA,KAAAA,QAAAA,EAAQiD,SAASxD,MAAMA;AAAAA,EAC/B,GAAA,CAACO,GAAQP,GAAOF,CAAQ,CAAC,GAErB;AAAA,IAAES,QAAAA;AAAAA,IAAQT,UAAAA;AAAAA,EAAAA;AACnB;"}

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

@@ -1,4 +1,5 @@
-const hasExtension = (extensionName, editor) => !!(editor != null && editor.extensionManager.extensions.find((item) => item.name === extensionName));
+const e = (s, n) => !!(n != null && n.extensionManager.extensions.find((a) => a.name === s));
 export {
-  hasExtension
+  e as hasExtension
 };
+//# sourceMappingURL=has-extension.js.map

package/dist/modules/editor/utils/has-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-extension.js","sources":["../../../../src/modules/editor/utils/has-extension.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\n\nexport const hasExtension = (extensionName: string, editor: Editor | null) =>\n  !!editor?.extensionManager.extensions.find(\n    (item) => item.name === extensionName,\n  );\n"],"names":["hasExtension","extensionName","editor","extensionManager","extensions","find","item","name"],"mappings":"AAEO,MAAMA,IAAeA,CAACC,GAAuBC,MAClD,CAAC,EAACA,KAAAA,QAAAA,EAAQC,iBAAiBC,WAAWC,KACnCC,CAASA,MAAAA,EAAKC,SAASN;"}

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

@@ -1,4 +1,5 @@
-const hasMark = (extensionName, editor) => !!(editor != null && editor.extensionManager.splittableMarks.includes(extensionName));
+const n = (s, a) => !!(a != null && a.extensionManager.splittableMarks.includes(s));
 export {
-  hasMark
+  n as hasMark
 };
+//# sourceMappingURL=has-mark.js.map

package/dist/modules/editor/utils/has-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-mark.js","sources":["../../../../src/modules/editor/utils/has-mark.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\n\nexport const hasMark = (extensionName: string, editor: Editor | null) =>\n  !!editor?.extensionManager.splittableMarks.includes(extensionName);\n"],"names":["hasMark","extensionName","editor","extensionManager","splittableMarks","includes"],"mappings":"AAEaA,MAAAA,IAAUA,CAACC,GAAuBC,MAC7C,CAAC,EAACA,KAAAA,QAAAA,EAAQC,iBAAiBC,gBAAgBC,SAASJ;"}

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

@@ -1,5 +1,6 @@
-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));
+import { hasMark as s } from "./has-mark.js";
+const x = (a, n) => n == null ? void 0 : n.extensionManager.extensions.find((e) => e.name === a && s("textStyle", n));
 export {
-  hasTextStyle
+  x as hasTextStyle
 };
+//# sourceMappingURL=has-text-style.js.map

package/dist/modules/editor/utils/has-text-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-text-style.js","sources":["../../../../src/modules/editor/utils/has-text-style.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\n\nimport { hasMark } from './has-mark';\n\nexport const hasTextStyle = (styleName: string, editor: Editor | null) =>\n  editor?.extensionManager.extensions.find(\n    (item) => item.name === styleName && hasMark('textStyle', editor),\n  );\n"],"names":["hasTextStyle","styleName","editor","extensionManager","extensions","find","item","name","hasMark"],"mappings":";AAIO,MAAMA,IAAeA,CAACC,GAAmBC,MAC9CA,KAAAA,gBAAAA,EAAQC,iBAAiBC,WAAWC,KACjCC,CAAAA,MAASA,EAAKC,SAASN,KAAaO,EAAQ,aAAaN,CAAM;"}

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -1,59 +1,60 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { Pagination } from "swiper/modules";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { useOnboardingModal } from "./useOnboardingModal.js";
-import usePaths from "../../../core/usePaths/usePaths.js";
-import { Modal } from "../../../components/Modal/Modal.js";
-import { Image } from "../../../components/Image/Image.js";
-import { Button } from "../../../components/Button/Button.js";
-const OnboardingModal = ({
-  id,
-  items,
-  modalOptions
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as d, useEffect as I } from "react";
+import { createPortal as k } from "react-dom";
+import { useTranslation as P } from "react-i18next";
+import { Pagination as B } from "swiper/modules";
+import { Swiper as M, SwiperSlide as O } from "swiper/react";
+import { useOnboardingModal as T } from "./useOnboardingModal.js";
+import j from "../../../core/usePaths/usePaths.js";
+import { Modal as t } from "../../../components/Modal/Modal.js";
+import { Image as E } from "../../../components/Image/Image.js";
+import { Button as n } from "../../../components/Button/Button.js";
+const L = ({
+  id: c,
+  items: p,
+  modalOptions: m
 }) => {
-  const [imagePath] = usePaths(), [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
-    isOpen,
-    isOnboarding,
-    setIsOpen,
-    handleSavePreference
-  } = useOnboardingModal(id);
-  useEffect(() => {
-    const link = document.createElement("link");
-    return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
-      document.head.removeChild(link);
+  const [h] = j(), [s, u] = d(), [i, f] = d(0), {
+    isOpen: g,
+    isOnboarding: x,
+    setIsOpen: l,
+    handleSavePreference: b
+  } = T(c);
+  I(() => {
+    const e = document.createElement("link");
+    return e.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", e.rel = "stylesheet", e.type = "text/css", document.head.appendChild(e), () => {
+      document.head.removeChild(e);
     };
   }, []);
   const {
-    t
-  } = useTranslation(), {
-    title,
-    prevText,
-    closeText,
-    nextText
-  } = modalOptions;
-  return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(title || "explorer.modal.onboarding.trash.title") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
-      setSwiperInstance(swiper);
-    }, onSlideChange: (swiper) => {
-      setSwiperprogress(swiper.progress);
+    t: o
+  } = P(), {
+    title: y,
+    prevText: v,
+    closeText: w,
+    nextText: C
+  } = m;
+  return x ? /* @__PURE__ */ k(/* @__PURE__ */ a(t, { id: "onboarding-modal", size: "md", isOpen: g, focusId: "nextButtonId", onModalClose: () => l(!1), children: [
+    /* @__PURE__ */ r(t.Header, { onModalClose: () => l(!1), children: o(y || "explorer.modal.onboarding.trash.title") }),
+    /* @__PURE__ */ r(t.Body, { children: /* @__PURE__ */ r(M, { modules: [B], onSwiper: (e) => {
+      u(e);
+    }, onSlideChange: (e) => {
+      f(e.progress);
     }, pagination: {
       clickable: !0
-    }, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
-      /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: `${imagePath}/${item.src}`, alt: t(item.alt) }),
-      /* @__PURE__ */ jsx("p", { children: t(item.text) })
-    ] }, index)) }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),
-      swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
-      swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
-      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: handleSavePreference, children: t(closeText || "explorer.modal.onboarding.trash.close") })
+    }, children: p.map((e, S) => /* @__PURE__ */ a(O, { children: [
+      /* @__PURE__ */ r(E, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: `${h}/${e.src}`, alt: o(e.alt) }),
+      /* @__PURE__ */ r("p", { children: o(e.text) })
+    ] }, S)) }) }),
+    /* @__PURE__ */ a(t.Footer, { children: [
+      /* @__PURE__ */ r(n, { type: "button", color: "tertiary", variant: "ghost", onClick: () => l(!1), children: o("explorer.modal.onboarding.trash.later") }),
+      i > 0 && /* @__PURE__ */ r(n, { type: "button", color: "primary", variant: "outline", onClick: () => s.slidePrev(), children: o(v || "explorer.modal.onboarding.trash.prev") }),
+      i < 1 && /* @__PURE__ */ r(n, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => s.slideNext(), children: o(C || "explorer.modal.onboarding.trash.next") }),
+      i === 1 && /* @__PURE__ */ r(n, { type: "button", color: "primary", variant: "filled", onClick: b, children: o(w || "explorer.modal.onboarding.trash.close") })
     ] })
   ] }), document.getElementById("portal")) : null;
 };
 export {
-  OnboardingModal as default
+  L as default
 };
+//# sourceMappingURL=OnboardingModal.js.map

package/dist/modules/modals/OnboardingModal/OnboardingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingModal.js","sources":["../../../../src/modules/modals/OnboardingModal/OnboardingModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport { Button, Image, Modal, usePaths } from '../../..';\nimport { useOnboardingModal } from './useOnboardingModal';\n\ninterface ModalItemsProps {\n  /**\n   * /onboarding/*.svg\n   */\n  src: string;\n  /**\n   * Image Companion text\n   */\n  alt: string;\n  /**\n   * Text below image\n   */\n  text: string;\n}\n\ninterface ModalOptionsProps {\n  /**\n   * Modal title\n   */\n  title: string;\n  /**\n   * Prev button text\n   */\n  prevText: string;\n  /**\n   * Next button text\n   */\n  nextText: string;\n  /**\n   * Close button text\n   */\n  closeText: string;\n}\ninterface OnboardingProps {\n  id: string;\n  items: ModalItemsProps[];\n  modalOptions: ModalOptionsProps;\n}\n\nconst OnboardingModal = ({ id, items, modalOptions }: OnboardingProps) => {\n  const [imagePath] = usePaths();\n  const [swiperInstance, setSwiperInstance] = useState<any>();\n  const [swiperProgress, setSwiperprogress] = useState<number>(0);\n\n  const { isOpen, isOnboarding, setIsOpen, handleSavePreference } =\n    useOnboardingModal(id);\n\n  useEffect(() => {\n    const link = document.createElement('link');\n    link.href = 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css';\n    link.rel = 'stylesheet';\n    link.type = 'text/css';\n\n    document.head.appendChild(link);\n\n    return () => {\n      document.head.removeChild(link);\n    };\n  }, []);\n\n  const { t } = useTranslation();\n\n  const { title, prevText, closeText, nextText } = modalOptions;\n\n  return isOnboarding\n    ? createPortal(\n        <Modal\n          id=\"onboarding-modal\"\n          size=\"md\"\n          isOpen={isOpen}\n          focusId=\"nextButtonId\"\n          onModalClose={() => setIsOpen(false)}\n        >\n          <Modal.Header onModalClose={() => setIsOpen(false)}>\n            {t(title || 'explorer.modal.onboarding.trash.title')}\n          </Modal.Header>\n          <Modal.Body>\n            <Swiper\n              modules={[Pagination]}\n              onSwiper={(swiper) => {\n                setSwiperInstance(swiper);\n              }}\n              onSlideChange={(swiper) => {\n                setSwiperprogress(swiper.progress);\n              }}\n              pagination={{\n                clickable: true,\n              }}\n            >\n              {items.map((item, index) => {\n                return (\n                  <SwiperSlide key={index}>\n                    <Image\n                      width=\"270\"\n                      height=\"140\"\n                      className=\"mx-auto my-12\"\n                      loading=\"lazy\"\n                      src={`${imagePath}/${item.src}`}\n                      alt={t(item.alt)}\n                    />\n                    <p>{t(item.text)}</p>\n                  </SwiperSlide>\n                );\n              })}\n            </Swiper>\n          </Modal.Body>\n          <Modal.Footer>\n            <Button\n              type=\"button\"\n              color=\"tertiary\"\n              variant=\"ghost\"\n              onClick={() => setIsOpen(false)}\n            >\n              {t('explorer.modal.onboarding.trash.later')}\n            </Button>\n\n            {swiperProgress > 0 && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"outline\"\n                onClick={() => swiperInstance.slidePrev()}\n              >\n                {t(prevText || 'explorer.modal.onboarding.trash.prev')}\n              </Button>\n            )}\n            {swiperProgress < 1 && (\n              <Button\n                id=\"nextButtonId\"\n                type=\"button\"\n                color=\"primary\"\n                variant=\"filled\"\n                onClick={() => swiperInstance.slideNext()}\n              >\n                {t(nextText || 'explorer.modal.onboarding.trash.next')}\n              </Button>\n            )}\n            {swiperProgress === 1 && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"filled\"\n                onClick={handleSavePreference}\n              >\n                {t(closeText || 'explorer.modal.onboarding.trash.close')}\n              </Button>\n            )}\n          </Modal.Footer>\n        </Modal>,\n        document.getElementById('portal') as HTMLElement,\n      )\n    : null;\n};\n\nOnboardingModal.displayName = 'OnboardingModal';\n\nexport default OnboardingModal;\n"],"names":["OnboardingModal","id","items","modalOptions","imagePath","usePaths","swiperInstance","setSwiperInstance","useState","swiperProgress","setSwiperprogress","isOpen","isOnboarding","setIsOpen","handleSavePreference","useOnboardingModal","useEffect","link","document","createElement","href","rel","type","head","appendChild","removeChild","t","useTranslation","title","prevText","closeText","nextText","createPortal","jsxs","Modal","jsx","Swiper","Pagination","swiper","progress","clickable","map","item","index","SwiperSlide","Image","src","alt","text","Button","slidePrev","slideNext","getElementById"],"mappings":";;;;;;;;;;;AAiDA,MAAMA,IAAkBA,CAAC;AAAA,EAAEC,IAAAA;AAAAA,EAAIC,OAAAA;AAAAA,EAAOC,cAAAA;AAA8B,MAAM;AAClE,QAAA,CAACC,CAAS,IAAIC,KACd,CAACC,GAAgBC,CAAiB,IAAIC,EAAc,GACpD,CAACC,GAAgBC,CAAiB,IAAIF,EAAiB,CAAC,GAExD;AAAA,IAAEG,QAAAA;AAAAA,IAAQC,cAAAA;AAAAA,IAAcC,WAAAA;AAAAA,IAAWC,sBAAAA;AAAAA,EAAAA,IACvCC,EAAmBd,CAAE;AAEvBe,EAAAA,EAAU,MAAM;AACRC,UAAAA,IAAOC,SAASC,cAAc,MAAM;AAC1CF,WAAAA,EAAKG,OAAO,gEACZH,EAAKI,MAAM,cACXJ,EAAKK,OAAO,YAEHC,SAAAA,KAAKC,YAAYP,CAAI,GAEvB,MAAM;AACFM,eAAAA,KAAKE,YAAYR,CAAI;AAAA,IAAA;AAAA,EAElC,GAAG,CAAE,CAAA;AAEC,QAAA;AAAA,IAAES,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,EAAa5B,IAAAA;AAEjD,SAAOS,IACHoB,gBAAAA,EACG,gBAAAC,EAAAC,GAAA,EACC,IAAG,oBACH,MAAK,MACL,QAAAvB,GACA,SAAQ,gBACR,cAAc,MAAME,EAAU,EAAK,GAEnC,UAAA;AAAA,IAAC,gBAAAsB,EAAAD,EAAM,QAAN,EAAa,cAAc,MAAMrB,EAAU,EAAK,GAC9Ca,UAAAA,EAAEE,KAAS,uCAAuC,EACrD,CAAA;AAAA,IACA,gBAAAO,EAACD,EAAM,MAAN,EACC,UAAA,gBAAAC,EAACC,GACC,EAAA,SAAS,CAACC,CAAU,GACpB,UAAWC,CAAWA,MAAA;AACpB/B,MAAAA,EAAkB+B,CAAM;AAAA,IAAA,GAE1B,eAAgBA,CAAWA,MAAA;AACzB5B,MAAAA,EAAkB4B,EAAOC,QAAQ;AAAA,OAEnC,YAAY;AAAA,MACVC,WAAW;AAAA,IAGZtC,GAAAA,UAAAA,EAAMuC,IAAI,CAACC,GAAMC,wBAEbC,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAT,EAAAU,GAAA,EACC,OAAM,OACN,QAAO,OACP,WAAU,iBACV,SAAQ,QACR,KAAK,GAAGzC,CAAS,IAAIsC,EAAKI,GAAG,IAC7B,KAAKpB,EAAEgB,EAAKK,GAAG,GAAE;AAAA,MAElB,gBAAAZ,EAAA,KAAA,EAAGT,UAAEgB,EAAAA,EAAKM,IAAI,GAAE;AAAA,IAAA,EAAA,GATDL,CAUlB,CAEH,GACH,EACF,CAAA;AAAA,IACA,gBAAAV,EAACC,EAAM,QAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACc,GACC,EAAA,MAAK,UACL,OAAM,YACN,SAAQ,SACR,SAAS,MAAMpC,EAAU,EAAK,GAE7Ba,UAAAA,EAAE,uCAAuC,GAC5C;AAAA,MAECjB,IAAiB,KAChB,gBAAA0B,EAACc,KACC,MAAK,UACL,OAAM,WACN,SAAQ,WACR,SAAS,MAAM3C,EAAe4C,aAE7BxB,UAAEG,EAAAA,KAAY,sCAAsC,GACvD;AAAA,MAEDpB,IAAiB,KACf,gBAAA0B,EAAAc,GAAA,EACC,IAAG,gBACH,MAAK,UACL,OAAM,WACN,SAAQ,UACR,SAAS,MAAM3C,EAAe6C,UAAAA,GAE7BzB,UAAEK,EAAAA,KAAY,sCAAsC,GACvD;AAAA,MAEDtB,MAAmB,KACjB,gBAAA0B,EAAAc,GAAA,EACC,MAAK,UACL,OAAM,WACN,SAAQ,UACR,SAASnC,GAERY,UAAEI,EAAAA,KAAa,uCAAuC,GACzD;AAAA,IAAA,GAEJ;AAAA,EAAA,EACF,CAAA,GACAZ,SAASkC,eAAe,QAAQ,CAClC,IACA;AACN;"}