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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,55 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import SvgIconBookmark from "../../icons/components/IconBookmark.js";
-import SvgIconClose from "../../icons/components/IconClose.js";
-import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
-import SvgIconUsers from "../../icons/components/IconUsers.js";
-import { useShareRightDisabled } from "./hooks/useShareRightDisabled.js";
-import { useShareRightVisible } from "./hooks/useShareRightVisible.js";
-import { hasRight } from "./utils/hasRight.js";
-import { showShareRightLine } from "./utils/showShareRightLine.js";
-import Avatar from "../../../components/Avatar/Avatar.js";
-import Button from "../../../components/Button/Button.js";
-import Checkbox from "../../../components/Checkbox/Checkbox.js";
-import IconButton from "../../../components/Button/IconButton.js";
-const ShareBookmarkLine = ({
-  shareRights,
-  showBookmark,
-  toggleBookmark,
-  shareRightActions,
-  toggleRight,
-  onDeleteRow
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    isShareRightDisabled
-  } = useShareRightDisabled(), {
-    isShareRightVisible
-  } = useShareRightVisible();
-  return shareRights == null ? void 0 : shareRights.rights.map((shareRight) => {
-    const selectedAvatar = {
-      user: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.shared.alt"), size: "xs", src: shareRight.avatarUrl, variant: "circle" }),
-      group: /* @__PURE__ */ jsx("div", { className: "avatar-xs bg-primary-200 justify-content-center d-flex rounded-circle", children: /* @__PURE__ */ jsx(SvgIconUsers, { width: 16 }) }),
-      sharebookmark: /* @__PURE__ */ jsx(SvgIconBookmark, {})
-    }[shareRight.type] || null, isTypeBookmark = shareRight.type === "sharebookmark", isTypeUser = shareRight.type === "user", isDisabled = isShareRightDisabled(shareRight, shareRights);
-    return isShareRightVisible(shareRight, shareRights) ? showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
-      /* @__PURE__ */ jsx("td", { children: selectedAvatar }),
-      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "d-flex", children: [
-        isTypeBookmark && /* @__PURE__ */ jsx(Button, { color: "tertiary", rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
-          transition: "rotate 0.2s ease-out",
-          rotate: showBookmark ? "-180deg" : "0deg"
-        } }), type: "button", variant: "ghost", className: "fw-normal ps-0", onClick: toggleBookmark, children: shareRight.displayName }),
-        !isTypeBookmark && shareRight.displayName,
-        isTypeUser && ` (${t(shareRight.profile || "")})`
-      ] }) }),
-      shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
-        width: "80px"
-      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id), disabled: isDisabled, "data-testid": `share-right-${shareRightAction.id}-checkbox` }) }, shareRightAction.displayName)),
-      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && !isDisabled && /* @__PURE__ */ jsx(IconButton, { "data-testid": "share-right-close-button", "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
-    ] }, shareRight.id) : null;
-  });
-};
-export {
-  ShareBookmarkLine
-};
+import SvgIconBookmark from"../../icons/components/IconBookmark.js";import SvgIconClose from"../../icons/components/IconClose.js";import SvgIconRafterDown from"../../icons/components/IconRafterDown.js";import SvgIconUsers from"../../icons/components/IconUsers.js";import Button from"../../../components/Button/Button.js";import IconButton from"../../../components/Button/IconButton.js";import Checkbox from"../../../components/Checkbox/Checkbox.js";import{useShareRightDisabled}from"./hooks/useShareRightDisabled.js";import{useShareRightVisible}from"./hooks/useShareRightVisible.js";import{hasRight}from"./utils/hasRight.js";import{showShareRightLine}from"./utils/showShareRightLine.js";import Avatar from"../../../components/Avatar/Avatar.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ShareBookmarkLine=({shareRights,showBookmark,toggleBookmark,shareRightActions,toggleRight,onDeleteRow})=>{let{t}=useTranslation(),{isShareRightDisabled}=useShareRightDisabled(),{isShareRightVisible}=useShareRightVisible();return shareRights?.rights.map(shareRight=>{let selectedAvatar={user:jsx(Avatar,{alt:t(`explorer.modal.share.avatar.shared.alt`),size:`xs`,src:shareRight.avatarUrl,variant:`circle`}),group:jsx(`div`,{className:`avatar-xs bg-primary-200 justify-content-center d-flex rounded-circle`,children:jsx(SvgIconUsers,{width:16})}),sharebookmark:jsx(SvgIconBookmark,{})}[shareRight.type]||null,isTypeBookmark=shareRight.type===`sharebookmark`,isTypeUser=shareRight.type===`user`,isDisabled=isShareRightDisabled(shareRight,shareRights);return isShareRightVisible(shareRight,shareRights)?showShareRightLine(shareRight,showBookmark)&&jsxs(`tr`,{className:shareRight.isBookmarkMember?`bg-light`:``,children:[jsx(`td`,{children:selectedAvatar}),jsx(`td`,{children:jsxs(`div`,{className:`d-flex`,children:[isTypeBookmark&&jsx(Button,{color:`tertiary`,rightIcon:jsx(SvgIconRafterDown,{title:t(`show`),className:`w-16 min-w-0`,style:{transition:`rotate 0.2s ease-out`,rotate:showBookmark?`-180deg`:`0deg`}}),type:`button`,variant:`ghost`,className:`fw-normal ps-0`,onClick:toggleBookmark,children:shareRight.displayName}),!isTypeBookmark&&shareRight.displayName,isTypeUser&&` (${t(shareRight.profile||``)})`]})}),shareRightActions.map(shareRightAction=>jsx(`td`,{style:{width:`80px`},className:`text-center text-white`,children:jsx(Checkbox,{checked:hasRight(shareRight,shareRightAction),onChange:()=>toggleRight(shareRight,shareRightAction.id),disabled:isDisabled,"data-testid":`share-right-${shareRightAction.id}-checkbox`})},shareRightAction.displayName)),jsx(`td`,{children:!shareRight.isBookmarkMember&&!isDisabled&&jsx(IconButton,{"data-testid":`share-right-close-button`,"aria-label":t(`close`),color:`tertiary`,icon:jsx(SvgIconClose,{}),type:`button`,variant:`ghost`,title:t(`close`),onClick:()=>onDeleteRow(shareRight)})})]},shareRight.id):null})};export{ShareBookmarkLine};

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

@@ -1,40 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import ShareResources from "./ShareResources.js";
-import Modal from "../../../components/Modal/Modal.js";
-import Alert from "../../../components/Alert/Alert.js";
-import Button from "../../../components/Button/Button.js";
-function ShareResourceModal({
-  isOpen,
-  shareOptions,
-  shareResource,
-  children,
-  onSuccess,
-  onCancel
-}) {
-  const refShareResources = useRef(null), handleShare = () => {
-    var _a;
-    (_a = refShareResources.current) == null || _a.handleShare();
-  }, [isSaving, setIsSaving] = useState(!1), {
-    t
-  } = useTranslation(), onSaving = (isSaving2) => {
-    setIsSaving(isSaving2);
-  };
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "share_modal", size: "lg", isOpen, onModalClose: onCancel, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("share.title") }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-16", children: t("explorer.modal.share.alert.community") }),
-      /* @__PURE__ */ jsx(ShareResources, { shareOptions, shareResource, ref: refShareResources, onSuccess, onSubmit: onSaving, classNameSearchInput: "flex-fill" }),
-      children
-    ] }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, disabled: isSaving, children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSaving, onClick: handleShare, disabled: isSaving, children: t("share") })
-    ] })
-  ] }), document.getElementById("portal") || document.body);
-}
-export {
-  ShareResourceModal as default
-};
+import Button from"../../../components/Button/Button.js";import Alert from"../../../components/Alert/Alert.js";import ShareResources from"./ShareResources.js";import Modal from"../../../components/Modal/Modal.js";import{useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";function ShareResourceModal({isOpen,shareOptions,shareResource,children,onSuccess,onCancel}){let refShareResources=useRef(null),handleShare=()=>{refShareResources.current?.handleShare()},[isSaving,setIsSaving]=useState(!1),{t}=useTranslation();return createPortal(jsxs(Modal,{id:`share_modal`,size:`lg`,isOpen,onModalClose:onCancel,children:[jsx(Modal.Header,{onModalClose:onCancel,children:t(`share.title`)}),jsxs(Modal.Body,{children:[jsx(Alert,{type:`info`,className:`mb-16`,children:t(`explorer.modal.share.alert.community`)}),jsx(ShareResources,{shareOptions,shareResource,ref:refShareResources,onSuccess,onSubmit:isSaving=>{setIsSaving(isSaving)},classNameSearchInput:`flex-fill`}),children]}),jsxs(Modal.Footer,{children:[jsx(Button,{type:`button`,color:`tertiary`,variant:`ghost`,onClick:onCancel,disabled:isSaving,children:t(`explorer.cancel`)}),jsx(Button,{type:`button`,color:`primary`,variant:`filled`,isLoading:isSaving,onClick:handleShare,disabled:isSaving,children:t(`share`)})]})]}),document.getElementById(`portal`)||document.body)}export{ShareResourceModal as default};