rivia 0.0.64 → 0.0.66

package/dist/index.js

@@ -197,10 +197,10 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
     }
     if (storedVisited2 && storedVisited2.length >= checklistItems.length) {
       if (sessionStorage.getItem("CompletedAll") != "true") return;
-      const label = document.createElement("div");
-      label.id = "route-label";
-      label.innerText = "\u{1F389} Congrats! You've completed all items!";
-      Object.assign(label.style, {
+      const label2 = document.createElement("div");
+      label2.id = "route-label";
+      label2.innerText = "\u{1F389} Congrats! You've completed all items!";
+      Object.assign(label2.style, {
         position: "fixed",
         bottom: "20px",
         left: "20px",
@@ -215,13 +215,13 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
         opacity: 0,
         transition: "opacity 0.5s ease"
       });
-      document.body.appendChild(label);
+      document.body.appendChild(label2);
       requestAnimationFrame(() => {
-        label.style.opacity = 1;
+        label2.style.opacity = 1;
       });
       setTimeout(() => {
-        label.style.opacity = 0;
-        setTimeout(() => label.remove(), 500);
+        label2.style.opacity = 0;
+        setTimeout(() => label2.remove(), 500);
       }, 3e3);
       sessionStorage.setItem("CompletedAll", "false ");
       return;
@@ -475,24 +475,24 @@ transform: translateY(-20%);
     document.head.appendChild(style2);
     console.log("inside injectChecklistBaseCSS");
   }
-  let label = document.getElementById("route-label");
-  if (!label) {
-    label = document.createElement("div");
-    label.id = "route-label";
-    label.innerHTML = labelHTML;
+  let label2 = document.getElementById("route-label");
+  if (!label2) {
+    label2 = document.createElement("div");
+    label2.id = "route-label";
+    label2.innerHTML = labelHTML;
   }
-  const closeElement = label.querySelector(`#checklistCloseBtn`);
+  const closeElement = label2.querySelector(`#checklistCloseBtn`);
   closeElement.addEventListener("click", (e) => {
     e.stopPropagation();
-    label.style.opacity = "0";
-    label.style.pointerEvents = "none";
+    label2.style.opacity = "0";
+    label2.style.pointerEvents = "none";
     sessionStorage.setItem("onboardingVisible", "false");
     closeBtn.style.display = "none";
-    showBtn.style.display = "block";
+    showBtn2.style.display = "block";
   });
-  const dismissElement = label.querySelector(`#dismissChecklist`);
+  const dismissElement = label2.querySelector(`#dismissChecklist`);
   dismissElement.addEventListener("click", (e) => {
-    label.style.display = "none";
+    label2.style.display = "none";
     e.stopPropagation();
     const confirmDiv = document.createElement("div");
     confirmDiv.innerHTML = `
@@ -510,20 +510,20 @@ transform: translateY(-20%);
     const yesBtn = confirmDiv.querySelector("#confirmYes");
     const noBtn = confirmDiv.querySelector("#confirmNo");
     yesBtn.addEventListener("click", () => {
-      label.style.display = "none";
-      label.style.pointerEvents = "none";
+      label2.style.display = "none";
+      label2.style.pointerEvents = "none";
       closeBtn.style.display = "none";
-      showBtn.style.display = "none";
+      showBtn2.style.display = "none";
       sessionStorage.setItem("dismissedChecklist", "true");
       document.body.removeChild(confirmDiv);
     });
     noBtn.addEventListener("click", () => {
       document.body.removeChild(confirmDiv);
-      showBtn.style.display = "block";
+      showBtn2.style.display = "block";
     });
   });
   function createSlabs(n) {
-    const container = label.querySelector("#progressContainer");
+    const container = label2.querySelector("#progressContainer");
     if (!container) return;
     container.innerHTML = "";
     for (let i2 = 0; i2 < n; i2++) {
@@ -549,20 +549,20 @@ transform: translateY(-20%);
     height: 5px;
   }
   `;
-  label.appendChild(style);
+  label2.appendChild(style);
   function updateProgress(completed) {
-    const slabs = label.querySelectorAll(".slab");
+    const slabs = label2.querySelectorAll(".slab");
     slabs.forEach((slab, index) => {
       slab.classList.toggle("active", index < completed);
     });
-    const fraction = label.querySelector("#progressFraction");
+    const fraction = label2.querySelector("#progressFraction");
     if (fraction) {
       fraction.textContent = `${completed}/${slabs.length}`;
     }
   }
   createSlabs(items.length);
   if (storedVisited2) updateProgress(storedVisited2.length);
-  Object.assign(label.style, {
+  Object.assign(label2.style, {
     position: "fixed",
     bottom: "80px",
     left: "20px",
@@ -585,13 +585,13 @@ transform: translateY(-20%);
     display: "none",
     pointerEvents: "none"
   });
-  let showBtn = document.getElementById("show-tooltip-btn");
-  if (!showBtn) {
-    showBtn = document.createElement("button");
-    showBtn.id = "show-tooltip-btn";
+  let showBtn2 = document.getElementById("show-tooltip-btn");
+  if (!showBtn2) {
+    showBtn2 = document.createElement("button");
+    showBtn2.id = "show-tooltip-btn";
   }
   function createS(n) {
-    const container2 = showBtn.querySelector("#progressContainerBtn");
+    const container2 = showBtn2.querySelector("#progressContainerBtn");
     if (!container2) return;
     container2.innerHTML = "";
     for (let i2 = 0; i2 < n; i2++) {
@@ -601,7 +601,7 @@ transform: translateY(-20%);
     }
   }
   function updateProgress2(completed) {
-    const slab2 = showBtn.querySelectorAll("#progressContainerBtn .slab");
+    const slab2 = showBtn2.querySelectorAll("#progressContainerBtn .slab");
     slab2.forEach((slab, index) => {
       if (index < completed) {
         slab.classList.add("active");
@@ -610,8 +610,8 @@ transform: translateY(-20%);
       }
     });
   }
-  showBtn.id = "show-tooltip-btn";
-  showBtn.className = "rivia-launcher";
+  showBtn2.id = "show-tooltip-btn";
+  showBtn2.className = "rivia-launcher";
   const translateStyle = cssConfig.launcherProgressBar ? 'style="transform: translateY(10px);"' : "";
   const isRight = cssConfig.launcherPosition === "right";
   const iconHTML = cssConfig.launcherShowIcon ? `<svg class="launcher-icon" width="24" height="24"   ${translateStyle} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -623,9 +623,9 @@ transform: translateY(-20%);
 </svg>` : "";
   const textTranslateStyle = !cssConfig.launcherProgressBar ? " translateY(50%);" : "";
   if (!cssConfig.launcherProgressBar) {
-    showBtn.classList.add("no-progress");
+    showBtn2.classList.add("no-progress");
   }
-  showBtn.innerHTML = `
+  showBtn2.innerHTML = `
   <div class="launcher-root">
     <div class="launcher-left">
 
@@ -669,7 +669,7 @@ transform: translateY(-20%);
     root.style.setProperty("--body-color", cssConfig2.lowerBodyColor);
   }
   injectChecklistBaseCSS();
-  Object.assign(showBtn.style, {
+  Object.assign(showBtn2.style, {
     bottom: cssConfig.launcherSpacingBottom || "20px",
     left: isRight ? "auto" : cssConfig.launcherSpacingLeft || "20px",
     right: isRight ? cssConfig.launcherSpacingRight || "20px" : "auto",
@@ -678,16 +678,16 @@ transform: translateY(-20%);
     borderRadius: `${cssConfig.launcherBorderRadius || 6}px`
     /* CSS variables */
   });
-  showBtn.style.setProperty("--launcher-bg", cssConfig.launcherBackgroundColor || "#f78f07");
-  showBtn.style.setProperty("--launcher-text", cssConfig.launcherTextColor || "#ffffff");
-  showBtn.style.setProperty("--font-size", cssConfig.fontSize || "14px");
-  applyChecklistTheme(label, cssConfig);
+  showBtn2.style.setProperty("--launcher-bg", cssConfig.launcherBackgroundColor || "#f78f07");
+  showBtn2.style.setProperty("--launcher-text", cssConfig.launcherTextColor || "#ffffff");
+  showBtn2.style.setProperty("--font-size", cssConfig.fontSize || "14px");
+  applyChecklistTheme(label2, cssConfig);
   injectChecklistBaseCSS();
-  if (!document.contains(showBtn))
-    document.body.appendChild(showBtn);
+  if (!document.contains(showBtn2))
+    document.body.appendChild(showBtn2);
   console.log("after applyChecklistTheme");
-  if (!document.contains(label))
-    document.body.appendChild(label);
+  if (!document.contains(label2))
+    document.body.appendChild(label2);
   if (!cssConfig.launcherProgressBar) {
     const progressContainerBtn = document.getElementById("progressContainerBtn");
     if (progressContainerBtn) {
@@ -705,8 +705,8 @@ transform: translateY(-20%);
   window.storedVisited = storedVisited2;
   window.uploadVisitedPagesInBackground = uploadVisitedPagesInBackground;
   window.items = items;
-  window.label = label;
-  window.showBtn = showBtn;
+  window.label = label2;
+  window.showBtn = showBtn2;
   const closeBtn = document.createElement("button");
   closeBtn.id = "tooltip-close-btn";
   closeBtn.innerHTML = "\u2715";
@@ -727,7 +727,7 @@ transform: translateY(-20%);
     zIndex: 1e4
   });
   function positionCloseBtn() {
-    const rect = label.getBoundingClientRect();
+    const rect = label2.getBoundingClientRect();
     closeBtn.style.left = `${Math.max(8, rect.left + rect.width / 2 - 170)}px`;
     closeBtn.style.top = `${rect.bottom + 10}px`;
   }
@@ -792,12 +792,12 @@ transform: translateY(-20%);
       const cleanUrl = path.startsWith("/") ? path.slice(1) : path;
       if (storedVisited2.length >= checklistItems.length) {
         (() => {
-          if (label2 && label2.parentNode) label2.remove();
-          if (showBtn && showBtn.parentNode) showBtn.remove();
-          const label2 = document.createElement("div");
-          label2.id = "route-label";
-          label2.innerText = "\u{1F389} Congrats! You've completed all items!";
-          Object.assign(label2.style, {
+          if (label22 && label22.parentNode) label22.remove();
+          if (showBtn2 && showBtn2.parentNode) showBtn2.remove();
+          const label22 = document.createElement("div");
+          label22.id = "route-label";
+          label22.innerText = "\u{1F389} Congrats! You've completed all items!";
+          Object.assign(label22.style, {
             position: "fixed",
             bottom: "20px",
             left: "20px",
@@ -812,14 +812,14 @@ transform: translateY(-20%);
             opacity: 0,
             transition: "opacity 0.5s ease"
           });
-          document.body.appendChild(label2);
+          document.body.appendChild(label22);
         })();
       }
       handleVisit(cleanUrl, { source: "click" });
       if (storedVisited2.length >= checklistItems.length) {
         (() => {
-          if (label && label.parentNode) label.remove();
-          if (showBtn && showBtn.parentNode) showBtn.remove();
+          if (label2 && label2.parentNode) label2.remove();
+          if (showBtn2 && showBtn2.parentNode) showBtn2.remove();
           const label3 = document.createElement("div");
           label3.id = "route-label";
           label3.innerText = "\u{1F389} Congrats! You've completed all items!";
@@ -933,7 +933,7 @@ transform: translateY(-20%);
         let completed2 = progressData2.completedPages;
         completed2.forEach((path2) => {
           const stepId = visitedPages[path2];
-          const stepElement = label.querySelector(`#${stepId}`);
+          const stepElement = label2.querySelector(`#${stepId}`);
           if (!stepElement) return;
           const circle = stepElement.querySelector(".onboard-circle");
           if (circle) {
@@ -971,15 +971,15 @@ transform: translateY(-20%);
           Math.round(completed2.length / items.length * 100)
         );
         const percentText2 = `${progress2}%`;
-        const labelPercent2 = label.querySelector("#progressFraction");
-        const btnPercent2 = showBtn.querySelector("#progressFraction");
+        const labelPercent2 = label2.querySelector("#progressFraction");
+        const btnPercent2 = showBtn2.querySelector("#progressFraction");
         if (labelPercent2) labelPercent2.textContent = percentText2;
         if (btnPercent2) btnPercent2.textContent = percentText2;
-        const progressFraction2 = label.querySelector("#progressFraction");
+        const progressFraction2 = label2.querySelector("#progressFraction");
         if (progressFraction2) {
           progressFraction2.textContent = `${completed2.length}/${items.length}`;
         }
-        const btnFraction2 = showBtn.querySelector("#progressFraction");
+        const btnFraction2 = showBtn2.querySelector("#progressFraction");
         if (btnFraction2) {
           btnFraction2.textContent = `${completed2.length}/${items.length}`;
         }
@@ -1002,7 +1002,7 @@ transform: translateY(-20%);
       completed2.forEach((path2) => {
         let activeStepId2 = sessionStorage.getItem("activeStepId") || null;
         const stepId = visitedPages[path2];
-        const stepElement = label.querySelector(`#${stepId}`);
+        const stepElement = label2.querySelector(`#${stepId}`);
         if (!stepElement) return;
         const circle = stepElement.querySelector(".onboard-circle");
         if (circle) {
@@ -1040,15 +1040,15 @@ transform: translateY(-20%);
         Math.round(completed2.length / items.length * 100)
       );
       const percentText2 = `${progress2}%`;
-      const labelPercent2 = label.querySelector("#progressFraction");
-      const btnPercent2 = showBtn.querySelector("#progressFraction");
+      const labelPercent2 = label2.querySelector("#progressFraction");
+      const btnPercent2 = showBtn2.querySelector("#progressFraction");
       if (labelPercent2) labelPercent2.textContent = percentText2;
       if (btnPercent2) btnPercent2.textContent = percentText2;
-      const progressFraction2 = label.querySelector("#progressFraction");
+      const progressFraction2 = label2.querySelector("#progressFraction");
       if (progressFraction2) {
         progressFraction2.textContent = `${completed2.length}/${items.length}`;
       }
-      const btnFraction2 = showBtn.querySelector("#progressFraction");
+      const btnFraction2 = showBtn2.querySelector("#progressFraction");
       if (btnFraction2) {
         btnFraction2.textContent = `${completed2.length}/${items.length} `;
       }
@@ -1060,14 +1060,14 @@ transform: translateY(-20%);
   }
   if (completion == 0) {
     items.forEach((it) => {
-      const stepEl = label.querySelector(`#${it.id}`);
+      const stepEl = label2.querySelector(`#${it.id}`);
       if (!stepEl) return;
       const startSelect = stepEl.querySelector(".start-select");
       startSelect.style.display = "none";
       stepEl.addEventListener("click", () => {
         if (it.event_name == "click" && it.button_name == "") {
           items.forEach((inner) => {
-            const el = label.querySelector(`#${inner.id}`);
+            const el = label2.querySelector(`#${inner.id}`);
             if (el) {
               const sel = el.querySelector(".start-select");
               if (sel) sel.style.display = "none";
@@ -1117,7 +1117,7 @@ transform: translateY(-20%);
     if (!sessionStorage.getItem("c")) sessionStorage.setItem("c", 1);
     let c = parseInt(sessionStorage.getItem("c") || "1");
     items.forEach((it, index) => {
-      const stepEl = label.querySelector(`#${it.id}`);
+      const stepEl = label2.querySelector(`#${it.id}`);
       if (!stepEl) return;
       const startSelect = stepEl.querySelector(".start-select");
       startSelect.style.display = "none";
@@ -1132,7 +1132,7 @@ transform: translateY(-20%);
         }
         sessionStorage.setItem("c", c + 1);
         items.forEach((inner) => {
-          const el = label.querySelector(`#${inner.id}`);
+          const el = label2.querySelector(`#${inner.id}`);
           if (el) {
             const sel = el.querySelector(".start-select");
             if (sel) sel.style.display = "none";
@@ -1161,52 +1161,52 @@ transform: translateY(-20%);
       });
     });
   }
-  showBtn.addEventListener("click", (e) => {
+  showBtn2.addEventListener("click", (e) => {
     e.stopPropagation();
-    label.style.display = "block";
-    label.style.pointerEvents = "auto";
+    label2.style.display = "block";
+    label2.style.pointerEvents = "auto";
     closeBtn.style.display = "flex";
-    showBtn.style.display = "none";
+    showBtn2.style.display = "none";
     sessionStorage.setItem("onboardingVisible", "true");
     positionCloseBtn();
     requestAnimationFrame(() => {
-      label.style.opacity = "1";
+      label2.style.opacity = "1";
     });
   });
   closeBtn.addEventListener("click", (ev) => {
     ev.stopPropagation();
-    label.style.opacity = "0";
-    label.style.pointerEvents = "none";
+    label2.style.opacity = "0";
+    label2.style.pointerEvents = "none";
     closeBtn.style.display = "none";
-    showBtn.style.display = "block";
+    showBtn2.style.display = "block";
   });
-  label.addEventListener(
+  label2.addEventListener(
     "mouseenter",
-    () => label.style.transform = "scale(1.02)"
+    () => label2.style.transform = "scale(1.02)"
   );
-  label.addEventListener(
+  label2.addEventListener(
     "mouseleave",
-    () => label.style.transform = "scale(1)"
+    () => label2.style.transform = "scale(1)"
   );
-  label.addEventListener("click", () => {
+  label2.addEventListener("click", () => {
     const getStarted = document.querySelector("button#get-started");
     if (getStarted) getStarted.click();
   });
   if (sessionStorage.getItem("onboardingVisible") === "true") {
-    label.style.display = "block";
-    label.style.pointerEvents = "auto";
+    label2.style.display = "block";
+    label2.style.pointerEvents = "auto";
     closeBtn.style.display = "flex";
-    showBtn.style.display = "none";
+    showBtn2.style.display = "none";
     sessionStorage.setItem("onboardingVisible", "true");
     positionCloseBtn();
   } else {
-    showBtn.style.display = "block";
-    label.style.display = "none";
+    showBtn2.style.display = "block";
+    label2.style.display = "none";
   }
-  label.style.opacity = "1";
+  label2.style.opacity = "1";
   updateUIFromVisited();
   window.addEventListener("resize", () => {
-    if (label.style.display !== "none") positionCloseBtn();
+    if (label2.style.display !== "none") positionCloseBtn();
   });
 }
 function evaluateRule(rule, context) {
@@ -1281,16 +1281,16 @@ function evaluateRules(rules, context) {
   return finalResult;
 }
 async function Checklist(workspace_id, obj) {
-  window.addEventListener("popstate", async () => {
+  window.addEventListener("locationchange", async () => {
     window.workspace_id = workspace_id;
     window.userid = obj.userid;
-    let user_var2 = obj.userid;
+    let user_var = obj.userid;
     window.sign_up_at = obj.sign_up_at;
     window.role = obj.role;
     window.email = obj.email;
     console.log("");
     try {
-      let doesRouteMatch3 = function(routes) {
+      let doesRouteMatch2 = function(routes) {
         if (!Array.isArray(routes)) return true;
         const currentPath2 = window.location.pathname.toLowerCase();
         console.log("Current Path:", currentPath2);
@@ -1301,15 +1301,15 @@ async function Checklist(workspace_id, obj) {
           if (normalizedRoute.includes("[dynamic]")) {
             const base = normalizedRoute.split("[dynamic]")[0].replace(/\/$/, "");
             console.log("Base:", base);
-            pattern = new RegExp(`^${escapeRegex3(base)}(/.*)?$`);
+            pattern = new RegExp(`^${escapeRegex2(base)}(/.*)?$`);
           } else {
-            pattern = new RegExp(`^${escapeRegex3(normalizedRoute)}$`);
+            pattern = new RegExp(`^${escapeRegex2(normalizedRoute)}$`);
           }
           return pattern.test(currentPath2);
         });
-      }, escapeRegex3 = function(str) {
+      }, escapeRegex2 = function(str) {
         return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      }, buildContext3 = function(obj2) {
+      }, buildContext2 = function(obj2) {
         return {
           userid: obj2.userid,
           role: obj2.role,
@@ -1319,7 +1319,7 @@ async function Checklist(workspace_id, obj) {
           last_name: obj2.last_name
         };
       };
-      var doesRouteMatch2 = doesRouteMatch3, escapeRegex2 = escapeRegex3, buildContext2 = buildContext3;
+      var doesRouteMatch = doesRouteMatch2, escapeRegex = escapeRegex2, buildContext = buildContext2;
       const res = await fetch(
         `https://demoapi.rivia.ai/checklist_by_workspace2/${workspace_id}`,
         {
@@ -1340,9 +1340,9 @@ async function Checklist(workspace_id, obj) {
         if (!chk?.publish)
           return false;
         if (!chk?.targeting_data?.display)
-          return !doesRouteMatch3(routes, currentPath);
+          return !doesRouteMatch2(routes, currentPath);
         else
-          return doesRouteMatch3(routes, currentPath);
+          return doesRouteMatch2(routes, currentPath);
       });
       if (!matchedChecklist) {
         console.log("No checklist applicable for this route");
@@ -1352,7 +1352,7 @@ async function Checklist(workspace_id, obj) {
       console.log("matched ch", matchedChecklist);
       const rules = matchedChecklist?.targeting_data?.custom_rules || [];
       console.log("rules", rules);
-      const context = buildContext3(obj);
+      const context = buildContext2(obj);
       const shouldShow = evaluateRules(rules, context);
       if (!shouldShow) {
         return;
@@ -1382,7 +1382,7 @@ async function Checklist(workspace_id, obj) {
         cssConfig,
         targetingData,
         customCSS,
-        user_var2,
+        user_var,
         checklist_id
       );
       return matchedChecklist;
@@ -1391,114 +1391,26 @@ async function Checklist(workspace_id, obj) {
       throw err;
     }
   });
-  window.workspace_id = workspace_id;
-  window.userid = obj.userid;
-  let user_var = obj.userid;
-  window.sign_up_at = obj.sign_up_at;
-  window.role = obj.role;
-  window.email = obj.email;
-  console.log("");
-  try {
-    let doesRouteMatch2 = function(routes) {
-      if (!Array.isArray(routes)) return true;
-      const currentPath2 = window.location.pathname.toLowerCase();
-      console.log("Current Path:", currentPath2);
-      return routes.some((route) => {
-        if (!route) return false;
-        let pattern;
-        const normalizedRoute = route.toLowerCase().replace(/\/$/, "");
-        if (normalizedRoute.includes("[dynamic]")) {
-          const base = normalizedRoute.split("[dynamic]")[0].replace(/\/$/, "");
-          console.log("Base:", base);
-          pattern = new RegExp(`^${escapeRegex2(base)}(/.*)?$`);
-        } else {
-          pattern = new RegExp(`^${escapeRegex2(normalizedRoute)}$`);
-        }
-        return pattern.test(currentPath2);
-      });
-    }, escapeRegex2 = function(str) {
-      return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    }, buildContext2 = function(obj2) {
-      return {
-        userid: obj2.userid,
-        role: obj2.role,
-        sign_up_at: obj2.sign_up_at,
-        email: obj2.email,
-        first_name: obj2.first_name,
-        last_name: obj2.last_name
-      };
+  (function() {
+    if (label)
+      label.remove();
+    if (showBtn)
+      showBtn.remove();
+    const pushState = history.pushState;
+    const replaceState = history.replaceState;
+    history.pushState = function() {
+      pushState.apply(history, arguments);
+      window.dispatchEvent(new Event("locationchange"));
     };
-    var doesRouteMatch = doesRouteMatch2, escapeRegex = escapeRegex2, buildContext = buildContext2;
-    const res = await fetch(
-      `https://demoapi.rivia.ai/checklist_by_workspace2/${workspace_id}`,
-      {
-        method: "GET",
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    if (!res.ok) {
-      console.warn("\u274C Failed to fetch checklist");
-      return;
-    }
-    const data = await res.json();
-    const checklists = data.checklist || [];
-    if (!Array.isArray(checklists) || checklists.length === 0) return;
-    const currentPath = window.location.pathname;
-    const matchedChecklist = checklists.find((chk) => {
-      const routes = chk?.targeting_data?.routes;
-      if (!chk?.publish)
-        return false;
-      if (!chk?.targeting_data?.display)
-        return !doesRouteMatch2(routes, currentPath);
-      else
-        return doesRouteMatch2(routes, currentPath);
-    });
-    if (!matchedChecklist) {
-      console.log("No checklist applicable for this route");
-      return;
-    }
-    console.log("userid", obj.userid);
-    console.log("matched ch", matchedChecklist);
-    const rules = matchedChecklist?.targeting_data?.custom_rules || [];
-    console.log("rules", rules);
-    const context = buildContext2(obj);
-    const shouldShow = evaluateRules(rules, context);
-    if (!shouldShow) {
-      return;
-    }
-    const {
-      checklist_id,
-      title = "Untitled Checklist",
-      subtitle = "Describe the purpose of this checklist...",
-      items = [],
-      completion = 0,
-      branding_data: cssConfig = {},
-      targeting_data: targetingData = {},
-      customCSS = ""
-    } = matchedChecklist;
-    const fullData = {
-      checklist: matchedChecklist,
-      cssConfig,
-      targetingData,
-      customCSS
+    history.replaceState = function() {
+      replaceState.apply(history, arguments);
+      window.dispatchEvent(new Event("locationchange"));
     };
-    sessionStorage.removeItem("onboardingVisited");
-    Onboarding(
-      title,
-      subtitle,
-      completion,
-      items,
-      cssConfig,
-      targetingData,
-      customCSS,
-      user_var,
-      checklist_id
-    );
-    return matchedChecklist;
-  } catch (err) {
-    console.warn("Checklist error:", err.message);
-    throw err;
-  }
+    window.addEventListener("popstate", () => {
+      window.dispatchEvent(new Event("locationchange"));
+    });
+    window.dispatchEvent(new Event("locationchange"));
+  })();
 }
 var rivia_default = Checklist;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rivia",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",