open-chat-studio-widget 0.5.3 → 0.6.0

package/dist/collection/components/ocs-chat/ocs-chat.js

@@ -224,6 +224,7 @@ export class OcsChat {
         }
         this.parseWelcomeMessages();
         this.parseStarterQuestions();
+        this.loadInternalPageContext();
     }
     componentDidLoad() {
         const computedStyle = getComputedStyle(this.host);
@@ -316,6 +317,16 @@ export class OcsChat {
         }
         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);
@@ -448,10 +459,14 @@ export class OcsChat {
             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) {
@@ -538,6 +553,14 @@ export class OcsChat {
     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.
      *
@@ -1097,7 +1120,7 @@ export class OcsChat {
                 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"))))))));
     }
@@ -1521,6 +1544,29 @@ export class OcsChat {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "pageContext": {
+                "type": "unknown",
+                "attribute": "page-context",
+                "mutable": true,
+                "complexType": {
+                    "original": "Record<string, any>",
+                    "resolved": "{ [x: string]: any; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional context object to send with each message. This provides page-specific context to the bot."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -1551,6 +1597,9 @@ export class OcsChat {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
+                "propName": "pageContext",
+                "methodName": "pageContextHandler"
+            }, {
                 "propName": "visible",
                 "methodName": "visibilityHandler"
             }];
@@ -1566,6 +1615,7 @@ 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'];
 //# sourceMappingURL=ocs-chat.js.map