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

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

@@ -1 +1,77 @@
-import Button from"../../../components/Button/Button.js";import{useOnboardingModal}from"./useOnboardingModal.js";import Modal from"../../../components/Modal/Modal.js";import Image from"../../../components/Image/Image.js";import{forwardRef,useEffect,useImperativeHandle,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";import{Pagination}from"swiper/modules";import{Swiper,SwiperSlide}from"swiper/react";var OnboardingModal=forwardRef(({id,items,modalOptions={},isOnboardingChange,onDisplayRuleCheck=previousState=>({display:previousState===!0,nextState:!1})},ref)=>{let[swiperInstance,setSwiperInstance]=useState(),[swiperProgress,setSwiperprogress]=useState(0),{isOpen,isOnboarding,setIsOpen,handleSavePreference}=useOnboardingModal(id,onDisplayRuleCheck);useImperativeHandle(ref,()=>({setIsOpen,handleSavePreference})),useEffect(()=>{isOnboardingChange?.(isOnboarding)},[isOnboarding,isOnboardingChange]),useEffect(()=>{let 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)}},[]);let{t}=useTranslation(),{title,prevText,closeText,nextText}=modalOptions,currentTitle=swiperInstance?.activeIndex!=null&&items[swiperInstance?.activeIndex]?.title?items[swiperInstance.activeIndex].title:title,handleCloseWithPreference=()=>{handleSavePreference(),setSwiperprogress(0)},handleCloseWithoutPreference=()=>{setIsOpen(!1),setSwiperprogress(0)};return isOpen?createPortal(jsxs(Modal,{id:`onboarding-modal`,"data-testid":`modal-onboarding`,size:`md`,isOpen,focusId:`nextButtonId`,onModalClose:handleCloseWithoutPreference,children:[jsx(Modal.Header,{onModalClose:handleCloseWithoutPreference,centered:!0,children:t(currentTitle||`explorer.modal.onboarding.trash.title`)}),jsx(Modal.Body,{children:jsx(Swiper,{modules:[Pagination],onSwiper:swiper=>{setSwiperInstance(swiper)},onSlideChange:swiper=>{setSwiperprogress(swiper.progress)},pagination:{clickable:!0},children:items.map((item,index)=>jsxs(SwiperSlide,{children:[jsx(Image,{width:`270`,height:`140`,className:`mx-auto my-12 onboarding-modal-image`,loading:`lazy`,src:item.src,alt:t(item.alt)}),jsx(`p`,{className:`text-center`,dangerouslySetInnerHTML:{__html:t(item.text)}})]},index))})}),jsxs(Modal.Footer,{children:[jsx(Button,{"data-testid":`modal-onboarding-later`,type:`button`,color:`tertiary`,variant:`ghost`,onClick:handleCloseWithoutPreference,children:t(`explorer.modal.onboarding.trash.later`)}),swiperProgress>0&&jsx(Button,{"data-testid":`modal-onboarding-previous`,type:`button`,color:`primary`,variant:`outline`,onClick:()=>swiperInstance.slidePrev(),children:t(prevText||`explorer.modal.onboarding.trash.prev`)}),items.length>1&&swiperProgress<1&&jsx(Button,{id:`nextButtonId`,"data-testid":`modal-onboarding-next`,type:`button`,color:`primary`,variant:`filled`,onClick:()=>swiperInstance.slideNext(),children:t(nextText||`explorer.modal.onboarding.trash.next`)}),(items.length===1||swiperProgress===1)&&jsx(Button,{"data-testid":`modal-onboarding-close`,type:`button`,color:`primary`,variant:`filled`,onClick:()=>{isOnboarding?handleCloseWithPreference():handleCloseWithoutPreference()},children:t(closeText||`explorer.modal.onboarding.trash.close`)})]})]}),document.getElementById(`portal`)||document.body):null});export{OnboardingModal as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useImperativeHandle, 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 Modal from "../../../components/Modal/Modal.js";
+import Image from "../../../components/Image/Image.js";
+import Button from "../../../components/Button/Button.js";
+const OnboardingModalInner = ({
+  id,
+  items,
+  modalOptions = {},
+  isOnboardingChange,
+  onDisplayRuleCheck = (previousState) => ({
+    display: previousState === !0,
+    nextState: !1
+  })
+}, ref) => {
+  var _a;
+  const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
+    isOpen,
+    isOnboarding,
+    setIsOpen,
+    handleSavePreference
+  } = useOnboardingModal(id, onDisplayRuleCheck);
+  useImperativeHandle(ref, () => ({
+    setIsOpen,
+    handleSavePreference
+  })), useEffect(() => {
+    isOnboardingChange == null || isOnboardingChange(isOnboarding);
+  }, [isOnboarding, isOnboardingChange]), 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 {
+    t
+  } = useTranslation(), {
+    title,
+    prevText,
+    closeText,
+    nextText
+  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title, handleCloseWithPreference = () => {
+    handleSavePreference(), setSwiperprogress(0);
+  }, handleCloseWithoutPreference = () => {
+    setIsOpen(!1), setSwiperprogress(0);
+  };
+  return isOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", "data-testid": "modal-onboarding", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, centered: !0, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
+      setSwiperInstance(swiper);
+    }, onSlideChange: (swiper) => {
+      setSwiperprogress(swiper.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 onboarding-modal-image", loading: "lazy", src: item.src, alt: t(item.alt) }),
+      /* @__PURE__ */ jsx("p", { className: "text-center", dangerouslySetInnerHTML: {
+        __html: t(item.text)
+      } })
+    ] }, index)) }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-later", type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
+      swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-previous", type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
+      items.length > 1 && swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", "data-testid": "modal-onboarding-next", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
+      (items.length === 1 || swiperProgress === 1) && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-close", type: "button", color: "primary", variant: "filled", onClick: () => {
+        isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
+      }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
+    ] })
+  ] }), document.getElementById("portal") || document.body) : null;
+}, OnboardingModal = /* @__PURE__ */ forwardRef(OnboardingModalInner);
+export {
+  OnboardingModal as default
+};

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

@@ -1 +1,38 @@
-import usePreferences from"../../../hooks/usePreferences/usePreferences.js";import{useCallback,useEffect,useRef,useState}from"react";var useOnboardingModal=(id,applyDisplayRule)=>{let state=useRef(),[isOpen,setIsOpen]=useState(!1),[isOnboarding,setIsOnboarding]=useState(!1),{getPreference,savePreference}=usePreferences(id);return useEffect(()=>{(async()=>{let response=await getPreference();if(response)if(applyDisplayRule){let{display,nextState}=applyDisplayRule(response.key);setIsOpen(display),setIsOnboarding(display),state.current=nextState}else response.key===!0&&setIsOpen(!0),setIsOnboarding(!!response.key),state.current=void 0;else setIsOpen(!0),setIsOnboarding(!0),state.current=void 0})()},[]),{isOpen,setIsOpen,isOnboarding,handleSavePreference:useCallback(async()=>{await savePreference({key:state.current}),setIsOpen(!1),setIsOnboarding(!1)},[savePreference,setIsOpen,setIsOnboarding])}};export{useOnboardingModal};
+import { useRef, useState, useEffect, useCallback } from "react";
+import usePreferences from "../../../hooks/usePreferences/usePreferences.js";
+const useOnboardingModal = (id, applyDisplayRule) => {
+  const state = useRef(), [isOpen, setIsOpen] = useState(!1), [isOnboarding, setIsOnboarding] = useState(!1), {
+    getPreference,
+    savePreference
+  } = usePreferences(id);
+  useEffect(() => {
+    (async () => {
+      const response = await getPreference();
+      if (response)
+        if (applyDisplayRule) {
+          const {
+            display,
+            nextState
+          } = applyDisplayRule(response.key);
+          setIsOpen(display), setIsOnboarding(display), state.current = nextState;
+        } else
+          response.key === !0 && setIsOpen(!0), setIsOnboarding(!!response.key), state.current = void 0;
+      else
+        setIsOpen(!0), setIsOnboarding(!0), state.current = void 0;
+    })();
+  }, []);
+  const handleSavePreference = useCallback(async () => {
+    await savePreference({
+      key: state.current
+    }), setIsOpen(!1), setIsOnboarding(!1);
+  }, [savePreference, setIsOpen, setIsOnboarding]);
+  return {
+    isOpen,
+    setIsOpen,
+    isOnboarding,
+    handleSavePreference
+  };
+};
+export {
+  useOnboardingModal
+};

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

@@ -1 +1,120 @@
-import Button from"../../../components/Button/Button.js";import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.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 useResource from"../../../hooks/useResource/useResource.js";import ImagePicker from"../../multimedia/ImagePicker/ImagePicker.js";import MediaLibrary from"../../multimedia/MediaLibrary/MediaLibrary.js";import useMediaLibrary from"../../../hooks/useMediaLibrary/useMediaLibrary.js";import Modal from"../../../components/Modal/Modal.js";import Heading from"../../../components/Heading/Heading.js";import Input from"../../../components/Input/Input.js";import Label from"../../../components/Label/Label.js";import FormControl from"../../../components/Form/FormControl.js";import LoadingScreen from"../../../components/LoadingScreen/LoadingScreen.js";import TextArea from"../../../components/TextArea/TextArea.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";function PublishModal({isOpen,resourceId,onSuccess,onCancel}){let{appCode:application,currentApp}=useEdificeClient(),{ref:mediaLibraryRef,libraryMedia,...mediaLibraryHandlers}=useMediaLibrary(),{t}=useTranslation(),resource=useResource(application,resourceId),{control,cover,formState:{isDirty,isValid,isSubmitting},handleDeleteImage,handleSubmit,handleUploadImage,handlePublish,register,selectActivities,selectedActivities,selectedSubjectAreas,selectSubjects}=usePublishModal({resource,onSuccess});return resource?createPortal(jsxs(Modal,{isOpen,onModalClose:onCancel,id:`libraryModal`,size:`lg`,children:[jsx(Modal.Header,{onModalClose:onCancel,children:t(`bpr.publish`)}),jsx(Modal.Subtitle,{children:t(`bpr.form.tip`)}),jsxs(Modal.Body,{children:[jsx(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:t(`bpr.form.publication.heading.general`)}),jsxs(`form`,{id:`libraryModalForm`,onSubmit:handleSubmit(handlePublish),children:[jsxs(`div`,{className:`d-block d-md-flex mb-24 gap-24`,children:[jsxs(`div`,{style:{maxWidth:`160px`},children:[jsx(`div`,{className:`form-label`,children:t(`bpr.form.publication.cover.title`)}),jsx(ImagePicker,{app:currentApp,src: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&&jsx(`p`,{className:`form-text is-invalid`,children:jsx(`em`,{children:t(`bpr.form.publication.cover.upload.required.image`)})})]}),jsxs(`div`,{className:`flex-fill`,children:[jsxs(FormControl,{id:`title`,className:`mb-16`,isRequired:!0,children:[jsx(Label,{children:t(`bpr.form.publication.title`)}),jsx(Input,{type:`text`,defaultValue:resource?.name,...register(`title`,{required:!0}),placeholder:t(`bpr.form.publication.title.placeholder`),size:`md`,"aria-required":!0})]}),jsxs(FormControl,{id:`description`,isRequired:!0,children:[jsx(Label,{children:t(`bpr.form.publication.description`)}),jsx(TextArea,{...register(`description`,{required:!0}),placeholder:t(`bpr.form.publication.description.placeholder`),size:`md`})]})]})]}),jsx(`hr`,{}),jsx(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:t(`bpr.form.publication.heading.infos`)}),jsxs(`div`,{className:`d-flex flex-column flex-md-row gap-16 row mb-24`,children:[jsx(ActivitiesDropdown,{control,selectedActivities,selectActivities}),jsx(SubjectsDropdown,{control,selectedSubjectAreas,selectSubjects}),jsx(LangSelect,{control})]}),jsxs(`div`,{className:`mb-24`,children:[jsx(`label`,{htmlFor:``,className:`form-label`,children:t(`bpr.form.publication.age`)}),jsxs(`div`,{className:`d-flex gap-8`,children:[jsx(`div`,{className:`col col-md-2 d-flex`,children:jsx(AgeSelect,{control,name:`ageMin`,placeholderOption:`bpr.form.publication.age.min`,validate:(value,formValues)=>parseInt(value)<=parseInt(formValues.ageMax)})}),jsx(`div`,{className:`col col-md-2 d-flex`,children:jsx(AgeSelect,{control,name:`ageMax`,placeholderOption:`bpr.form.publication.age.max`,validate:(value,formValues)=>parseInt(value)>=parseInt(formValues.ageMin)})})]})]}),jsx(`div`,{className:`mb-24`,children:jsxs(FormControl,{id:`keywords`,isOptional:!0,children:[jsx(Label,{children:t(`bpr.form.publication.keywords`)}),jsx(Input,{type:`text`,...register(`keyWords`),size:`md`,placeholder:t(`bpr.form.publication.keywords.placeholder`)})]})}),jsx(`hr`,{}),jsx(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:t(`bpr.form.publication.licence.text`)}),jsx(PublishModalFooter,{})]})]}),jsxs(Modal.Footer,{children:[jsx(Button,{color:`tertiary`,onClick:onCancel,type:`button`,variant:`ghost`,children:t(`cancel`)}),jsx(Button,{form:`libraryModalForm`,type:`submit`,color:`primary`,variant:`filled`,isLoading:isSubmitting,disabled:!cover||isSubmitting||!isDirty||!isValid,children:t(`bpr.form.submit`)})]}),jsx(MediaLibrary,{appCode:application,ref:mediaLibraryRef,multiple:!1,visibility:`protected`,...mediaLibraryHandlers})]}),document.getElementById(`portal`)):jsx(LoadingScreen,{})}export{PublishModal as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+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 { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import ImagePicker from "../../multimedia/ImagePicker/ImagePicker.js";
+import useMediaLibrary from "../../../hooks/useMediaLibrary/useMediaLibrary.js";
+import useResource from "../../../hooks/useResource/useResource.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";
+import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
+function PublishModal({
+  isOpen,
+  resourceId,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    appCode: application,
+    currentApp
+  } = useEdificeClient(), {
+    ref: mediaLibraryRef,
+    libraryMedia,
+    ...mediaLibraryHandlers
+  } = useMediaLibrary(), {
+    t
+  } = useTranslation(), resource = useResource(application, resourceId), {
+    control,
+    cover,
+    formState: {
+      isDirty,
+      isValid,
+      isSubmitting
+    },
+    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: {
+            maxWidth: "160px"
+          }, children: [
+            /* @__PURE__ */ jsx("div", { className: "form-label", children: t("bpr.form.publication.cover.title") }),
+            /* @__PURE__ */ jsx(ImagePicker, { 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__ */ 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", {
+                required: !0
+              }), placeholder: t("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", {
+                required: !0
+              }), placeholder: t("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__ */ 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__ */ 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__ */ jsx("hr", {}),
+        /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.licence.text") }),
+        /* @__PURE__ */ jsx(PublishModalFooter, {})
+      ] })
+    ] }),
+    /* @__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__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
+  ] }), document.getElementById("portal")) : /* @__PURE__ */ jsx(LoadingScreen, {});
+}
+export {
+  PublishModal as default
+};

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

@@ -1 +1,29 @@
-import{useActivitiesOptions}from"../hooks/useActivitiesOptions.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{Controller}from"react-hook-form";var ActivitiesDropdown=({control,selectedActivities,selectActivities})=>{let activitiesOptions=useActivitiesOptions(),{t}=useTranslation();return jsx(`div`,{className:`col d-flex`,children:jsx(Controller,{name:`activityType`,control,rules:{required:!0},render:({field:{onChange}})=>jsxs(Dropdown,{block:!0,overflow:!0,children:[jsx(Dropdown.Trigger,{size:`md`,label:t(`bpr.form.publication.type`),badgeContent:selectedActivities?.length}),jsx(Dropdown.Menu,{children:activitiesOptions.map((option,index)=>jsx(Dropdown.CheckboxItem,{value:option.value,model:selectedActivities,onChange:()=>{selectActivities(option.value),onChange(option.value)},children:option.label},index))})]})})})};export{ActivitiesDropdown};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const ActivitiesDropdown = ({
+  control,
+  selectedActivities,
+  selectActivities
+}) => {
+  const activitiesOptions = useActivitiesOptions(), {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "activityType", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__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)) })
+  ] }) }) });
+};
+export {
+  ActivitiesDropdown
+};

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

@@ -1 +1,20 @@
-import{ageOptions}from"../constants/ageOptions.js";import Select from"../../../../components/Select/Select.js";import{jsx}from"react/jsx-runtime";import{Controller}from"react-hook-form";var AgeSelect=({name,control,placeholderOption,validate})=>jsx(Controller,{name,control,rules:{required:!0,validate},render:({field:{onChange}})=>jsx(Select,{block:!0,size:`md`,onValueChange:onChange,options:ageOptions,"aria-required":!0,placeholderOption})});export{AgeSelect};
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { ageOptions } from "../constants/ageOptions.js";
+import Select from "../../../../components/Select/Select.js";
+const AgeSelect = ({
+  name,
+  control,
+  placeholderOption,
+  validate
+}) => /* @__PURE__ */ jsx(Controller, { name, control, rules: {
+  required: !0,
+  validate
+}, render: ({
+  field: {
+    onChange
+  }
+}) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: ageOptions, "aria-required": !0, placeholderOption }) });
+export {
+  AgeSelect
+};

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

@@ -1 +1,19 @@
-import{useLanguageOptions}from"../hooks/useLanguageOptions.js";import Select from"../../../../components/Select/Select.js";import{jsx}from"react/jsx-runtime";import{Controller}from"react-hook-form";var defaultSelectLanguageOption=`bpr.form.publication.language`,LangSelect=({control})=>{let languageOptions=useLanguageOptions();return jsx(`div`,{className:`col`,children:jsx(Controller,{name:`language`,control,rules:{required:!0},render:({field:{onChange}})=>jsx(Select,{block:!0,size:`md`,onValueChange:onChange,options:languageOptions,"aria-required":!0,placeholderOption:defaultSelectLanguageOption})})})};export{LangSelect};
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { useLanguageOptions } from "../hooks/useLanguageOptions.js";
+import Select from "../../../../components/Select/Select.js";
+const defaultSelectLanguageOption = "bpr.form.publication.language", LangSelect = ({
+  control
+}) => {
+  const languageOptions = useLanguageOptions();
+  return /* @__PURE__ */ jsx("div", { className: "col", children: /* @__PURE__ */ jsx(Controller, { name: "language", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: languageOptions, "aria-required": !0, placeholderOption: defaultSelectLanguageOption }) }) });
+};
+export {
+  LangSelect
+};

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

@@ -1 +1,23 @@
-import Alert from"../../../../components/Alert/Alert.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import creativeCommons from"@edifice.io/bootstrap/dist/images/common/image-creative-commons.png";var PublishModalFooter=()=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsxs(`ul`,{className:`mb-12`,children:[jsxs(`li`,{children:[t(`bpr.form.publication.licence.text.1`),jsx(`img`,{className:`ms-8 d-inline-block`,src:creativeCommons,alt:`licence creative commons`})]}),jsx(`li`,{children:t(`bpr.form.publication.licence.text.2`)})]}),jsx(Alert,{type:`info`,className:`mb-12`,children:t(`bpr.form.publication.licence.text.3`)}),jsx(Alert,{type:`warning`,children:t(`bpr.form.publication.licence.text.4`)})]})};export{PublishModalFooter};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import creativeCommons from "@edifice.io/bootstrap/dist/images/common/image-creative-commons.png";
+import Alert from "../../../../components/Alert/Alert.js";
+const PublishModalFooter = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("ul", { className: "mb-12", children: [
+      /* @__PURE__ */ jsxs("li", { children: [
+        t("bpr.form.publication.licence.text.1"),
+        /* @__PURE__ */ jsx("img", { className: "ms-8 d-inline-block", src: creativeCommons, alt: "licence creative commons" })
+      ] }),
+      /* @__PURE__ */ jsx("li", { children: t("bpr.form.publication.licence.text.2") })
+    ] }),
+    /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-12", children: t("bpr.form.publication.licence.text.3") }),
+    /* @__PURE__ */ jsx(Alert, { type: "warning", children: t("bpr.form.publication.licence.text.4") })
+  ] });
+};
+export {
+  PublishModalFooter
+};

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

@@ -1 +1,29 @@
-import{useSubjectsOptions}from"../hooks/useSubjectsOptions.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{Controller}from"react-hook-form";var SubjectsDropdown=({control,selectedSubjectAreas,selectSubjects})=>{let subjectsOptions=useSubjectsOptions(),{t}=useTranslation();return jsx(`div`,{className:`col d-flex`,children:jsx(Controller,{name:`subjectArea`,control,rules:{required:!0},render:({field:{onChange}})=>jsxs(Dropdown,{block:!0,overflow:!0,children:[jsx(Dropdown.Trigger,{size:`md`,label:t(`bpr.form.publication.discipline`),badgeContent:selectedSubjectAreas?.length}),jsx(Dropdown.Menu,{children:subjectsOptions.map((option,index)=>jsx(Dropdown.CheckboxItem,{value:option.value,model:selectedSubjectAreas,onChange:()=>{selectSubjects(option.value),onChange(option.value)},children:option.label},index))})]})})})};export{SubjectsDropdown};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useSubjectsOptions } from "../hooks/useSubjectsOptions.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const SubjectsDropdown = ({
+  control,
+  selectedSubjectAreas,
+  selectSubjects
+}) => {
+  const subjectsOptions = useSubjectsOptions(), {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "subjectArea", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.discipline"), badgeContent: selectedSubjectAreas == null ? void 0 : selectedSubjectAreas.length }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: subjectsOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedSubjectAreas, onChange: () => {
+      selectSubjects(option.value), onChange(option.value);
+    }, children: option.label }, index)) })
+  ] }) }) });
+};
+export {
+  SubjectsDropdown
+};

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

@@ -1 +1,24 @@
-import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function ToastError({formData,errorMessage}){let{t}=useTranslation(),regexInput=value=>value?.match(/^\s/);return errorMessage===`CONTENT_TOO_LARGE`?jsxs(Fragment,{children:[jsx(`h3`,{className:`pt-24`,children:t(`bpr.form.publication.response.error.title`)}),jsx(`p`,{className:`pt-24 pb-24`,children:jsx(`strong`,{children:t(`bpr.form.publication.response.error.content_too_large`)})})]}):jsxs(Fragment,{children:[jsx(`h3`,{className:`pt-24`,children:t(`bpr.form.publication.response.error.title`)}),jsx(`p`,{className:`pt-24 pb-24`,children:jsx(`strong`,{children:t(`bpr.form.publication.response.error.content`)})}),jsxs(`ul`,{children:[regexInput(formData?.title)&&jsx(`li`,{className:`pt-2 pb-2`,children:jsx(`strong`,{children:t(`bpr.form.publication.response.empty.title`)})}),regexInput(formData?.description)&&jsx(`li`,{className:`pt-2 pb-2`,children:jsx(`strong`,{children:t(`bpr.form.publication.response.empty.description`)})})]})]})}export{ToastError};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+function ToastError({
+  formData,
+  errorMessage
+}) {
+  const {
+    t
+  } = useTranslation(), regexInput = (value) => value == null ? void 0 : value.match(/^\s/);
+  return errorMessage === "CONTENT_TOO_LARGE" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "pt-24", children: t("bpr.form.publication.response.error.title") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24 pb-24", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.error.content_too_large") }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "pt-24", children: t("bpr.form.publication.response.error.title") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24 pb-24", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.error.content") }) }),
+    /* @__PURE__ */ jsxs("ul", { children: [
+      regexInput(formData == null ? void 0 : formData.title) && /* @__PURE__ */ jsx("li", { className: "pt-2 pb-2", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.empty.title") }) }),
+      regexInput(formData == null ? void 0 : formData.description) && /* @__PURE__ */ jsx("li", { className: "pt-2 pb-2", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.empty.description") }) })
+    ] })
+  ] });
+}
+export {
+  ToastError
+};

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

@@ -1 +1,18 @@
-import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function ToastSuccess({result}){let{t}=useTranslation();return jsxs(Fragment,{children:[jsx(`h3`,{className:`pt-24`,children:t(`bpr.form.publication.response.success.title`)}),jsx(`p`,{className:`pt-24`,children:t(`bpr.form.publication.response.success.content.1`)}),jsx(`p`,{className:`pt-24`,children:t(`bpr.form.publication.response.success.content.2`)}),result.details.front_url&&jsx(`p`,{className:`pt-24 pb-24`,children:jsx(`a`,{className:`button right-magnet`,href:result.details.front_url,target:`_blank`,rel:`noreferrer`,children:t(`bpr.form.publication.response.success.button`)})})]})}export{ToastSuccess};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+function ToastSuccess({
+  result
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "pt-24", children: t("bpr.form.publication.response.success.title") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24", children: t("bpr.form.publication.response.success.content.1") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24", children: t("bpr.form.publication.response.success.content.2") }),
+    result.details.front_url && /* @__PURE__ */ jsx("p", { className: "pt-24 pb-24", children: /* @__PURE__ */ jsx("a", { className: "button right-magnet", href: result.details.front_url, target: "_blank", rel: "noreferrer", children: t("bpr.form.publication.response.success.button") }) })
+  ] });
+}
+export {
+  ToastSuccess
+};

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

@@ -1 +1,4 @@
-var ageOptions=[`3`,`4`,`5`,`6`,`7`,`8`,`9`,`10`,`11`,`12`,`13`,`14`,`15`,`16`,`17`,`18`];export{ageOptions};
+const ageOptions = ["3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18"];
+export {
+  ageOptions
+};

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

@@ -1 +1,34 @@
-import{useTranslation}from"react-i18next";var useActivitiesOptions=()=>{let{t}=useTranslation();return[{value:`bpr.activityType.classroomActivity`,label:t(`bpr.activityType.classroomActivity`)},{value:`bpr.activityType.groupActivity`,label:t(`bpr.activityType.groupActivity`)},{value:`bpr.activityType.personalActivity`,label:t(`bpr.activityType.personalActivity`)},{value:`bpr.activityType.homework`,label:t(`bpr.activityType.homework`)},{value:`bpr.activityType.exercize`,label:t(`bpr.activityType.exercize`)},{value:`bpr.activityType.learningPath`,label:t(`bpr.activityType.learningPath`)},{value:`bpr.activityType.courseElement`,label:t(`bpr.activityType.courseElement`)},{value:`bpr.other`,label:t(`bpr.other`)}]};export{useActivitiesOptions};
+import { useTranslation } from "react-i18next";
+const useActivitiesOptions = () => {
+  const {
+    t
+  } = useTranslation();
+  return [{
+    value: "bpr.activityType.classroomActivity",
+    label: t("bpr.activityType.classroomActivity")
+  }, {
+    value: "bpr.activityType.groupActivity",
+    label: t("bpr.activityType.groupActivity")
+  }, {
+    value: "bpr.activityType.personalActivity",
+    label: t("bpr.activityType.personalActivity")
+  }, {
+    value: "bpr.activityType.homework",
+    label: t("bpr.activityType.homework")
+  }, {
+    value: "bpr.activityType.exercize",
+    label: t("bpr.activityType.exercize")
+  }, {
+    value: "bpr.activityType.learningPath",
+    label: t("bpr.activityType.learningPath")
+  }, {
+    value: "bpr.activityType.courseElement",
+    label: t("bpr.activityType.courseElement")
+  }, {
+    value: "bpr.other",
+    label: t("bpr.other")
+  }];
+};
+export {
+  useActivitiesOptions
+};

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

@@ -1 +1,43 @@
-import{useTranslation}from"react-i18next";var useLanguageOptions=()=>{let{t}=useTranslation();return[{value:`de_DE`,label:t(`de_DE`)},{value:`en_EN`,label:t(`en_EN`)},{value:`ar_DZ`,label:t(`ar_DZ`)},{value:`es_ES`,label:t(`es_ES`)},{value:`fr_FR`,label:t(`fr_FR`)},{value:`it_IT`,label:t(`it_IT`)},{value:`ja_JP`,label:t(`ja_JP`)},{value:`zh_CN`,label:t(`zh_CN`)},{value:`pt_PT`,label:t(`pt_PT`)},{value:`ru_RU`,label:t(`ru_RU`)},{value:`bpr.other`,label:t(`bpr.other`)}]};export{useLanguageOptions};
+import { useTranslation } from "react-i18next";
+const useLanguageOptions = () => {
+  const {
+    t
+  } = useTranslation();
+  return [{
+    value: "de_DE",
+    label: t("de_DE")
+  }, {
+    value: "en_EN",
+    label: t("en_EN")
+  }, {
+    value: "ar_DZ",
+    label: t("ar_DZ")
+  }, {
+    value: "es_ES",
+    label: t("es_ES")
+  }, {
+    value: "fr_FR",
+    label: t("fr_FR")
+  }, {
+    value: "it_IT",
+    label: t("it_IT")
+  }, {
+    value: "ja_JP",
+    label: t("ja_JP")
+  }, {
+    value: "zh_CN",
+    label: t("zh_CN")
+  }, {
+    value: "pt_PT",
+    label: t("pt_PT")
+  }, {
+    value: "ru_RU",
+    label: t("ru_RU")
+  }, {
+    value: "bpr.other",
+    label: t("bpr.other")
+  }];
+};
+export {
+  useLanguageOptions
+};