@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

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

@@ -1 +0,0 @@
-{"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":";;;AA0BaA,MAAAA,IAAwBA,CAACC,MAA0B;AACxD,QAAA;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAiB,GAU9BC,IAAeC,EACnB,CAACC,GAAwBC,MAA+B;AAClD,QAAA,GAACD,KAAQ,CAACL;AAEd,cAAQK,GAAI;AAAA,QAEV,KAAK,SAAS;AACZ,gBAAME,IAASD,GACTE,IAAaD,EAAOE,SAAS;AAE5BC,UAAAA,EAAAA,QAAQ,CAACC,GAAOC,MAAU;AACzBC,kBAAAA,IAAM,cAAcF,EAAMG,SAAS,SAAS,EAAE,YAClDH,EAAMI,GAAG;AAGXf,YAAAA,KAAAA,QAAAA,EACIgB,QACDC,QACAC,YAAY;AAAA;AAAA;AAAA;AAAA,cAIXC,KAAKC,EAAuBP,CAAG;AAAA,cAC/BQ,KAAKV,EAAMU;AAAAA,cACXC,OAAOX,EAAMW;AAAAA,YAAAA,GAEdC,OAECX,IAAQJ,MACVR,KAAAA,QAAAA,EAAQwB,SAASC,iBAAiBzB,EAAO0B,MAAMC,UAAUC;AAAAA,UAC3D,CACD;AACD;AAAA,QACF;AAAA,QAGA,KAAK,SAAS;AACZ,gBAAMC,IAASC,MAAMC,QAAQzB,CAAM,IAC9BA,IACD,CAACA,CAAM,GAGL;AAAA,YAAE0B,MAAAA;AAAAA,UAAAA,IAAShC,EAAO0B,MAAMC;AAC9BE,UAAAA,EAAOI,QAAQ,EAAEvB,QAAQ,CAACwB,MAA4B;AACpDlC,YAAAA,KAAAA,QAAAA,EAAQwB,SAASW,SACfD,EAAMnB,OAAO,IACb,cAAcmB,EAAMpB,SAAS,SAAS,EAAE,YAAYoB,EAAMnB,GAAG,KAEvDS,KAAAA,QAAAA,EAAAA,SAASC,iBAAiBO;AAAAA,UAAI,CACvC;AACD;AAAA,QACF;AAAA,QAGA,KAAK,SAAS;AACR,cAAA,OAAO1B,KAAW;AAEpBN,YAAAA,KAAAA,QAAAA,EAAQwB,SAASY,gBACfpC,EAAOqC,KAAKX,MAAMC,WAClBrB;AAAAA,eAEG;AACL,kBAAMgC,IAAShC,GAGT;AAAA,cAAE0B,MAAAA;AAAAA,YAAAA,IAAShC,EAAO0B,MAAMC;AACvBM,YAAAA,EAAAA,QAAAA,EAAUvB,QAAS6B,CAAUA,MAAA;AAClCvC,cAAAA,KAAAA,QAAAA,EAAQwB,SAASgB,SACfD,EAAMxB,OAAO,IACb,cAAcwB,EAAMzB,SAAS,SAAS,EAAE,YAAYyB,EAAMxB,GAAG,IAC7D,KAEMS,KAAAA,QAAAA,EAAAA,SAASC,iBAAiBO;AAAAA,YAAI,CACvC;AAAA,UACH;AACA;AAAA,QACF;AAAA,QAEA,KAAK,cAAc;AACjB,cAAIS,IAAY;AAChB,mBAASC,IAAI,GAAGA,IAAIpC,EAAOG,QAAQiC,KAAK;AAChCC,kBAAAA,IAAQrC,EAA8BoC,CAAC;AAChC,YAAAD,KAAA,uBACXE,EAAK7B,SAAS,SAAS,EAAE,YACf6B,EAAK5B,GAAG,KAAK4B,EAAKC,IAAI;AAAA;AAAA,UAEpC;AACA,gBAAMC,IAAc;AAAA,cAChBJ,CAAS;AAAA;AAEbzC,UAAAA,KAAAA,QAAAA,EAAQwB,SAASY,gBACfpC,EAAOqC,KAAKX,MAAMC,WAClBkB,IAEF7C,KAAAA,QAAAA,EAAQwB,SAASsB;AACjB;AAAA,QACF;AAAA,QAEA,KAAK,aAAa;AAChB,gBAAMC,IAAoBzC;AASxBN,cAPEA,KAAAA,QAAAA,EAAQgD,SAAS,aAAWhD,EAAOwB,SAASyB,eAC5CjD,KAAAA,QAAAA,EAAQgD,SAAS,gBACZxB,EAAAA,SAAS0B,WAAW,WAAW,GAGxClD,KAAAA,QAAAA,EAAQwB,SAASP,SAEfjB,EAAO0B,MAAMC,UAAUwB,SACvBrB,MAAMC,QAAQgB,EAAkBK,SAAS;AAGvBA,YAAAA,EAAAA,UAAU1C,QAASiC,CAASA,MAAA;AAC5C3C,cAAAA,KAAAA,QAAAA,EAAQwB,SAAS6B,UAAU;AAAA,gBACzBC,MAAMX,EAAKY;AAAAA,gBACX,mBAAmBZ,EAAKa;AAAAA,gBACxB,WAAWb,EAAKc;AAAAA,gBAChBC,QAAQX,EAAkBW,UAAU;AAAA,gBACpCpC,OAAOqB,EAAKC;AAAAA,cAAAA,IAIZG,KACAA,EAAkBK,aAClBL,EAAkBK,UAAU3C,SAAS,KAErCT,EAAOwB,SAASsB;YAClB,CACD;AAAA,eACI;AAGCa,kBAAAA,IAAsBA,CAACf,MAAkB;AAC7C,kBAAI,CAACA,EAAM;AACLZ,oBAAAA,IAAOhC,EAAO0B,MAAMC,UAAUiC,MAC9BhC,IAAKI,IAAOY,EAAKnC;AACvBT,cAAAA,KAAAA,QAAAA,EACIgB,QACD6C,cAAcjB,GACdnB,iBAAiB;AAAA,gBAAEO,MAAAA;AAAAA,gBAAMJ,IAAAA;AAAAA,cAAAA,GACzBL;AAAAA,YAAI;AAIT,gBAAIO,MAAMC,QAAQgB,EAAkBK,SAAS;AACzBA,cAAAA,EAAAA,UAAU1C,QAASiC,CAASA,MAAA;;AACxC3C,gBAAAA,EAAO0B,MAAMC,UAAUwB,SAGzBQ,EAAoBhB,EAAKC,IAAI,GAG/B5C,KAAAA,QAAAA,EAAQwB,SAASsC,QAAQ;AAAA,kBACvBR,MAAMX,EAAKY;AAAAA,kBACXG,QAAQX,EAAkBW,UAAU;AAAA,gBAAA;AAGhCK,sBAAAA,IAAc/D,EAAO0B,MAAMC,UAAUiC;AAC3C5D,gBAAAA,EAAOwB,SAASC,iBAAiB;AAAA,kBAC/BO,MAAM+B;AAAAA,kBACNnC,IAAImC;AAAAA,gBAAAA,CACL,GAGChB,KAAAA,QAAAA,EAAmBK,eACnBL,IAAAA,KAAAA,gBAAAA,EAAmBK,cAAnBL,gBAAAA,EAA8BtC,UAAS,KAEvCT,EAAOwB,SAASsB;cAClB,CACD;AAAA,iBACI;AAEC,oBAAA;AAAA,gBAAEjC,KAAAA;AAAAA,gBAAK6C,QAAAA;AAAAA,gBAAQM,MAAAA;AAAAA,cAAS1D,IAAAA;AAC1BN,kBAAAA,EAAO0B,MAAMC,UAAUwB;AAGzBQ,gBAAAA,EAAoBK,CAAI;AAAA,mBACnB;AACC,sBAAA;AAAA,kBAAErC,WAAAA;AAAAA,gBAAAA,IAAc3B,EAAOqC,KAAKX,OAC5B;AAAA,kBAAEM,MAAAA;AAAAA,kBAAMJ,IAAAA;AAAAA,gBAAOD,IAAAA;AAEnBqC,gBAAAA,KACArC,EAAUsC,UAAUA,QAAQC,MAAM,CAAC,EAAEC,gBAAgBH,KAErDhE,EACGgB,MAAM,EACNC,MAAM,EACNmB,gBACC;AAAA,kBACEJ,MAAAA;AAAAA,kBACAJ,IAAAA;AAAAA,gBAAAA,GAEFoC,CACF,EACCvC,iBAAiB;AAAA,kBAChBO,MAAAA;AAAAA,kBACAJ,IAAII,IAAOgC,EAAKvD;AAAAA,gBAAAA,CACjB,EACAc,IAAI;AAAA,cAEX;AACAvB,cAAAA,KAAAA,QAAAA,EAAQwB,SAASsC,QAAQ;AAAA,gBACvBR,MAAMzC;AAAAA,gBACNS,OAAO;AAAA,gBACPoC,QAAAA;AAAAA,cAAAA;AAAAA,YAEJ;AAAA,UACF;AACA;AAAA,QACF;AAAA,QAEA,KAAK,YAAY;AACf1D,UAAAA,KAAAA,QAAAA,EAAQwB,SAASY,gBAAgBpC,EAAOqC,KAAKX,MAAMC,WAAWrB,IAC9DN,KAAAA,QAAAA,EAAQwB,SAASsB;AACjB;AAAA,QACF;AAAA,QAEA;AACE,iBAAO,8DAA8DzC,CAAI;AAAA,MAC7E;AAAA,EAAA,GAEF,CAACL,CAAM,CACT,GAEMoE,IAAkBC,EAAwB,IAAI;AAyB7C,SAAA;AAAA,IACLC,KAAKF;AAAAA,IACLG,UAxBe,OAAOC,MAAiC;;AACvD,OAAIJ,IAAAA,EAAgBK,YAAhBL,QAAAA,EAAyB/D,QAAQmE,KAAWA,EAAQ/D,SAAS,KAC/D,MAAMR,EAAOuE,CAAO,IAEtBJ,IAAAA,EAAgBK,YAAhBL,QAAAA,EAAyBM;AAAAA,IAAK;AAAA,IAqB9BC,WAnBgBA,CAACrE,MAA+B;;AAC5C8D,OAAAA,IAAAA,EAAgBK,YAAhBL,QAAAA,EAAyB/D,SAEd+D,EAAAA,EAAgBK,QAAQpE,MAAMC,CAAM,IACjD8D,IAAAA,EAAgBK,YAAhBL,QAAAA,EAAyBM;AAAAA,IAC3B;AAAA,IAeAE,aAbkB,OAClBC,GACAL,MACG;;AACH,OAAIJ,IAAAA,EAAgBK,YAAhBL,QAAAA,EAAyB/D,QAAQmE,KAAWA,EAAQ/D,SAAS,KAC/D,MAAMR,EAAOuE,CAAO;AAAA,IACtB;AAAA,EAOAI;AAEJ;"}

package/dist/modules/editor/hooks/useResizeMedia.d.ts

@@ -1,10 +0,0 @@
-import { Editor } from '@tiptap/react';
-export interface MediaResizeProps {
-    editor: Editor;
-    [x: string]: any;
-}
-export declare const useResizeMedia: (props: MediaResizeProps, refResizable: React.RefObject<HTMLImageElement | HTMLVideoElement>) => {
-    startVerticalResize: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    stopVerticalResize: () => void;
-    isVerticalResizeActive: import('react').MutableRefObject<boolean>;
-};

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

@@ -1,48 +0,0 @@
-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 v = (t, n) => {
-    var m, l;
-    if (!i) {
-      console.error("Media ref is undefined|null", {
-        refResizable: i
-      });
-      return;
-    }
-    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
-    };
-    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);
-    });
-  }, a = (t) => {
-    if (!s.current) return;
-    const {
-      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: p,
-    stopVerticalResize: d,
-    isVerticalResizeActive: s
-  };
-};
-export {
-  V as useResizeMedia
-};
-//# sourceMappingURL=useResizeMedia.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,6 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const useSpeechRecognition: (editor: Editor | null) => {
-    isAvailable: boolean;
-    isActive: boolean;
-    toggle: () => void;
-};

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

@@ -1,22 +0,0 @@
-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 {
-      a.data().trackSpeechAndText("STT");
-      const t = (e == null ? void 0 : e.commands.startSpeechRecognition()) || !1;
-      s(t);
-    }
-  };
-  return {
-    isAvailable: !!(window.SpeechRecognition || window.webkitSpeechRecognition),
-    isActive: c,
-    toggle: n
-  };
-};
-export {
-  S as useSpeechRecognition
-};
-//# sourceMappingURL=useSpeechRecognition.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,12 +0,0 @@
-import { Editor } from '@tiptap/react';
-/**
- * Custom hook to manage speech synthetisis.
- * @returns {
- * `isActivated`: truthy boolean when speech synthetisis is activated,
- * `toggle`: an imperative function to toggle the `isActivated` value,
- * }
- */
-export declare const useSpeechSynthetisis: (editor: Editor | null) => {
-    isActivated: boolean;
-    toggle: () => boolean;
-};

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

@@ -1,21 +0,0 @@
-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;
-    {
-      S.data().trackSpeechAndText("TTS");
-      const a = (s == null ? void 0 : s.commands.startSpeechSynthesis()) || !1;
-      return c(a), a;
-    }
-  }, [s == null ? void 0 : s.commands, e]);
-  return {
-    isActivated: e,
-    toggle: n
-  };
-};
-export {
-  l as useSpeechSynthetisis
-};
-//# sourceMappingURL=useSpeechSynthetisis.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,15 +0,0 @@
-import { Content, FocusPosition } from '@tiptap/react';
-/**
- * Hook that creates a tiptap editor instance.
- *
- * @param editable truthy if the editor content should be editable
- * @param content default rich content
- * @param focus set focus position to the editor
- * @param placeholder editor placeholder content
- */
-export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: (({ editor }: {
-    editor: any;
-}) => void) | undefined) => {
-    editor: import('@tiptap/react').Editor | null;
-    editable: boolean;
-};

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

@@ -1,76 +0,0 @@
-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: 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: [z, w.configure({
-      className: "has-focus",
-      mode: "all"
-    }), N.configure({
-      placeholder: n(a || "tiptap.placeholder")
-    }), s.configure({
-      multicolor: !0
-    }), U, H, R, V, b, C.configure({
-      resizable: !0
-    }), x, F, l, E.configure({
-      types: ["heading", "paragraph", "custom-image", "video"]
-    }), c.configure({
-      levels: [1, 2]
-    }), 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.
-    ...p ? {
-      onUpdate: p
-    } : {}
-  });
-  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 {
-  Rr as useTipTapEditor
-};
-//# sourceMappingURL=useTipTapEditor.js.map

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

@@ -1 +0,0 @@
-{"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/index.d.ts

@@ -1,3 +0,0 @@
-export { EditorContent, type Content, useEditor } from '@tiptap/react';
-export * from './components';
-export * from './hooks';

package/dist/modules/editor/utils/has-extension.d.ts

@@ -1,2 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const hasExtension: (extensionName: string, editor: Editor | null) => boolean;

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

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

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const hasMark: (extensionName: string, editor: Editor | null) => boolean;

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

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

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const hasTextStyle: (styleName: string, editor: Editor | null) => import('@tiptap/react').AnyExtension | undefined;

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

@@ -1,6 +0,0 @@
-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 {
-  x as hasTextStyle
-};
-//# sourceMappingURL=has-text-style.js.map

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

@@ -1 +0,0 @@
-{"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,60 +0,0 @@
-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 [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: 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: 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 {
-  L as default
-};
-//# sourceMappingURL=OnboardingModal.js.map

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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,31 +0,0 @@
-import { useState as a, useEffect as i } from "react";
-import { odeServices as o } from "@edifice.io/ts-client";
-const u = async (e) => await o.conf().getPreference(e), g = async (e) => await o.conf().savePreference(e, JSON.stringify({
-  key: !1
-})), y = (e) => {
-  const [n, s] = a(!0), [c, r] = a(!1);
-  return i(() => {
-    (async () => {
-      const t = await u(e);
-      if (t) {
-        const {
-          key: f
-        } = t;
-        r(f);
-        return;
-      }
-      r(!0);
-    })();
-  }, [e]), {
-    isOpen: n,
-    setIsOpen: s,
-    isOnboarding: c,
-    handleSavePreference: async () => {
-      await g(e), s(!1);
-    }
-  };
-};
-export {
-  y as useOnboardingModal
-};
-//# sourceMappingURL=useOnboardingModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useOnboardingModal.js","sources":["../../../../src/modules/modals/OnboardingModal/useOnboardingModal.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\n\n// TODO : use new hook usePreference\n/**\n * getPreference API\n * @returns check onboarding trash param\n */\nconst getOnboardingTrash = async (key: string) => {\n  const res = await odeServices.conf().getPreference<{ key: boolean }>(key);\n  return res;\n};\n\n// TODO : use new hook usePreference\n/**\n * savePreference API\n * @returns set onboarding trash param\n */\nconst saveOnboardingTrash = async (key: string) => {\n  const result = await odeServices\n    .conf()\n    .savePreference(key, JSON.stringify({ key: false }));\n\n  return result;\n};\n\nexport const useOnboardingModal = (id: string) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [isOnboarding, setIsOnboarding] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      const response: { key: boolean } = await getOnboardingTrash(id);\n\n      if (response) {\n        const { key } = response;\n        setIsOnboarding(key);\n        return;\n      }\n      setIsOnboarding(true);\n    })();\n  }, [id]);\n\n  const handleSavePreference = async () => {\n    await saveOnboardingTrash(id);\n    setIsOpen(false);\n  };\n\n  return {\n    isOpen,\n    setIsOpen,\n    isOnboarding,\n    handleSavePreference,\n  };\n};\n"],"names":["getOnboardingTrash","key","odeServices","conf","getPreference","saveOnboardingTrash","savePreference","JSON","stringify","useOnboardingModal","id","isOpen","setIsOpen","useState","isOnboarding","setIsOnboarding","useEffect","response","handleSavePreference"],"mappings":";;AASA,MAAMA,IAAqB,OAAOC,MACpB,MAAMC,EAAYC,KAAK,EAAEC,cAAgCH,CAAG,GASpEI,IAAsB,OAAOJ,MAClB,MAAMC,EAClBC,KAAAA,EACAG,eAAeL,GAAKM,KAAKC,UAAU;AAAA,EAAEP,KAAK;AAAO,CAAA,CAAC,GAK1CQ,IAAqBA,CAACC,MAAe;AAChD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAI,GACnC,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAK;AAEtDG,SAAAA,EAAU,MAAM;AACd,KAAC,YAAY;AACLC,YAAAA,IAA6B,MAAMjB,EAAmBU,CAAE;AAE9D,UAAIO,GAAU;AACN,cAAA;AAAA,UAAEhB,KAAAA;AAAAA,QAAQgB,IAAAA;AAChBF,QAAAA,EAAgBd,CAAG;AACnB;AAAA,MACF;AACAc,MAAAA,EAAgB,EAAI;AAAA,IAAA;EACnB,GACF,CAACL,CAAE,CAAC,GAOA;AAAA,IACLC,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAI,sBAT2B,YAAY;AACvC,YAAMb,EAAoBK,CAAE,GAC5BE,EAAU,EAAK;AAAA,IAAA;AAAA,EAOfM;AAEJ;"}

package/dist/modules/modals/PublishModal/PublishModal.d.ts

@@ -1,9 +0,0 @@
-import { ID } from '@edifice.io/ts-client';
-interface PublishModalProps {
-    isOpen: boolean;
-    resourceId: ID;
-    onSuccess: () => void;
-    onCancel: () => void;
-}
-export default function PublishModal({ isOpen, resourceId, onSuccess, onCancel, }: PublishModalProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/modals/PublishModal/PublishModal.js

@@ -1,121 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { createPortal as R } from "react-dom";
-import { useTranslation as H } from "react-i18next";
-import W from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
-import { ActivitiesDropdown as T } from "./components/ActivitiesDropdown.js";
-import { AgeSelect as g } from "./components/AgeSelect.js";
-import { LangSelect as U } from "./components/LangSelect.js";
-import { PublishModalFooter as V } from "./components/PublishModalFooter.js";
-import { SubjectsDropdown as E } from "./components/SubjectsDropdown.js";
-import G from "./hooks/usePublishModal.js";
-import J from "../../../core/useMediaLibrary/useMediaLibrary.js";
-import K from "../../../core/useResource/useResource.js";
-import Q from "../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient as X } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-import { LoadingScreen as Y } from "../../../components/LoadingScreen/LoadingScreen.js";
-import { Modal as a } from "../../../components/Modal/Modal.js";
-import { Heading as c } from "../../../components/Heading/Heading.js";
-import { FormControl as p } from "../../../components/Form/FormControl.js";
-import { Label as s } from "../../../components/Label/Label.js";
-import { Input as v } from "../../../components/Input/Input.js";
-import { TextArea as Z } from "../../../components/TextArea/TextArea.js";
-import { Button as y } from "../../../components/Button/Button.js";
-function xe({
-  isOpen: x,
-  resourceId: M,
-  onSuccess: N,
-  onCancel: t
-}) {
-  const {
-    appCode: b,
-    currentApp: S
-  } = X(), {
-    ref: f,
-    libraryMedia: I,
-    ...L
-  } = J(), {
-    t: r
-  } = H(), l = K(b, M), {
-    control: o,
-    cover: u,
-    formState: {
-      isDirty: A,
-      isValid: k,
-      isSubmitting: h
-    },
-    handleDeleteImage: w,
-    handleSubmit: q,
-    handleUploadImage: F,
-    handlePublish: O,
-    register: d,
-    selectActivities: P,
-    selectedActivities: j,
-    selectedSubjectAreas: B,
-    selectSubjects: C
-  } = G({
-    resource: l,
-    onSuccess: N
-  }), D = "bpr.form.publication.age.min", z = "bpr.form.publication.age.max";
-  return l ? /* @__PURE__ */ R(/* @__PURE__ */ i(a, { isOpen: x, onModalClose: t, id: "libraryModal", size: "lg", children: [
-    /* @__PURE__ */ e(a.Header, { onModalClose: t, children: r("bpr.publish") }),
-    /* @__PURE__ */ e(a.Subtitle, { children: r("bpr.form.tip") }),
-    /* @__PURE__ */ i(a.Body, { children: [
-      /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.heading.general") }),
-      /* @__PURE__ */ i("form", { id: "libraryModalForm", onSubmit: q(O), children: [
-        /* @__PURE__ */ i("div", { className: "d-block d-md-flex mb-24 gap-24", children: [
-          /* @__PURE__ */ i("div", { style: {
-            maxWidth: "160px"
-          }, children: [
-            /* @__PURE__ */ e("div", { className: "form-label", children: r("bpr.form.publication.cover.title") }),
-            /* @__PURE__ */ e(W, { app: S, src: l == null ? void 0 : l.thumbnail, addButtonLabel: r("bpr.form.publication.cover.upload.add"), deleteButtonLabel: r("bpr.form.publication.cover.upload.remove"), onUploadImage: F, onDeleteImage: w, className: "align-self-center", libraryMedia: I, mediaLibraryRef: f }),
-            !u && /* @__PURE__ */ e("p", { className: "form-text is-invalid", children: /* @__PURE__ */ e("em", { children: r("bpr.form.publication.cover.upload.required.image") }) })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "flex-fill", children: [
-            /* @__PURE__ */ i(p, { id: "title", className: "mb-16", isRequired: !0, children: [
-              /* @__PURE__ */ e(s, { children: r("bpr.form.publication.title") }),
-              /* @__PURE__ */ e(v, { type: "text", defaultValue: l == null ? void 0 : l.name, ...d("title", {
-                required: !0
-              }), placeholder: r("bpr.form.publication.title.placeholder"), size: "md", "aria-required": !0 })
-            ] }),
-            /* @__PURE__ */ i(p, { id: "description", isRequired: !0, children: [
-              /* @__PURE__ */ e(s, { children: r("bpr.form.publication.description") }),
-              /* @__PURE__ */ e(Z, { ...d("description", {
-                required: !0
-              }), placeholder: r("bpr.form.publication.description.placeholder"), size: "md" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.heading.infos") }),
-        /* @__PURE__ */ i("div", { className: "d-flex flex-column flex-md-row gap-16 row mb-24", children: [
-          /* @__PURE__ */ e(T, { control: o, selectedActivities: j, selectActivities: P }),
-          /* @__PURE__ */ e(E, { control: o, selectedSubjectAreas: B, selectSubjects: C }),
-          /* @__PURE__ */ e(U, { control: o })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "mb-24", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "", className: "form-label", children: r("bpr.form.publication.age") }),
-          /* @__PURE__ */ i("div", { className: "d-flex gap-8", children: [
-            /* @__PURE__ */ e("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ e(g, { control: o, name: "ageMin", placeholderOption: D, validate: (m, n) => parseInt(m) <= parseInt(n.ageMax) }) }),
-            /* @__PURE__ */ e("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ e(g, { control: o, name: "ageMax", placeholderOption: z, validate: (m, n) => parseInt(m) >= parseInt(n.ageMin) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "mb-24", children: /* @__PURE__ */ i(p, { id: "keywords", isOptional: !0, children: [
-          /* @__PURE__ */ e(s, { children: r("bpr.form.publication.keywords") }),
-          /* @__PURE__ */ e(v, { type: "text", ...d("keyWords"), size: "md", placeholder: r("bpr.form.publication.keywords.placeholder") })
-        ] }) }),
-        /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.licence.text") }),
-        /* @__PURE__ */ e(V, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ i(a.Footer, { children: [
-      /* @__PURE__ */ e(y, { color: "tertiary", onClick: t, type: "button", variant: "ghost", children: r("cancel") }),
-      /* @__PURE__ */ e(y, { form: "libraryModalForm", type: "submit", color: "primary", variant: "filled", isLoading: h, disabled: !u || h || !A || !k, children: r("bpr.form.submit") })
-    ] }),
-    /* @__PURE__ */ e(Q, { appCode: b, ref: f, multiple: !1, visibility: "protected", ...L })
-  ] }), document.getElementById("portal")) : /* @__PURE__ */ e(Y, {});
-}
-export {
-  xe as default
-};
-//# sourceMappingURL=PublishModal.js.map