@proteos/ui 0.41.1 → 0.42.0

package/dist/index.cjs

@@ -3299,7 +3299,8 @@ function MessageComposer({
   onRemoveAttachment,
   hasUploadingAttachments,
   showSendButton,
-  className
+  className,
+  bodyClassName
 }) {
   const [isSending, setIsSending] = react.useState(false);
   const [sendError, setSendError] = react.useState(null);
@@ -3308,6 +3309,9 @@ function MessageComposer({
   const [internalBcc, setInternalBcc] = react.useState([]);
   const [showCcBcc, setShowCcBcc] = react.useState(false);
   const textareaRef = react.useRef(null);
+  react.useEffect(() => {
+    if (textareaRef.current) autoGrow(textareaRef.current);
+  }, [value.text]);
   const to = toProp ?? internalTo;
   const cc = ccProp ?? internalCc;
   const bcc = bccProp ?? internalBcc;
@@ -3490,14 +3494,12 @@ function MessageComposer({
             value: value.text,
             placeholder,
             rows: 1,
-            onChange: (event) => {
-              onValueChange({ ...value, text: event.target.value });
-              autoGrow(event.currentTarget);
-            },
+            onChange: (event) => onValueChange({ ...value, text: event.target.value }),
             onKeyDown: onKeyDown2,
             className: chunkMWAXK66H_cjs.cn(
               "w-full resize-none bg-transparent outline-none",
-              "min-h-[40px] max-h-48 text-[14px] leading-[1.5] text-ink placeholder:text-ink-4"
+              "min-h-[40px] max-h-48 text-[14px] leading-[1.5] text-ink placeholder:text-ink-4",
+              bodyClassName
             ),
             "data-conversations-composer": true
           }
@@ -3560,7 +3562,7 @@ function MessageComposer({
 }
 function autoGrow(node) {
   node.style.height = "auto";
-  node.style.height = `${Math.min(node.scrollHeight, 192)}px`;
+  node.style.height = `${node.scrollHeight}px`;
 }
 var listenersByMessageId2 = /* @__PURE__ */ new Map();
 var lastOutcomeByMessageId = /* @__PURE__ */ new Map();
@@ -3635,8 +3637,10 @@ function DraftMessageComposer({
   client,
   onSent,
   onRejected,
+  onFailed,
   showActions = true,
-  className
+  className,
+  bodyClassName
 }) {
   const [phase, setPhase] = react.useState("loading");
   const [busy, setBusy] = react.useState("idle");
@@ -3759,6 +3763,7 @@ function DraftMessageComposer({
       if (result.status === "failed") {
         setTerminalKind("failed");
         setPhase("terminal");
+        onFailed?.(result);
         return;
       }
       setTerminalKind("sent");
@@ -3778,6 +3783,7 @@ function DraftMessageComposer({
     client,
     messageId,
     onSent,
+    onFailed,
     areRecipientsEditable,
     conversation,
     to
@@ -3870,6 +3876,7 @@ function DraftMessageComposer({
         value,
         onValueChange: setValue,
         placeholder: "Draft body\u2026",
+        ...bodyClassName !== void 0 ? { bodyClassName } : {},
         ...isEmail && !isSubjectEditable ? { isSubjectReadOnly: true } : {},
         onSend: async () => send(),
         ...areRecipientsEditable && message.connection_id ? {