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

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, _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());
@@ -1296,6 +1296,7 @@ const PET_SUMMARY_FONT_FAMILY = 'system-ui, -apple-system, BlinkMacSystemFont, "
 const PET_OVERLAY_COPY = {
   "en-US": {
     closePetMenuItem: "Close pet",
+    reopenPet: "Show pet",
     hideMessage: "Hide message",
     expandMessage: "Expand message",
     collapseMessage: "Collapse message",
@@ -1308,6 +1309,7 @@ const PET_OVERLAY_COPY = {
   },
   "zh-CN": {
     closePetMenuItem: "关闭宠物",
+    reopenPet: "显示宠物",
     hideMessage: "隐藏消息",
     expandMessage: "展开消息",
     collapseMessage: "收起消息",
@@ -1518,6 +1520,7 @@ function parseThreadSummaryLogPayload(value) {
 }
 class PetOverlay {
   constructor(root, options) {
+    this.reopenButton = null;
     this.overlayElement = null;
     this.petElement = null;
     this.contextMenuElement = null;
@@ -1765,6 +1768,7 @@ class PetOverlay {
     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();
@@ -1808,6 +1812,44 @@ class PetOverlay {
     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;
@@ -1871,6 +1913,7 @@ class PetOverlay {
       return;
     }
     this.connected = false;
+    this.setReopenVisible(false);
     this.clearRestingDelayTimer();
     this.clearTimers();
     this.removeDragListeners();
@@ -2778,9 +2821,6 @@ class PetOverlay {
     window.removeEventListener("pointercancel", this.handlePointerUp);
   }
 }
-function getInnerOptions(options) {
-  return removeMethods(options);
-}
 function requireCommandCapability(value, context) {
   const command = String(context.name);
   return function(...args) {
@@ -2807,10 +2847,13 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     __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)
     }));
@@ -3003,6 +3046,7 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
   }
   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 {
@@ -3281,19 +3325,26 @@ class ChatKitElementBase extends (_c = HTMLElement, _focusComposer_dec = [requir
     __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);
     }
@@ -3385,6 +3436,8 @@ _launcherOpen = new WeakMap();
 _chatMinimizedToPet = new WeakMap();
 _framePetOptionsOverride = new WeakMap();
 _petClosedByContextMenu = new WeakMap();
+_hostLauncherEnabled = new WeakMap();
+_launcherVisible = new WeakMap();
 _shadow = new WeakMap();
 _petOverlay = new WeakMap();
 _resolveLoaded = new WeakMap();
@@ -3407,14 +3460,9 @@ setOptionsDataAttributes_fn = function(options) {
 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) {
@@ -3442,9 +3490,41 @@ mergeConfiguredPetPositionDefaults_fn = function(pet) {
     }
   };
 };
+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;
@@ -3454,7 +3534,7 @@ getOverlayPetOptions_fn = function() {
     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);
 };
@@ -3489,19 +3569,6 @@ resolveOverlayPetOptions_fn = function(pet) {
     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) {
@@ -3520,9 +3587,14 @@ setChatMinimizedToPet_fn = function(minimized) {
   }
 };
 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);
   }
@@ -3543,14 +3615,14 @@ handlePetActivate_fn = function() {
   __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) {
@@ -3603,7 +3675,7 @@ maybeInit_fn = function() {
   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) } : {}