@aslaluroba/help-center-react 3.2.17 → 3.2.18

package/src/lib/types.ts

@@ -1,158 +0,0 @@
-export interface HelpCenterProps extends React.HTMLAttributes<HTMLDivElement> {
-  helpScreenId: string;
-  primaryColor?: string;
-  language?: 'ar' | 'en';
-}
-
-export interface Theme {
-  primary: string;
-  secondary: string;
-  text: string;
-  background: string;
-  error: string;
-  success: string;
-}
-
-export interface UserData {
-  id: string;
-  name: string;
-  email: string;
-  avatar?: string;
-}
-
-export interface Message {
-  id: number;
-  senderType: number; // 1: Customer, 2: Agent, 3: AI
-  messageContent: string;
-  sentAt: Date;
-  isSeen: boolean;
-  attachmentIds?: string[]; // For user-sent messages (file IDs)
-  attachmentUrls?: string[]; // For received messages from Ably (download URLs)
-}
-
-export interface ChatSession {
-  id: string;
-  messages: Message[];
-  participants: UserData[];
-  status: 'active' | 'closed';
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-export interface ChatSessionData {
-  helpScreenId: string;
-  user: UserData;
-  initialMessage?: string;
-}
-
-export interface HelpCenterConfig {
-  baseUrl: string;
-  getToken: () => Promise<{ token: string; expiresIn: number }>;
-  helpScreenId: string;
-  user?: UserData;
-  theme?: Partial<Theme>;
-  onMessageReceived?: (message: Message) => void;
-  onSessionClosed?: () => void;
-  onError?: (error: Error) => void;
-}
-
-export interface HelpScreenOption {
-  id: string;
-  title: string;
-  paragraphs?: string[];
-  nestedOptions?: HelpScreenOption[];
-  chatWithUs?: boolean;
-}
-
-export interface HelpScreen {
-  id: string;
-  title: string;
-  options: HelpScreenOption[];
-}
-
-export interface ApiResponse<T> {
-  data: T;
-  success: boolean;
-  error?: string;
-}
-
-export interface TokenResponse {
-  token: string;
-  expiresIn: number;
-}
-
-export interface HelpScreenData {
-  id: string;
-  tenantId: string;
-  tenant: {
-    id: string;
-    name: string;
-    key: string;  
-    logoUrl: string;
-    settings: {
-      description: string;
-    };
-  };
-  title: string;
-  description: string;
-  options: Option[];
-  chatWithUs: boolean;
-}
-
-export interface Option {
-  id: string;
-  helpScreenId: string;
-  parentOptionId: string | null;
-  parentOption: Option | null;
-  files: any[];
-  nestedOptions: Option[];
-  title: string;
-  paragraphs: string[];
-  chatWithUs: boolean;
-  assistantId?: string;
-  assistant?: {
-    id: string;
-    tenantId: string;
-    tenant: {
-      id: string;
-      name: string;
-      key: string;
-    };
-    name: string;
-    openAIAssistantId: string;
-    greeting: string;
-    closing: string;
-  };
-  hasNestedOptions: boolean;
-  order: number;
-}
-
-export interface ReviewProps {
-  comment?: string;
-  rating: number;
-}
-
-export interface PresignUploadRequestDto {
-  name: string;
-  contentType: string;
-  sizeBytes: number;
-  pathData: {
-    type: number;
-    chatSessionId: string;
-  };
-}
-
-export interface PresignUploadResponse {
-  id: string;
-  uploadUrl: string;
-  path: string;
-  expiresAt: string;
-}
-
-export interface PresignDownloadResponse {
-  id: string;
-  name: string;
-  downloadUrl: string;
-  contentType: string;
-  expiresAt: string;
-}

package/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/locales/ar.json

@@ -1,45 +0,0 @@
-{
-  "homeSdk": {
-    "chatTitle": "تحدث مع",
-    "tryBabylAi": "جرّب Babyl AI مجانًا 🎉",
-    "contactSdk": "تواصل معنا، دعنا نتحدث!",
-    "welcomeMessage": "مرحبًا! 👋 أنا Babyl AI، هنا لمساعدتك.",
-    "chatNow": "ابدأ المحادثة",
-    "getstarted": "للبدء",
-    "pickTopic": "اختر موضوعًا",
-    "endChat": "إنهاء المحادثة",
-    "needAssistance": "هل تحتاج مساعدة؟ لاتردد في اخباري اضغط هنا",
-    "placeholder": "اكتب سؤالك هنا",
-    "poweredBy": "مدعوم بواسطة",
-    
-    "ReviewDialog": {
-      "title": "نحن نقدر ملاحظاتك!",
-      "simple_title": "نود معرفة رأيك!",
-      "simple_description": "رأيك يساعدنا على التحسين وتقديم دعم أفضل. يُرجى تقييم تجربتك مع خدمتنا وإخبارنا كيف كان أداؤنا.",
-      "description": "رأيك يساعدنا على التحسين وتقديم دعم أفضل. يُرجى تقييم تجربتك مع خدمتنا وإخبارنا كيف كان أداؤنا.",
-      "rating_label": "التقييم:",
-      "comment_label": "التعليق:",
-      "comment_placeholder": "اكتب تعليقك هنا...",
-      "submit_button": "إرسال التقييم",
-      "rate_button": "تقييم",
-      "comment_error": "يجب أن يكون الحقل التعليق نصًا بحد أقصى 500 حرف.",
-      "rating_error": "يجب أن يكون التقييم بين 1 و5.",
-      "skip_button": "تخطي"
-    },
-    "InChatReview": {
-      "title": "كيف كانت محادثتك معنا اليوم؟",
-      "description": "نحب أن نعرف كيف كان أداؤنا - ملاحظاتك تساعدنا على جعل كل محادثة أفضل.",
-      "follow_up": "رائع! نحن سعداء أنك استمتعت بالدردشة معنا. هل يمكنك تقييم تجربتك الإجمالية لمساعدتنا على الحفاظ على ذلك؟",
-      "note_placeholder": "اكتب ملاحظتك",
-      "submit_button": "تقديم"
-    },
-    "ConfirmationModal": {
-      "title": "تريد المغادرة؟ 👋",
-      "message": "لا تقلق، يمكنك العودة في أي وقت. نحن دائما هنا إذا كنت تحتاج مساعدة أو لديك أسئلة.",
-      "confirmation_button": "إغلاق المحادثة",
-      "cancel_button": "استمرار",
-      "endAndStartNewChatTitle": "إنهاء وبدء محادثة جديدة",
-      "endAndStartNewChatMessage": "هل أنت متأكد أنك تريد إنهاء هذه المحادثة وبدء محادثة جديدة؟"
-    }
-  }
-}

package/src/locales/en.json

@@ -1,45 +0,0 @@
-{
-  "homeSdk": {
-    "chatTitle": "Chat with",
-    "tryBabylAi": "Try Babyl AI for Free 🎉",
-    "contactSdk": "Contact us, Let's Talk!",
-    "welcomeMessage": "Hey there! 👋 I'm Babyl AI, here to assist you.",
-    "chatNow": "Chat Now",
-    "getstarted": "Get Started",
-    "pickTopic": "Pick a Topic to",
-    "endChat": "End Chat",
-    "needAssistance": "Need assistance Or You want to try the Product? Click here",
-    "placeholder": "write your message here...",
-    "poweredBy": "Powered by",
-
-    "ReviewDialog": {
-      "title": "We’d Love Your Feedback!",
-      "simple_title": "We'd Love Your Feedback!",
-      "simple_description": "Your opinion helps us improve and deliver better support. Please rate your experience with our service and let us know how we did.",
-      "description": "Your opinion helps us improve and deliver better support. Please rate your experience with our service and let us know how we did.",
-      "rating_label": "Rating:",
-      "comment_label": "Comment:",
-      "comment_placeholder": "Write your comment here...",
-      "submit_button": "Submit Review",
-      "rate_button": "Rate",
-      "comment_error": "The field Comment must be a string with a maximum length of 500.",
-      "rating_error": "Rating must be between 1 and 5.",
-      "skip_button": "Skip"
-    },
-    "InChatReview": {
-      "title": "How was your conversation with us today?",
-      "description": "We'd love to know how we did - your feedback helps us make every chat even better.",
-      "follow_up": "Awesome! We're glad you enjoyed chatting with us. Could you rate your overall experience to help us keep it that way?",
-      "note_placeholder": "Write Your Note",
-      "submit_button": "Submit Review"
-    },
-    "ConfirmationModal": {
-      "title": "Leaving so soon? 👋",
-      "message": "Don't worry, you can come back anytime. We're always here if you need help or have questions.",
-      "confirmation_button": "Close Chat",
-      "cancel_button": "Continue",
-      "endAndStartNewChatTitle": "End and Start New Chat",
-      "endAndStartNewChatMessage": "Are you sure you want to end the current conversation and start a new one?"
-    }
-  }
-}

package/src/services.ts

@@ -1,14 +0,0 @@
-// Services export file - separate from main component exports
-// This prevents Fast Refresh issues with non-React components
-
-// Re-export services for backward compatibility
-export { ApiService } from './core/ApiService';
-export { ClientAblyService as AblyService } from './core/AblyService';
-export { TokenService } from './core/token-service';
-
-// Re-export API functions
-export { initializeAPI, getValidToken, apiRequest } from './core/api';
-
-// Re-export types that might be needed with services
-export type { TokenResponse } from './lib/types';
-export * from './lib/types';

package/src/types/icons.d.ts

@@ -1,6 +0,0 @@
-declare module "~icons/*" {
-  import type { FC, SVGProps } from "react";
-  const Icon: FC<SVGProps<SVGSVGElement> & { title?: string }>;
-  export default Icon;
-}
-

package/src/types/svg.d.ts

@@ -1,5 +0,0 @@
-declare module "*.svg" {
-  import type { FC, SVGProps } from "react";
-  const SVG: FC<SVGProps<SVGSVGElement> & { title?: string }>;
-  export default SVG;
-}

package/src/types.d.ts

@@ -1,9 +0,0 @@
-declare module '*.css' {
-  const content: { [className: string]: string }
-  export default content
-}
-
-declare module '*.gif' {
-  const src: string
-  export default src
-}

package/src/ui/chatbot-popup/active-chat-actions.tsx

@@ -1,39 +0,0 @@
-import { Button } from '@/components';
-import { useLocalTranslation } from '@/useLocalTranslation';
-import React from 'react';
-import SolarPlain2BoldDuotone from '~icons/solar/plain-2-bold-duotone';
-
-interface ActiveChatActionsProps {
-  onConfirm: () => void;
-  onCancel: () => void;
-}
-
-export const ActiveChatActions: React.FC<ActiveChatActionsProps> = ({
-  onConfirm,
-  onCancel,
-}) => {
-  const { t } = useLocalTranslation();
-
-  return (
-    <section className="babylai:flex babylai:justify-between babylai:gap-3 babylai:px-4 babylai:py-6 babylai:absolute babylai:left-0 babylai:right-0 babylai:bottom-11 babylai:z-20 babylai:bg-linear-to-t babylai:from-card babylai:to-transparent babylai:from-[28.32%] babylai:to-[112.59%]">
-      <Button
-        onClick={onConfirm}
-        variant='secondary'
-      >
-        {t('homeSdk.ConfirmationModal.confirmation_button')}
-
-      </Button>
-      <Button
-        onClick={onCancel}
-        variant='default'
-      >
-        {t('homeSdk.ConfirmationModal.cancel_button')}
-        <SolarPlain2BoldDuotone className="babylai:w-6 babylai:h-6" />
-      </Button>
-    </section>
-  );
-};
-
-ActiveChatActions.displayName = 'ActiveChatActions';
-
-export default ActiveChatActions;

package/src/ui/chatbot-popup/chat-window-screen/action-button.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { cn } from '@/lib/utils';
-
-interface ActionButtonProps {
-  onClick: () => void;
-  icon?: React.ReactNode;
-  children?: React.ReactNode;
-  ariaLabel?: string;
-  className?: string;
-}
-
-const ActionButton: React.FC<ActionButtonProps> = ({
-  onClick,
-  icon,
-  children,
-  ariaLabel,
-  className,
-}) => {
-  return (
-    <button
-      onClick={onClick}
-      className={cn(
-        'babylai:bg-card babylai:text-card-foreground babylai:h-6 babylai:w-8 babylai:rounded-full babylai:flex babylai:items-center babylai:justify-center babylai:font-bold babylai:text-base babylai:cursor-pointer babylai:border-0',
-        className
-      )}
-      aria-label={ariaLabel}
-      type="button"
-    >
-      {icon}
-      {children}
-    </button>
-  );
-};
-
-ActionButton.displayName = 'ActionButton';
-
-export default ActionButton;

package/src/ui/chatbot-popup/chat-window-screen/footer.tsx

@@ -1,313 +0,0 @@
-import React, { useRef, useState, useCallback } from 'react';
-import axios from 'axios';
-import { ImagePreviewDialog } from '@/components/ui';
-import MaterialSymbolsCloseSmallOutlineRounded from '~icons/material-symbols/close-small-outline-rounded'
-import { useLocalTranslation } from '../../../useLocalTranslation';
-import { presignUpload } from '@/core/api';
-import SolarPlain2BoldDuotone from '~icons/solar/plain-2-bold-duotone'
-import SolarPaperclipBoldDuotone from '~icons/solar/paperclip-bold-duotone'
-
-interface SelectedFileDto {
-  file: File;
-  previewUrl: string;
-  uploading: boolean;
-  uploadedId: string | null;
-  error: string | null;
-}
-
-interface ChatWindowFooterProps {
-  inputMessage: string;
-  setInputMessage: (e: string) => void;
-  handleSendMessage: (attachmentIds: string[]) => void;
-  isLoading: boolean;
-  isChatClosed?: boolean;
-  onEnsureSession: () => Promise<string>;
-  sessionId?: string | null; // Pass existing sessionId to avoid creating new sessions
-}
-
-const ChatWindowFooter: React.FC<ChatWindowFooterProps> = (props) => {
-  const { t, i18n } = useLocalTranslation();
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const [selectedFiles, setSelectedFiles] = useState<SelectedFileDto[]>([]);
-  const [previewImage, setPreviewImage] = useState<string | null>(null);
-  const [isSending, setIsSending] = useState(false);
-
-  const handleAttachClick = useCallback(() => {
-    fileInputRef.current?.click();
-  }, []);
-
-  const handleFileSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    const files = Array.from(e.target.files || []);
-
-    // Validate that all files are images
-    const imageFiles = files.filter((file) => file.type.startsWith('image/'));
-
-    // Create preview URLs and add to selected files (don't upload yet)
-    const newFiles: SelectedFileDto[] = imageFiles.map((file) => ({
-      file,
-      previewUrl: URL.createObjectURL(file),
-      uploading: false,
-      uploadedId: null,
-      error: null,
-    }));
-
-    setSelectedFiles((prev) => [...prev, ...newFiles]);
-
-    // Clear the input
-    if (fileInputRef.current) {
-      fileInputRef.current.value = '';
-    }
-
-    // Don't upload files immediately - wait for send button click
-  }, []);
-
-  // Removed handleUploadFiles - files are now uploaded in handleSendMessageWithAttachments
-
-  const handleRemoveFile = useCallback((previewUrl: string) => {
-    setSelectedFiles((prev) => {
-      const fileToRemove = prev.find((f) => f.previewUrl === previewUrl);
-      if (fileToRemove) {
-        URL.revokeObjectURL(fileToRemove.previewUrl);
-      }
-      return prev.filter((f) => f.previewUrl !== previewUrl);
-    });
-  }, []);
-
-  const handleSendMessageWithAttachments = useCallback(async () => {
-    // Prevent sending if already loading or chat was closed from chat screen
-    if (props.isLoading || props.isChatClosed || isSending) {
-      return;
-    }
-
-    setIsSending(true);
-
-    try {
-      // Get files that need to be uploaded (those without uploadedId)
-      const filesToUpload = selectedFiles.filter((f) => f.uploadedId === null && !f.error);
-      const alreadyUploadedIds = selectedFiles.filter((f) => f.uploadedId !== null).map((f) => f.uploadedId as string);
-
-      // Declare uploadedIds outside the if block so it's accessible later
-      let uploadedIds: string[] = [];
-
-      // If there are files to upload, upload them first
-      if (filesToUpload.length > 0) {
-        // Get session ID - ensure session exists if needed (for image-only messages)
-        let sessionId: string | null = null;
-        try {
-          // Use existing sessionId if available, otherwise ensure session is created
-          if (props.sessionId) {
-            sessionId = props.sessionId;
-          } else {
-            // Ensure session exists before uploading files (allows starting chat with image only)
-            sessionId = await props.onEnsureSession();
-          }
-        } catch (error) {
-          console.error('[ChatWindowFooter] Failed to get sessionId for file upload:', error);
-          // Mark all files as error
-          setSelectedFiles((prev) =>
-            prev.map((f) =>
-              filesToUpload.some((ftl) => ftl.previewUrl === f.previewUrl)
-                ? { ...f, error: 'Failed to initialize session', uploading: false }
-                : f
-            )
-          );
-          setIsSending(false);
-          return;
-        }
-
-        // Upload each file and collect uploaded IDs
-        uploadedIds = [];
-        let hasUploadErrors = false;
-
-        for (const fileDto of filesToUpload) {
-          try {
-            // Mark as uploading
-            setSelectedFiles((prev) =>
-              prev.map((f) => (f.previewUrl === fileDto.previewUrl ? { ...f, uploading: true, error: null } : f))
-            );
-
-            // Get presigned URL
-            const presignResponse = await presignUpload(sessionId, fileDto.file, i18n.language as 'ar' | 'en');
-
-            // Upload file to presigned URL using axios
-            const uploadResponse = await axios.put(presignResponse.uploadUrl, fileDto.file, {
-              headers: {
-                'Content-Type': fileDto.file.type,
-              },
-              onUploadProgress: () => {
-                // Upload progress tracking (silent)
-              },
-            });
-
-            if (uploadResponse.status !== 200 && uploadResponse.status !== 204) {
-              throw new Error(`Upload failed with status ${uploadResponse.status}`);
-            }
-
-            // Collect uploaded ID
-            uploadedIds.push(presignResponse.id);
-
-            // Update with uploaded ID
-            setSelectedFiles((prev) =>
-              prev.map((f) =>
-                f.previewUrl === fileDto.previewUrl
-                  ? { ...f, uploading: false, uploadedId: presignResponse.id, error: null }
-                  : f
-              )
-            );
-          } catch (error) {
-            console.error('[ChatWindowFooter] File upload failed:', error);
-            hasUploadErrors = true;
-            setSelectedFiles((prev) =>
-              prev.map((f) =>
-                f.previewUrl === fileDto.previewUrl
-                  ? { ...f, uploading: false, error: 'Upload failed', uploadedId: null }
-                  : f
-              )
-            );
-          }
-        }
-
-        // If any uploads failed, don't send the message
-        if (hasUploadErrors) {
-          console.error('[ChatWindowFooter] Some files failed to upload, not sending message');
-          setIsSending(false);
-          return;
-        }
-      }
-
-      // Get all successfully uploaded file IDs (already uploaded + newly uploaded)
-      // Use uploadedIds from the upload loop instead of reading from state
-      const allAttachmentIds = [...alreadyUploadedIds, ...uploadedIds];
-
-      // Call the original send message with attachment IDs
-      props.handleSendMessage(allAttachmentIds);
-
-      // Clear selected files and revoke URLs
-      selectedFiles.forEach((f) => URL.revokeObjectURL(f.previewUrl));
-      setSelectedFiles([]);
-      setIsSending(false);
-    } catch (error) {
-      console.error('[ChatWindowFooter] Error sending message:', error);
-      setIsSending(false);
-    }
-  }, [selectedFiles, props, i18n.language as 'ar' | 'en', isSending]);
-
-  // Check if any files are currently uploading
-  const hasUploadingFiles = selectedFiles.some((f) => f.uploading);
-
-  // Check if there are files with errors
-  const hasFileErrors = selectedFiles.some((f) => f.error !== null);
-
-  // Allow sending if there's text OR files selected (files will be uploaded on send)
-  const hasContentToSend = props.inputMessage.trim() !== '' || selectedFiles.length > 0;
-  const isSendDisabled =
-    props.isLoading || props.isChatClosed || isSending || !hasContentToSend || hasUploadingFiles || hasFileErrors;
-  const showLoading = props.isLoading || isSending || hasUploadingFiles;
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      if (e.key === 'Enter' && !e.shiftKey) {
-        e.preventDefault();
-        if (!isSendDisabled) {
-          handleSendMessageWithAttachments();
-        }
-      }
-    },
-    [isSendDisabled, handleSendMessageWithAttachments]
-  );
-
-  return (
-    <footer className='babylai:flex babylai:flex-col babylai:gap-2 babylai:mx-4 babylai:mb-2'>
-      {selectedFiles.length > 0 && (
-        <div className='babylai:flex babylai:gap-2 babylai:flex-wrap babylai:p-2 babylai:bg-card babylai:rounded-lg'>
-          {selectedFiles.map((file) => (
-            <div key={file.previewUrl} className='babylai:relative babylai:group'>
-              <img
-                src={file.previewUrl}
-                alt='Preview'
-                className='babylai:w-16 babylai:h-16 babylai:object-cover babylai:rounded-lg babylai:border babylai:border-black-white-200 babylai:cursor-pointer babylai:hover:opacity-80 babylai:transition-opacity'
-                onClick={() => setPreviewImage(file.previewUrl)}
-                role='button'
-                aria-label='Click to preview image'
-              />
-              {file.uploading && (
-                <div className='babylai:absolute babylai:inset-0 babylai:flex babylai:items-center babylai:justify-center babylai:bg-black babylai:bg-opacity-50 babylai:rounded-lg'>
-                  <div className='babylai:animate-spin babylai:rounded-full babylai:h-6 babylai:w-6 babylai:border-2 babylai:border-white babylai:border-t-transparent'></div>
-                </div>
-              )}
-              {file.error && (
-                <div className='babylai:absolute babylai:inset-0 babylai:flex babylai:items-center babylai:justify-center babylai:bg-red-500 babylai:bg-opacity-70 babylai:rounded-lg'>
-                  <span className='babylai:text-white babylai:text-xs'>Error</span>
-                </div>
-              )}
-              <button
-                onClick={() => handleRemoveFile(file.previewUrl)}
-                className='babylai:border-0 babylai:p-0 babylai:absolute babylai:-top-2 babylai:-right-2 babylai:bg-destructive babylai:text-white babylai:rounded-full babylai:w-5 babylai:h-5 babylai:flex babylai:items-center babylai:justify-center babylai:cursor-pointer'
-                type='button'
-                aria-label='Remove image'
-              >
-                <MaterialSymbolsCloseSmallOutlineRounded className='babylai:w-3 babylai:h-3' />
-              </button>
-            </div>
-          ))}
-        </div>
-      )}
-
-      <div className='babylai:flex babylai:items-center babylai:gap-2 babylai:relative babylai:rounded-full babylai:bg-card babylai:py-3 babylai:px-4'>
-        <input
-          type='file'
-          ref={fileInputRef}
-          onChange={handleFileSelect}
-          accept='image/*'
-          multiple
-          className='babylai:hidden'
-        />
-        <div className='babylai:border-e babylai:border-border babylai:pe-2'>
-          <button
-            onClick={handleAttachClick}
-            disabled={props.isLoading || props.isChatClosed}
-            className='babylai:flex babylai:items-center babylai:justify-center babylai:border-0 babylai:rounded-full babylai:w-8 babylai:h-8 babylai:cursor-pointer babylai:bg-secondary babylai:text-muted-foreground babylai:hover:text-primary-500 babylai:transition-colors babylai:disabled:opacity-50 babylai:disabled:cursor-not-allowed'
-            type='button'
-            aria-label='Attach image'
-          >
-            <SolarPaperclipBoldDuotone className='babylai:w-4 babylai:h-4' />
-          </button>
-        </div>
-        <input
-          type='text'
-          value={props.inputMessage}
-          onChange={(e) => props.setInputMessage(e.target.value)}
-          onKeyDown={handleKeyDown}
-          placeholder={t('homeSdk.placeholder')}
-          disabled={props.isChatClosed}
-          className='babylai:flex-1 babylai:py-2 babylai:px-2 babylai:bg-transparent babylai:outline-none babylai:text-sm babylai:border-none babylai:text-card-foreground babylai:disabled:opacity-50 babylai:disabled:cursor-not-allowed'
-        />
-        <button
-          onClick={handleSendMessageWithAttachments}
-          disabled={isSendDisabled || props.isChatClosed}
-          className='babylai:border-0 babylai:rounded-full babylai:bg-primary-500 babylai:hover:bg-primary-600 babylai:w-8 babylai:h-8 babylai:p-0 babylai:flex babylai:items-center babylai:justify-center babylai:disabled:opacity-50 babylai:text-white babylai:cursor-pointer babylai:disabled:cursor-not-allowed'
-          type='button'
-        >
-          {showLoading ? (
-            <div className='babylai:inline-block babylai:animate-spin babylai:rounded-full babylai:h-4 babylai:w-4 babylai:aspect-square babylai:border-2 babylai:border-white babylai:border-t-transparent babylai:box-border'></div>
-          ) : (
-            <SolarPlain2BoldDuotone className="babylai:w-4 babylai:h-4" />
-          )}
-        </button>
-      </div>
-
-      {/* Image Preview Dialog */}
-      {previewImage && (
-        <ImagePreviewDialog
-          imageUrls={[previewImage]}
-          initialIndex={0}
-          isOpen={!!previewImage}
-          onClose={() => setPreviewImage(null)}
-          alt='Image preview'
-        />
-      )}
-    </footer>
-  );
-};
-
-export default ChatWindowFooter;