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

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -0,0 +1,75 @@
+import { useEffect } from "react";
+import { CustomHighlight, TableCell, CustomHeading, FontSize, SpeechRecognition, SpeechSynthesis, Iframe, Hyperlink, Alert } from "@edifice.io/tiptap-extensions";
+import { Mathematics } from "@tiptap-pro/extension-mathematics";
+import Color from "@tiptap/extension-color";
+import Focus from "@tiptap/extension-focus";
+import FontFamily from "@tiptap/extension-font-family";
+import Placeholder from "@tiptap/extension-placeholder";
+import Subscript from "@tiptap/extension-subscript";
+import Superscript from "@tiptap/extension-superscript";
+import Table from "@tiptap/extension-table";
+import TableHeader from "@tiptap/extension-table-header";
+import TableRow from "@tiptap/extension-table-row";
+import TextAlign from "@tiptap/extension-text-align";
+import TextStyle from "@tiptap/extension-text-style";
+import Typography from "@tiptap/extension-typography";
+import Underline from "@tiptap/extension-underline";
+import { useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { useTranslation } from "react-i18next";
+import VideoNodeView from "../components/NodeView/VideoNodeView.js";
+import { MediaRenderer } from "../components/Renderer/MediaRenderer.js";
+import AudioNodeView from "../components/NodeView/AudioNodeView.js";
+import { AudioRenderer } from "../components/Renderer/AudioRenderer.js";
+import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
+import { LinkerRenderer } from "../components/Renderer/LinkerRenderer.js";
+import ImageNodeView from "../components/NodeView/ImageNodeView.js";
+import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+import { AttachmentRenderer } from "../components/Renderer/AttachmentRenderer.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange) => {
+  const {
+    currentLanguage
+  } = useOdeClient(), {
+    t
+  } = useTranslation(), editor = useEditor({
+    // fix WB-2534
+    // TipTap editor must be instantiated in editable mode for table columns to be resizable.
+    // It will then be set in the correct editable mode, by a useEffect below.
+    editable: !0,
+    extensions: [StarterKit, Focus.configure({
+      className: "has-focus",
+      mode: "all"
+    }), Placeholder.configure({
+      placeholder: t(placeholder || "tiptap.placeholder")
+    }), CustomHighlight.configure({
+      multicolor: !0
+    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
+      resizable: !0
+    }), TableRow, TableHeader, TableCell, TextAlign.configure({
+      types: ["heading", "paragraph", "custom-image", "video"]
+    }), CustomHeading.configure({
+      levels: [1, 2]
+    }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
+      lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer), AttachmentNodeView(AttachmentRenderer)],
+    content,
+    // If the onContentChange callback is provided, we call it on every content change.
+    ...onContentChange ? {
+      onUpdate: onContentChange
+    } : {}
+  });
+  return useEffect(() => {
+    editor == null || editor.setEditable(editable);
+  }, [editor, editable]), useEffect(() => {
+    editor == null || editor.commands.setContent(content);
+  }, [content]), useEffect(() => {
+    focus && (editor == null || editor.commands.focus(focus));
+  }, [editor, focus, editable]), {
+    editor,
+    editable
+  };
+};
+export {
+  useTipTapEditor
+};

package/dist/modules/editor/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorContent, type Content, useEditor } from '@tiptap/react';
+export * from './components';
+export * from './hooks';

package/dist/modules/editor/utils/has-extension.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from '@tiptap/react';
+export declare const hasExtension: (extensionName: string, editor: Editor | null) => boolean;

package/dist/modules/editor/utils/has-extension.js

@@ -0,0 +1,4 @@
+const hasExtension = (extensionName, editor) => !!(editor != null && editor.extensionManager.extensions.find((item) => item.name === extensionName));
+export {
+  hasExtension
+};

package/dist/modules/editor/utils/has-mark.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from '@tiptap/react';
+export declare const hasMark: (extensionName: string, editor: Editor | null) => boolean;

package/dist/modules/editor/utils/has-mark.js

@@ -0,0 +1,4 @@
+const hasMark = (extensionName, editor) => !!(editor != null && editor.extensionManager.splittableMarks.includes(extensionName));
+export {
+  hasMark
+};

package/dist/modules/editor/utils/has-text-style.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from '@tiptap/react';
+export declare const hasTextStyle: (styleName: string, editor: Editor | null) => import('@tiptap/react').AnyExtension | undefined;

package/dist/modules/editor/utils/has-text-style.js

@@ -0,0 +1,5 @@
+import { hasMark } from "./has-mark.js";
+const hasTextStyle = (styleName, editor) => editor == null ? void 0 : editor.extensionManager.extensions.find((item) => item.name === styleName && hasMark("textStyle", editor));
+export {
+  hasTextStyle
+};

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+interface ModalItemsProps {
+    /**
+     * /onboarding/*.svg
+     */
+    src: string;
+    /**
+     * Image Companion text
+     */
+    alt: string;
+    /**
+     * Text below image
+     */
+    text: string;
+}
+interface ModalOptionsProps {
+    /**
+     * Modal title
+     */
+    title: string;
+    /**
+     * Prev button text
+     */
+    prevText: string;
+    /**
+     * Next button text
+     */
+    nextText: string;
+    /**
+     * Close button text
+     */
+    closeText: string;
+}
+interface OnboardingProps {
+    id: string;
+    items: ModalItemsProps[];
+    modalOptions: ModalOptionsProps;
+}
+declare const OnboardingModal: {
+    ({ id, items, modalOptions }: OnboardingProps): import('react').ReactPortal | null;
+    displayName: string;
+};
+export default OnboardingModal;

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { Pagination } from "swiper/modules";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { useOnboardingModal } from "./useOnboardingModal.js";
+import usePaths from "../../../core/usePaths/usePaths.js";
+import Modal from "../../../components/Modal/Modal.js";
+import Image from "../../../components/Image/Image.js";
+import Button from "../../../components/Button/Button.js";
+const OnboardingModal = ({
+  id,
+  items,
+  modalOptions
+}) => {
+  const [imagePath] = usePaths(), [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
+    isOpen,
+    isOnboarding,
+    setIsOpen,
+    handleSavePreference
+  } = useOnboardingModal(id);
+  useEffect(() => {
+    const link = document.createElement("link");
+    return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
+      document.head.removeChild(link);
+    };
+  }, []);
+  const {
+    t
+  } = useTranslation(), {
+    title,
+    prevText,
+    closeText,
+    nextText
+  } = modalOptions;
+  return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(title || "explorer.modal.onboarding.trash.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
+      setSwiperInstance(swiper);
+    }, onSlideChange: (swiper) => {
+      setSwiperprogress(swiper.progress);
+    }, pagination: {
+      clickable: !0
+    }, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
+      /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: `${imagePath}/${item.src}`, alt: t(item.alt) }),
+      /* @__PURE__ */ jsx("p", { children: t(item.text) })
+    ] }, index)) }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),
+      swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
+      swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
+      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: handleSavePreference, children: t(closeText || "explorer.modal.onboarding.trash.close") })
+    ] })
+  ] }), document.getElementById("portal")) : null;
+}, OnboardingModal$1 = OnboardingModal;
+export {
+  OnboardingModal$1 as default
+};

package/dist/modules/modals/OnboardingModal/index.d.ts

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

package/dist/modules/modals/OnboardingModal/useOnboardingModal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useOnboardingModal: (id: string) => {
+    isOpen: boolean;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    isOnboarding: boolean;
+    handleSavePreference: () => Promise<void>;
+};

package/dist/modules/modals/OnboardingModal/useOnboardingModal.js

@@ -0,0 +1,30 @@
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+const getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
+  key: !1
+})), useOnboardingModal = (id) => {
+  const [isOpen, setIsOpen] = useState(!0), [isOnboarding, setIsOnboarding] = useState(!1);
+  return useEffect(() => {
+    (async () => {
+      const response = await getOnboardingTrash(id);
+      if (response) {
+        const {
+          key
+        } = response;
+        setIsOnboarding(key);
+        return;
+      }
+      setIsOnboarding(!0);
+    })();
+  }, [id]), {
+    isOpen,
+    setIsOpen,
+    isOnboarding,
+    handleSavePreference: async () => {
+      await saveOnboardingTrash(id), setIsOpen(!1);
+    }
+  };
+};
+export {
+  useOnboardingModal
+};

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

@@ -0,0 +1,9 @@
+import { ID } from 'edifice-ts-client';
+interface PublishModalProps {
+    isOpen: boolean;
+    resourceId: ID;
+    onSuccess: () => void;
+    onCancel: () => void;
+}
+export default function PublishModal({ isOpen, resourceId, onSuccess, onCancel, }: PublishModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import { ActivitiesDropdown } from "./components/ActivitiesDropdown.js";
+import { AgeSelect } from "./components/AgeSelect.js";
+import { LangSelect } from "./components/LangSelect.js";
+import { PublishModalFooter } from "./components/PublishModalFooter.js";
+import { SubjectsDropdown } from "./components/SubjectsDropdown.js";
+import usePublishModal from "./hooks/usePublishModal.js";
+import useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
+import useResource from "../../../core/useResource/useResource.js";
+import Heading from "../../../components/Heading/Heading.js";
+import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import Modal from "../../../components/Modal/Modal.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";
+function PublishModal({
+  isOpen,
+  resourceId,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    appCode: application,
+    currentApp
+  } = useOdeClient(), {
+    ref: mediaLibraryRef,
+    libraryMedia,
+    ...mediaLibraryHandlers
+  } = useMediaLibrary(), {
+    t
+  } = useTranslation(), resource = useResource(application, resourceId), {
+    control,
+    cover,
+    formState: {
+      isDirty,
+      isValid,
+      isSubmitting
+    },
+    handleDeleteImage,
+    handleSubmit,
+    handleUploadImage,
+    handlePublish,
+    register,
+    selectActivities,
+    selectedActivities,
+    selectedSubjectAreas,
+    selectSubjects
+  } = usePublishModal({
+    resource,
+    onSuccess
+  }), defaultSelectAgeMinOption = "bpr.form.publication.age.min", defaultSelectAgeMaxOption = "bpr.form.publication.age.max";
+  return resource ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "libraryModal", size: "lg", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("bpr.publish") }),
+    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("bpr.form.tip") }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.heading.general") }),
+      /* @__PURE__ */ jsxs("form", { id: "libraryModalForm", onSubmit: handleSubmit(handlePublish), children: [
+        /* @__PURE__ */ jsxs("div", { className: "d-block d-md-flex mb-24 gap-24", children: [
+          /* @__PURE__ */ jsxs("div", { style: {
+            maxWidth: "160px"
+          }, children: [
+            /* @__PURE__ */ jsx("div", { className: "form-label", children: t("bpr.form.publication.cover.title") }),
+            /* @__PURE__ */ jsx(ImagePickerWorkspace, { app: currentApp, src: resource == null ? void 0 : resource.thumbnail, addButtonLabel: t("bpr.form.publication.cover.upload.add"), deleteButtonLabel: t("bpr.form.publication.cover.upload.remove"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center", libraryMedia, mediaLibraryRef }),
+            !cover && /* @__PURE__ */ jsx("p", { className: "form-text is-invalid", children: /* @__PURE__ */ jsx("em", { children: t("bpr.form.publication.cover.upload.required.image") }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-fill", children: [
+            /* @__PURE__ */ jsxs(FormControl, { id: "title", className: "mb-16", isRequired: !0, children: [
+              /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.title") }),
+              /* @__PURE__ */ jsx(Input, { type: "text", defaultValue: resource == null ? void 0 : resource.name, ...register("title", {
+                required: !0
+              }), placeholder: t("bpr.form.publication.title.placeholder"), size: "md", "aria-required": !0 })
+            ] }),
+            /* @__PURE__ */ jsxs(FormControl, { id: "description", isRequired: !0, children: [
+              /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.description") }),
+              /* @__PURE__ */ jsx(TextArea, { ...register("description", {
+                required: !0
+              }), placeholder: t("bpr.form.publication.description.placeholder"), size: "md" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("hr", {}),
+        /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.heading.infos") }),
+        /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row gap-16 row mb-24", children: [
+          /* @__PURE__ */ jsx(ActivitiesDropdown, { control, selectedActivities, selectActivities }),
+          /* @__PURE__ */ jsx(SubjectsDropdown, { control, selectedSubjectAreas, selectSubjects }),
+          /* @__PURE__ */ jsx(LangSelect, { control })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-24", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "", className: "form-label", children: t("bpr.form.publication.age") }),
+          /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8", children: [
+            /* @__PURE__ */ jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsx(AgeSelect, { control, name: "ageMin", placeholderOption: defaultSelectAgeMinOption, validate: (value, formValues) => parseInt(value) <= parseInt(formValues.ageMax) }) }),
+            /* @__PURE__ */ jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsx(AgeSelect, { control, name: "ageMax", placeholderOption: defaultSelectAgeMaxOption, validate: (value, formValues) => parseInt(value) >= parseInt(formValues.ageMin) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mb-24", children: /* @__PURE__ */ jsxs(FormControl, { id: "keywords", isOptional: !0, children: [
+          /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.keywords") }),
+          /* @__PURE__ */ jsx(Input, { type: "text", ...register("keyWords"), size: "md", placeholder: t("bpr.form.publication.keywords.placeholder") })
+        ] }) }),
+        /* @__PURE__ */ jsx("hr", {}),
+        /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.licence.text") }),
+        /* @__PURE__ */ jsx(PublishModalFooter, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
+      /* @__PURE__ */ jsx(Button, { form: "libraryModalForm", type: "submit", color: "primary", variant: "filled", isLoading: isSubmitting, disabled: !cover || isSubmitting || !isDirty || !isValid, children: t("bpr.form.submit") })
+    ] }),
+    /* @__PURE__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
+  ] }), document.getElementById("portal")) : /* @__PURE__ */ jsx(LoadingScreen, {});
+}
+export {
+  PublishModal as default
+};

package/dist/modules/modals/PublishModal/components/ActivitiesDropdown.d.ts

@@ -0,0 +1,7 @@
+import { Control } from 'react-hook-form';
+import { FormDataProps } from '../hooks/usePublishModal';
+export declare const ActivitiesDropdown: ({ control, selectedActivities, selectActivities, }: {
+    control: Control<FormDataProps, any>;
+    selectedActivities: Array<string | number>;
+    selectActivities: (value: string | number) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
+const ActivitiesDropdown = ({
+  control,
+  selectedActivities,
+  selectActivities
+}) => {
+  const activitiesOptions = useActivitiesOptions(), {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "activityType", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.type"), badgeContent: selectedActivities == null ? void 0 : selectedActivities.length }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: activitiesOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedActivities, onChange: () => {
+      selectActivities(option.value), onChange(option.value);
+    }, children: option.label }, index)) })
+  ] }) }) });
+};
+export {
+  ActivitiesDropdown
+};

package/dist/modules/modals/PublishModal/components/AgeSelect.d.ts

@@ -0,0 +1,8 @@
+import { Control, FieldValues, Validate } from 'react-hook-form';
+import { FormDataProps } from '../hooks/usePublishModal';
+export declare const AgeSelect: ({ name, control, placeholderOption, validate, }: {
+    name: 'ageMin' | 'ageMax';
+    control: Control<FormDataProps, any>;
+    placeholderOption: string;
+    validate: Validate<any, FieldValues> | Record<string, Validate<any, FieldValues>> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import Select from "../../../../components/Select/Select.js";
+import { ageOptions } from "../constants/ageOptions.js";
+const AgeSelect = ({
+  name,
+  control,
+  placeholderOption,
+  validate
+}) => /* @__PURE__ */ jsx(Controller, { name, control, rules: {
+  required: !0,
+  validate
+}, render: ({
+  field: {
+    onChange
+  }
+}) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: ageOptions, "aria-required": !0, placeholderOption }) });
+export {
+  AgeSelect
+};

package/dist/modules/modals/PublishModal/components/LangSelect.d.ts

@@ -0,0 +1,5 @@
+import { Control } from 'react-hook-form';
+import { FormDataProps } from '../hooks/usePublishModal';
+export declare const LangSelect: ({ control, }: {
+    control: Control<FormDataProps, any>;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import Select from "../../../../components/Select/Select.js";
+import { useLanguageOptions } from "../hooks/useLanguageOptions.js";
+const defaultSelectLanguageOption = "bpr.form.publication.language", LangSelect = ({
+  control
+}) => {
+  const languageOptions = useLanguageOptions();
+  return /* @__PURE__ */ jsx("div", { className: "col", children: /* @__PURE__ */ jsx(Controller, { name: "language", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: languageOptions, "aria-required": !0, placeholderOption: defaultSelectLanguageOption }) }) });
+};
+export {
+  LangSelect
+};

package/dist/modules/modals/PublishModal/components/PublishModalFooter.d.ts

@@ -0,0 +1 @@
+export declare const PublishModalFooter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Alert from "../../../../components/Alert/Alert.js";
+import usePaths from "../../../../core/usePaths/usePaths.js";
+const PublishModalFooter = () => {
+  const {
+    t
+  } = useTranslation(), [imagePath] = usePaths();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("ul", { className: "mb-12", children: [
+      /* @__PURE__ */ jsxs("li", { children: [
+        t("bpr.form.publication.licence.text.1"),
+        /* @__PURE__ */ jsx("img", { className: "ms-8 d-inline-block", src: `${imagePath}/common/image-creative-commons.png`, alt: "licence creative commons" })
+      ] }),
+      /* @__PURE__ */ jsx("li", { children: t("bpr.form.publication.licence.text.2") })
+    ] }),
+    /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-12", children: t("bpr.form.publication.licence.text.3") }),
+    /* @__PURE__ */ jsx(Alert, { type: "warning", children: t("bpr.form.publication.licence.text.4") })
+  ] });
+};
+export {
+  PublishModalFooter
+};

package/dist/modules/modals/PublishModal/components/SubjectsDropdown.d.ts

@@ -0,0 +1,7 @@
+import { Control } from 'react-hook-form';
+import { FormDataProps } from '../hooks/usePublishModal';
+export declare const SubjectsDropdown: ({ control, selectedSubjectAreas, selectSubjects, }: {
+    control: Control<FormDataProps, any>;
+    selectedSubjectAreas: Array<string | number>;
+    selectSubjects: (value: string | number) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { useSubjectsOptions } from "../hooks/useSubjectsOptions.js";
+const SubjectsDropdown = ({
+  control,
+  selectedSubjectAreas,
+  selectSubjects
+}) => {
+  const subjectsOptions = useSubjectsOptions(), {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "subjectArea", control, rules: {
+    required: !0
+  }, render: ({
+    field: {
+      onChange
+    }
+  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.discipline"), badgeContent: selectedSubjectAreas == null ? void 0 : selectedSubjectAreas.length }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: subjectsOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedSubjectAreas, onChange: () => {
+      selectSubjects(option.value), onChange(option.value);
+    }, children: option.label }, index)) })
+  ] }) }) });
+};
+export {
+  SubjectsDropdown
+};

package/dist/modules/modals/PublishModal/components/ToastError.d.ts

@@ -0,0 +1,5 @@
+import { FormDataProps } from '../hooks/usePublishModal';
+export declare function ToastError({ formData, errorMessage, }: {
+    formData?: FormDataProps;
+    errorMessage?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+function ToastError({
+  formData,
+  errorMessage
+}) {
+  const {
+    t
+  } = useTranslation(), regexInput = (value) => value == null ? void 0 : value.match(/^\s/);
+  return errorMessage === "CONTENT_TOO_LARGE" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "pt-24", children: t("bpr.form.publication.response.error.title") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24 pb-24", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.error.content_too_large") }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "pt-24", children: t("bpr.form.publication.response.error.title") }),
+    /* @__PURE__ */ jsx("p", { className: "pt-24 pb-24", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.error.content") }) }),
+    /* @__PURE__ */ jsxs("ul", { children: [
+      regexInput(formData == null ? void 0 : formData.title) && /* @__PURE__ */ jsx("li", { className: "pt-2 pb-2", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.empty.title") }) }),
+      regexInput(formData == null ? void 0 : formData.description) && /* @__PURE__ */ jsx("li", { className: "pt-2 pb-2", children: /* @__PURE__ */ jsx("strong", { children: t("bpr.form.publication.response.empty.description") }) })
+    ] })
+  ] });
+}
+export {
+  ToastError
+};

package/dist/modules/modals/PublishModal/components/ToastSuccess.d.ts

@@ -0,0 +1,4 @@
+import { PublishResult } from 'edifice-ts-client';
+export declare function ToastSuccess({ result }: {
+    result: PublishResult;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const ageOptions: string[];

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

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