kenobi-js 0.1.32 → 0.1.34

package/browser/dist.js

@@ -1,5 +1,5 @@
 /*!
- * Kenobi SDK v0.1.32
+ * Kenobi SDK v0.1.33
  * (c) 2025 Kenobi.ai
  */
 "use strict";
@@ -1193,6 +1193,9 @@ var KenobiLib = (() => {
   .launcher .kbd-hint { position: static; transform: none; opacity: 0.6; transition: opacity 0.2s; }
   .launcher:hover .kbd-hint { opacity: 1; }
   .pos-top-right.launcher .kbd-hint { left: auto; right: auto; }
+  /* Launcher dismiss button */
+  .launcher .btn-dismiss.launcher-dismiss { top: -0.375rem; left: -0.375rem; width: 1.25rem; height: 1.25rem; opacity: 0; transition: opacity 0.2s ease-out, background-color 0.3s ease-out, color 0.3s ease-out; }
+  .launcher:hover .btn-dismiss.launcher-dismiss { opacity: 1; }
 `;
   var useEnterExitAnimation = /* @__PURE__ */ __name((ref, isVisible, config) => {
     const hasEnteredRef = A2(false);
@@ -1386,11 +1389,6 @@ var KenobiLib = (() => {
         setMode("card");
       }
     }, [isOpen, mode]);
-    y2(() => {
-      if (config.status === "starting") {
-        setIsOpen(false);
-      }
-    }, [config.status, setIsOpen]);
     if (!isInline) {
       useEnterExitAnimation(containerRef, !!config.isVisible && mode === "card", {
         direction: config.direction || "top-to-bottom",
@@ -1821,7 +1819,7 @@ var KenobiLib = (() => {
         }
       ),
       /* @__PURE__ */ u3(
-        "button",
+        "div",
         {
           ref: launcherRef,
           class: `launcher theme-${config.theme || "glass"} pos-${config.position || "top-center"}`,
@@ -1831,7 +1829,21 @@ var KenobiLib = (() => {
             setMode("card");
             setIsOpen(true);
           },
+          role: "button",
+          tabIndex: 0,
           children: [
+            /* @__PURE__ */ u3(
+              "button",
+              {
+                class: "btn-dismiss launcher-dismiss",
+                "aria-label": "Dismiss",
+                onClick: (e3) => {
+                  e3.stopPropagation();
+                  config.onDismiss?.();
+                },
+                children: /* @__PURE__ */ u3(XMarkIcon, {})
+              }
+            ),
             /* @__PURE__ */ u3(
               "div",
               {
@@ -1935,6 +1947,9 @@ var KenobiLib = (() => {
       this.host.remove();
     }
     update(newState) {
+      if (newState.status === "starting" && this.config.status !== "starting") {
+        this.isOpen = false;
+      }
       this.config = { ...this.config, ...newState };
       this.applyHostStyles();
       this.render();
@@ -3042,12 +3057,10 @@ var KenobiLib = (() => {
               errorMessage: "Company name or domain is required"
             }
           ],
-          hasPersonalization: true,
           isVisible: true,
-          enableFocusMode: true,
+          enableFocusMode: false,
+          showWatermark: false,
           showKeyboardHints: true,
-          focusBlurIntensity: "8px",
-          focusDelayMs: 2e3,
           enableLauncher: true,
           onSubmitPersonalization: /* @__PURE__ */ __name((values) => {
             this.log("debug", "CueCard submitted:", values);