@xpert-ai/chatkit-ui5 0.4.1 → 0.4.2

package/dist/index.js

@@ -47,7 +47,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;
 import { normalizePetOptions, DEFAULT_PET_STORAGE_KEY, resolvePetCharacter, normalizeBoundsPadding, getPinnedPetPosition, clampPetPosition } from "@xpert-ai/chatkit-types";
 class EventEmitter {
   constructor() {
@@ -367,7 +367,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();
@@ -379,7 +379,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) {
@@ -413,10 +436,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());
@@ -447,7 +472,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;
@@ -588,6 +617,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) {
@@ -597,6 +627,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);
@@ -712,6 +743,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",
@@ -817,7 +850,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
   }
@@ -1151,6 +1184,7 @@ class PetOverlay {
     this.lastDragPosition = null;
     this.lastDragClientX = null;
     this.dragAnimation = null;
+    this.activePointerId = null;
     this.isDragging = false;
     this.isHovering = false;
     this.movedDuringDrag = false;
@@ -1282,7 +1316,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();
@@ -1308,12 +1342,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)) {
@@ -1333,20 +1372,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;
@@ -1550,6 +1587,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);
@@ -1559,6 +1597,7 @@ class PetOverlay {
   }
   removeOverlay() {
     var _a2;
+    this.cancelActiveDrag();
     this.clearRestingDelayTimer();
     this.clearTimers();
     this.closeContextMenu();
@@ -1575,6 +1614,10 @@ class PetOverlay {
         "pointerdown",
         this.handlePointerDown
       );
+      this.petElement.removeEventListener(
+        "lostpointercapture",
+        this.handleLostPointerCapture
+      );
       this.petElement.removeEventListener(
         "contextmenu",
         this.handleContextMenu
@@ -2292,6 +2335,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 };
@@ -2306,12 +2377,35 @@ class PetOverlay {
       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);
@@ -2358,7 +2452,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;
@@ -2857,6 +2953,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) {
@@ -3067,7 +3164,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();
@@ -3111,6 +3209,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",
@@ -3122,6 +3222,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",