@xpert-ai/chatkit-web-component 0.19.1 → 0.19.2

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, _focusMessage_dec, _prepareLeave_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;
+  var _a, _b, _setTrainingOptOut_dec, _hideHistory_dec, _showHistory_dec, _sendCustomAction_dec, _shareThread_dec, _focusMessage_dec, _prepareLeave_dec, _setThreadId_dec, _setRuntimeCapabilities_dec, _setComposerValue_dec, _sendUserMessage_dec, _fetchUpdates_dec, _focusComposer_dec, _c, _opts, _frameUrl, _frame, _wrapper, _windowDrag, _launcherCloseButton, _launcherOpen, _chatMinimizedToPet, _framePetOptionsOverride, _petClosedByContextMenu, _hostLauncherEnabled, _launcherVisible, _shadow, _petOverlay, _resolveLoaded, _loaded, _channelId, _messenger, _ChatKitElementBase_instances, emitAndThrow_fn, setOptionsDataAttributes_fn, getDisplayMode_fn, getConfiguredPetOptions_fn, mergeConfiguredPetPositionDefaults_fn, effectivePet_fn, innerOptions_fn, updateFrameOptions_fn, isLauncherHidden_fn, requestLauncherVisibility_fn, getOverlayPetOptions_fn, resolvePetAssetUrl_fn, resolveOverlayPetOptions_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());
@@ -1300,6 +1300,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const PET_OVERLAY_COPY = {
     "en-US": {
       closePetMenuItem: "Close pet",
+      reopenPet: "Show pet",
       hideMessage: "Hide message",
       expandMessage: "Expand message",
       collapseMessage: "Collapse message",
@@ -1312,6 +1313,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     },
     "zh-CN": {
       closePetMenuItem: "关闭宠物",
+      reopenPet: "显示宠物",
       hideMessage: "隐藏消息",
       expandMessage: "展开消息",
       collapseMessage: "收起消息",
@@ -1522,6 +1524,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   class PetOverlay {
     constructor(root, options) {
+      this.reopenButton = null;
       this.overlayElement = null;
       this.petElement = null;
       this.contextMenuElement = null;
@@ -1769,6 +1772,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       this.root = root;
       this.onActivate = options == null ? void 0 : options.onActivate;
       this.onClose = options == null ? void 0 : options.onClose;
+      this.onReopen = options == null ? void 0 : options.onReopen;
       this.onReply = options == null ? void 0 : options.onReply;
       this.onThreadSummaryActivate = options == null ? void 0 : options.onThreadSummaryActivate;
       this.connect();
@@ -1812,6 +1816,44 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       this.resolveCharacter();
       this.render();
     }
+    setReopenVisible(visible, zIndex) {
+      var _a2, _b2, _c2, _d, _e, _f;
+      if (!visible) {
+        (_a2 = this.reopenButton) == null ? void 0 : _a2.remove();
+        this.reopenButton = null;
+        return;
+      }
+      if (!this.reopenButton) {
+        const button2 = document.createElement("button");
+        button2.type = "button";
+        button2.addEventListener("click", () => {
+          var _a3;
+          return (_a3 = this.onReopen) == null ? void 0 : _a3.call(this);
+        });
+        this.root.append(button2);
+        this.reopenButton = button2;
+      }
+      const button = this.reopenButton;
+      const theme = typeof this.theme === "object" ? this.theme : null;
+      const metrics = getSummaryThemeMetrics(this.theme);
+      button.textContent = this.copy.reopenPet;
+      Object.assign(button.style, {
+        position: "fixed",
+        insetInlineEnd: `${PET_SUMMARY_MARGIN}px`,
+        bottom: `${PET_SUMMARY_MARGIN}px`,
+        zIndex: String(zIndex ?? ((_b2 = normalizePetOptions(true)) == null ? void 0 : _b2.position.zIndex)),
+        pointerEvents: "auto",
+        cursor: "pointer",
+        colorScheme: typeof this.theme === "string" ? this.theme : (theme == null ? void 0 : theme.colorScheme) ?? "light",
+        color: ((_d = (_c2 = theme == null ? void 0 : theme.color) == null ? void 0 : _c2.surface) == null ? void 0 : _d.foreground) ?? "ButtonText",
+        background: ((_f = (_e = theme == null ? void 0 : theme.color) == null ? void 0 : _e.surface) == null ? void 0 : _f.background) ?? "ButtonFace",
+        border: "1px solid ButtonBorder",
+        borderRadius: `${metrics.radius}px`,
+        padding: metrics.padding,
+        fontFamily: metrics.fontFamily,
+        fontSize: `${metrics.bodySize}px`
+      });
+    }
     setState(state) {
       var _a2;
       const previous = this.lastAutoState;
@@ -1875,6 +1917,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         return;
       }
       this.connected = false;
+      this.setReopenVisible(false);
       this.clearRestingDelayTimer();
       this.clearTimers();
       this.removeDragListeners();
@@ -2782,9 +2825,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       window.removeEventListener("pointercancel", this.handlePointerUp);
     }
   }
-  function getInnerOptions(options) {
-    return removeMethods(options);
-  }
   function requireCommandCapability(value, context) {
     const command = String(context.name);
     return function(...args) {
@@ -2811,10 +2851,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateAdd(this, _chatMinimizedToPet, false);
       __privateAdd(this, _framePetOptionsOverride);
       __privateAdd(this, _petClosedByContextMenu, false);
+      __privateAdd(this, _hostLauncherEnabled, true);
+      __privateAdd(this, _launcherVisible, true);
       __privateAdd(this, _shadow, this.attachShadow({ mode: "open" }));
       __privateAdd(this, _petOverlay, new PetOverlay(__privateGet(this, _shadow), {
         onActivate: () => __privateMethod(this, _ChatKitElementBase_instances, handlePetActivate_fn).call(this),
         onClose: () => __privateMethod(this, _ChatKitElementBase_instances, handlePetClose_fn).call(this),
+        onReopen: () => __privateMethod(this, _ChatKitElementBase_instances, requestLauncherVisibility_fn).call(this, true),
         onReply: (text) => __privateMethod(this, _ChatKitElementBase_instances, handlePetReply_fn).call(this, text),
         onThreadSummaryActivate: (threadId) => void __privateMethod(this, _ChatKitElementBase_instances, handlePetThreadSummaryActivate_fn).call(this, threadId)
       }));
@@ -3007,6 +3050,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     connectedCallback() {
       __privateGet(this, _petOverlay).connect();
+      if (__privateGet(this, _opts)) __privateMethod(this, _ChatKitElementBase_instances, syncPetOverlayOptions_fn).call(this);
       const style = document.createElement("style");
       style.textContent = `
       :host {
@@ -3285,19 +3329,26 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateGet(this, _petOverlay).destroy();
     }
     applySanitizedOptions(newOptions) {
-      var _a2, _b2;
+      var _a2, _b2, _c2, _d;
+      const sessionChanged = ((_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.sessionKey) !== newOptions.sessionKey || ((_b2 = __privateGet(this, _opts)) == null ? void 0 : _b2.api.xpertId) !== newOptions.api.xpertId || __privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) !== __privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this, newOptions);
+      const pet = newOptions.pet;
+      const enabled = typeof pet === "boolean" ? pet : (pet == null ? void 0 : pet.enabled) ?? true;
+      if (sessionChanged || enabled !== __privateGet(this, _hostLauncherEnabled)) {
+        __privateSet(this, _launcherVisible, enabled);
+      }
+      __privateSet(this, _hostLauncherEnabled, enabled);
+      if (sessionChanged) {
+        __privateSet(this, _framePetOptionsOverride, void 0);
+        __privateMethod(this, _ChatKitElementBase_instances, setLauncherOpen_fn).call(this, false);
+      }
       __privateSet(this, _opts, newOptions);
-      if (!((_a2 = newOptions.header) == null ? void 0 : _a2.windowDrag)) (_b2 = __privateGet(this, _windowDrag)) == null ? void 0 : _b2.clear();
+      if (!((_c2 = newOptions.header) == null ? void 0 : _c2.windowDrag)) (_d = __privateGet(this, _windowDrag)) == null ? void 0 : _d.clear();
       __privateSet(this, _petClosedByContextMenu, false);
       __privateGet(this, _petOverlay).setLocale(newOptions.locale);
       __privateMethod(this, _ChatKitElementBase_instances, syncPetOverlayOptions_fn).call(this);
       if (__privateGet(this, _initialized)) {
         __privateMethod(this, _ChatKitElementBase_instances, setOptionsDataAttributes_fn).call(this, __privateGet(this, _opts));
-        __privateGet(this, _loaded).then(() => {
-          __privateGet(this, _messenger).commands.setOptions(
-            getInnerOptions(__privateMethod(this, _ChatKitElementBase_instances, getFrameOptions_fn).call(this, newOptions))
-          );
-        });
+        __privateMethod(this, _ChatKitElementBase_instances, updateFrameOptions_fn).call(this);
       } else {
         __privateMethod(this, _ChatKitElementBase_instances, maybeInit_fn).call(this);
       }
@@ -3389,6 +3440,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _chatMinimizedToPet = new WeakMap();
   _framePetOptionsOverride = new WeakMap();
   _petClosedByContextMenu = new WeakMap();
+  _hostLauncherEnabled = new WeakMap();
+  _launcherVisible = new WeakMap();
   _shadow = new WeakMap();
   _petOverlay = new WeakMap();
   _resolveLoaded = new WeakMap();
@@ -3411,14 +3464,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   getDisplayMode_fn = function(options = __privateGet(this, _opts)) {
     return (options == null ? void 0 : options.displayMode) === "pet" ? "pet" : "chat";
   };
-  getConfiguredPetOptions_fn = function(options = __privateGet(this, _opts)) {
-    if (!options) {
-      return null;
-    }
-    if (__privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this, options) === "pet" && !normalizePetOptions(options.pet ?? null)) {
-      return typeof options.pet === "object" ? { ...options.pet, enabled: true } : true;
-    }
-    return options.pet ?? null;
+  getConfiguredPetOptions_fn = function() {
+    if (!__privateGet(this, _opts)) return null;
+    return __privateMethod(this, _ChatKitElementBase_instances, effectivePet_fn).call(this, __privateGet(this, _opts)) ?? (__privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) === "pet" ? true : null);
   };
   mergeConfiguredPetPositionDefaults_fn = function(pet) {
     if (!pet) {
@@ -3446,9 +3494,41 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
   };
+  effectivePet_fn = function(options) {
+    const pet = options.pet;
+    if (options.displayMode !== "pet" || __privateGet(this, _launcherVisible) === __privateGet(this, _hostLauncherEnabled)) {
+      return pet;
+    }
+    return typeof pet === "object" ? { ...pet, enabled: __privateGet(this, _launcherVisible) } : __privateGet(this, _launcherVisible);
+  };
+  innerOptions_fn = function(options) {
+    return removeMethods({
+      ...options,
+      pet: __privateMethod(this, _ChatKitElementBase_instances, effectivePet_fn).call(this, options)
+    });
+  };
+  updateFrameOptions_fn = function() {
+    __privateGet(this, _loaded).then(() => {
+      if (__privateGet(this, _opts))
+        __privateGet(this, _messenger).commands.setOptions(__privateMethod(this, _ChatKitElementBase_instances, innerOptions_fn).call(this, __privateGet(this, _opts)));
+    });
+  };
+  isLauncherHidden_fn = function() {
+    return __privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) === "pet" && !__privateGet(this, _launcherVisible);
+  };
+  requestLauncherVisibility_fn = function(visible) {
+    __privateSet(this, _launcherVisible, visible);
+    __privateMethod(this, _ChatKitElementBase_instances, syncPetOverlayOptions_fn).call(this);
+    __privateMethod(this, _ChatKitElementBase_instances, updateFrameOptions_fn).call(this);
+    this.dispatchEvent(
+      new CustomEvent("chatkit.pet.launcher.visibility.change", {
+        detail: { visible }
+      })
+    );
+  };
   getOverlayPetOptions_fn = function() {
     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") {
+    if (__privateMethod(this, _ChatKitElementBase_instances, isLauncherHidden_fn).call(this) || __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;
@@ -3458,7 +3538,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       pet = __privateMethod(this, _ChatKitElementBase_instances, getConfiguredPetOptions_fn).call(this);
     }
     if (__privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) === "pet" && !normalizePetOptions(pet ?? null)) {
-      pet = true;
+      pet = __privateMethod(this, _ChatKitElementBase_instances, getConfiguredPetOptions_fn).call(this);
     }
     return __privateMethod(this, _ChatKitElementBase_instances, resolveOverlayPetOptions_fn).call(this, pet);
   };
@@ -3493,19 +3573,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       imageRendering: normalized.imageRendering
     };
   };
-  getFrameOptions_fn = function(options) {
-    const pet = __privateMethod(this, _ChatKitElementBase_instances, getConfiguredPetOptions_fn).call(this, options);
-    if (pet === (options.pet ?? null)) {
-      return options;
-    }
-    const nextOptions = { ...options };
-    if (pet === null) {
-      delete nextOptions.pet;
-    } else {
-      nextOptions.pet = pet;
-    }
-    return nextOptions;
-  };
   setLauncherOpen_fn = function(open) {
     __privateSet(this, _launcherOpen, open);
     if (open) {
@@ -3524,9 +3591,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
   };
   syncPetOverlayOptions_fn = function() {
-    var _a2;
+    var _a2, _b2, _c2;
+    if (__privateMethod(this, _ChatKitElementBase_instances, isLauncherHidden_fn).call(this)) __privateMethod(this, _ChatKitElementBase_instances, setLauncherOpen_fn).call(this, false);
     const overlayPetOptions = __privateMethod(this, _ChatKitElementBase_instances, getOverlayPetOptions_fn).call(this);
     __privateGet(this, _petOverlay).setOptions(overlayPetOptions, (_a2 = __privateGet(this, _opts)) == null ? void 0 : _a2.theme);
+    __privateGet(this, _petOverlay).setReopenVisible(
+      __privateMethod(this, _ChatKitElementBase_instances, isLauncherHidden_fn).call(this),
+      typeof ((_b2 = __privateGet(this, _opts)) == null ? void 0 : _b2.pet) === "object" ? (_c2 = __privateGet(this, _opts).pet.position) == null ? void 0 : _c2.zIndex : void 0
+    );
     if (!overlayPetOptions) {
       __privateMethod(this, _ChatKitElementBase_instances, setChatMinimizedToPet_fn).call(this, false);
     }
@@ -3547,14 +3619,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     __privateGet(this, _loaded).then(() => this.focusComposer()).catch(() => void 0);
   };
   handlePetClose_fn = function() {
-    __privateSet(this, _petClosedByContextMenu, true);
-    __privateSet(this, _framePetOptionsOverride, null);
-    __privateMethod(this, _ChatKitElementBase_instances, setChatMinimizedToPet_fn).call(this, false);
     __privateMethod(this, _ChatKitElementBase_instances, setLauncherOpen_fn).call(this, false);
-    __privateGet(this, _petOverlay).setOptions(null);
     if (__privateMethod(this, _ChatKitElementBase_instances, getDisplayMode_fn).call(this) === "pet") {
+      __privateMethod(this, _ChatKitElementBase_instances, requestLauncherVisibility_fn).call(this, false);
       return;
     }
+    __privateSet(this, _petClosedByContextMenu, true);
+    __privateSet(this, _framePetOptionsOverride, null);
+    __privateMethod(this, _ChatKitElementBase_instances, syncPetOverlayOptions_fn).call(this);
     __privateGet(this, _loaded).then(() => __privateGet(this, _messenger).commands.setPetEnabled({ enabled: false })).catch(() => void 0);
   };
   handlePetReply_fn = async function(text) {
@@ -3607,7 +3679,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const frameURL = new URL(__privateMethod(this, _ChatKitElementBase_instances, getFrameUrl_fn).call(this), window.location.origin);
     __privateGet(this, _messenger).setTargetOrigin(frameURL.origin);
     frameURL.hash = encodeBase64({
-      options: getInnerOptions(__privateMethod(this, _ChatKitElementBase_instances, getFrameOptions_fn).call(this, __privateGet(this, _opts))),
+      options: __privateMethod(this, _ChatKitElementBase_instances, innerOptions_fn).call(this, __privateGet(this, _opts)),
       referrer: window.location.origin,
       profile: this.profile,
       ...__privateGet(this, _channelId) ? { channelId: __privateGet(this, _channelId) } : {}