@edifice.io/react 1.7.4-develop-pedago.20241211160712

package/dist/modules/icons/components/nav/IconProfile.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconProfile = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M22.308 18.368A13.4 13.4 0 0 1 12.154 23 13.4 13.4 0 0 1 2 18.368c1.528-2.63 7.136-3.927 10.154-3.927s8.625 1.296 10.154 3.927M6.91 6.41c.004 2.948 2.348 5.335 5.243 5.33h.008c2.895-.004 5.239-2.39 5.235-5.338C17.397 3.45 15.053 1 12.154 1S6.91 3.45 6.91 6.402z", clipRule: "evenodd" })
+] });
+export {
+  SvgIconProfile as default
+};

package/dist/modules/icons/components/nav/IconSearch.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconSearch: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconSearch;

package/dist/modules/icons/components/nav/IconSearch.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconSearch = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M1.27 11.552a7.75 7.75 0 0 1 0-4.156Q1.84 5.33 3.42 3.792a7.9 7.9 0 0 1 2.716-1.777q1.53-.6 3.161-.6 1.605 0 3.136.6 1.53.6 2.716 1.777a7.9 7.9 0 0 1 1.902 2.86 7.8 7.8 0 0 1 .518 3.29 7.65 7.65 0 0 1-.889 3.171q.692.192 1.21.697l4.297 4.156q.864.84.864 2.042t-.864 2.042-2.099.841-2.099-.84l-4.272-4.18a2.42 2.42 0 0 1-.74-1.178 8.3 8.3 0 0 1-3.68.84q-1.63 0-3.16-.6a8.1 8.1 0 0 1-2.717-1.753 7.85 7.85 0 0 1-2.149-3.628m2.495-2.066q0 2.235 1.605 3.796 1.63 1.56 3.926 1.561 2.272 0 3.877-1.561 1.605-1.562 1.63-3.796t-1.63-3.796q-1.63-1.585-3.877-1.585-2.272 0-3.926 1.585-1.605 1.561-1.605 3.796" })
+] });
+export {
+  SvgIconSearch as default
+};

package/dist/modules/icons/components/nav/IconUserbook.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconUserbook: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconUserbook;

package/dist/modules/icons/components/nav/IconUserbook.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUserbook = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M0 24.58V.53h24.05v4.28h-2.62V7.1h2.62v4.28h-2.62v2.35h2.62V18h-2.62v2.3h2.62v4.29H0zm4.64-6.85h12.12V14l-4.5-2.67q.9-.46 1.4-1.3t.53-1.85q0-1.4-1.01-2.43T10.7 4.72 8.25 5.75 7.24 8.18q0 1.03.53 1.85t1.4 1.3L4.63 14v3.73z" })
+] });
+export {
+  SvgIconUserbook as default
+};

package/dist/modules/icons/components/nav/index.d.ts

@@ -0,0 +1,13 @@
+export { default as IconCommunity } from './IconCommunity';
+export { default as IconDisconnect } from './IconDisconnect';
+export { default as IconHome } from './IconHome';
+export { default as IconMyApps } from './IconMyApps';
+export { default as IconNeoAssistance } from './IconNeoAssistance';
+export { default as IconNeoMessaging } from './IconNeoMessaging';
+export { default as IconNewRelease } from './IconNewRelease';
+export { default as IconOneAssistance } from './IconOneAssistance';
+export { default as IconOneMessaging } from './IconOneMessaging';
+export { default as IconOneProfile } from './IconOneProfile';
+export { default as IconProfile } from './IconProfile';
+export { default as IconSearch } from './IconSearch';
+export { default as IconUserbook } from './IconUserbook';

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

@@ -0,0 +1,42 @@
+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,58 @@
+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";
+const OnboardingModal = ({
+  id,
+  items,
+  modalOptions
+}) => {
+  const [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: 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;
+};
+export {
+  OnboardingModal 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,6 @@
+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.io/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.io/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 { 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 { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import ImagePicker from "../../multimedia/ImagePicker/ImagePicker.js";
+import useMediaLibrary from "../../../hooks/useMediaLibrary/useMediaLibrary.js";
+import useResource from "../../../hooks/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";
+function PublishModal({
+  isOpen,
+  resourceId,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    appCode: application,
+    currentApp
+  } = useEdificeClient(), {
+    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(ImagePicker, { 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 { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.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 { ageOptions } from "../constants/ageOptions.js";
+import Select from "../../../../components/Select/Select.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 { useLanguageOptions } from "../hooks/useLanguageOptions.js";
+import Select from "../../../../components/Select/Select.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 creativeCommons from "@edifice.io/bootstrap/dist/images/common/image-creative-commons.png";
+import Alert from "../../../../components/Alert/Alert.js";
+const PublishModalFooter = () => {
+  const {
+    t
+  } = useTranslation();
+  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: creativeCommons, 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 { useSubjectsOptions } from "../hooks/useSubjectsOptions.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.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.io/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;
+}[];

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;
+}[];