@contentstack/live-preview-utils 2.0.3 → 3.0.0

package/dist/modern/live-preview.js

@@ -1,495 +0,0 @@
-// src/live-preview.ts
-import {
-  createSingularEditButton,
-  createMultipleEditButton,
-  addLivePreviewQueryTags,
-  getEditButtonPosition
-} from "./utils/index.js";
-import { PublicLogger } from "./utils/public-logger.js";
-import { handleInitData } from "./utils/handleUserConfig.js";
-import { userInitData } from "./utils/defaults.js";
-import { livePreviewStyles } from "./styles/live_preview.js";
-var LivePreview = class {
-  constructor(initData = userInitData) {
-    /**
-     * @hideconstructor
-     */
-    this.config = {
-      ssr: true,
-      enable: true,
-      runScriptsOnUpdate: false,
-      cleanCslpOnProduction: true,
-      hash: "",
-      editButton: {
-        enable: true,
-        exclude: [],
-        position: "top",
-        includeByQueryParameter: true
-      },
-      stackDetails: {
-        apiKey: "",
-        environment: "",
-        branch: "",
-        contentTypeUid: "",
-        entryUid: ""
-      },
-      clientUrlParams: {
-        protocol: "https",
-        host: "app.contentstack.com",
-        port: 443,
-        url: "https://app.contentstack.com:443"
-      },
-      stackSdk: {
-        live_preview: {},
-        environment: ""
-      },
-      onChange: () => {
-      }
-    };
-    this.tooltip = null;
-    // this tooltip is responsible to redirect user to Contentstack edit page
-    this.currentElementBesideTooltip = null;
-    // this element helps to move tooltip with the scroll
-    this.isHoveringOnTooltip = false;
-    this.hideInterval = null;
-    this.tooltipChild = {
-      singular: null,
-      multiple: null
-    };
-    this.tooltipCurrentChild = "singular";
-    this.createCslpTooltip = () => {
-      if (!document.getElementById("cslp-tooltip") && this.config.editButton.enable) {
-        const tooltip = document.createElement("button");
-        const tooltipInnerContainer = document.createElement("div");
-        tooltipInnerContainer.classList.add(
-          livePreviewStyles()["cslp-tooltip-inner-container"]
-        );
-        tooltip.classList.add(livePreviewStyles()["cslp-tooltip"]);
-        tooltip.classList.add(livePreviewStyles()["cslp-tooltip"]);
-        tooltip.setAttribute("data-test-id", "cs-cslp-tooltip");
-        tooltip.id = "cslp-tooltip";
-        tooltipInnerContainer.id = "cslp-tooltip-inner-container";
-        tooltip.addEventListener("mouseover", () => {
-          this.toggleHoveringOnEditButton(true);
-        });
-        tooltip.addEventListener("mouseleave", (e) => {
-          this.toggleHoveringOnEditButton(false);
-          this.removeEditButtonStyle(e);
-        });
-        window.document.body.insertAdjacentElement("beforeend", tooltip);
-        this.tooltipChild.singular = createSingularEditButton(
-          this.scrollHandler
-        );
-        this.tooltipChild.multiple = createMultipleEditButton(
-          this.scrollHandler,
-          this.linkClickHandler
-        );
-        tooltipInnerContainer.innerHTML = "";
-        tooltipInnerContainer.appendChild(this.tooltipChild.singular);
-        tooltip.appendChild(tooltipInnerContainer);
-        this.tooltip = tooltip;
-      }
-      this.updateTooltipPosition();
-    };
-    this.toggleHoveringOnEditButton = (isHoveringOnTooltip) => {
-      this.isHoveringOnTooltip = isHoveringOnTooltip;
-    };
-    handleInitData(initData, this.config);
-    this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);
-    this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);
-    this.generateRedirectUrl = this.generateRedirectUrl.bind(this);
-    this.scrollHandler = this.scrollHandler.bind(this);
-    this.linkClickHandler = this.linkClickHandler.bind(this);
-    this.handleUserChange = this.handleUserChange.bind(this);
-    this.setOnChangeCallback = this.setOnChangeCallback.bind(this);
-    this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);
-    this.createCslpTooltip = this.createCslpTooltip.bind(this);
-    this.requestDataSync = this.requestDataSync.bind(this);
-    this.updateTooltipPosition = this.updateTooltipPosition.bind(this);
-    this.removeDataCslp = this.removeDataCslp.bind(this);
-    this.toggleHoveringOnEditButton = this.toggleHoveringOnEditButton.bind(this);
-    this.hideTooltip = this.hideTooltip.bind(this);
-    if (initData.debug) {
-      PublicLogger.debug(
-        "Contentstack Live Preview Debugging mode: config --",
-        this.config
-      );
-    }
-    if (this.config.enable) {
-      if (typeof document !== void 0 && document.readyState === "complete") {
-        this.requestDataSync();
-      } else {
-        window.addEventListener("load", this.requestDataSync);
-      }
-      window.addEventListener("message", this.resolveIncomingMessage);
-      window.addEventListener("scroll", this.updateTooltipPosition);
-      if (this.config.editButton.enable) {
-        window.addEventListener("mouseover", this.addEditStyleOnHover);
-      }
-      if (this.config.ssr) {
-        window.addEventListener("load", (e) => {
-          const allATags = document.querySelectorAll("a");
-          allATags.forEach((tag) => {
-            const docOrigin = document.location.origin;
-            if (tag.href && tag.href.includes(docOrigin)) {
-              const newUrl = addLivePreviewQueryTags(tag.href);
-              tag.href = newUrl;
-            }
-          });
-        });
-        window.addEventListener("click", (event) => {
-          const target = event.target;
-          const targetHref = target.href;
-          const docOrigin = document.location.origin;
-          if (targetHref && targetHref.includes(docOrigin) && !targetHref.includes("live_preview")) {
-            const newUrl = addLivePreviewQueryTags(target.href);
-            event.target.href = newUrl || target.href;
-          }
-        });
-      }
-    } else if (this.config.cleanCslpOnProduction) {
-      this.removeDataCslp();
-    }
-  }
-  addEditStyleOnHover(e) {
-    let trigger = true;
-    const eventTargets = e.composedPath();
-    for (const eventTarget of eventTargets) {
-      const element = eventTarget;
-      if (element.nodeName === "BODY")
-        break;
-      if (typeof element?.getAttribute !== "function")
-        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;
-        }
-        if (this.currentElementBesideTooltip) {
-          this.currentElementBesideTooltip.classList.remove(
-            livePreviewStyles()["cslp-edit-mode"]
-          );
-          this.currentElementBesideTooltip.removeEventListener(
-            "mouseleave",
-            this.removeEditButtonStyle
-          );
-        }
-        element.classList.add(livePreviewStyles()["cslp-edit-mode"]);
-        this.currentElementBesideTooltip = element;
-        this.currentElementBesideTooltip.addEventListener(
-          "mouseleave",
-          this.removeEditButtonStyle
-        );
-        if (this.updateTooltipPosition()) {
-          this.tooltip?.setAttribute("current-data-cslp", cslpTag);
-          this.tooltip?.setAttribute(
-            "current-href",
-            element.getAttribute("href") ?? ""
-          );
-        }
-        trigger = false;
-      } else if (!trigger) {
-        element.classList.remove(livePreviewStyles()["cslp-edit-mode"]);
-      }
-    }
-  }
-  removeEditButtonStyle(e) {
-    if (!this.currentElementBesideTooltip || !this.tooltip)
-      return false;
-    let trigger = true;
-    const eventTargets = e.composedPath();
-    for (const eventTarget of eventTargets) {
-      const element = eventTarget;
-      if (element.nodeName === "BODY")
-        break;
-      if (typeof element?.getAttribute !== "function")
-        continue;
-      const cslpTag = element.getAttribute("data-cslp");
-      if (trigger && cslpTag) {
-        this.hideInterval = setInterval(this.hideTooltip, 500);
-        trigger = false;
-      } else if (!trigger) {
-        element.classList.remove(livePreviewStyles()["cslp-edit-mode"]);
-      }
-    }
-  }
-  hideTooltip() {
-    if (!this.currentElementBesideTooltip || !this.tooltip || this.isHoveringOnTooltip)
-      return false;
-    this.currentElementBesideTooltip.classList.remove(
-      livePreviewStyles()["cslp-edit-mode"]
-    );
-    this.currentElementBesideTooltip.removeEventListener(
-      "mouseleave",
-      this.removeEditButtonStyle
-    );
-    this.currentElementBesideTooltip = null;
-    this.tooltip.style.top = "-100%";
-  }
-  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, preview_field) {
-    if (!this.config.stackDetails.apiKey) {
-      throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.
-
-                ContentstackLivePreview.init({
-                    ...,
-                    stackDetails: {
-                        apiKey: 'your-api-key'
-                    },
-                    ...
-                })`;
-    }
-    if (!this.config.stackDetails.environment) {
-      throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.
-
-                ContentstackLivePreview.init({
-                    ...,
-                    stackDetails: {
-                        environment: 'Your-environment'
-                    },
-                    ...
-                })`;
-    }
-    const protocol = String(this.config.clientUrlParams.protocol);
-    const host = String(this.config.clientUrlParams.host);
-    const port = String(this.config.clientUrlParams.port);
-    const environment = String(this.config.stackDetails.environment);
-    const branch = String(this.config.stackDetails.branch || "main");
-    const urlHash = `!/stack/${this.config.stackDetails.apiKey}/content-type/${content_type_uid}/${locale ?? "en-us"}/entry/${entry_uid}/edit`;
-    const url = new URL(`${protocol}://${host}`);
-    url.port = port;
-    url.hash = urlHash;
-    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);
-    return `${url.origin}/${url.hash}${url.search}`;
-  }
-  scrollHandler() {
-    if (!this.tooltip)
-      return;
-    const cslpTag = this.tooltip.getAttribute("current-data-cslp");
-    if (cslpTag) {
-      const [content_type_uid, entry_uid, locale, ...field] = cslpTag.split(".");
-      if (window.location !== window.parent.location) {
-        window.parent.postMessage(
-          {
-            from: "live-preview",
-            type: "scroll",
-            data: {
-              field: field.join("."),
-              content_type_uid,
-              entry_uid,
-              locale
-            }
-          },
-          "*"
-        );
-      } else {
-        try {
-          const redirectUrl = this.generateRedirectUrl(
-            content_type_uid,
-            locale,
-            entry_uid,
-            field.join(".")
-          );
-          window.open(redirectUrl, "_blank");
-        } catch (error) {
-          PublicLogger.error(error);
-        }
-      }
-    }
-  }
-  linkClickHandler() {
-    if (!this.tooltip)
-      return;
-    const hrefAttribute = this.tooltip.getAttribute("current-href");
-    if (hrefAttribute) {
-      window.location.assign(hrefAttribute);
-    }
-  }
-  handleUserChange(editEntrySearchParams) {
-    this.config.stackSdk.live_preview = {
-      ...this.config.stackSdk.live_preview,
-      ...editEntrySearchParams,
-      live_preview: editEntrySearchParams.hash
-    };
-    this.config.onChange();
-  }
-  setOnChangeCallback(onChangeCallback) {
-    this.config.onChange = onChangeCallback;
-  }
-  /**
-   * It is the live preview hash.
-   * This hash could be used when data is fetched manually.
-   */
-  get hash() {
-    return this.config.hash;
-  }
-  /**
-   * Sets the live preview hash from the query param which is
-   * accessible via `hash` property.
-   * @param params query param in an object form
-   */
-  setConfigFromParams(params = {}) {
-    if (typeof params !== "object")
-      throw new TypeError(
-        "Live preview SDK: query param must be an object"
-      );
-    const urlParams = new URLSearchParams(params);
-    const live_preview = urlParams.get("live_preview");
-    if (live_preview) {
-      this.config.hash = live_preview;
-    }
-  }
-  resolveIncomingMessage(e) {
-    if (typeof e.data !== "object")
-      return;
-    if (e.data.from !== "live-preview")
-      return;
-    switch (e.data.type) {
-      case "client-data-send": {
-        const { contentTypeUid, entryUid } = this.config.stackDetails;
-        const { hash } = e.data.data;
-        this.setConfigFromParams({ live_preview: hash });
-        if (!this.config.ssr) {
-          this.handleUserChange({
-            content_type_uid: contentTypeUid,
-            entry_uid: entryUid,
-            hash
-          });
-        }
-        break;
-      }
-      case "init-ack": {
-        const { contentTypeUid, entryUid } = e.data.data;
-        this.config.stackDetails.contentTypeUid = contentTypeUid;
-        this.config.stackDetails.entryUid = entryUid;
-        break;
-      }
-      case "history": {
-        switch (e.data.data.type) {
-          case "forward": {
-            window.history.forward();
-            break;
-          }
-          case "backward": {
-            window.history.back();
-            break;
-          }
-          case "reload": {
-            window.history.go();
-          }
-        }
-        break;
-      }
-      default: {
-        const exhaustiveCheck = e.data;
-        return exhaustiveCheck;
-      }
-    }
-  }
-  // Request parent for data sync when document loads
-  requestDataSync() {
-    this.createCslpTooltip();
-    window.parent.postMessage(
-      {
-        from: "live-preview",
-        type: "init",
-        data: {
-          config: {
-            shouldReload: this.config.ssr,
-            href: window.location.href,
-            sdkVersion: "2.0.3"
-          }
-        }
-      },
-      "*"
-    );
-    if (!this.config.ssr) {
-      setInterval(() => {
-        window.parent.postMessage(
-          {
-            from: "live-preview",
-            type: "check-entry-page",
-            data: {
-              href: window.location.href
-            }
-          },
-          "*"
-        );
-      }, 1500);
-    }
-  }
-  updateTooltipPosition() {
-    if (!this.currentElementBesideTooltip || !this.tooltip)
-      return false;
-    const currentRectOfElement = this.currentElementBesideTooltip.getBoundingClientRect();
-    const currentRectOfParentOfElement = this.tooltip.parentElement?.getBoundingClientRect();
-    if (currentRectOfElement && currentRectOfParentOfElement) {
-      let {
-        upperBoundOfTooltip,
-        // eslint-disable-next-line prefer-const
-        leftBoundOfTooltip
-      } = getEditButtonPosition(
-        this.currentElementBesideTooltip,
-        this.config.editButton.position
-      );
-      if (upperBoundOfTooltip < 0) {
-        if (currentRectOfElement.top < 0)
-          upperBoundOfTooltip = currentRectOfElement.top;
-        else
-          upperBoundOfTooltip = 0;
-      }
-      this.tooltip.style.top = upperBoundOfTooltip + "px";
-      this.tooltip.style.zIndex = this.currentElementBesideTooltip.style.zIndex || "200";
-      this.tooltip.style.left = leftBoundOfTooltip + "px";
-      if (this.tooltipChild.singular && this.tooltipChild.multiple) {
-        if (this.currentElementBesideTooltip.hasAttribute("href")) {
-          if (this.tooltipCurrentChild !== "multiple") {
-            const tooltipInnerContainer = this.tooltip.querySelector(
-              `div.${livePreviewStyles()["cslp-tooltip-inner-container"]}`
-            );
-            if (tooltipInnerContainer) {
-              tooltipInnerContainer.innerHTML = "";
-              tooltipInnerContainer.appendChild(
-                this.tooltipChild.multiple
-              );
-              this.tooltipCurrentChild = "multiple";
-            }
-          }
-        } else if (this.tooltipCurrentChild !== "singular") {
-          const tooltipInnerContainer = this.tooltip.querySelector(
-            `div.${livePreviewStyles()["cslp-tooltip-inner-container"]}`
-          );
-          if (tooltipInnerContainer) {
-            tooltipInnerContainer.innerHTML = "";
-            tooltipInnerContainer.appendChild(
-              this.tooltipChild.singular
-            );
-            this.tooltipCurrentChild = "singular";
-          }
-        }
-      }
-      return true;
-    }
-    return false;
-  }
-  // remove attributes when livePreview is false
-  removeDataCslp() {
-    const nodes = document.querySelectorAll("[data-cslp]");
-    nodes.forEach((node) => {
-      node.removeAttribute("data-cslp");
-      node.removeAttribute("data-cslp-button-position");
-    });
-  }
-};
-export {
-  LivePreview as default
-};
-//# sourceMappingURL=live-preview.js.map

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

@@ -1 +0,0 @@
-{"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/modern/styles/compare.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/compare.ts"],"sourcesContent":["import { glob } from \"goober\";\n\nexport const loadCompareGlobalStyle = () => {\n    const css = glob;\n    css`\n        cs-compare {\n            &.cs-compare--added {\n                background: rgba(0, 122, 82, 0.2);\n                border-bottom: 2px solid rgba(0, 122, 82);\n            }\n\n            &.cs-compare--removed {\n                background: rgba(214, 36, 0, 0.2);\n                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);\n            }\n        }\n        .cs-compare__void--added {\n            background: rgba(0, 122, 82, 0.2);\n            outline: 2px solid rgba(0, 122, 82);\n        }\n\n        .cs-compare__void--removed {\n            background: rgba(214, 36, 0, 0.2);\n            outline: 2px solid rgba(214, 36, 0, 1);\n        }\n    `;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqB;AAEd,IAAM,yBAAyB,MAAM;AACxC,QAAM,MAAM;AACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBJ;","names":[]}

package/dist/modern/styles/compare.d.cts

@@ -1,3 +0,0 @@
-declare const loadCompareGlobalStyle: () => void;
-
-export { loadCompareGlobalStyle };

package/dist/modern/styles/compare.d.ts

@@ -1,3 +0,0 @@
-declare const loadCompareGlobalStyle: () => void;
-
-export { loadCompareGlobalStyle };

package/dist/modern/styles/compare.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/compare.ts"],"sourcesContent":["import { glob } from \"goober\";\n\nexport const loadCompareGlobalStyle = () => {\n    const css = glob;\n    css`\n        cs-compare {\n            &.cs-compare--added {\n                background: rgba(0, 122, 82, 0.2);\n                border-bottom: 2px solid rgba(0, 122, 82);\n            }\n\n            &.cs-compare--removed {\n                background: rgba(214, 36, 0, 0.2);\n                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);\n            }\n        }\n        .cs-compare__void--added {\n            background: rgba(0, 122, 82, 0.2);\n            outline: 2px solid rgba(0, 122, 82);\n        }\n\n        .cs-compare__void--removed {\n            background: rgba(214, 36, 0, 0.2);\n            outline: 2px solid rgba(214, 36, 0, 1);\n        }\n    `;\n};\n"],"mappings":";AAAA,SAAS,YAAY;AAEd,IAAM,yBAAyB,MAAM;AACxC,QAAM,MAAM;AACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBJ;","names":[]}

package/dist/modern/styles/live_preview.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/live_preview.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport const livePreviewStyles = () => {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            background: transparent;\n            height: 35px;\n            width: 72px;\n            position: fixed;\n            z-index: 200 !important;\n            top: -100%;\n            border: 0;\n            display: flex;\n            padding: 0;\n        `,\n        \"cslp-tooltip-inner-container\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            margin: 0;\n            height: 35px;\n            width: 72px;\n            background: white;\n            font-weight: 400 !important;\n            color: #718096 !important;\n            transition: background 0.2s;\n            text-align: center !important;\n            border-radius: 8px !important;\n            font-size: 14px !important;\n            justify-content: space-around;\n            align-items: center;\n            box-shadow: 0px 8px 20px 0px #2222221a;\n            box-sizing: border-box;\n\n            & div {\n                display: flex;\n                justify-content: space-around;\n                border-radius: 6px !important;\n                cursor: pointer;\n            }\n\n            & div.cslp-tooltip-child:hover {\n                background: #edf2f7;\n            }\n\n            & div.cslp-tooltip-child:active:hover {\n                background: #c7d0e1;\n            }\n\n            & > div {\n                display: flex;\n                justify-content: space-evenly;\n                white-space: nowrap;\n                width: 70px;\n            }\n\n            & .cslp-tooltip-child.singular {\n                padding: 9px 1px;\n            }\n        `,\n        multiple: css`\n            & div.cslp-tooltip-child {\n                padding: 9px;\n            }\n\n            & div.cslp-tooltip-child:before {\n                opacity: 0;\n                font-size: 12px;\n                font-weight: 400;\n                pointer-events: none;\n                content: attr(data-title);\n                color: white;\n                padding: 5px 10px;\n                border-radius: 4px;\n                position: absolute;\n                background: #4a5568;\n                top: -30px;\n                transition: 0.2s all ease-in-out;\n            }\n\n            & div.cslp-tooltip-child:hover:before {\n                opacity: 1;\n            }\n        `,\n    };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoB;AAEb,IAAM,oBAAoB,MAAM;AACnC,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWhB,gCAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8ChC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBd;AACJ;","names":[]}

package/dist/modern/styles/live_preview.d.cts

@@ -1,8 +0,0 @@
-declare const livePreviewStyles: () => {
-    "cslp-edit-mode": string;
-    "cslp-tooltip": string;
-    "cslp-tooltip-inner-container": string;
-    multiple: string;
-};
-
-export { livePreviewStyles };

package/dist/modern/styles/live_preview.d.ts

@@ -1,8 +0,0 @@
-declare const livePreviewStyles: () => {
-    "cslp-edit-mode": string;
-    "cslp-tooltip": string;
-    "cslp-tooltip-inner-container": string;
-    multiple: string;
-};
-
-export { livePreviewStyles };

package/dist/modern/styles/live_preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/live_preview.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport const livePreviewStyles = () => {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            background: transparent;\n            height: 35px;\n            width: 72px;\n            position: fixed;\n            z-index: 200 !important;\n            top: -100%;\n            border: 0;\n            display: flex;\n            padding: 0;\n        `,\n        \"cslp-tooltip-inner-container\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            margin: 0;\n            height: 35px;\n            width: 72px;\n            background: white;\n            font-weight: 400 !important;\n            color: #718096 !important;\n            transition: background 0.2s;\n            text-align: center !important;\n            border-radius: 8px !important;\n            font-size: 14px !important;\n            justify-content: space-around;\n            align-items: center;\n            box-shadow: 0px 8px 20px 0px #2222221a;\n            box-sizing: border-box;\n\n            & div {\n                display: flex;\n                justify-content: space-around;\n                border-radius: 6px !important;\n                cursor: pointer;\n            }\n\n            & div.cslp-tooltip-child:hover {\n                background: #edf2f7;\n            }\n\n            & div.cslp-tooltip-child:active:hover {\n                background: #c7d0e1;\n            }\n\n            & > div {\n                display: flex;\n                justify-content: space-evenly;\n                white-space: nowrap;\n                width: 70px;\n            }\n\n            & .cslp-tooltip-child.singular {\n                padding: 9px 1px;\n            }\n        `,\n        multiple: css`\n            & div.cslp-tooltip-child {\n                padding: 9px;\n            }\n\n            & div.cslp-tooltip-child:before {\n                opacity: 0;\n                font-size: 12px;\n                font-weight: 400;\n                pointer-events: none;\n                content: attr(data-title);\n                color: white;\n                padding: 5px 10px;\n                border-radius: 4px;\n                position: absolute;\n                background: #4a5568;\n                top: -30px;\n                transition: 0.2s all ease-in-out;\n            }\n\n            & div.cslp-tooltip-child:hover:before {\n                opacity: 1;\n            }\n        `,\n    };\n};\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,oBAAoB,MAAM;AACnC,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWhB,gCAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8ChC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBd;AACJ;","names":[]}