@mieweb/ui 0.9.0 → 0.10.0-dev.0

package/dist/components/Modal/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkL52N6BEN_cjs = require('../../chunk-L52N6BEN.cjs');
-require('../../chunk-BN75TLUN.cjs');
+var chunkAUOTJQGO_cjs = require('../../chunk-AUOTJQGO.cjs');
+require('../../chunk-NV2CWBI2.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
@@ -11,35 +11,35 @@ require('../../chunk-SCV7C55E.cjs');
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.Modal; }
+  get: function () { return chunkAUOTJQGO_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.ModalBody; }
+  get: function () { return chunkAUOTJQGO_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.ModalClose; }
+  get: function () { return chunkAUOTJQGO_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.ModalFooter; }
+  get: function () { return chunkAUOTJQGO_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.ModalHeader; }
+  get: function () { return chunkAUOTJQGO_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.ModalTitle; }
+  get: function () { return chunkAUOTJQGO_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.modalContentVariants; }
+  get: function () { return chunkAUOTJQGO_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkL52N6BEN_cjs.modalOverlayVariants; }
+  get: function () { return chunkAUOTJQGO_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,5 +1,5 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-Q7G56ZIO.js';
-import '../../chunk-WYMO3IIK.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-WUBMDOTG.js';
+import '../../chunk-XCP454Q6.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';

package/dist/components/RichTextEditor/index.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk7KN6J7XV_cjs = require('../../chunk-7KN6J7XV.cjs');
+var chunkOMAACCFW_cjs = require('../../chunk-OMAACCFW.cjs');
 require('../../chunk-YP5T6NZD.cjs');
-require('../../chunk-4SM3I7WE.cjs');
+require('../../chunk-RXPEZXAB.cjs');
 var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-IINZWUGK.cjs');
+require('../../chunk-NV2CWBI2.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
@@ -16,15 +17,15 @@ require('../../chunk-AOHJILLU.cjs');
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunk7KN6J7XV_cjs.RichTextEditor; }
+  get: function () { return chunkOMAACCFW_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunk7KN6J7XV_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkOMAACCFW_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunk7KN6J7XV_cjs.processDictation; }
+  get: function () { return chunkOMAACCFW_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.js

@@ -1,10 +1,11 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-5H7SAEQO.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-QKFJDQEK.js';
 import '../../chunk-OQWZYKJM.js';
-import '../../chunk-KU3XRHWA.js';
+import '../../chunk-TZX76ZNZ.js';
 export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
 import '../../chunk-KREUYVMZ.js';
+import '../../chunk-XCP454Q6.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';

package/dist/components/SuperChat/index.cjs

@@ -2,14 +2,16 @@
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkWIAQQNFU_cjs = require('../../chunk-WIAQQNFU.cjs');
-var chunk5BVFVXHN_cjs = require('../../chunk-5BVFVXHN.cjs');
-var chunk4SM3I7WE_cjs = require('../../chunk-4SM3I7WE.cjs');
+var chunkOYQ7GYAA_cjs = require('../../chunk-OYQ7GYAA.cjs');
+var chunkRXPEZXAB_cjs = require('../../chunk-RXPEZXAB.cjs');
 var chunkJEIW7BSV_cjs = require('../../chunk-JEIW7BSV.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-PJ6CC53R.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-L7L5S2HO.cjs');
 var chunkYVL3XATO_cjs = require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-NV2CWBI2.cjs');
 var chunkS5RVSXDV_cjs = require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
@@ -543,7 +545,7 @@ function ActionMenuItem({
   item,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk4SM3I7WE_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkRXPEZXAB_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: item.description })
   ] }) : item.label });
@@ -575,7 +577,7 @@ function FooterActionButton({
   );
   if (!action.submenu) return button;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk4SM3I7WE_cjs.Dropdown,
+    chunkRXPEZXAB_cjs.Dropdown,
     {
       open,
       onOpenChange: setOpen,
@@ -634,7 +636,7 @@ function MessageOverflowMenu({
         footerVisible && !open && "pointer-events-none invisible opacity-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4SM3I7WE_cjs.Dropdown,
+        chunkRXPEZXAB_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -653,9 +655,9 @@ function MessageOverflowMenu({
             (action) => action.submenu ? (
               // Actions with variants collapse to just their submenu — a
               // top-level default item would duplicate the flyout's options.
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4SM3I7WE_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
+              /* @__PURE__ */ jsxRuntime.jsx(chunkRXPEZXAB_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
             ) : /* @__PURE__ */ jsxRuntime.jsx(
-              chunk4SM3I7WE_cjs.DropdownItem,
+              chunkRXPEZXAB_cjs.DropdownItem,
               {
                 onClick: () => select(action.onSelect),
                 children: action.label
@@ -1134,6 +1136,9 @@ function SuperChat({
   onBack
 }) {
   const headingId = React2__namespace.useId();
+  React2__namespace.useEffect(() => {
+    chunkOYQ7GYAA_cjs.notifyComposerMigrationOnce("SuperChat");
+  }, []);
   const renderText = React2__namespace.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
       plugins: renderPlugins,
@@ -1184,14 +1189,29 @@ function SuperChat({
     () => acceptTokensFor(acceptedFileTypes),
     [acceptedFileTypes]
   );
+  const [draft, setDraft] = React2__namespace.useState("");
+  const draftEpochRef = React2__namespace.useRef(0);
+  const handleDraftChange = React2__namespace.useCallback((value) => {
+    draftEpochRef.current += 1;
+    setDraft(value);
+  }, []);
   const handleComposerSend = React2__namespace.useCallback(
     async (message) => {
-      const text = message.content;
-      const mentions = detectMentions(text, conversation.participants);
-      const attachments = await filesToComposerAttachments(
-        message.attachments ?? []
-      );
-      onMessageSent?.(text, { conversation, mentions, attachments });
+      const epoch = draftEpochRef.current;
+      try {
+        const text = message.content;
+        const mentions = detectMentions(text, conversation.participants);
+        const attachments = await filesToComposerAttachments(
+          message.attachments ?? []
+        );
+        await Promise.resolve(
+          onMessageSent?.(text, { conversation, mentions, attachments })
+        );
+      } catch {
+        if (draftEpochRef.current === epoch) {
+          setDraft(message.content);
+        }
+      }
     },
     [conversation, onMessageSent]
   );
@@ -1323,16 +1343,19 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5BVFVXHN_cjs.MessageComposer,
+          chunkOYQ7GYAA_cjs.ChatComposer,
           {
+            value: draft,
+            onValueChange: handleDraftChange,
             onSend: handleComposerSend,
             disabled: readOnly,
             placeholder: readOnly ? "Read-only conversation" : "Type a message\u2026 use @ to address an agent",
             mentionOptions,
-            showAttachmentPicker: !readOnly,
-            showCameraButton: false,
+            allowAttachments: !readOnly,
             acceptedFileTypes: composerAccept,
-            maxLength: 1e5
+            maxFileSize: 25 * 1024 * 1024,
+            maxLength: 1e5,
+            inputLabel: "Message"
           }
         )
       ]