@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/README.md

@@ -1,4 +1,4 @@
-# Edifice React Library
+# Edifice React Components
 
 ![npm](https://img.shields.io/npm/v/@edifice.io/react?style=flat-square)
 ![bundlephobia](https://img.shields.io/bundlephobia/min/@edifice.io/react?style=flat-square)
@@ -7,33 +7,104 @@
 
 We follow [WAI ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) rules and [Bootstrap 5](https://getbootstrap.com/docs/5.0/components/accordion/) guidelines when making our components
 
-### Install
+### Build
 
+```bash
+pnpm run build
 ```
-pnpm add @edifice.io/react
+
+### Lint
+
+```bash
+pnpm run lint
 ```
 
-### Modules
+If `pnpm run lint` shows issues, run this command to fix them.
 
-Optional modules are available as `sub-imports`. You can use them in specific applications:
+```bash
+pnpm run fix
+```
 
-#### Audience
+### Prettier
+
+```bash
+pnpm run format
+```
 
-Module to track views or reactions on a resource in a specific application (e.g: Blog)
+## Structure
 
-#### Editor
+### Component Folder
 
-Rich Text Editor using Tiptap and our `multimedia` module.
+- Folder name always in PascalCase: `Button`
+- Component file in PascalCase: `Button.tsx`
+- Export types & interfaces inside Component file
+- Stories file in PascalCase + `*.stories.tsx` : `Button.stories.tsx`
 
-#### Modals
+```bash
+src
+  -- ComponentFolder
+    -- Component.tsx
+    -- Component.stories.tsx
+    -- index.ts
+```
+
+- Re-export the Component inside his own `index` file: `index.ts`
+- Export everything if Component has types & interfaces
+
+```jsx
+export { default as Component } from './Component';
+export * from './Component';
+```
 
-- Onboarding Modal to greet user and give him some useful informations about an application.
-- Publish Modal to publish a resource to the BPR application.
-- Resource Modal can be used to create or edit information about a resource
-- Share Modal allows a user to share one of his resource with specific roles to users
+### Component Guideline
 
-#### Multimedia
+- Always document basic guideline of Component with JSDoc format. Used by Storybook to generate documentation.
+
+```jsx
+/**
+ * Primary UI component for user interaction
+ */
+```
+
+### Interface description
+
+- Always document typescript types and interface with JSDoc syntax. Used by Storybook to generate documentation.
+
+```jsx
+// Interface description (e.g: TreeViewProps.tsx)
+export interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: "small" | "medium" | "large";
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+```
+
+### Index file inside `src` folder
+
+- Entry point of this React Library.
+- Import your component inside `index.ts` file.
+
+```jsx
+export * from './Button';
+```
 
-All our multimedia components to use in applications or in modules.
+## Dev
 
-- Linker, AudioRecorder, VideoRecorder, Iframe, Embed component, ...
+You can build your component using `Storybook`. See [README](../../docs//README.md)

package/dist/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/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/{modules/modals → common}/PublishModal/PublishModal.d.ts

@@ -1,4 +1,4 @@
-import { ID } from '@edifice.io/ts-client';
+import { ID } from 'edifice-ts-client';
 interface PublishModalProps {
     isOpen: boolean;
     resourceId: ID;

package/dist/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 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/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/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/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/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/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/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
+};

package/dist/{modules/modals → common}/PublishModal/components/ToastSuccess.d.ts

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

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

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

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

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

package/dist/{modules/modals → common}/PublishModal/hooks/useActivitiesOptions.js

@@ -1,8 +1,8 @@
-import { useTranslation as e } from "react-i18next";
-const a = () => {
+import { useTranslation } from "react-i18next";
+const useActivitiesOptions = () => {
   const {
     t
-  } = e();
+  } = useTranslation();
   return [{
     value: "bpr.activityType.classroomActivity",
     label: t("bpr.activityType.classroomActivity")
@@ -30,6 +30,5 @@ const a = () => {
   }];
 };
 export {
-  a as useActivitiesOptions
+  useActivitiesOptions
 };
-//# sourceMappingURL=useActivitiesOptions.js.map

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

@@ -0,0 +1,43 @@
+import { useTranslation } from "react-i18next";
+const useLanguageOptions = () => {
+  const {
+    t
+  } = useTranslation();
+  return [{
+    value: "de_DE",
+    label: t("de_DE")
+  }, {
+    value: "en_EN",
+    label: t("en_EN")
+  }, {
+    value: "ar_DZ",
+    label: t("ar_DZ")
+  }, {
+    value: "es_ES",
+    label: t("es_ES")
+  }, {
+    value: "fr_FR",
+    label: t("fr_FR")
+  }, {
+    value: "it_IT",
+    label: t("it_IT")
+  }, {
+    value: "ja_JP",
+    label: t("ja_JP")
+  }, {
+    value: "zh_CN",
+    label: t("zh_CN")
+  }, {
+    value: "pt_PT",
+    label: t("pt_PT")
+  }, {
+    value: "ru_RU",
+    label: t("ru_RU")
+  }, {
+    value: "bpr.other",
+    label: t("bpr.other")
+  }];
+};
+export {
+  useLanguageOptions
+};

package/dist/{modules/modals → common}/PublishModal/hooks/usePublishModal.d.ts

@@ -1,4 +1,4 @@
-import { IResource } from '@edifice.io/ts-client';
+import { IResource } from 'edifice-ts-client';
 import { SubmitHandler } from 'react-hook-form';
 interface ModalProps {
     resource: IResource;