@stack-spot/ai-chat-widget 1.28.1-beta.2 → 1.28.1

package/src/utils/upload/use-paste-upload.tsx

@@ -1,30 +0,0 @@
-import { useEffect } from 'react'
-
-interface UsePasteUploadProps {
-  textAreaRef: React.RefObject<HTMLTextAreaElement>,
-  onUploadFiles: (files: File[]) => void,
-  enabled?: boolean,
-}
-
-export const usePasteUpload = ({
-  textAreaRef,
-  onUploadFiles,
-  enabled = true,
-}: UsePasteUploadProps) => {
-  useEffect(() => {
-    const textarea = textAreaRef.current
-    if (!textarea || !enabled) return
-
-    const handlePaste = (e: ClipboardEvent) => {
-      if (e.clipboardData?.files?.length) {
-        onUploadFiles(Array.from(e.clipboardData.files))
-        e.preventDefault()
-      }
-    }
-
-    textarea.addEventListener('paste', handlePaste)
-    return () => {
-      textarea.removeEventListener('paste', handlePaste)
-    }
-  }, [onUploadFiles, textAreaRef, enabled])
-}

package/src/views/MessageInput/UploadDragNDrop.tsx

@@ -1,83 +0,0 @@
-import { IconBox } from '@citric/core'
-import { Document } from '@citric/icons'
-import { DragEvent, useCallback, useEffect, useState } from 'react'
-import { useCurrentChat } from '../../context/hooks'
-import { useMessageInputDictionary } from './dictionary'
-
-export function useUploadDragDrop(containerSelector: string = '.chat-container') {
-  const [isDragging, setIsDragging] = useState(false)
-  const chat = useCurrentChat()
-
-  const handleDrop = useCallback((e: DragEvent) => {
-    e.preventDefault()
-    e.stopPropagation()
-    setIsDragging(false)
-    if (e.dataTransfer?.files?.length) {
-      chat.uploadManager.add(Array.from(e.dataTransfer.files))
-    }
-  }, [chat])
-
-  const handleDragLeave = useCallback((e: DragEvent) => {
-    e.preventDefault()
-    if (e.currentTarget && !e.currentTarget.contains(e.relatedTarget as Node)) {
-      setIsDragging(false)
-    }
-  }, [])
-
-  useEffect(() => {
-    const container = document.querySelector(containerSelector) as HTMLDivElement | null
-    if (!container) return
-
-    const nativeHandleDragEnter = (e: Event) => {
-      e.preventDefault()
-      setIsDragging(true)
-    }
-
-    container.addEventListener('dragenter', nativeHandleDragEnter)
-    return () => {
-      container.removeEventListener('dragenter', nativeHandleDragEnter)
-    }
-  }, [containerSelector])
-
-  return {
-    isDragging,
-    handleDrop,
-    handleDragLeave,
-  }
-}
-
-interface UploadDragNDropProps {
-  isDragging?: boolean,
-  onDrop?: (e: DragEvent) => void,
-  onDragLeave?: (e: DragEvent) => void,
-}
-
-export const UploadDragNDrop = ({ isDragging, onDrop, onDragLeave }: UploadDragNDropProps) => {
-  const t = useMessageInputDictionary()
-
-  if (!isDragging) return null
-
-  return (
-    <div
-      className="upload-drag-drop"
-      data-active={isDragging}
-      role="dialog"
-      aria-modal="true"
-      aria-labelledby="upload-drag-drop-title"
-      aria-describedby="upload-drag-drop-description"
-      onDrop={onDrop}
-      onDragLeave={onDragLeave}
-      onDragOver={e => {
-        e.preventDefault()
-        e.stopPropagation()
-      }}
-      tabIndex={-1}
-    >
-      <IconBox size="lg" aria-hidden={true}>
-        <Document />
-      </IconBox>
-      <h2 id="upload-drag-drop-title">{t.uploadDragDropTitle}</h2>
-      <p id="upload-drag-drop-description">{t.uploadDragDropDescription}</p>
-    </div>
-  )
-}