@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/modern/cslp/cslpdata.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\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\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":"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","names":["Config"]}

package/dist/modern/cslp/cslpdata.d.cts

@@ -0,0 +1,19 @@
+import { CslpData } from './types/cslp.types.cjs';
+
+/**
+ * Extracts details from a CSLP value string.
+ * @param cslpValue The CSLP value string to extract details from.
+ * @returns An object containing the extracted details.
+ */
+declare function extractDetailsFromCslp(cslpValue: string): CslpData;
+/**
+ * Adds an outline to the clicked element and triggers a callback function.
+ * @param e - The MouseEvent object representing the click event.
+ * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.
+ */
+declare function addCslpOutline(e: MouseEvent, callback?: (args: {
+    cslpTag: string;
+    highlightedElement: HTMLElement;
+}) => void): void;
+
+export { addCslpOutline, extractDetailsFromCslp };

package/dist/modern/cslp/cslpdata.d.ts

@@ -0,0 +1,19 @@
+import { CslpData } from './types/cslp.types.js';
+
+/**
+ * Extracts details from a CSLP value string.
+ * @param cslpValue The CSLP value string to extract details from.
+ * @returns An object containing the extracted details.
+ */
+declare function extractDetailsFromCslp(cslpValue: string): CslpData;
+/**
+ * Adds an outline to the clicked element and triggers a callback function.
+ * @param e - The MouseEvent object representing the click event.
+ * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.
+ */
+declare function addCslpOutline(e: MouseEvent, callback?: (args: {
+    cslpTag: string;
+    highlightedElement: HTMLElement;
+}) => void): void;
+
+export { addCslpOutline, extractDetailsFromCslp };

package/dist/modern/cslp/cslpdata.js

@@ -0,0 +1,116 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/cslp/cslpdata.ts
+import { isNil, isFinite, findLastIndex, findLast } from "lodash-es";
+import Config from "../configManager/configManager.js";
+import { cslpTagStyles } from "../livePreview/editButton/editButton.style.js";
+function extractDetailsFromCslp(cslpValue) {
+  let [cslpVersion, cslpData] = cslpValue.split(":");
+  if (cslpVersion.length > 2) {
+    cslpData = cslpVersion;
+    cslpVersion = "v1";
+  }
+  const [content_type_uid, entryInfo, locale, ...fieldPath] = cslpData.split(".");
+  let entry_uid;
+  let variant;
+  switch (cslpVersion) {
+    case "v2": {
+      const [uid, variant_uid] = entryInfo.split("_");
+      entry_uid = uid;
+      variant = variant_uid;
+      break;
+    }
+    default: {
+      entry_uid = entryInfo;
+      break;
+    }
+  }
+  const instancePathWithInstance = fieldPath.join(".");
+  const calculatedPath = fieldPath.filter((path) => {
+    const isEmpty = isNil(path);
+    const isNumber = isFinite(+path);
+    return !isEmpty && !isNumber || false;
+  });
+  const multipleFieldMetadata = getMultipleFieldMetadata(
+    content_type_uid,
+    entry_uid,
+    locale,
+    fieldPath
+  );
+  if (isFinite(+fieldPath[fieldPath.length - 1])) {
+    fieldPath.pop();
+  }
+  return {
+    entry_uid,
+    content_type_uid,
+    variant,
+    locale,
+    cslpValue,
+    fieldPath: calculatedPath.join("."),
+    fieldPathWithIndex: fieldPath.join("."),
+    multipleFieldMetadata,
+    instance: {
+      fieldPathWithIndex: instancePathWithInstance
+    }
+  };
+}
+function getParentPathDetails(content_type_uid, entry_uid, locale, fieldPath) {
+  const index = findLastIndex(fieldPath, (path) => isFinite(+path));
+  if (index === -1) return null;
+  const parentPath = fieldPath.slice(0, index);
+  return {
+    parentPath: parentPath.join("."),
+    parentCslpValue: [
+      content_type_uid,
+      entry_uid,
+      locale,
+      ...parentPath
+    ].join(".")
+  };
+}
+function getMultipleFieldMetadata(content_type_uid, entry_uid, locale, fieldPath) {
+  const parentDetails = getParentPathDetails(
+    content_type_uid,
+    entry_uid,
+    locale,
+    fieldPath
+  );
+  const index = findLast(fieldPath, (path) => isFinite(+path));
+  return {
+    parentDetails,
+    index: isNil(index) ? -1 : +index
+  };
+}
+function addCslpOutline(e, callback) {
+  const elements = Config.get().elements;
+  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 (elements.highlightedElement)
+        elements.highlightedElement.classList.remove(
+          cslpTagStyles()["cslp-edit-mode"]
+        );
+      element.classList.add(cslpTagStyles()["cslp-edit-mode"]);
+      const updatedElements = elements;
+      updatedElements.highlightedElement = element;
+      Config.set("elements", updatedElements);
+      callback?.({
+        cslpTag,
+        highlightedElement: element
+      });
+      trigger = false;
+    } else if (!trigger) {
+      element.classList.remove(cslpTagStyles()["cslp-edit-mode"]);
+    }
+  }
+}
+export {
+  addCslpOutline,
+  extractDetailsFromCslp
+};
+//# sourceMappingURL=cslpdata.js.map

package/dist/modern/cslp/cslpdata.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\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\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/modern/cslp/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/cslp/index.ts
+var cslp_exports = {};
+module.exports = __toCommonJS(cslp_exports);
+__reExport(cslp_exports, require("./cslpdata.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./cslpdata.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/modern/cslp/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cslp/index.ts"],"sourcesContent":["export * from \"./cslpdata\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,2BAAd;","names":[]}

package/dist/modern/cslp/index.d.cts

@@ -0,0 +1,2 @@
+export { addCslpOutline, extractDetailsFromCslp } from './cslpdata.cjs';
+import './types/cslp.types.cjs';

package/dist/modern/cslp/index.d.ts

@@ -0,0 +1,2 @@
+export { addCslpOutline, extractDetailsFromCslp } from './cslpdata.js';
+import './types/cslp.types.js';

package/dist/modern/cslp/index.js

@@ -0,0 +1,3 @@
+// src/cslp/index.ts
+export * from "./cslpdata.js";
+//# sourceMappingURL=index.js.map

package/dist/modern/cslp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cslp/index.ts"],"sourcesContent":["export * from \"./cslpdata\";\n"],"mappings":";AAAA,cAAc;","names":[]}

package/dist/modern/cslp/types/cslp.types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/cslp/types/cslp.types.ts
+var cslp_types_exports = {};
+module.exports = __toCommonJS(cslp_types_exports);
+//# sourceMappingURL=cslp.types.cjs.map

package/dist/modern/cslp/types/cslp.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cslp/types/cslp.types.ts"],"sourcesContent":["export interface CslpData {\n    entry_uid: string;\n    content_type_uid: string;\n    cslpValue: string;\n    locale: string;\n    variant: string | undefined;\n    /**\n     * This path excludes the indexes in the Group or Modular blocks.\n     * This path could be used to traverse in the content type schema.\n     */\n    fieldPath: string;\n    /**\n     * This path includes the indexes in the Group or Modular blocks.\n     * This path could be used to traverse in the entry schema.\n     */\n    fieldPathWithIndex: string;\n    multipleFieldMetadata: CslpDataMultipleFieldMetadata;\n    instance: {\n        fieldPathWithIndex: string;\n    }\n}\n\nexport interface CslpDataMultipleFieldMetadata {\n    index: number;\n    /**\n     * It contains the path of the parent group, modular block, reference, or field.\n     */\n    parentDetails: CslpDataParentDetails | null;\n}\n\nexport interface CslpDataParentDetails {\n    parentPath: string;\n    parentCslpValue: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/modern/cslp/types/cslp.types.d.cts

@@ -0,0 +1,34 @@
+interface CslpData {
+    entry_uid: string;
+    content_type_uid: string;
+    cslpValue: string;
+    locale: string;
+    variant: string | undefined;
+    /**
+     * This path excludes the indexes in the Group or Modular blocks.
+     * This path could be used to traverse in the content type schema.
+     */
+    fieldPath: string;
+    /**
+     * This path includes the indexes in the Group or Modular blocks.
+     * This path could be used to traverse in the entry schema.
+     */
+    fieldPathWithIndex: string;
+    multipleFieldMetadata: CslpDataMultipleFieldMetadata;
+    instance: {
+        fieldPathWithIndex: string;
+    };
+}
+interface CslpDataMultipleFieldMetadata {
+    index: number;
+    /**
+     * It contains the path of the parent group, modular block, reference, or field.
+     */
+    parentDetails: CslpDataParentDetails | null;
+}
+interface CslpDataParentDetails {
+    parentPath: string;
+    parentCslpValue: string;
+}
+
+export type { CslpData, CslpDataMultipleFieldMetadata, CslpDataParentDetails };

package/dist/modern/cslp/types/cslp.types.d.ts

@@ -0,0 +1,34 @@
+interface CslpData {
+    entry_uid: string;
+    content_type_uid: string;
+    cslpValue: string;
+    locale: string;
+    variant: string | undefined;
+    /**
+     * This path excludes the indexes in the Group or Modular blocks.
+     * This path could be used to traverse in the content type schema.
+     */
+    fieldPath: string;
+    /**
+     * This path includes the indexes in the Group or Modular blocks.
+     * This path could be used to traverse in the entry schema.
+     */
+    fieldPathWithIndex: string;
+    multipleFieldMetadata: CslpDataMultipleFieldMetadata;
+    instance: {
+        fieldPathWithIndex: string;
+    };
+}
+interface CslpDataMultipleFieldMetadata {
+    index: number;
+    /**
+     * It contains the path of the parent group, modular block, reference, or field.
+     */
+    parentDetails: CslpDataParentDetails | null;
+}
+interface CslpDataParentDetails {
+    parentPath: string;
+    parentCslpValue: string;
+}
+
+export type { CslpData, CslpDataMultipleFieldMetadata, CslpDataParentDetails };

package/dist/modern/cslp/types/cslp.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=cslp.types.js.map

package/dist/modern/cslp/types/cslp.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/modern/index.cjs

@@ -30,29 +30,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ContentstackLivePreview: () => ContentstackLivePreview,
+  VB_EmptyBlockParentClass: () => VB_EmptyBlockParentClass,
   default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
-var import_contentstack_live_preview_HOC = __toESM(require("./contentstack-live-preview-HOC.cjs"), 1);
-var LightLivePreviewHoC = {
-  init() {
-  },
-  onLiveEdit() {
-  },
-  onEntryChange(callback) {
-    return callback();
-  },
-  get hash() {
-    return "";
-  },
-  setConfigFromParams() {
-  }
-};
-var ContentstackLivePreview = process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK ? LightLivePreviewHoC : import_contentstack_live_preview_HOC.default;
-var src_default = ContentstackLivePreview;
+var import_contentstack_live_preview_HOC = __toESM(require("./preview/contentstack-live-preview-HOC.cjs"), 1);
+var VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
+var src_default = import_contentstack_live_preview_HOC.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ContentstackLivePreview
+  VB_EmptyBlockParentClass
 });
 //# sourceMappingURL=index.cjs.map

package/dist/modern/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./utils/types\";\nexport type IStackSdk = ExternalStackSdkType;\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAEO;AAKP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD,qCAAAA;AAEV,IAAO,cAAQ;","names":["ContentstackLivePreviewHOC"]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\nexport type IStackSdk = ExternalStackSdkType;\nclass LightLivePreviewHoC implements ContentstackLivePreviewHOC {\n    static init() {}\n\n    get hash() {\n        return \"\";\n    }\n\n    static onEntryChange(callback: (...args: any[]) => void) {\n        return callback();\n    }\n\n    static onLiveEdit() {\n        // intentionally empty\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\n// export const ContentstackLivePreview: ContentstackLivePreviewHOC =\n//     ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreviewHOC;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAuC;AA+BhC,IAAM,2BAA2B;AACxC,IAAO,cAAQ,qCAAAA;","names":["ContentstackLivePreviewHOC"]}

package/dist/modern/index.d.cts

@@ -1,8 +1,8 @@
-import { ICSLivePreview } from './contentstack-live-preview-HOC.cjs';
-import { IStackSdk as IStackSdk$1 } from './utils/types.cjs';
-import './live-preview.cjs';
+import ContentstackLivePreview from './preview/contentstack-live-preview-HOC.cjs';
+import { IStackSdk as IStackSdk$1 } from './types/types.cjs';
+import './livePreview/types/onEntryChangeCallback.type.cjs';
 
 type IStackSdk = IStackSdk$1;
-declare const ContentstackLivePreview: ICSLivePreview;
+declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
-export { ContentstackLivePreview, type IStackSdk, ContentstackLivePreview as default };
+export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/modern/index.d.ts

@@ -1,8 +1,8 @@
-import { ICSLivePreview } from './contentstack-live-preview-HOC.js';
-import { IStackSdk as IStackSdk$1 } from './utils/types.js';
-import './live-preview.js';
+import ContentstackLivePreview from './preview/contentstack-live-preview-HOC.js';
+import { IStackSdk as IStackSdk$1 } from './types/types.js';
+import './livePreview/types/onEntryChangeCallback.type.js';
 
 type IStackSdk = IStackSdk$1;
-declare const ContentstackLivePreview: ICSLivePreview;
+declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
-export { ContentstackLivePreview, type IStackSdk, ContentstackLivePreview as default };
+export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/modern/index.js

@@ -1,23 +1,11 @@
+import "./chunk-5WRI5ZAA.js";
+
 // src/index.ts
-import ContentstackLivePreviewHOC from "./contentstack-live-preview-HOC.js";
-var LightLivePreviewHoC = {
-  init() {
-  },
-  onLiveEdit() {
-  },
-  onEntryChange(callback) {
-    return callback();
-  },
-  get hash() {
-    return "";
-  },
-  setConfigFromParams() {
-  }
-};
-var ContentstackLivePreview = process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK ? LightLivePreviewHoC : ContentstackLivePreviewHOC;
-var src_default = ContentstackLivePreview;
+import ContentstackLivePreviewHOC from "./preview/contentstack-live-preview-HOC.js";
+var VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
+var src_default = ContentstackLivePreviewHOC;
 export {
-  ContentstackLivePreview,
+  VB_EmptyBlockParentClass,
   src_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./utils/types\";\nexport type IStackSdk = ExternalStackSdkType;\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";AAAA,OAAO,gCAEA;AAKP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD;AAEV,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\nexport type IStackSdk = ExternalStackSdkType;\nclass LightLivePreviewHoC implements ContentstackLivePreviewHOC {\n    static init() {}\n\n    get hash() {\n        return \"\";\n    }\n\n    static onEntryChange(callback: (...args: any[]) => void) {\n        return callback();\n    }\n\n    static onLiveEdit() {\n        // intentionally empty\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\n// export const ContentstackLivePreview: ContentstackLivePreviewHOC =\n//     ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreviewHOC;\n"],"mappings":";;;AAAA,OAAO,gCAAgC;AA+BhC,IAAM,2BAA2B;AACxC,IAAO,cAAQ;","names":[]}