@opengeni/react 2.5.0-canary.0 → 2.5.0-canary.2

package/dist/{chunk-NVREJA6V.js → chunk-ZUT5QSQB.js}

@@ -2883,6 +2883,7 @@ import {
   useContext,
   useEffect as useEffect3,
   useId as useId2,
+  useLayoutEffect,
   useMemo as useMemo4,
   useRef as useRef4,
   useState as useState4
@@ -3047,6 +3048,28 @@ function useChatComposerController({
   const submittingRef = useRef4(false);
   const controlOperationRef = useRef4(false);
   const mountedRef = useRef4(true);
+  const deliveredValueRef = useRef4(delivery.value);
+  const liveValueRef = useRef4(delivery.value);
+  const [renderedValue, setRenderedValue] = useState4(delivery.value);
+  const deliveryChanged = delivery.value !== deliveredValueRef.current;
+  if (deliveryChanged) {
+    deliveredValueRef.current = delivery.value;
+    liveValueRef.current = delivery.value;
+  }
+  const setComposerValue = useCallback4(
+    (next) => {
+      liveValueRef.current = next;
+      setRenderedValue(next);
+      delivery.setValue(next);
+    },
+    [delivery.setValue]
+  );
+  const visibleValue = deliveryChanged ? delivery.value : renderedValue;
+  useLayoutEffect(() => {
+    if (renderedValue !== liveValueRef.current) {
+      setRenderedValue(liveValueRef.current);
+    }
+  }, [delivery.value, renderedValue]);
   useEffect3(() => {
     mountedRef.current = true;
     return () => {
@@ -3131,7 +3154,7 @@ function useChatComposerController({
       applyComposerTextareaHeight(textarea, 220);
     });
   }, []);
-  useEffect3(() => resizeInput(), [delivery.value, resizeInput]);
+  useEffect3(() => resizeInput(), [resizeInput, visibleValue]);
   useEffect3(
     () => () => {
       if (resizeInputRafRef.current !== null) {
@@ -3165,8 +3188,8 @@ function useChatComposerController({
     commands,
     context: commandContext,
     handlers,
-    value: delivery.value,
-    setValue: delivery.setValue
+    value: visibleValue,
+    setValue: setComposerValue
   });
   const paletteEnabled = commandContext !== void 0;
   const commandDraftBlocked = paletteEnabled && palette.isCommandDraft;
@@ -3330,8 +3353,8 @@ function useChatComposerController({
     handlePaste,
     handleFileChange,
     focusInput: () => textareaRef.current?.focus(),
-    setValue: delivery.setValue,
-    value: delivery.value
+    setValue: setComposerValue,
+    value: visibleValue
   };
 }
 var ComposerContext = createContext(null);
@@ -4531,4 +4554,4 @@ export {
   Status,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-NVREJA6V.js.map
+//# sourceMappingURL=chunk-ZUT5QSQB.js.map