@xpert-ai/chatkit-ui5 0.4.0 → 0.4.2

package/dist/chatkit.cjs

@@ -48,7 +48,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _a, _b, _setTrainingOptOut_dec, _hideHistory_dec, _showHistory_dec, _sendCustomAction_dec, _shareThread_dec, _setThreadId_dec, _setRuntimeCapabilities_dec, _setComposerValue_dec, _sendUserMessage_dec, _fetchUpdates_dec, _focusComposer_dec, _c, _opts, _frameUrl, _frame, _wrapper, _launcherCloseButton, _launcherOpen, _chatMinimizedToPet, _framePetOptionsOverride, _petClosedByContextMenu, _shadow, _petOverlay, _resolveLoaded, _loaded, _messenger, _ChatKitElementBase_instances, emitAndThrow_fn, setOptionsDataAttributes_fn, getDisplayMode_fn, getConfiguredPetOptions_fn, mergeConfiguredPetPositionDefaults_fn, getOverlayPetOptions_fn, resolvePetAssetUrl_fn, resolveOverlayPetOptions_fn, getFrameOptions_fn, setLauncherOpen_fn, setChatMinimizedToPet_fn, syncPetOverlayOptions_fn, handlePetActivate_fn, handlePetClose_fn, handlePetReply_fn, handlePetThreadSummaryActivate_fn, _handleLauncherClose, getFrameUrl_fn, setFrameUrl_fn, consumeFrameUrl_fn, _handleFrameLoad, _initialized, maybeInit_fn, _init;
+var _a, _b, _setTrainingOptOut_dec, _hideHistory_dec, _showHistory_dec, _sendCustomAction_dec, _shareThread_dec, _setThreadId_dec, _setRuntimeCapabilities_dec, _setComposerValue_dec, _sendUserMessage_dec, _fetchUpdates_dec, _focusComposer_dec, _c, _opts, _frameUrl, _frame, _wrapper, _launcherCloseButton, _launcherOpen, _chatMinimizedToPet, _framePetOptionsOverride, _petClosedByContextMenu, _shadow, _petOverlay, _resolveLoaded, _loaded, _channelId, _messenger, _ChatKitElementBase_instances, emitAndThrow_fn, setOptionsDataAttributes_fn, getDisplayMode_fn, getConfiguredPetOptions_fn, mergeConfiguredPetPositionDefaults_fn, getOverlayPetOptions_fn, resolvePetAssetUrl_fn, resolveOverlayPetOptions_fn, getFrameOptions_fn, setLauncherOpen_fn, setChatMinimizedToPet_fn, syncPetOverlayOptions_fn, handlePetActivate_fn, handlePetClose_fn, handlePetReply_fn, handlePetThreadSummaryActivate_fn, _handleLauncherClose, getFrameUrl_fn, setFrameUrl_fn, consumeFrameUrl_fn, _handleFrameLoad, _initialized, maybeInit_fn, _init;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const chatkitTypes = require("@xpert-ai/chatkit-types");
 class EventEmitter {
@@ -369,7 +369,7 @@ const fetchEventSourceWithRetry = async (url, params) => {
     }
   });
 };
-function safeRandomUUID() {
+function createSecureChannelId() {
   const cryptoRef = globalThis.crypto;
   if (typeof (cryptoRef == null ? void 0 : cryptoRef.randomUUID) === "function") {
     return cryptoRef.randomUUID();
@@ -381,7 +381,30 @@ function safeRandomUUID() {
     bytes[8] = bytes[8] & 63 | 128;
     return [...bytes].map((byte) => byte.toString(16).padStart(2, "0")).join("").replace(/^(.{8})(.{4})(.{4})(.{4})(.{12})$/, "$1-$2-$3-$4-$5");
   }
-  return `ck_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+  return null;
+}
+function safeRandomUUID() {
+  return createSecureChannelId() ?? `ck_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+}
+function isTrustedChatKitMessageEvent(event, { channelId, expectedOrigin, expectedSource }) {
+  const payload = event.data;
+  if (!payload || typeof payload !== "object" || !("__xpaiChatKit" in payload)) {
+    return false;
+  }
+  if (payload.__xpaiChatKit !== true) {
+    return false;
+  }
+  if (expectedOrigin !== "*" && event.origin !== expectedOrigin) {
+    return false;
+  }
+  if (event.source === expectedSource) {
+    return true;
+  }
+  const normalizedChannelId = channelId == null ? void 0 : channelId.trim();
+  if (normalizedChannelId) {
+    return "channelId" in payload && payload.channelId === normalizedChannelId;
+  }
+  return false;
 }
 let IntegrationError$1 = class IntegrationError extends Error {
   constructor(message) {
@@ -415,10 +438,12 @@ class BaseMessenger {
     handlers,
     target,
     targetOrigin,
+    channelId,
     fetch: fetch2 = window.fetch
   }) {
     __publicField(this, "targetOrigin");
     __publicField(this, "target");
+    __publicField(this, "channelId");
     __publicField(this, "commandHandlers");
     __publicField(this, "_fetch");
     __publicField(this, "emitter", new EventEmitter());
@@ -449,7 +474,11 @@ class BaseMessenger {
     ));
     __publicField(this, "handleMessage", async (event) => {
       var _a2, _b2, _c2, _d;
-      if (!event.data || event.data.__xpaiChatKit !== true || event.origin !== this.targetOrigin || event.source !== this.target()) {
+      if (!isTrustedChatKitMessageEvent(event, {
+        channelId: this.channelId,
+        expectedOrigin: this.targetOrigin,
+        expectedSource: this.target()
+      })) {
         return;
       }
       const data = event.data;
@@ -590,6 +619,7 @@ class BaseMessenger {
     this.commandHandlers = handlers;
     this.target = target;
     this.targetOrigin = targetOrigin;
+    this.channelId = (channelId == null ? void 0 : channelId.trim()) || void 0;
     this._fetch = (...args) => fetch2(...args);
   }
   setTargetOrigin(targetOrigin) {
@@ -599,6 +629,7 @@ class BaseMessenger {
     var _a2;
     const message = {
       __xpaiChatKit: true,
+      ...this.channelId ? { channelId: this.channelId } : {},
       ...data
     };
     (_a2 = this.target()) == null ? void 0 : _a2.postMessage(message, this.targetOrigin, transfer);
@@ -714,6 +745,8 @@ const BASE_CAPABILITY_ALLOWLIST = [
   "event.response.end",
   "event.response.stop",
   "event.thread.change",
+  "event.project.change",
+  "event.connectors.change",
   "event.tool.change",
   "event.thread.load.start",
   "event.thread.load.end",
@@ -819,7 +852,7 @@ const BASE_CAPABILITY_DENYLIST = [
   "widget.Map"
 ];
 const PROFILE_TO_RULES = {
-  "chatkit": {
+  chatkit: {
     allow: [...BASE_CAPABILITY_ALLOWLIST, "thread.item.image_generation"],
     deny: BASE_CAPABILITY_DENYLIST
   }
@@ -1153,6 +1186,7 @@ class PetOverlay {
     this.lastDragPosition = null;
     this.lastDragClientX = null;
     this.dragAnimation = null;
+    this.activePointerId = null;
     this.isDragging = false;
     this.isHovering = false;
     this.movedDuringDrag = false;
@@ -1284,7 +1318,7 @@ class PetOverlay {
     };
     this.handlePointerDown = (event) => {
       var _a2, _b2;
-      if (event.button !== 0 || event.ctrlKey) {
+      if (event.button !== 0 || event.ctrlKey || this.isDragging) {
         return;
       }
       this.closeContextMenu();
@@ -1310,12 +1344,17 @@ class PetOverlay {
       this.movedDuringDrag = false;
       this.dragPosition = nextPosition;
       this.isDragging = true;
+      this.activePointerId = event.pointerId;
       this.clearRestingDelayTimer();
       this.isHovering = true;
+      this.captureActivePointer();
       this.installDragListeners();
       this.rescheduleAnimation();
     };
     this.handlePointerMove = (event) => {
+      if (!this.isActiveDragPointer(event)) {
+        return;
+      }
       const nextPosition = this.getNextDragPosition(event);
       const last = this.lastDragPosition;
       if (last && (Math.abs(last.x - nextPosition.x) > DRAG_DIRECTION_THRESHOLD_PX || Math.abs(last.y - nextPosition.y) > DRAG_DIRECTION_THRESHOLD_PX)) {
@@ -1335,20 +1374,18 @@ class PetOverlay {
       this.render();
     };
     this.handlePointerUp = (event) => {
+      if (!this.isActiveDragPointer(event)) {
+        return;
+      }
       const finalPosition = this.lastDragPosition ?? this.getNextDragPosition(event);
-      this.isDragging = false;
-      this.dragPosition = null;
-      this.dragAnimation = null;
-      this.lastDragClientX = null;
-      this.removeDragListeners();
-      this.persistPosition(finalPosition);
-      if (event.pointerType === "mouse" && this.isPointerOverPet(event)) {
-        this.isHovering = true;
-        this.rescheduleAnimation();
-      } else {
-        this.enterRestingAfterDelay();
-        this.rescheduleAnimation();
+      this.finishDrag(finalPosition, event);
+    };
+    this.handleLostPointerCapture = (event) => {
+      if (!this.isActiveDragPointer(event)) {
+        return;
       }
+      const finalPosition = this.lastDragPosition ?? this.getNextDragPosition(event);
+      this.finishDrag(finalPosition, event);
     };
     this.handleClick = () => {
       var _a2;
@@ -1552,6 +1589,7 @@ class PetOverlay {
     pet.addEventListener("pointerenter", this.handlePointerEnter);
     pet.addEventListener("pointerleave", this.handlePointerLeave);
     pet.addEventListener("pointerdown", this.handlePointerDown);
+    pet.addEventListener("lostpointercapture", this.handleLostPointerCapture);
     pet.addEventListener("contextmenu", this.handleContextMenu);
     pet.addEventListener("click", this.handleClick);
     overlay.append(style, pet);
@@ -1561,6 +1599,7 @@ class PetOverlay {
   }
   removeOverlay() {
     var _a2;
+    this.cancelActiveDrag();
     this.clearRestingDelayTimer();
     this.clearTimers();
     this.closeContextMenu();
@@ -1577,6 +1616,10 @@ class PetOverlay {
         "pointerdown",
         this.handlePointerDown
       );
+      this.petElement.removeEventListener(
+        "lostpointercapture",
+        this.handleLostPointerCapture
+      );
       this.petElement.removeEventListener(
         "contextmenu",
         this.handleContextMenu
@@ -2294,6 +2337,34 @@ class PetOverlay {
       this.render();
     }
   }
+  captureActivePointer() {
+    const pointerId = this.activePointerId;
+    const pet = this.petElement;
+    if (pointerId === null || typeof (pet == null ? void 0 : pet.setPointerCapture) !== "function") {
+      return;
+    }
+    try {
+      pet.setPointerCapture(pointerId);
+    } catch {
+    }
+  }
+  releaseActivePointer() {
+    const pointerId = this.activePointerId;
+    const pet = this.petElement;
+    this.activePointerId = null;
+    if (pointerId === null || typeof (pet == null ? void 0 : pet.hasPointerCapture) !== "function" || typeof pet.releasePointerCapture !== "function") {
+      return;
+    }
+    try {
+      if (pet.hasPointerCapture(pointerId)) {
+        pet.releasePointerCapture(pointerId);
+      }
+    } catch {
+    }
+  }
+  isActiveDragPointer(event) {
+    return this.isDragging && event.pointerId === this.activePointerId;
+  }
   getNextDragPosition(event) {
     if (!this.options) {
       return { x: 0, y: 0 };
@@ -2308,12 +2379,35 @@ class PetOverlay {
       chatkitTypes.normalizeBoundsPadding(this.options.position.boundsPadding)
     );
   }
+  finishDrag(finalPosition, event) {
+    this.isDragging = false;
+    this.dragPosition = null;
+    this.dragAnimation = null;
+    this.lastDragClientX = null;
+    this.removeDragListeners();
+    this.releaseActivePointer();
+    this.persistPosition(finalPosition);
+    if (event.pointerType === "mouse" && this.isPointerOverPet(event)) {
+      this.isHovering = true;
+      this.rescheduleAnimation();
+    } else {
+      this.enterRestingAfterDelay();
+      this.rescheduleAnimation();
+    }
+  }
+  cancelActiveDrag() {
+    this.isDragging = false;
+    this.dragPosition = null;
+    this.dragAnimation = null;
+    this.lastDragPosition = null;
+    this.lastDragClientX = null;
+    this.removeDragListeners();
+    this.releaseActivePointer();
+  }
   installDragListeners() {
     window.addEventListener("pointermove", this.handlePointerMove);
-    window.addEventListener("pointerup", this.handlePointerUp, { once: true });
-    window.addEventListener("pointercancel", this.handlePointerUp, {
-      once: true
-    });
+    window.addEventListener("pointerup", this.handlePointerUp);
+    window.addEventListener("pointercancel", this.handlePointerUp);
   }
   removeDragListeners() {
     window.removeEventListener("pointermove", this.handlePointerMove);
@@ -2360,7 +2454,9 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     __privateAdd(this, _loaded, new Promise((resolve) => {
       __privateSet(this, _resolveLoaded, resolve);
     }));
+    __privateAdd(this, _channelId, createSecureChannelId());
     __privateAdd(this, _messenger, new ChatFrameMessenger({
+      channelId: __privateGet(this, _channelId) ?? void 0,
       fetch: (...args) => {
         var _a2;
         const customFetch = ((_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.api) && "fetch" in __privateGet(this, _opts).api && __privateGet(this, _opts).api.fetch;
@@ -2407,6 +2503,38 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
           }
           return onClientTool({ name, params, id, tool_call_id });
         },
+        onToolOutputAttachmentPreview: async (request) => {
+          var _a2, _b2;
+          const onRequestPreview = (_b2 = (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.toolOutputAttachments) == null ? void 0 : _b2.onRequestPreview;
+          if (!onRequestPreview) {
+            __privateMethod(this, _ChatKitElementBase_instances, emitAndThrow_fn).call(this, new IntegrationError2(
+              "No handler for tool-output attachment previews. Add toolOutputAttachments.onRequestPreview to your ChatKit options."
+            ));
+          }
+          return onRequestPreview(request);
+        },
+        onWorkbenchClientCommand: async ({
+          commandKey,
+          payload,
+          hostType,
+          hostId,
+          viewKey
+        }) => {
+          var _a2, _b2;
+          const onClientCommand = (_b2 = (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.workbench) == null ? void 0 : _b2.onClientCommand;
+          if (!onClientCommand) {
+            __privateMethod(this, _ChatKitElementBase_instances, emitAndThrow_fn).call(this, new IntegrationError2(
+              `No handler for workbench client command "${commandKey}". Add workbench.onClientCommand to your ChatKit options.`
+            ));
+          }
+          return onClientCommand({
+            commandKey,
+            payload,
+            hostType,
+            hostId,
+            viewKey
+          });
+        },
         onWidgetAction: async ({
           action,
           widgetItem
@@ -2827,6 +2955,7 @@ _shadow = new WeakMap();
 _petOverlay = new WeakMap();
 _resolveLoaded = new WeakMap();
 _loaded = new WeakMap();
+_channelId = new WeakMap();
 _messenger = new WeakMap();
 _ChatKitElementBase_instances = new WeakSet();
 emitAndThrow_fn = function(error) {
@@ -3037,7 +3166,8 @@ maybeInit_fn = function() {
   frameURL.hash = encodeBase64({
     options: getInnerOptions(__privateMethod(this, _ChatKitElementBase_instances, getFrameOptions_fn).call(this, __privateGet(this, _opts))),
     referrer: window.location.origin,
-    profile: this.profile
+    profile: this.profile,
+    ...__privateGet(this, _channelId) ? { channelId: __privateGet(this, _channelId) } : {}
   });
   __privateGet(this, _messenger).connect();
   __privateGet(this, _frame).src = frameURL.toString();
@@ -3081,6 +3211,8 @@ const EVENT_HANDLER_MAP = {
   "chatkit.response.start": "onResponseStart",
   "chatkit.log": "onLog",
   "chatkit.thread.change": "onThreadChange",
+  "chatkit.project.change": "onProjectChange",
+  "chatkit.connectors.change": "onConnectorsChange",
   "chatkit.thread.load.start": "onThreadLoadStart",
   "chatkit.thread.load.end": "onThreadLoadEnd",
   "chatkit.ready": "onReady",
@@ -3092,6 +3224,8 @@ const UI5_EVENT_NAME_MAP = {
   "chatkit.response.start": "responseStart",
   "chatkit.log": "log",
   "chatkit.thread.change": "threadChange",
+  "chatkit.project.change": "projectChange",
+  "chatkit.connectors.change": "connectorsChange",
   "chatkit.thread.load.start": "threadLoadStart",
   "chatkit.thread.load.end": "threadLoadEnd",
   "chatkit.ready": "ready",