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

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

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

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

@@ -1 +1,118 @@
-import{useTranslation}from"react-i18next";var useSubjectsOptions=()=>{let{t}=useTranslation();return[{value:`bpr.subjectArea.artActivity`,label:t(`bpr.subjectArea.artActivity`)},{value:`bpr.subjectArea.readLearning`,label:t(`bpr.subjectArea.readLearning`)},{value:`bpr.subjectArea.chemistry`,label:t(`bpr.subjectArea.chemistry`)},{value:`bpr.subjectArea.law`,label:t(`bpr.subjectArea.law`)},{value:`bpr.subjectArea.worldDiscovery`,label:t(`bpr.subjectArea.worldDiscovery`)},{value:`bpr.subjectArea.economy`,label:t(`bpr.subjectArea.economy`)},{value:`bpr.subjectArea.mediaEducation`,label:t(`bpr.subjectArea.mediaEducation`)},{value:`bpr.subjectArea.musicEducation`,label:t(`bpr.subjectArea.musicEducation`)},{value:`bpr.subjectArea.sportEducation`,label:t(`bpr.subjectArea.sportEducation`)},{value:`bpr.subjectArea.citizenshipEducation`,label:t(`bpr.subjectArea.citizenshipEducation`)},{value:`bpr.subjectArea.geography`,label:t(`bpr.subjectArea.geography`)},{value:`bpr.subjectArea.history`,label:t(`bpr.subjectArea.history`)},{value:`bpr.subjectArea.artHistory`,label:t(`bpr.subjectArea.artHistory`)},{value:`bpr.subjectArea.ComputerScience`,label:t(`bpr.subjectArea.ComputerScience`)},{value:`bpr.subjectArea.languages`,label:t(`bpr.subjectArea.languages`)},{value:`bpr.subjectArea.italian`,label:t(`bpr.subjectArea.italian`)},{value:`bpr.subjectArea.spanish`,label:t(`bpr.subjectArea.spanish`)},{value:`bpr.subjectArea.french`,label:t(`bpr.subjectArea.french`)},{value:`bpr.subjectArea.german`,label:t(`bpr.subjectArea.german`)},{value:`bpr.subjectArea.english`,label:t(`bpr.subjectArea.english`)},{value:`bpr.subjectArea.ancientLanguages`,label:t(`bpr.subjectArea.ancientLanguages`)},{value:`bpr.subjectArea.literature`,label:t(`bpr.subjectArea.literature`)},{value:`bpr.subjectArea.mathematics`,label:t(`bpr.subjectArea.mathematics`)},{value:`bpr.subjectArea.vocationalGuidance`,label:t(`bpr.subjectArea.vocationalGuidance`)},{value:`bpr.subjectArea.philosohppy`,label:t(`bpr.subjectArea.philosohppy`)},{value:`bpr.subjectArea.physics`,label:t(`bpr.subjectArea.physics`)},{value:`bpr.subjectArea.politicalSscience`,label:t(`bpr.subjectArea.politicalSscience`)},{value:`bpr.subjectArea.sociology`,label:t(`bpr.subjectArea.sociology`)},{value:`bpr.subjectArea.biology`,label:t(`bpr.subjectArea.biology`)},{value:`bpr.subjectArea.geology`,label:t(`bpr.subjectArea.geology`)},{value:`bpr.subjectArea.technology`,label:t(`bpr.subjectArea.technology`)},{value:`bpr.subjectArea.Arabic`,label:t(`bpr.subjectArea.Arabic`)},{value:`bpr.subjectArea.Chinese`,label:t(`bpr.subjectArea.Chinese`)},{value:`bpr.subjectArea.NaturalSciences`,label:t(`bpr.subjectArea.NaturalSciences`)},{value:`bpr.subjectArea.SocioEmotionalEducation`,label:t(`bpr.subjectArea.SocioEmotionalEducation`)},{value:`bpr.other`,label:t(`bpr.other`)}]};export{useSubjectsOptions};
+import { useTranslation } from "react-i18next";
+const useSubjectsOptions = () => {
+  const {
+    t
+  } = useTranslation();
+  return [{
+    value: "bpr.subjectArea.artActivity",
+    label: t("bpr.subjectArea.artActivity")
+  }, {
+    value: "bpr.subjectArea.readLearning",
+    label: t("bpr.subjectArea.readLearning")
+  }, {
+    value: "bpr.subjectArea.chemistry",
+    label: t("bpr.subjectArea.chemistry")
+  }, {
+    value: "bpr.subjectArea.law",
+    label: t("bpr.subjectArea.law")
+  }, {
+    value: "bpr.subjectArea.worldDiscovery",
+    label: t("bpr.subjectArea.worldDiscovery")
+  }, {
+    value: "bpr.subjectArea.economy",
+    label: t("bpr.subjectArea.economy")
+  }, {
+    value: "bpr.subjectArea.mediaEducation",
+    label: t("bpr.subjectArea.mediaEducation")
+  }, {
+    value: "bpr.subjectArea.musicEducation",
+    label: t("bpr.subjectArea.musicEducation")
+  }, {
+    value: "bpr.subjectArea.sportEducation",
+    label: t("bpr.subjectArea.sportEducation")
+  }, {
+    value: "bpr.subjectArea.citizenshipEducation",
+    label: t("bpr.subjectArea.citizenshipEducation")
+  }, {
+    value: "bpr.subjectArea.geography",
+    label: t("bpr.subjectArea.geography")
+  }, {
+    value: "bpr.subjectArea.history",
+    label: t("bpr.subjectArea.history")
+  }, {
+    value: "bpr.subjectArea.artHistory",
+    label: t("bpr.subjectArea.artHistory")
+  }, {
+    value: "bpr.subjectArea.ComputerScience",
+    label: t("bpr.subjectArea.ComputerScience")
+  }, {
+    value: "bpr.subjectArea.languages",
+    label: t("bpr.subjectArea.languages")
+  }, {
+    value: "bpr.subjectArea.italian",
+    label: t("bpr.subjectArea.italian")
+  }, {
+    value: "bpr.subjectArea.spanish",
+    label: t("bpr.subjectArea.spanish")
+  }, {
+    value: "bpr.subjectArea.french",
+    label: t("bpr.subjectArea.french")
+  }, {
+    value: "bpr.subjectArea.german",
+    label: t("bpr.subjectArea.german")
+  }, {
+    value: "bpr.subjectArea.english",
+    label: t("bpr.subjectArea.english")
+  }, {
+    value: "bpr.subjectArea.ancientLanguages",
+    label: t("bpr.subjectArea.ancientLanguages")
+  }, {
+    value: "bpr.subjectArea.literature",
+    label: t("bpr.subjectArea.literature")
+  }, {
+    value: "bpr.subjectArea.mathematics",
+    label: t("bpr.subjectArea.mathematics")
+  }, {
+    value: "bpr.subjectArea.vocationalGuidance",
+    label: t("bpr.subjectArea.vocationalGuidance")
+  }, {
+    value: "bpr.subjectArea.philosohppy",
+    label: t("bpr.subjectArea.philosohppy")
+  }, {
+    value: "bpr.subjectArea.physics",
+    label: t("bpr.subjectArea.physics")
+  }, {
+    value: "bpr.subjectArea.politicalSscience",
+    label: t("bpr.subjectArea.politicalSscience")
+  }, {
+    value: "bpr.subjectArea.sociology",
+    label: t("bpr.subjectArea.sociology")
+  }, {
+    value: "bpr.subjectArea.biology",
+    label: t("bpr.subjectArea.biology")
+  }, {
+    value: "bpr.subjectArea.geology",
+    label: t("bpr.subjectArea.geology")
+  }, {
+    value: "bpr.subjectArea.technology",
+    label: t("bpr.subjectArea.technology")
+  }, {
+    value: "bpr.subjectArea.Arabic",
+    label: t("bpr.subjectArea.Arabic")
+  }, {
+    value: "bpr.subjectArea.Chinese",
+    label: t("bpr.subjectArea.Chinese")
+  }, {
+    value: "bpr.subjectArea.NaturalSciences",
+    label: t("bpr.subjectArea.NaturalSciences")
+  }, {
+    value: "bpr.subjectArea.SocioEmotionalEducation",
+    label: t("bpr.subjectArea.SocioEmotionalEducation")
+  }, {
+    value: "bpr.other",
+    label: t("bpr.other")
+  }];
+};
+export {
+  useSubjectsOptions
+};

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -1 +1,164 @@
-import Button from"../../../components/Button/Button.js";import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import useResource from"../../../hooks/useResource/useResource.js";import ImagePicker from"../../multimedia/ImagePicker/ImagePicker.js";import MediaLibrary from"../../multimedia/MediaLibrary/MediaLibrary.js";import useToast from"../../../hooks/useToast/useToast.js";import{useThumb}from"./hooks/useThumb.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{useId}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{createPortal}from"react-dom";import{useForm}from"react-hook-form";var DEFAULT_INPUT_MAX_LENGTH=60,DEFAULT_TEXTAREA_MAX_LENGTH=400,ResourceModal=({isOpen,onCancel,onSuccess,children,appCode:customAppCode,translations:customT={},inputMaxLength=DEFAULT_INPUT_MAX_LENGTH,textareaMaxLength=DEFAULT_TEXTAREA_MAX_LENGTH,...props})=>{let{appCode:contextAppCode,currentApp}=useEdificeClient(),application=customAppCode||contextAppCode,hasOptionalCommentRepliesWorkflow=useHasWorkflow(`org.entcore.blog.controllers.BlogController|optionalCommentReplies`),{t}=useTranslation(),{mode}=props,toast=useToast(),formId=useId(),isCreating=mode===`create`,isUpdating=mode===`update`,resource=useResource(application,isUpdating?props.resourceId:``),{watch,register,handleSubmit,setValue,formState:{isSubmitting,isValid}}=useForm({mode:`onChange`,defaultValues:{description:isUpdating?resource?.description:``,enablePublic:isUpdating?resource?.public:!1,title:isUpdating?resource?.name:``,formSlug:isUpdating?resource?.slug:``,allowReplies:isUpdating?resource?.allowReplies:!0}}),{ref:mediaLibraryRef,libraryMedia,...mediaLibraryHandlers}=useMediaLibrary(),{thumbnail,handleDeleteImage,handleUploadImage}=useThumb({isUpdating,selectedResource:isUpdating?resource:void 0});return isUpdating&&!resource?jsx(LoadingScreen,{}):createPortal(jsxs(Modal,{id:`${mode}-resource`,size:`lg`,isOpen,onModalClose:onCancel,children:[jsx(Modal.Header,{onModalClose:onCancel,children:customT.header?.[isCreating?`create`:`edit`]??t(`explorer.resource.editModal.header.${isCreating?`create`:`edit`}`)}),jsxs(Modal.Body,{children:[jsx(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:customT.heading?.general??t(`explorer.resource.editModal.heading.general`)}),jsxs(`form`,{id:formId,onSubmit:handleSubmit(async function(formData){try{let data={description:formData.description||``,name:formData.title,public:formData.enablePublic,slug:formData.enablePublic&&formData.formSlug||``,thumbnail,allowReplies:formData.allowReplies},result,param;if(isCreating){let createParams={...data,folder:props.currentFolder===void 0||props.currentFolder?.id===`default`?void 0:parseInt(props.currentFolder?.id||``),application};param=createParams,result=props.createResource?await props.createResource.mutateAsync(createParams):await odeServices.resource(application).create(createParams)}else{let updateParams={...data,entId:resource.assetId,trashed:resource.trashed};param=updateParams,result=props.updateResource?await props.updateResource.mutateAsync(updateParams):await odeServices.resource(application).update(updateParams)}toast.success(jsxs(Fragment$1,{children:[jsx(`strong`,{children:t(isCreating?`explorer.resource.created`:`explorer.resource.updated`)}),jsxs(`p`,{children:[t(`title`),` : `,formData.title]}),jsxs(`p`,{children:[t(`description`),` : `,formData.description]}),application===`blog`&&jsxs(`p`,{children:[`Public:`,formData.enablePublic?t(`explorer.enable.public.yes`):t(`explorer.enable.public.no`)]})]})),onSuccess(result,param)}catch(e){console.error(e)}}),children:[jsxs(`div`,{className:`d-block d-md-flex gap-16 mb-24`,children:[jsx(`div`,{children:jsx(ImagePicker,{app:currentApp,src:isUpdating&&resource?.thumbnail||``,addButtonLabel:customT.imagepicker?.add??t(`explorer.imagepicker.button.add`),deleteButtonLabel:customT.imagepicker?.delete??t(`explorer.imagepicker.button.delete`),onUploadImage:handleUploadImage,onDeleteImage:handleDeleteImage,className:`align-self-center mt-8`,libraryMedia,mediaLibraryRef})}),jsxs(`div`,{className:`col`,children:[jsxs(FormControl,{id:`title`,className:`mb-16`,isRequired:!0,children:[jsx(Label,{children:customT.title??t(`title`)}),jsx(Input,{type:`text`,defaultValue:isUpdating?resource?.name:``,...register(`title`,{required:!0,maxLength:inputMaxLength,pattern:{value:/[^ ]/,message:`invalid title`}}),placeholder:customT.placeholder?.title??t(`explorer.resource.editModal.title.placeholder`),size:`md`,"aria-required":!0,maxLength:inputMaxLength,showCounter:!0})]}),jsxs(FormControl,{id:`description`,isOptional:!0,children:[jsx(Label,{children:customT.description??t(`description`)}),jsx(TextArea,{defaultValue:resource?.description||``,...register(`description`,{required:!1,maxLength:textareaMaxLength}),placeholder:customT.placeholder?.description??t(`explorer.resource.editModal.description.placeholder`),size:`md`,maxLength:textareaMaxLength,showCounter:!0})]}),application===`blog`&&hasOptionalCommentRepliesWorkflow===!0&&jsxs(FormControl,{id:`allowReplies`,className:`d-flex gap-8 mt-16 mb-8`,children:[jsx(FormControl.Input,{type:`checkbox`,defaultChecked:isUpdating?resource.allowReplies:!0,...register(`allowReplies`),className:`form-check-input mt-0`,size:`sm`}),jsx(FormControl.Label,{className:`form-check-label mb-0`,children:t(`explorer.resource.editModal.comments.allowReplies`)})]})]})]}),typeof children==`function`?children(resource,isUpdating,watch,setValue,register):children]})]}),jsxs(Modal.Footer,{children:[jsx(Button,{color:`tertiary`,onClick:onCancel,type:`button`,variant:`ghost`,children:customT.cancel??t(`explorer.cancel`)}),jsx(Button,{form:formId,type:`submit`,color:`primary`,isLoading:isSubmitting,variant:`filled`,disabled:!isValid||isSubmitting,children:isCreating?customT.create??t(`explorer.create`):customT.save??t(`save`)})]}),jsx(MediaLibrary,{appCode:application,ref:mediaLibraryRef,multiple:!1,visibility:`protected`,...mediaLibraryHandlers})]}),document.getElementById(`portal`)||document.body)};export{ResourceModal as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useId } from "react";
+import { odeServices } from "@edifice.io/client";
+import { createPortal } from "react-dom";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import ImagePicker from "../../multimedia/ImagePicker/ImagePicker.js";
+import { useThumb } from "./hooks/useThumb.js";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import useToast from "../../../hooks/useToast/useToast.js";
+import useResource from "../../../hooks/useResource/useResource.js";
+import useMediaLibrary from "../../../hooks/useMediaLibrary/useMediaLibrary.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";
+const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, ResourceModal = ({
+  isOpen,
+  onCancel,
+  onSuccess,
+  children,
+  appCode: customAppCode,
+  translations: customT = {},
+  inputMaxLength = DEFAULT_INPUT_MAX_LENGTH,
+  textareaMaxLength = DEFAULT_TEXTAREA_MAX_LENGTH,
+  ...props
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const {
+    appCode: contextAppCode,
+    currentApp
+  } = useEdificeClient(), application = customAppCode || contextAppCode, hasOptionalCommentRepliesWorkflow = useHasWorkflow("org.entcore.blog.controllers.BlogController|optionalCommentReplies"), {
+    t
+  } = useTranslation(), {
+    mode
+  } = props, toast = useToast(), formId = useId(), isCreating = mode === "create", isUpdating = mode === "update", resource = useResource(application, isUpdating ? props.resourceId : ""), {
+    watch,
+    register,
+    handleSubmit,
+    setValue,
+    formState: {
+      isSubmitting,
+      isValid
+    }
+  } = useForm({
+    mode: "onChange",
+    defaultValues: {
+      description: isUpdating ? resource == null ? void 0 : resource.description : "",
+      enablePublic: isUpdating ? resource == null ? void 0 : resource.public : !1,
+      title: isUpdating ? resource == null ? void 0 : resource.name : "",
+      formSlug: isUpdating ? resource == null ? void 0 : resource.slug : "",
+      allowReplies: isUpdating ? resource == null ? void 0 : resource.allowReplies : !0
+    }
+  }), {
+    ref: mediaLibraryRef,
+    libraryMedia,
+    ...mediaLibraryHandlers
+  } = useMediaLibrary(), {
+    thumbnail,
+    handleDeleteImage,
+    handleUploadImage
+  } = useThumb({
+    isUpdating,
+    selectedResource: isUpdating ? resource : void 0
+  }), onSubmit = async function(formData) {
+    var _a2, _b2;
+    try {
+      const data = {
+        description: formData.description || "",
+        name: formData.title,
+        public: formData.enablePublic,
+        slug: formData.enablePublic && formData.formSlug || "",
+        thumbnail,
+        allowReplies: formData.allowReplies
+      };
+      let result, param;
+      if (isCreating) {
+        const createParams = {
+          ...data,
+          folder: props.currentFolder === void 0 || // Fix #WB2-1296: when searching, currentFolder is undefined
+          ((_a2 = props.currentFolder) == null ? void 0 : _a2.id) === "default" ? void 0 : parseInt(((_b2 = props.currentFolder) == null ? void 0 : _b2.id) || ""),
+          application
+        };
+        param = createParams, props.createResource ? result = await props.createResource.mutateAsync(createParams) : result = await odeServices.resource(application).create(createParams);
+      } else {
+        const updateParams = {
+          ...data,
+          entId: resource.assetId,
+          trashed: resource.trashed
+        };
+        param = updateParams, props.updateResource ? result = await props.updateResource.mutateAsync(updateParams) : result = await odeServices.resource(application).update(updateParams);
+      }
+      toast.success(/* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("strong", { children: t(isCreating ? "explorer.resource.created" : "explorer.resource.updated") }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          t("title"),
+          " : ",
+          formData.title
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          t("description"),
+          " : ",
+          formData.description
+        ] }),
+        application === "blog" && /* @__PURE__ */ jsxs("p", { children: [
+          "Public:",
+          formData.enablePublic ? t("explorer.enable.public.yes") : t("explorer.enable.public.no")
+        ] })
+      ] })), onSuccess(result, param);
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  return isUpdating && !resource ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: `${mode}-resource`, size: "lg", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: ((_a = customT.header) == null ? void 0 : _a[isCreating ? "create" : "edit"]) ?? t(`explorer.resource.editModal.header.${isCreating ? "create" : "edit"}`) }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: ((_b = customT.heading) == null ? void 0 : _b.general) ?? t("explorer.resource.editModal.heading.general") }),
+      /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(onSubmit), children: [
+        /* @__PURE__ */ jsxs("div", { className: "d-block d-md-flex gap-16 mb-24", children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ImagePicker, { app: currentApp, src: isUpdating && (resource == null ? void 0 : resource.thumbnail) || "", addButtonLabel: ((_c = customT.imagepicker) == null ? void 0 : _c.add) ?? t("explorer.imagepicker.button.add"), deleteButtonLabel: ((_d = customT.imagepicker) == null ? void 0 : _d.delete) ?? t("explorer.imagepicker.button.delete"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center mt-8", libraryMedia, mediaLibraryRef }) }),
+          /* @__PURE__ */ jsxs("div", { className: "col", children: [
+            /* @__PURE__ */ jsxs(FormControl, { id: "title", className: "mb-16", isRequired: !0, children: [
+              /* @__PURE__ */ jsx(Label, { children: customT.title ?? t("title") }),
+              /* @__PURE__ */ jsx(Input, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
+                required: !0,
+                maxLength: inputMaxLength,
+                pattern: {
+                  value: /[^ ]/,
+                  message: "invalid title"
+                }
+              }), placeholder: ((_e = customT.placeholder) == null ? void 0 : _e.title) ?? t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength, showCounter: !0 })
+            ] }),
+            /* @__PURE__ */ jsxs(FormControl, { id: "description", isOptional: !0, children: [
+              /* @__PURE__ */ jsx(Label, { children: customT.description ?? t("description") }),
+              /* @__PURE__ */ jsx(TextArea, { defaultValue: (resource == null ? void 0 : resource.description) || "", ...register("description", {
+                required: !1,
+                maxLength: textareaMaxLength
+              }), placeholder: ((_f = customT.placeholder) == null ? void 0 : _f.description) ?? t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength, showCounter: !0 })
+            ] }),
+            application === "blog" && hasOptionalCommentRepliesWorkflow === !0 && /* @__PURE__ */ jsxs(FormControl, { id: "allowReplies", className: "d-flex gap-8 mt-16 mb-8", children: [
+              /* @__PURE__ */ jsx(FormControl.Input, { type: "checkbox", defaultChecked: isUpdating ? resource.allowReplies : !0, ...register("allowReplies"), className: "form-check-input mt-0", size: "sm" }),
+              /* @__PURE__ */ jsx(FormControl.Label, { className: "form-check-label mb-0", children: t("explorer.resource.editModal.comments.allowReplies") })
+            ] })
+          ] })
+        ] }),
+        typeof children == "function" ? children(resource, isUpdating, watch, setValue, register) : children
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: customT.cancel ?? t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", isLoading: isSubmitting, variant: "filled", disabled: !isValid || isSubmitting, children: isCreating ? customT.create ?? t("explorer.create") : customT.save ?? t("save") })
+    ] }),
+    /* @__PURE__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
+  ] }), document.getElementById("portal") || document.body);
+};
+export {
+  ResourceModal
+};

package/dist/modules/modals/ResourceModal/apps/BlogPublic.js

@@ -1 +1,62 @@
-import SvgIconCopy from"../../../icons/components/IconCopy.js";import Button from"../../../../components/Button/Button.js";import Alert from"../../../../components/Alert/Alert.js";import{useSlug}from"../hooks/useSlug.js";import Heading from"../../../../components/Heading/Heading.js";import Input from"../../../../components/Input/Input.js";import FormControl from"../../../../components/Form/FormControl.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var BlogPublic=({appCode,isUpdating,resource,watch,register,setValue})=>{let{t}=useTranslation(),{slug,isPublic,resourceName,onPublicChange,onCopyToClipBoard}=useSlug({watch,setValue,selectedResource:isUpdating?resource:void 0});return jsxs(Fragment,{children:[jsxs(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:[t(`explorer.resource.editModal.heading.access`),appCode]}),jsx(Alert,{type:`info`,children:t(`explorer.resource.editModal.access.alert`)}),jsxs(FormControl,{id:`flexSwitchCheckDefault`,className:`form-switch d-flex gap-8 mt-16 mb-8`,children:[jsx(FormControl.Input,{type:`checkbox`,role:`switch`,defaultChecked:isUpdating?resource.public:!1,...register(`enablePublic`,{disabled:!resourceName,onChange:event=>{let checked=event.target.checked;onPublicChange(checked)}}),className:`form-check-input mt-0`,size:`md`}),jsx(FormControl.Label,{className:`form-check-label mb-0`,children:t(`explorer.resource.editModal.access.flexSwitchCheckDefault.label`)})]}),isPublic&&jsxs(Fragment,{children:[jsx(FormControl,{id:`formSlug`,children:jsx(Input,{type:`text`,hidden:!0,defaultValue:isUpdating?slug:``,...register(`formSlug`),size:`sm`})},slug),jsxs(`div`,{className:`d-flex flex-wrap align-items-center gap-4`,children:[jsxs(`p`,{className:`text-break`,children:[window.location.origin,`/blog/pub/`,slug]}),jsx(Button,{color:`primary`,disabled:!isPublic,onClick:()=>onCopyToClipBoard(`/blog`),type:`button`,leftIcon:jsx(SvgIconCopy,{}),variant:`ghost`,className:`text-nowrap`,children:t(`explorer.resource.editModal.access.url.button`)})]})]})]})};export{BlogPublic as default};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconCopy from "../../../icons/components/IconCopy.js";
+import { useSlug } from "../hooks/useSlug.js";
+import Heading from "../../../../components/Heading/Heading.js";
+import Alert from "../../../../components/Alert/Alert.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Input from "../../../../components/Input/Input.js";
+import Button from "../../../../components/Button/Button.js";
+const BlogPublic = ({
+  appCode,
+  isUpdating,
+  resource,
+  watch,
+  register,
+  setValue
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    slug,
+    isPublic,
+    resourceName,
+    onPublicChange,
+    onCopyToClipBoard
+  } = useSlug({
+    watch,
+    setValue,
+    selectedResource: isUpdating ? resource : void 0
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: [
+      t("explorer.resource.editModal.heading.access"),
+      appCode
+    ] }),
+    /* @__PURE__ */ jsx(Alert, { type: "info", children: t("explorer.resource.editModal.access.alert") }),
+    /* @__PURE__ */ jsxs(FormControl, { id: "flexSwitchCheckDefault", className: "form-switch d-flex gap-8 mt-16 mb-8", children: [
+      /* @__PURE__ */ jsx(FormControl.Input, { type: "checkbox", role: "switch", defaultChecked: isUpdating ? resource.public : !1, ...register("enablePublic", {
+        disabled: !resourceName,
+        onChange: (event) => {
+          const checked = event.target.checked;
+          onPublicChange(checked);
+        }
+      }), className: "form-check-input mt-0", size: "md" }),
+      /* @__PURE__ */ jsx(FormControl.Label, { className: "form-check-label mb-0", children: t("explorer.resource.editModal.access.flexSwitchCheckDefault.label") })
+    ] }),
+    isPublic && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(FormControl, { id: "formSlug", children: /* @__PURE__ */ jsx(Input, { type: "text", hidden: !0, defaultValue: isUpdating ? slug : "", ...register("formSlug"), size: "sm" }) }, slug),
+      /* @__PURE__ */ jsxs("div", { className: "d-flex flex-wrap align-items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-break", children: [
+          window.location.origin,
+          "/blog/pub/",
+          slug
+        ] }),
+        /* @__PURE__ */ jsx(Button, { color: "primary", disabled: !isPublic, onClick: () => onCopyToClipBoard("/blog"), type: "button", leftIcon: /* @__PURE__ */ jsx(SvgIconCopy, {}), variant: "ghost", className: "text-nowrap", children: t("explorer.resource.editModal.access.url.button") })
+      ] })
+    ] })
+  ] });
+};
+export {
+  BlogPublic as default
+};

package/dist/modules/modals/ResourceModal/hooks/useSlug.js

@@ -1 +1,41 @@
-import useToast from"../../../../hooks/useToast/useToast.js";import{useEffect,useId,useState}from"react";import{useTranslation}from"react-i18next";import{hash}from"ohash";import slugify from"react-slugify";var useSlug=({watch,setValue,selectedResource})=>{let[slug,setSlug]=useState(``),[isPublic,setIsPublic]=useState(selectedResource?.public||!1),uniqueId=useId(),resourceName=watch(`title`),{t}=useTranslation(),toast=useToast();useEffect(()=>{if(isPublic){let slug=``;slug=selectedResource&&selectedResource.slug?selectedResource.slug:`${hash({foo:`${resourceName}${uniqueId}`})}-${slugify(resourceName)}`,setValue(`formSlug`,slug),setSlug(slug)}},[isPublic,resourceName]);function onPublicChange(value){setIsPublic(value)}function onCopyToClipBoard(pathname){navigator.clipboard.writeText(`${window.location.origin}${pathname||window.location.pathname}/pub/${slug}`),toast.success(t(`explorer.copy.clipboard`))}return{slug,uniqueId,isPublic,resourceName,onPublicChange,onCopyToClipBoard}};export{useSlug};
+import { useState, useId, useEffect } from "react";
+import { hash } from "ohash";
+import { useTranslation } from "react-i18next";
+import slugify from "react-slugify";
+import useToast from "../../../../hooks/useToast/useToast.js";
+const useSlug = ({
+  watch,
+  setValue,
+  selectedResource
+}) => {
+  const [slug, setSlug] = useState(""), [isPublic, setIsPublic] = useState((selectedResource == null ? void 0 : selectedResource.public) || !1), uniqueId = useId(), resourceName = watch("title"), {
+    t
+  } = useTranslation(), toast = useToast();
+  useEffect(() => {
+    if (isPublic) {
+      let slug2 = "";
+      selectedResource ? slug2 = selectedResource.slug ? selectedResource.slug : `${hash({
+        foo: `${resourceName}${uniqueId}`
+      })}-${slugify(resourceName)}` : slug2 = `${hash({
+        foo: `${resourceName}${uniqueId}`
+      })}-${slugify(resourceName)}`, setValue("formSlug", slug2), setSlug(slug2);
+    }
+  }, [isPublic, resourceName]);
+  function onPublicChange(value) {
+    setIsPublic(value);
+  }
+  function onCopyToClipBoard(pathname) {
+    navigator.clipboard.writeText(`${window.location.origin}${pathname || window.location.pathname}/pub/${slug}`), toast.success(t("explorer.copy.clipboard"));
+  }
+  return {
+    slug,
+    uniqueId,
+    isPublic,
+    resourceName,
+    onPublicChange,
+    onCopyToClipBoard
+  };
+};
+export {
+  useSlug
+};

package/dist/modules/modals/ResourceModal/hooks/useThumb.js

@@ -1 +1,17 @@
-import{useEffect,useState}from"react";var useThumb=({isUpdating,selectedResource})=>{let[thumbnail,setThumbnail]=useState(isUpdating&&selectedResource?.thumbnail||``);return useEffect(()=>{setThumbnail(selectedResource?.thumbnail||``)},[selectedResource]),{thumbnail,handleDeleteImage:()=>setThumbnail(``),handleUploadImage:file=>setThumbnail(file)}};export{useThumb};
+import { useState, useEffect } from "react";
+const useThumb = ({
+  isUpdating,
+  selectedResource
+}) => {
+  const [thumbnail, setThumbnail] = useState(isUpdating && (selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
+  return useEffect(() => {
+    setThumbnail((selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
+  }, [selectedResource]), {
+    thumbnail,
+    handleDeleteImage: () => setThumbnail(""),
+    handleUploadImage: (file) => setThumbnail(file)
+  };
+};
+export {
+  useThumb
+};

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.js

@@ -1 +1,12 @@
-import{odeServices}from"@edifice.io/client";import{useMutation}from"@tanstack/react-query";var useUpdateMutation=({application,options})=>useMutation({mutationFn:async params=>await odeServices.resource(application).update(params),...options});export{useUpdateMutation as default};
+import { odeServices } from "@edifice.io/client";
+import { useMutation } from "@tanstack/react-query";
+const useUpdateMutation = ({
+  application,
+  options
+}) => useMutation({
+  mutationFn: async (params) => await odeServices.resource(application).update(params),
+  ...options
+});
+export {
+  useUpdateMutation as default
+};

package/dist/modules/modals/ShareModal/ShareBookmark.js

@@ -1 +1,25 @@
-import SvgIconSave from"../../icons/components/IconSave.js";import Button from"../../../components/Button/Button.js";import FormControl from"../../../components/Form/FormControl.js";import{useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ShareBookmark=({bookmark,refBookmark,onBookmarkChange,onSave})=>{let{t}=useTranslation(),[isSaving,setIsSaving]=useState(!1);return jsx(`div`,{className:`mt-16`,children:jsxs(FormControl,{id:`bookmarkName`,className:`d-flex flex-wrap align-items-center gap-16`,children:[jsx(`div`,{className:`flex-fill`,children:jsx(FormControl.Input,{"data-testid":`share-bookmark-name-input`,ref:refBookmark,onChange:onBookmarkChange,placeholder:t(`explorer.modal.share.sharebookmark.placeholder`),size:`sm`,type:`text`},bookmark.id)}),jsx(Button,{"data-testid":`share-bookmark-save-button`,type:`button`,color:`primary`,variant:`ghost`,disabled:bookmark.name.length===0||isSaving,leftIcon:jsx(SvgIconSave,{}),onClick:async()=>{setIsSaving(!0),await onSave(),setIsSaving(!1)},className:`text-nowrap`,isLoading:isSaving,children:t(`explorer.modal.share.sharebookmark.save`)})]})})};export{ShareBookmark};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSave from "../../icons/components/IconSave.js";
+import FormControl from "../../../components/Form/FormControl.js";
+import Button from "../../../components/Button/Button.js";
+const ShareBookmark = ({
+  bookmark,
+  refBookmark,
+  onBookmarkChange,
+  onSave
+}) => {
+  const {
+    t
+  } = useTranslation(), [isSaving, setIsSaving] = useState(!1), handleSaveClick = async () => {
+    setIsSaving(!0), await onSave(), setIsSaving(!1);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "mt-16", children: /* @__PURE__ */ jsxs(FormControl, { id: "bookmarkName", className: "d-flex flex-wrap align-items-center gap-16", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-fill", children: /* @__PURE__ */ jsx(FormControl.Input, { "data-testid": "share-bookmark-name-input", ref: refBookmark, onChange: onBookmarkChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }, bookmark.id) }),
+    /* @__PURE__ */ jsx(Button, { "data-testid": "share-bookmark-save-button", type: "button", color: "primary", variant: "ghost", disabled: bookmark.name.length === 0 || isSaving, leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), onClick: handleSaveClick, className: "text-nowrap", isLoading: isSaving, children: t("explorer.modal.share.sharebookmark.save") })
+  ] }) });
+};
+export {
+  ShareBookmark
+};