@memori.ai/memori-react 7.21.1 → 7.23.0

package/esm/components/ui/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const ConfirmDialog: React.FC<{
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+    confirmText: string;
+    cancelText: string;
+}>;
+export default ConfirmDialog;

package/esm/components/ui/ConfirmDialog.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dialog, Transition } from '@headlessui/react';
+import Button from './Button';
+const ConfirmDialog = ({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, }) => {
+    return (_jsx(Transition, { appear: true, show: isOpen, as: React.Fragment, children: _jsxs(Dialog, { as: "div", className: "memori-confirm-dialog", onClose: onClose, children: [_jsx("div", { className: "memori-confirm-dialog--backdrop" }), _jsx("div", { className: "memori-confirm-dialog--container", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95", children: _jsxs(Dialog.Panel, { className: "memori-confirm-dialog--panel", children: [_jsx(Dialog.Title, { className: "memori-confirm-dialog--title", children: title }), _jsx(Dialog.Description, { className: "memori-confirm-dialog--message", children: message }), _jsxs("div", { className: "memori-confirm-dialog--actions", children: [_jsx(Button, { onClick: onClose, children: cancelText }), _jsx(Button, { primary: true, onClick: onConfirm, children: confirmText })] })] }) }) })] }) }));
+};
+export default ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.js.map

package/esm/components/ui/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ui/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,MAAM,aAAa,GAQd,CAAC,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YACjD,MAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,OAAO,aACjE,cAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,MAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,aACpD,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,YACnD,KAAK,GACO,EACf,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,YAC3D,OAAO,GACW,EACrB,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,UAAU,GAAU,EAC/C,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,SAAS,YAC/B,WAAW,GACL,IACL,IACO,GACE,GACf,IACC,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/components/ui/Drawer.css

@@ -1,180 +1,205 @@
 .memori-drawer {
-    position: relative;
-    z-index: 10000;
+  position: relative;
+  z-index: 50;
 }
 
 .memori-drawer--backdrop {
-    position: fixed;
-    z-index: 40;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
+  position: fixed;
+  z-index: 40;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .memori-drawer--container {
-    position: fixed;
-    z-index: 50;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow-y: auto;
+  position: fixed;
+  z-index: 50;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow-y: auto;
 }
 
 .memori-drawer--container-scrollable {
-    display: flex;
-    min-height: 100%;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  min-height: 100%;
+  align-items: center;
+  justify-content: center;
 }
 
 .memori-drawer--panel {
-    position: relative;
-    width: var(--memori-drawer--width, 100%);
-    max-width: 80vw;
-    height: 100%;
-    min-height: 100vh;
-    box-sizing: border-box;
-    padding: 1rem 1.5rem 1.5rem;
-    margin-right: 0;
-    margin-left: auto;
-    background-color: #fff;
-    font-family: var(--memori-font-family);
+  position: relative;
+  display: flex;
+  width: var(--memori-drawer--width, 100%);
+  max-width: 80vw;
+  height: 100%;
+  min-height: 100vh;
+  box-sizing: border-box;
+  flex-direction: column;
+  padding: 1rem 1.5rem 1.5rem;
+  margin-right: 0;
+  margin-left: auto;
+  background-color: #fff;
+  font-family: var(--memori-font-family);
 }
 
 @media (min-width: 768px) {
-    .memori-drawer--panel {
-        width: var(--memori-drawer--width--md, 80%);
-        max-width: none;
-        padding-top: 1.5rem;
-        padding-right: 2rem;
-        padding-left: 2rem;
-    }
+  .memori-drawer--panel {
+    width: var(--memori-drawer--width-md, 80%);
+    max-width: none;
+    padding-top: 1.5rem;
+    padding-right: 2rem;
+    padding-left: 2rem;
+  }
 }
 
 @media (min-width: 1024px) {
-    .memori-drawer--panel {
-        width: var(--memori-drawer--width--lg, 60%);
-    }
+  .memori-drawer--panel {
+    width: var(--memori-drawer--width-lg, 60%);
+  }
 }
 
 .memori-drawer--panel.memori-drawer--with-footer {
-    padding-bottom: 0;
+  padding-bottom: 0;
 }
 
 .memori-drawer--panel .memori-spin {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    flex-direction: column;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  flex-direction: column;
+  overflow-y: auto;
 }
 
-.memori-drawer--panel>.memori-spin {
-    margin-top: -1.75rem;
+.memori-drawer--panel > .memori-spin {
+  margin-top: -1.75rem;
 }
 
 .memori-drawer--panel p {
-    margin: 0 0 1em;
+  margin: 0 0 1em;
 }
 
 h2.memori-drawer--title {
-    margin: 0 0 1rem;
-    font-size: 1.5rem;
-    font-weight: 700;
+  margin: 0 0 1rem;
+  font-size: 1.5rem;
+  font-weight: 700;
 }
 
 .memori-drawer--panel-left {
-    margin-right: auto;
-    margin-left: 0;
+  margin-right: auto;
+  margin-left: 0;
 }
 
 .memori-drawer--close {
-    position: sticky;
-    z-index: 70;
-    top: 0;
-    left: 0;
-    padding: 0.5rem;
-    margin-top: -1.5rem;
-    margin-left: -5.5rem;
+  position: sticky;
+  z-index: 70;
+  top: 0;
+  left: 0;
+  padding: 0.5rem;
+  margin-top: -1.5rem;
+  margin-left: -5.5rem;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--close {
-        left: 0.5rem;
-    }
+  .memori-drawer--close {
+    left: 0.5rem;
+  }
 }
 
 .memori-drawer--close button {
-    border-color: #fff;
-    color: #fff;
+  border-color: #fff;
+  color: #fff;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--close button {
-        color: #000;
-    }
+  .memori-drawer--close button {
+    color: #000;
+  }
 }
 
 .memori-drawer--panel-left .memori-drawer--close {
-    right: -3.5rem;
-    left: auto;
+  right: -3.5rem;
+  left: auto;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--panel-left .memori-drawer--close {
-        right: 0.5rem;
-        left: auto;
-    }
+  .memori-drawer--panel-left .memori-drawer--close {
+    right: 0.5rem;
+    left: auto;
+  }
 }
 
 .memori-drawer--footer {
-    position: sticky;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    width: 100%;
-    justify-content: flex-end;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    border-top: 1px solid rgba(0, 0, 0, 0.25);
-    margin-top: auto;
-    background-color: #fff;
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.25);
+  margin-top: auto;
+  background-color: #fff;
+}
+
+.memori-drawer--footer-left-action {
+  margin-right: auto;
+}
+
+.memori-drawer--footer-actions {
+  display: flex;
+  gap: 0.5rem;
 }
 
-.memori-drawer--footer button+button {
-    margin-left: 0.5em;
+.memori-drawer--footer button + button {
+  margin-left: 0.5em;
+}
+
+.memori-drawer--content{
+    flex: 1;
+    padding-top: 12px;
+    overflow-y: auto;
+}
+
+.memori-drawer--content--scrollable{
+    flex: 1;
+    overflow-y: auto;
 }
 
+/* Transition classes */
 .ease-out {
-    transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
 }
 
 .ease-in {
-    transition-timing-function: ease-in;
+  transition-timing-function: ease-in;
 }
 
 .duration-300 {
-    transition-duration: 300ms;
+  transition-duration: 300ms;
 }
 
 .duration-200 {
-    transition-duration: 200ms;
+  transition-duration: 200ms;
 }
 
 .opacity-0 {
-    opacity: 0;
+  opacity: 0;
 }
 
 .opacity-100 {
-    opacity: 1;
+  opacity: 1;
 }
 
 .max-w-0 {
-    max-width: 0;
+  max-width: 0;
 }
 
 .max-w-80 {
-    max-width: 80%;
+  max-width: 80%;
 }

package/esm/components/ui/Drawer.d.ts

@@ -1,19 +1,28 @@
 import React, { FC } from 'react';
 export interface Props {
+    title?: string | React.ReactNode;
     open?: boolean;
-    onClose: (value: boolean) => void;
+    data?: any;
+    onClose?: () => void;
+    width?: number | string;
+    children?: React.ReactNode;
+    footer?: {
+        leftAction?: React.ReactNode;
+        leftActionClassName?: string;
+        onSubmit?: () => void;
+        loading?: boolean;
+    };
+    extra?: React.ReactNode;
     className?: string;
-    title?: string | JSX.Element | React.ReactNode;
+    placement?: 'left' | 'right';
     description?: string | JSX.Element | React.ReactNode;
-    children: JSX.Element | React.ReactNode;
-    footer?: JSX.Element | React.ReactNode;
     loading?: boolean;
     animated?: boolean;
     closable?: boolean;
-    side?: 'left' | 'right';
-    width?: string;
     widthMd?: string;
     widthLg?: string;
+    confirmDialogTitle?: string;
+    confirmDialogMessage?: string;
 }
 declare const Drawer: FC<Props>;
 export default Drawer;

package/esm/components/ui/Drawer.js

@@ -1,21 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState, useCallback, } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
 import Spin from './Spin';
 import Button from './Button';
 import Close from '../icons/Close';
 import cx from 'classnames';
-const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, animated = true, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { static: true, as: React.Fragment, enter: "ease-out duration-300", enterFrom: animated ? 'max-w-0 opacity-0' : 'opacity-0', enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: animated ? 'max-w-0 opacity-0' : 'opacity-0', children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
-                                'memori-drawer--panel-left': side === 'left',
-                                'memori-drawer--with-footer': !!footer,
-                            }), children: [_jsx("style", { dangerouslySetInnerHTML: {
-                                        __html: `
-                    .memori-drawer--panel {
-                      --memori-drawer--width: ${width};
-                      --memori-drawer--width-lg: ${widthLg};
-                      --memori-drawer--width-md: ${widthMd};
-                    }
-                  `,
-                                    } }), closable && (_jsx("div", { className: "memori-drawer--close", children: _jsx(Button, { shape: "circle", outlined: true, icon: _jsx(Close, {}), onClick: () => onClose(false) }) })), _jsxs(Spin, { spinning: loading, children: [title && (_jsx(Dialog.Title, { className: "memori-drawer--title", children: title })), description && (_jsx(Dialog.Description, { className: "memori-drawer--description", children: description })), children, footer && (_jsx("div", { className: "memori-drawer--footer", children: footer }))] })] }) }) }) })] }) }));
+import { useTranslation } from 'react-i18next';
+import ConfirmDialog from './ConfirmDialog';
+const Drawer = ({ title, open = false, data, onClose = () => { }, children, width = '80%', footer, extra, className, placement = 'right', description, loading = false, animated = true, closable = true, widthMd = '80%', widthLg = '60%', confirmDialogTitle, confirmDialogMessage, }) => {
+    const [originalData, setOriginalData] = useState(null);
+    const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);
+    const { t } = useTranslation();
+    useEffect(() => {
+        if (open && data && !originalData) {
+            setOriginalData(data);
+        }
+        if (!open) {
+            setOriginalData(null);
+        }
+    }, [open, data, originalData]);
+    const checkChanges = useCallback(() => {
+        if (!data || Object.keys(data).length === 0) {
+            return onClose();
+        }
+        if (originalData && JSON.stringify(originalData) !== JSON.stringify(data)) {
+            setConfirmDialogOpen(true);
+        }
+        else {
+            onClose();
+        }
+    }, [data, originalData, onClose]);
+    const handleClose = useCallback(() => {
+        checkChanges();
+    }, [checkChanges]);
+    const handleConfirmUnsavedChanges = useCallback(() => {
+        setConfirmDialogOpen(false);
+        onClose();
+    }, [onClose]);
+    return (_jsxs(_Fragment, { children: [_jsx(ConfirmDialog, { isOpen: confirmDialogOpen, onClose: () => setConfirmDialogOpen(false), onConfirm: handleConfirmUnsavedChanges, title: confirmDialogTitle || t('confirmDialog.title'), message: confirmDialogMessage || t('confirmDialog.message'), confirmText: t('confirm') || 'Confirm', cancelText: t('cancel') || 'Cancel' }), _jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: handleClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { static: true, as: React.Fragment, enter: "ease-out duration-300", enterFrom: animated ? 'max-w-0 opacity-0' : 'opacity-0', enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: animated ? 'max-w-0 opacity-0' : 'opacity-0', children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
+                                            'memori-drawer--panel-left': placement === 'left',
+                                            'memori-drawer--with-footer': !!footer,
+                                        }), style: {
+                                            '--memori-drawer--width': width,
+                                            '--memori-drawer--width--lg': widthLg,
+                                            '--memori-drawer--width--md': widthMd,
+                                        }, children: [closable && (_jsx("div", { className: "memori-drawer--close", children: _jsx(Button, { shape: "circle", outlined: true, icon: _jsx(Close, {}), onClick: handleClose }) })), _jsx(Spin, { spinning: loading, children: _jsxs("div", { className: "memori-drawer--content", children: [title && (_jsx(Dialog.Title, { className: "memori-drawer--title", children: title })), description && (_jsx(Dialog.Description, { className: "memori-drawer--description", children: description })), _jsx("div", { className: "memori-drawer--content--scrollable", children: children })] }) }), footer && (_jsxs("div", { className: "memori-drawer--footer", children: [footer.leftAction && (_jsx("div", { className: 'memori-drawer--footer-left-action ' +
+                                                            (footer.leftActionClassName || ''), children: footer.leftAction })), footer.onSubmit && (_jsxs("div", { className: "memori-drawer--footer-actions", children: [_jsx(Button, { outlined: true, onClick: handleClose, children: t('cancel') }), _jsx(Button, { htmlType: "submit", onClick: footer.onSubmit, loading: footer.loading, className: "memori-drawer--footer-confirm", children: t('confirm') })] })), extra && (_jsx("div", { className: "memori-drawer--extra", children: extra }))] }))] }) }) }) })] }) })] }));
+};
+Drawer.displayName = 'Drawer';
 export default Drawer;
 //# sourceMappingURL=Drawer.js.map

package/esm/components/ui/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAmB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,EACvD,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,YAErD,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,QAAQ,EAER,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AA4B5C,MAAM,MAAM,GAAc,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,GAAG,OAAO,EACnB,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,kBAAkB,EAClB,oBAAoB,GACd,EAAE,EAAE;IACV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAG/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;YACjC,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;QAGD,IAAI,CAAC,IAAI,EAAE;YACT,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAG/B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YAC3C,OAAO,OAAO,EAAE,CAAC;SAClB;QAGD,IAAI,YAAY,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YACzE,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;aAAM;YACL,OAAO,EAAE,CAAC;SACX;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAGlC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAGnB,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE,2BAA2B,EACtC,KAAK,EAAE,kBAAkB,IAAI,CAAC,CAAC,qBAAqB,CAAC,EACrD,OAAO,EAAE,oBAAoB,IAAI,CAAC,CAAC,uBAAuB,CAAC,EAC3D,WAAW,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,SAAS,EACtC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,GACnC,EAEF,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,EACvD,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,YAErD,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;4CACpC,2BAA2B,EAAE,SAAS,KAAK,MAAM;4CACjD,4BAA4B,EAAE,CAAC,CAAC,MAAM;yCACvC,CAAC,EACF,KAAK,EACH;4CACE,wBAAwB,EAAE,KAAK;4CAC/B,4BAA4B,EAAE,OAAO;4CACrC,4BAA4B,EAAE,OAAO;yCACf,aAGzB,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,WAAW,GACpB,GACE,CACP,EACD,KAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,YACrB,eAAK,SAAS,EAAC,wBAAwB,aACpC,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EACD,cAAK,SAAS,EAAC,oCAAoC,YAChD,QAAQ,GACL,IACF,GACD,EACN,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,uBAAuB,aACnC,MAAM,CAAC,UAAU,IAAI,CACpB,cACE,SAAS,EACP,oCAAoC;4DACpC,CAAC,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAGnC,MAAM,CAAC,UAAU,GACd,CACP,EACA,MAAM,CAAC,QAAQ,IAAI,CAClB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,WAAW,YAClC,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,KAAC,MAAM,IACL,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,CAAC,QAAQ,EACxB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,+BAA+B,YAExC,CAAC,CAAC,SAAS,CAAC,GACN,IACL,CACP,EACA,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAO,CACpD,IACG,CACP,IACY,GACE,GACf,GACF,IACC,GACE,IACZ,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/esm/locales/de.json

@@ -38,6 +38,7 @@
     "nothingFound": "Nichts gefunden",
     "venue": "Veranstaltungsort",
     "searchVenue": "Veranstaltungsort suchen...",
+    "privacyPolicy": "Datenschutzbestimmungen",
     "memoriBlockedTitle": "Blockiert",
     "memoriBlockedUntil": "Agent blockiert bis {{date}}",
     "memoriBlockedAnon": "Momentan \"{{name}}„Kann nicht antworten, komm hierher zurück {{date}}",
@@ -49,6 +50,9 @@
     "receiverLabel": "Zugewiesen an",
     "completionsEnabled": "Fortschrittliche KI kann mit automatisch generierten Antworten reagieren, die manchmal falsche Informationen enthalten können",
     "completionProviderDown": "Dieser Zwilling ist mit einer generativen KI von integriert {{provider}}, aber es ist derzeit nicht verfügbar. ",
+    "completionProviderMajorOutage": "Dieser Zwilling ist mit einer generativen KI von integriert {{provider}}, aber es ist derzeit nicht verfügbar. Diese Funktion wird nicht verfügbar sein, bis der Service wiederhergestellt ist.",
+    "completionProviderPartialOutage": "Dieser Zwilling ist mit einer generativen KI von integriert {{provider}}, aber es ist derzeit nicht verfügbar. Diese Funktion wird nicht verfügbar sein, bis der Service wiederhergestellt ist.",
+    "completionProviderDegraded": "Dieser Zwilling ist mit einer generativen KI von integriert {{provider}}, aber es ist derzeit nicht verfügbar. Diese Funktion wird nicht verfügbar sein, bis der Service wiederhergestellt ist.",
     "completionProviderFallbackName": "ein externer Anbieter",
     "completionProviderCheckStatusPage": "Überprüfen Sie die Statusseite",
     "boardOfExperts": "Expertengremium",
@@ -69,6 +73,10 @@
     "deepThoughtPreDisclaimerUnlogged": "Melden Sie sich an, um Deep Thought zu aktivieren.",
     "deepThoughtPreDisclaimerNotAllowed": "Deep Thought ist deaktiviert, da Sie der Nutzung nicht zugestimmt haben. Sie können dies jederzeit in Ihren Kontoeinstellungen ändern.",
     "notEnoughCredits": "Der Autor dieses Zwillings verfügt nicht über genügend Credits, um Ihre Frage zu beantworten.",
+    "confirmDialog": {
+        "title": "Möchten Sie diese Seite verlassen?",
+        "message": "Die Änderungen, die Sie vorgenommen haben, werden verloren."
+    },
     "knownFacts": {
         "title": "Bekannte Fakten",
         "description": "Einzelheiten zu den Informationen, die zwischen Ihnen und geteilt werden {{memoriName}}",
@@ -110,6 +118,13 @@
         "micButtonPopoverListening": "Klicken Sie auf die Schaltfläche, um das Sprechen zu stoppen",
         "pageInstructExplanation": "Um mir neue Dinge beizubringen, klicken Sie auf die Schaltfläche „ANLEITEN“, um zu beginnen",
         "pageTryMeExplanation": "Um mit mir zu sprechen, klicken Sie auf die Schaltfläche START, um zu beginnen",
+        "pagePrivacyExplanation": "Die Konversationen sind sichtbar von dem Autor des Agenten",
+        "pagePrivacyExplanationList": {
+            "allConversations": "Alle Konversationen mit diesem Agenten sind sichtbar von dem Autor des Agenten",
+            "anonymousUser": "Für anonyme Benutzer: der Autor wird den Inhalt der Konversation und Ihre IP-Adresse sehen",
+            "registeredUser": "Für registrierte Benutzer: der Autor wird den Inhalt der Konversation und Ihren Benutzernamen sehen",
+            "authorUsesInfo": "Der Autor verwendet diese Informationen, um die Funktionen des Agenten zu verbessern und Ihnen einen besseren Service anzubieten. Wenn Sie die Konversation fortsetzen, stimmen Sie diesen Bedingungen zu."
+        },
         "instructButton": "WEISE MICH AN",
         "tryMeButton": "START",
         "chatHistory": "Chatverlauf",

package/esm/locales/en.json

@@ -38,6 +38,7 @@
     "nothingFound": "Nothing found",
     "venue": "Venue",
     "searchVenue": "Search venue...",
+    "privacyPolicy": "Privacy policy",
     "memoriBlockedTitle": "Blocked",
     "memoriBlockedUntil": "Agent blocked until {{date}}",
     "memoriBlockedAnon": "Currently \"{{name}}\" can't answer, come back here on {{date}}",
@@ -49,6 +50,9 @@
     "receiverLabel": "Assigned to",
     "completionsEnabled": "Advanced AI, can respond with automatically generated answers that may sometimes contain incorrect information",
     "completionProviderDown": "This agent is integrated with a generative AI from {{provider}}, but it is currently unavailable. Try again later.",
+    "completionProviderMajorOutage": "This agent is integrated with a generative AI from {{provider}}, but it is completely down. This feature will not be available until the service is restored.",
+    "completionProviderPartialOutage": "This agent is integrated with a generative AI from {{provider}}, but it is experiencing partial outages. Some features may be unavailable or perform poorly.",
+    "completionProviderDegraded": "This agent is integrated with a generative AI from {{provider}}, but it is performing slower than usual. Responses may take longer or be less accurate.",
     "completionProviderFallbackName": "an external provider",
     "completionProviderCheckStatusPage": "Check status page",
     "boardOfExperts": "Board of experts",
@@ -69,6 +73,10 @@
     "deepThoughtPreDisclaimerUnlogged": "Log in to enable Deep Thought.",
     "deepThoughtPreDisclaimerNotAllowed": "Deep Thought is disabled since you didn't consent its usage, you can change this any time in your account settings.",
     "notEnoughCredits": "The author of this agent does not have enough credits to answer your question.",
+    "confirmDialog": {
+        "title": "Do you want to leave this page?",
+        "message": "The changes you made will be lost."
+    },
     "knownFacts": {
         "title": "Known facts",
         "description": "Details of the information shared between you and {{memoriName}}",
@@ -110,6 +118,13 @@
         "micButtonPopoverListening": "Click the button to stop speak",
         "pageInstructExplanation": "To teach me new things click on the INSTRUCT ME button to get started",
         "pageTryMeExplanation": "To talk to me click on the START button to get started",
+        "pagePrivacyExplanation": "The conversations are visible by the author of the agent",
+        "pagePrivacyExplanationList": {
+            "allConversations": "All conversations with this agent are visible to the author of the agent",
+            "anonymousUser": "For anonymous users: the author will see the content of the conversation and your IP address",
+            "registeredUser": "For registered users: the author will see the content of the conversation and your username",
+            "authorUsesInfo": "The author uses this information to improve the features of the agent and to provide you with a better service. Continuing the conversation, you accept these conditions."
+        },
         "instructButton": "INSTRUCT ME",
         "tryMeButton": "START",
         "resumeButton": "RESUME",

package/esm/locales/es.json

@@ -38,6 +38,7 @@
     "nothingFound": "No se encontró nada",
     "venue": "Evento",
     "searchVenue": "Buscar lugar...",
+    "privacyPolicy": "Política de privacidad",
     "memoriBlockedTitle": "Obstruido",
     "memoriBlockedUntil": "Agent bloqueado hasta {{date}}",
     "memoriBlockedAnon": "Actualmente \"{{name}}\"No puedo responder, vuelve aquí. {{date}}",
@@ -49,6 +50,9 @@
     "receiverLabel": "Asignado a",
     "completionsEnabled": "La IA avanzada puede responder con respuestas generadas automáticamente que a veces pueden contener información incorrecta.",
     "completionProviderDown": "Este Agent está integrado con una IA generativa de {{provider}}, pero actualmente no está disponible. ",
+    "completionProviderMajorOutage": "Este Agent está integrado con una IA generativa de {{provider}}, pero al momento no está disponible. No será posible utilizar esta funcionalidad hasta que el servicio se restaure.",
+    "completionProviderPartialOutage": "Este Agent está integrado con una IA generativa de {{provider}}, pero está experimentando interrupciones parciales. Algunas funcionalidades pueden no estar disponibles o funcionar de manera no óptima.",
+    "completionProviderDegraded": "Este Agent está integrado con una IA generativa de {{provider}}, pero está funcionando más lentamente de lo normal. Las respuestas pueden tomar más tiempo o ser menos precisas.",
     "completionProviderFallbackName": "un proveedor externo",
     "completionProviderCheckStatusPage": "Comprobar página de estado",
     "boardOfExperts": "junta de expertos",
@@ -69,6 +73,10 @@
     "deepThoughtPreDisclaimerUnlogged": "Inicie sesión para habilitar Pensamiento profundo.",
     "deepThoughtPreDisclaimerNotAllowed": "Deep Thought está deshabilitado porque usted no dio su consentimiento para su uso; puede cambiar esto en cualquier momento en la configuración de su cuenta.",
     "notEnoughCredits": "El autor de este Gemelo no tiene suficientes créditos para responder a tu pregunta.",
+    "confirmDialog": {
+        "title": "¿Quieres salir de esta página?",
+        "message": "Los cambios que has realizado se perderán."
+    },
     "knownFacts": {
         "title": "hechos conocidos",
         "description": "Detalles de la información compartida entre usted y {{memoriName}}",
@@ -110,6 +118,13 @@
         "micButtonPopoverListening": "Haga clic en el botón para dejar de hablar.",
         "pageInstructExplanation": "Para enseñarme cosas nuevas, haga clic en el botón INSTRUIRME para comenzar.",
         "pageTryMeExplanation": "Para hablar conmigo haga clic en el botón INICIO para comenzar",
+        "pagePrivacyExplanation": "Las conversaciones son visibles por el autor del agente",
+        "pagePrivacyExplanationList": {
+            "allConversations": "Todas las conversaciones con este agente son visibles por el autor del agente",
+            "anonymousUser": "Para usuarios anónimos: el autor verá el contenido de la conversación y su dirección IP",
+            "registeredUser": "Para usuarios registrados: el autor verá el contenido de la conversación y su nombre de usuario",
+            "authorUsesInfo": "El autor utiliza estas informaciones para mejorar las funciones del agente y para ofrecerte un mejor servicio. Continuando la conversación, acepta estas condiciones."
+        },
         "instructButton": "INSTRUÍME",
         "tryMeButton": "COMENZAR",
         "chatHistory": "Historial de chat",

package/esm/locales/fr.json

@@ -49,6 +49,9 @@
     "receiverLabel": "Assigné à",
     "completionsEnabled": "L'IA avancée peut répondre avec des réponses générées automatiquement qui peuvent parfois contenir des informations incorrectes",
     "completionProviderDown": "Ce Agent est intégré à une IA générative de {{provider}}, mais il est actuellement indisponible. ",
+    "completionProviderMajorOutage": "Ce Agent est intégré à une IA générative de {{provider}}, mais il est actuellement indisponible. Cette fonctionnalité ne sera pas disponible tant que le service ne sera pas restauré.",
+    "completionProviderPartialOutage": "Ce Agent est intégré à une IA générative de {{provider}}, mais il est actuellement indisponible. Cette fonctionnalité ne sera pas disponible tant que le service ne sera pas restauré.",
+    "completionProviderDegraded": "Ce Agent est intégré à une IA générative de {{provider}}, mais il est actuellement indisponible. Cette fonctionnalité ne sera pas disponible tant que le service ne sera pas restauré.",
     "completionProviderFallbackName": "un prestataire externe",
     "completionProviderCheckStatusPage": "Vérifier la page d'état",
     "boardOfExperts": "Conseil d'experts",
@@ -69,6 +72,10 @@
     "deepThoughtPreDisclaimerUnlogged": "Connectez-vous pour activer Deep Thought.",
     "deepThoughtPreDisclaimerNotAllowed": "Deep Thought est désactivé car vous n'avez pas consenti à son utilisation, vous pouvez le modifier à tout moment dans les paramètres de votre compte.",
     "notEnoughCredits": "L'auteur de ce Agent n'a pas suffisamment de crédits pour répondre à votre question.",
+    "confirmDialog": {
+        "title": "Voulez-vous quitter cette page ?",
+        "message": "Les modifications que vous avez apportées seront perdues."
+    },
     "knownFacts": {
         "title": "Faits connus",
         "description": "Détails des informations partagées entre vous et {{memoriName}}",