kenobi-js 0.1.33 → 0.1.35

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);
@@ -1280,6 +1283,7 @@ var KenobiLib = (() => {
     const firstInputRef = A2(null);
     const formRef = A2(null);
     const [mode, setMode] = d2("card");
+    const [isDismissed, setIsDismissed] = d2(false);
     const hasEnteredRef = A2(false);
     const hasHadSuccessRef = A2(false);
     const isShowingInitialSuccessRef = A2(false);
@@ -1304,6 +1308,7 @@ var KenobiLib = (() => {
       if (config.isVisible) {
         setMode("card");
         hasEnteredRef.current = false;
+        setIsDismissed(false);
       }
     }, [config.isVisible]);
     if (mode === "card" && previousModeRef.current === "launcher") {
@@ -1387,22 +1392,26 @@ var KenobiLib = (() => {
       }
     }, [isOpen, mode]);
     if (!isInline) {
-      useEnterExitAnimation(containerRef, !!config.isVisible && mode === "card", {
-        direction: config.direction || "top-to-bottom",
-        position: config.position || "top-center",
-        entranceDelayMs: hasEnteredRef.current ? 0 : config.entranceDelayMs || 0,
-        exitDelayMs: 75,
-        onEntranceComplete: /* @__PURE__ */ __name(() => {
-          config.onEntranceComplete?.();
-          hasEnteredRef.current = true;
-        }, "onEntranceComplete"),
-        onExitComplete: /* @__PURE__ */ __name(() => {
-          if (!config.isVisible) config.onExitComplete?.();
-        }, "onExitComplete")
-      });
+      useEnterExitAnimation(
+        containerRef,
+        !!config.isVisible && mode === "card" && !isDismissed,
+        {
+          direction: config.direction || "top-to-bottom",
+          position: config.position || "top-center",
+          entranceDelayMs: hasEnteredRef.current ? 0 : config.entranceDelayMs || 0,
+          exitDelayMs: 75,
+          onEntranceComplete: /* @__PURE__ */ __name(() => {
+            config.onEntranceComplete?.();
+            hasEnteredRef.current = true;
+          }, "onEntranceComplete"),
+          onExitComplete: /* @__PURE__ */ __name(() => {
+            if (!config.isVisible || isDismissed) config.onExitComplete?.();
+          }, "onExitComplete")
+        }
+      );
       useEnterExitAnimation(
         launcherRef,
-        !!config.isVisible && mode === "launcher",
+        !!config.isVisible && mode === "launcher" && !isDismissed,
         {
           direction: config.direction || "top-to-bottom",
           position: config.position || "top-center",
@@ -1816,7 +1825,7 @@ var KenobiLib = (() => {
         }
       ),
       /* @__PURE__ */ u3(
-        "button",
+        "div",
         {
           ref: launcherRef,
           class: `launcher theme-${config.theme || "glass"} pos-${config.position || "top-center"}`,
@@ -1826,7 +1835,22 @@ 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();
+                  setIsDismissed(true);
+                  config.onDismiss?.();
+                },
+                children: /* @__PURE__ */ u3(XMarkIcon, {})
+              }
+            ),
             /* @__PURE__ */ u3(
               "div",
               {
@@ -3040,13 +3064,14 @@ 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,
+          onDismiss: /* @__PURE__ */ __name(() => {
+            this.log("debug", "CueCard dismissed by user");
+          }, "onDismiss"),
           onSubmitPersonalization: /* @__PURE__ */ __name((values) => {
             this.log("debug", "CueCard submitted:", values);
             void this.personalize(values);