@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ModalItemsProps {
     /**
      * /onboarding/*.svg

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingModal.js","sources":["../../../../src/modules/modals/OnboardingModal/OnboardingModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport { Button, Image, Modal, usePaths } from '../../..';\nimport { useOnboardingModal } from './useOnboardingModal';\n\ninterface ModalItemsProps {\n  /**\n   * /onboarding/*.svg\n   */\n  src: string;\n  /**\n   * Image Companion text\n   */\n  alt: string;\n  /**\n   * Text below image\n   */\n  text: string;\n}\n\ninterface ModalOptionsProps {\n  /**\n   * Modal title\n   */\n  title: string;\n  /**\n   * Prev button text\n   */\n  prevText: string;\n  /**\n   * Next button text\n   */\n  nextText: string;\n  /**\n   * Close button text\n   */\n  closeText: string;\n}\ninterface OnboardingProps {\n  id: string;\n  items: ModalItemsProps[];\n  modalOptions: ModalOptionsProps;\n}\n\nconst OnboardingModal = ({ id, items, modalOptions }: OnboardingProps) => {\n  const [imagePath] = usePaths();\n  const [swiperInstance, setSwiperInstance] = useState<any>();\n  const [swiperProgress, setSwiperprogress] = useState<number>(0);\n\n  const { isOpen, isOnboarding, setIsOpen, handleSavePreference } =\n    useOnboardingModal(id);\n\n  useEffect(() => {\n    const link = document.createElement('link');\n    link.href = 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css';\n    link.rel = 'stylesheet';\n    link.type = 'text/css';\n\n    document.head.appendChild(link);\n\n    return () => {\n      document.head.removeChild(link);\n    };\n  }, []);\n\n  const { t } = useTranslation();\n\n  const { title, prevText, closeText, nextText } = modalOptions;\n\n  return isOnboarding\n    ? createPortal(\n        <Modal\n          id=\"onboarding-modal\"\n          size=\"md\"\n          isOpen={isOpen}\n          focusId=\"nextButtonId\"\n          onModalClose={() => setIsOpen(false)}\n        >\n          <Modal.Header onModalClose={() => setIsOpen(false)}>\n            {t(title || 'explorer.modal.onboarding.trash.title')}\n          </Modal.Header>\n          <Modal.Body>\n            <Swiper\n              modules={[Pagination]}\n              onSwiper={(swiper) => {\n                setSwiperInstance(swiper);\n              }}\n              onSlideChange={(swiper) => {\n                setSwiperprogress(swiper.progress);\n              }}\n              pagination={{\n                clickable: true,\n              }}\n            >\n              {items.map((item, index) => {\n                return (\n                  <SwiperSlide key={index}>\n                    <Image\n                      width=\"270\"\n                      height=\"140\"\n                      className=\"mx-auto my-12\"\n                      loading=\"lazy\"\n                      src={`${imagePath}/${item.src}`}\n                      alt={t(item.alt)}\n                    />\n                    <p>{t(item.text)}</p>\n                  </SwiperSlide>\n                );\n              })}\n            </Swiper>\n          </Modal.Body>\n          <Modal.Footer>\n            <Button\n              type=\"button\"\n              color=\"tertiary\"\n              variant=\"ghost\"\n              onClick={() => setIsOpen(false)}\n            >\n              {t('explorer.modal.onboarding.trash.later')}\n            </Button>\n\n            {swiperProgress > 0 && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"outline\"\n                onClick={() => swiperInstance.slidePrev()}\n              >\n                {t(prevText || 'explorer.modal.onboarding.trash.prev')}\n              </Button>\n            )}\n            {swiperProgress < 1 && (\n              <Button\n                id=\"nextButtonId\"\n                type=\"button\"\n                color=\"primary\"\n                variant=\"filled\"\n                onClick={() => swiperInstance.slideNext()}\n              >\n                {t(nextText || 'explorer.modal.onboarding.trash.next')}\n              </Button>\n            )}\n            {swiperProgress === 1 && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"filled\"\n                onClick={handleSavePreference}\n              >\n                {t(closeText || 'explorer.modal.onboarding.trash.close')}\n              </Button>\n            )}\n          </Modal.Footer>\n        </Modal>,\n        document.getElementById('portal') as HTMLElement,\n      )\n    : null;\n};\n\nOnboardingModal.displayName = 'OnboardingModal';\n\nexport default OnboardingModal;\n"],"names":["OnboardingModal","id","items","modalOptions","imagePath","usePaths","swiperInstance","setSwiperInstance","useState","swiperProgress","setSwiperprogress","isOpen","isOnboarding","setIsOpen","handleSavePreference","useOnboardingModal","useEffect","link","document","createElement","href","rel","type","head","appendChild","removeChild","t","useTranslation","title","prevText","closeText","nextText","createPortal","jsxs","Modal","jsx","Swiper","Pagination","swiper","progress","clickable","map","item","index","SwiperSlide","Image","src","alt","text","Button","slidePrev","slideNext","getElementById"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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,4 +1,4 @@
-import { ID } from 'edifice-ts-client';
+import { ID } from '@edifice.io/ts-client';
 interface PublishModalProps {
     isOpen: boolean;
     resourceId: ID;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PublishModal.js","sources":["../../../../src/modules/modals/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ID } from '@edifice.io/ts-client';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  FormControl,\n  Heading,\n  Input,\n  Label,\n  LoadingScreen,\n  Modal,\n  TextArea,\n} from '../../../components';\nimport { useMediaLibrary, useOdeClient } from '../../../core';\nimport { useResource } from '../../../core/useResource';\nimport { MediaLibrary } from '../../multimedia';\nimport ImagePickerWorkspace from '../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace';\nimport { ActivitiesDropdown } from './components/ActivitiesDropdown';\nimport { AgeSelect } from './components/AgeSelect';\nimport { LangSelect } from './components/LangSelect';\nimport { PublishModalFooter } from './components/PublishModalFooter';\nimport { SubjectsDropdown } from './components/SubjectsDropdown';\nimport usePublishModal from './hooks/usePublishModal';\n\ninterface PublishModalProps {\n  isOpen: boolean;\n  resourceId: ID;\n  onSuccess: () => void;\n  onCancel: () => void;\n}\n\nexport default function PublishModal({\n  isOpen,\n  resourceId,\n  onSuccess,\n  onCancel,\n}: PublishModalProps) {\n  const { appCode: application, currentApp } = useOdeClient();\n\n  const {\n    ref: mediaLibraryRef,\n    libraryMedia,\n    ...mediaLibraryHandlers\n  } = useMediaLibrary();\n\n  const { t } = useTranslation();\n\n  const resource = useResource(application, resourceId);\n\n  const {\n    control,\n    cover,\n    formState: { isDirty, isValid, isSubmitting },\n    handleDeleteImage,\n    handleSubmit,\n    handleUploadImage,\n    handlePublish,\n    register,\n    selectActivities,\n    selectedActivities,\n    selectedSubjectAreas,\n    selectSubjects,\n  } = usePublishModal({ resource, onSuccess });\n\n  const defaultSelectAgeMinOption = 'bpr.form.publication.age.min';\n  const defaultSelectAgeMaxOption = 'bpr.form.publication.age.max';\n\n  if (!resource) return <LoadingScreen />;\n\n  return createPortal(\n    <Modal isOpen={isOpen} onModalClose={onCancel} id=\"libraryModal\" size=\"lg\">\n      <Modal.Header onModalClose={onCancel}>{t('bpr.publish')}</Modal.Header>\n      <Modal.Subtitle>{t('bpr.form.tip')}</Modal.Subtitle>\n      <Modal.Body>\n        <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n          {t('bpr.form.publication.heading.general')}\n        </Heading>\n\n        <form id=\"libraryModalForm\" onSubmit={handleSubmit(handlePublish)}>\n          <div className=\"d-block d-md-flex mb-24 gap-24\">\n            <div style={{ maxWidth: '160px' }}>\n              <div className=\"form-label\">\n                {t('bpr.form.publication.cover.title')}\n              </div>\n              <ImagePickerWorkspace\n                app={currentApp}\n                src={resource?.thumbnail}\n                addButtonLabel={t('bpr.form.publication.cover.upload.add')}\n                deleteButtonLabel={t(\n                  'bpr.form.publication.cover.upload.remove',\n                )}\n                onUploadImage={handleUploadImage}\n                onDeleteImage={handleDeleteImage}\n                className=\"align-self-center\"\n                libraryMedia={libraryMedia}\n                mediaLibraryRef={mediaLibraryRef}\n              />\n              {!cover && (\n                <p className=\"form-text is-invalid\">\n                  <em>\n                    {t('bpr.form.publication.cover.upload.required.image')}\n                  </em>\n                </p>\n              )}\n            </div>\n            <div className=\"flex-fill\">\n              <FormControl id=\"title\" className=\"mb-16\" isRequired>\n                <Label>{t('bpr.form.publication.title')}</Label>\n                <Input\n                  type=\"text\"\n                  defaultValue={resource?.name}\n                  {...register('title', { required: true })}\n                  placeholder={t('bpr.form.publication.title.placeholder')}\n                  size=\"md\"\n                  aria-required={true}\n                />\n              </FormControl>\n\n              <FormControl id=\"description\" isRequired>\n                <Label>{t('bpr.form.publication.description')}</Label>\n                <TextArea\n                  {...register('description', { required: true })}\n                  placeholder={t(\n                    'bpr.form.publication.description.placeholder',\n                  )}\n                  size=\"md\"\n                />\n              </FormControl>\n            </div>\n          </div>\n\n          <hr />\n\n          <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n            {t('bpr.form.publication.heading.infos')}\n          </Heading>\n\n          <div className=\"d-flex flex-column flex-md-row gap-16 row mb-24\">\n            <ActivitiesDropdown\n              control={control}\n              selectedActivities={selectedActivities}\n              selectActivities={selectActivities}\n            />\n            <SubjectsDropdown\n              control={control}\n              selectedSubjectAreas={selectedSubjectAreas}\n              selectSubjects={selectSubjects}\n            />\n            <LangSelect control={control} />\n          </div>\n\n          <div className=\"mb-24\">\n            <label htmlFor=\"\" className=\"form-label\">\n              {t('bpr.form.publication.age')}\n            </label>\n            <div className=\"d-flex gap-8\">\n              <div className=\"col col-md-2 d-flex\">\n                <AgeSelect\n                  control={control}\n                  name=\"ageMin\"\n                  placeholderOption={defaultSelectAgeMinOption}\n                  validate={(value, formValues) =>\n                    parseInt(value) <= parseInt(formValues.ageMax)\n                  }\n                />\n              </div>\n              <div className=\"col col-md-2 d-flex\">\n                <AgeSelect\n                  control={control}\n                  name=\"ageMax\"\n                  placeholderOption={defaultSelectAgeMaxOption}\n                  validate={(value, formValues) =>\n                    parseInt(value) >= parseInt(formValues.ageMin)\n                  }\n                />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"mb-24\">\n            <FormControl id=\"keywords\" isOptional>\n              <Label>{t('bpr.form.publication.keywords')}</Label>\n              <Input\n                type=\"text\"\n                {...register('keyWords')}\n                size=\"md\"\n                placeholder={t('bpr.form.publication.keywords.placeholder')}\n              />\n            </FormControl>\n          </div>\n\n          <hr />\n\n          <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n            {t('bpr.form.publication.licence.text')}\n          </Heading>\n\n          <PublishModalFooter />\n        </form>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          color=\"tertiary\"\n          onClick={onCancel}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          {t('cancel')}\n        </Button>\n        <Button\n          form=\"libraryModalForm\"\n          type=\"submit\"\n          color=\"primary\"\n          variant=\"filled\"\n          isLoading={isSubmitting}\n          disabled={!cover || isSubmitting || !isDirty || !isValid}\n        >\n          {t('bpr.form.submit')}\n        </Button>\n      </Modal.Footer>\n      <MediaLibrary\n        appCode={application}\n        ref={mediaLibraryRef}\n        multiple={false}\n        visibility=\"protected\"\n        {...mediaLibraryHandlers}\n      />\n    </Modal>,\n    document.getElementById('portal') as HTMLElement,\n  );\n}\n"],"names":["PublishModal","isOpen","resourceId","onSuccess","onCancel","appCode","application","currentApp","useOdeClient","ref","mediaLibraryRef","libraryMedia","mediaLibraryHandlers","useMediaLibrary","t","useTranslation","resource","useResource","control","cover","formState","isDirty","isValid","isSubmitting","handleDeleteImage","handleSubmit","handleUploadImage","handlePublish","register","selectActivities","selectedActivities","selectedSubjectAreas","selectSubjects","usePublishModal","defaultSelectAgeMinOption","defaultSelectAgeMaxOption","createPortal","Modal","jsx","jsxs","Heading","maxWidth","ImagePickerWorkspace","thumbnail","FormControl","Label","Input","name","required","TextArea","ActivitiesDropdown","SubjectsDropdown","LangSelect","AgeSelect","value","formValues","parseInt","ageMax","ageMin","PublishModalFooter","Button","MediaLibrary","document","getElementById","LoadingScreen"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAwBA,GAAa;AAAA,EACnCC,QAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AACiB,GAAG;AACd,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC,YAAAA;AAAAA,MAAeC,EAAa,GAEpD;AAAA,IACJC,KAAKC;AAAAA,IACLC,cAAAA;AAAAA,IACA,GAAGC;AAAAA,MACDC,EAAgB,GAEd;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvBC,IAAWC,EAAYX,GAAaJ,CAAU,GAE9C;AAAA,IACJgB,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,WAAW;AAAA,MAAEC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,cAAAA;AAAAA,IAAa;AAAA,IAC5CC,mBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,EAAgB;AAAA,IAAEjB,UAAAA;AAAAA,IAAUb,WAAAA;AAAAA,EAAAA,CAAW,GAErC+B,IAA4B,gCAC5BC,IAA4B;AAElC,SAAKnB,IAEEoB,gBAAAA,oBACJC,GAAM,EAAA,QAAApC,GAAgB,cAAcG,GAAU,IAAG,gBAAe,MAAK,MACpE,UAAA;AAAA,IAAA,gBAAAkC,EAACD,EAAM,QAAN,EAAa,cAAcjC,GAAWU,UAAAA,EAAE,aAAa,GAAE;AAAA,sBACvDuB,EAAM,UAAN,EAAgBvB,UAAAA,EAAE,cAAc,GAAE;AAAA,IACnC,gBAAAyB,EAACF,EAAM,MAAN,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAQ,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7C1B,UAAEA,EAAA,sCAAsC,EAC3C,CAAA;AAAA,wBAEC,QAAK,EAAA,IAAG,oBAAmB,UAAUW,EAAaE,CAAa,GAC9D,UAAA;AAAA,QAAC,gBAAAY,EAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,SAAI,OAAO;AAAA,YAAEE,UAAU;AAAA,UACtB,GAAA,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,cACZxB,UAAAA,EAAE,kCAAkC,GACvC;AAAA,YACA,gBAAAwB,EAACI,KACC,KAAKnC,GACL,KAAKS,KAAAA,gBAAAA,EAAU2B,WACf,gBAAgB7B,EAAE,uCAAuC,GACzD,mBAAmBA,EACjB,0CACF,GACA,eAAeY,GACf,eAAeF,GACf,WAAU,qBACV,cAAAb,GACA,iBAAAD,EAAiC,CAAA;AAAA,YAElC,CAACS,KACA,gBAAAmB,EAAC,KAAE,EAAA,WAAU,wBACX,UAAA,gBAAAA,EAAC,MACExB,EAAAA,UAAAA,EAAE,kDAAkD,EAAA,CACvD,EACF,CAAA;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAyB,EAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,YAAA,gBAAAA,EAACK,KAAY,IAAG,SAAQ,WAAU,SAAQ,YAAU,IAClD,UAAA;AAAA,cAAC,gBAAAN,EAAAO,GAAA,EAAO/B,UAAEA,EAAA,4BAA4B,EAAE,CAAA;AAAA,cACxC,gBAAAwB,EAACQ,KACC,MAAK,QACL,cAAc9B,KAAAA,gBAAAA,EAAU+B,SACpBnB,EAAS,SAAS;AAAA,gBAAEoB,UAAU;AAAA,cAAA,CAAM,GACxC,aAAalC,EAAE,wCAAwC,GACvD,MAAK,MACL,iBAAe,IAAK;AAAA,YAAA,GAExB;AAAA,YAEC,gBAAAyB,EAAAK,GAAA,EAAY,IAAG,eAAc,YAAU,IACtC,UAAA;AAAA,cAAC,gBAAAN,EAAAO,GAAA,EAAO/B,UAAEA,EAAA,kCAAkC,EAAE,CAAA;AAAA,cAC7C,gBAAAwB,EAAAW,GAAA,KACKrB,EAAS,eAAe;AAAA,gBAAEoB,UAAU;AAAA,cAAA,CAAM,GAC9C,aAAalC,EACX,8CACF,GACA,MAAK,MAAI;AAAA,YAAA,GAEb;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,0BAEC,MAAE,EAAA;AAAA,QAEH,gBAAAwB,EAACE,GAAQ,EAAA,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7C1B,UAAEA,EAAA,oCAAoC,EACzC,CAAA;AAAA,QAEA,gBAAAyB,EAAC,OAAI,EAAA,WAAU,mDACb,UAAA;AAAA,UAAC,gBAAAD,EAAAY,GAAA,EACC,SAAAhC,GACA,oBAAAY,GACA,kBAAAD,EAAmC,CAAA;AAAA,UAEpC,gBAAAS,EAAAa,GAAA,EACC,SAAAjC,GACA,sBAAAa,GACA,gBAAAC,EAA+B,CAAA;AAAA,UAEjC,gBAAAM,EAACc,KAAW,SAAAlC,GAAiB;AAAA,QAAA,GAC/B;AAAA,QAEA,gBAAAqB,EAAC,OAAI,EAAA,WAAU,SACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,WAAM,SAAQ,IAAG,WAAU,cACzBxB,UAAAA,EAAE,0BAA0B,GAC/B;AAAA,UACA,gBAAAyB,EAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,YAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAACe,KACC,SAAAnC,GACA,MAAK,UACL,mBAAmBgB,GACnB,UAAU,CAACoB,GAAOC,MAChBC,SAASF,CAAK,KAAKE,SAASD,EAAWE,MAAM,EAAA,CAC9C,EAEL,CAAA;AAAA,YACA,gBAAAnB,EAAC,SAAI,WAAU,uBACb,4BAACe,GACC,EAAA,SAAAnC,GACA,MAAK,UACL,mBAAmBiB,GACnB,UAAU,CAACmB,GAAOC,MAChBC,SAASF,CAAK,KAAKE,SAASD,EAAWG,MAAM,EAAA,CAC9C,EAEL,CAAA;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,QAEA,gBAAApB,EAAC,SAAI,WAAU,SACb,4BAACM,GAAY,EAAA,IAAG,YAAW,YAAU,IACnC,UAAA;AAAA,UAAC,gBAAAN,EAAAO,GAAA,EAAO/B,UAAEA,EAAA,+BAA+B,EAAE,CAAA;AAAA,UAC1C,gBAAAwB,EAAAQ,GAAA,EACC,MAAK,QACL,GAAIlB,EAAS,UAAU,GACvB,MAAK,MACL,aAAad,EAAE,2CAA2C,EAAE,CAAA;AAAA,QAAA,EAAA,CAEhE,EACF,CAAA;AAAA,0BAEC,MAAE,EAAA;AAAA,QAEH,gBAAAwB,EAACE,GAAQ,EAAA,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7C1B,UAAEA,EAAA,mCAAmC,EACxC,CAAA;AAAA,0BAEC6C,GAAkB,EAAA;AAAA,MAAA,GACrB;AAAA,IAAA,GACF;AAAA,IACA,gBAAApB,EAACF,EAAM,QAAN,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAsB,GAAA,EACC,OAAM,YACN,SAASxD,GACT,MAAK,UACL,SAAQ,SAEPU,UAAEA,EAAA,QAAQ,EACb,CAAA;AAAA,MACA,gBAAAwB,EAACsB,KACC,MAAK,oBACL,MAAK,UACL,OAAM,WACN,SAAQ,UACR,WAAWrC,GACX,UAAU,CAACJ,KAASI,KAAgB,CAACF,KAAW,CAACC,GAEhDR,UAAEA,EAAA,iBAAiB,EACtB,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAwB,EAACuB,GACC,EAAA,SAASvD,GACT,KAAKI,GACL,UAAU,IACV,YAAW,aACPE,GAAAA,EAAqB,CAAA;AAAA,EAAA,EAAA,CAE7B,GACAkD,SAASC,eAAe,QAAQ,CAClC,IAlKsB,gBAAAzB,EAAC0B,GAAgB,CAAA,CAAA;AAmKzC;"}

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

@@ -1,29 +1,30 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
-import { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
-const ActivitiesDropdown = ({
-  control,
-  selectedActivities,
-  selectActivities
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { Controller as d } from "react-hook-form";
+import { useTranslation as f } from "react-i18next";
+import { Dropdown as n } from "../../../../components/Dropdown/Dropdown.js";
+import { useActivitiesOptions as s } from "../hooks/useActivitiesOptions.js";
+const x = ({
+  control: l,
+  selectedActivities: o,
+  selectActivities: a
 }) => {
-  const activitiesOptions = useActivitiesOptions(), {
+  const m = s(), {
     t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "activityType", control, rules: {
+  } = f();
+  return /* @__PURE__ */ r("div", { className: "col d-flex", children: /* @__PURE__ */ r(d, { name: "activityType", control: l, rules: {
     required: !0
   }, render: ({
     field: {
-      onChange
+      onChange: u
     }
-  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.type"), badgeContent: selectedActivities == null ? void 0 : selectedActivities.length }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: activitiesOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedActivities, onChange: () => {
-      selectActivities(option.value), onChange(option.value);
-    }, children: option.label }, index)) })
+  }) => /* @__PURE__ */ p(n, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ r(n.Trigger, { size: "md", label: t("bpr.form.publication.type"), badgeContent: o == null ? void 0 : o.length }),
+    /* @__PURE__ */ r(n.Menu, { children: m.map((e, i) => /* @__PURE__ */ r(n.CheckboxItem, { value: e.value, model: o, onChange: () => {
+      a(e.value), u(e.value);
+    }, children: e.label }, i)) })
   ] }) }) });
 };
 export {
-  ActivitiesDropdown
+  x as ActivitiesDropdown
 };
+//# sourceMappingURL=ActivitiesDropdown.js.map

package/dist/modules/modals/PublishModal/components/ActivitiesDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivitiesDropdown.js","sources":["../../../../../src/modules/modals/PublishModal/components/ActivitiesDropdown.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport Dropdown from '../../../../components/Dropdown/Dropdown';\nimport { useActivitiesOptions } from '../hooks/useActivitiesOptions';\nimport { FormDataProps } from '../hooks/usePublishModal';\n\nexport const ActivitiesDropdown = ({\n  control,\n  selectedActivities,\n  selectActivities,\n}: {\n  control: Control<FormDataProps, any>;\n  selectedActivities: Array<string | number>;\n  selectActivities: (value: string | number) => void;\n}) => {\n  const activitiesOptions = useActivitiesOptions();\n  const { t } = useTranslation();\n  return (\n    <div className=\"col d-flex\">\n      <Controller\n        name=\"activityType\"\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange } }) => {\n          return (\n            <Dropdown block overflow>\n              <Dropdown.Trigger\n                size=\"md\"\n                label={t('bpr.form.publication.type')}\n                badgeContent={selectedActivities?.length}\n              />\n              <Dropdown.Menu>\n                {activitiesOptions.map((option, index) => (\n                  <Dropdown.CheckboxItem\n                    key={index}\n                    value={option.value}\n                    model={selectedActivities}\n                    onChange={() => {\n                      selectActivities(option.value);\n                      onChange(option.value);\n                    }}\n                  >\n                    {option.label}\n                  </Dropdown.CheckboxItem>\n                ))}\n              </Dropdown.Menu>\n            </Dropdown>\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["ActivitiesDropdown","control","selectedActivities","selectActivities","activitiesOptions","useActivitiesOptions","t","useTranslation","jsx","Controller","required","field","onChange","jsxs","Dropdown","length","map","option","index","value","label"],"mappings":";;;;;AAOO,MAAMA,IAAqBA,CAAC;AAAA,EACjCC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,kBAAAA;AAKF,MAAM;AACJ,QAAMC,IAAoBC,KACpB;AAAA,IAAEC;AAAAA,MAAMC,EAAe;AAE3B,SAAA,gBAAAC,EAAC,SAAI,WAAU,cACb,4BAACC,GACC,EAAA,MAAK,gBACL,SAAAR,GACA,OAAO;AAAA,IACLS,UAAU;AAAA,EACZ,GACA,QAAQ,CAAC;AAAA,IAAEC,OAAO;AAAA,MAAEC,UAAAA;AAAAA,IAAS;AAAA,EAAA,MAExB,gBAAAC,EAAAC,GAAA,EAAS,OAAK,IAAC,UAAQ,IACtB,UAAA;AAAA,IAAC,gBAAAN,EAAAM,EAAS,SAAT,EACC,MAAK,MACL,OAAOR,EAAE,2BAA2B,GACpC,cAAcJ,KAAAA,gBAAAA,EAAoBa,OAAO,CAAA;AAAA,sBAE1CD,EAAS,MAAT,EACEV,UAAkBY,EAAAA,IAAI,CAACC,GAAQC,wBAC7BJ,EAAS,cAAT,EAEC,OAAOG,EAAOE,OACd,OAAOjB,GACP,UAAU,MAAM;AACdC,MAAAA,EAAiBc,EAAOE,KAAK,GAC7BP,EAASK,EAAOE,KAAK;AAAA,IAAA,GAGtBF,UAAAA,EAAOG,MARHF,GAAAA,CASP,CACD,EACH,CAAA;AAAA,EACF,EAAA,CAAA,EAEF,CAAA,EAEN,CAAA;AAEJ;"}