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

package/dist/multimedia/Linker/InternalLinker.d.ts

@@ -0,0 +1,28 @@
+import { App, ILinkedResource } from 'edifice-ts-client';
+/**
+ * Definition of an internal link.
+ */
+type ApplicationOption = {
+    icon?: JSX.Element;
+    application: string;
+    displayName: string;
+};
+/**
+ * Properties for the InternalLinker react component.
+ */
+export interface InternalLinkerProps {
+    /** Currently running application */
+    appCode: App;
+    /** When defined, preloads and displays this type of resources. */
+    defaultAppCode?: App | null;
+    /** When defined, selects this resource (defaultApp must be specified) */
+    defaultResourceId?: string | null;
+    /** Notify when the user selects an application in the dropdown */
+    onChange?: (application?: ApplicationOption) => void;
+    /** Notify when resources selection changes */
+    onSelect?: (resources: ILinkedResource[]) => void;
+    multiple: boolean | undefined;
+}
+/** The InternalLinker component */
+declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
+export default InternalLinker;

package/dist/multimedia/LinkerCard/LinkerCard.d.ts

@@ -0,0 +1,13 @@
+import { IResource } from 'edifice-ts-client';
+import { CardProps } from '../../components';
+export interface LinkerCardProps extends CardProps {
+    /**
+     * Resource to render as a card
+     * */
+    doc: IResource;
+}
+declare const LinkerCard: {
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: LinkerCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default LinkerCard;

package/dist/multimedia/LinkerCard/index.d.ts

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

package/dist/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -0,0 +1,84 @@
+import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { TabsItemProps } from '../../components/Tabs/TabsItem';
+import { ExternalLinkTabProps } from './innertabs/ExternalLink';
+import { InternalLinkTabProps, InternalLinkTabResult } from './innertabs/InternalLink';
+/** Ordered list of tabs. */
+declare const orderedTabs: string[];
+/**
+ * Available features exposed by tabs :
+ * "workspace" | "upload" | "audio-capture" | ...
+ */
+export type AvailableTab = (typeof orderedTabs)[number];
+/** Additional properties of tabs. */
+export type MediaLibraryTabProps = {
+    /**
+     * Media Library types where this tab should be displayed.
+     * "*" for all types.
+     */
+    availableFor: Array<MediaLibraryType | '*' | null>;
+    /** Required checks before using this feature. */
+    isEnable: null | (() => boolean);
+};
+/**
+ * Pre-configured types of media libraries.
+ * Choosing a type will filter out unwanted tabs.
+ */
+export type MediaLibraryType = 
+/** Audio files */
+'audio'
+/** Video files / streams / links */
+ | 'video'
+/** Image files */
+ | 'image'
+/** Attached files */
+ | 'attachment'
+/** Embedded websites */
+ | 'embedder'
+/** Hyperlinks */
+ | 'hyperlink';
+export interface MediaLibraryRef {
+    /** Open the Media Library on given type. */
+    show: (type: MediaLibraryType) => void;
+    /** Close the Media Library. */
+    hide: () => void;
+    /**
+     * Open the MediaLibrary on a internal/external link Tab,
+     * and prefill the tab with data.
+     */
+    showLink: (data: InternalLinkTabProps | ExternalLinkTabProps) => void;
+    /** Get the Media Libray type currently displayed, or null if hidden. */
+    type: MediaLibraryType | null;
+}
+/**
+ * The resulting type depends on the actual selected Tab when modal is closed.
+ */
+export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
+/**
+ * MediaLibrary component properties
+ */
+export interface MediaLibraryProps {
+    /** Application Code (example: "blog"). */
+    appCode: string;
+    /** Visibility of the uploaded files "protected" | "public" | "external". */
+    visibility: WorkspaceVisibility;
+    /** Allow selecting / uploading multiple files at once ? */
+    multiple?: boolean;
+    /**
+     * Called when the user validates the modal (Add button).
+     * @param result depends on which InnerTab is visible
+     */
+    onSuccess: (result: MediaLibraryResult) => void;
+    /**
+     * Called when the user closes the modal.
+     * @param uploads uploaded workspace elements to cancel.
+     */
+    onCancel: (uploads?: WorkspaceElement[]) => void;
+    /**
+     * Called when the user swith between tabs, without closing the modal.
+     * @param tab Props of the newly displayed tab.
+     * @param uploads uploaded workspace elements to cancel.
+     */
+    onTabChange?: (tab: TabsItemProps, uploads?: WorkspaceElement[]) => void;
+}
+declare const MediaLibrary: import('react').ForwardRefExoticComponent<MediaLibraryProps & import('react').RefAttributes<MediaLibraryRef>>;
+export default MediaLibrary;

package/dist/multimedia/MediaLibrary/MediaLibraryContext.d.ts

@@ -0,0 +1,60 @@
+import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { MediaLibraryType, AvailableTab, MediaLibraryResult } from './MediaLibrary';
+export declare const MediaLibraryContext: import('react').Context<{
+    /** Application code (example: "blog") */
+    appCode: string;
+    /** Visibility of the uploaded files. */
+    visibility?: WorkspaceVisibility | undefined;
+    /** Allow selecting / uploading multiple files at once ? */
+    multiple?: boolean | undefined;
+    /** Type of resource to search for. */
+    type: MediaLibraryType | null;
+    /** Set the counter in the success button label. */
+    setResultCounter: (count?: number) => void;
+    /**
+     * Set a innertab-specific callback which gets the result when success button is clicked.
+     */
+    setResult: (result?: MediaLibraryResult) => void;
+    /** Memoize uploaded elements to be deleted on cancellation. */
+    setCancellable: (uploads: WorkspaceElement[]) => void;
+    /**
+     * Allow an innertab to switch display to another innertab.
+     * This function will throw an error if switching failed.
+     */
+    setVisibleTab: (tab: AvailableTab) => void;
+    /** Allow an innertab to switch type of the media library. */
+    switchType: (type: MediaLibraryType) => void;
+    /**
+     * Allow an innertab to set action to execute before triggering onSuccess.
+     */
+    setPreSuccess: (onSuccessAction?: () => () => Promise<MediaLibraryResult>) => void;
+}>;
+export declare function useMediaLibraryContext(): {
+    /** Application code (example: "blog") */
+    appCode: string;
+    /** Visibility of the uploaded files. */
+    visibility?: WorkspaceVisibility | undefined;
+    /** Allow selecting / uploading multiple files at once ? */
+    multiple?: boolean | undefined;
+    /** Type of resource to search for. */
+    type: MediaLibraryType | null;
+    /** Set the counter in the success button label. */
+    setResultCounter: (count?: number | undefined) => void;
+    /**
+     * Set a innertab-specific callback which gets the result when success button is clicked.
+     */
+    setResult: (result?: any) => void;
+    /** Memoize uploaded elements to be deleted on cancellation. */
+    setCancellable: (uploads: WorkspaceElement[]) => void;
+    /**
+     * Allow an innertab to switch display to another innertab.
+     * This function will throw an error if switching failed.
+     */
+    setVisibleTab: (tab: string) => void;
+    /** Allow an innertab to switch type of the media library. */
+    switchType: (type: MediaLibraryType) => void;
+    /**
+     * Allow an innertab to set action to execute before triggering onSuccess.
+     */
+    setPreSuccess: (onSuccessAction?: (() => () => Promise<any>) | undefined) => void;
+};

package/dist/multimedia/MediaLibrary/innertabs/InternalLink.d.ts

@@ -0,0 +1,11 @@
+import { ILinkedResource } from 'edifice-ts-client';
+export type InternalLinkTabProps = {
+    target?: '_blank' | null;
+    appPrefix?: string | null;
+    resourceId?: string | null;
+};
+export type InternalLinkTabResult = {
+    target?: '_blank';
+    resources?: ILinkedResource[];
+};
+export declare const InternalLink: ({ target, resourceId, appPrefix, }: InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/multimedia/UploadFiles/UploadFiles.d.ts

@@ -0,0 +1,9 @@
+import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+declare const UploadFiles: {
+    ({ onFilesChange, visibility, }: {
+        onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
+        visibility?: WorkspaceVisibility | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default UploadFiles;

package/dist/multimedia/VideoRecorder/VideoRecorder.d.ts

@@ -0,0 +1,14 @@
+import { WorkspaceElement } from 'edifice-ts-client';
+export interface VideoRecorderProps {
+    appCode: string;
+    caption?: string;
+    onSuccess?: (res: WorkspaceElement[]) => void;
+    onError: (error: string) => void;
+    onRecordUpdated?: (recordURL?: string) => void;
+    hideSaveAction?: boolean;
+}
+export interface VideoRecorderRef {
+    save: () => Promise<WorkspaceElement | undefined>;
+}
+declare const VideoRecorder: import('react').ForwardRefExoticComponent<VideoRecorderProps & import('react').RefAttributes<unknown>>;
+export default VideoRecorder;

package/dist/multimedia/Workspace/Workspace.d.ts

@@ -0,0 +1,33 @@
+import { Role, WorkspaceElement, WorkspaceSearchFilter } from 'edifice-ts-client';
+/**
+ * MediaLibrary component properties
+ */
+export interface WorkspaceProps {
+    /**
+     * Only display media elements having this role[s] (=generic file format).
+     * Set to null to display all medias.
+     */
+    roles: Role | Role[] | null;
+    /**
+     * If defined, try to auto-select the folder dedicated to this filter.
+     */
+    defaultFolder?: WorkspaceSearchFilter;
+    /**
+     * Allow selecting public documents.
+     */
+    showPublicFolder?: boolean;
+    /**
+     * Notify parent when media elements are successfully selected.
+     */
+    onSelect: (result: WorkspaceElement[]) => void;
+    /**
+     * Boolean to know if we can select 1 or many files.
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare const Workspace: ({ roles, onSelect, multiple, className, defaultFolder, showPublicFolder, }: WorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+export default Workspace;

package/dist/portal/Header/WidgetApps.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IWebApp } from '@edifice.io/ts-client';
+import { IWebApp } from 'edifice-ts-client';
 export declare const WidgetAppsFooter: () => import("react/jsx-runtime").JSX.Element;
 export declare const WidgetAppsBody: ({ bookmarkedApps, }: {
     bookmarkedApps: IWebApp[];

package/dist/ui/src/common/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 Modal from "../../components/Modal/Modal.js";
+import Image from "../../components/Image/Image.js";
+import Button from "../../components/Button/Button.js";
+import usePaths from "../../core/usePaths/usePaths.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/ui/src/common/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/ui/src/common/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 { 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 ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import useMediaLibrary from "../../core/useMediaLibrary/useMediaLibrary.js";
+import useResource from "../../core/useResource/useResource.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";
+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/ui/src/common/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/ui/src/common/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/ui/src/common/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/ui/src/common/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/ui/src/common/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/ui/src/common/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
+};