kenobi-js 0.1.34 → 0.1.35

package/browser/dist.js

@@ -1283,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);
@@ -1307,6 +1308,7 @@ var KenobiLib = (() => {
       if (config.isVisible) {
         setMode("card");
         hasEnteredRef.current = false;
+        setIsDismissed(false);
       }
     }, [config.isVisible]);
     if (mode === "card" && previousModeRef.current === "launcher") {
@@ -1390,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",
@@ -1839,6 +1845,7 @@ var KenobiLib = (() => {
                 "aria-label": "Dismiss",
                 onClick: (e3) => {
                   e3.stopPropagation();
+                  setIsDismissed(true);
                   config.onDismiss?.();
                 },
                 children: /* @__PURE__ */ u3(XMarkIcon, {})
@@ -3062,6 +3069,9 @@ var KenobiLib = (() => {
           showWatermark: false,
           showKeyboardHints: true,
           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);