@edifice.io/react 2.2.2 → 2.2.3-develop-b2school.20250415115428

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const ConversationHistoryNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default ConversationHistoryNodeView;

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js

@@ -0,0 +1,10 @@
+import { ConversationHistory } from "@edifice.io/tiptap-extensions/conversation-history";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const ConversationHistoryNodeView = (Component) => ConversationHistory.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+});
+export {
+  ConversationHistoryNodeView as default
+};

package/dist/modules/editor/components/NodeView/InformationPaneNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const InformationPaneNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default InformationPaneNodeView;

package/dist/modules/editor/components/NodeView/InformationPaneNodeView.js

@@ -0,0 +1,10 @@
+import { InformationPane } from "@edifice.io/tiptap-extensions/information-pane";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const InformationPaneNodeView = (Component) => InformationPane.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+});
+export {
+  InformationPaneNodeView as default
+};

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

@@ -1,5 +1,7 @@
-export { default as AudioNodeView } from './AudioNodeView';
 export { default as AttachmentNodeView } from './AttachmentNodeView';
+export { default as AudioNodeView } from './AudioNodeView';
+export { default as ConversationHistoryNodeView } from './ConversationHistoryNodeView';
 export { default as ImageNodeView } from './ImageNodeView';
 export { default as LinkerNodeView } from './LinkerNodeView';
 export { default as VideoNodeView } from './VideoNodeView';
+export { default as InformationPaneNodeView } from './InformationPaneNodeView';

package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `ConversationHistoryRenderer` is a React component that renders a button to toggle the visibility
+ * of conversation history content. It uses the `@tiptap/react` library for rendering content and
+ * `clsx` for conditional class names. The component also utilizes the `useTranslation` hook from
+ * `react-i18next` for internationalization and a custom `useToggle` hook for managing the open state.
+ */
+declare const ConversationHistoryRenderer: () => import("react/jsx-runtime").JSX.Element;
+export default ConversationHistoryRenderer;

package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Button from "../../../../components/Button/Button.js";
+const ConversationHistoryRenderer = () => {
+  const {
+    t
+  } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16", {
+    show: open
+  });
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.hide"),
+      /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.show"),
+      /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
+  ] });
+};
+export {
+  ConversationHistoryRenderer as default
+};

package/dist/modules/editor/components/Renderer/InformationPaneRenderer.d.ts

@@ -0,0 +1,3 @@
+import { MediaResizeProps } from '../../hooks';
+declare const InformationPaneRenderer: (props: MediaResizeProps) => import("react/jsx-runtime").JSX.Element;
+export default InformationPaneRenderer;

package/dist/modules/editor/components/Renderer/InformationPaneRenderer.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
+import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
+import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
+import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+const InformationPaneRenderer = (props) => {
+  const {
+    node
+  } = props, getIconByType = (type) => {
+    switch (type) {
+      case "warning":
+        return /* @__PURE__ */ jsx(SvgIconAlertTriangle, { color: "#F59700" });
+      case "success":
+        return /* @__PURE__ */ jsx(SvgIconSuccessOutline, { color: "#7DBF85" });
+      case "info":
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+      case "question":
+        return /* @__PURE__ */ jsx(SvgIconQuestion, { color: "#823AA1" });
+      default:
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+    }
+  };
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { node, className: "react-component", children: /* @__PURE__ */ jsxs("div", { className: `information-pane information-pane-${node.attrs.type}`, "data-information-pane": !0, "data-type": node.attrs.type, children: [
+    /* @__PURE__ */ jsx("span", { className: "information-pane-icon", children: getIconByType(node.attrs.type) }),
+    /* @__PURE__ */ jsx(NodeViewContent, { style: {
+      width: "100%"
+    } })
+  ] }) });
+};
+export {
+  InformationPaneRenderer as default
+};

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

@@ -1,4 +1,6 @@
-export { default as AudioRenderer } from './AudioRenderer';
 export { default as AttachmentRenderer } from './AttachmentRenderer';
+export { default as AudioRenderer } from './AudioRenderer';
+export { default as ConversationHistoryRenderer } from './ConversationHistoryRenderer';
 export { default as LinkerRenderer } from './LinkerRenderer';
 export { default as MediaRenderer } from './MediaRenderer';
+export { default as InformationPaneRenderer } from './InformationPaneRenderer';

package/dist/modules/editor/hooks/useTipTapEditor.d.ts

@@ -1,4 +1,4 @@
-import { Content, FocusPosition } from '@tiptap/react';
+import { Content, Extensions, FocusPosition } from '@tiptap/react';
 import { WorkspaceVisibility } from '@edifice.io/client';
 /**
  * Hook that creates a tiptap editor instance.
@@ -7,10 +7,14 @@ import { WorkspaceVisibility } from '@edifice.io/client';
  * @param content default rich content
  * @param focus set focus position to the editor
  * @param placeholder editor placeholder content
+ * @param onContentChange callback to be called on content change
+ * @param visibility workspace visibility
+ * @param extensions extensions to add to the editor
+ * @returns the editor instance and the editable state
  */
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
-}) => void, visibility?: WorkspaceVisibility) => {
+}) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
     editor: import('@tiptap/core').Editor | null;
     editable: boolean;
 };

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

@@ -32,11 +32,13 @@ import AudioNodeView from "../components/NodeView/AudioNodeView.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
 import ImageNodeView from "../components/NodeView/ImageNodeView.js";
 import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+import InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.js";
 import MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
+import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -63,7 +65,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
       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, uploadFile), AttachmentNodeView(AttachmentRenderer)],
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {

package/dist/modules/icons/components/IconFolderAdd.d.ts

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

package/dist/modules/icons/components/IconFolderAdd.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderAdd = ({
+  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("g", { clipPath: "url(#icon-folder-add_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.985 5.283A2 2 0 0 0 12.965 7H22v12H2V4h7.5a1.5 1.5 0 0 1 1.485 1.283M1.902 2C.852 2 0 2.852 0 3.902V19a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-9.035A3.5 3.5 0 0 0 9.5 2zM12 8a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V9a1 1 0 0 1 1-1", clipRule: "evenodd" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-folder-add_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconFolderAdd as default
+};

package/dist/modules/icons/components/IconFolderDelete.d.ts

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

package/dist/modules/icons/components/IconFolderDelete.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderDelete = ({
+  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: "M2.756 2A2.756 2.756 0 0 0 0 4.756V18a3 3 0 0 0 3 3h6.5a1 1 0 1 0 0-2H3a1 1 0 0 1-1-1V4.756C2 4.34 2.339 4 2.756 4H9.5A2.5 2.5 0 0 1 12 6.5a1 1 0 0 0 1 1h8a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3h-7.111A4.5 4.5 0 0 0 9.5 2zm20.85 9.536a1 1 0 0 1 0 1.414l-3.535 3.535 3.536 3.536a1 1 0 0 1-1.415 1.414L18.657 17.9l-3.536 3.535a1 1 0 0 1-1.414-1.414l3.536-3.536-3.536-3.535a1 1 0 0 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.415 0", clipRule: "evenodd" })
+] });
+export {
+  SvgIconFolderDelete as default
+};

package/dist/modules/icons/components/IconGlobe2.d.ts

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

package/dist/modules/icons/components/IconGlobe2.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconGlobe2 = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-globe-2_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0 2c6.627 0 12-5.373 12-12S18.627 0 12 0C5.372 0 0 5.373 0 12s5.372 12 12 12" }),
+    /* @__PURE__ */ jsx("path", { d: "M16.944 2.761V2.76a.67.67 0 0 0 .09-.683l-.416.182-.057.129-.078.611a.63.63 0 0 0 .46-.238m-.571.224-.065-.025.096-.216zm.01.003.03-.267.146-.328-.08.606h-.052zm.235-.73.416-.18a7.3 7.3 0 0 1 .504 1.754c.047.324.07.701.007 1.064-.061.355-.234.847-.714 1.16l-.09.059-1.215.464a1.26 1.26 0 0 0-.82 1.012l-.002.008-.009.069c-.136.95-1.001 1.151-1.134 1.177-.414.082-1.113.007-1.519-.64l-.006-.011-.224-.377c-.35.728-.718 1.572-.809 2.32v.002a.44.44 0 0 0 .041.247l.023.043.478 1.161c.097.17.245.324.437.44.36.218 1.13.713 1.654 1.323.04.047.264.221.9.398.633.177 1.133.73 1.181 1.432.058.849.193 1.37.335 1.649a.6.6 0 0 0 .103.157l.033.001.05.007.02.001.056.002c.14 0 .375-.03.603-.19.318-.223.634-.703.755-1.68v-.001c.051-.404.12-.913.239-1.429l.064-.34a297 297 0 0 1 .31-1.625l.084-.403.015-.058a1.012 1.012 0 0 1 1.04-.758c.26.015.443.128.488.156h.001c.124.077.216.17.249.203.09.091.183.203.25.287.075.092.145.184.196.251l.062.084.018.024.005.007.002.003-.384.28.384-.28.013.018.012.018a.34.34 0 0 0 .221.138.39.39 0 0 0 .292-.06l1.04-.745a.66.66 0 0 0-.273.536h2c0 .443-.219.843-.562 1.09m0 0-1.04.744a2.38 2.38 0 0 1-2.411.21l-.047.248-.067.359-.004.022-.005.022c-.097.416-.157.848-.207 1.246-.159 1.279-.633 2.398-1.592 3.071a3.06 3.06 0 0 1-2.032.538c-.847-.043-1.428-.586-1.764-1.248-.29-.571-.449-1.306-.525-2.136-.634-.2-1.235-.49-1.626-.946-.3-.35-.829-.707-1.17-.913a3.23 3.23 0 0 1-1.193-1.259l-.021-.04-.483-1.171a2.44 2.44 0 0 1-.233-1.378l.993.122-.993-.121c.15-1.234.775-2.507 1.135-3.242l.025-.05a1.79 1.79 0 0 1 1.527-.994h.008c.516-.02 1.031.175 1.396.56a3.3 3.3 0 0 1 1.703-1.46l.771-.294q0-.115-.024-.301a5.3 5.3 0 0 0-.358-1.236c-.2-.459-.126-.985.183-1.37l.78.626-.78-.625v-.002c.31-.385.786-.551 1.232-.498h.01l.115.016q.192.024.376.105l-.499 1.128m3.692 9.553-.096.07zM6.045 14.091a1.84 1.84 0 0 1 1.507.163c.575.348.805.94.805 1.502v.747c0 .338.081.546.191.694.116.156.329.33.73.48l1.751.655c.534.2 1.02.485 1.443.854l.344.3c1.015.887 1.445 2.241 1.024 3.528l-.098.298-1.9-.624.097-.296c.152-.464.021-.998-.439-1.4l-.344-.3a2.7 2.7 0 0 0-.827-.486l-1.75-.655c-.656-.245-1.23-.615-1.635-1.16-.411-.552-.587-1.201-.587-1.888v-.382l-3.93 1.605-.755-1.852 4.338-1.772zM8.876 2.991c.084.494.124.996.124 1.32m0 .84v-.84zm0 0c0 .847-.41 1.658-1.001 2.268L6.196 9.276a.82.82 0 0 0-.187.831 1.825 1.825 0 0 1-1.017 2.245L1.4 13.917l-.798-1.834 3.462-1.508a2.82 2.82 0 0 1 .698-2.692l1.803-1.857C6.885 5.695 7 5.36 7 5.15v-.84c0-.196-.028-.584-.096-.982-.074-.436-.169-.708-.222-.791L8.37 1.463c.286.45.429 1.072.507 1.528m-4.77 7.733" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-globe-2_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconGlobe2 as default
+};

package/dist/modules/icons/components/IconGroupAvatar.d.ts

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

package/dist/modules/icons/components/IconGroupAvatar.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconGroupAvatar = ({
+  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: "M18.467 13.128a.917.917 0 0 1 1.166-.566c1.034.358 1.89 1.143 2.475 2.155.586 1.014.891 2.233.892 3.467v2.458a.917.917 0 0 1-1.833 0v-2.457c0-.944-.236-1.842-.646-2.55-.41-.709-.948-1.154-1.488-1.34a.917.917 0 0 1-.566-1.167M14.921 2.661a.917.917 0 0 1 .95-.882 4.702 4.702 0 0 1 1.934 8.902.917.917 0 0 1-.822-1.64 2.868 2.868 0 0 0-1.18-5.43.917.917 0 0 1-.882-.95M2.38 15.778c.894-.982 2.127-1.552 3.432-1.552h7.792c1.306 0 2.538.57 3.433 1.552.892.98 1.38 2.29 1.38 3.642v2.14a.917.917 0 1 1-1.834 0v-2.14c0-.917-.332-1.782-.902-2.407-.567-.623-1.316-.954-2.077-.954H5.812c-.76 0-1.51.331-2.077.954-.569.625-.902 1.49-.902 2.407v2.14a.917.917 0 1 1-1.833 0v-2.14c0-1.351.488-2.663 1.38-3.642M9.708 4.142a3.208 3.208 0 1 0 0 6.417 3.208 3.208 0 0 0 0-6.417M4.667 7.351a5.042 5.042 0 1 1 10.083 0 5.042 5.042 0 0 1-10.083 0", clipRule: "evenodd" })
+] });
+export {
+  SvgIconGroupAvatar as default
+};

package/dist/modules/icons/components/IconInfoRectangle.d.ts

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

package/dist/modules/icons/components/IconInfoRectangle.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconInfoRectangle = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 16", "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: "M2.87 2.167c-.718 0-1.203.531-1.203 1.071v9.524c0 .54.485 1.071 1.203 1.071h14.26c.718 0 1.203-.531 1.203-1.071V3.238c0-.54-.485-1.071-1.203-1.071zM0 3.238C0 1.674 1.339.5 2.87.5h14.26C18.66.5 20 1.674 20 3.238v9.524c0 1.564-1.339 2.738-2.87 2.738H2.87C1.34 15.5 0 14.326 0 12.762z", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.008 12.167a.833.833 0 0 1-.833-.834V7.167a.833.833 0 1 1 1.667 0v4.166c0 .46-.373.834-.834.834M10.842 4.25c0 .46-.373.833-.834.833H10a.833.833 0 1 1 0-1.666h.008c.46 0 .834.373.834.833", clipRule: "evenodd" })
+] });
+export {
+  SvgIconInfoRectangle as default
+};

package/dist/modules/icons/components/IconMailRecall.d.ts

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

package/dist/modules/icons/components/IconMailRecall.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconMailRecall = ({
+  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("g", { clipPath: "url(#icon-mail-recall_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.253 6.532A1.34 1.34 0 0 1 3.333 6H6.5a1 1 0 0 0 0-2H3.333C1.512 4 0 5.452 0 7.286v11.428C0 20.548 1.512 22 3.333 22h16.334C21.488 22 23 20.548 23 18.714a1 1 0 1 0-2 0c0 .691-.577 1.286-1.333 1.286H3.333C2.577 20 2 19.405 2 18.714V8.666l8.442 5.066a3 3 0 0 0 3.118-.02l1.965-1.21a1 1 0 1 0-1.05-1.703l-1.964 1.211a1 1 0 0 1-1.04.007L2.515 6.643a1 1 0 0 0-.262-.11M15.8 8.6a1 1 0 0 0-.2-1.4L14 6h4a4 4 0 0 1 4 4v.2a3.8 3.8 0 0 1-3.8 3.8 1 1 0 1 0 0 2 5.8 5.8 0 0 0 5.8-5.8V10a6 6 0 0 0-6-6h-4l1.6-1.2a1 1 0 1 0-1.2-1.6l-3.99 2.993a1 1 0 0 0 0 1.614L14.4 8.8a1 1 0 0 0 1.4-.2", clipRule: "evenodd" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-mail-recall_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconMailRecall as default
+};

package/dist/modules/icons/components/IconQuestionMark.d.ts

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

package/dist/modules/icons/components/IconQuestionMark.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconQuestionMark = ({
+  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: "M9.579 5.429C9.172 5.964 9 6.706 9 7.44a1 1 0 0 1-2 0c0-.99.223-2.217.987-3.222.8-1.051 2.086-1.718 3.905-1.718 2.032 0 3.284 1.043 3.892 2.323.563 1.184.578 2.568.265 3.445-.409 1.148-1.191 2.056-1.81 2.773l-.27.317c-.7.83-1.077 1.427-1.077 2.157v1.806a1 1 0 1 1-2 0v-1.806c0-1.513.835-2.6 1.546-3.445q.16-.189.312-.366c.629-.737 1.141-1.337 1.415-2.107.128-.359.157-1.192-.187-1.915-.298-.627-.874-1.182-2.086-1.182-1.283 0-1.943.442-2.313.929", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M13.762 19.888a1.612 1.612 0 1 1-3.223 0 1.612 1.612 0 0 1 3.223 0" })
+] });
+export {
+  SvgIconQuestionMark as default
+};

package/dist/modules/icons/components/IconReadMail.d.ts

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

package/dist/modules/icons/components/IconReadMail.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconReadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-read-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1.143 8.986a1 1 0 0 1 1.372-.343l8.97 5.382a1 1 0 0 0 1.03 0l8.97-5.382a1 1 0 1 1 1.03 1.714l-8.971 5.383a3 3 0 0 1-3.088 0l-8.97-5.382a1 1 0 0 1-.343-1.373" }),
+    /* @__PURE__ */ jsx("path", { d: "M12.466 2.4a.95.95 0 0 0-.932 0c-1.333.74-3.83 2.146-5.99 3.465-1.083.662-2.063 1.29-2.764 1.797a8 8 0 0 0-.78.62v11.003H0V8c0-.38.191-.664.272-.776.107-.148.238-.285.364-.404.254-.24.594-.506.973-.78.765-.552 1.797-1.212 2.892-1.881C6.697 2.817 9.224 1.395 10.563.65a2.95 2.95 0 0 1 2.874 0c1.34.744 3.866 2.166 6.062 3.508 1.095.669 2.127 1.33 2.892 1.882.38.273.719.54.973.78.126.118.257.255.364.403.08.112.272.395.272.776v11.285h-2V8.284l-.009-.008a8 8 0 0 0-.77-.613c-.702-.506-1.682-1.135-2.765-1.797-2.16-1.32-4.657-2.725-5.99-3.466M2.321 19.802c.253.192.647.34 1.123.34h17.112c.476 0 .87-.148 1.123-.34.252-.192.321-.384.321-.517h2c0 .892-.479 1.629-1.111 2.11-.632.479-1.46.747-2.333.747H3.444c-.873 0-1.701-.268-2.333-.748S0 20.178 0 19.285h2c0 .133.069.326.32.518" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-read-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconReadMail as default
+};

package/dist/modules/icons/components/IconSignature.d.ts

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

package/dist/modules/icons/components/IconSignature.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconSignature = ({
+  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("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-signature_svg__a)", clipRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M6.82 11.679c-.047-.013-.298-.045-.906.231-.551.25-1.204.894-1.838 1.899-.616.978-1.143 2.185-1.496 3.391-.356 1.215-.514 2.358-.45 3.215.07.92.35 1.154.476 1.204.093.037.44.071 1.142-.166.648-.219 1.427-.61 2.243-1.132q.383-.245.761-.517v-.019c-.055-1.175.068-2.549.18-3.802q.038-.416.072-.81c.062-.746.105-1.427.098-2.014-.008-.602-.069-1.02-.165-1.28a.6.6 0 0 0-.1-.19c-.008-.008-.008-.008-.015-.01zm1.951 6.422c.035-.602.091-1.234.149-1.88l.077-.882c.063-.757.113-1.516.105-2.204-.009-.673-.073-1.365-.289-1.95-.227-.613-.669-1.216-1.461-1.434-.719-.198-1.5-.01-2.266.339-1.078.49-1.99 1.524-2.701 2.652-.729 1.155-1.327 2.537-1.725 3.896-.395 1.35-.613 2.748-.524 3.927.084 1.117.486 2.415 1.727 2.911.79.316 1.73.14 2.525-.128.848-.286 1.775-.763 2.68-1.342l.1-.065c.267.629.712 1.205 1.428 1.521 1.046.463 1.95.47 2.757.243.562-.158 1.104-.449 1.511-.667q.166-.09.297-.157c.476-.24.803-.342 1.154-.306.356.037.91.236 1.756.987a1 1 0 0 0 1.327-1.496c-1.02-.906-1.953-1.385-2.879-1.48-.931-.096-1.682.219-2.259.51-.182.091-.34.176-.485.253-.36.193-.63.337-.962.43-.37.104-.796.125-1.409-.146-.135-.06-.278-.185-.406-.502a3 3 0 0 1-.13-.432c1.164-.95 2.234-2.049 2.964-3.144a1 1 0 1 0-1.664-1.11 11 11 0 0 1-1.397 1.656M10.201 2.114c.306.049.58.217.762.468l10.453 14.397.198 2.262-2.089-.89L9.073 3.955a1.168 1.168 0 0 1 1.128-1.84m2.38-.707a3.168 3.168 0 0 0-5.127 3.722L18.07 19.751a1 1 0 0 0 .417.333l3.878 1.65a1 1 0 0 0 1.388-1.008l-.369-4.198a1 1 0 0 0-.187-.5z" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-signature_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconSignature as default
+};

package/dist/modules/icons/components/IconUndoAll.d.ts

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

package/dist/modules/icons/components/IconUndoAll.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUndoAll = ({
+  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: "M11.648 12.564a.917.917 0 0 0 0-1.297L7.713 7.332l3.935-3.935A.917.917 0 1 0 10.352 2.1L5.768 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.523 12.564a.917.917 0 0 0 0-1.297L3.588 7.332l3.935-3.935A.917.917 0 1 0 6.227 2.1L1.643 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.25 18.332c.506 0 .917-.41.917-.917V11a4.583 4.583 0 0 0-4.584-4.584H6.417a.917.917 0 0 0 0 1.834h9.166a2.75 2.75 0 0 1 2.75 2.75v6.416c0 .507.41.917.917.917", clipRule: "evenodd" })
+] });
+export {
+  SvgIconUndoAll as default
+};

package/dist/modules/icons/components/IconUnreadMail.d.ts

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

package/dist/modules/icons/components/IconUnreadMail.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUnreadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-unread-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M7.975 4.5a5.1 5.1 0 0 0-.204-2h12.785A3.437 3.437 0 0 1 24 5.948V18.07c0 1.9-1.548 3.429-3.444 3.429H3.444A3.437 3.437 0 0 1 0 18.071V8.001c.581.436 1.261.749 2 .899v9.171c0 .783.64 1.429 1.444 1.429h17.112c.803 0 1.444-.646 1.444-1.429V7.79l-9.448 6.257a1 1 0 0 1-1.104 0L3.744 8.945a5 5 0 0 0 2.228-.924L12 12.014l9.916-6.567c-.2-.55-.73-.947-1.36-.947z" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-unread-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconUnreadMail as default
+};

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

@@ -44,11 +44,15 @@ export { default as IconExternalLink } from './IconExternalLink';
 export { default as IconFiles } from './IconFiles';
 export { default as IconFilter } from './IconFilter';
 export { default as IconFlag } from './IconFlag';
+export { default as IconFolderAdd } from './IconFolderAdd';
+export { default as IconFolderDelete } from './IconFolderDelete';
 export { default as IconFolderMove } from './IconFolderMove';
 export { default as IconFolder } from './IconFolder';
 export { default as IconForgoing } from './IconForgoing';
 export { default as IconFullScreen } from './IconFullScreen';
+export { default as IconGlobe2 } from './IconGlobe2';
 export { default as IconGlobe } from './IconGlobe';
+export { default as IconGroupAvatar } from './IconGroupAvatar';
 export { default as IconHandMove } from './IconHandMove';
 export { default as IconHeadphone } from './IconHeadphone';
 export { default as IconHide } from './IconHide';
@@ -61,11 +65,13 @@ export { default as IconImageSizeMedium } from './IconImageSizeMedium';
 export { default as IconImageSizeSmall } from './IconImageSizeSmall';
 export { default as IconInbox } from './IconInbox';
 export { default as IconInfoCircle } from './IconInfoCircle';
+export { default as IconInfoRectangle } from './IconInfoRectangle';
 export { default as IconLandscape } from './IconLandscape';
 export { default as IconLink } from './IconLink';
 export { default as IconListOrder } from './IconListOrder';
 export { default as IconLoader } from './IconLoader';
 export { default as IconLock } from './IconLock';
+export { default as IconMailRecall } from './IconMailRecall';
 export { default as IconMail } from './IconMail';
 export { default as IconMergeCells } from './IconMergeCells';
 export { default as IconMessageInfo } from './IconMessageInfo';
@@ -86,12 +92,14 @@ export { default as IconPlus } from './IconPlus';
 export { default as IconPointerDefault } from './IconPointerDefault';
 export { default as IconPointerHand } from './IconPointerHand';
 export { default as IconPrint } from './IconPrint';
+export { default as IconQuestionMark } from './IconQuestionMark';
 export { default as IconQuestion } from './IconQuestion';
 export { default as IconRafterDown } from './IconRafterDown';
 export { default as IconRafterLeft } from './IconRafterLeft';
 export { default as IconRafterRight } from './IconRafterRight';
 export { default as IconRafterUp } from './IconRafterUp';
 export { default as IconReaction } from './IconReaction';
+export { default as IconReadMail } from './IconReadMail';
 export { default as IconRecordPause } from './IconRecordPause';
 export { default as IconRecordStop } from './IconRecordStop';
 export { default as IconRecordVideo } from './IconRecordVideo';
@@ -108,6 +116,7 @@ export { default as IconSend } from './IconSend';
 export { default as IconSetBackground } from './IconSetBackground';
 export { default as IconSettings } from './IconSettings';
 export { default as IconShare } from './IconShare';
+export { default as IconSignature } from './IconSignature';
 export { default as IconSmartphone } from './IconSmartphone';
 export { default as IconSmiley } from './IconSmiley';
 export { default as IconSortAscendingLetters } from './IconSortAscendingLetters';
@@ -135,9 +144,11 @@ export { default as IconTextVanilla } from './IconTextVanilla';
 export { default as IconToolCenter } from './IconToolCenter';
 export { default as IconTool } from './IconTool';
 export { default as IconTrendingUp } from './IconTrendingUp';
+export { default as IconUndoAll } from './IconUndoAll';
 export { default as IconUndo } from './IconUndo';
 export { default as IconUnlink } from './IconUnlink';
 export { default as IconUnlock } from './IconUnlock';
+export { default as IconUnreadMail } from './IconUnreadMail';
 export { default as IconUpload } from './IconUpload';
 export { default as IconUserSearch } from './IconUserSearch';
 export { default as IconUser } from './IconUser';

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+export type ConfirmModalVariant = 'yes/no' | 'ok/cancel';
+interface ConfirmModalProps {
+    /**
+     * Variant of text buttons content
+     */
+    variant?: ConfirmModalVariant;
+    /**
+     * Modal id (useful when multiple modal on the same page)
+     */
+    id: string;
+    /**
+     * Is Modal Open
+     */
+    isOpen: boolean;
+    /**
+     * Content of header modal's
+     */
+    header?: ReactNode;
+    /**
+     * Content of body modal's
+     */
+    body?: ReactNode;
+    /**
+     * Key text translation of confirm button (useTranslation('common'))
+     */
+    okText?: string;
+    /**
+     * Key text translation of cancel button (useTranslation('common'))
+     */
+    koText?: string;
+    /**
+     * Function to call when success button proceed
+     */
+    onSuccess?: () => void;
+    /**
+     * Function to call when closing modal
+     */
+    onCancel?: () => void;
+}
+export default function ConfirmModal({ variant, id, isOpen, header, body, okText, koText, onSuccess, onCancel, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/modals/ConfirmModal/ConfirmModal.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Modal from "../../../components/Modal/Modal.js";
+import Button from "../../../components/Button/Button.js";
+function ConfirmModal({
+  variant = "yes/no",
+  id,
+  isOpen,
+  header,
+  body,
+  okText,
+  koText,
+  onSuccess = () => ({}),
+  onCancel = () => ({})
+}) {
+  const {
+    t
+  } = useTranslation(), ok = {
+    "yes/no": t("yes"),
+    "ok/cancel": t("ok")
+  }, ko = {
+    "yes/no": t("no"),
+    "ok/cancel": t("cancel")
+  };
+  return /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: header }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: body }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: koText ? t(koText) : ko[variant] }),
+      /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: okText ? t(okText) : ok[variant] })
+    ] })
+  ] });
+}
+export {
+  ConfirmModal as default
+};

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

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