open-chat-studio-widget 0.5.3 → 0.6.0

package/dist/components/open-chat-studio-widget.js

@@ -5063,7 +5063,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;
             }
@@ -5399,6 +5400,7 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
         }
         this.parseWelcomeMessages();
         this.parseStarterQuestions();
+        this.loadInternalPageContext();
     }
     componentDidLoad() {
         const computedStyle = getComputedStyle(this.host);
@@ -5491,6 +5493,16 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
         }
         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);
@@ -5623,10 +5635,14 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
             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) {
@@ -5713,6 +5729,14 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
     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.
      *
@@ -6272,12 +6296,13 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
                 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 && (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') }, h(PaperClipIcon, null))), 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 && (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') }, h(PaperClipIcon, null))), 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')))), h("div", { class: "flex items-center justify-center text-[0.8em] font-light w-full text-slate-500 py-[2px]" }, h("p", null, this.translationManager.get('branding.poweredBy'), ' ', " ", h("a", { class: "underline", href: "https://www.dimagi.com", target: "_blank" }, "Dimagi"))))))));
     }
     get host() { return this; }
     static get watchers() { return {
+        "pageContext": ["pageContextHandler"],
         "visible": ["visibilityHandler"]
     }; }
     static get style() { return ocsChatCss; }
@@ -6303,6 +6328,7 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
         "typingIndicatorText": [1, "typing-indicator-text"],
         "language": [1],
         "translationsUrl": [1, "translations-url"],
+        "pageContext": [1040, "page-context"],
         "error": [32],
         "messages": [32],
         "sessionId": [32],
@@ -6324,6 +6350,7 @@ const OcsChat = /*@__PURE__*/ proxyCustomElement(class OcsChat extends HTMLEleme
         "isButtonDragging": [32],
         "buttonWasDragged": [32]
     }, undefined, {
+        "pageContext": ["pageContextHandler"],
         "visible": ["visibilityHandler"]
     }]);
 OcsChat.TASK_POLLING_MAX_ATTEMPTS = 120;
@@ -6336,8 +6363,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'];
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;