@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/legacy/{utils → types}/types.d.ts

@@ -23,26 +23,58 @@ declare interface IStackSdk {
 declare interface IStackDetails {
     apiKey: string;
     environment: string;
-    branch: string;
     contentTypeUid: string;
     entryUid: string;
+    branch: string;
+    /**
+     * This locale is currently used by the visual builder to
+     * redirect to the correct locale if the no data-cslp tag
+     * is present in the HTML to extract the locale.
+     */
+    locale: string;
+    masterLocale: string;
 }
 declare interface IInitStackDetails {
     apiKey: string;
     environment: string;
     branch: string;
+    /**
+     * This locale is currently used by the visual builder to
+     * redirect to the correct locale if the no data-cslp tag
+     * is present in the HTML to extract the locale.
+     */
+    locale: string;
+}
+declare type ILivePreviewMode = "builder" | "preview";
+declare enum ILivePreviewModeConfig {
+    PREVIEW = 1,
+    BUILDER = 2
+}
+declare enum ILivePreviewWindowType {
+    PREVIEW = "preview",
+    BUILDER = "builder",
+    INDEPENDENT = "independent"
 }
 declare interface IConfig {
     ssr: boolean;
     enable: boolean;
+    /**
+     * @default false
+     */
+    debug: boolean;
     cleanCslpOnProduction: boolean;
     stackDetails: IStackDetails;
     clientUrlParams: IClientUrlParams;
     stackSdk: IStackSdk;
     onChange: () => void;
     runScriptsOnUpdate: boolean;
+    windowType: ILivePreviewWindowType;
     hash: string;
     editButton: IConfigEditButton;
+    mode: ILivePreviewModeConfig;
+    elements: {
+        highlightedElement: HTMLElement | null;
+    };
 }
 declare interface IConfigEditButton {
     enable: boolean;
@@ -54,43 +86,29 @@ declare interface IInitData {
     ssr: boolean;
     runScriptsOnUpdate: boolean;
     enable: boolean;
+    /**
+     * @default false
+     */
+    debug: boolean;
     cleanCslpOnProduction: boolean;
     stackDetails: Partial<IInitStackDetails>;
     clientUrlParams: Partial<Omit<IClientUrlParams, "url">>;
     stackSdk: IStackSdk;
     editButton: IConfigEditButton;
+    mode: ILivePreviewMode;
 }
 declare interface ILivePreviewMessageCommon {
     from: "live-preview";
 }
-type ILivePreviewReceivePostMessages = IClientDataMessage | IInitAckMessage | IHistoryMessage;
-declare interface IClientDataMessage extends ILivePreviewMessageCommon {
-    type: "client-data-send";
-    data: {
-        hash: string;
-    };
-}
-declare interface IInitAckMessage extends ILivePreviewMessageCommon {
-    type: "init-ack";
-    data: {
-        contentTypeUid: string;
-        entryUid: string;
-    };
-}
-declare interface IHistoryMessage extends ILivePreviewMessageCommon {
-    type: "history";
-    data: {
-        type: "forward" | "backward" | "reload";
-    };
-}
 declare interface IEditButtonPosition {
     upperBoundOfTooltip: number;
     leftBoundOfTooltip: number;
 }
-declare type OnEntryChangeCallback = () => void;
-declare type OnEntryChangeConfig = {
-    skipInitialRender?: boolean;
-};
-declare type OnEntryChangeCallbackUID = string;
+interface IVisualBuilderInitEvent {
+    windowType: ILivePreviewWindowType;
+    stackDetails: {
+        masterLocale: string;
+    };
+}
 
-export type { IClientDataMessage, IClientUrlParams, IConfig, IConfigEditButton, IEditButtonPosition, IEditEntrySearchParams, IHistoryMessage, IInitAckMessage, IInitData, IInitStackDetails, ILivePreviewMessageCommon, ILivePreviewReceivePostMessages, IStackDetails, IStackSdk, OnEntryChangeCallback, OnEntryChangeCallbackUID, OnEntryChangeConfig };
+export { type IClientUrlParams, type IConfig, type IConfigEditButton, type IEditButtonPosition, type IEditEntrySearchParams, type IInitData, type IInitStackDetails, type ILivePreviewMessageCommon, type ILivePreviewMode, ILivePreviewModeConfig, ILivePreviewWindowType, type IStackDetails, type IStackSdk, type IVisualBuilderInitEvent };

package/dist/legacy/types/types.js

@@ -0,0 +1,19 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/types/types.ts
+var ILivePreviewModeConfig = /* @__PURE__ */ ((ILivePreviewModeConfig2) => {
+  ILivePreviewModeConfig2[ILivePreviewModeConfig2["PREVIEW"] = 1] = "PREVIEW";
+  ILivePreviewModeConfig2[ILivePreviewModeConfig2["BUILDER"] = 2] = "BUILDER";
+  return ILivePreviewModeConfig2;
+})(ILivePreviewModeConfig || {});
+var ILivePreviewWindowType = /* @__PURE__ */ ((ILivePreviewWindowType2) => {
+  ILivePreviewWindowType2["PREVIEW"] = "preview";
+  ILivePreviewWindowType2["BUILDER"] = "builder";
+  ILivePreviewWindowType2["INDEPENDENT"] = "independent";
+  return ILivePreviewWindowType2;
+})(ILivePreviewWindowType || {});
+export {
+  ILivePreviewModeConfig,
+  ILivePreviewWindowType
+};
+//# sourceMappingURL=types.js.map

package/dist/legacy/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/types/types.ts"],"sourcesContent":["export declare interface IEditEntrySearchParams {\n    hash?: string;\n    entry_uid?: string;\n    content_type_uid?: string;\n    /**\n     * @deprecated pass this value as hash instead\n     */\n    live_preview?: string;\n}\n\nexport declare interface IClientUrlParams {\n    protocol: \"http\" | \"https\";\n    host: string;\n    port: string | number;\n    url: string;\n}\n\nexport declare interface IStackSdk {\n    live_preview: { [key: string]: any } & Partial<IConfig>;\n    [key: string]: any;\n    environment: string;\n}\n\nexport declare interface IStackDetails {\n    apiKey: string;\n    environment: string;\n    contentTypeUid: string;\n    entryUid: string;\n    branch: string;\n    /**\n     * This locale is currently used by the visual builder to\n     * redirect to the correct locale if the no data-cslp tag\n     * is present in the HTML to extract the locale.\n     */\n    locale: string;\n    masterLocale: string;\n}\n\nexport declare interface IInitStackDetails {\n    apiKey: string;\n    environment: string;\n    branch: string;\n    /**\n     * This locale is currently used by the visual builder to\n     * redirect to the correct locale if the no data-cslp tag\n     * is present in the HTML to extract the locale.\n     */\n    locale: string;\n}\n\nexport declare type ILivePreviewMode = \"builder\" | \"preview\";\n\n//? We kept it as number so that we could disable only the unrequired features,\n//? since the \"Builder\" mode will contain all the features of the \"Preview\" mode.\nexport enum ILivePreviewModeConfig {\n    PREVIEW = 1,\n    BUILDER = 2,\n}\n\nexport enum ILivePreviewWindowType {\n    PREVIEW = \"preview\",\n    BUILDER = \"builder\",\n    INDEPENDENT = \"independent\",\n}\n\nexport declare interface IConfig {\n    ssr: boolean;\n    enable: boolean;\n    /**\n     * @default false\n     */\n    debug: boolean;\n    cleanCslpOnProduction: boolean;\n    stackDetails: IStackDetails;\n    clientUrlParams: IClientUrlParams;\n    stackSdk: IStackSdk;\n    onChange: () => void;\n    runScriptsOnUpdate: boolean;\n    windowType: ILivePreviewWindowType;\n    hash: string;\n    editButton: IConfigEditButton;\n    mode: ILivePreviewModeConfig;\n    elements: {\n        highlightedElement: HTMLElement | null;\n    };\n}\n\nexport declare interface IConfigEditButton {\n    enable: boolean;\n    exclude?: (\"insideLivePreviewPortal\" | \"outsideLivePreviewPortal\")[];\n    includeByQueryParameter?: boolean;\n    position?:\n        | \"top\"\n        | \"bottom\"\n        | \"left\"\n        | \"right\"\n        | \"top-left\"\n        | \"top-right\"\n        | \"top-center\"\n        | \"bottom-left\"\n        | \"bottom-right\"\n        | \"bottom-center\";\n}\n\nexport declare interface IInitData {\n    ssr: boolean;\n    runScriptsOnUpdate: boolean;\n    enable: boolean;\n    /**\n     * @default false\n     */\n    debug: boolean;\n    cleanCslpOnProduction: boolean;\n    stackDetails: Partial<IInitStackDetails>;\n    clientUrlParams: Partial<Omit<IClientUrlParams, \"url\">>;\n    stackSdk: IStackSdk;\n    editButton: IConfigEditButton;\n    mode: ILivePreviewMode;\n}\n\n// type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;\n\n// export type IInitData =\n//     | {\n//           ssr?: true;\n//           stackSdk?: IStackSdk;\n//           runScriptsOnUpdate?: boolean;\n//           enable?: boolean;\n//           cleanCslpOnProduction?: boolean;\n//           stackDetails?: Partial<IInitStackDetails>;\n//           clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n//           editButton?: IConfigEditButton;\n//           mode?: \"preview\";\n//       }\n//     | {\n//           ssr?: true;\n//           stackSdk?: IStackSdk;\n//           runScriptsOnUpdate?: boolean;\n//           enable?: boolean;\n//           cleanCslpOnProduction?: boolean;\n//           stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n//           clientUrlParams: PickPartial<\n//               Omit<IClientUrlParams, \"url\">,\n//               \"port\" | \"protocol\"\n//           >;\n//           editButton?: IConfigEditButton;\n//           mode: \"builder\";\n//       }\n//     | {\n//           ssr: false;\n//           runScriptsOnUpdate?: boolean;\n//           enable?: boolean;\n//           cleanCslpOnProduction?: boolean;\n//           stackDetails?: Partial<IInitStackDetails>;\n//           clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n//           stackSdk: IStackSdk;\n//           editButton?: IConfigEditButton;\n//           mode?: \"preview\";\n//       }\n//     | {\n//           ssr: false;\n//           runScriptsOnUpdate?: boolean;\n//           enable?: boolean;\n//           cleanCslpOnProduction?: boolean;\n//           stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n//           clientUrlParams: PickPartial<\n//               Omit<IClientUrlParams, \"url\">,\n//               \"port\" | \"protocol\"\n//           >;\n//           stackSdk: IStackSdk;\n//           editButton?: IConfigEditButton;\n//           mode: \"builder\";\n//       };\n\n// Post message types\n\nexport declare interface ILivePreviewMessageCommon {\n    from: \"live-preview\";\n}\n\nexport declare interface IEditButtonPosition {\n    upperBoundOfTooltip: number;\n    leftBoundOfTooltip: number;\n}\n\n// end of Post message types\n\nexport interface IVisualBuilderInitEvent {\n    windowType: ILivePreviewWindowType;\n    stackDetails: {\n        masterLocale: string;\n    };\n}\n"],"mappings":";;;AAsDO,IAAK,yBAAL,kBAAKA,4BAAL;AACH,EAAAA,gDAAA,aAAU,KAAV;AACA,EAAAA,gDAAA,aAAU,KAAV;AAFQ,SAAAA;AAAA,GAAA;AAKL,IAAK,yBAAL,kBAAKC,4BAAL;AACH,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,iBAAc;AAHN,SAAAA;AAAA,GAAA;","names":["ILivePreviewModeConfig","ILivePreviewWindowType"]}

package/dist/legacy/utils/compare.js

@@ -1,3 +1,5 @@
+import "../chunk-5WRI5ZAA.js";
+
 // src/utils/compare.ts
 var DIFF_WRAPPER = "cs-compare";
 function registerCompareElement() {

package/dist/legacy/utils/compare.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/compare.ts"],"sourcesContent":["const DIFF_WRAPPER = \"cs-compare\";\n\nexport function registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n"],"mappings":";AAAA,IAAM,eAAe;AAEd,SAAS,yBAAyB;AAAA,EACrC,MAAM,gBAAgB,gBAAgB;AAAA,IAClC,cAAc;AACV,YAAM;AAAA,IACV;AAAA,EACJ;AAEA,MAAI,CAAC,eAAe,IAAI,YAAY,GAAG;AACnC,mBAAe,OAAO,cAAc,SAAS;AAAA,MACzC,SAAS;AAAA,IACb,CAAC;AAAA,EACL;AACJ;","names":[]}
+{"version":3,"sources":["../../../src/utils/compare.ts"],"sourcesContent":["const DIFF_WRAPPER = \"cs-compare\";\n\nexport function registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n"],"mappings":";;;AAAA,IAAM,eAAe;AAEd,SAAS,yBAAyB;AAAA,EACrC,MAAM,gBAAgB,gBAAgB;AAAA,IAClC,cAAc;AACV,YAAM;AAAA,IACV;AAAA,EACJ;AAEA,MAAI,CAAC,eAAe,IAAI,YAAY,GAAG;AACnC,mBAAe,OAAO,cAAc,SAAS;AAAA,MACzC,SAAS;AAAA,IACb,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/legacy/utils/cslpdata.js

@@ -1,3 +1,5 @@
+import "../chunk-5WRI5ZAA.js";
+
 // src/utils/cslpdata.ts
 function extractDetailsFromCslp(cslpValue) {
   let [cslpVersion, cslpData] = cslpValue.split(":");

package/dist/legacy/utils/cslpdata.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cslpdata.ts"],"sourcesContent":["export interface CslpData {\n    entry_uid: string;\n    content_type_uid: string;\n    variant?: string;\n    cslpValue: string;\n    locale: string;\n    fieldPath: string;\n}\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n    return destructureCslpValue(cslpData, cslpVersion);\n}\n\nfunction destructureCslpValue(cslpData: string, version: string): CslpData {\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n    switch (version) {\n        case \"v2\": {\n            const [entry_uid, variant] = entryInfo.split(\"_\");\n            return {\n                entry_uid,\n                content_type_uid,\n                variant,\n                locale,\n                cslpValue: cslpData,\n                fieldPath: fieldPath.join(\".\"),\n            };\n        }\n        default:\n            return {\n                entry_uid: entryInfo,\n                content_type_uid,\n                locale,\n                cslpValue: cslpData,\n                fieldPath: fieldPath.join(\".\"),\n            };\n    }\n}\n"],"mappings":";AAaO,SAAS,uBAAuB,WAA6B;AAChE,MAAI,CAAC,aAAa,QAAQ,IAAI,UAAU,MAAM,GAAG;AAEjD,MAAI,YAAY,SAAS,GAAG;AACxB,eAAW;AACX,kBAAc;AAAA,EAClB;AACA,SAAO,qBAAqB,UAAU,WAAW;AACrD;AAEA,SAAS,qBAAqB,UAAkB,SAA2B;AACvE,QAAM,CAAC,kBAAkB,WAAW,QAAQ,GAAG,SAAS,IACpD,SAAS,MAAM,GAAG;AACtB,UAAQ,SAAS;AAAA,IACb,KAAK,MAAM;AACP,YAAM,CAAC,WAAW,OAAO,IAAI,UAAU,MAAM,GAAG;AAChD,aAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,WAAW,UAAU,KAAK,GAAG;AAAA,MACjC;AAAA,IACJ;AAAA,IACA;AACI,aAAO;AAAA,QACH,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,WAAW,UAAU,KAAK,GAAG;AAAA,MACjC;AAAA,EACR;AACJ;","names":[]}
+{"version":3,"sources":["../../../src/utils/cslpdata.ts"],"sourcesContent":["export interface CslpData {\n    entry_uid: string;\n    content_type_uid: string;\n    variant?: string;\n    cslpValue: string;\n    locale: string;\n    fieldPath: string;\n}\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n    return destructureCslpValue(cslpData, cslpVersion);\n}\n\nfunction destructureCslpValue(cslpData: string, version: string): CslpData {\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n    switch (version) {\n        case \"v2\": {\n            const [entry_uid, variant] = entryInfo.split(\"_\");\n            return {\n                entry_uid,\n                content_type_uid,\n                variant,\n                locale,\n                cslpValue: cslpData,\n                fieldPath: fieldPath.join(\".\"),\n            };\n        }\n        default:\n            return {\n                entry_uid: entryInfo,\n                content_type_uid,\n                locale,\n                cslpValue: cslpData,\n                fieldPath: fieldPath.join(\".\"),\n            };\n    }\n}\n"],"mappings":";;;AAaO,SAAS,uBAAuB,WAA6B;AAChE,MAAI,CAAC,aAAa,QAAQ,IAAI,UAAU,MAAM,GAAG;AAEjD,MAAI,YAAY,SAAS,GAAG;AACxB,eAAW;AACX,kBAAc;AAAA,EAClB;AACA,SAAO,qBAAqB,UAAU,WAAW;AACrD;AAEA,SAAS,qBAAqB,UAAkB,SAA2B;AACvE,QAAM,CAAC,kBAAkB,WAAW,QAAQ,GAAG,SAAS,IACpD,SAAS,MAAM,GAAG;AACtB,UAAQ,SAAS;AAAA,IACb,KAAK,MAAM;AACP,YAAM,CAAC,WAAW,OAAO,IAAI,UAAU,MAAM,GAAG;AAChD,aAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,WAAW,UAAU,KAAK,GAAG;AAAA,MACjC;AAAA,IACJ;AAAA,IACA;AACI,aAAO;AAAA,QACH,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,WAAW,UAAU,KAAK,GAAG;AAAA,MACjC;AAAA,EACR;AACJ;","names":[]}

package/dist/legacy/utils/handlePageTraversal.js

@@ -1,3 +1,5 @@
+import "../chunk-5WRI5ZAA.js";
+
 // src/utils/handlePageTraversal.ts
 var handlePageTraversal = () => {
   window.addEventListener("unload", () => {

package/dist/legacy/utils/handlePageTraversal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/handlePageTraversal.ts"],"sourcesContent":["export const handlePageTraversal = () => {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            window.parent.postMessage(\n                {\n                    from: \"live-preview\",\n                    type: \"url-change\",\n                    data: {\n                        targetURL,\n                    },\n                },\n                \"*\"\n            );\n        }\n    });\n};\n"],"mappings":";AAAO,IAAM,sBAAsB,MAAM;AACrC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,aAAO,OAAO;AAAA,QACV;AAAA,UACI,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACF;AAAA,UACJ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../../src/utils/handlePageTraversal.ts"],"sourcesContent":["export const handlePageTraversal = () => {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            window.parent.postMessage(\n                {\n                    from: \"live-preview\",\n                    type: \"url-change\",\n                    data: {\n                        targetURL,\n                    },\n                },\n                \"*\"\n            );\n        }\n    });\n};\n"],"mappings":";;;AAAO,IAAM,sBAAsB,MAAM;AACrC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,aAAO,OAAO;AAAA,QACV;AAAA,UACI,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACF;AAAA,UACJ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

package/dist/legacy/utils/index.cjs

@@ -21,85 +21,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   addLivePreviewQueryTags: () => addLivePreviewQueryTags,
-  createMultipleEditButton: () => createMultipleEditButton,
-  createSingularEditButton: () => createSingularEditButton,
-  getEditButtonPosition: () => getEditButtonPosition,
+  addParamsToUrl: () => addParamsToUrl,
   hasWindow: () => hasWindow,
-  shouldRenderEditButton: () => shouldRenderEditButton,
-  tooltipMultipleInnerHtml: () => tooltipMultipleInnerHtml,
-  tooltipSingularInnerHtml: () => tooltipSingularInnerHtml
+  isOpeningInTimeline: () => isOpeningInTimeline
 });
 module.exports = __toCommonJS(utils_exports);
-var import_live_preview = require("../styles/live_preview.cjs");
-var import_public_logger = require("./public-logger.cjs");
+var import_logger = require("../logger/logger.cjs");
 function hasWindow() {
   return typeof window !== "undefined";
 }
-var tooltipSingularInnerHtml = `<div class="singular edit-button">
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
-      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
-    </svg>Edit
-  </div>`;
-var tooltipMultipleInnerHtml = `<div class="edit-button" title="edit">
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
-      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
-    </svg>
-  </div>
-  <div title="click element" class="external-link-button">
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z" fill="#718096" />
-      <path d="M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z" fill="#718096" />
-    </svg>
-  </div>`;
-var createSingularEditButton = (editCallback) => {
-  const singularEditButton = document.createElement("div");
-  singularEditButton.classList.add("cslp-tooltip-child", "singular");
-  singularEditButton.setAttribute(
-    "data-test-id",
-    "cslp-singular-edit-button"
-  );
-  singularEditButton.innerHTML = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
-      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
-    </svg>Edit`;
-  singularEditButton.addEventListener("click", editCallback);
-  return singularEditButton;
-};
-var createMultipleEditButton = (editCallback, linkCallback) => {
-  const multipleEditButton = document.createElement("div");
-  multipleEditButton.classList.add("cslp-tooltip-child");
-  multipleEditButton.setAttribute("data-title", "Edit");
-  multipleEditButton.setAttribute(
-    "data-test-id",
-    "cslp-multiple-edit-button"
-  );
-  multipleEditButton.innerHTML = ` <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
-      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
-    </svg>`;
-  multipleEditButton.addEventListener("click", editCallback);
-  const multipleExternalLinkButton = document.createElement("div");
-  multipleExternalLinkButton.classList.add("cslp-tooltip-child");
-  multipleExternalLinkButton.setAttribute("data-title", "Go to link");
-  multipleExternalLinkButton.setAttribute(
-    "data-test-id",
-    "cslp-multiple-external-link-button"
-  );
-  multipleExternalLinkButton.innerHTML = ` <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z" fill="#718096" />
-      <path d="M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z" fill="#718096" />
-    </svg>`;
-  multipleExternalLinkButton.addEventListener("click", linkCallback);
-  const multipleEditFragment = document.createDocumentFragment();
-  multipleEditFragment.appendChild(multipleEditButton);
-  multipleEditFragment.appendChild(multipleExternalLinkButton);
-  const multipleDiv = document.createElement("div");
-  multipleDiv.appendChild(multipleEditFragment);
-  multipleDiv.classList.add((0, import_live_preview.livePreviewStyles)()["multiple"]);
-  return multipleDiv;
-};
 function addLivePreviewQueryTags(link) {
   try {
     const docUrl = new URL(document.location.href);
@@ -114,128 +44,34 @@ function addLivePreviewQueryTags(link) {
     }
     return newUrl.href;
   } catch (error) {
-    import_public_logger.PublicLogger.error("Error while adding live preview to URL");
+    import_logger.PublicLogger.error("Error while adding live preview to URL");
     return link;
   }
 }
-function inIframe() {
-  return window.location !== window.parent.location;
-}
-function shouldRenderEditButton(editButton) {
-  var _a, _b;
-  if (!editButton.enable) {
-    if (editButton.enable === void 0)
-      import_public_logger.PublicLogger.error(
-        "enable key is required inside editButton object"
-      );
-    return false;
-  }
-  try {
-    const currentLocation = new URL(window.location.href);
-    const cslpButtonQueryValue = currentLocation.searchParams.get("cslp-buttons");
-    if (cslpButtonQueryValue !== null && editButton.includeByQueryParameter !== false)
-      return cslpButtonQueryValue === "false" ? false : true;
-  } catch (error) {
-    import_public_logger.PublicLogger.error(error);
-  }
-  if (inIframe() && ((_a = editButton.exclude) == null ? void 0 : _a.find(
-    (exclude) => exclude === "insideLivePreviewPortal"
-  ))) {
-    return false;
-  } else if (inIframe()) {
-    return true;
-  }
-  if ((_b = editButton.exclude) == null ? void 0 : _b.find(
-    (exclude) => exclude === "outsideLivePreviewPortal"
-  )) {
-    return false;
-  }
-  return true;
-}
-function getEditButtonPosition(currentHoveredElement, defaultPosition) {
-  if (!currentHoveredElement)
-    return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };
-  const cslpButtonPosition = currentHoveredElement.getAttribute(
-    "data-cslp-button-position"
-  );
-  if (cslpButtonPosition) {
-    return calculateEditButtonPosition(
-      currentHoveredElement,
-      cslpButtonPosition
-    );
-  }
-  return calculateEditButtonPosition(
-    currentHoveredElement,
-    defaultPosition || "top"
-  );
-}
-function calculateEditButtonPosition(currentHoveredElement, cslpButtonPosition) {
-  const editButtonPosition = {
-    upperBoundOfTooltip: 0,
-    leftBoundOfTooltip: 0
-  };
-  const currentRectOfElement = currentHoveredElement.getBoundingClientRect();
-  try {
-    const buttonMeasurementValues = {
-      width: 72,
-      halfWidth: 36,
-      height: 40,
-      basicMargin: 5,
-      widthWithMargin: 77
-    };
-    switch (cslpButtonPosition) {
-      case "top-center":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.width / 2 - buttonMeasurementValues.halfWidth + currentRectOfElement.left;
-        break;
-      case "top-right":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right - buttonMeasurementValues.width;
-        break;
-      case "right":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right + buttonMeasurementValues.basicMargin;
-        break;
-      case "bottom":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
-        break;
-      case "bottom-left":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
-        break;
-      case "bottom-center":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.width / 2 - buttonMeasurementValues.halfWidth + currentRectOfElement.left;
-        break;
-      case "bottom-right":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right - buttonMeasurementValues.width;
-        break;
-      case "left":
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.basicMargin;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.widthWithMargin;
-        break;
-      default:
-        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
-        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
-        break;
+function addParamsToUrl() {
+  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;
     }
-    return editButtonPosition;
-  } catch (error) {
-    import_public_logger.PublicLogger.error(error);
-    return editButtonPosition;
+  });
+}
+function isOpeningInTimeline() {
+  if (hasWindow()) {
+    const urlParams = new URLSearchParams(window.location.search);
+    const previewTimestamp = urlParams.get("preview_timestamp");
+    return !!previewTimestamp;
   }
+  return false;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addLivePreviewQueryTags,
-  createMultipleEditButton,
-  createSingularEditButton,
-  getEditButtonPosition,
+  addParamsToUrl,
   hasWindow,
-  shouldRenderEditButton,
-  tooltipMultipleInnerHtml,
-  tooltipSingularInnerHtml
+  isOpeningInTimeline
 });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { livePreviewStyles } from \"../styles/live_preview\";\nimport { PublicLogger } from \"./public-logger\";\nimport { IConfigEditButton, IEditButtonPosition } from \"./types\";\n\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\n\nexport const tooltipSingularInnerHtml = `<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>`;\n\nexport const tooltipMultipleInnerHtml = `<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>`;\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(livePreviewStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function addLivePreviewQueryTags(link: string): string {\n    try {\n        const docUrl: URL = new URL(document.location.href);\n        const newUrl: URL = new URL(link);\n        const livePreviewHash: string | null =\n            docUrl.searchParams.get(\"live_preview\");\n        const ctUid: string | null =\n            docUrl.searchParams.get(\"content_type_uid\");\n        const entryUid: string | null = docUrl.searchParams.get(\"entry_uid\");\n        if (livePreviewHash && ctUid && entryUid) {\n            newUrl.searchParams.set(\"live_preview\", livePreviewHash);\n            newUrl.searchParams.set(\"content_type_uid\", ctUid);\n            newUrl.searchParams.set(\"entry_uid\", entryUid);\n        }\n        return newUrl.href;\n    } catch (error) {\n        PublicLogger.error(\"Error while adding live preview to URL\");\n        return link;\n    }\n}\n\nfunction inIframe() {\n    return window.location !== window.parent.location;\n}\n\nexport function shouldRenderEditButton(editButton: IConfigEditButton): boolean {\n    if (!editButton.enable) {\n        if (editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n        if (\n            cslpButtonQueryValue !== null &&\n            editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    // case if inside live preview\n    if (\n        inIframe() &&\n        editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (inIframe()) {\n        return true;\n    }\n\n    // case outside live preview\n    if (\n        editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { PublicLogger } from \"../logger/logger\";\n\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\nexport function addLivePreviewQueryTags(link: string): string {\n    try {\n        const docUrl: URL = new URL(document.location.href);\n        const newUrl: URL = new URL(link);\n        const livePreviewHash: string | null =\n            docUrl.searchParams.get(\"live_preview\");\n        const ctUid: string | null =\n            docUrl.searchParams.get(\"content_type_uid\");\n        const entryUid: string | null = docUrl.searchParams.get(\"entry_uid\");\n        if (livePreviewHash && ctUid && entryUid) {\n            newUrl.searchParams.set(\"live_preview\", livePreviewHash);\n            newUrl.searchParams.set(\"content_type_uid\", ctUid);\n            newUrl.searchParams.set(\"entry_uid\", entryUid);\n        }\n        return newUrl.href;\n    } catch (error) {\n        PublicLogger.error(\"Error while adding live preview to URL\");\n        return link;\n    }\n}\nexport function addParamsToUrl() {\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}\nexport function isOpeningInTimeline(): boolean {\n    if (hasWindow()) {\n        const urlParams = new URLSearchParams(window.location.search);\n        const previewTimestamp = urlParams.get(\"preview_timestamp\");\n        return !!previewTimestamp;\n    }\n    return false;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAEtB,SAAS,YAAqB;AACjC,SAAO,OAAO,WAAW;AAC7B;AACO,SAAS,wBAAwB,MAAsB;AAC1D,MAAI;AACA,UAAM,SAAc,IAAI,IAAI,SAAS,SAAS,IAAI;AAClD,UAAM,SAAc,IAAI,IAAI,IAAI;AAChC,UAAM,kBACF,OAAO,aAAa,IAAI,cAAc;AAC1C,UAAM,QACF,OAAO,aAAa,IAAI,kBAAkB;AAC9C,UAAM,WAA0B,OAAO,aAAa,IAAI,WAAW;AACnE,QAAI,mBAAmB,SAAS,UAAU;AACtC,aAAO,aAAa,IAAI,gBAAgB,eAAe;AACvD,aAAO,aAAa,IAAI,oBAAoB,KAAK;AACjD,aAAO,aAAa,IAAI,aAAa,QAAQ;AAAA,IACjD;AACA,WAAO,OAAO;AAAA,EAClB,SAAS,OAAO;AACZ,+BAAa,MAAM,wCAAwC;AAC3D,WAAO;AAAA,EACX;AACJ;AACO,SAAS,iBAAiB;AAE7B,SAAO,iBAAiB,SAAS,CAAC,UAAe;AAC7C,UAAM,SAAc,MAAM;AAC1B,UAAM,aAA2B,OAAO;AACxC,UAAM,YAAoB,SAAS,SAAS;AAC5C,QACI,cACA,WAAW,SAAS,SAAS,KAC7B,CAAC,WAAW,SAAS,cAAc,GACrC;AACE,YAAM,SAAS,wBAAwB,OAAO,IAAI;AAClD,YAAM,OAAO,OAAO,UAAU,OAAO;AAAA,IACzC;AAAA,EACJ,CAAC;AACL;AACO,SAAS,sBAA+B;AAC3C,MAAI,UAAU,GAAG;AACb,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,mBAAmB,UAAU,IAAI,mBAAmB;AAC1D,WAAO,CAAC,CAAC;AAAA,EACb;AACA,SAAO;AACX;","names":[]}

package/dist/legacy/utils/index.d.cts

@@ -1,12 +1,6 @@
-import { IConfigEditButton, IEditButtonPosition } from './types.cjs';
-
 declare function hasWindow(): boolean;
-declare const tooltipSingularInnerHtml = "<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>";
-declare const tooltipMultipleInnerHtml = "<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>";
-declare const createSingularEditButton: (editCallback: (e: MouseEvent) => void) => HTMLDivElement;
-declare const createMultipleEditButton: (editCallback: (e: MouseEvent) => void, linkCallback: (e: MouseEvent) => void) => HTMLDivElement;
 declare function addLivePreviewQueryTags(link: string): string;
-declare function shouldRenderEditButton(editButton: IConfigEditButton): boolean;
-declare function getEditButtonPosition(currentHoveredElement: HTMLElement | null, defaultPosition: string | undefined): IEditButtonPosition;
+declare function addParamsToUrl(): void;
+declare function isOpeningInTimeline(): boolean;
 
-export { addLivePreviewQueryTags, createMultipleEditButton, createSingularEditButton, getEditButtonPosition, hasWindow, shouldRenderEditButton, tooltipMultipleInnerHtml, tooltipSingularInnerHtml };
+export { addLivePreviewQueryTags, addParamsToUrl, hasWindow, isOpeningInTimeline };

package/dist/legacy/utils/index.d.ts

@@ -1,12 +1,6 @@
-import { IConfigEditButton, IEditButtonPosition } from './types.js';
-
 declare function hasWindow(): boolean;
-declare const tooltipSingularInnerHtml = "<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>";
-declare const tooltipMultipleInnerHtml = "<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>";
-declare const createSingularEditButton: (editCallback: (e: MouseEvent) => void) => HTMLDivElement;
-declare const createMultipleEditButton: (editCallback: (e: MouseEvent) => void, linkCallback: (e: MouseEvent) => void) => HTMLDivElement;
 declare function addLivePreviewQueryTags(link: string): string;
-declare function shouldRenderEditButton(editButton: IConfigEditButton): boolean;
-declare function getEditButtonPosition(currentHoveredElement: HTMLElement | null, defaultPosition: string | undefined): IEditButtonPosition;
+declare function addParamsToUrl(): void;
+declare function isOpeningInTimeline(): boolean;
 
-export { addLivePreviewQueryTags, createMultipleEditButton, createSingularEditButton, getEditButtonPosition, hasWindow, shouldRenderEditButton, tooltipMultipleInnerHtml, tooltipSingularInnerHtml };
+export { addLivePreviewQueryTags, addParamsToUrl, hasWindow, isOpeningInTimeline };