@lls/vivi 24.1.7-0b548db8 → 24.1.7-13f884fc

package/lib/assets/vivi.css

@@ -83,68 +83,6 @@
   }
 }
 
-/* css-modules:css-modules://O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak.css */
-.vv-s56jqa-editGrid {
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-.vv-s56jqa-editGrid .vv-s56jqa-layout {
-  box-sizing: border-box;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-  padding: 8px;
-  display: flex;
-}
-.vv-s56jqa-editGrid .vv-s56jqa-illu {
-  border: 4px solid #002747;
-  border-radius: 8px;
-  flex: 2;
-  min-width: 0;
-  position: relative;
-}
-.vv-s56jqa-editGrid .vv-s56jqa-illu > img {
-  aspect-ratio: 3149 / 2126;
-  width: 100%;
-  display: block;
-}
-.vv-s56jqa-editGrid .vv-s56jqa-illu .vv-s56jqa-pictureZone {
-  top: var(--v-picturezone-y);
-  left: var(--v-picturezone-x);
-  width: var(--v-picturezone-w);
-  height: var(--v-picturezone-h);
-  border: 5px solid green;
-  position: absolute;
-}
-.vv-s56jqa-editGrid .vv-s56jqa-interface {
-  box-sizing: border-box;
-  background: #fff;
-  border-radius: 8px;
-  flex: 1;
-  min-width: 200px;
-  padding: 8px;
-  box-shadow: 0 4px 4px #04224d1f;
-}
-.vv-s56jqa-viewGrid {
-  width: 100%;
-}
-.vv-s56jqa-viewGrid .vv-s56jqa-illu {
-  position: relative;
-}
-.vv-s56jqa-viewGrid .vv-s56jqa-illu > img {
-  aspect-ratio: 3149 / 2126;
-  width: 100%;
-}
-.vv-s56jqa-viewGrid .vv-s56jqa-illu .vv-s56jqa-pictureZone {
-  top: var(--v-picturezone-y);
-  left: var(--v-picturezone-x);
-  width: var(--v-picturezone-w);
-  height: var(--v-picturezone-h);
-  border: 5px solid green;
-  position: absolute;
-}
-
 /* css-modules:css-modules://J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U.css */
 .vv--ZTaFW-divSearch {
   cursor: pointer;

package/lib/index.js

@@ -58,8 +58,7 @@ var init_layoutTemplate = __esm({
 
 // src/utils/template.ts
 import _3 from "lodash/fp.js";
-import { nanoid } from "nanoid";
-var getDocumentByUuid, getDepth, parseErrorsInContentMd, getDocumentUniqueId, getMissingUuid, getMissingId, updateTemplate, addDocumentToTemplate, deleteDocumentFromTemplate;
+var getDocumentByUuid, getDepth, parseErrorsInContentMd, getDocumentUniqueId, getMissingUuid, getMissingId, updateTemplate, concatAttribs;
 var init_template = __esm({
   "src/utils/template.ts"() {
     "use strict";
@@ -92,31 +91,19 @@ var init_template = __esm({
         return node;
       });
     };
-    addDocumentToTemplate = (template, partialDoc) => {
-      const uuid = nanoid();
-      const children = [
-        ...template.children ?? [],
-        {
-          // id: newCardId(), //TODO vraisemblablement inutile. A supprimer si création de page côté BE ok sans
-          uuid,
-          contentMd: ""
+    concatAttribs = (obj, ignoredAttrs) => {
+      let s = "";
+      for (const key in obj) {
+        if (ignoredAttrs.has(key))
+          continue;
+        if (key === "src" || key === "placeholder") {
+          const backSrcKey = _3.getOr(obj[key], 1, obj[key].match(/(?:.*)?:\/\/(?:.*)?\/(.*)/));
+          s += key + backSrcKey;
+        } else {
+          s += key + obj[key];
         }
-      ];
-      const layouts = {
-        primary: [
-          ...template?.layouts?.primary ?? [],
-          {
-            id: uuid,
-            ...partialDoc
-          }
-        ]
-      };
-      return { ...template, children, layouts };
-    };
-    deleteDocumentFromTemplate = (template, docUuid) => {
-      const children = template.children?.filter((child) => child.uuid !== docUuid) ?? [];
-      const layouts = { primary: template.layouts?.primary?.filter((doc) => doc.id !== docUuid) ?? [] };
-      return { ...template, children, layouts };
+      }
+      return s;
     };
   }
 });
@@ -306,7 +293,7 @@ var init_src_components_core_DocumentToolbar = __esm({
   "tmp_esbuild/_src_components_core_DocumentToolbar.module.css"() {
     "use strict";
     init_v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA();
-    src_components_core_DocumentToolbar_default = { "toggleMenuButton": "vv-JySIna-toggleMenuButton", "toolbar": "vv-JySIna-toolbar", "parentToolbar": "vv-JySIna-parentToolbar" };
+    src_components_core_DocumentToolbar_default = { "parentToolbar": "vv-JySIna-parentToolbar", "toggleMenuButton": "vv-JySIna-toggleMenuButton", "toolbar": "vv-JySIna-toolbar" };
   }
 });
 
@@ -399,7 +386,8 @@ var init_constants = __esm({
 
 // src/utils/string.ts
 import _8 from "lodash/fp.js";
-var OPENING_TAG_CHAR, ESCAPED_OPENING_TAG_CHAR, CLOSING_TAG_CHAR, removeTrailingNewLines, escapeTags, escapeTagContent;
+import murmur from "murmurhash";
+var OPENING_TAG_CHAR, ESCAPED_OPENING_TAG_CHAR, CLOSING_TAG_CHAR, removeTrailingNewLines, escapeTags, escapeTagContent, hash;
 var init_string = __esm({
   "src/utils/string.ts"() {
     "use strict";
@@ -424,6 +412,7 @@ var init_string = __esm({
       }
       return out;
     };
+    hash = (s) => murmur(s).toString(16);
   }
 });
 
@@ -522,164 +511,14 @@ var init_DocumentHtml = __esm({
   }
 });
 
-// css-modules:css-modules://O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak.css
-var init_O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak = __esm({
-  "css-modules:css-modules://O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak.css"() {
-  }
-});
-
-// tmp_esbuild/_src_components_primarygrid_Grid.module.css
-var src_components_primarygrid_Grid_default;
-var init_src_components_primarygrid_Grid = __esm({
-  "tmp_esbuild/_src_components_primarygrid_Grid.module.css"() {
-    "use strict";
-    init_O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak();
-    src_components_primarygrid_Grid_default = { "viewGrid": "vv-s56jqa-viewGrid", "pictureZone": "vv-s56jqa-pictureZone", "layout": "vv-s56jqa-layout", "illu": "vv-s56jqa-illu", "editGrid": "vv-s56jqa-editGrid", "interface": "vv-s56jqa-interface" };
-  }
-});
-
-// src/components/primarygrid/Grid.module.css
-var init_Grid = __esm({
-  "src/components/primarygrid/Grid.module.css"() {
-    "use strict";
-    init_src_components_primarygrid_Grid();
-  }
-});
-
-// src/utils/url.ts
-var asLlsWebp;
-var init_url = __esm({
-  "src/utils/url.ts"() {
-    "use strict";
-    asLlsWebp = (url) => {
-      return /https:\/\/assets(-mid|-lite|-dev|-dev-mid|-dev-lite)?\.lls\.fr.*\.(png|jpe?g)$/.test(url) ? url.replace(/\.(png|jpe?g)$/, ".webp") : url;
-    };
-  }
-});
-
-// src/components/primarygrid/Grid.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Button as Button2, TextField } from "@lls/lls-kit";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var EditGrid, ViewGrid, PrimaryGrid, Grid_default;
-var init_Grid2 = __esm({
-  "src/components/primarygrid/Grid.tsx"() {
+// src/components/Div.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Div, Div_default;
+var init_Div = __esm({
+  "src/components/Div.tsx"() {
     "use strict";
-    init_store();
-    init_mode();
-    init_Grid();
-    init_url();
-    EditGrid = ({ children, picture }) => {
-      const { addPicture, addDocument, updateLayouts, deleteDocument, layouts } = useReadMdRendererProps([
-        "layouts",
-        "addPicture",
-        "addDocument",
-        "updateLayouts",
-        "deleteDocument"
-      ]);
-      const [picValue, setPicValue] = useState2(picture);
-      const [layoutItems, setLayoutItems] = useState2({ items: layouts?.primary ?? [], draft: false });
-      useEffect2(() => {
-        setLayoutItems({ items: layouts?.primary ?? [], draft: false });
-      }, [layouts?.primary]);
-      const onChangePicture = () => {
-        addPicture(picValue ?? "");
-      };
-      const onChangeLayoutItem = (id, prop, value) => {
-        setLayoutItems((prev) => ({ items: prev.items.map((item) => item.id === id ? { ...item, [prop]: value } : item), draft: true }));
-      };
-      useEffect2(() => {
-        if (!layoutItems.draft)
-          return;
-        const timeoutId = setTimeout(() => {
-          updateLayouts({ primary: layoutItems.items });
-        }, 1e3);
-        return () => {
-          clearTimeout(timeoutId);
-        };
-      }, [updateLayouts, layoutItems]);
-      return /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.editGrid, children: [
-        /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.layout, children: [
-          /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.interface, children: [
-            /* @__PURE__ */ jsx3("h3", { children: "Interface d'\xE9dition" }),
-            /* @__PURE__ */ jsx3(TextField, { type: "text", label: "url de la double page", value: picValue, onChange: setPicValue }),
-            /* @__PURE__ */ jsx3(Button2, { onClick: onChangePicture, children: "Submit" }),
-            /* @__PURE__ */ jsx3("hr", {}),
-            /* @__PURE__ */ jsx3(Button2, { onClick: () => addDocument({ x: 50, y: 50, w: 100, h: 100 }), children: "Add document" }),
-            layoutItems.items.map((layoutItem, index) => {
-              return /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.zone, children: [
-                /* @__PURE__ */ jsxs3("h3", { children: [
-                  "Document ",
-                  index + 1
-                ] }),
-                ["x", "y", "w", "h"].map((prop) => {
-                  return /* @__PURE__ */ jsx3(
-                    TextField,
-                    {
-                      type: "number",
-                      label: prop,
-                      value: layoutItem[prop],
-                      width: "100px",
-                      onChange: (value) => onChangeLayoutItem(layoutItem.id, prop, value)
-                    },
-                    prop
-                  );
-                }),
-                /* @__PURE__ */ jsx3(Button2, { theme: "error", onClick: () => deleteDocument(layoutItem.id), children: "Remove" })
-              ] }, layoutItem.id);
-            })
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.illu, children: [
-            picture && /* @__PURE__ */ jsx3("img", { alt: "illustration", src: asLlsWebp(picture) }),
-            layoutItems.items.map((layoutItem) => {
-              return /* @__PURE__ */ jsx3(
-                "div",
-                {
-                  className: src_components_primarygrid_Grid_default.pictureZone,
-                  style: {
-                    "--v-picturezone-x": `${layoutItem.x}px`,
-                    "--v-picturezone-y": `${layoutItem.y}px`,
-                    "--v-picturezone-w": `${layoutItem.w}px`,
-                    "--v-picturezone-h": `${layoutItem.h}px`
-                  }
-                },
-                layoutItem.id
-              );
-            })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: src_components_primarygrid_Grid_default.docs, children: /* @__PURE__ */ jsx3("b", { children }) })
-      ] });
-    };
-    ViewGrid = ({ children, picture }) => {
-      const { layouts } = useReadMdRendererProps(["layouts"]);
-      return /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.viewGrid, children: [
-        /* @__PURE__ */ jsxs3("div", { className: src_components_primarygrid_Grid_default.illu, children: [
-          picture && /* @__PURE__ */ jsx3("img", { alt: "illustration", src: asLlsWebp(picture) }),
-          layouts?.primary?.map((layoutItem) => {
-            return /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: src_components_primarygrid_Grid_default.pictureZone,
-                style: {
-                  "--v-picturezone-x": `${layoutItem.x}px`,
-                  "--v-picturezone-y": `${layoutItem.y}px`,
-                  "--v-picturezone-w": `${layoutItem.w}px`,
-                  "--v-picturezone-h": `${layoutItem.h}px`
-                }
-              },
-              layoutItem.id
-            );
-          })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: src_components_primarygrid_Grid_default.docs, children: /* @__PURE__ */ jsx3("b", { children }) })
-      ] });
-    };
-    PrimaryGrid = (props) => {
-      const { mode } = useReadMdRendererProps(["mode"]);
-      return isEditMode(mode) ? /* @__PURE__ */ jsx3(EditGrid, { ...props }) : /* @__PURE__ */ jsx3(ViewGrid, { ...props });
-    };
-    Grid_default = PrimaryGrid;
+    Div = ({ children }) => /* @__PURE__ */ jsx3("b", { children });
+    Div_default = Div;
   }
 });
 
@@ -688,8 +527,8 @@ import React3, { memo, useRef } from "react";
 import HtmlToReact from "html-to-react";
 import _9 from "lodash/fp.js";
 import { cx as cx2 } from "@lls/utils";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var htmlToReactParser, processNodeDefinitions, MemoToolbar, DocumentHtml, getProcessingInstructions, MdRenderer, DocumentHtml_default;
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var htmlToReactParser, processNodeDefinitions, MemoToolbar, DocumentHtml, getProcessNode, getProcessingInstructions, MdRenderer, DocumentHtml_default;
 var init_DocumentHtml2 = __esm({
   "src/components/core/DocumentHtml.tsx"() {
     "use strict";
@@ -699,9 +538,10 @@ var init_DocumentHtml2 = __esm({
     init_dom();
     init_memo();
     init_string();
+    init_template();
     init_ErrorBoundary2();
     init_DocumentHtml();
-    init_Grid2();
+    init_Div();
     htmlToReactParser = new HtmlToReact.Parser({
       recognizeSelfClosing: true
     });
@@ -727,7 +567,7 @@ var init_DocumentHtml2 = __esm({
     DocumentHtml = ({ toolbarProps: props, mdRendererProps, docJson, children: docChildren }) => {
       const { mode } = useReadMdRendererProps(["mode"]);
       const documentRef = useRef(null);
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs3(
         "div",
         {
           ref: documentRef,
@@ -742,16 +582,32 @@ var init_DocumentHtml2 = __esm({
         }
       );
     };
-    getProcessingInstructions = ({ docChildren }) => {
+    getProcessNode = (handler, nodeName) => (node, children, siblingKey) => {
+      if (node.attribs)
+        node.attribs.className = `${VIVI_COMPONENT_CLASSNAME_PREFIX}${nodeName}`;
+      return handler(node, children, siblingKey);
+    };
+    getProcessingInstructions = (props) => {
+      const tagsIndex = {};
+      const ignoredAttrs = /* @__PURE__ */ new Set(["dataAttributes", "className"]);
+      const keyToDupe = {};
       const tag = (nodeName, handler) => ({
         shouldProcessNode: _9.matchesProperty("name", nodeName),
-        processNode: handler
+        processNode: getProcessNode((node, children) => {
+          tagsIndex[nodeName] = (tagsIndex[nodeName] ?? -1) + 1;
+          const key = node.name + concatAttribs(node.attribs, ignoredAttrs);
+          const hkey = hash(key);
+          const uniqKey = (keyToDupe[hkey] || 0) + 1;
+          keyToDupe[hkey] = uniqKey;
+          return handler(node, children, `${hkey}-${uniqKey}`);
+        }, nodeName)
       });
-      const shortTag = (name, Component, props = {}, mapAttributes = _9.identity) => {
-        return tag(name, (node, children, key) => /* @__PURE__ */ jsx4(Component, { ...mapAttributes(node.attribs), children, ...props }, key));
+      const shortTag = (name, Component, props2 = {}, mapAttributes = _9.identity) => {
+        return tag(name, (node, children, key) => /* @__PURE__ */ jsx4(Component, { ...mapAttributes(node.attribs), children, ...props2 }, key));
       };
       return [
-        tag("primarygrid", (node) => /* @__PURE__ */ jsx4(Grid_default, { ...node.attribs, children: docChildren }, "grid")),
+        shortTag("div", Div_default),
+        // Bad, bad, not good!
         {
           shouldProcessNode: (node) => {
             if (node.type === "text" && _9.trim(node.data) === "") {
@@ -792,7 +648,7 @@ var init_src_components_core_Document = __esm({
   "tmp_esbuild/_src_components_core_Document.module.css"() {
     "use strict";
     init_J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U();
-    src_components_core_Document_default = { "rootDocument": "vv--ZTaFW-rootDocument", "divSearch": "vv--ZTaFW-divSearch" };
+    src_components_core_Document_default = { "divSearch": "vv--ZTaFW-divSearch", "rootDocument": "vv--ZTaFW-rootDocument" };
   }
 });
 
@@ -878,7 +734,7 @@ var init_src_components_core_viewer_ViewerMd = __esm({
   "tmp_esbuild/_src_components_core_viewer_ViewerMd.module.css"() {
     "use strict";
     init_JpW1nUt7xW7qwOpENEm_oylMzow4l0aKU2OuIG0bXI();
-    src_components_core_viewer_ViewerMd_default = { "viewer": "vv-j3jlxa-viewer kit-themecss", "viewerInner": "vv-j3jlxa-viewerInner" };
+    src_components_core_viewer_ViewerMd_default = { "viewerInner": "vv-j3jlxa-viewerInner", "viewer": "vv-j3jlxa-viewer kit-themecss" };
   }
 });
 
@@ -907,21 +763,9 @@ var init_ViewerMd2 = __esm({
     init_Codemirror();
     init_ViewerMd();
     init_constants();
-    getMdRendererProps = _11.pick(["isOffline", "isTouchable", "wasSsrRendered", "picture"]);
+    getMdRendererProps = _11.pick(["isOffline", "isTouchable", "wasSsrRendered"]);
     ViewerMd = React5.forwardRef(
-      ({
-        template = {},
-        addPicture = _11.noop,
-        addDocument = _11.noop,
-        updateLayouts = _11.noop,
-        deleteDocument = _11.noop,
-        onChange = _11.noop,
-        sizeIndex = 2,
-        fontFamily = "LatoWeb",
-        mode = "view",
-        isDysMode = false,
-        ...props
-      }, ref) => {
+      ({ template = {}, onChange = _11.noop, sizeIndex = 2, fontFamily = "LatoWeb", mode = "view", isDysMode = false, ...props }, ref) => {
         const pageId = _11.get("id", template);
         const onChangeCallbackRef = useRef2(_11.noop);
         const innerViewerRef = useRef2(null);
@@ -936,20 +780,26 @@ var init_ViewerMd2 = __esm({
         onChangeCallbackRef.current = (doc, ctx) => {
           onChange(updateTemplate(template, doc), ctx);
         };
-        const { deleteRightResponses, openEditor, openMetadataEditor } = props;
+        const { addCard, addLayoutToRoot, onChangeLayout, onRemoveLayout, deleteCard, deleteRightResponses, openEditor, openMetadataEditor } = props;
         const isPrint2 = isPrint();
         const mdRendererProps = useMemo(() => {
           return _11.flow(
             JSON.parse,
             _11.assign({
               // there should only be FUNCTIONS here
-              addPicture,
-              addDocument,
-              updateLayouts,
-              deleteDocument
+              addCard,
+              addLayoutToRoot,
+              onChangeLayout,
+              onRemoveLayout
             })
           )(hashMdRendererProps);
-        }, [hashMdRendererProps, addPicture, addDocument, updateLayouts, deleteDocument]);
+        }, [
+          hashMdRendererProps,
+          addCard,
+          addLayoutToRoot,
+          onChangeLayout,
+          onRemoveLayout
+        ]);
         const onDocChange = useCallback2((doc) => {
           onChangeCallbackRef.current(doc);
         }, []);
@@ -967,12 +817,12 @@ var init_ViewerMd2 = __esm({
         });
         const toolbarProps = useMemo(() => {
           return {
-            deleteDocument,
+            deleteCard,
             deleteRightResponses,
             openEditor,
             openMetadataEditor
           };
-        }, [deleteDocument, deleteRightResponses, openEditor, openMetadataEditor]);
+        }, [deleteCard, deleteRightResponses, openEditor, openMetadataEditor]);
         return /* @__PURE__ */ jsx6(
           "div",
           {
@@ -1000,40 +850,23 @@ var init_EditViewerMd = __esm({
   "src/components/core/editor/EditViewerMd.tsx"() {
     "use strict";
     init_ViewerMd2();
-    init_template();
-    EditViewerMd = React6.forwardRef(({ template, onChange, ...props }, ref) => {
-      const addDocument = useCallback3(
-        (docInfos) => {
-          onChange((template2) => addDocumentToTemplate(template2, docInfos));
-        },
-        [onChange]
-      );
-      const updateLayouts = useCallback3(
-        (newLayouts) => {
-          onChange((template2) => ({ ...template2, layouts: newLayouts }));
-        },
-        [onChange]
-      );
-      const deleteDocument = useCallback3(
-        (uuid) => {
-          onChange((template2) => deleteDocumentFromTemplate(template2, uuid));
-        },
-        [onChange]
-      );
+    EditViewerMd = React6.forwardRef(({ template, setTemplate, isEditorOpen, ...props }, ref) => {
+      const addCard = useCallback3(() => {
+      }, []);
+      const addLayoutToRoot = useCallback3(() => {
+      }, []);
+      const deleteCard = useCallback3(() => {
+      }, []);
       const deleteRightResponses = useCallback3(() => {
       }, []);
-      const addPicture = (picture) => {
-        onChange((prev) => ({ ...prev, contentMd: `<primarygrid picture="${picture}" />` }));
-      };
       return /* @__PURE__ */ jsx7(
         ViewerMd_default,
         {
           template,
-          addDocument,
-          updateLayouts,
-          deleteDocument,
+          addCard,
+          addLayoutToRoot,
+          deleteCard,
           deleteRightResponses,
-          addPicture,
           mode: "edit",
           ref,
           ...props
@@ -1045,14 +878,14 @@ var init_EditViewerMd = __esm({
 });
 
 // src/hooks/useClientMounted.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 var useClientMounted, useClientMounted_default;
 var init_useClientMounted = __esm({
   "src/hooks/useClientMounted.tsx"() {
     "use strict";
     useClientMounted = () => {
-      const [mounted, setMounted] = useState3(false);
-      useEffect3(() => {
+      const [mounted, setMounted] = useState2(false);
+      useEffect2(() => {
         setMounted(true);
       }, []);
       return mounted;
@@ -1105,7 +938,7 @@ __export(CodemirrorEditor_browser_exports, {
   default: () => CodemirrorEditor_browser_default
 });
 import _12 from "lodash/fp.js";
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var TAGS, completeAfter, completeIfAfterLt, completeIfInTag, xmlValidator, CodemirrorEditor, CodemirrorEditor_browser_default;
 var init_CodemirrorEditor_browser2 = __esm({
@@ -1169,8 +1002,8 @@ var init_CodemirrorEditor_browser2 = __esm({
       onError = _12.noop
     }) => {
       const textarea = useRef3(null);
-      const [editor, setEditor] = useState4(null);
-      useEffect4(() => {
+      const [editor, setEditor] = useState3(null);
+      useEffect3(() => {
         const fn = async () => {
           const codemirror = (await import("codemirror").then(lazyInterop)).default;
           codemirror.registerHelper("lint", "xml", (text) => xmlValidator(codemirror, text, onError));
@@ -1202,7 +1035,7 @@ var init_CodemirrorEditor_browser2 = __esm({
         };
         fn();
       }, [readOnly, keyMap, componentDidMount, onError]);
-      useEffect4(() => {
+      useEffect3(() => {
         if (!editor) {
           return;
         }
@@ -1266,13 +1099,13 @@ var init_EditorHeaderModal = __esm({
 });
 
 // src/components/core/editor/EditorHeaderModal.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var EditorHeaderModal, EditorHeaderModal_default;
 var init_EditorHeaderModal2 = __esm({
   "src/components/core/editor/EditorHeaderModal.tsx"() {
     "use strict";
     init_EditorHeaderModal();
-    EditorHeaderModal = ({ onClick }) => /* @__PURE__ */ jsxs5("div", { children: [
+    EditorHeaderModal = ({ onClick }) => /* @__PURE__ */ jsxs4("div", { children: [
       /* @__PURE__ */ jsx10(
         "div",
         {
@@ -1309,7 +1142,7 @@ var init_EditorHeaderModal2 = __esm({
           children: "Secondaire"
         }
       ),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs4(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1390,7 +1223,7 @@ var init_EditorListModal = __esm({
 });
 
 // src/components/core/editor/EditorListModal.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var generateList, EditorListModal, EditorListModal_default;
 var init_EditorListModal2 = __esm({
   "src/components/core/editor/EditorListModal.tsx"() {
@@ -1403,7 +1236,7 @@ var init_EditorListModal2 = __esm({
   <li></li>
 </ul>
 `;
-    EditorListModal = ({ onClick }) => /* @__PURE__ */ jsxs6("div", { children: [
+    EditorListModal = ({ onClick }) => /* @__PURE__ */ jsxs5("div", { children: [
       /* @__PURE__ */ jsx11("ul", { className: src_components_core_editor_EditorListModal_default.ul, onClick: () => onClick(() => generateList("disc")), children: /* @__PURE__ */ jsx11("li", {}) }),
       /* @__PURE__ */ jsx11("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "circle", onClick: () => onClick(() => generateList("circle")), children: /* @__PURE__ */ jsx11("li", {}) }),
       /* @__PURE__ */ jsx11("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "square", onClick: () => onClick(() => generateList("square")), children: /* @__PURE__ */ jsx11("li", {}) })
@@ -1437,13 +1270,13 @@ var init_EditorMathsModal = __esm({
 });
 
 // src/components/core/editor/EditorMathsModal.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var EditorMathsModal, EditorMathsModal_default;
 var init_EditorMathsModal2 = __esm({
   "src/components/core/editor/EditorMathsModal.tsx"() {
     "use strict";
     init_EditorMathsModal();
-    EditorMathsModal = ({ onClick }) => /* @__PURE__ */ jsxs7("div", { children: [
+    EditorMathsModal = ({ onClick }) => /* @__PURE__ */ jsxs6("div", { children: [
       /* @__PURE__ */ jsx12("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<math>${selectedText}</math>`), children: "KaTeX" }),
       /* @__PURE__ */ jsx12("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `\\text{${selectedText}}`), children: "\\text {...}" }),
       /* @__PURE__ */ jsx12("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<python inline="true">${selectedText}</python>`), children: "python" }),
@@ -1478,7 +1311,7 @@ var init_EditorOrderedListModal = __esm({
 });
 
 // src/components/core/editor/EditorOrderedListModal.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var generateList2, EditorOrderedListModal, EditorOrderedListModal_default;
 var init_EditorOrderedListModal2 = __esm({
   "src/components/core/editor/EditorOrderedListModal.tsx"() {
@@ -1491,28 +1324,28 @@ var init_EditorOrderedListModal2 = __esm({
   <li></li>
 </ol>
 `;
-    EditorOrderedListModal = ({ onClick }) => /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsxs8("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "1", onClick: () => onClick(() => generateList2("1")), children: [
+    EditorOrderedListModal = ({ onClick }) => /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsxs7("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "1", onClick: () => onClick(() => generateList2("1")), children: [
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {})
       ] }),
-      /* @__PURE__ */ jsxs8("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "a", onClick: () => onClick(() => generateList2("a")), children: [
+      /* @__PURE__ */ jsxs7("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "a", onClick: () => onClick(() => generateList2("a")), children: [
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {})
       ] }),
-      /* @__PURE__ */ jsxs8("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "A", onClick: () => onClick(() => generateList2("A")), children: [
+      /* @__PURE__ */ jsxs7("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "A", onClick: () => onClick(() => generateList2("A")), children: [
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {})
       ] }),
-      /* @__PURE__ */ jsxs8("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "i", onClick: () => onClick(() => generateList2("i")), children: [
+      /* @__PURE__ */ jsxs7("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "i", onClick: () => onClick(() => generateList2("i")), children: [
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {})
       ] }),
-      /* @__PURE__ */ jsxs8("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "I", onClick: () => onClick(() => generateList2("I")), children: [
+      /* @__PURE__ */ jsxs7("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "I", onClick: () => onClick(() => generateList2("I")), children: [
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {}),
         /* @__PURE__ */ jsx13("li", {})
@@ -1547,13 +1380,13 @@ var init_EditorQuestionModal = __esm({
 });
 
 // src/components/core/editor/EditorQuestionModal.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var EditorQuestionModal, EditorQuestionModal_default;
 var init_EditorQuestionModal2 = __esm({
   "src/components/core/editor/EditorQuestionModal.tsx"() {
     "use strict";
     init_EditorQuestionModal();
-    EditorQuestionModal = ({ onClick }) => /* @__PURE__ */ jsxs9("div", { children: [
+    EditorQuestionModal = ({ onClick }) => /* @__PURE__ */ jsxs8("div", { children: [
       /* @__PURE__ */ jsx14("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qtarea id="" width="90%" />`), children: "Question textarea" }),
       /* @__PURE__ */ jsx14("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qt id="">${selectedText}</qt>`), children: "Question ouverte" }),
       /* @__PURE__ */ jsx14("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qs id="">${selectedText}</qs>`), children: 'Question "select"' }),
@@ -1625,13 +1458,13 @@ var init_EditorStampModal = __esm({
 });
 
 // src/components/core/editor/EditorStampModal.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var EditorStampModal, EditorStampModal_default;
 var init_EditorStampModal2 = __esm({
   "src/components/core/editor/EditorStampModal.tsx"() {
     "use strict";
     init_EditorStampModal();
-    EditorStampModal = ({ onClick }) => /* @__PURE__ */ jsxs10("div", { children: [
+    EditorStampModal = ({ onClick }) => /* @__PURE__ */ jsxs9("div", { children: [
       /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick((selectedText) => `<stamp theme="" size="">${selectedText}</stamp>`), children: "Stamp classique" }),
       /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick(() => `<stamp theme="" icon="" size=""/>`), children: "Stamp avec icon" })
     ] });
@@ -1679,7 +1512,7 @@ var init_src_components_core_editor_EditorTableModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTableModal.module.css"() {
     "use strict";
     init_PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM();
-    src_components_core_editor_EditorTableModal_default = { "grid": "vv-VbIHYG-grid", "header": "vv-VbIHYG-header", "line": "vv-VbIHYG-line", "cell": "vv-VbIHYG-cell" };
+    src_components_core_editor_EditorTableModal_default = { "header": "vv-VbIHYG-header", "grid": "vv-VbIHYG-grid", "cell": "vv-VbIHYG-cell", "line": "vv-VbIHYG-line" };
   }
 });
 
@@ -1692,9 +1525,9 @@ var init_EditorTableModal = __esm({
 });
 
 // src/components/core/editor/EditorTableModal.tsx
-import { useCallback as useCallback4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useState as useState4 } from "react";
 import _14 from "lodash/fp.js";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var LINE_COUNT, COLUMN_COUNT, CELL_WIDTH, CELL_HEIGHT, CELL_MARGIN, LINE_WIDTH, Cell, EditorTableModal, EditorTableModal_default;
 var init_EditorTableModal2 = __esm({
   "src/components/core/editor/EditorTableModal.tsx"() {
@@ -1726,7 +1559,7 @@ var init_EditorTableModal2 = __esm({
       );
     };
     EditorTableModal = ({ onClick }) => {
-      const [selected, setSelected] = useState5({ line: 0, column: 0 });
+      const [selected, setSelected] = useState4({ line: 0, column: 0 });
       const onMouseEnter = useCallback4(({ column, line }) => {
         setSelected({ line, column });
       }, []);
@@ -1738,7 +1571,7 @@ var init_EditorTableModal2 = __esm({
       );
       const selectedLine = _14.getOr(0, "line", selected);
       const selectedColumn = _14.getOr(0, "column", selected);
-      return /* @__PURE__ */ jsxs11("div", { children: [
+      return /* @__PURE__ */ jsxs10("div", { children: [
         /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorTableModal_default.header, children: `${selectedLine} x ${selectedColumn}` }),
         /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorTableModal_default.grid, style: { "--v-line-width": `${LINE_WIDTH}px` }, children: _14.flow(
           _14.range(1),
@@ -1768,7 +1601,7 @@ var init_src_components_core_editor_EditorTitleModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTitleModal.module.css"() {
     "use strict";
     init_cxKXXItV67ua_TIlhaSrnnrkoXVY8_Oh89yukaCrcmw();
-    src_components_core_editor_EditorTitleModal_default = { "h3": "vv-_Pgo7W-h3", "h4": "vv-_Pgo7W-h4", "h2": "vv-_Pgo7W-h2", "h1": "vv-_Pgo7W-h1", "body1": "vv-_Pgo7W-body1", "body3": "vv-_Pgo7W-body3", "title": "vv-_Pgo7W-title", "body2": "vv-_Pgo7W-body2" };
+    src_components_core_editor_EditorTitleModal_default = { "h3": "vv-_Pgo7W-h3", "body3": "vv-_Pgo7W-body3", "h1": "vv-_Pgo7W-h1", "title": "vv-_Pgo7W-title", "body1": "vv-_Pgo7W-body1", "h4": "vv-_Pgo7W-h4", "body2": "vv-_Pgo7W-body2", "h2": "vv-_Pgo7W-h2" };
   }
 });
 
@@ -1782,13 +1615,13 @@ var init_EditorTitleModal = __esm({
 
 // src/components/core/editor/EditorTitleModal.tsx
 import { cx as cx4 } from "@lls/utils";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var EditorTitlesModal, EditorTitleModal_default;
 var init_EditorTitleModal2 = __esm({
   "src/components/core/editor/EditorTitleModal.tsx"() {
     "use strict";
     init_EditorTitleModal();
-    EditorTitlesModal = ({ onClick }) => /* @__PURE__ */ jsxs12("div", { children: [
+    EditorTitlesModal = ({ onClick }) => /* @__PURE__ */ jsxs11("div", { children: [
       /* @__PURE__ */ jsx17("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h1>${selectedText}</h1>`), children: "h1" }),
       /* @__PURE__ */ jsx17("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h2>${selectedText}</h2>`), children: "h2" }),
       /* @__PURE__ */ jsx17("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h3>${selectedText}</h3>`), children: "h3" }),
@@ -1826,10 +1659,10 @@ var init_EditorToolbar = __esm({
 });
 
 // src/components/core/editor/EditorToolbar.tsx
-import { forwardRef, useCallback as useCallback5, useState as useState6 } from "react";
+import { forwardRef, useCallback as useCallback5, useState as useState5 } from "react";
 import xmlFormat from "xml-formatter";
-import { Button as Button3, ButtonsList, Tooltip as Tooltip2 } from "@lls/lls-kit";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Button as Button2, ButtonsList, Tooltip as Tooltip2 } from "@lls/lls-kit";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 import { createElement } from "react";
 var EDITOR_BUTTONS, Dropdown, EditorToolbar, EditorToolbar_default;
 var init_EditorToolbar2 = __esm({
@@ -2020,7 +1853,7 @@ ${selectedText}
       }
     ];
     Dropdown = ({ icon, title, dropdown: Overlay, action }) => {
-      const [visible, setVisible] = useState6(false);
+      const [visible, setVisible] = useState5(false);
       const toggleVisible = () => {
         setVisible((isVisible) => !isVisible);
       };
@@ -2037,14 +1870,14 @@ ${selectedText}
           content: /* @__PURE__ */ jsx18(Overlay, { onClick: onClickOverlay })
         }
       ];
-      return /* @__PURE__ */ jsxs13("span", { className: src_components_core_editor_EditorToolbar_default.span, onClick: toggleVisible, children: [
-        /* @__PURE__ */ jsx18(Tooltip2, { content: title, children: /* @__PURE__ */ jsx18(Button3, { theme: "gray", icon, children: " " }) }),
+      return /* @__PURE__ */ jsxs12("span", { className: src_components_core_editor_EditorToolbar_default.span, onClick: toggleVisible, children: [
+        /* @__PURE__ */ jsx18(Tooltip2, { content: title, children: /* @__PURE__ */ jsx18(Button2, { theme: "gray", icon, children: " " }) }),
         visible && /* @__PURE__ */ jsx18(ButtonsList, { listItems, className: src_components_core_editor_EditorToolbar_default.absoluteMenuButton, zIndex: 1, withMask: false })
       ] });
     };
     EditorToolbar = forwardRef(({ replace }, menuRef) => /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorToolbar_default.editorToolbar, ref: menuRef, children: EDITOR_BUTTONS.map((button, i) => {
       const { icon, action, title, dropdown } = button;
-      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx18(Tooltip2, { content: title, children: /* @__PURE__ */ jsx18(Button3, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
+      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx18(Tooltip2, { content: title, children: /* @__PURE__ */ jsx18(Button2, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
     }) }));
     EditorToolbar.displayName = "EditorToolbar";
     EditorToolbar_default = EditorToolbar;
@@ -2076,7 +1909,7 @@ var init_useDragAndResize = __esm({
 });
 
 // ../viewer/src/hooks/useDragAndResize.tsx
-import { useEffect as useEffect5, useRef as useRef4, useState as useState7 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useState as useState6 } from "react";
 import _15 from "lodash/fp.js";
 import { Fragment, jsx as jsx19 } from "react/jsx-runtime";
 var resizeHandlersProps, useDragAndResize, useDragAndResize_default;
@@ -2195,11 +2028,11 @@ var init_useDragAndResize2 = __esm({
       const rndRef = useRef4(null);
       const defaultWidth = defaultSize.width || 0;
       const defaultHeight = defaultSize.height || 0;
-      const [size, setSize] = useState7({
+      const [size, setSize] = useState6({
         height: defaultHeight,
         width: defaultWidth
       });
-      const [resizingData, setResizingData] = useState7({
+      const [resizingData, setResizingData] = useState6({
         isActive: false,
         shouldSizeX: false,
         shouldSizeY: false,
@@ -2209,12 +2042,12 @@ var init_useDragAndResize2 = __esm({
       const positionX = _15.getOr(0, "x", defaultPositions);
       const bodyWidth = _15.getOr(0, "body.offsetWidth", document);
       const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
-      const [translateData, setTranslateData] = useState7({
+      const [translateData, setTranslateData] = useState6({
         isActive: false,
         x,
         y: _15.getOr(0, "y", defaultPositions)
       });
-      useEffect5(() => {
+      useEffect4(() => {
         if (translateData.isActive) {
           const onMouseUp = () => setTranslateData(_15.set("isActive", false));
           const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
@@ -2230,7 +2063,7 @@ var init_useDragAndResize2 = __esm({
           };
         }
       }, [translateData]);
-      useEffect5(() => {
+      useEffect4(() => {
         if (resizingData.isActive) {
           if (rndRef.current && !(size.height !== 0 && size.width !== 0)) {
             const { height, width } = rndRef.current.getBoundingClientRect();
@@ -2318,7 +2151,7 @@ var init_useDragAndResize2 = __esm({
         );
       }) }) : /* @__PURE__ */ jsx19(Fragment, {});
       const isActive = translateData.isActive || resizingData.isActive;
-      useEffect5(() => {
+      useEffect4(() => {
         if (!rndRef.current)
           return;
         rndRef.current.style.userSelect = isActive ? "none" : "unset";
@@ -2351,7 +2184,7 @@ var init_src_components_core_editor_Editor = __esm({
   "tmp_esbuild/_src_components_core_editor_Editor.module.css"() {
     "use strict";
     init_lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY();
-    src_components_core_editor_Editor_default = { "rnd": "vv-cGAezq-rnd", "errorBanner": "vv-cGAezq-errorBanner", "header": "vv-cGAezq-header", "wrapper": "vv-cGAezq-wrapper" };
+    src_components_core_editor_Editor_default = { "rnd": "vv-cGAezq-rnd", "errorBanner": "vv-cGAezq-errorBanner", "wrapper": "vv-cGAezq-wrapper", "header": "vv-cGAezq-header" };
   }
 });
 
@@ -2366,8 +2199,8 @@ var init_Editor = __esm({
 // src/components/core/editor/Editor.tsx
 import { useCallback as useCallback6, useMemo as useMemo2, useRef as useRef5 } from "react";
 import _16 from "lodash/fp.js";
-import { Button as Button4 } from "@lls/lls-kit";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Button as Button3 } from "@lls/lls-kit";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_WIDTH, DEFAULT_HEIGHT, Editor, Editor_default;
 var init_Editor2 = __esm({
   "src/components/core/editor/Editor.tsx"() {
@@ -2415,8 +2248,8 @@ var init_Editor2 = __esm({
           height: DEFAULT_HEIGHT
         }
       });
-      return /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_Editor_default.rnd, ref: rndRef, children: [
-        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_Editor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx20(Button4, { onClick: onClose, theme: "gray", children: "cancel" }) }),
+      return /* @__PURE__ */ jsxs13("div", { className: src_components_core_editor_Editor_default.rnd, ref: rndRef, children: [
+        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_Editor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx20(Button3, { onClick: onClose, theme: "gray", children: "cancel" }) }),
         /* @__PURE__ */ jsx20(EditorToolbar_default, { replace }),
         /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_Editor_default.wrapper, children: /* @__PURE__ */ jsx20(CodemirrorEditor_default, { componentDidMount: setEditor, value: _16.get("contentMd", doc), onChange, keyMap, onError }) }),
         error && /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_Editor_default.errorBanner, children: error }),
@@ -2463,7 +2296,7 @@ var init_useDragAndResize3 = __esm({
 });
 
 // src/hooks/useDragAndResize.tsx
-import { useEffect as useEffect6, useRef as useRef6, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef6, useState as useState7 } from "react";
 import _17 from "lodash/fp.js";
 import { Fragment as Fragment2, jsx as jsx22 } from "react/jsx-runtime";
 var resizeHandlersProps2, useDragAndResize2, useDragAndResize_default2;
@@ -2582,11 +2415,11 @@ var init_useDragAndResize4 = __esm({
       const rndRef = useRef6(null);
       const defaultWidth = defaultSize.width || 0;
       const defaultHeight = defaultSize.height || 0;
-      const [size, setSize] = useState8({
+      const [size, setSize] = useState7({
         height: defaultHeight,
         width: defaultWidth
       });
-      const [resizingData, setResizingData] = useState8({
+      const [resizingData, setResizingData] = useState7({
         isActive: false,
         shouldSizeX: false,
         shouldSizeY: false,
@@ -2596,12 +2429,12 @@ var init_useDragAndResize4 = __esm({
       const positionX = _17.getOr(0, "x", defaultPositions);
       const bodyWidth = _17.getOr(0, "body.offsetWidth", document);
       const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
-      const [translateData, setTranslateData] = useState8({
+      const [translateData, setTranslateData] = useState7({
         isActive: false,
         x,
         y: _17.getOr(0, "y", defaultPositions)
       });
-      useEffect6(() => {
+      useEffect5(() => {
         if (translateData.isActive) {
           const onMouseUp = () => setTranslateData(_17.set("isActive", false));
           const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
@@ -2617,7 +2450,7 @@ var init_useDragAndResize4 = __esm({
           };
         }
       }, [translateData]);
-      useEffect6(() => {
+      useEffect5(() => {
         if (resizingData.isActive) {
           if (rndRef.current && !(size.height !== 0 && size.width !== 0)) {
             const { height, width } = rndRef.current.getBoundingClientRect();
@@ -2705,7 +2538,7 @@ var init_useDragAndResize4 = __esm({
         );
       }) }) : /* @__PURE__ */ jsx22(Fragment2, {});
       const isActive = translateData.isActive || resizingData.isActive;
-      useEffect6(() => {
+      useEffect5(() => {
         if (!rndRef.current)
           return;
         rndRef.current.style.userSelect = isActive ? "none" : "unset";
@@ -2738,7 +2571,7 @@ var init_src_components_core_editor_MetadataEditor = __esm({
   "tmp_esbuild/_src_components_core_editor_MetadataEditor.module.css"() {
     "use strict";
     init_U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc();
-    src_components_core_editor_MetadataEditor_default = { "rnd": "vv-ftXTRa-rnd", "header": "vv-ftXTRa-header", "uuid": "vv-ftXTRa-uuid", "fieldWrapper": "vv-ftXTRa-fieldWrapper", "field": "vv-ftXTRa-field", "body": "vv-ftXTRa-body", "select": "vv-ftXTRa-select" };
+    src_components_core_editor_MetadataEditor_default = { "select": "vv-ftXTRa-select", "fieldWrapper": "vv-ftXTRa-fieldWrapper", "body": "vv-ftXTRa-body", "uuid": "vv-ftXTRa-uuid", "field": "vv-ftXTRa-field", "rnd": "vv-ftXTRa-rnd", "header": "vv-ftXTRa-header" };
   }
 });
 
@@ -2753,8 +2586,8 @@ var init_MetadataEditor = __esm({
 // src/components/core/editor/MetadataEditor.tsx
 import _18 from "lodash/fp.js";
 import Select from "react-select";
-import { Button as Button5 } from "@lls/lls-kit";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Button as Button4 } from "@lls/lls-kit";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var MetadataEditor, MetadataEditor_default;
 var init_MetadataEditor2 = __esm({
   "src/components/core/editor/MetadataEditor.tsx"() {
@@ -2768,15 +2601,15 @@ var init_MetadataEditor2 = __esm({
       const { handlersElement, launchTranslate, rndRef } = useDragAndResize_default2({
         defaultPositions: positions
       });
-      return /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.rnd, ref: rndRef, children: [
-        /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_MetadataEditor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx23(Button5, { onClick: onClose, theme: "gray", children: "cancel" }) }),
-        /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.body, children: [
-          /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+      return /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.rnd, ref: rndRef, children: [
+        /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_MetadataEditor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx23(Button4, { onClick: onClose, theme: "gray", children: "cancel" }) }),
+        /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.body, children: [
+          /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Uuid:",
             " ",
             /* @__PURE__ */ jsx23("span", { className: src_components_core_editor_MetadataEditor_default.uuid, style: { "--data-font": "monospace" }, children: doc.uuid })
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Title",
             /* @__PURE__ */ jsx23(
               "input",
@@ -2788,7 +2621,7 @@ var init_MetadataEditor2 = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Description",
             /* @__PURE__ */ jsx23(
               "input",
@@ -2800,7 +2633,7 @@ var init_MetadataEditor2 = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Image",
             /* @__PURE__ */ jsx23(
               "input",
@@ -2812,7 +2645,7 @@ var init_MetadataEditor2 = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Keywords",
             /* @__PURE__ */ jsx23(
               "input",
@@ -2824,7 +2657,7 @@ var init_MetadataEditor2 = __esm({
               }
             )
           ] }),
-          !_18.isEmpty(notions) && /* @__PURE__ */ jsxs15("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          !_18.isEmpty(notions) && /* @__PURE__ */ jsxs14("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Notion",
             /* @__PURE__ */ jsx23(
               Select,
@@ -2850,7 +2683,7 @@ var init_MetadataEditor2 = __esm({
 
 // src/hooks/useEditor.tsx
 import _19 from "lodash/fp.js";
-import { useCallback as useCallback7, useEffect as useEffect7, useState as useState9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect6, useState as useState8 } from "react";
 var EDITOR_MARGIN, useEditor, useEditor_default;
 var init_useEditor = __esm({
   "src/hooks/useEditor.tsx"() {
@@ -2859,9 +2692,9 @@ var init_useEditor = __esm({
     useEditor = ({
       id
     }) => {
-      const [path, setPath] = useState9(void 0);
-      const [positions, setPositions] = useState9({ x: 0, y: 0 });
-      useEffect7(() => {
+      const [path, setPath] = useState8(void 0);
+      const [positions, setPositions] = useState8({ x: 0, y: 0 });
+      useEffect6(() => {
         _19.noop(id);
         setPath(void 0);
       }, [id]);
@@ -2924,7 +2757,7 @@ var init_src_components_lazy_index_editor = __esm({
   "tmp_esbuild/_src_components_lazy_index.editor.module.css"() {
     "use strict";
     init_vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0();
-    src_components_lazy_index_editor_default = { "submit": "vv-RUXZgW-submit", "screen": "vv-RUXZgW-screen", "stickyBar": "vv-RUXZgW-stickyBar", "pageContainer": "vv-RUXZgW-pageContainer", "exitButton": "vv-RUXZgW-exitButton", "alert": "vv-RUXZgW-alert", "button": "vv-RUXZgW-button", "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation" };
+    src_components_lazy_index_editor_default = { "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation", "submit": "vv-RUXZgW-submit", "pageContainer": "vv-RUXZgW-pageContainer", "screen": "vv-RUXZgW-screen", "button": "vv-RUXZgW-button", "alert": "vv-RUXZgW-alert", "exitButton": "vv-RUXZgW-exitButton", "stickyBar": "vv-RUXZgW-stickyBar" };
   }
 });
 
@@ -2941,11 +2774,11 @@ var index_editor_exports = {};
 __export(index_editor_exports, {
   default: () => index_editor_default
 });
-import React8, { useCallback as useCallback8, useEffect as useEffect8, useState as useState10 } from "react";
+import React8, { useCallback as useCallback8, useEffect as useEffect7, useState as useState9 } from "react";
 import _20 from "lodash/fp.js";
-import { Button as Button6, RadioButton, Snackbar } from "@lls/lls-kit";
+import { Button as Button5, RadioButton, Snackbar } from "@lls/lls-kit";
 import { copyToClipboard } from "@lls/utils";
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var Editor2, CompactModeButton, CopyButton, EditorStickyBar, EditorNext, index_editor_default;
 var init_index_editor2 = __esm({
   "src/components/lazy/index.editor.tsx"() {
@@ -2968,7 +2801,7 @@ var init_index_editor2 = __esm({
       const onClick = useCallback8(() => {
         setIsCompactMode(!isCompactMode);
       }, [setIsCompactMode, isCompactMode]);
-      return /* @__PURE__ */ jsx24(Button6, { theme, accent: "alt", "data-isactive": +isCompactMode, onClick, children: "cm" });
+      return /* @__PURE__ */ jsx24(Button5, { theme, accent: "alt", "data-isactive": +isCompactMode, onClick, children: "cm" });
     };
     CopyButton = ({ template, theme, setCopied = _20.noop }) => {
       const onClick = useCallback8(() => {
@@ -2978,29 +2811,29 @@ var init_index_editor2 = __esm({
           setCopied(false);
         }, 3500);
       }, [template, setCopied]);
-      return /* @__PURE__ */ jsx24(Button6, { className: src_components_lazy_index_editor_default.button, theme, accent: "alt", type: "button", onClick, children: "Copier le JSON" });
+      return /* @__PURE__ */ jsx24(Button5, { className: src_components_lazy_index_editor_default.button, theme, accent: "alt", type: "button", onClick, children: "Copier le JSON" });
     };
     EditorStickyBar = ({ mode, setMode, handleSubmit, template, isCompactMode, setIsCompactMode, setCopied }) => {
       const stickyBarTheme = IS_PROD ? "premium" : "primary";
-      return /* @__PURE__ */ jsxs16("div", { className: src_components_lazy_index_editor_default.stickyBar, children: [
+      return /* @__PURE__ */ jsxs15("div", { className: src_components_lazy_index_editor_default.stickyBar, children: [
         /* @__PURE__ */ jsx24(RadioButton, { isChecked: mode === "edit", onChange: setMode, label: "Edit", name: "Mode", value: "edit" }),
         /* @__PURE__ */ jsx24(RadioButton, { isChecked: mode === "view", onChange: setMode, label: "View", name: "Mode", value: "view" }),
-        /* @__PURE__ */ jsx24(Button6, { theme: stickyBarTheme, onClick: handleSubmit, children: "Submit" }),
+        /* @__PURE__ */ jsx24(Button5, { theme: stickyBarTheme, onClick: handleSubmit, children: "Submit" }),
         /* @__PURE__ */ jsx24(CompactModeButton, { theme: stickyBarTheme, isCompactMode, setIsCompactMode }),
         /* @__PURE__ */ jsx24(CopyButton, { theme: stickyBarTheme, template, setCopied })
       ] });
     };
     EditorNext = React8.forwardRef(({ template, onChange = _20.noop, onSubmit = _20.noop, notions, ...props }, ref) => {
-      const [isCompactMode, setIsCompactMode] = useState10(false);
-      const [mode, setMode] = useState10("edit");
-      const [copied, setCopied] = useState10(false);
+      const [isCompactMode, setIsCompactMode] = useState9(false);
+      const [mode, setMode] = useState9("edit");
+      const [copied, setCopied] = useState9(false);
       const id = template?.id;
       const editEditor = useEditor_default({ id });
       const metadataEditor = useEditor_default({ id });
-      const [docLintErrors, setDocLintErrors] = useState10({});
+      const [docLintErrors, setDocLintErrors] = useState9({});
       const firstFoundErrorUuid = _20.findKey.convert({ cap: false })(Boolean, docLintErrors);
-      const [showWarningSnackbar, setShowWarningSnackbar] = useState10(false);
-      useEffect8(() => {
+      const [showWarningSnackbar, setShowWarningSnackbar] = useState9(false);
+      useEffect7(() => {
         if (showWarningSnackbar) {
           const timeoutId = setTimeout(setShowWarningSnackbar, 1e4, false);
           return () => {
@@ -3008,7 +2841,7 @@ var init_index_editor2 = __esm({
           };
         }
       }, [showWarningSnackbar]);
-      useEffect8(() => {
+      useEffect7(() => {
         setDocLintErrors(
           _20.flow(
             _20.get("children"),
@@ -3062,7 +2895,7 @@ ${JSON.stringify(
         },
         [handleSubmit]
       );
-      useEffect8(() => {
+      useEffect7(() => {
         window.addEventListener("keydown", onKeyDown);
         return () => {
           window.removeEventListener("keydown", onKeyDown);
@@ -3104,9 +2937,9 @@ ${JSON.stringify(
         setIsCompactMode,
         setCopied
       };
-      return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      return /* @__PURE__ */ jsxs15(Fragment3, { children: [
         /* @__PURE__ */ jsx24(EditorStickyBar, { ...toolbarProps }),
-        /* @__PURE__ */ jsx24("div", { className: src_components_lazy_index_editor_default.pageContainer, children: /* @__PURE__ */ jsxs16("div", { className: src_components_lazy_index_editor_default.screen, children: [
+        /* @__PURE__ */ jsx24("div", { className: src_components_lazy_index_editor_default.pageContainer, children: /* @__PURE__ */ jsxs15("div", { className: src_components_lazy_index_editor_default.screen, children: [
           copied && /* @__PURE__ */ jsx24("div", { className: src_components_lazy_index_editor_default.alert, children: "JSON copi\xE9 dans le presse-papier" }),
           isEditMode(mode) ? /* @__PURE__ */ jsx24(
             EditViewerMd_default,
@@ -3118,6 +2951,7 @@ ${JSON.stringify(
               isEditorOpen: Boolean(editEditor.path || metadataEditor.path),
               onChange,
               compactMode: isCompactMode,
+              setTemplate: onChange,
               template
             }
           ) : /* @__PURE__ */ jsx24(ViewerMd_default, { ...props, ref, mode, template, onChange }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/vivi",
-  "version": "24.1.7-0b548db8",
+  "version": "24.1.7-13f884fc",
   "description": "",
   "author": "",
   "exports": {
@@ -31,6 +31,7 @@
     "@types/codemirror": "5.60.6",
     "@types/domhandler": "2.4.5",
     "@types/lodash": "4.14.202",
+    "@types/murmurhash": "2.0.0",
     "@types/node": "20.9.3",
     "@types/react": "18.2.45",
     "@types/react-dom": "18.2.18",
@@ -44,13 +45,14 @@
     "typescript": "5.3.3",
     "vite-tsconfig-paths": "4.2.3",
     "vitest": "1.1.3",
-    "@lls/utils": "24.1.7-0b548db8",
-    "@lls/lls-kit": "24.1.7-0b548db8",
-    "@lls/vitescripts": "24.1.7-0b548db8"
+    "@lls/lls-kit": "24.1.7-13f884fc",
+    "@lls/vitescripts": "24.1.7-13f884fc",
+    "@lls/utils": "24.1.7-13f884fc"
   },
   "dependencies": {
     "codemirror": "5.65.15",
     "html-to-react": "1.5.0",
+    "murmurhash": "2.0.0",
     "nanoid": "5.0.5",
     "react-select": "5.4.0",
     "xml-formatter": "3.3.2",