@opengeni/react 7.1.2 → 7.2.0-canary.36239117573001

package/dist/{chunk-4ACTWOOW.js → chunk-VDSZ3AVO.js}

@@ -856,9 +856,9 @@ function useChatComposerController({
     (event) => {
       if (!attachments || !dragCarriesFiles(event)) return;
       event.preventDefault();
-      setDragging(true);
+      if (!disabled) setDragging(true);
     },
-    [attachments]
+    [attachments, disabled]
   );
   const handleDragLeave = useCallback2(
     (event) => {
@@ -873,10 +873,14 @@ function useChatComposerController({
       if (!attachments || !dragCarriesFiles(event)) return;
       event.preventDefault();
       setDragging(false);
-      if (event.dataTransfer.files.length > 0) attachments.addFiles(event.dataTransfer.files);
+      if (!disabled && event.dataTransfer.files.length > 0)
+        attachments.addFiles(event.dataTransfer.files);
     },
-    [attachments]
+    [attachments, disabled]
   );
+  useEffect(() => {
+    if (disabled) setDragging(false);
+  }, [disabled]);
   const [notice, setNotice] = useState2(null);
   const [helpOpen, setHelpOpen] = useState2(false);
   const [confirmState, setConfirmState] = useState2(null);
@@ -998,17 +1002,18 @@ function useChatComposerController({
   );
   const handlePaste = useCallback2(
     (event) => {
+      if (disabled) return;
       onPaste?.(event);
       attachments?.addFromPaste(event);
     },
-    [attachments, onPaste]
+    [attachments, disabled, onPaste]
   );
   const handleFileChange = useCallback2(
     (event) => {
-      if (event.target.files) attachments?.addFiles(event.target.files);
+      if (!disabled && event.target.files) attachments?.addFiles(event.target.files);
       event.target.value = "";
     },
-    [attachments]
+    [attachments, disabled]
   );
   const helpCommands = useMemo3(
     () => commands.filter((command) => {
@@ -1267,6 +1272,7 @@ function Attachments() {
     {
       attachments: controller.attachments.attachments,
       messages: controller.messages,
+      disabled: controller.disabled,
       onRemove: controller.attachments.remove,
       onRetry: controller.attachments.retry,
       onRetainPreview: controller.attachments.retainPreview,
@@ -1274,6 +1280,15 @@ function Attachments() {
     }
   );
 }
+var EDITING_FOCUS_SELECTOR = 'input, textarea, select, [contenteditable="true"], [role="textbox"]';
+var POPUP_FOCUS_SELECTOR = '[role="menu"], [role="menubar"], [role="listbox"], [role="dialog"], [role="alertdialog"]';
+function focusBelongsElsewhere(textarea) {
+  const active = textarea.ownerDocument.activeElement;
+  if (!active || active === textarea) return false;
+  if (active.closest(EDITING_FOCUS_SELECTOR)) return true;
+  const popup = active.closest(POPUP_FOCUS_SELECTOR);
+  return popup !== null && !popup.contains(textarea);
+}
 var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className, "aria-label": ariaLabel, autoFocus = false, ...props }, forwardedRef) {
   const controller = useComposerController();
   const autoFocusedRef = useRef2(false);
@@ -1284,9 +1299,7 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
       const textarea = controller.textareaRef.current;
       if (!textarea || textarea.disabled) return;
       autoFocusedRef.current = true;
-      const active = textarea.ownerDocument.activeElement;
-      if (active !== textarea && active?.closest('input, textarea, select, [contenteditable="true"], [role="textbox"]'))
-        return;
+      if (focusBelongsElsewhere(textarea)) return;
       textarea.focus();
     });
     return () => window.cancelAnimationFrame(frame);
@@ -1303,7 +1316,6 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
       onPaste: controller.handlePaste,
       placeholder: controller.paused && !controller.disabled ? controller.messages.pausedPlaceholder : placeholder ?? controller.messages.messagePlaceholder,
       disabled: controller.disabled,
-      autoFocus: autoFocus && !controller.disabled,
       "aria-label": ariaLabel ?? controller.messages.inputLabel,
       "aria-keyshortcuts": "Enter Meta+Enter Control+Enter Shift+Enter",
       "aria-autocomplete": controller.paletteEnabled && controller.paletteMounted ? "list" : void 0,
@@ -1790,6 +1802,7 @@ function ConfirmBar({
 function AttachmentChips({
   attachments,
   messages,
+  disabled,
   onRemove,
   onRetry,
   onRetainPreview,
@@ -1898,7 +1911,8 @@ function AttachmentChips({
             {
               type: "button",
               onClick: () => onRetry(attachment.id),
-              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
+              disabled,
+              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-10",
               "aria-label": messages.retryAttachment(attachment.name),
               children: /* @__PURE__ */ jsx3(RotateCwIcon, { className: "size-3.5" })
             }
@@ -1908,7 +1922,8 @@ function AttachmentChips({
             {
               type: "button",
               onClick: () => onRemove(attachment.id),
-              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
+              disabled,
+              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-10",
               "aria-label": messages.removeAttachment(attachment.name),
               children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3.5" })
             }
@@ -3123,6 +3138,7 @@ function useVoiceInput({
   const automaticRetryAttemptRef = useRef4(0);
   const ownerHeartbeatTimerRef = useRef4(null);
   const controllerRef = useRef4(null);
+  const disabledRef = useRef4(disabled);
   const valueRef = useRef4(value);
   const storeRef = useRef4(null);
   const storePromiseRef = useRef4(null);
@@ -3136,6 +3152,7 @@ function useVoiceInput({
   const statusRef = useRef4(status);
   valueRef.current = value;
   statusRef.current = status;
+  disabledRef.current = disabled;
   workspaceIdRef.current = workspaceId;
   const ensureOwnerId = useCallback4(async () => {
     if (ownerIdRef.current) return ownerIdRef.current;
@@ -3384,6 +3401,10 @@ function useVoiceInput({
           focusInput();
           return;
         }
+        if (disabledRef.current) {
+          setStatus("transcript-ready");
+          return;
+        }
         const next = appendFinalTranscript(valueRef.current, response.text);
         if (next !== valueRef.current) {
           valueRef.current = next;
@@ -3759,14 +3780,14 @@ function useVoiceInput({
   ]);
   const insertSavedTranscript = useCallback4(async () => {
     const manifest = manifestRef.current;
-    if (!manifest || manifest.workspaceId !== workspaceId || manifest.finalizationState !== "transcript-ready" || manifest.transcriptText === null) {
+    if (disabledRef.current || !manifest || manifest.workspaceId !== workspaceId || manifest.finalizationState !== "transcript-ready" || manifest.transcriptText === null) {
       return;
     }
     const generation = ++generationRef.current;
     controllerRef.current?.abort();
     controllerRef.current = null;
     const store = await ensureStore();
-    if (generation !== generationRef.current) return;
+    if (generation !== generationRef.current || disabledRef.current) return;
     const next = appendFinalTranscript(valueRef.current, manifest.transcriptText);
     if (next !== valueRef.current) {
       valueRef.current = next;
@@ -4360,12 +4381,13 @@ function ComposerTranscriptionControl({
                     "button",
                     {
                       type: "button",
+                      disabled: composer.disabled && !retrying,
                       onClick: () => savedTranscript ? void transcription.insertSavedTranscript() : retrying ? transcription.cancel() : transcription.retry(),
                       "aria-label": savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
                       className: cn(
                         "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
                         "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
-                        "hover:bg-og-fg-muted pointer-coarse:size-11"
+                        "hover:bg-og-fg-muted disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11"
                       ),
                       children: savedTranscript ? /* @__PURE__ */ jsx4(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx4(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx4(RefreshCwIcon, { className: "size-3.5" })
                     }
@@ -4376,12 +4398,13 @@ function ComposerTranscriptionControl({
                 "button",
                 {
                   type: "button",
+                  disabled: composer.disabled,
                   onClick: () => void transcription.discard(),
                   "aria-label": messages.discardRecovered,
                   className: cn(
                     "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
                     "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
-                    "hover:bg-og-surface-3 hover:text-og-status-failed pointer-coarse:size-11"
+                    "hover:bg-og-surface-3 hover:text-og-status-failed disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11"
                   ),
                   children: /* @__PURE__ */ jsx4(Trash2Icon, { className: "size-3.5" })
                 }
@@ -4666,4 +4689,4 @@ export {
   useVoiceInput,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-4ACTWOOW.js.map
+//# sourceMappingURL=chunk-VDSZ3AVO.js.map