@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

package/dist/ui/src/common/PublishModal/components/ToastSuccess.js

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

package/dist/ui/src/common/PublishModal/constants/ageOptions.js

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

package/dist/ui/src/common/PublishModal/hooks/useActivitiesOptions.js

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

package/dist/ui/src/common/PublishModal/hooks/useLanguageOptions.js

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

package/dist/ui/src/common/PublishModal/hooks/usePublishModal.js

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import { useForm } from "react-hook-form";
+import { libraryMaps } from "../../../utils/libraryMaps.js";
+import { ToastError } from "../components/ToastError.js";
+import { ToastSuccess } from "../components/ToastSuccess.js";
+import useToast from "../../../hooks/useToast/useToast.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+function usePublishModal({
+  onSuccess,
+  resource
+}) {
+  const {
+    user,
+    appCode
+  } = useOdeClient(), 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/ui/src/common/PublishModal/hooks/useSubjectsOptions.js

@@ -0,0 +1,118 @@
+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/ui/src/common/ResourceModal/ResourceModal.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useId } from "react";
+import { odeServices } from "edifice-ts-client";
+import { createPortal } from "react-dom";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { TextareaCounter } from "../../components/TextArea/TextareaCounter.js";
+import { useThumb } from "./hooks/useThumb.js";
+import ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import useToast from "../../hooks/useToast/useToast.js";
+import useResource from "../../core/useResource/useResource.js";
+import useMediaLibrary from "../../core/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";
+import { useOdeClient } from "../../core/OdeClientProvider/OdeClientProvider.js";
+const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, ResourceModal = ({
+  isOpen,
+  onCancel,
+  onSuccess,
+  children,
+  inputMaxLength = DEFAULT_INPUT_MAX_LENGTH,
+  textareaMaxLength = DEFAULT_TEXTAREA_MAX_LENGTH,
+  ...props
+}) => {
+  const {
+    appCode: application,
+    currentApp
+  } = useOdeClient(), {
+    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 : ""
+    }
+  }), {
+    ref: mediaLibraryRef,
+    libraryMedia,
+    ...mediaLibraryHandlers
+  } = useMediaLibrary(), {
+    appCode
+  } = useOdeClient(), {
+    thumbnail,
+    handleDeleteImage,
+    handleUploadImage
+  } = useThumb({
+    isUpdating,
+    selectedResource: isUpdating ? resource : void 0
+  }), watchedDescription = watch("description"), onSubmit = async function(formData) {
+    var _a, _b;
+    try {
+      const data = {
+        description: formData.description || "",
+        name: formData.title,
+        public: formData.enablePublic,
+        slug: formData.enablePublic && formData.formSlug || "",
+        thumbnail
+      };
+      if (isCreating) {
+        const createParams = {
+          ...data,
+          folder: ((_a = props.currentFolder) == null ? void 0 : _a.id) === "default" ? void 0 : parseInt(((_b = props.currentFolder) == null ? void 0 : _b.id) || ""),
+          application
+        };
+        props.createResource ? await props.createResource.mutateAsync(createParams) : await odeServices.resource(application).create(createParams);
+      } else {
+        const updateParams = {
+          ...data,
+          entId: resource.assetId,
+          trashed: resource.trashed
+        };
+        props.updateResource ? await props.updateResource.mutateAsync(updateParams) : 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();
+    } 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: t(`explorer.resource.editModal.header.${isCreating ? "create" : "edit"}`) }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: 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(ImagePickerWorkspace, { app: currentApp, src: isUpdating && (resource == null ? void 0 : resource.thumbnail) || "", addButtonLabel: t("explorer.imagepicker.button.add"), deleteButtonLabel: 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: 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: t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength })
+            ] }),
+            /* @__PURE__ */ jsxs(FormControl, { id: "description", isOptional: !0, children: [
+              /* @__PURE__ */ jsx(Label, { children: t("description") }),
+              /* @__PURE__ */ jsx(TextArea, { defaultValue: (resource == null ? void 0 : resource.description) || "", ...register("description", {
+                required: !1,
+                maxLength: textareaMaxLength
+              }), placeholder: t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength }),
+              watchedDescription && /* @__PURE__ */ jsx(TextareaCounter, { content: watchedDescription, maxLength: textareaMaxLength })
+            ] })
+          ] })
+        ] }),
+        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: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", isLoading: isSubmitting, variant: "filled", disabled: !isValid || isSubmitting, children: t(isCreating ? "explorer.create" : "save") })
+    ] }),
+    /* @__PURE__ */ jsx(MediaLibrary, { appCode, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
+  ] }), document.getElementById("portal"));
+}, ResourceModal$1 = ResourceModal;
+export {
+  ResourceModal$1 as default
+};

package/dist/ui/src/common/ResourceModal/apps/BlogPublic.js

@@ -0,0 +1,62 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Copy as SvgCopy$1 } from "../../../../../icons/dist/index.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(SvgCopy$1, {}), variant: "ghost", className: "text-nowrap", children: t("explorer.resource.editModal.access.url.button") })
+      ] })
+    ] })
+  ] });
+}, BlogPublic$1 = BlogPublic;
+export {
+  BlogPublic$1 as default
+};

package/dist/ui/src/common/ResourceModal/hooks/useSlug.js

@@ -0,0 +1,41 @@
+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/ui/src/common/ResourceModal/hooks/useThumb.js

@@ -0,0 +1,17 @@
+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/ui/src/common/ResourceModal/hooks/useUpdateMutation.js

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

package/dist/ui/src/common/ShareModal/ShareBookmark.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Save as SvgSave$1 } from "../../../../icons/dist/index.js";
+import FormControl from "../../components/Form/FormControl.js";
+import Button from "../../components/Button/Button.js";
+const ShareBookmark = ({
+  bookmark,
+  refBookmark,
+  onBookmarkChange,
+  onSave
+}) => {
+  const {
+    t
+  } = useTranslation();
+  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, { ref: refBookmark, onChange: onBookmarkChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }, bookmark.id) }),
+    /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "ghost", disabled: bookmark.name.length === 0, leftIcon: /* @__PURE__ */ jsx(SvgSave$1, {}), onClick: onSave, className: "text-nowrap", children: t("explorer.modal.share.sharebookmark.save") })
+  ] }) });
+};
+export {
+  ShareBookmark
+};