@xpert-ai/chatkit-web-component 0.6.0 → 0.7.0

package/dist/xpert-chatkit.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, _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;
+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, _windowDrag, _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;
 class EventEmitter {
   constructor() {
     __publicField(this, "callbacks", /* @__PURE__ */ new Map());
@@ -893,6 +893,59 @@ const getCapabilities = (profile) => {
   }
   return { commands, events, backend, threadItems, errors, widgets };
 };
+function parseWindowDragRegions(value) {
+  if (!value || typeof value !== "object" || !("width" in value) || typeof value.width !== "number" || !Number.isFinite(value.width) || value.width <= 0 || !("height" in value) || typeof value.height !== "number" || !Number.isFinite(value.height) || value.height <= 0 || !("regions" in value) || !Array.isArray(value.regions) || value.regions.length > 128)
+    return null;
+  const regions = [];
+  for (const rect of value.regions) {
+    if (!rect || typeof rect !== "object" || typeof rect.x !== "number" || !Number.isFinite(rect.x) || rect.x < 0 || typeof rect.y !== "number" || !Number.isFinite(rect.y) || rect.y < 0 || typeof rect.width !== "number" || !Number.isFinite(rect.width) || rect.width <= 0 || typeof rect.height !== "number" || !Number.isFinite(rect.height) || rect.height <= 0 || rect.x + rect.width > value.width + 1 || rect.y + rect.height > Math.min(value.height, 96) + 1)
+      return null;
+    regions.push({
+      x: rect.x,
+      y: rect.y,
+      width: rect.width,
+      height: rect.height
+    });
+  }
+  return { width: value.width, height: value.height, regions };
+}
+class WindowDragOverlay {
+  constructor(wrapper, enabled) {
+    this.wrapper = wrapper;
+    this.enabled = enabled;
+    this.size = { width: 0, height: 0 };
+    this.layer = document.createElement("div");
+    this.layer.setAttribute("aria-hidden", "true");
+    this.layer.dataset.slot = "chatkit-window-drag";
+    this.layer.style.cssText = "position:absolute;inset:0;pointer-events:none;overflow:hidden;";
+    wrapper.append(this.layer);
+    this.observer = new ResizeObserver(() => {
+      if (this.wrapper.clientWidth !== this.size.width || this.wrapper.clientHeight !== this.size.height)
+        this.clear();
+    });
+    this.observer.observe(wrapper);
+  }
+  update(input) {
+    this.clear();
+    if (!this.enabled()) return;
+    const value = parseWindowDragRegions(input);
+    if (!value || Math.abs(value.width - this.wrapper.clientWidth) > 1 || Math.abs(value.height - this.wrapper.clientHeight) > 1)
+      return;
+    this.size = { width: value.width, height: value.height };
+    for (const rect of value.regions) {
+      const region = document.createElement("div");
+      region.style.cssText = `position:absolute;left:${rect.x}px;top:${rect.y}px;width:${rect.width}px;height:${rect.height}px;pointer-events:auto;user-select:none;-webkit-app-region:drag;`;
+      this.layer.append(region);
+    }
+  }
+  clear() {
+    this.layer.replaceChildren();
+  }
+  destroy() {
+    this.observer.disconnect();
+    this.layer.remove();
+  }
+}
 class ChatFrameMessenger extends BaseMessenger {
   // Messenger running in outer can always handle commands coming from inner
   canReceiveCommand(_) {
@@ -2681,6 +2734,7 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     __privateAdd(this, _frameUrl);
     __privateAdd(this, _frame);
     __privateAdd(this, _wrapper);
+    __privateAdd(this, _windowDrag);
     __privateAdd(this, _launcherCloseButton);
     __privateAdd(this, _launcherOpen, false);
     __privateAdd(this, _chatMinimizedToPet, false);
@@ -2731,6 +2785,24 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
             input.click();
           });
         },
+        onApprovalDecision: async (input) => {
+          var _a2, _b2;
+          const handler = (_b2 = (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.approvals) == null ? void 0 : _b2.onDecision;
+          if (!handler)
+            throw new IntegrationError2(
+              "Add approvals.onDecision to handle host approvals."
+            );
+          return handler(input);
+        },
+        onApprovalAction: async (input) => {
+          var _a2, _b2;
+          const handler = (_b2 = (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.approvals) == null ? void 0 : _b2.onAction;
+          if (!handler)
+            throw new IntegrationError2(
+              "Add approvals.onAction to handle approval actions."
+            );
+          return handler(input);
+        },
         onClientToolCall: async ({
           name,
           params,
@@ -2776,9 +2848,7 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
           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 { success: false, code: "unsupported", commandKey };
           }
           return onClientCommand({
             commandKey,
@@ -3020,6 +3090,20 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     closeButton.addEventListener("click", __privateGet(this, _handleLauncherClose));
     wrapper.appendChild(closeButton);
     __privateSet(this, _launcherCloseButton, closeButton);
+    __privateSet(this, _windowDrag, new WindowDragOverlay(
+      wrapper,
+      () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.header) == null ? void 0 : _b2.windowDrag) === true;
+      }
+    ));
+    __privateGet(this, _messenger).on(
+      "window_drag_regions",
+      (data) => {
+        var _a2;
+        return (_a2 = __privateGet(this, _windowDrag)) == null ? void 0 : _a2.update(data);
+      }
+    );
     __privateGet(this, _shadow).append(style);
     __privateGet(this, _messenger).on("left_header_icon_click", () => {
       var _a2, _b2, _c2;
@@ -3082,6 +3166,8 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
       }
     });
     __privateGet(this, _messenger).on("unmount", () => {
+      var _a2;
+      (_a2 = __privateGet(this, _windowDrag)) == null ? void 0 : _a2.destroy();
       if (__privateGet(this, _wrapper) && __privateGet(this, _shadow).contains(__privateGet(this, _wrapper))) {
         __privateGet(this, _shadow).removeChild(__privateGet(this, _wrapper));
         __privateSet(this, _wrapper, void 0);
@@ -3103,9 +3189,10 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     }
   }
   disconnectedCallback() {
-    var _a2, _b2;
-    (_a2 = __privateGet(this, _frame)) == null ? void 0 : _a2.removeEventListener("load", __privateGet(this, _handleFrameLoad));
-    (_b2 = __privateGet(this, _launcherCloseButton)) == null ? void 0 : _b2.removeEventListener(
+    var _a2, _b2, _c2;
+    (_a2 = __privateGet(this, _windowDrag)) == null ? void 0 : _a2.destroy();
+    (_b2 = __privateGet(this, _frame)) == null ? void 0 : _b2.removeEventListener("load", __privateGet(this, _handleFrameLoad));
+    (_c2 = __privateGet(this, _launcherCloseButton)) == null ? void 0 : _c2.removeEventListener(
       "click",
       __privateGet(this, _handleLauncherClose)
     );
@@ -3113,7 +3200,9 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     __privateGet(this, _petOverlay).destroy();
   }
   applySanitizedOptions(newOptions) {
+    var _a2, _b2;
     __privateSet(this, _opts, newOptions);
+    if (!((_a2 = newOptions.header) == null ? void 0 : _a2.windowDrag)) (_b2 = __privateGet(this, _windowDrag)) == null ? void 0 : _b2.clear();
     __privateSet(this, _petClosedByContextMenu, false);
     __privateGet(this, _petOverlay).setLocale(newOptions.locale);
     __privateMethod(this, _ChatKitElementBase_instances, syncPetOverlayOptions_fn).call(this);
@@ -3199,6 +3288,7 @@ _opts = new WeakMap();
 _frameUrl = new WeakMap();
 _frame = new WeakMap();
 _wrapper = new WeakMap();
+_windowDrag = new WeakMap();
 _launcherCloseButton = new WeakMap();
 _launcherOpen = new WeakMap();
 _chatMinimizedToPet = new WeakMap();
@@ -3262,7 +3352,8 @@ mergeConfiguredPetPositionDefaults_fn = function(pet) {
   };
 };
 getOverlayPetOptions_fn = function() {
-  if (__privateGet(this, _petClosedByContextMenu)) {
+  var _a2;
+  if (__privateGet(this, _petClosedByContextMenu) || ((_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.pet) === false && __privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) !== "pet") {
     return null;
   }
   let pet;