@edifice.io/react 2.6.9-develop-b2school.20261013134048 → 2.6.9-develop-enabling.20261013152718

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

@@ -1,120 +1 @@
-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
-};
+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};

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

@@ -1,29 +1 @@
-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
-};
+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};

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

@@ -1,20 +1 @@
-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
-};
+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};

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

@@ -1,19 +1 @@
-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
-};
+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};

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

@@ -1,23 +1 @@
-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
-};
+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};

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

@@ -1,29 +1 @@
-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
-};
+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};

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

@@ -1,24 +1 @@
-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
-};
+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};

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

@@ -1,18 +1 @@
-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
-};
+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};

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

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

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

@@ -1,43 +1 @@
-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
-};
+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};

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

@@ -1,106 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { odeServices } from "@edifice.io/client";
-import { useForm } from "react-hook-form";
-import { libraryMaps } from "@edifice.io/utilities";
-import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
-import { ToastError } from "../components/ToastError.js";
-import { ToastSuccess } from "../components/ToastSuccess.js";
-import useToast from "../../../../hooks/useToast/useToast.js";
-function usePublishModal({
-  onSuccess,
-  resource
-}) {
-  const {
-    user,
-    appCode
-  } = useEdificeClient(), toast = useToast(), [cover, setCover] = useState((resource == null ? void 0 : resource.thumbnail) || "");
-  useEffect(() => {
-    setCover(resource == null ? void 0 : resource.thumbnail);
-  }, [resource]);
-  const {
-    control,
-    register,
-    watch,
-    setValue,
-    handleSubmit,
-    formState: {
-      errors,
-      isSubmitting,
-      isDirty,
-      isValid
-    }
-  } = useForm({
-    mode: "onChange"
-  }), [selectedActivities, setSelectedActivities] = useState([]), [selectedSubjectAreas, setSelectedSubjectAreas] = useState([]), selectOption = (value, selectedOptions, setSelectedOptions) => {
-    let checked = [...selectedOptions];
-    const findIndex = checked.findIndex((item) => item === value);
-    selectedOptions.includes(value) ? checked = selectedOptions.filter((_, index) => index !== findIndex) : checked = [...selectedOptions, value], setSelectedOptions(checked);
-  };
-  return {
-    control,
-    cover,
-    formState: {
-      errors,
-      isSubmitting,
-      isDirty,
-      isValid
-    },
-    handleDeleteImage: () => setCover(""),
-    handlePublish: async (formData) => {
-      const userId = user ? user == null ? void 0 : user.userId : "";
-      try {
-        let coverBlob = new Blob();
-        typeof cover == "string" ? coverBlob = await odeServices.http().get(cover, {
-          responseType: "blob"
-        }) : cover ? coverBlob = await odeServices.http().get(URL.createObjectURL(cover), {
-          responseType: "blob"
-        }) : resource != null && resource.thumbnail && (coverBlob = await odeServices.http().get(resource == null ? void 0 : resource.thumbnail, {
-          responseType: "blob"
-        }));
-        const teacherAvatar = await odeServices.http().get(`/userbook/avatar/${userId}?thumbnail=48x48`, {
-          responseType: "blob"
-        }), resAttachmentSchool = await odeServices.http().get(`/directory/user/${userId}/attachment-school`, {
-          responseType: "json"
-        }), application = libraryMaps[appCode], parameters = {
-          activityType: selectedActivities,
-          age: [formData.ageMin, formData.ageMax],
-          application,
-          cover: coverBlob,
-          description: formData.description,
-          keyWords: formData.keyWords,
-          language: formData.language,
-          licence: "CC-BY",
-          resourceId: resource == null ? void 0 : resource.assetId,
-          resourceEntId: resource == null ? void 0 : resource.assetId,
-          subjectArea: selectedSubjectAreas,
-          teacherAvatar,
-          title: formData.title,
-          userId,
-          userStructureName: resAttachmentSchool.name || (user == null ? void 0 : user.structureNames[0])
-        }, result = await odeServices.resource(appCode).publish(parameters);
-        result.success ? toast.success(/* @__PURE__ */ jsx(ToastSuccess, { result }), {
-          duration: 1e4
-        }) : result.message === "CONTENT_TOO_LARGE" ? toast.error(/* @__PURE__ */ jsx(ToastError, { errorMessage: result.message })) : toast.error(/* @__PURE__ */ jsx(ToastError, { formData })), onSuccess == null || onSuccess();
-      } catch (error) {
-        console.error(error), toast.error(/* @__PURE__ */ jsx(ToastError, { formData }));
-      }
-    },
-    handleSubmit,
-    handleUploadImage: (file) => setCover(file),
-    register,
-    selectActivities: (value) => {
-      selectOption(value, selectedActivities, setSelectedActivities);
-    },
-    selectedActivities,
-    selectedSubjectAreas,
-    selectSubjects: (value) => {
-      selectOption(value, selectedSubjectAreas, setSelectedSubjectAreas);
-    },
-    setValue,
-    watch
-  };
-}
-export {
-  usePublishModal as default
-};
+import{useEdificeClient}from"../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import{ToastError}from"../components/ToastError.js";import{ToastSuccess}from"../components/ToastSuccess.js";import useToast from"../../../../hooks/useToast/useToast.js";import{libraryMaps}from"@edifice.io/utilities";import{useEffect,useState}from"react";import{jsx}from"react/jsx-runtime";import{odeServices}from"@edifice.io/client";import{useForm}from"react-hook-form";function usePublishModal({onSuccess,resource}){let{user,appCode}=useEdificeClient(),toast=useToast(),[cover,setCover]=useState(resource?.thumbnail||``);useEffect(()=>{setCover(resource?.thumbnail)},[resource]);let{control,register,watch,setValue,handleSubmit,formState:{errors,isSubmitting,isDirty,isValid}}=useForm({mode:`onChange`}),[selectedActivities,setSelectedActivities]=useState([]),[selectedSubjectAreas,setSelectedSubjectAreas]=useState([]),selectOption=(value,selectedOptions,setSelectedOptions)=>{let checked=[...selectedOptions],findIndex=checked.findIndex(item=>item===value);checked=selectedOptions.includes(value)?selectedOptions.filter((_,index)=>index!==findIndex):[...selectedOptions,value],setSelectedOptions(checked)};return{control,cover,formState:{errors,isSubmitting,isDirty,isValid},handleDeleteImage:()=>setCover(``),handlePublish:async formData=>{let userId=user?user?.userId:``;try{let coverBlob=new Blob;typeof cover==`string`?coverBlob=await odeServices.http().get(cover,{responseType:`blob`}):cover?coverBlob=await odeServices.http().get(URL.createObjectURL(cover),{responseType:`blob`}):resource?.thumbnail&&(coverBlob=await odeServices.http().get(resource?.thumbnail,{responseType:`blob`}));let teacherAvatar=await odeServices.http().get(`/userbook/avatar/${userId}?thumbnail=48x48`,{responseType:`blob`}),resAttachmentSchool=await odeServices.http().get(`/directory/user/${userId}/attachment-school`,{responseType:`json`}),application=libraryMaps[appCode],parameters={activityType:selectedActivities,age:[formData.ageMin,formData.ageMax],application,cover:coverBlob,description:formData.description,keyWords:formData.keyWords,language:formData.language,licence:`CC-BY`,resourceId:resource?.assetId,resourceEntId:resource?.assetId,subjectArea:selectedSubjectAreas,teacherAvatar,title:formData.title,userId,userStructureName:resAttachmentSchool.name||user?.structureNames[0]},result=await odeServices.resource(appCode).publish(parameters);result.success?toast.success(jsx(ToastSuccess,{result}),{duration:1e4}):result.message===`CONTENT_TOO_LARGE`?toast.error(jsx(ToastError,{errorMessage:result.message})):toast.error(jsx(ToastError,{formData})),onSuccess?.()}catch(error){console.error(error),toast.error(jsx(ToastError,{formData}))}},handleSubmit,handleUploadImage:file=>setCover(file),register,selectActivities:value=>{selectOption(value,selectedActivities,setSelectedActivities)},selectedActivities,selectedSubjectAreas,selectSubjects:value=>{selectOption(value,selectedSubjectAreas,setSelectedSubjectAreas)},setValue,watch}}export{usePublishModal as default};