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

package/dist/xpert-chatkit.umd.cjs

@@ -51,7 +51,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 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());
@@ -897,6 +897,59 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     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(_) {
@@ -2685,6 +2738,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateAdd(this, _frameUrl);
       __privateAdd(this, _frame);
       __privateAdd(this, _wrapper);
+      __privateAdd(this, _windowDrag);
       __privateAdd(this, _launcherCloseButton);
       __privateAdd(this, _launcherOpen, false);
       __privateAdd(this, _chatMinimizedToPet, false);
@@ -2735,6 +2789,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               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 IntegrationError(
+                "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 IntegrationError(
+                "Add approvals.onAction to handle approval actions."
+              );
+            return handler(input);
+          },
           onClientToolCall: async ({
             name,
             params,
@@ -2780,9 +2852,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             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 IntegrationError(
-                `No handler for workbench client command "${commandKey}". Add workbench.onClientCommand to your ChatKit options.`
-              ));
+              return { success: false, code: "unsupported", commandKey };
             }
             return onClientCommand({
               commandKey,
@@ -3024,6 +3094,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       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;
@@ -3086,6 +3170,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       });
       __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);
@@ -3107,9 +3193,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     }
     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)
       );
@@ -3117,7 +3204,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __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);
@@ -3203,6 +3292,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _frameUrl = new WeakMap();
   _frame = new WeakMap();
   _wrapper = new WeakMap();
+  _windowDrag = new WeakMap();
   _launcherCloseButton = new WeakMap();
   _launcherOpen = new WeakMap();
   _chatMinimizedToPet = new WeakMap();
@@ -3266,7 +3356,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
   };
   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;