@contentstack/live-preview-utils 2.0.1 → 2.0.3

package/README.md

@@ -15,8 +15,19 @@ npm install @contentstack/live-preview-utils
 Alternatively, if you want to include the package directly in your website HTML code, use the following command:
 
 ```html
-<script src="https://unpkg.com/@contentstack/live-preview-utils@2.0.0/dist/legacy/index.js"></script>
+<script type='module'>
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@2.0.3';
+
+     ContentstackLivePreview.init({
+        stackDetails: {
+            apiKey: "your-stack-api-key",
+        },
+    });
+</script>
 ```
+> [!NOTE]
+> This step involves incorporating the package into your HTML code and initializing it, eliminating the need for re-initialization in the subsequent step.
+
 
 # Initializing the SDK
 
@@ -35,18 +46,6 @@ ContentstackLivePreview.init({
 });
 ```
 
-Alternatively, if you want to initialize the SDK directly inside the HTML tag, use the ContentstackLivePreview.init() method as follows:
-
-```html
-<script>
-    ContentstackLivePreview.init({
-        stackDetails: {
-            apiKey: "your-stack-api-key",
-        },
-    });
-</script>
-```
-
 
 # License
 

package/dist/legacy/compare.cjs

@@ -107,6 +107,25 @@ function handleWebCompare() {
     }
     mergeColors(`.cs-compare--${operation}`);
   });
+  import_post_robot.default.on("remove-diff", async () => {
+    const elements = Array.from(document.querySelectorAll("cs-compare"));
+    for (const element of elements) {
+      const parent = element.parentElement;
+      while (element.firstChild) {
+        parent.insertBefore(element.firstChild, element);
+      }
+      parent.removeChild(element);
+    }
+    const voidElements2 = Array.from(
+      document.querySelectorAll(
+        ".cs-compare__void--added, .cs-compare__void--removed"
+      )
+    );
+    for (const element of voidElements2) {
+      element.classList.remove("cs-compare__void--added");
+      element.classList.remove("cs-compare__void--removed");
+    }
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/legacy/compare.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AACtB,qBAAuC;AACvC,IAAAA,kBAAuC;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,6CAAuB;AACvB,8CAAuB;AACvB,oBAAAC,QAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,oBAAAA,QAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,oBAAAA,QAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AACL;","names":["import_compare","postRobot"]}
+{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n\n    postRobot.on(\"remove-diff\", async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\n        for (const element of elements) {\n            const parent = element.parentElement!;\n            while (element.firstChild) {\n                parent.insertBefore(element.firstChild, element);\n            }\n            parent.removeChild(element);\n        }\n        // remove classes cs-compare__void--added and cs-compare__void--removed\n        const voidElements = Array.from(\n            document.querySelectorAll(\n                \".cs-compare__void--added, .cs-compare__void--removed\"\n            )\n        );\n        for (const element of voidElements) {\n            element.classList.remove(\"cs-compare__void--added\");\n            element.classList.remove(\"cs-compare__void--removed\");\n        }\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AACtB,qBAAuC;AACvC,IAAAA,kBAAuC;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,6CAAuB;AACvB,8CAAuB;AACvB,oBAAAC,QAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,oBAAAA,QAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,oBAAAA,QAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AAED,oBAAAA,QAAU,GAAG,eAAe,YAAY;AAEpC,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,YAAY,CAAC;AACnE,eAAW,WAAW,UAAU;AAC5B,YAAM,SAAS,QAAQ;AACvB,aAAO,QAAQ,YAAY;AACvB,eAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,MACnD;AACA,aAAO,YAAY,OAAO;AAAA,IAC9B;AAEA,UAAMC,gBAAe,MAAM;AAAA,MACvB,SAAS;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AACA,eAAW,WAAWA,eAAc;AAChC,cAAQ,UAAU,OAAO,yBAAyB;AAClD,cAAQ,UAAU,OAAO,2BAA2B;AAAA,IACxD;AAAA,EACJ,CAAC;AACL;","names":["import_compare","postRobot","voidElements"]}

package/dist/legacy/compare.js

@@ -73,6 +73,25 @@ function handleWebCompare() {
     }
     mergeColors(`.cs-compare--${operation}`);
   });
+  postRobot.on("remove-diff", async () => {
+    const elements = Array.from(document.querySelectorAll("cs-compare"));
+    for (const element of elements) {
+      const parent = element.parentElement;
+      while (element.firstChild) {
+        parent.insertBefore(element.firstChild, element);
+      }
+      parent.removeChild(element);
+    }
+    const voidElements2 = Array.from(
+      document.querySelectorAll(
+        ".cs-compare__void--added, .cs-compare__void--removed"
+      )
+    );
+    for (const element of voidElements2) {
+      element.classList.remove("cs-compare__void--added");
+      element.classList.remove("cs-compare__void--removed");
+    }
+  });
 }
 export {
   handleWebCompare

package/dist/legacy/compare.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n}\n"],"mappings":";AAAA,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,yBAAuB;AACvB,yBAAuB;AACvB,YAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,YAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,YAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n\n    postRobot.on(\"remove-diff\", async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\n        for (const element of elements) {\n            const parent = element.parentElement!;\n            while (element.firstChild) {\n                parent.insertBefore(element.firstChild, element);\n            }\n            parent.removeChild(element);\n        }\n        // remove classes cs-compare__void--added and cs-compare__void--removed\n        const voidElements = Array.from(\n            document.querySelectorAll(\n                \".cs-compare__void--added, .cs-compare__void--removed\"\n            )\n        );\n        for (const element of voidElements) {\n            element.classList.remove(\"cs-compare__void--added\");\n            element.classList.remove(\"cs-compare__void--removed\");\n        }\n    });\n}\n"],"mappings":";AAAA,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,yBAAuB;AACvB,yBAAuB;AACvB,YAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,YAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,YAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AAED,YAAU,GAAG,eAAe,YAAY;AAEpC,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,YAAY,CAAC;AACnE,eAAW,WAAW,UAAU;AAC5B,YAAM,SAAS,QAAQ;AACvB,aAAO,QAAQ,YAAY;AACvB,eAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,MACnD;AACA,aAAO,YAAY,OAAO;AAAA,IAC9B;AAEA,UAAMA,gBAAe,MAAM;AAAA,MACvB,SAAS;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AACA,eAAW,WAAWA,eAAc;AAChC,cAAQ,UAAU,OAAO,yBAAyB;AAClD,cAAQ,UAAU,OAAO,2BAA2B;AAAA,IACxD;AAAA,EACJ,CAAC;AACL;","names":["voidElements"]}

package/dist/legacy/contentstack-live-preview-HOC.cjs

@@ -193,7 +193,7 @@ var ContentstackLivePreview = {
     }
   },
   getSdkVersion() {
-    return "2.0.1";
+    return "2.0.3";
   }
 };
 var contentstack_live_preview_HOC_default = ContentstackLivePreview;

package/dist/legacy/contentstack-live-preview-HOC.js

@@ -159,7 +159,7 @@ var ContentstackLivePreview = {
     }
   },
   getSdkVersion() {
-    return "2.0.1";
+    return "2.0.3";
   }
 };
 var contentstack_live_preview_HOC_default = ContentstackLivePreview;

package/dist/legacy/live-preview.cjs

@@ -48,7 +48,7 @@ var LivePreview = class {
       stackDetails: {
         apiKey: "",
         environment: "",
-        branch: "main",
+        branch: "",
         contentTypeUid: "",
         entryUid: ""
       },
@@ -60,9 +60,6 @@ var LivePreview = class {
       },
       stackSdk: {
         live_preview: {},
-        headers: {
-          api_key: ""
-        },
         environment: ""
       },
       onChange: () => {
@@ -185,6 +182,9 @@ var LivePreview = class {
         continue;
       const cslpTag = element.getAttribute("data-cslp");
       if (trigger && cslpTag) {
+        if (!document.getElementById("cslp-tooltip")) {
+          this.createCslpTooltip();
+        }
         if (this.hideInterval) {
           clearInterval(this.hideInterval);
           this.hideInterval = null;
@@ -282,7 +282,9 @@ var LivePreview = class {
     const url = new URL(`${protocol}://${host}`);
     url.port = port;
     url.hash = urlHash;
-    url.searchParams.append("branch", branch);
+    if (this.config.stackDetails.branch) {
+      url.searchParams.append("branch", branch);
+    }
     url.searchParams.append("preview-field", preview_field);
     url.searchParams.append("preview-locale", locale ?? "en-us");
     url.searchParams.append("preview-environment", environment);
@@ -423,7 +425,7 @@ var LivePreview = class {
           config: {
             shouldReload: this.config.ssr,
             href: window.location.href,
-            sdkVersion: "2.0.1"
+            sdkVersion: "2.0.3"
           }
         }
       },

package/dist/legacy/live-preview.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/live-preview.ts"],"sourcesContent":["import {\n    createSingularEditButton,\n    createMultipleEditButton,\n    addLivePreviewQueryTags,\n    shouldRenderEditButton,\n    getEditButtonPosition,\n} from \"./utils\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport {\n    IConfig,\n    IEditButtonPosition,\n    IEditEntrySearchParams,\n    IInitData,\n    ILivePreviewReceivePostMessages,\n} from \"./utils/types\";\nimport { handleInitData } from \"./utils/handleUserConfig\";\nimport { userInitData } from \"./utils/defaults\";\nimport { livePreviewStyles } from \"./styles/live_preview\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private config: IConfig = {\n        ssr: true,\n        enable: true,\n        runScriptsOnUpdate: false,\n        cleanCslpOnProduction: true,\n        hash: \"\",\n\n        editButton: {\n            enable: true,\n            exclude: [],\n            position: \"top\",\n            includeByQueryParameter: true,\n        },\n        stackDetails: {\n            apiKey: \"\",\n            environment: \"\",\n            branch: \"main\",\n            contentTypeUid: \"\",\n            entryUid: \"\",\n        },\n\n        clientUrlParams: {\n            protocol: \"https\",\n            host: \"app.contentstack.com\",\n            port: 443,\n            url: \"https://app.contentstack.com:443\",\n        },\n        stackSdk: {\n            live_preview: {},\n            headers: {\n                api_key: \"\",\n            },\n            environment: \"\",\n        },\n\n        onChange: () => {\n            // this is intentional\n        },\n    };\n\n    private tooltip: HTMLButtonElement | null = null; // this tooltip is responsible to redirect user to Contentstack edit page\n    private currentElementBesideTooltip: HTMLElement | null = null; // this element helps to move tooltip with the scroll\n    private isHoveringOnTooltip = false;\n    private hideInterval: ReturnType<typeof setInterval> | null = null;\n\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    private tooltipCurrentChild: \"multiple\" | \"singular\" = \"singular\";\n\n    constructor(initData: Partial<IInitData> = userInitData) {\n        handleInitData(initData, this.config);\n\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.handleUserChange = this.handleUserChange.bind(this);\n        this.setOnChangeCallback = this.setOnChangeCallback.bind(this);\n        this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.removeDataCslp = this.removeDataCslp.bind(this);\n        this.toggleHoveringOnEditButton =\n            this.toggleHoveringOnEditButton.bind(this);\n        this.hideTooltip = this.hideTooltip.bind(this);\n\n        // @ts-ignore\n        if (initData.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                this.config\n            );\n        }\n\n        if (this.config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n            window.addEventListener(\"message\", this.resolveIncomingMessage);\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            // render the hover outline only when edit button enable\n            if (this.config.editButton.enable) {\n                window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n            }\n\n            if (this.config.ssr) {\n                window.addEventListener(\"load\", (e) => {\n                    const allATags = document.querySelectorAll(\"a\");\n                    allATags.forEach((tag) => {\n                        const docOrigin: string = document.location.origin;\n                        if (tag.href && tag.href.includes(docOrigin)) {\n                            const newUrl = addLivePreviewQueryTags(tag.href);\n                            tag.href = newUrl;\n                        }\n                    });\n                });\n\n                // Setting the query params to all the click events related to current domain\n                window.addEventListener(\"click\", (event: any) => {\n                    const target: any = event.target;\n                    const targetHref: string | any = target.href;\n                    const docOrigin: string = document.location.origin;\n                    if (\n                        targetHref &&\n                        targetHref.includes(docOrigin) &&\n                        !targetHref.includes(\"live_preview\")\n                    ) {\n                        const newUrl = addLivePreviewQueryTags(target.href);\n                        event.target.href = newUrl || target.href;\n                    }\n                });\n            }\n        } else if (this.config.cleanCslpOnProduction) {\n            this.removeDataCslp();\n        }\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                if (this.hideInterval) {\n                    clearInterval(this.hideInterval);\n                    this.hideInterval = null;\n                }\n                if (this.currentElementBesideTooltip) {\n                    this.currentElementBesideTooltip.classList.remove(\n                        livePreviewStyles()[\"cslp-edit-mode\"]\n                    );\n                    this.currentElementBesideTooltip.removeEventListener(\n                        \"mouseleave\",\n                        this.removeEditButtonStyle\n                    );\n                }\n                element.classList.add(livePreviewStyles()[\"cslp-edit-mode\"]);\n                this.currentElementBesideTooltip = element;\n                this.currentElementBesideTooltip.addEventListener(\n                    \"mouseleave\",\n                    this.removeEditButtonStyle\n                );\n\n                if (this.updateTooltipPosition()) {\n                    this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                    this.tooltip?.setAttribute(\n                        \"current-href\",\n                        element.getAttribute(\"href\") ?? \"\"\n                    );\n                }\n\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private removeEditButtonStyle(e: MouseEvent) {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                this.hideInterval = setInterval(this.hideTooltip, 500);\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private hideTooltip() {\n        if (\n            !this.currentElementBesideTooltip ||\n            !this.tooltip ||\n            this.isHoveringOnTooltip\n        )\n            return false;\n        this.currentElementBesideTooltip.classList.remove(\n            livePreviewStyles()[\"cslp-edit-mode\"]\n        );\n        this.currentElementBesideTooltip.removeEventListener(\n            \"mouseleave\",\n            this.removeEditButtonStyle\n        );\n        this.currentElementBesideTooltip = null;\n        this.tooltip.style.top = \"-100%\";\n    }\n\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        preview_field: string\n    ): string {\n        if (!this.config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!this.config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(this.config.clientUrlParams.protocol);\n        const host = String(this.config.clientUrlParams.host);\n        const port = String(this.config.clientUrlParams.port);\n        const environment = String(this.config.stackDetails.environment);\n        const branch = String(this.config.stackDetails.branch || \"main\");\n\n        const urlHash = `!/stack/${\n            this.config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}/edit`;\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        url.searchParams.append(\"branch\", branch);\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const [content_type_uid, entry_uid, locale, ...field] =\n                cslpTag.split(\".\");\n\n            // check if opened inside an iframe\n            if (window.location !== window.parent.location) {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"scroll\",\n                        data: {\n                            field: field.join(\".\"),\n                            content_type_uid,\n                            entry_uid,\n                            locale,\n                        },\n                    },\n                    \"*\"\n                );\n            } else {\n                try {\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        field.join(\".\")\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    private handleUserChange(editEntrySearchParams: IEditEntrySearchParams) {\n        // here we provide contentTypeUid and EntryUid to the StackDelivery SDK.\n        this.config.stackSdk.live_preview = {\n            ...this.config.stackSdk.live_preview,\n            ...editEntrySearchParams,\n            live_preview: editEntrySearchParams.hash,\n        };\n        this.config.onChange();\n    }\n\n    setOnChangeCallback(onChangeCallback: () => void): void {\n        this.config.onChange = onChangeCallback;\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    get hash(): string {\n        return this.config.hash;\n    }\n\n    /**\n     * Sets the live preview hash from the query param which is\n     * accessible via `hash` property.\n     * @param params query param in an object form\n     */\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0] = {}\n    ): void {\n        if (typeof params !== \"object\")\n            throw new TypeError(\n                \"Live preview SDK: query param must be an object\"\n            );\n\n        const urlParams = new URLSearchParams(params);\n        const live_preview = urlParams.get(\"live_preview\");\n\n        if (live_preview) {\n            this.config.hash = live_preview;\n        }\n    }\n\n    private resolveIncomingMessage(\n        e: MessageEvent<ILivePreviewReceivePostMessages>\n    ) {\n        if (typeof e.data !== \"object\") return;\n\n        if (e.data.from !== \"live-preview\") return;\n\n        switch (e.data.type) {\n            case \"client-data-send\": {\n                const { contentTypeUid, entryUid } = this.config.stackDetails;\n                const { hash } = e.data.data;\n\n                this.setConfigFromParams({ live_preview: hash });\n\n                if (!this.config.ssr) {\n                    this.handleUserChange({\n                        content_type_uid: contentTypeUid,\n                        entry_uid: entryUid,\n                        hash: hash,\n                    });\n                }\n                break;\n            }\n            case \"init-ack\": {\n                const { contentTypeUid, entryUid } = e.data.data;\n\n                this.config.stackDetails.contentTypeUid = contentTypeUid;\n                this.config.stackDetails.entryUid = entryUid;\n                break;\n            }\n            case \"history\": {\n                switch (e.data.data.type) {\n                    case \"forward\": {\n                        window.history.forward();\n                        break;\n                    }\n                    case \"backward\": {\n                        window.history.back();\n                        break;\n                    }\n                    case \"reload\": {\n                        window.history.go();\n                    }\n                }\n                break;\n            }\n            default: {\n                // ensure that the switch statement is exhaustive\n                const exhaustiveCheck: never = e.data;\n                return exhaustiveCheck; // TODO: add debug message while we are in development mode.\n            }\n        }\n    }\n\n    private createCslpTooltip = () => {\n        if (\n            !document.getElementById(\"cslp-tooltip\") &&\n            this.config.editButton.enable\n        ) {\n            const tooltip = document.createElement(\"button\");\n            const tooltipInnerContainer = document.createElement(\"div\");\n            tooltipInnerContainer.classList.add(\n                livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n            );\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            tooltip.id = \"cslp-tooltip\";\n            tooltipInnerContainer.id = \"cslp-tooltip-inner-container\";\n            tooltip.addEventListener(\"mouseover\", () => {\n                this.toggleHoveringOnEditButton(true);\n            });\n            tooltip.addEventListener(\"mouseleave\", (e: MouseEvent) => {\n                this.toggleHoveringOnEditButton(false);\n                this.removeEditButtonStyle(e);\n            });\n            window.document.body.insertAdjacentElement(\"beforeend\", tooltip);\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            tooltipInnerContainer.innerHTML = \"\";\n            tooltipInnerContainer.appendChild(this.tooltipChild.singular);\n            tooltip.appendChild(tooltipInnerContainer);\n            this.tooltip = tooltip;\n        }\n        this.updateTooltipPosition();\n    };\n\n    private toggleHoveringOnEditButton = (isHoveringOnTooltip: boolean) => {\n        this.isHoveringOnTooltip = isHoveringOnTooltip;\n    };\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        // add edit tooltip\n        this.createCslpTooltip();\n\n        window.parent.postMessage(\n            {\n                from: \"live-preview\",\n                type: \"init\",\n                data: {\n                    config: {\n                        shouldReload: this.config.ssr,\n                        href: window.location.href,\n                        sdkVersion: process.env.PACKAGE_VERSION,\n                    },\n                },\n            },\n            \"*\"\n        );\n\n        // set timeout for client side (use to show warning: You are not editing this page)\n        if (!this.config.ssr) {\n            setInterval(() => {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"check-entry-page\",\n                        data: {\n                            href: window.location.href,\n                        },\n                    },\n                    \"*\"\n                );\n            }, 1500);\n        }\n    }\n\n    private updateTooltipPosition() {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            this.currentElementBesideTooltip.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            let {\n                upperBoundOfTooltip,\n                // eslint-disable-next-line prefer-const\n                leftBoundOfTooltip,\n            }: IEditButtonPosition = getEditButtonPosition(\n                this.currentElementBesideTooltip,\n                this.config.editButton.position\n            );\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                this.currentElementBesideTooltip.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (this.currentElementBesideTooltip.hasAttribute(\"href\")) {\n                    if (this.tooltipCurrentChild !== \"multiple\") {\n                        const tooltipInnerContainer =\n                            this.tooltip.querySelector(\n                                `div.${\n                                    livePreviewStyles()[\n                                        \"cslp-tooltip-inner-container\"\n                                    ]\n                                }`\n                            );\n                        if (tooltipInnerContainer) {\n                            tooltipInnerContainer.innerHTML = \"\";\n                            tooltipInnerContainer.appendChild(\n                                this.tooltipChild.multiple\n                            );\n                            this.tooltipCurrentChild = \"multiple\";\n                        }\n                    }\n                } else if (this.tooltipCurrentChild !== \"singular\") {\n                    const tooltipInnerContainer = this.tooltip.querySelector(\n                        `div.${\n                            livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n                        }`\n                    );\n                    if (tooltipInnerContainer) {\n                        tooltipInnerContainer.innerHTML = \"\";\n                        tooltipInnerContainer.appendChild(\n                            this.tooltipChild.singular\n                        );\n                        this.tooltipCurrentChild = \"singular\";\n                    }\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    // remove attributes when livePreview is false\n    private removeDataCslp() {\n        const nodes = document.querySelectorAll(\"[data-cslp]\");\n\n        nodes.forEach((node) => {\n            node.removeAttribute(\"data-cslp\");\n            node.removeAttribute(\"data-cslp-button-position\");\n        });\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/live-preview.ts"],"sourcesContent":["import {\n    createSingularEditButton,\n    createMultipleEditButton,\n    addLivePreviewQueryTags,\n    shouldRenderEditButton,\n    getEditButtonPosition,\n} from \"./utils\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport {\n    IConfig,\n    IEditButtonPosition,\n    IEditEntrySearchParams,\n    IInitData,\n    ILivePreviewReceivePostMessages,\n} from \"./utils/types\";\nimport { handleInitData } from \"./utils/handleUserConfig\";\nimport { userInitData } from \"./utils/defaults\";\nimport { livePreviewStyles } from \"./styles/live_preview\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private config: IConfig = {\n        ssr: true,\n        enable: true,\n        runScriptsOnUpdate: false,\n        cleanCslpOnProduction: true,\n        hash: \"\",\n\n        editButton: {\n            enable: true,\n            exclude: [],\n            position: \"top\",\n            includeByQueryParameter: true,\n        },\n        stackDetails: {\n            apiKey: \"\",\n            environment: \"\",\n            branch: \"\",\n            contentTypeUid: \"\",\n            entryUid: \"\",\n        },\n\n        clientUrlParams: {\n            protocol: \"https\",\n            host: \"app.contentstack.com\",\n            port: 443,\n            url: \"https://app.contentstack.com:443\",\n        },\n        stackSdk: {\n            live_preview: {},\n            environment: \"\",\n        },\n\n        onChange: () => {\n            // this is intentional\n        },\n    };\n\n    private tooltip: HTMLButtonElement | null = null; // this tooltip is responsible to redirect user to Contentstack edit page\n    private currentElementBesideTooltip: HTMLElement | null = null; // this element helps to move tooltip with the scroll\n    private isHoveringOnTooltip = false;\n    private hideInterval: ReturnType<typeof setInterval> | null = null;\n\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    private tooltipCurrentChild: \"multiple\" | \"singular\" = \"singular\";\n\n    constructor(initData: Partial<IInitData> = userInitData) {\n        handleInitData(initData, this.config);\n\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.handleUserChange = this.handleUserChange.bind(this);\n        this.setOnChangeCallback = this.setOnChangeCallback.bind(this);\n        this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.removeDataCslp = this.removeDataCslp.bind(this);\n        this.toggleHoveringOnEditButton =\n            this.toggleHoveringOnEditButton.bind(this);\n        this.hideTooltip = this.hideTooltip.bind(this);\n\n        // @ts-ignore\n        if (initData.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                this.config\n            );\n        }\n\n        if (this.config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n            window.addEventListener(\"message\", this.resolveIncomingMessage);\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            // render the hover outline only when edit button enable\n            if (this.config.editButton.enable) {\n                window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n            }\n\n            if (this.config.ssr) {\n                window.addEventListener(\"load\", (e) => {\n                    const allATags = document.querySelectorAll(\"a\");\n                    allATags.forEach((tag) => {\n                        const docOrigin: string = document.location.origin;\n                        if (tag.href && tag.href.includes(docOrigin)) {\n                            const newUrl = addLivePreviewQueryTags(tag.href);\n                            tag.href = newUrl;\n                        }\n                    });\n                });\n\n                // Setting the query params to all the click events related to current domain\n                window.addEventListener(\"click\", (event: any) => {\n                    const target: any = event.target;\n                    const targetHref: string | any = target.href;\n                    const docOrigin: string = document.location.origin;\n                    if (\n                        targetHref &&\n                        targetHref.includes(docOrigin) &&\n                        !targetHref.includes(\"live_preview\")\n                    ) {\n                        const newUrl = addLivePreviewQueryTags(target.href);\n                        event.target.href = newUrl || target.href;\n                    }\n                });\n            }\n        } else if (this.config.cleanCslpOnProduction) {\n            this.removeDataCslp();\n        }\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                // in case where the Edit button is not available in the body element\n                if (!document.getElementById(\"cslp-tooltip\")) {\n                    this.createCslpTooltip();\n                }\n                if (this.hideInterval) {\n                    clearInterval(this.hideInterval);\n                    this.hideInterval = null;\n                }\n                if (this.currentElementBesideTooltip) {\n                    this.currentElementBesideTooltip.classList.remove(\n                        livePreviewStyles()[\"cslp-edit-mode\"]\n                    );\n                    this.currentElementBesideTooltip.removeEventListener(\n                        \"mouseleave\",\n                        this.removeEditButtonStyle\n                    );\n                }\n                element.classList.add(livePreviewStyles()[\"cslp-edit-mode\"]);\n                this.currentElementBesideTooltip = element;\n                this.currentElementBesideTooltip.addEventListener(\n                    \"mouseleave\",\n                    this.removeEditButtonStyle\n                );\n\n                if (this.updateTooltipPosition()) {\n                    this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                    this.tooltip?.setAttribute(\n                        \"current-href\",\n                        element.getAttribute(\"href\") ?? \"\"\n                    );\n                }\n\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private removeEditButtonStyle(e: MouseEvent) {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                this.hideInterval = setInterval(this.hideTooltip, 500);\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private hideTooltip() {\n        if (\n            !this.currentElementBesideTooltip ||\n            !this.tooltip ||\n            this.isHoveringOnTooltip\n        )\n            return false;\n        this.currentElementBesideTooltip.classList.remove(\n            livePreviewStyles()[\"cslp-edit-mode\"]\n        );\n        this.currentElementBesideTooltip.removeEventListener(\n            \"mouseleave\",\n            this.removeEditButtonStyle\n        );\n        this.currentElementBesideTooltip = null;\n        this.tooltip.style.top = \"-100%\";\n    }\n\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        preview_field: string\n    ): string {\n        if (!this.config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!this.config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(this.config.clientUrlParams.protocol);\n        const host = String(this.config.clientUrlParams.host);\n        const port = String(this.config.clientUrlParams.port);\n        const environment = String(this.config.stackDetails.environment);\n        const branch = String(this.config.stackDetails.branch || \"main\");\n\n        const urlHash = `!/stack/${\n            this.config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}/edit`;\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (this.config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const [content_type_uid, entry_uid, locale, ...field] =\n                cslpTag.split(\".\");\n\n            // check if opened inside an iframe\n            if (window.location !== window.parent.location) {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"scroll\",\n                        data: {\n                            field: field.join(\".\"),\n                            content_type_uid,\n                            entry_uid,\n                            locale,\n                        },\n                    },\n                    \"*\"\n                );\n            } else {\n                try {\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        field.join(\".\")\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    private handleUserChange(editEntrySearchParams: IEditEntrySearchParams) {\n        // here we provide contentTypeUid and EntryUid to the StackDelivery SDK.\n        this.config.stackSdk.live_preview = {\n            ...this.config.stackSdk.live_preview,\n            ...editEntrySearchParams,\n            live_preview: editEntrySearchParams.hash,\n        };\n        this.config.onChange();\n    }\n\n    setOnChangeCallback(onChangeCallback: () => void): void {\n        this.config.onChange = onChangeCallback;\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    get hash(): string {\n        return this.config.hash;\n    }\n\n    /**\n     * Sets the live preview hash from the query param which is\n     * accessible via `hash` property.\n     * @param params query param in an object form\n     */\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0] = {}\n    ): void {\n        if (typeof params !== \"object\")\n            throw new TypeError(\n                \"Live preview SDK: query param must be an object\"\n            );\n\n        const urlParams = new URLSearchParams(params);\n        const live_preview = urlParams.get(\"live_preview\");\n\n        if (live_preview) {\n            this.config.hash = live_preview;\n        }\n    }\n\n    private resolveIncomingMessage(\n        e: MessageEvent<ILivePreviewReceivePostMessages>\n    ) {\n        if (typeof e.data !== \"object\") return;\n\n        if (e.data.from !== \"live-preview\") return;\n\n        switch (e.data.type) {\n            case \"client-data-send\": {\n                const { contentTypeUid, entryUid } = this.config.stackDetails;\n                const { hash } = e.data.data;\n\n                this.setConfigFromParams({ live_preview: hash });\n\n                if (!this.config.ssr) {\n                    this.handleUserChange({\n                        content_type_uid: contentTypeUid,\n                        entry_uid: entryUid,\n                        hash: hash,\n                    });\n                }\n                break;\n            }\n            case \"init-ack\": {\n                const { contentTypeUid, entryUid } = e.data.data;\n\n                this.config.stackDetails.contentTypeUid = contentTypeUid;\n                this.config.stackDetails.entryUid = entryUid;\n                break;\n            }\n            case \"history\": {\n                switch (e.data.data.type) {\n                    case \"forward\": {\n                        window.history.forward();\n                        break;\n                    }\n                    case \"backward\": {\n                        window.history.back();\n                        break;\n                    }\n                    case \"reload\": {\n                        window.history.go();\n                    }\n                }\n                break;\n            }\n            default: {\n                // ensure that the switch statement is exhaustive\n                const exhaustiveCheck: never = e.data;\n                return exhaustiveCheck; // TODO: add debug message while we are in development mode.\n            }\n        }\n    }\n\n    private createCslpTooltip = () => {\n        if (\n            !document.getElementById(\"cslp-tooltip\") &&\n            this.config.editButton.enable\n        ) {\n            const tooltip = document.createElement(\"button\");\n            const tooltipInnerContainer = document.createElement(\"div\");\n            tooltipInnerContainer.classList.add(\n                livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n            );\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            tooltip.id = \"cslp-tooltip\";\n            tooltipInnerContainer.id = \"cslp-tooltip-inner-container\";\n            tooltip.addEventListener(\"mouseover\", () => {\n                this.toggleHoveringOnEditButton(true);\n            });\n            tooltip.addEventListener(\"mouseleave\", (e: MouseEvent) => {\n                this.toggleHoveringOnEditButton(false);\n                this.removeEditButtonStyle(e);\n            });\n            window.document.body.insertAdjacentElement(\"beforeend\", tooltip);\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            tooltipInnerContainer.innerHTML = \"\";\n            tooltipInnerContainer.appendChild(this.tooltipChild.singular);\n            tooltip.appendChild(tooltipInnerContainer);\n            this.tooltip = tooltip;\n        }\n        this.updateTooltipPosition();\n    };\n\n    private toggleHoveringOnEditButton = (isHoveringOnTooltip: boolean) => {\n        this.isHoveringOnTooltip = isHoveringOnTooltip;\n    };\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        // add edit tooltip\n        this.createCslpTooltip();\n\n        window.parent.postMessage(\n            {\n                from: \"live-preview\",\n                type: \"init\",\n                data: {\n                    config: {\n                        shouldReload: this.config.ssr,\n                        href: window.location.href,\n                        sdkVersion: process.env.PACKAGE_VERSION,\n                    },\n                },\n            },\n            \"*\"\n        );\n\n        // set timeout for client side (use to show warning: You are not editing this page)\n        if (!this.config.ssr) {\n            setInterval(() => {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"check-entry-page\",\n                        data: {\n                            href: window.location.href,\n                        },\n                    },\n                    \"*\"\n                );\n            }, 1500);\n        }\n    }\n\n    private updateTooltipPosition() {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            this.currentElementBesideTooltip.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            let {\n                upperBoundOfTooltip,\n                // eslint-disable-next-line prefer-const\n                leftBoundOfTooltip,\n            }: IEditButtonPosition = getEditButtonPosition(\n                this.currentElementBesideTooltip,\n                this.config.editButton.position\n            );\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                this.currentElementBesideTooltip.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (this.currentElementBesideTooltip.hasAttribute(\"href\")) {\n                    if (this.tooltipCurrentChild !== \"multiple\") {\n                        const tooltipInnerContainer =\n                            this.tooltip.querySelector(\n                                `div.${\n                                    livePreviewStyles()[\n                                        \"cslp-tooltip-inner-container\"\n                                    ]\n                                }`\n                            );\n                        if (tooltipInnerContainer) {\n                            tooltipInnerContainer.innerHTML = \"\";\n                            tooltipInnerContainer.appendChild(\n                                this.tooltipChild.multiple\n                            );\n                            this.tooltipCurrentChild = \"multiple\";\n                        }\n                    }\n                } else if (this.tooltipCurrentChild !== \"singular\") {\n                    const tooltipInnerContainer = this.tooltip.querySelector(\n                        `div.${\n                            livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n                        }`\n                    );\n                    if (tooltipInnerContainer) {\n                        tooltipInnerContainer.innerHTML = \"\";\n                        tooltipInnerContainer.appendChild(\n                            this.tooltipChild.singular\n                        );\n                        this.tooltipCurrentChild = \"singular\";\n                    }\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    // remove attributes when livePreview is false\n    private removeDataCslp() {\n        const nodes = document.querySelectorAll(\"[data-cslp]\");\n\n        nodes.forEach((node) => {\n            node.removeAttribute(\"data-cslp\");\n            node.removeAttribute(\"data-cslp-button-position\");\n        });\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/legacy/live-preview.js

@@ -29,7 +29,7 @@ var LivePreview = class {
       stackDetails: {
         apiKey: "",
         environment: "",
-        branch: "main",
+        branch: "",
         contentTypeUid: "",
         entryUid: ""
       },
@@ -41,9 +41,6 @@ var LivePreview = class {
       },
       stackSdk: {
         live_preview: {},
-        headers: {
-          api_key: ""
-        },
         environment: ""
       },
       onChange: () => {
@@ -166,6 +163,9 @@ var LivePreview = class {
         continue;
       const cslpTag = element.getAttribute("data-cslp");
       if (trigger && cslpTag) {
+        if (!document.getElementById("cslp-tooltip")) {
+          this.createCslpTooltip();
+        }
         if (this.hideInterval) {
           clearInterval(this.hideInterval);
           this.hideInterval = null;
@@ -263,7 +263,9 @@ var LivePreview = class {
     const url = new URL(`${protocol}://${host}`);
     url.port = port;
     url.hash = urlHash;
-    url.searchParams.append("branch", branch);
+    if (this.config.stackDetails.branch) {
+      url.searchParams.append("branch", branch);
+    }
     url.searchParams.append("preview-field", preview_field);
     url.searchParams.append("preview-locale", locale ?? "en-us");
     url.searchParams.append("preview-environment", environment);
@@ -404,7 +406,7 @@ var LivePreview = class {
           config: {
             shouldReload: this.config.ssr,
             href: window.location.href,
-            sdkVersion: "2.0.1"
+            sdkVersion: "2.0.3"
           }
         }
       },

package/dist/legacy/live-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/live-preview.ts"],"sourcesContent":["import {\n    createSingularEditButton,\n    createMultipleEditButton,\n    addLivePreviewQueryTags,\n    shouldRenderEditButton,\n    getEditButtonPosition,\n} from \"./utils\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport {\n    IConfig,\n    IEditButtonPosition,\n    IEditEntrySearchParams,\n    IInitData,\n    ILivePreviewReceivePostMessages,\n} from \"./utils/types\";\nimport { handleInitData } from \"./utils/handleUserConfig\";\nimport { userInitData } from \"./utils/defaults\";\nimport { livePreviewStyles } from \"./styles/live_preview\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private config: IConfig = {\n        ssr: true,\n        enable: true,\n        runScriptsOnUpdate: false,\n        cleanCslpOnProduction: true,\n        hash: \"\",\n\n        editButton: {\n            enable: true,\n            exclude: [],\n            position: \"top\",\n            includeByQueryParameter: true,\n        },\n        stackDetails: {\n            apiKey: \"\",\n            environment: \"\",\n            branch: \"main\",\n            contentTypeUid: \"\",\n            entryUid: \"\",\n        },\n\n        clientUrlParams: {\n            protocol: \"https\",\n            host: \"app.contentstack.com\",\n            port: 443,\n            url: \"https://app.contentstack.com:443\",\n        },\n        stackSdk: {\n            live_preview: {},\n            headers: {\n                api_key: \"\",\n            },\n            environment: \"\",\n        },\n\n        onChange: () => {\n            // this is intentional\n        },\n    };\n\n    private tooltip: HTMLButtonElement | null = null; // this tooltip is responsible to redirect user to Contentstack edit page\n    private currentElementBesideTooltip: HTMLElement | null = null; // this element helps to move tooltip with the scroll\n    private isHoveringOnTooltip = false;\n    private hideInterval: ReturnType<typeof setInterval> | null = null;\n\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    private tooltipCurrentChild: \"multiple\" | \"singular\" = \"singular\";\n\n    constructor(initData: Partial<IInitData> = userInitData) {\n        handleInitData(initData, this.config);\n\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.handleUserChange = this.handleUserChange.bind(this);\n        this.setOnChangeCallback = this.setOnChangeCallback.bind(this);\n        this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.removeDataCslp = this.removeDataCslp.bind(this);\n        this.toggleHoveringOnEditButton =\n            this.toggleHoveringOnEditButton.bind(this);\n        this.hideTooltip = this.hideTooltip.bind(this);\n\n        // @ts-ignore\n        if (initData.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                this.config\n            );\n        }\n\n        if (this.config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n            window.addEventListener(\"message\", this.resolveIncomingMessage);\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            // render the hover outline only when edit button enable\n            if (this.config.editButton.enable) {\n                window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n            }\n\n            if (this.config.ssr) {\n                window.addEventListener(\"load\", (e) => {\n                    const allATags = document.querySelectorAll(\"a\");\n                    allATags.forEach((tag) => {\n                        const docOrigin: string = document.location.origin;\n                        if (tag.href && tag.href.includes(docOrigin)) {\n                            const newUrl = addLivePreviewQueryTags(tag.href);\n                            tag.href = newUrl;\n                        }\n                    });\n                });\n\n                // Setting the query params to all the click events related to current domain\n                window.addEventListener(\"click\", (event: any) => {\n                    const target: any = event.target;\n                    const targetHref: string | any = target.href;\n                    const docOrigin: string = document.location.origin;\n                    if (\n                        targetHref &&\n                        targetHref.includes(docOrigin) &&\n                        !targetHref.includes(\"live_preview\")\n                    ) {\n                        const newUrl = addLivePreviewQueryTags(target.href);\n                        event.target.href = newUrl || target.href;\n                    }\n                });\n            }\n        } else if (this.config.cleanCslpOnProduction) {\n            this.removeDataCslp();\n        }\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                if (this.hideInterval) {\n                    clearInterval(this.hideInterval);\n                    this.hideInterval = null;\n                }\n                if (this.currentElementBesideTooltip) {\n                    this.currentElementBesideTooltip.classList.remove(\n                        livePreviewStyles()[\"cslp-edit-mode\"]\n                    );\n                    this.currentElementBesideTooltip.removeEventListener(\n                        \"mouseleave\",\n                        this.removeEditButtonStyle\n                    );\n                }\n                element.classList.add(livePreviewStyles()[\"cslp-edit-mode\"]);\n                this.currentElementBesideTooltip = element;\n                this.currentElementBesideTooltip.addEventListener(\n                    \"mouseleave\",\n                    this.removeEditButtonStyle\n                );\n\n                if (this.updateTooltipPosition()) {\n                    this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                    this.tooltip?.setAttribute(\n                        \"current-href\",\n                        element.getAttribute(\"href\") ?? \"\"\n                    );\n                }\n\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private removeEditButtonStyle(e: MouseEvent) {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                this.hideInterval = setInterval(this.hideTooltip, 500);\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private hideTooltip() {\n        if (\n            !this.currentElementBesideTooltip ||\n            !this.tooltip ||\n            this.isHoveringOnTooltip\n        )\n            return false;\n        this.currentElementBesideTooltip.classList.remove(\n            livePreviewStyles()[\"cslp-edit-mode\"]\n        );\n        this.currentElementBesideTooltip.removeEventListener(\n            \"mouseleave\",\n            this.removeEditButtonStyle\n        );\n        this.currentElementBesideTooltip = null;\n        this.tooltip.style.top = \"-100%\";\n    }\n\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        preview_field: string\n    ): string {\n        if (!this.config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!this.config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(this.config.clientUrlParams.protocol);\n        const host = String(this.config.clientUrlParams.host);\n        const port = String(this.config.clientUrlParams.port);\n        const environment = String(this.config.stackDetails.environment);\n        const branch = String(this.config.stackDetails.branch || \"main\");\n\n        const urlHash = `!/stack/${\n            this.config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}/edit`;\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        url.searchParams.append(\"branch\", branch);\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const [content_type_uid, entry_uid, locale, ...field] =\n                cslpTag.split(\".\");\n\n            // check if opened inside an iframe\n            if (window.location !== window.parent.location) {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"scroll\",\n                        data: {\n                            field: field.join(\".\"),\n                            content_type_uid,\n                            entry_uid,\n                            locale,\n                        },\n                    },\n                    \"*\"\n                );\n            } else {\n                try {\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        field.join(\".\")\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    private handleUserChange(editEntrySearchParams: IEditEntrySearchParams) {\n        // here we provide contentTypeUid and EntryUid to the StackDelivery SDK.\n        this.config.stackSdk.live_preview = {\n            ...this.config.stackSdk.live_preview,\n            ...editEntrySearchParams,\n            live_preview: editEntrySearchParams.hash,\n        };\n        this.config.onChange();\n    }\n\n    setOnChangeCallback(onChangeCallback: () => void): void {\n        this.config.onChange = onChangeCallback;\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    get hash(): string {\n        return this.config.hash;\n    }\n\n    /**\n     * Sets the live preview hash from the query param which is\n     * accessible via `hash` property.\n     * @param params query param in an object form\n     */\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0] = {}\n    ): void {\n        if (typeof params !== \"object\")\n            throw new TypeError(\n                \"Live preview SDK: query param must be an object\"\n            );\n\n        const urlParams = new URLSearchParams(params);\n        const live_preview = urlParams.get(\"live_preview\");\n\n        if (live_preview) {\n            this.config.hash = live_preview;\n        }\n    }\n\n    private resolveIncomingMessage(\n        e: MessageEvent<ILivePreviewReceivePostMessages>\n    ) {\n        if (typeof e.data !== \"object\") return;\n\n        if (e.data.from !== \"live-preview\") return;\n\n        switch (e.data.type) {\n            case \"client-data-send\": {\n                const { contentTypeUid, entryUid } = this.config.stackDetails;\n                const { hash } = e.data.data;\n\n                this.setConfigFromParams({ live_preview: hash });\n\n                if (!this.config.ssr) {\n                    this.handleUserChange({\n                        content_type_uid: contentTypeUid,\n                        entry_uid: entryUid,\n                        hash: hash,\n                    });\n                }\n                break;\n            }\n            case \"init-ack\": {\n                const { contentTypeUid, entryUid } = e.data.data;\n\n                this.config.stackDetails.contentTypeUid = contentTypeUid;\n                this.config.stackDetails.entryUid = entryUid;\n                break;\n            }\n            case \"history\": {\n                switch (e.data.data.type) {\n                    case \"forward\": {\n                        window.history.forward();\n                        break;\n                    }\n                    case \"backward\": {\n                        window.history.back();\n                        break;\n                    }\n                    case \"reload\": {\n                        window.history.go();\n                    }\n                }\n                break;\n            }\n            default: {\n                // ensure that the switch statement is exhaustive\n                const exhaustiveCheck: never = e.data;\n                return exhaustiveCheck; // TODO: add debug message while we are in development mode.\n            }\n        }\n    }\n\n    private createCslpTooltip = () => {\n        if (\n            !document.getElementById(\"cslp-tooltip\") &&\n            this.config.editButton.enable\n        ) {\n            const tooltip = document.createElement(\"button\");\n            const tooltipInnerContainer = document.createElement(\"div\");\n            tooltipInnerContainer.classList.add(\n                livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n            );\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            tooltip.id = \"cslp-tooltip\";\n            tooltipInnerContainer.id = \"cslp-tooltip-inner-container\";\n            tooltip.addEventListener(\"mouseover\", () => {\n                this.toggleHoveringOnEditButton(true);\n            });\n            tooltip.addEventListener(\"mouseleave\", (e: MouseEvent) => {\n                this.toggleHoveringOnEditButton(false);\n                this.removeEditButtonStyle(e);\n            });\n            window.document.body.insertAdjacentElement(\"beforeend\", tooltip);\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            tooltipInnerContainer.innerHTML = \"\";\n            tooltipInnerContainer.appendChild(this.tooltipChild.singular);\n            tooltip.appendChild(tooltipInnerContainer);\n            this.tooltip = tooltip;\n        }\n        this.updateTooltipPosition();\n    };\n\n    private toggleHoveringOnEditButton = (isHoveringOnTooltip: boolean) => {\n        this.isHoveringOnTooltip = isHoveringOnTooltip;\n    };\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        // add edit tooltip\n        this.createCslpTooltip();\n\n        window.parent.postMessage(\n            {\n                from: \"live-preview\",\n                type: \"init\",\n                data: {\n                    config: {\n                        shouldReload: this.config.ssr,\n                        href: window.location.href,\n                        sdkVersion: process.env.PACKAGE_VERSION,\n                    },\n                },\n            },\n            \"*\"\n        );\n\n        // set timeout for client side (use to show warning: You are not editing this page)\n        if (!this.config.ssr) {\n            setInterval(() => {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"check-entry-page\",\n                        data: {\n                            href: window.location.href,\n                        },\n                    },\n                    \"*\"\n                );\n            }, 1500);\n        }\n    }\n\n    private updateTooltipPosition() {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            this.currentElementBesideTooltip.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            let {\n                upperBoundOfTooltip,\n                // eslint-disable-next-line prefer-const\n                leftBoundOfTooltip,\n            }: IEditButtonPosition = getEditButtonPosition(\n                this.currentElementBesideTooltip,\n                this.config.editButton.position\n            );\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                this.currentElementBesideTooltip.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (this.currentElementBesideTooltip.hasAttribute(\"href\")) {\n                    if (this.tooltipCurrentChild !== \"multiple\") {\n                        const tooltipInnerContainer =\n                            this.tooltip.querySelector(\n                                `div.${\n                                    livePreviewStyles()[\n                                        \"cslp-tooltip-inner-container\"\n                                    ]\n                                }`\n                            );\n                        if (tooltipInnerContainer) {\n                            tooltipInnerContainer.innerHTML = \"\";\n                            tooltipInnerContainer.appendChild(\n                                this.tooltipChild.multiple\n                            );\n                            this.tooltipCurrentChild = \"multiple\";\n                        }\n                    }\n                } else if (this.tooltipCurrentChild !== \"singular\") {\n                    const tooltipInnerContainer = this.tooltip.querySelector(\n                        `div.${\n                            livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n                        }`\n                    );\n                    if (tooltipInnerContainer) {\n                        tooltipInnerContainer.innerHTML = \"\";\n                        tooltipInnerContainer.appendChild(\n                            this.tooltipChild.singular\n                        );\n                        this.tooltipCurrentChild = \"singular\";\n                    }\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    // remove attributes when livePreview is false\n    private removeDataCslp() {\n        const nodes = document.querySelectorAll(\"[data-cslp]\");\n\n        nodes.forEach((node) => {\n            node.removeAttribute(\"data-cslp\");\n            node.removeAttribute(\"data-cslp-button-position\");\n        });\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/live-preview.ts"],"sourcesContent":["import {\n    createSingularEditButton,\n    createMultipleEditButton,\n    addLivePreviewQueryTags,\n    shouldRenderEditButton,\n    getEditButtonPosition,\n} from \"./utils\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport {\n    IConfig,\n    IEditButtonPosition,\n    IEditEntrySearchParams,\n    IInitData,\n    ILivePreviewReceivePostMessages,\n} from \"./utils/types\";\nimport { handleInitData } from \"./utils/handleUserConfig\";\nimport { userInitData } from \"./utils/defaults\";\nimport { livePreviewStyles } from \"./styles/live_preview\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private config: IConfig = {\n        ssr: true,\n        enable: true,\n        runScriptsOnUpdate: false,\n        cleanCslpOnProduction: true,\n        hash: \"\",\n\n        editButton: {\n            enable: true,\n            exclude: [],\n            position: \"top\",\n            includeByQueryParameter: true,\n        },\n        stackDetails: {\n            apiKey: \"\",\n            environment: \"\",\n            branch: \"\",\n            contentTypeUid: \"\",\n            entryUid: \"\",\n        },\n\n        clientUrlParams: {\n            protocol: \"https\",\n            host: \"app.contentstack.com\",\n            port: 443,\n            url: \"https://app.contentstack.com:443\",\n        },\n        stackSdk: {\n            live_preview: {},\n            environment: \"\",\n        },\n\n        onChange: () => {\n            // this is intentional\n        },\n    };\n\n    private tooltip: HTMLButtonElement | null = null; // this tooltip is responsible to redirect user to Contentstack edit page\n    private currentElementBesideTooltip: HTMLElement | null = null; // this element helps to move tooltip with the scroll\n    private isHoveringOnTooltip = false;\n    private hideInterval: ReturnType<typeof setInterval> | null = null;\n\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    private tooltipCurrentChild: \"multiple\" | \"singular\" = \"singular\";\n\n    constructor(initData: Partial<IInitData> = userInitData) {\n        handleInitData(initData, this.config);\n\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.handleUserChange = this.handleUserChange.bind(this);\n        this.setOnChangeCallback = this.setOnChangeCallback.bind(this);\n        this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.removeDataCslp = this.removeDataCslp.bind(this);\n        this.toggleHoveringOnEditButton =\n            this.toggleHoveringOnEditButton.bind(this);\n        this.hideTooltip = this.hideTooltip.bind(this);\n\n        // @ts-ignore\n        if (initData.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                this.config\n            );\n        }\n\n        if (this.config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n            window.addEventListener(\"message\", this.resolveIncomingMessage);\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            // render the hover outline only when edit button enable\n            if (this.config.editButton.enable) {\n                window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n            }\n\n            if (this.config.ssr) {\n                window.addEventListener(\"load\", (e) => {\n                    const allATags = document.querySelectorAll(\"a\");\n                    allATags.forEach((tag) => {\n                        const docOrigin: string = document.location.origin;\n                        if (tag.href && tag.href.includes(docOrigin)) {\n                            const newUrl = addLivePreviewQueryTags(tag.href);\n                            tag.href = newUrl;\n                        }\n                    });\n                });\n\n                // Setting the query params to all the click events related to current domain\n                window.addEventListener(\"click\", (event: any) => {\n                    const target: any = event.target;\n                    const targetHref: string | any = target.href;\n                    const docOrigin: string = document.location.origin;\n                    if (\n                        targetHref &&\n                        targetHref.includes(docOrigin) &&\n                        !targetHref.includes(\"live_preview\")\n                    ) {\n                        const newUrl = addLivePreviewQueryTags(target.href);\n                        event.target.href = newUrl || target.href;\n                    }\n                });\n            }\n        } else if (this.config.cleanCslpOnProduction) {\n            this.removeDataCslp();\n        }\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                // in case where the Edit button is not available in the body element\n                if (!document.getElementById(\"cslp-tooltip\")) {\n                    this.createCslpTooltip();\n                }\n                if (this.hideInterval) {\n                    clearInterval(this.hideInterval);\n                    this.hideInterval = null;\n                }\n                if (this.currentElementBesideTooltip) {\n                    this.currentElementBesideTooltip.classList.remove(\n                        livePreviewStyles()[\"cslp-edit-mode\"]\n                    );\n                    this.currentElementBesideTooltip.removeEventListener(\n                        \"mouseleave\",\n                        this.removeEditButtonStyle\n                    );\n                }\n                element.classList.add(livePreviewStyles()[\"cslp-edit-mode\"]);\n                this.currentElementBesideTooltip = element;\n                this.currentElementBesideTooltip.addEventListener(\n                    \"mouseleave\",\n                    this.removeEditButtonStyle\n                );\n\n                if (this.updateTooltipPosition()) {\n                    this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                    this.tooltip?.setAttribute(\n                        \"current-href\",\n                        element.getAttribute(\"href\") ?? \"\"\n                    );\n                }\n\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private removeEditButtonStyle(e: MouseEvent) {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                this.hideInterval = setInterval(this.hideTooltip, 500);\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private hideTooltip() {\n        if (\n            !this.currentElementBesideTooltip ||\n            !this.tooltip ||\n            this.isHoveringOnTooltip\n        )\n            return false;\n        this.currentElementBesideTooltip.classList.remove(\n            livePreviewStyles()[\"cslp-edit-mode\"]\n        );\n        this.currentElementBesideTooltip.removeEventListener(\n            \"mouseleave\",\n            this.removeEditButtonStyle\n        );\n        this.currentElementBesideTooltip = null;\n        this.tooltip.style.top = \"-100%\";\n    }\n\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        preview_field: string\n    ): string {\n        if (!this.config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!this.config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(this.config.clientUrlParams.protocol);\n        const host = String(this.config.clientUrlParams.host);\n        const port = String(this.config.clientUrlParams.port);\n        const environment = String(this.config.stackDetails.environment);\n        const branch = String(this.config.stackDetails.branch || \"main\");\n\n        const urlHash = `!/stack/${\n            this.config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}/edit`;\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (this.config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const [content_type_uid, entry_uid, locale, ...field] =\n                cslpTag.split(\".\");\n\n            // check if opened inside an iframe\n            if (window.location !== window.parent.location) {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"scroll\",\n                        data: {\n                            field: field.join(\".\"),\n                            content_type_uid,\n                            entry_uid,\n                            locale,\n                        },\n                    },\n                    \"*\"\n                );\n            } else {\n                try {\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        field.join(\".\")\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    private handleUserChange(editEntrySearchParams: IEditEntrySearchParams) {\n        // here we provide contentTypeUid and EntryUid to the StackDelivery SDK.\n        this.config.stackSdk.live_preview = {\n            ...this.config.stackSdk.live_preview,\n            ...editEntrySearchParams,\n            live_preview: editEntrySearchParams.hash,\n        };\n        this.config.onChange();\n    }\n\n    setOnChangeCallback(onChangeCallback: () => void): void {\n        this.config.onChange = onChangeCallback;\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    get hash(): string {\n        return this.config.hash;\n    }\n\n    /**\n     * Sets the live preview hash from the query param which is\n     * accessible via `hash` property.\n     * @param params query param in an object form\n     */\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0] = {}\n    ): void {\n        if (typeof params !== \"object\")\n            throw new TypeError(\n                \"Live preview SDK: query param must be an object\"\n            );\n\n        const urlParams = new URLSearchParams(params);\n        const live_preview = urlParams.get(\"live_preview\");\n\n        if (live_preview) {\n            this.config.hash = live_preview;\n        }\n    }\n\n    private resolveIncomingMessage(\n        e: MessageEvent<ILivePreviewReceivePostMessages>\n    ) {\n        if (typeof e.data !== \"object\") return;\n\n        if (e.data.from !== \"live-preview\") return;\n\n        switch (e.data.type) {\n            case \"client-data-send\": {\n                const { contentTypeUid, entryUid } = this.config.stackDetails;\n                const { hash } = e.data.data;\n\n                this.setConfigFromParams({ live_preview: hash });\n\n                if (!this.config.ssr) {\n                    this.handleUserChange({\n                        content_type_uid: contentTypeUid,\n                        entry_uid: entryUid,\n                        hash: hash,\n                    });\n                }\n                break;\n            }\n            case \"init-ack\": {\n                const { contentTypeUid, entryUid } = e.data.data;\n\n                this.config.stackDetails.contentTypeUid = contentTypeUid;\n                this.config.stackDetails.entryUid = entryUid;\n                break;\n            }\n            case \"history\": {\n                switch (e.data.data.type) {\n                    case \"forward\": {\n                        window.history.forward();\n                        break;\n                    }\n                    case \"backward\": {\n                        window.history.back();\n                        break;\n                    }\n                    case \"reload\": {\n                        window.history.go();\n                    }\n                }\n                break;\n            }\n            default: {\n                // ensure that the switch statement is exhaustive\n                const exhaustiveCheck: never = e.data;\n                return exhaustiveCheck; // TODO: add debug message while we are in development mode.\n            }\n        }\n    }\n\n    private createCslpTooltip = () => {\n        if (\n            !document.getElementById(\"cslp-tooltip\") &&\n            this.config.editButton.enable\n        ) {\n            const tooltip = document.createElement(\"button\");\n            const tooltipInnerContainer = document.createElement(\"div\");\n            tooltipInnerContainer.classList.add(\n                livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n            );\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            tooltip.id = \"cslp-tooltip\";\n            tooltipInnerContainer.id = \"cslp-tooltip-inner-container\";\n            tooltip.addEventListener(\"mouseover\", () => {\n                this.toggleHoveringOnEditButton(true);\n            });\n            tooltip.addEventListener(\"mouseleave\", (e: MouseEvent) => {\n                this.toggleHoveringOnEditButton(false);\n                this.removeEditButtonStyle(e);\n            });\n            window.document.body.insertAdjacentElement(\"beforeend\", tooltip);\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            tooltipInnerContainer.innerHTML = \"\";\n            tooltipInnerContainer.appendChild(this.tooltipChild.singular);\n            tooltip.appendChild(tooltipInnerContainer);\n            this.tooltip = tooltip;\n        }\n        this.updateTooltipPosition();\n    };\n\n    private toggleHoveringOnEditButton = (isHoveringOnTooltip: boolean) => {\n        this.isHoveringOnTooltip = isHoveringOnTooltip;\n    };\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        // add edit tooltip\n        this.createCslpTooltip();\n\n        window.parent.postMessage(\n            {\n                from: \"live-preview\",\n                type: \"init\",\n                data: {\n                    config: {\n                        shouldReload: this.config.ssr,\n                        href: window.location.href,\n                        sdkVersion: process.env.PACKAGE_VERSION,\n                    },\n                },\n            },\n            \"*\"\n        );\n\n        // set timeout for client side (use to show warning: You are not editing this page)\n        if (!this.config.ssr) {\n            setInterval(() => {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"check-entry-page\",\n                        data: {\n                            href: window.location.href,\n                        },\n                    },\n                    \"*\"\n                );\n            }, 1500);\n        }\n    }\n\n    private updateTooltipPosition() {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            this.currentElementBesideTooltip.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            let {\n                upperBoundOfTooltip,\n                // eslint-disable-next-line prefer-const\n                leftBoundOfTooltip,\n            }: IEditButtonPosition = getEditButtonPosition(\n                this.currentElementBesideTooltip,\n                this.config.editButton.position\n            );\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                this.currentElementBesideTooltip.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (this.currentElementBesideTooltip.hasAttribute(\"href\")) {\n                    if (this.tooltipCurrentChild !== \"multiple\") {\n                        const tooltipInnerContainer =\n                            this.tooltip.querySelector(\n                                `div.${\n                                    livePreviewStyles()[\n                                        \"cslp-tooltip-inner-container\"\n                                    ]\n                                }`\n                            );\n                        if (tooltipInnerContainer) {\n                            tooltipInnerContainer.innerHTML = \"\";\n                            tooltipInnerContainer.appendChild(\n                                this.tooltipChild.multiple\n                            );\n                            this.tooltipCurrentChild = \"multiple\";\n                        }\n                    }\n                } else if (this.tooltipCurrentChild !== \"singular\") {\n                    const tooltipInnerContainer = this.tooltip.querySelector(\n                        `div.${\n                            livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n                        }`\n                    );\n                    if (tooltipInnerContainer) {\n                        tooltipInnerContainer.innerHTML = \"\";\n                        tooltipInnerContainer.appendChild(\n                            this.tooltipChild.singular\n                        );\n                        this.tooltipCurrentChild = \"singular\";\n                    }\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    // remove attributes when livePreview is false\n    private removeDataCslp() {\n        const nodes = document.querySelectorAll(\"[data-cslp]\");\n\n        nodes.forEach((node) => {\n            node.removeAttribute(\"data-cslp\");\n            node.removeAttribute(\"data-cslp-button-position\");\n        });\n    }\n}\n"],"mappings":";AAAA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACG;AACP,SAAS,oBAAoB;AAQ7B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAElC,IAAqB,cAArB,MAAiC;AAAA,EAwD7B,YAAY,WAA+B,cAAc;AAnDzD;AAAA;AAAA;AAAA,SAAQ,SAAkB;AAAA,MACtB,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,oBAAoB;AAAA,MACpB,uBAAuB;AAAA,MACvB,MAAM;AAAA,MAEN,YAAY;AAAA,QACR,QAAQ;AAAA,QACR,SAAS,CAAC;AAAA,QACV,UAAU;AAAA,QACV,yBAAyB;AAAA,MAC7B;AAAA,MACA,cAAc;AAAA,QACV,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,UAAU;AAAA,MACd;AAAA,MAEA,iBAAiB;AAAA,QACb,UAAU;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACN,cAAc,CAAC;AAAA,QACf,aAAa;AAAA,MACjB;AAAA,MAEA,UAAU,MAAM;AAAA,MAEhB;AAAA,IACJ;AAEA,SAAQ,UAAoC;AAC5C;AAAA,SAAQ,8BAAkD;AAC1D;AAAA,SAAQ,sBAAsB;AAC9B,SAAQ,eAAsD;AAE9D,SAAQ,eAGJ;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,IACd;AACA,SAAQ,sBAA+C;AAiXvD,SAAQ,oBAAoB,MAAM;AAC9B,UACI,CAAC,SAAS,eAAe,cAAc,KACvC,KAAK,OAAO,WAAW,QACzB;AACE,cAAM,UAAU,SAAS,cAAc,QAAQ;AAC/C,cAAM,wBAAwB,SAAS,cAAc,KAAK;AAC1D,8BAAsB,UAAU;AAAA,UAC5B,kBAAkB,EAAE,8BAA8B;AAAA,QACtD;AACA,gBAAQ,UAAU,IAAI,kBAAkB,EAAE,cAAc,CAAC;AACzD,gBAAQ,UAAU,IAAI,kBAAkB,EAAE,cAAc,CAAC;AACzD,gBAAQ,aAAa,gBAAgB,iBAAiB;AACtD,gBAAQ,KAAK;AACb,8BAAsB,KAAK;AAC3B,gBAAQ,iBAAiB,aAAa,MAAM;AACxC,eAAK,2BAA2B,IAAI;AAAA,QACxC,CAAC;AACD,gBAAQ,iBAAiB,cAAc,CAAC,MAAkB;AACtD,eAAK,2BAA2B,KAAK;AACrC,eAAK,sBAAsB,CAAC;AAAA,QAChC,CAAC;AACD,eAAO,SAAS,KAAK,sBAAsB,aAAa,OAAO;AAC/D,aAAK,aAAa,WAAW;AAAA,UACzB,KAAK;AAAA,QACT;AACA,aAAK,aAAa,WAAW;AAAA,UACzB,KAAK;AAAA,UACL,KAAK;AAAA,QACT;AAEA,8BAAsB,YAAY;AAClC,8BAAsB,YAAY,KAAK,aAAa,QAAQ;AAC5D,gBAAQ,YAAY,qBAAqB;AACzC,aAAK,UAAU;AAAA,MACnB;AACA,WAAK,sBAAsB;AAAA,IAC/B;AAEA,SAAQ,6BAA6B,CAAC,wBAAiC;AACnE,WAAK,sBAAsB;AAAA,IAC/B;AAvZI,mBAAe,UAAU,KAAK,MAAM;AAEpC,SAAK,sBAAsB,KAAK,oBAAoB,KAAK,IAAI;AAC7D,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,sBAAsB,KAAK,oBAAoB,KAAK,IAAI;AAC7D,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AACvD,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AACvD,SAAK,sBAAsB,KAAK,oBAAoB,KAAK,IAAI;AAC7D,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,oBAAoB,KAAK,kBAAkB,KAAK,IAAI;AACzD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,6BACD,KAAK,2BAA2B,KAAK,IAAI;AAC7C,SAAK,cAAc,KAAK,YAAY,KAAK,IAAI;AAG7C,QAAI,SAAS,OAAO;AAChB,mBAAa;AAAA,QACT;AAAA,QACA,KAAK;AAAA,MACT;AAAA,IACJ;AAEA,QAAI,KAAK,OAAO,QAAQ;AACpB,UACI,OAAO,aAAa,UACpB,SAAS,eAAe,YAC1B;AACE,aAAK,gBAAgB;AAAA,MACzB,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AACA,aAAO,iBAAiB,WAAW,KAAK,sBAAsB;AAC9D,aAAO,iBAAiB,UAAU,KAAK,qBAAqB;AAE5D,UAAI,KAAK,OAAO,WAAW,QAAQ;AAC/B,eAAO,iBAAiB,aAAa,KAAK,mBAAmB;AAAA,MACjE;AAEA,UAAI,KAAK,OAAO,KAAK;AACjB,eAAO,iBAAiB,QAAQ,CAAC,MAAM;AACnC,gBAAM,WAAW,SAAS,iBAAiB,GAAG;AAC9C,mBAAS,QAAQ,CAAC,QAAQ;AACtB,kBAAM,YAAoB,SAAS,SAAS;AAC5C,gBAAI,IAAI,QAAQ,IAAI,KAAK,SAAS,SAAS,GAAG;AAC1C,oBAAM,SAAS,wBAAwB,IAAI,IAAI;AAC/C,kBAAI,OAAO;AAAA,YACf;AAAA,UACJ,CAAC;AAAA,QACL,CAAC;AAGD,eAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,gBAAM,SAAc,MAAM;AAC1B,gBAAM,aAA2B,OAAO;AACxC,gBAAM,YAAoB,SAAS,SAAS;AAC5C,cACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,kBAAM,SAAS,wBAAwB,OAAO,IAAI;AAClD,kBAAM,OAAO,OAAO,UAAU,OAAO;AAAA,UACzC;AAAA,QACJ,CAAC;AAAA,MACL;AAAA,IACJ,WAAW,KAAK,OAAO,uBAAuB;AAC1C,WAAK,eAAe;AAAA,IACxB;AAAA,EACJ;AAAA,EAEQ,oBAAoB,GAAe;AAtJ/C;AAuJQ,QAAI,UAAU;AACd,UAAM,eAAe,EAAE,aAAa;AAEpC,eAAW,eAAe,cAAc;AACpC,YAAM,UAAU;AAChB,UAAI,QAAQ,aAAa;AAAQ;AACjC,UAAI,QAAO,mCAAS,kBAAiB;AAAY;AAEjD,YAAM,UAAU,QAAQ,aAAa,WAAW;AAEhD,UAAI,WAAW,SAAS;AAEpB,YAAI,CAAC,SAAS,eAAe,cAAc,GAAG;AAC1C,eAAK,kBAAkB;AAAA,QAC3B;AACA,YAAI,KAAK,cAAc;AACnB,wBAAc,KAAK,YAAY;AAC/B,eAAK,eAAe;AAAA,QACxB;AACA,YAAI,KAAK,6BAA6B;AAClC,eAAK,4BAA4B,UAAU;AAAA,YACvC,kBAAkB,EAAE,gBAAgB;AAAA,UACxC;AACA,eAAK,4BAA4B;AAAA,YAC7B;AAAA,YACA,KAAK;AAAA,UACT;AAAA,QACJ;AACA,gBAAQ,UAAU,IAAI,kBAAkB,EAAE,gBAAgB,CAAC;AAC3D,aAAK,8BAA8B;AACnC,aAAK,4BAA4B;AAAA,UAC7B;AAAA,UACA,KAAK;AAAA,QACT;AAEA,YAAI,KAAK,sBAAsB,GAAG;AAC9B,qBAAK,YAAL,mBAAc,aAAa,qBAAqB;AAChD,qBAAK,YAAL,mBAAc;AAAA,YACV;AAAA,YACA,QAAQ,aAAa,MAAM,KAAK;AAAA;AAAA,QAExC;AAEA,kBAAU;AAAA,MACd,WAAW,CAAC,SAAS;AACjB,gBAAQ,UAAU,OAAO,kBAAkB,EAAE,gBAAgB,CAAC;AAAA,MAClE;AAAA,IACJ;AAAA,EACJ;AAAA,EAEQ,sBAAsB,GAAe;AACzC,QAAI,CAAC,KAAK,+BAA+B,CAAC,KAAK;AAAS,aAAO;AAC/D,QAAI,UAAU;AACd,UAAM,eAAe,EAAE,aAAa;AAEpC,eAAW,eAAe,cAAc;AACpC,YAAM,UAAU;AAChB,UAAI,QAAQ,aAAa;AAAQ;AACjC,UAAI,QAAO,mCAAS,kBAAiB;AAAY;AAEjD,YAAM,UAAU,QAAQ,aAAa,WAAW;AAEhD,UAAI,WAAW,SAAS;AACpB,aAAK,eAAe,YAAY,KAAK,aAAa,GAAG;AACrD,kBAAU;AAAA,MACd,WAAW,CAAC,SAAS;AACjB,gBAAQ,UAAU,OAAO,kBAAkB,EAAE,gBAAgB,CAAC;AAAA,MAClE;AAAA,IACJ;AAAA,EACJ;AAAA,EAEQ,cAAc;AAClB,QACI,CAAC,KAAK,+BACN,CAAC,KAAK,WACN,KAAK;AAEL,aAAO;AACX,SAAK,4BAA4B,UAAU;AAAA,MACvC,kBAAkB,EAAE,gBAAgB;AAAA,IACxC;AACA,SAAK,4BAA4B;AAAA,MAC7B;AAAA,MACA,KAAK;AAAA,IACT;AACA,SAAK,8BAA8B;AACnC,SAAK,QAAQ,MAAM,MAAM;AAAA,EAC7B;AAAA,EAEQ,oBACJ,kBACA,SAAS,SACT,WACA,eACM;AACN,QAAI,CAAC,KAAK,OAAO,aAAa,QAAQ;AAClC,YAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASV;AAEA,QAAI,CAAC,KAAK,OAAO,aAAa,aAAa;AACvC,YAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASV;AAEA,UAAM,WAAW,OAAO,KAAK,OAAO,gBAAgB,QAAQ;AAC5D,UAAM,OAAO,OAAO,KAAK,OAAO,gBAAgB,IAAI;AACpD,UAAM,OAAO,OAAO,KAAK,OAAO,gBAAgB,IAAI;AACpD,UAAM,cAAc,OAAO,KAAK,OAAO,aAAa,WAAW;AAC/D,UAAM,SAAS,OAAO,KAAK,OAAO,aAAa,UAAU,MAAM;AAE/D,UAAM,UAAU,WACZ,KAAK,OAAO,aAAa,MAC7B,iBAAiB,gBAAgB,IAC7B,UAAU,OACd,UAAU,SAAS;AAEnB,UAAM,MAAM,IAAI,IAAI,GAAG,QAAQ,MAAM,IAAI,EAAE;AAC3C,QAAI,OAAO;AACX,QAAI,OAAO;AACX,QAAI,KAAK,OAAO,aAAa,QAAQ;AACjC,UAAI,aAAa,OAAO,UAAU,MAAM;AAAA,IAC5C;AACA,QAAI,aAAa,OAAO,iBAAiB,aAAa;AACtD,QAAI,aAAa,OAAO,kBAAkB,UAAU,OAAO;AAC3D,QAAI,aAAa,OAAO,uBAAuB,WAAW;AAE1D,WAAO,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,GAAG,IAAI,MAAM;AAAA,EACjD;AAAA,EAEQ,gBAAgB;AACpB,QAAI,CAAC,KAAK;AAAS;AAEnB,UAAM,UAAU,KAAK,QAAQ,aAAa,mBAAmB;AAE7D,QAAI,SAAS;AACT,YAAM,CAAC,kBAAkB,WAAW,QAAQ,GAAG,KAAK,IAChD,QAAQ,MAAM,GAAG;AAGrB,UAAI,OAAO,aAAa,OAAO,OAAO,UAAU;AAC5C,eAAO,OAAO;AAAA,UACV;AAAA,YACI,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,cACF,OAAO,MAAM,KAAK,GAAG;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,YACJ;AAAA,UACJ;AAAA,UACA;AAAA,QACJ;AAAA,MACJ,OAAO;AACH,YAAI;AACA,gBAAM,cAAc,KAAK;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAM,KAAK,GAAG;AAAA,UAClB;AAEA,iBAAO,KAAK,aAAa,QAAQ;AAAA,QACrC,SAAS,OAAO;AACZ,uBAAa,MAAM,KAAK;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EAEQ,mBAAmB;AACvB,QAAI,CAAC,KAAK;AAAS;AACnB,UAAM,gBAAgB,KAAK,QAAQ,aAAa,cAAc;AAE9D,QAAI,eAAe;AACf,aAAO,SAAS,OAAO,aAAa;AAAA,IACxC;AAAA,EACJ;AAAA,EAEQ,iBAAiB,uBAA+C;AAEpE,SAAK,OAAO,SAAS,eAAe;AAAA,MAChC,GAAG,KAAK,OAAO,SAAS;AAAA,MACxB,GAAG;AAAA,MACH,cAAc,sBAAsB;AAAA,IACxC;AACA,SAAK,OAAO,SAAS;AAAA,EACzB;AAAA,EAEA,oBAAoB,kBAAoC;AACpD,SAAK,OAAO,WAAW;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,OAAe;AACf,WAAO,KAAK,OAAO;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,oBACI,SAA2D,CAAC,GACxD;AACJ,QAAI,OAAO,WAAW;AAClB,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAEJ,UAAM,YAAY,IAAI,gBAAgB,MAAM;AAC5C,UAAM,eAAe,UAAU,IAAI,cAAc;AAEjD,QAAI,cAAc;AACd,WAAK,OAAO,OAAO;AAAA,IACvB;AAAA,EACJ;AAAA,EAEQ,uBACJ,GACF;AACE,QAAI,OAAO,EAAE,SAAS;AAAU;AAEhC,QAAI,EAAE,KAAK,SAAS;AAAgB;AAEpC,YAAQ,EAAE,KAAK,MAAM;AAAA,MACjB,KAAK,oBAAoB;AACrB,cAAM,EAAE,gBAAgB,SAAS,IAAI,KAAK,OAAO;AACjD,cAAM,EAAE,KAAK,IAAI,EAAE,KAAK;AAExB,aAAK,oBAAoB,EAAE,cAAc,KAAK,CAAC;AAE/C,YAAI,CAAC,KAAK,OAAO,KAAK;AAClB,eAAK,iBAAiB;AAAA,YAClB,kBAAkB;AAAA,YAClB,WAAW;AAAA,YACX;AAAA,UACJ,CAAC;AAAA,QACL;AACA;AAAA,MACJ;AAAA,MACA,KAAK,YAAY;AACb,cAAM,EAAE,gBAAgB,SAAS,IAAI,EAAE,KAAK;AAE5C,aAAK,OAAO,aAAa,iBAAiB;AAC1C,aAAK,OAAO,aAAa,WAAW;AACpC;AAAA,MACJ;AAAA,MACA,KAAK,WAAW;AACZ,gBAAQ,EAAE,KAAK,KAAK,MAAM;AAAA,UACtB,KAAK,WAAW;AACZ,mBAAO,QAAQ,QAAQ;AACvB;AAAA,UACJ;AAAA,UACA,KAAK,YAAY;AACb,mBAAO,QAAQ,KAAK;AACpB;AAAA,UACJ;AAAA,UACA,KAAK,UAAU;AACX,mBAAO,QAAQ,GAAG;AAAA,UACtB;AAAA,QACJ;AACA;AAAA,MACJ;AAAA,MACA,SAAS;AAEL,cAAM,kBAAyB,EAAE;AACjC,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA,EA8CQ,kBAAkB;AAEtB,SAAK,kBAAkB;AAEvB,WAAO,OAAO;AAAA,MACV;AAAA,QACI,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,UACF,QAAQ;AAAA,YACJ,cAAc,KAAK,OAAO;AAAA,YAC1B,MAAM,OAAO,SAAS;AAAA,YACtB,YAAY;AAAA,UAChB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA;AAAA,IACJ;AAGA,QAAI,CAAC,KAAK,OAAO,KAAK;AAClB,kBAAY,MAAM;AACd,eAAO,OAAO;AAAA,UACV;AAAA,YACI,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,cACF,MAAM,OAAO,SAAS;AAAA,YAC1B;AAAA,UACJ;AAAA,UACA;AAAA,QACJ;AAAA,MACJ,GAAG,IAAI;AAAA,IACX;AAAA,EACJ;AAAA,EAEQ,wBAAwB;AA1gBpC;AA2gBQ,QAAI,CAAC,KAAK,+BAA+B,CAAC,KAAK;AAAS,aAAO;AAE/D,UAAM,uBACF,KAAK,4BAA4B,sBAAsB;AAC3D,UAAM,gCACF,UAAK,QAAQ,kBAAb,mBAA4B;AAEhC,QAAI,wBAAwB,8BAA8B;AACtD,UAAI;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,MACJ,IAAyB;AAAA,QACrB,KAAK;AAAA,QACL,KAAK,OAAO,WAAW;AAAA,MAC3B;AAGA,UAAI,sBAAsB,GAAG;AACzB,YAAI,qBAAqB,MAAM;AAC3B,gCAAsB,qBAAqB;AAAA;AAC1C,gCAAsB;AAAA,MAC/B;AAEA,WAAK,QAAQ,MAAM,MAAM,sBAAsB;AAC/C,WAAK,QAAQ,MAAM,SACf,KAAK,4BAA4B,MAAM,UAAU;AACrD,WAAK,QAAQ,MAAM,OAAO,qBAAqB;AAE/C,UAAI,KAAK,aAAa,YAAY,KAAK,aAAa,UAAU;AAC1D,YAAI,KAAK,4BAA4B,aAAa,MAAM,GAAG;AACvD,cAAI,KAAK,wBAAwB,YAAY;AACzC,kBAAM,wBACF,KAAK,QAAQ;AAAA,cACT,OACI,kBAAkB,EACd,8BACJ,CACJ;AAAA,YACJ;AACJ,gBAAI,uBAAuB;AACvB,oCAAsB,YAAY;AAClC,oCAAsB;AAAA,gBAClB,KAAK,aAAa;AAAA,cACtB;AACA,mBAAK,sBAAsB;AAAA,YAC/B;AAAA,UACJ;AAAA,QACJ,WAAW,KAAK,wBAAwB,YAAY;AAChD,gBAAM,wBAAwB,KAAK,QAAQ;AAAA,YACvC,OACI,kBAAkB,EAAE,8BAA8B,CACtD;AAAA,UACJ;AACA,cAAI,uBAAuB;AACvB,kCAAsB,YAAY;AAClC,kCAAsB;AAAA,cAClB,KAAK,aAAa;AAAA,YACtB;AACA,iBAAK,sBAAsB;AAAA,UAC/B;AAAA,QACJ;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AAAA;AAAA,EAGQ,iBAAiB;AACrB,UAAM,QAAQ,SAAS,iBAAiB,aAAa;AAErD,UAAM,QAAQ,CAAC,SAAS;AACpB,WAAK,gBAAgB,WAAW;AAChC,WAAK,gBAAgB,2BAA2B;AAAA,IACpD,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/legacy/utils/defaults.cjs

@@ -36,7 +36,7 @@ var userInitData = {
   stackDetails: {
     apiKey: "",
     environment: "",
-    branch: "main"
+    branch: ""
   },
   clientUrlParams: {
     protocol: "https",
@@ -45,9 +45,6 @@ var userInitData = {
   },
   stackSdk: {
     live_preview: {},
-    headers: {
-      api_key: ""
-    },
     environment: ""
   },
   runScriptsOnUpdate: false

package/dist/legacy/utils/defaults.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/defaults.ts"],"sourcesContent":["import { IInitData } from \"./types\";\n\nexport const userInitData: IInitData = {\n    ssr: true,\n    enable: true,\n    cleanCslpOnProduction: true,\n    editButton: {\n        enable: true,\n        exclude: [],\n        position: \"top\",\n        includeByQueryParameter: true,\n    },\n\n    stackDetails: {\n        apiKey: \"\",\n        environment: \"\",\n        branch: \"main\",\n    },\n\n    clientUrlParams: {\n        protocol: \"https\",\n        host: \"app.contentstack.com\",\n        port: 443,\n    },\n    stackSdk: {\n        live_preview: {},\n        headers: {\n            api_key: \"\",\n        },\n        environment: \"\",\n    },\n    runScriptsOnUpdate: false,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,eAA0B;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS,CAAC;AAAA,IACV,UAAU;AAAA,IACV,yBAAyB;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,EACZ;AAAA,EAEA,iBAAiB;AAAA,IACb,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,cAAc,CAAC;AAAA,IACf,SAAS;AAAA,MACL,SAAS;AAAA,IACb;AAAA,IACA,aAAa;AAAA,EACjB;AAAA,EACA,oBAAoB;AACxB;","names":[]}
+{"version":3,"sources":["../../../src/utils/defaults.ts"],"sourcesContent":["import { IInitData } from \"./types\";\n\nexport const userInitData: IInitData = {\n    ssr: true,\n    enable: true,\n    cleanCslpOnProduction: true,\n    editButton: {\n        enable: true,\n        exclude: [],\n        position: \"top\",\n        includeByQueryParameter: true,\n    },\n\n    stackDetails: {\n        apiKey: \"\",\n        environment: \"\",\n        branch: \"\",\n    },\n\n    clientUrlParams: {\n        protocol: \"https\",\n        host: \"app.contentstack.com\",\n        port: 443,\n    },\n    stackSdk: {\n        live_preview: {},\n        environment: \"\",\n    },\n    runScriptsOnUpdate: false,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,eAA0B;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS,CAAC;AAAA,IACV,UAAU;AAAA,IACV,yBAAyB;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,EACZ;AAAA,EAEA,iBAAiB;AAAA,IACb,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,cAAc,CAAC;AAAA,IACf,aAAa;AAAA,EACjB;AAAA,EACA,oBAAoB;AACxB;","names":[]}