open-chat-studio-widget 0.5.2 → 0.6.0

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-Ctja7z-R.js');
+var index = require('./index-CcvroTR_.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["open-chat-studio-widget.cjs",[[257,"open-chat-studio-widget",{"chatbotId":[1,"chatbot-id"],"apiBaseUrl":[1,"api-base-url"],"buttonText":[1,"button-text"],"iconUrl":[1,"icon-url"],"embedKey":[1,"embed-key"],"buttonShape":[1,"button-shape"],"headerText":[1,"header-text"],"newChatConfirmationMessage":[1,"new-chat-confirmation-message"],"visible":[1028],"position":[1025],"welcomeMessages":[1,"welcome-messages"],"starterQuestions":[1,"starter-questions"],"userId":[1,"user-id"],"userName":[1,"user-name"],"persistentSession":[4,"persistent-session"],"persistentSessionExpire":[2,"persistent-session-expire"],"allowFullScreen":[4,"allow-full-screen"],"allowAttachments":[4,"allow-attachments"],"typingIndicatorText":[1,"typing-indicator-text"],"language":[1],"translationsUrl":[1,"translations-url"],"error":[32],"messages":[32],"sessionId":[32],"isLoading":[32],"isTyping":[32],"messageInput":[32],"currentPollTaskId":[32],"isDragging":[32],"dragOffset":[32],"windowPosition":[32],"fullscreenPosition":[32],"parsedWelcomeMessages":[32],"parsedStarterQuestions":[32],"generatedUserId":[32],"isFullscreen":[32],"showNewChatConfirmation":[32],"selectedFiles":[32],"isUploadingFiles":[32],"isButtonDragging":[32],"buttonWasDragged":[32]},null,{"visible":["visibilityHandler"]}]]]], options);
+  return index.bootstrapLazy([["open-chat-studio-widget.cjs",[[257,"open-chat-studio-widget",{"chatbotId":[1,"chatbot-id"],"apiBaseUrl":[1,"api-base-url"],"buttonText":[1,"button-text"],"iconUrl":[1,"icon-url"],"embedKey":[1,"embed-key"],"buttonShape":[1,"button-shape"],"headerText":[1,"header-text"],"newChatConfirmationMessage":[1,"new-chat-confirmation-message"],"visible":[1028],"position":[1025],"welcomeMessages":[1,"welcome-messages"],"starterQuestions":[1,"starter-questions"],"userId":[1,"user-id"],"userName":[1,"user-name"],"persistentSession":[4,"persistent-session"],"persistentSessionExpire":[2,"persistent-session-expire"],"allowFullScreen":[4,"allow-full-screen"],"allowAttachments":[4,"allow-attachments"],"typingIndicatorText":[1,"typing-indicator-text"],"language":[1],"translationsUrl":[1,"translations-url"],"pageContext":[1040,"page-context"],"error":[32],"messages":[32],"sessionId":[32],"isLoading":[32],"isTyping":[32],"messageInput":[32],"currentPollTaskId":[32],"isDragging":[32],"dragOffset":[32],"windowPosition":[32],"fullscreenPosition":[32],"parsedWelcomeMessages":[32],"parsedStarterQuestions":[32],"generatedUserId":[32],"isFullscreen":[32],"showNewChatConfirmation":[32],"selectedFiles":[32],"isUploadingFiles":[32],"isButtonDragging":[32],"buttonWasDragged":[32]},null,{"pageContext":["pageContextHandler"],"visible":["visibilityHandler"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/open-chat-studio-widget.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ctja7z-R.js');
+var index = require('./index-CcvroTR_.js');
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const OcsWidgetAvatar = () => {
@@ -4935,7 +4935,9 @@ class ChatSessionService {
         return response.json();
     }
     async pollTaskOnce(sessionId, taskId) {
-        const response = await fetch(`${this.apiBaseUrl}/api/chat/${sessionId}/${taskId}/poll/`);
+        const response = await fetch(`${this.apiBaseUrl}/api/chat/${sessionId}/${taskId}/poll/`, {
+            headers: this.getCommonHeaders(),
+        });
         if (!response.ok) {
             throw new Error(`Failed to poll task: ${response.statusText}`);
         }
@@ -4993,7 +4995,9 @@ class ChatSessionService {
         if (since) {
             url.searchParams.set('since', since);
         }
-        const response = await fetch(url.toString());
+        const response = await fetch(url.toString(), {
+            headers: this.getCommonHeaders(),
+        });
         if (!response.ok) {
             throw new Error(`Failed to poll messages: ${response.statusText}`);
         }
@@ -5030,14 +5034,18 @@ class ChatSessionService {
         }
     }
     getJsonHeaders() {
-        const headers = {
-            'Content-Type': 'application/json',
-            'x-ocs-widget-version': this.widgetVersion,
-        };
+        const headers = this.getCommonHeaders();
+        headers['Content-Type'] = 'application/json';
         const csrfToken = this.csrfTokenProvider(this.apiBaseUrl);
         if (csrfToken) {
             headers['X-CSRFToken'] = csrfToken;
         }
+        return headers;
+    }
+    getCommonHeaders() {
+        const headers = {
+            'x-ocs-widget-version': this.widgetVersion,
+        };
         if (this.embedKey) {
             headers['X-Embed-Key'] = this.embedKey;
         }
@@ -5057,7 +5065,8 @@ class FileAttachmentManager {
         let totalSize = existingFiles.reduce((sum, f) => sum + f.file.size, 0);
         for (const file of fileArray) {
             const extension = this.getFileExtension(file.name);
-            if (!this.supportedExtensions.includes(extension)) {
+            const contentType = file.type.split("/")[0];
+            if (contentType != "text" && !this.supportedExtensions.includes(extension)) {
                 newSelected.push({ file, error: `File type ${extension} not supported` });
                 continue;
             }
@@ -5391,6 +5400,7 @@ const OcsChat = class {
         }
         this.parseWelcomeMessages();
         this.parseStarterQuestions();
+        this.loadInternalPageContext();
     }
     componentDidLoad() {
         const computedStyle = getComputedStyle(this.host);
@@ -5483,6 +5493,16 @@ const OcsChat = class {
         }
         this.translationManager = new TranslationManager(this.language, customTranslationsObj);
     }
+    loadInternalPageContext() {
+        if (this.pageContext === undefined || this.pageContext === null) {
+            return;
+        }
+        if (typeof this.pageContext !== 'object' || Array.isArray(this.pageContext)) {
+            console.error("pageContext is expected to be a plain JavaScript object.");
+            return;
+        }
+        this.internalPageContext = this.pageContext;
+    }
     async loadTranslationsFromUrl(url) {
         try {
             const response = await fetch(url);
@@ -5615,10 +5635,14 @@ const OcsChat = class {
             if (this.allowAttachments && attachmentIds.length > 0) {
                 requestBody.attachment_ids = attachmentIds;
             }
+            if (this.internalPageContext) {
+                requestBody.context = this.internalPageContext;
+            }
             const data = await this.getChatService().sendMessage(this.sessionId, requestBody);
             if (data.status === 'error') {
                 throw new Error(data.error || 'Failed to send message');
             }
+            this.internalPageContext = undefined;
             this.startTaskPolling(data.task_id);
         }
         catch (error) {
@@ -5705,6 +5729,14 @@ const OcsChat = class {
     toggleWindowVisibility() {
         this.visible = !this.visible;
     }
+    /**
+     * Watch for changes to the `pageContext` prop and sync to internal variable.
+     *
+     * @param pageContext - The new value for the field.
+     */
+    pageContextHandler() {
+        this.loadInternalPageContext();
+    }
     /**
      * Watch for changes to the `visible` attribute and update accordingly.
      *
@@ -6264,12 +6296,13 @@ const OcsChat = class {
                 if (el) {
                     this.fileInputRef = el;
                 }
-            }, id: "ocs-file-input", type: "file", multiple: true, accept: OcsChat.SUPPORTED_FILE_EXTENSIONS.join(','), onChange: (e) => this.handleFileSelect(e), class: "hidden" })), this.allowAttachments && (index.h("button", { class: "file-attachment-button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: this.isTyping || this.isUploadingFiles || this.isLoading, title: this.translationManager.get('attach.add'), "aria-label": this.translationManager.get('attach.add') }, index.h(PaperClipIcon, null))), index.h("button", { class: `send-button ${!this.isTyping && !this.isLoading && !!this.messageInput.trim()
+            }, id: "ocs-file-input", type: "file", multiple: true, accept: OcsChat.SUPPORTED_FILE_EXTENSIONS.join(',') + ',text/*', onChange: (e) => this.handleFileSelect(e), class: "hidden" })), this.allowAttachments && (index.h("button", { class: "file-attachment-button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: this.isTyping || this.isUploadingFiles || this.isLoading, title: this.translationManager.get('attach.add'), "aria-label": this.translationManager.get('attach.add') }, index.h(PaperClipIcon, null))), index.h("button", { class: `send-button ${!this.isTyping && !this.isLoading && !!this.messageInput.trim()
                 ? 'send-button-enabled'
                 : 'send-button-disabled'}`, onClick: () => this.sendMessage(this.messageInput), disabled: this.isTyping || this.isUploadingFiles || this.isLoading || !this.messageInput.trim() }, this.isUploadingFiles ? `${this.translationManager.get('status.uploading')}...` : this.translationManager.get('composer.send')))), index.h("div", { class: "flex items-center justify-center text-[0.8em] font-light w-full text-slate-500 py-[2px]" }, index.h("p", null, this.translationManager.get('branding.poweredBy'), ' ', " ", index.h("a", { class: "underline", href: "https://www.dimagi.com", target: "_blank" }, "Dimagi"))))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
+        "pageContext": ["pageContextHandler"],
         "visible": ["visibilityHandler"]
     }; }
 };
@@ -6283,8 +6316,9 @@ OcsChat.WINDOW_MARGIN = 20;
 OcsChat.LOCALSTORAGE_TEST_KEY = '__ocs_test__';
 OcsChat.MAX_FILE_SIZE_MB = 50;
 OcsChat.MAX_TOTAL_SIZE_MB = 50;
-OcsChat.SUPPORTED_FILE_EXTENSIONS = ['.txt', '.pdf', '.doc', '.docx', '.xls', '.xlsx', '.csv', '.jpg', '.jpeg',
-    '.png', '.gif', '.bmp', '.webp', '.svg', '.mp4', '.mov', '.avi', '.mp3', '.wav'];
+OcsChat.SUPPORTED_FILE_EXTENSIONS = ['.txt', '.pdf', '.doc', '.docx', '.xls', '.xlsx', '.csv', '.jpg',
+    '.jpeg', '.png', '.gif', '.bmp', '.webp', '.svg', '.mp4', '.mov', '.avi', '.mp3', '.wav', '.html', '.htm', '.css',
+    '.js', '.xml', '.md', '.ics', '.vcf', '.rtf', '.tsv', '.yaml', '.yml', '.py', '.c'];
 OcsChat.style = ocsChatCss;
 
 exports.open_chat_studio_widget = OcsChat;