open-chat-studio-widget 0.4.4 → 0.4.6

package/dist/types/components/ocs-chat/heroicons.d.ts

@@ -1,5 +1,8 @@
 export declare const XMarkIcon: () => any;
 export declare const GripDotsVerticalIcon: () => any;
-export declare const PencilSquare: () => any;
+export declare const PlusWithCircleIcon: () => any;
 export declare const ArrowsPointingOutIcon: () => any;
 export declare const ArrowsPointingInIcon: () => any;
+export declare const PaperClipIcon: () => any;
+export declare const CheckDocumentIcon: () => any;
+export declare const XIcon: () => any;

package/dist/types/components/ocs-chat/ocs-chat.d.ts

@@ -9,7 +9,17 @@ interface ChatAttachment {
     name: string;
     content_type: string;
     size: number;
-    content_url: string;
+}
+interface UploadedFile {
+    id: number;
+    name: string;
+    size: number;
+    content_type: string;
+}
+interface SelectedFile {
+    file: File;
+    uploaded?: UploadedFile;
+    error?: string;
 }
 export declare class OcsChat {
     private static readonly TASK_POLLING_MAX_ATTEMPTS;
@@ -20,6 +30,9 @@ export declare class OcsChat {
     private static readonly MOBILE_BREAKPOINT;
     private static readonly WINDOW_MARGIN;
     private static readonly LOCALSTORAGE_TEST_KEY;
+    private static readonly MAX_FILE_SIZE_MB;
+    private static readonly MAX_TOTAL_SIZE_MB;
+    private static readonly SUPPORTED_FILE_EXTENSIONS;
     /**
      * The ID of the chatbot to connect to.
      */
@@ -44,6 +57,10 @@ export declare class OcsChat {
      * The text to place in the header.
      */
     headerText: '';
+    /**
+     * The message to display in the new chat confirmation dialog.
+     */
+    newChatConfirmationMessage?: string;
     /**
      * Whether the chat widget is visible on load.
      */
@@ -81,16 +98,21 @@ export declare class OcsChat {
      * Allow the user to make the chat window full screen.
      */
     allowFullScreen: boolean;
-    loaded: boolean;
+    /**
+     * Allow the user to attach files to their messages.
+     */
+    allowAttachments: boolean;
+    /**
+     * The text to display while the assistant is typing/preparing a response.
+     */
+    typingIndicatorText?: string;
     error: string;
     messages: ChatMessage[];
     sessionId?: string;
     isLoading: boolean;
     isTyping: boolean;
     messageInput: string;
-    pollingInterval?: any;
-    lastPollTime?: Date;
-    isTaskPolling: boolean;
+    currentPollTaskId: string;
     isDragging: boolean;
     dragOffset: {
         x: number;
@@ -103,27 +125,37 @@ export declare class OcsChat {
     fullscreenPosition: {
         x: number;
     };
-    showStarterQuestions: boolean;
     parsedWelcomeMessages: string[];
     parsedStarterQuestions: string[];
     generatedUserId?: string;
     isFullscreen: boolean;
+    showNewChatConfirmation: boolean;
+    selectedFiles: SelectedFile[];
+    isUploadingFiles: boolean;
+    private pollingIntervalRef?;
     private messageListRef?;
     private textareaRef?;
     private chatWindowRef?;
+    private fileInputRef?;
     private chatWindowHeight;
     private chatWindowWidth;
     private chatWindowFullscreenWidth;
+    private positionInitialized;
     host: HTMLElement;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private addErrorMessage;
+    private handleError;
     private parseJSONProp;
     private parseWelcomeMessages;
     private parseStarterQuestions;
     private cleanup;
     private getApiBaseUrl;
+    private getApiHeaders;
     private startSession;
+    private markPendingFilesWithError;
+    private uploadFiles;
     private sendMessage;
     private handleStarterQuestionClick;
     private pollTaskResponse;
@@ -131,13 +163,21 @@ export declare class OcsChat {
     private pauseMessagePolling;
     private resumeMessagePolling;
     private pollForMessages;
-    private clearError;
     private scrollToBottom;
     private focusInput;
     private handleKeyPress;
     private handleInputChange;
+    private handleFileSelect;
+    private removeSelectedFile;
+    private formatFileSize;
     private formatTime;
-    load(): Promise<void>;
+    private toggleWindowVisibility;
+    /**
+     * Watch for changes to the `visible` attribute and update accordingly.
+     *
+     * @param visible - The new value for the field.
+     */
+    visibilityHandler(visible: boolean): Promise<void>;
     setPosition(position: 'left' | 'center' | 'right'): void;
     getPositionClasses(): string;
     private getFullscreenBounds;
@@ -173,7 +213,10 @@ export declare class OcsChat {
     private getOrGenerateUserId;
     private clearSessionStorage;
     private isLocalStorageAvailable;
-    private startNewChat;
+    private showConfirmationDialog;
+    private hideConfirmationDialog;
+    private confirmNewChat;
+    private actuallyStartNewChat;
     private toggleFullscreen;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -7,6 +7,10 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface OpenChatStudioWidget {
+        /**
+          * Allow the user to attach files to their messages.
+         */
+        "allowAttachments": boolean;
         /**
           * Allow the user to make the chat window full screen.
          */
@@ -35,6 +39,10 @@ export namespace Components {
           * URL of the icon to display on the button. If not provided, uses the default OCS logo.
          */
         "iconUrl"?: string;
+        /**
+          * The message to display in the new chat confirmation dialog.
+         */
+        "newChatConfirmationMessage"?: string;
         /**
           * Whether to persist session data to local storage to allow resuming previous conversations after page reload.
          */
@@ -51,6 +59,10 @@ export namespace Components {
           * Array of starter questions that users can click to send (JSON array of strings)
          */
         "starterQuestions"?: string;
+        /**
+          * The text to display while the assistant is typing/preparing a response.
+         */
+        "typingIndicatorText"?: string;
         /**
           * Used to associate chat sessions with a specific user across multiple visits/sessions
          */
@@ -82,6 +94,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface OpenChatStudioWidget {
+        /**
+          * Allow the user to attach files to their messages.
+         */
+        "allowAttachments"?: boolean;
         /**
           * Allow the user to make the chat window full screen.
          */
@@ -110,6 +126,10 @@ declare namespace LocalJSX {
           * URL of the icon to display on the button. If not provided, uses the default OCS logo.
          */
         "iconUrl"?: string;
+        /**
+          * The message to display in the new chat confirmation dialog.
+         */
+        "newChatConfirmationMessage"?: string;
         /**
           * Whether to persist session data to local storage to allow resuming previous conversations after page reload.
          */
@@ -126,6 +146,10 @@ declare namespace LocalJSX {
           * Array of starter questions that users can click to send (JSON array of strings)
          */
         "starterQuestions"?: string;
+        /**
+          * The text to display while the assistant is typing/preparing a response.
+         */
+        "typingIndicatorText"?: string;
         /**
           * Used to associate chat sessions with a specific user across multiple visits/sessions
          */

package/dist/types/utils/cookies.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Get CSRF token from cookies if the current domain matches the API base URL
+ */
+export declare function getCSRFToken(apiBaseUrl: string): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-chat-studio-widget",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Chat component for Open Chat Studio",
   "main": "dist/index.cjs.js",
   "exports": "./dist/esm/open-chat-studio-widget.js",
@@ -31,6 +31,7 @@
   "dependencies": {
     "@stencil/core": "^4.26.0",
     "dompurify": "^3.0.5",
+    "js-cookie": "^3.0.5",
     "marked": "^4.3.0",
     "npmrc": "^1.1.1"
   },
@@ -42,9 +43,9 @@
     "autoprefixer": "^10.4.20",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
+    "npm-run-all": "^4.1.5",
     "postcss-import": "^16.1.0",
     "puppeteer": "^24.2.0",
-    "npm-run-all": "^4.1.5",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3"
   },