@edifice.io/react 2.0.0-develop-rc.3

package/dist/modules/modals/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/modules/modals/PublishModal/hooks/useLanguageOptions.d.ts

@@ -0,0 +1,4 @@
+export declare const useLanguageOptions: () => {
+    value: string;
+    label: string;
+}[];

package/dist/modules/modals/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/modules/modals/PublishModal/hooks/usePublishModal.d.ts

@@ -0,0 +1,38 @@
+import { IResource } from 'edifice-ts-client';
+import { SubmitHandler } from 'react-hook-form';
+interface ModalProps {
+    resource: IResource;
+    onSuccess?: () => void;
+}
+export interface FormDataProps {
+    title: string;
+    description: string;
+    activityType: string;
+    subjectArea: string;
+    language: string;
+    ageMin: string;
+    ageMax: string;
+    keyWords: string;
+}
+export default function usePublishModal({ onSuccess, resource }: ModalProps): {
+    control: import('react-hook-form').Control<FormDataProps, any>;
+    cover: string | Blob | File;
+    formState: {
+        errors: import('react-hook-form').FieldErrors<FormDataProps>;
+        isSubmitting: boolean;
+        isDirty: boolean;
+        isValid: boolean;
+    };
+    handleDeleteImage: () => void;
+    handlePublish: SubmitHandler<FormDataProps>;
+    handleSubmit: import('react-hook-form').UseFormHandleSubmit<FormDataProps, undefined>;
+    handleUploadImage: (file: File | string) => void;
+    register: import('react-hook-form').UseFormRegister<FormDataProps>;
+    selectActivities: (value: string | number) => void;
+    selectedActivities: (string | number)[];
+    selectedSubjectAreas: (string | number)[];
+    selectSubjects: (value: string | number) => void;
+    setValue: import('react-hook-form').UseFormSetValue<FormDataProps>;
+    watch: import('react-hook-form').UseFormWatch<FormDataProps>;
+};
+export {};

package/dist/modules/modals/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/modules/modals/PublishModal/hooks/useSubjectsOptions.d.ts

@@ -0,0 +1,4 @@
+export declare const useSubjectsOptions: () => {
+    value: string;
+    label: string;
+}[];

package/dist/modules/modals/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/modules/modals/PublishModal/index.d.ts

@@ -0,0 +1 @@
+export { default as PublishModal } from './PublishModal';

package/dist/modules/modals/ResourceModal/ResourceModal.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
+import { CreateParameters, CreateResult, ID, IFolder, UpdateParameters, UpdateResult } from 'edifice-ts-client';
+export interface FormInputs {
+    title: string;
+    description: string;
+    enablePublic: boolean;
+    formSlug: string;
+}
+interface BaseProps {
+    isOpen: boolean;
+    children?: ReactNode | ((...props: any) => ReactNode);
+    inputMaxLength?: number;
+    textareaMaxLength?: number;
+    onSuccess: () => void;
+    onCancel: () => void;
+}
+interface CreateProps extends BaseProps {
+    mode: 'create';
+    createResource?: UseMutationResult<CreateResult, Error, CreateParameters, unknown>;
+    currentFolder: Partial<IFolder>;
+}
+interface UpdateProps extends BaseProps {
+    mode: 'update';
+    updateResource?: UseMutationResult<UpdateResult, unknown, UpdateParameters, unknown>;
+    resourceId: ID;
+}
+type Props = CreateProps | UpdateProps;
+declare const ResourceModal: ({ isOpen, onCancel, onSuccess, children, inputMaxLength, textareaMaxLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ResourceModal;

package/dist/modules/modals/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 ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import { useThumb } from "./hooks/useThumb.js";
+import useToast from "../../../hooks/useToast/useToast.js";
+import useResource from "../../../core/useResource/useResource.js";
+import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.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";
+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/modules/modals/ResourceModal/apps/BlogPublic.d.ts

@@ -0,0 +1,13 @@
+import { IResource } from 'edifice-ts-client';
+import { UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+import { FormInputs } from '../ResourceModal';
+interface BlogPublicProps {
+    appCode: string;
+    isUpdating: boolean;
+    resource: IResource;
+    watch: UseFormWatch<FormInputs>;
+    register: UseFormRegister<FormInputs>;
+    setValue: UseFormSetValue<FormInputs>;
+}
+declare const BlogPublic: ({ appCode, isUpdating, resource, watch, register, setValue, }: BlogPublicProps) => import("react/jsx-runtime").JSX.Element;
+export default BlogPublic;

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

@@ -0,0 +1,62 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useSlug } from "../hooks/useSlug.js";
+import Alert from "../../../../components/Alert/Alert.js";
+import Heading from "../../../../components/Heading/Heading.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Input from "../../../../components/Input/Input.js";
+import Button from "../../../../components/Button/Button.js";
+import { Icon } from "../../../../components/Icon/Icon.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(Icon, { name: "copy" }), variant: "ghost", className: "text-nowrap", children: t("explorer.resource.editModal.access.url.button") })
+      ] })
+    ] })
+  ] });
+}, BlogPublic$1 = BlogPublic;
+export {
+  BlogPublic$1 as default
+};

package/dist/modules/modals/ResourceModal/hooks/useSlug.d.ts

@@ -0,0 +1,17 @@
+import { IResource } from 'edifice-ts-client';
+import { UseFormSetValue, UseFormWatch } from 'react-hook-form';
+import { FormInputs } from '../ResourceModal';
+interface UseSlugProps {
+    watch: UseFormWatch<FormInputs>;
+    setValue: UseFormSetValue<FormInputs>;
+    selectedResource?: IResource;
+}
+export declare const useSlug: ({ watch, setValue, selectedResource, }: UseSlugProps) => {
+    slug: string;
+    uniqueId: string;
+    isPublic: boolean;
+    resourceName: string;
+    onPublicChange: (value: boolean) => void;
+    onCopyToClipBoard: (pathname: string) => void;
+};
+export {};