rivia 0.0.46 → 0.0.48

package/dist/index.js

@@ -73,10 +73,10 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       visitedPages[it.event_name] = it.id;
     }
   });
-  let storedVisited = JSON.parse(
+  let storedVisited2 = JSON.parse(
     sessionStorage.getItem("onboardingVisited") || "[]"
   );
-  if (!Array.isArray(storedVisited)) storedVisited = [];
+  if (!Array.isArray(storedVisited2)) storedVisited2 = [];
   let user_var1 = user_var;
   if (!user_var1) {
     user_var1 = "User_" + Math.random().toString(36).substring(2, 8);
@@ -91,16 +91,16 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       const data2 = await res.json();
       let userData = data2[user_var1];
       if (Array.isArray(userData)) {
-        storedVisited = userData;
+        storedVisited2 = userData;
       } else if (typeof userData === "object" && userData !== null && Array.isArray(userData.completed_items)) {
-        storedVisited = userData.completed_items;
+        storedVisited2 = userData.completed_items;
       } else {
-        storedVisited = [];
+        storedVisited2 = [];
       }
       let path;
       return {
-        completedPages: storedVisited,
-        progress: storedVisited.length,
+        completedPages: storedVisited2,
+        progress: storedVisited2.length,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         start_date: userData?.start_date || "",
         end_date: userData?.end_date || userData?.end_data || ""
@@ -110,7 +110,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
         "\u26A0\uFE0F Invalid checklist Id",
         err
       );
-      const storedVisited2 = [];
+      const storedVisited22 = [];
       return {
         completedPages: [],
         progress: 0,
@@ -120,7 +120,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       };
     }
   }
-  storedVisited = sessionStorage.getItem("onboardingVisited");
+  storedVisited2 = sessionStorage.getItem("onboardingVisited");
   async function getUserProgress22() {
     const backendUrl2 = `https://demoapi.rivia.ai/clients/${checklist_id}/${user_var1}`;
     try {
@@ -129,16 +129,16 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       const data2 = await res.json();
       let userData = data2[user_var1];
       if (Array.isArray(userData)) {
-        storedVisited = userData;
+        storedVisited2 = userData;
       } else if (typeof userData === "object" && userData !== null && Array.isArray(userData.completed_items)) {
-        storedVisited = userData.completed_items;
+        storedVisited2 = userData.completed_items;
       } else {
-        storedVisited = [];
+        storedVisited2 = [];
       }
       let path;
       return {
-        completedPages: storedVisited,
-        progress: storedVisited.length,
+        completedPages: storedVisited2,
+        progress: storedVisited2.length,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         start_date: userData?.start_date || "",
         end_date: userData?.end_date || userData?.end_data || ""
@@ -157,9 +157,9 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       };
     }
   }
-  if (!storedVisited || storedVisited == "[]") {
+  if (!storedVisited2 || storedVisited2 == "[]") {
     getUserProgress22().then((progressData) => {
-      if (storedVisited && storedVisited.length >= checklistItems.length) {
+      if (storedVisited2 && storedVisited2.length >= checklistItems.length) {
         return;
       }
       sessionStorage.setItem(
@@ -177,7 +177,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
         checklist_id,
         cssConfig,
         items,
-        storedVisited,
+        storedVisited2,
         backendUrl,
         progressData,
         visitedPages,
@@ -187,15 +187,15 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
     });
   } else {
     try {
-      storedVisited = storedVisited ? JSON.parse(storedVisited) : [];
+      storedVisited2 = storedVisited2 ? JSON.parse(storedVisited2) : [];
     } catch (e) {
       console.warn(
         "Invalid onboardingVisited data, resetting cache:",
-        storedVisited
+        storedVisited2
       );
-      storedVisited = [];
+      storedVisited2 = [];
     }
-    if (storedVisited && storedVisited.length >= checklistItems.length) {
+    if (storedVisited2 && storedVisited2.length >= checklistItems.length) {
       if (sessionStorage.getItem("CompletedAll") != "true") return;
       const label = document.createElement("div");
       label.id = "route-label";
@@ -237,7 +237,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
       checklist_id,
       cssConfig,
       items,
-      storedVisited,
+      storedVisited2,
       backendUrl,
       [],
       visitedPages,
@@ -246,7 +246,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
     );
   }
 }
-async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion = 0, checklistItems = [], cssText = [], targetingData = {}, user_var, checklist_id, cssConfig = {}, items = [], storedVisited = [], backendUrl = "", progressData = {}, visitedPages = {}, cleanUrlItems = [], custom_css = "") {
+async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion = 0, checklistItems = [], cssText = [], targetingData = {}, user_var, checklist_id, cssConfig = {}, items = [], storedVisited2 = [], backendUrl = "", progressData = {}, visitedPages = {}, cleanUrlItems = [], custom_css = "") {
   console.log("inside fetchWithTimeout", user_var);
   if (!user_var)
     return;
@@ -561,7 +561,7 @@ transform: translateY(-20%);
     }
   }
   createSlabs(items.length);
-  if (storedVisited) updateProgress(storedVisited.length);
+  if (storedVisited2) updateProgress(storedVisited2.length);
   Object.assign(label.style, {
     position: "fixed",
     bottom: "80px",
@@ -702,9 +702,11 @@ transform: translateY(-20%);
   window.updateUIFromVisited = updateUIFromVisited;
   window.updateProgress = updateProgress;
   window.updateProgress2 = updateProgress2;
-  window.storedVisited = storedVisited;
+  window.storedVisited = storedVisited2;
   window.uploadVisitedPagesInBackground = uploadVisitedPagesInBackground;
   window.items = items;
+  window.label = label;
+  window.showBtn = showBtn;
   const closeBtn = document.createElement("button");
   closeBtn.id = "tooltip-close-btn";
   closeBtn.innerHTML = "\u2715";
@@ -749,7 +751,7 @@ transform: translateY(-20%);
       return false;
     }
     visitedSet.add(cleanUrl);
-    storedVisited = [...visitedSet];
+    storedVisited2 = [...visitedSet];
     persistVisited();
     try {
       uploadVisitedPagesInBackground([...visitedSet], true);
@@ -788,7 +790,7 @@ transform: translateY(-20%);
       check = 1;
       const path = it.url || "";
       const cleanUrl = path.startsWith("/") ? path.slice(1) : path;
-      if (storedVisited.length >= checklistItems.length) {
+      if (storedVisited2.length >= checklistItems.length) {
         (() => {
           if (label2 && label2.parentNode) label2.remove();
           if (showBtn && showBtn.parentNode) showBtn.remove();
@@ -814,7 +816,7 @@ transform: translateY(-20%);
         })();
       }
       handleVisit(cleanUrl, { source: "click" });
-      if (storedVisited.length >= checklistItems.length) {
+      if (storedVisited2.length >= checklistItems.length) {
         (() => {
           if (label && label.parentNode) label.remove();
           if (showBtn && showBtn.parentNode) showBtn.remove();
@@ -884,12 +886,12 @@ transform: translateY(-20%);
   }
   let activeStepId = sessionStorage.getItem("activeStepId") || null;
   function updateUIFromVisited() {
-    storedVisited = JSON.parse(
+    storedVisited2 = JSON.parse(
       sessionStorage.getItem("onboardingVisited") || "[]"
     );
     let path;
-    storedVisited = sessionStorage.getItem("onboardingVisited");
-    if (!storedVisited || storedVisited == "[]") {
+    storedVisited2 = sessionStorage.getItem("onboardingVisited");
+    if (!storedVisited2 || storedVisited2 == "[]") {
       async function getUserProgress22() {
         const backendUrl2 = `https://demoapi.rivia.ai/clients/${checklist_id}/${user_var}`;
         try {
@@ -898,16 +900,16 @@ transform: translateY(-20%);
           const data2 = await res.json();
           let userData = data2[user_var];
           if (Array.isArray(userData)) {
-            storedVisited = userData;
+            storedVisited2 = userData;
           } else if (typeof userData === "object" && userData !== null && Array.isArray(userData.completed_items)) {
-            storedVisited = userData.completed_items;
+            storedVisited2 = userData.completed_items;
           } else {
-            storedVisited = [];
+            storedVisited2 = [];
           }
           let path2;
           return {
-            completedPages: storedVisited,
-            progress: storedVisited.length,
+            completedPages: storedVisited2,
+            progress: storedVisited2.length,
             timestamp: (/* @__PURE__ */ new Date()).toISOString(),
             start_date: userData?.start_date || "",
             end_date: userData?.end_date || userData?.end_data || ""
@@ -917,7 +919,7 @@ transform: translateY(-20%);
             "\u26A0\uFE0F Invalid checklist Id",
             err
           );
-          const storedVisited2 = [];
+          const storedVisited22 = [];
           return {
             completedPages: [],
             progress: 0,
@@ -981,12 +983,12 @@ transform: translateY(-20%);
         if (btnFraction2) {
           btnFraction2.textContent = `${completed2.length}/${items.length}`;
         }
-        storedVisited = completed2;
+        storedVisited2 = completed2;
         updateProgress(completed2.length);
         updateProgress2(completed2.length);
       });
     } else {
-      let completed2 = storedVisited;
+      let completed2 = storedVisited2;
       if (completed2) {
         try {
           completed2 = JSON.parse(completed2);
@@ -1050,11 +1052,11 @@ transform: translateY(-20%);
       if (btnFraction2) {
         btnFraction2.textContent = `${completed2.length}/${items.length} `;
       }
-      storedVisited = completed2;
+      storedVisited2 = completed2;
       updateProgress(completed2.length);
       updateProgress2(completed2.length);
     }
-    let completed = storedVisited;
+    let completed = storedVisited2;
   }
   if (completion == 0) {
     items.forEach((it) => {
@@ -1074,10 +1076,10 @@ transform: translateY(-20%);
           startSelect.style.display = "block";
           activeStepId = it.id;
           sessionStorage.setItem("activeStepId", activeStepId);
-          storedVisited = JSON.parse(
+          storedVisited2 = JSON.parse(
             sessionStorage.getItem("onboardingVisited") || "[]"
           );
-          if (!storedVisited || storedVisited == "[]") {
+          if (!storedVisited2 || storedVisited2 == "[]") {
             getUserProgress2().then((progressData2) => {
               sessionStorage.setItem(
                 "onboardingVisited",
@@ -1085,26 +1087,26 @@ transform: translateY(-20%);
               );
             });
           }
-          storedVisited = JSON.parse(
+          storedVisited2 = JSON.parse(
             sessionStorage.getItem("onboardingVisited") || "[]"
           );
           let path = it.url;
           let cleanUrl = path.startsWith("/") ? path.slice(1) : path;
-          if (!storedVisited.includes(cleanUrl) && cleanUrlItems.includes(cleanUrl)) {
-            storedVisited.push(cleanUrl);
+          if (!storedVisited2.includes(cleanUrl) && cleanUrlItems.includes(cleanUrl)) {
+            storedVisited2.push(cleanUrl);
             sessionStorage.setItem(
               "onboardingVisited",
-              JSON.stringify(storedVisited)
+              JSON.stringify(storedVisited2)
             );
           }
-          if (storedVisited.length >= checklistItems.length) {
+          if (storedVisited2.length >= checklistItems.length) {
             sessionStorage.setItem("CompletedAll", "true");
           }
-          uploadVisitedPagesInBackground(storedVisited, true);
-          updateProgress(storedVisited.length);
-          updateProgress2(storedVisited.length);
+          uploadVisitedPagesInBackground(storedVisited2, true);
+          updateProgress(storedVisited2.length);
+          updateProgress2(storedVisited2.length);
           updateUIFromVisited();
-          if (storedVisited.length >= checklistItems.length) {
+          if (storedVisited2.length >= checklistItems.length) {
             sessionStorage.setItem("CompletedAll", "true");
           }
         }
@@ -1141,18 +1143,18 @@ transform: translateY(-20%);
         sessionStorage.setItem("activeStepId", activeStepId);
         let path = it.url;
         let cleanUrl = path.startsWith("/") ? path.slice(1) : path;
-        if (!storedVisited.includes(cleanUrl) && cleanUrlItems.includes(cleanUrl)) {
-          storedVisited.push(cleanUrl);
+        if (!storedVisited2.includes(cleanUrl) && cleanUrlItems.includes(cleanUrl)) {
+          storedVisited2.push(cleanUrl);
           sessionStorage.setItem(
             "onboardingVisited",
-            JSON.stringify(storedVisited)
+            JSON.stringify(storedVisited2)
           );
         }
-        uploadVisitedPagesInBackground(storedVisited, true);
-        updateProgress(storedVisited.length);
-        updateProgress2(storedVisited.length);
+        uploadVisitedPagesInBackground(storedVisited2, true);
+        updateProgress(storedVisited2.length);
+        updateProgress2(storedVisited2.length);
         updateUIFromVisited();
-        if (storedVisited.length >= checklistItems.length) {
+        if (storedVisited2.length >= checklistItems.length) {
           sessionStorage.setItem("CompletedAll", "true");
         }
         window.location.href = it.url;
@@ -4079,6 +4081,38 @@ var triggerEvent = async (message) => {
         window.updateProgress2(window.storedVisited);
         window.updateUIFromVisited();
         window.uploadVisitedPagesInBackground(window.storedVisited);
+        if (storedVisited.length === window.items.length) {
+          window.showBtn.remove();
+          window.label.remove();
+          () => {
+            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",
+              backgroundColor: "#4CAF50",
+              color: "white",
+              padding: "10px 20px",
+              borderRadius: "10px",
+              boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
+              fontSize: "16px",
+              fontWeight: "bold",
+              zIndex: 9999,
+              opacity: 0,
+              transition: "opacity 0.5s ease"
+            });
+            document.body.appendChild(label2);
+            requestAnimationFrame(() => {
+              label2.style.opacity = 1;
+            });
+            setTimeout(() => {
+              label2.style.opacity = 0;
+              setTimeout(() => label2.remove(), 500);
+            }, 3e3);
+          };
+        }
       }
     }
   } catch (error) {

package/package.json

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