[CORE] Fixes last searches issue in SDK Personalization (#635)

klevultd · Jun 10, 2024 · b2cf5a0 · b2cf5a0
1 parent b41e0c9
commit b2cf5a0
Showing 1 changed file with 33 additions and 3 deletions.
diff --git a/packages/klevu-core/src/store/lastClickedProducts.ts b/packages/klevu-core/src/store/lastClickedProducts.ts
@@ -3,11 +3,12 @@ import { KlevuRecord } from "../models/KlevuRecord.js"
 import { isBrowser } from "../utils/isBrowser.js"
 import { KlevuDomEvents } from "../events/KlevuDomEvents.js"
 import { KlevuConfig } from "../config.js"
-import { KlevuStorage } from "../utils/storage.js"
+import { KlevuStorage, StorageType } from "../utils/storage.js"
 
 const ONE_HOUR = 36000000
 export const LAST_CLICKED_STORAGE_KEY = "klevu-last-clicks"
-
+export const LAST_CLICKED_CATEGORY_STORAGE_KEY = "klevu-last-clicks-cat"
+const MAX_COUNT = 20
 /**
  * Keeps track of last clicked products in store
  */
@@ -36,6 +37,18 @@ class LastClickedProducts {
       )
     }
   }
+  private saveCat() {
+    if (KlevuConfig.getDefault().disableClickTracking) {
+      return
+    }
+    if (isBrowser() && window.sessionStorage) {
+      KlevuStorage.setItem(
+        LAST_CLICKED_CATEGORY_STORAGE_KEY,
+        JSON.stringify(this.categoryCache),
+        StorageType.SESSION
+      )
+    }
+  }
 
   private restore() {
     if (isBrowser() && window.localStorage) {
@@ -44,6 +57,15 @@ class LastClickedProducts {
         this.clicks = JSON.parse(res)
       }
     }
+    if (isBrowser() && window.sessionStorage) {
+      const resCat = KlevuStorage.getItem(
+        LAST_CLICKED_CATEGORY_STORAGE_KEY,
+        StorageType.SESSION
+      )
+      if (resCat) {
+        this.categoryCache = JSON.parse(resCat)
+      }
+    }
   }
 
   constructor() {
@@ -60,13 +82,19 @@ class LastClickedProducts {
     if (KlevuConfig.getDefault().disableClickTracking) {
       return
     }
+    const lastIndex = this.clicks.findIndex((ls) => ls.id === productId)
 
+    if (lastIndex > -1) {
+      this.clicks.splice(lastIndex, 1)
+    }
     this.clicks.push({
       ts: new Date(),
       id: productId,
       product,
     })
-
+    if (this.clicks.length > MAX_COUNT) {
+      this.clicks = this.clicks.slice(MAX_COUNT * -1)
+    }
     this.save()
 
     if (isBrowser()) {
@@ -159,7 +187,9 @@ class LastClickedProducts {
       cached: new Date(),
       ids,
     }
+    KlevuStorage.addKey(LAST_CLICKED_CATEGORY_STORAGE_KEY)
 
+    this.saveCat()
     return ids
   }
 }