kenobi-js 0.1.36 → 0.1.37

package/browser/dist.js

@@ -2434,6 +2434,7 @@ var KenobiLib = (() => {
       __publicField(this, "currentUrl");
       __publicField(this, "navTicking", false);
       __publicField(this, "transitionDefaults");
+      __publicField(this, "cueCardPaths");
       __publicField(this, "startAutoTransform", /* @__PURE__ */ __name(async () => {
         try {
           this.syncChangeStack();
@@ -2566,6 +2567,23 @@ var KenobiLib = (() => {
       __publicField(this, "getDurationInMilliseconds", /* @__PURE__ */ __name((start, end) => +end - +start, "getDurationInMilliseconds"));
       __publicField(this, "formatThousands", /* @__PURE__ */ __name((number) => new Intl.NumberFormat("en-US").format(number), "formatThousands"));
       __publicField(this, "setDebug", /* @__PURE__ */ __name((value) => this.config.debug = value, "setDebug"));
+      /**
+       * Checks if a path matches a pattern.
+       * Supports exact matches ("/pricing") and wildcard suffixes ("/blog/*").
+       */
+      __publicField(this, "matchesPathPattern", /* @__PURE__ */ __name((path, pattern) => {
+        const normalizedPath = path === "/" ? "/" : path.replace(/\/$/, "");
+        const normalizedPattern = pattern === "/" ? "/" : pattern.replace(/\/$/, "");
+        if (normalizedPattern.endsWith("/*")) {
+          const base = normalizedPattern.slice(0, -2);
+          return normalizedPath === base || normalizedPath.startsWith(base + "/");
+        }
+        return normalizedPath === normalizedPattern;
+      }, "matchesPathPattern"));
+      /**
+       * Checks if the given path matches any of the configured cueCardPaths.
+       */
+      __publicField(this, "isPathAllowedForCueCard", /* @__PURE__ */ __name((path) => this.cueCardPaths.some((pattern) => this.matchesPathPattern(path, pattern)), "isPathAllowedForCueCard"));
       __publicField(this, "isInputElement", /* @__PURE__ */ __name((el) => {
         if (!(el instanceof HTMLInputElement) && !(el instanceof HTMLTextAreaElement) && !(el instanceof HTMLSelectElement))
           return false;
@@ -2675,6 +2693,7 @@ var KenobiLib = (() => {
                 this.undoAll();
                 void this.startAutoTransform();
               }
+              this.syncCueCardVisibility();
             }
           });
         }, "schedule");
@@ -3048,6 +3067,13 @@ var KenobiLib = (() => {
           this.log("warn", "CueCard already initialized, skipping...");
           return;
         }
+        if (!this.isPathAllowedForCueCard(this.currentPath)) {
+          this.log(
+            "debug",
+            `CueCard not mounted: path "${this.currentPath}" not in allowed paths`
+          );
+          return;
+        }
         this.cueCardInstance = new CueCard({
           theme: "light",
           position: "top-center",
@@ -3080,6 +3106,29 @@ var KenobiLib = (() => {
         this.cueCardInstance.mount();
         this.log("debug", "CueCard mounted successfully");
       }, "initCueCard"));
+      /**
+       * Syncs CueCard visibility based on the current path.
+       * Mounts CueCard if on an allowed path, unmounts if not.
+       * Called after navigation changes.
+       */
+      __publicField(this, "syncCueCardVisibility", /* @__PURE__ */ __name(() => {
+        if (!this.config.publicKey) return;
+        const isAllowed = this.isPathAllowedForCueCard(this.currentPath);
+        if (isAllowed && !this.cueCardInstance) {
+          this.log(
+            "debug",
+            `Navigated to allowed path "${this.currentPath}", mounting CueCard`
+          );
+          this.initCueCard();
+        } else if (!isAllowed && this.cueCardInstance) {
+          this.log(
+            "debug",
+            `Navigated away from allowed paths to "${this.currentPath}", unmounting CueCard`
+          );
+          this.cueCardInstance.unmount();
+          this.cueCardInstance = null;
+        }
+      }, "syncCueCardVisibility"));
       /**
        * Triggers personalization by calling the API with the provided input.
        * Updates CueCard status during the flow and applies transformations.
@@ -3158,6 +3207,7 @@ var KenobiLib = (() => {
         this.config.transitionDefaults
       );
       this.orchestrator = new TransitionOrchestrator();
+      this.cueCardPaths = this.config.cueCardPaths ?? ["/"];
       this.syncVisitorKey();
       this.currentPath = this.getCurrentPath();
       this.currentUrl = this.getCurrentUrl();