feat: hide edit tags when on timeline preview

CODEOWNERS

@@ -1 +1 @@
-* @contentstack/security-admin
+* @contentstack/security-admin

README.md

@@ -16,7 +16,7 @@ Alternatively, if you want to include the package directly in your website HTML
 
 ```html
 <script type='module'  integrity='sha384-lCmcVfWM6NvgMmsDlPZYYJ9MwFk9oDU3WhsJ3KmUJPWa7iKvIuYl+XzTl+cOCuim' crossorigin="anonymous">
-     import ContentstackLivePreview from 'https://esm.sh/@contentstack/[email protected].4';
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/[email protected].5';
 
      ContentstackLivePreview.init({
         stackDetails: {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentstack/live-preview-utils",
-    "version": "2.0.4",
+    "version": "2.0.5",
     "description": "Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting  live changes to the preview pane.",
     "type": "module",
     "types": "dist/legacy/index.d.ts",

src/live-preview.ts

@@ -113,8 +113,11 @@ export default class LivePreview {
             }
             window.addEventListener("message", this.resolveIncomingMessage);
             window.addEventListener("scroll", this.updateTooltipPosition);
+            // extract search params and check if preview_timestamp set
+            const urlParams = new URLSearchParams(window.location.search);
+            const previewTimestamp = urlParams.get("preview_timestamp");
             // render the hover outline only when edit button enable
-            if (this.config.editButton.enable) {
+            if (this.config.editButton.enable && !previewTimestamp) {
                 window.addEventListener("mouseover", this.addEditStyleOnHover);
             }