@contentstack/live-preview-utils 2.0.3 → 3.0.0

package/dist/legacy/visualBuilder/components/startEditingButton.d.cts

@@ -0,0 +1,3 @@
+declare function StartEditingButtonComponent(): JSX.Element;
+
+export { StartEditingButtonComponent as default };

package/dist/legacy/visualBuilder/components/startEditingButton.d.ts

@@ -0,0 +1,3 @@
+declare function StartEditingButtonComponent(): JSX.Element;
+
+export { StartEditingButtonComponent as default };

package/dist/legacy/visualBuilder/components/startEditingButton.js

@@ -0,0 +1,37 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/startEditingButton.tsx
+import classNames from "classnames";
+import getVisualBuilderRedirectionUrl from "../utils/getVisualBuilderRedirectionUrl.js";
+import { EditIcon } from "./icons/index.js";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function StartEditingButtonComponent() {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: getVisualBuilderRedirectionUrl().toString(),
+      className: classNames(
+        "visual-builder__start-editing-btn",
+        visualBuilderStyles()["visual-builder__start-editing-btn"]
+      ),
+      "data-testid": "vcms-start-editing-btn",
+      onClick: (e) => {
+        const targetElement = e.target;
+        targetElement.setAttribute(
+          "href",
+          getVisualBuilderRedirectionUrl().toString()
+        );
+      },
+      children: [
+        /* @__PURE__ */ jsx(EditIcon, {}),
+        /* @__PURE__ */ jsx("span", { children: "Start Editing" })
+      ]
+    }
+  );
+}
+var startEditingButton_default = StartEditingButtonComponent;
+export {
+  startEditingButton_default as default
+};
+//# sourceMappingURL=startEditingButton.js.map

package/dist/legacy/visualBuilder/components/startEditingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/startEditingButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport getVisualBuilderRedirectionUrl from \"../utils/getVisualBuilderRedirectionUrl\";\nimport { EditIcon } from \"./icons\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\nfunction StartEditingButtonComponent(): JSX.Element {\n    return (\n        <a\n            href={getVisualBuilderRedirectionUrl().toString()}\n            className={classNames(\n                \"visual-builder__start-editing-btn\",\n                visualBuilderStyles()[\"visual-builder__start-editing-btn\"]\n            )}\n            data-testid=\"vcms-start-editing-btn\"\n            onClick={(e) => {\n                const targetElement = e.target as HTMLAnchorElement;\n                targetElement.setAttribute(\n                    \"href\",\n                    getVisualBuilderRedirectionUrl().toString()\n                );\n            }}\n        >\n            <EditIcon />\n            <span>Start Editing</span>\n        </a>\n    );\n}\n\nexport default StartEditingButtonComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,OAAO,oCAAoC;AAC3C,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAK5B,SAeI,KAfJ;AAFR,SAAS,8BAA2C;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM,+BAA+B,EAAE,SAAS;AAAA,MAChD,WAAW;AAAA,QACP;AAAA,QACA,oBAAoB,EAAE,mCAAmC;AAAA,MAC7D;AAAA,MACA,eAAY;AAAA,MACZ,SAAS,CAAC,MAAM;AACZ,cAAM,gBAAgB,EAAE;AACxB,sBAAc;AAAA,UACV;AAAA,UACA,+BAA+B,EAAE,SAAS;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA;AAAA,4BAAC,YAAS;AAAA,QACV,oBAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB;AAER;AAEA,IAAO,6BAAQ;","names":[]}

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.ts
+var useDraftFieldsPostMessageEvent_exports = {};
+__export(useDraftFieldsPostMessageEvent_exports, {
+  useDraftFieldsPostMessageEvent: () => useDraftFieldsPostMessageEvent
+});
+module.exports = __toCommonJS(useDraftFieldsPostMessageEvent_exports);
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+function removeDraftFieldClass() {
+  const draftFieldElements = document.querySelectorAll(
+    `.${(0, import_visualBuilder.visualBuilderStyles)()["visual-builder__draft-field"]}`
+  );
+  draftFieldElements.forEach((element) => {
+    element.classList.remove(
+      (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__draft-field"]
+    );
+  });
+}
+function addDraftFieldClass(fields) {
+  fields.forEach((field) => {
+    const element = document.querySelector(`[data-cslp="${field}"]`);
+    if (element) {
+      element.classList.add(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__draft-field"]
+      );
+    }
+  });
+}
+function useDraftFieldsPostMessageEvent() {
+  var _a, _b;
+  (_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.on(
+    import_postMessage.VisualBuilderPostMessageEvents.SHOW_DRAFT_FIELDS,
+    (event) => {
+      removeDraftFieldClass();
+      addDraftFieldClass(event.data.fields);
+    }
+  );
+  (_b = import_visualBuilderPostMessage.default) == null ? void 0 : _b.on(
+    import_postMessage.VisualBuilderPostMessageEvents.REMOVE_DRAFT_FIELDS,
+    () => {
+      removeDraftFieldClass();
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDraftFieldsPostMessageEvent
+});
+//# sourceMappingURL=useDraftFieldsPostMessageEvent.cjs.map

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.ts"],"sourcesContent":["import { visualBuilderStyles } from \"../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ninterface DraftFieldsEvent {\n    data: {\n        fields: string[];\n    };\n}\n\nfunction removeDraftFieldClass(): void {\n    const draftFieldElements = document.querySelectorAll(\n        `.${visualBuilderStyles()[\"visual-builder__draft-field\"]}`\n    );\n    draftFieldElements.forEach((element) => {\n        element.classList.remove(\n            visualBuilderStyles()[\"visual-builder__draft-field\"]\n        );\n    });\n}\n\nfunction addDraftFieldClass(fields: string[]): void {\n    fields.forEach((field: string) => {\n        const element = document.querySelector(`[data-cslp=\"${field}\"]`);\n        if (element) {\n            element.classList.add(\n                visualBuilderStyles()[\"visual-builder__draft-field\"]\n            );\n        }\n    });\n}\n\nexport function useDraftFieldsPostMessageEvent(): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SHOW_DRAFT_FIELDS,\n        (event: DraftFieldsEvent) => {\n            removeDraftFieldClass();\n            addDraftFieldClass(event.data.fields);\n        }\n    );\n\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_DRAFT_FIELDS,\n        () => {\n            removeDraftFieldClass();\n        }\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAoC;AACpC,sCAAqC;AACrC,yBAA+C;AAQ/C,SAAS,wBAA8B;AACnC,QAAM,qBAAqB,SAAS;AAAA,IAChC,QAAI,0CAAoB,EAAE,6BAA6B,CAAC;AAAA,EAC5D;AACA,qBAAmB,QAAQ,CAAC,YAAY;AACpC,YAAQ,UAAU;AAAA,UACd,0CAAoB,EAAE,6BAA6B;AAAA,IACvD;AAAA,EACJ,CAAC;AACL;AAEA,SAAS,mBAAmB,QAAwB;AAChD,SAAO,QAAQ,CAAC,UAAkB;AAC9B,UAAM,UAAU,SAAS,cAAc,eAAe,KAAK,IAAI;AAC/D,QAAI,SAAS;AACT,cAAQ,UAAU;AAAA,YACd,0CAAoB,EAAE,6BAA6B;AAAA,MACvD;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;AAEO,SAAS,iCAAuC;AAhCvD;AAiCI,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAA4B;AACzB,4BAAsB;AACtB,yBAAmB,MAAM,KAAK,MAAM;AAAA,IACxC;AAAA;AAGJ,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,MAAM;AACF,4BAAsB;AAAA,IAC1B;AAAA;AAER;","names":["visualBuilderPostMessage"]}

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.d.cts

@@ -0,0 +1,3 @@
+declare function useDraftFieldsPostMessageEvent(): void;
+
+export { useDraftFieldsPostMessageEvent };

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.d.ts

@@ -0,0 +1,3 @@
+declare function useDraftFieldsPostMessageEvent(): void;
+
+export { useDraftFieldsPostMessageEvent };

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.js

@@ -0,0 +1,46 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.ts
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+function removeDraftFieldClass() {
+  const draftFieldElements = document.querySelectorAll(
+    `.${visualBuilderStyles()["visual-builder__draft-field"]}`
+  );
+  draftFieldElements.forEach((element) => {
+    element.classList.remove(
+      visualBuilderStyles()["visual-builder__draft-field"]
+    );
+  });
+}
+function addDraftFieldClass(fields) {
+  fields.forEach((field) => {
+    const element = document.querySelector(`[data-cslp="${field}"]`);
+    if (element) {
+      element.classList.add(
+        visualBuilderStyles()["visual-builder__draft-field"]
+      );
+    }
+  });
+}
+function useDraftFieldsPostMessageEvent() {
+  var _a, _b;
+  (_a = visualBuilderPostMessage) == null ? void 0 : _a.on(
+    VisualBuilderPostMessageEvents.SHOW_DRAFT_FIELDS,
+    (event) => {
+      removeDraftFieldClass();
+      addDraftFieldClass(event.data.fields);
+    }
+  );
+  (_b = visualBuilderPostMessage) == null ? void 0 : _b.on(
+    VisualBuilderPostMessageEvents.REMOVE_DRAFT_FIELDS,
+    () => {
+      removeDraftFieldClass();
+    }
+  );
+}
+export {
+  useDraftFieldsPostMessageEvent
+};
+//# sourceMappingURL=useDraftFieldsPostMessageEvent.js.map

package/dist/legacy/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useDraftFieldsPostMessageEvent.ts"],"sourcesContent":["import { visualBuilderStyles } from \"../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ninterface DraftFieldsEvent {\n    data: {\n        fields: string[];\n    };\n}\n\nfunction removeDraftFieldClass(): void {\n    const draftFieldElements = document.querySelectorAll(\n        `.${visualBuilderStyles()[\"visual-builder__draft-field\"]}`\n    );\n    draftFieldElements.forEach((element) => {\n        element.classList.remove(\n            visualBuilderStyles()[\"visual-builder__draft-field\"]\n        );\n    });\n}\n\nfunction addDraftFieldClass(fields: string[]): void {\n    fields.forEach((field: string) => {\n        const element = document.querySelector(`[data-cslp=\"${field}\"]`);\n        if (element) {\n            element.classList.add(\n                visualBuilderStyles()[\"visual-builder__draft-field\"]\n            );\n        }\n    });\n}\n\nexport function useDraftFieldsPostMessageEvent(): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SHOW_DRAFT_FIELDS,\n        (event: DraftFieldsEvent) => {\n            removeDraftFieldClass();\n            addDraftFieldClass(event.data.fields);\n        }\n    );\n\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_DRAFT_FIELDS,\n        () => {\n            removeDraftFieldClass();\n        }\n    );\n}\n"],"mappings":";;;AAAA,SAAS,2BAA2B;AACpC,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAQ/C,SAAS,wBAA8B;AACnC,QAAM,qBAAqB,SAAS;AAAA,IAChC,IAAI,oBAAoB,EAAE,6BAA6B,CAAC;AAAA,EAC5D;AACA,qBAAmB,QAAQ,CAAC,YAAY;AACpC,YAAQ,UAAU;AAAA,MACd,oBAAoB,EAAE,6BAA6B;AAAA,IACvD;AAAA,EACJ,CAAC;AACL;AAEA,SAAS,mBAAmB,QAAwB;AAChD,SAAO,QAAQ,CAAC,UAAkB;AAC9B,UAAM,UAAU,SAAS,cAAc,eAAe,KAAK,IAAI;AAC/D,QAAI,SAAS;AACT,cAAQ,UAAU;AAAA,QACd,oBAAoB,EAAE,6BAA6B;AAAA,MACvD;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;AAEO,SAAS,iCAAuC;AAhCvD;AAiCI,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAA4B;AACzB,4BAAsB;AACtB,yBAAmB,MAAM,KAAK,MAAM;AAAA,IACxC;AAAA;AAGJ,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,MAAM;AACF,4BAAsB;AAAA,IAC1B;AAAA;AAER;","names":[]}

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts
+var useHideFocusOverlayPostMessageEvent_exports = {};
+__export(useHideFocusOverlayPostMessageEvent_exports, {
+  useHideFocusOverlayPostMessageEvent: () => useHideFocusOverlayPostMessageEvent
+});
+module.exports = __toCommonJS(useHideFocusOverlayPostMessageEvent_exports);
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+function useHideFocusOverlayPostMessageEvent({
+  visualBuilderContainer,
+  overlayWrapper,
+  focusedToolbar,
+  resizeObserver
+}) {
+  var _a;
+  (_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.on(
+    import_postMessage.VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
+    (args) => {
+      var _a2;
+      (0, import_generateOverlay.hideOverlay)({
+        visualBuilderOverlayWrapper: overlayWrapper,
+        visualBuilderContainer,
+        focusedToolbar,
+        resizeObserver,
+        noTrigger: Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.noTrigger)
+      });
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useHideFocusOverlayPostMessageEvent
+});
+//# sourceMappingURL=useHideFocusOverlayPostMessageEvent.cjs.map

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean } }) => {\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger)\n            });\n        }\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAE5B,sCAAqC;AACrC,yBAA+C;AAOxC,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAf7C;AAgBI,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,SAA2C;AAlBpD,UAAAC;AAmBY,8CAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["visualBuilderPostMessage","_a"]}

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.d.cts

@@ -0,0 +1,8 @@
+import EventListenerHandlerParams from '../listeners/types.cjs';
+import '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+type HideFocusOverlayEventHandlerParams = Omit<EventListenerHandlerParams, "event" | "eventDetails" | "customCursor" | "previousSelectedEditableDOM">;
+declare function useHideFocusOverlayPostMessageEvent({ visualBuilderContainer, overlayWrapper, focusedToolbar, resizeObserver, }: HideFocusOverlayEventHandlerParams): void;
+
+export { useHideFocusOverlayPostMessageEvent };

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.d.ts

@@ -0,0 +1,8 @@
+import EventListenerHandlerParams from '../listeners/types.js';
+import '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+type HideFocusOverlayEventHandlerParams = Omit<EventListenerHandlerParams, "event" | "eventDetails" | "customCursor" | "previousSelectedEditableDOM">;
+declare function useHideFocusOverlayPostMessageEvent({ visualBuilderContainer, overlayWrapper, focusedToolbar, resizeObserver, }: HideFocusOverlayEventHandlerParams): void;
+
+export { useHideFocusOverlayPostMessageEvent };

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.js

@@ -0,0 +1,31 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts
+import { hideOverlay } from "../generators/generateOverlay.js";
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+function useHideFocusOverlayPostMessageEvent({
+  visualBuilderContainer,
+  overlayWrapper,
+  focusedToolbar,
+  resizeObserver
+}) {
+  var _a;
+  (_a = visualBuilderPostMessage) == null ? void 0 : _a.on(
+    VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
+    (args) => {
+      var _a2;
+      hideOverlay({
+        visualBuilderOverlayWrapper: overlayWrapper,
+        visualBuilderContainer,
+        focusedToolbar,
+        resizeObserver,
+        noTrigger: Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.noTrigger)
+      });
+    }
+  );
+}
+export {
+  useHideFocusOverlayPostMessageEvent
+};
+//# sourceMappingURL=useHideFocusOverlayPostMessageEvent.js.map

package/dist/legacy/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean } }) => {\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger)\n            });\n        }\n    );\n}\n"],"mappings":";;;AAAA,SAAS,mBAAmB;AAE5B,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAOxC,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAf7C;AAgBI,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,SAA2C;AAlBpD,UAAAA;AAmBY,kBAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["_a"]}

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useHighlightCommentIcon.ts
+var useHighlightCommentIcon_exports = {};
+__export(useHighlightCommentIcon_exports, {
+  useHighlightCommentIcon: () => useHighlightCommentIcon
+});
+module.exports = __toCommonJS(useHighlightCommentIcon_exports);
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var import_generateHighlightedComment = require("../generators/generateHighlightedComment.cjs");
+var handleAddCommentIcons = (event) => {
+  const { payload } = event.data;
+  (0, import_generateHighlightedComment.highlightCommentIconOnCanvas)(payload);
+};
+var handleRemoveCommentIcons = () => {
+  (0, import_generateHighlightedComment.removeAllHighlightedCommentIcons)();
+};
+var useHighlightCommentIcon = () => {
+  var _a, _b;
+  (_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.on(
+    import_postMessage.VisualBuilderPostMessageEvents.HIGHLIGHT_ACTIVE_COMMENTS,
+    handleAddCommentIcons
+  );
+  (_b = import_visualBuilderPostMessage.default) == null ? void 0 : _b.on(
+    import_postMessage.VisualBuilderPostMessageEvents.REMOVE_HIGHLIGHTED_COMMENTS,
+    handleRemoveCommentIcons
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useHighlightCommentIcon
+});
+//# sourceMappingURL=useHighlightCommentIcon.cjs.map

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHighlightCommentIcon.ts"],"sourcesContent":["import React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { highlightCommentIconOnCanvas, removeAllHighlightedCommentIcons } from \"../generators/generateHighlightedComment\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\nimport { IActiveDiscussion } from \"../components/CommentIcon\";\n\n// Define the event data for handling comments\nexport interface IHighlightFieldMetadata extends Omit<CslpData, 'instance' | 'multipleFieldMetadata'> {}\nexport type IFieldSchemaForDiscussion = Pick<\n  ISchemaFieldMap,\n  \"uid\" | \"display_name\" | \"data_type\"\n>;\nexport interface IHighlightCommentData {\n    fieldMetadata: IHighlightFieldMetadata; \n    fieldSchema: IFieldSchemaForDiscussion;\n    discussion: IActiveDiscussion;\n    absolutePath: string;\n}\n\nexport interface IHighlightComments {\n    payload: IHighlightCommentData[]; // Array of paths where comments exist\n}\n\nexport interface IHighlightCommentsEvent {\n    data: IHighlightComments;\n}\n\nconst handleAddCommentIcons = (event: IHighlightCommentsEvent) => {\n    const { payload } = event.data; // Get the array of path and its data\n    highlightCommentIconOnCanvas(payload);\n};\n\nconst handleRemoveCommentIcons = (): void => {\n    removeAllHighlightedCommentIcons()\n};\n\nexport const useHighlightCommentIcon = () => {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIGHLIGHT_ACTIVE_COMMENTS,\n        handleAddCommentIcons\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_HIGHLIGHTED_COMMENTS,\n        handleRemoveCommentIcons\n    );\n};"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sCAAqC;AACrC,yBAA+C;AAC/C,wCAA+E;AA0B/E,IAAM,wBAAwB,CAAC,UAAmC;AAC9D,QAAM,EAAE,QAAQ,IAAI,MAAM;AAC1B,sEAA6B,OAAO;AACxC;AAEA,IAAM,2BAA2B,MAAY;AACzC,0EAAiC;AACrC;AAEO,IAAM,0BAA0B,MAAM;AAtC7C;AAuCI,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B;AAAA;AAEJ,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B;AAAA;AAER;","names":["visualBuilderPostMessage"]}

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.d.cts

@@ -0,0 +1,24 @@
+import { CslpData } from '../../cslp/types/cslp.types.cjs';
+import { ISchemaFieldMap } from '../utils/types/index.types.cjs';
+import { IActiveDiscussion } from '../components/CommentIcon.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+import 'react/jsx-runtime';
+
+interface IHighlightFieldMetadata extends Omit<CslpData, 'instance' | 'multipleFieldMetadata'> {
+}
+type IFieldSchemaForDiscussion = Pick<ISchemaFieldMap, "uid" | "display_name" | "data_type">;
+interface IHighlightCommentData {
+    fieldMetadata: IHighlightFieldMetadata;
+    fieldSchema: IFieldSchemaForDiscussion;
+    discussion: IActiveDiscussion;
+    absolutePath: string;
+}
+interface IHighlightComments {
+    payload: IHighlightCommentData[];
+}
+interface IHighlightCommentsEvent {
+    data: IHighlightComments;
+}
+declare const useHighlightCommentIcon: () => void;
+
+export { type IFieldSchemaForDiscussion, type IHighlightCommentData, type IHighlightComments, type IHighlightCommentsEvent, type IHighlightFieldMetadata, useHighlightCommentIcon };

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.d.ts

@@ -0,0 +1,24 @@
+import { CslpData } from '../../cslp/types/cslp.types.js';
+import { ISchemaFieldMap } from '../utils/types/index.types.js';
+import { IActiveDiscussion } from '../components/CommentIcon.js';
+import '../../cms/types/contentTypeSchema.types.js';
+import 'react/jsx-runtime';
+
+interface IHighlightFieldMetadata extends Omit<CslpData, 'instance' | 'multipleFieldMetadata'> {
+}
+type IFieldSchemaForDiscussion = Pick<ISchemaFieldMap, "uid" | "display_name" | "data_type">;
+interface IHighlightCommentData {
+    fieldMetadata: IHighlightFieldMetadata;
+    fieldSchema: IFieldSchemaForDiscussion;
+    discussion: IActiveDiscussion;
+    absolutePath: string;
+}
+interface IHighlightComments {
+    payload: IHighlightCommentData[];
+}
+interface IHighlightCommentsEvent {
+    data: IHighlightComments;
+}
+declare const useHighlightCommentIcon: () => void;
+
+export { type IFieldSchemaForDiscussion, type IHighlightCommentData, type IHighlightComments, type IHighlightCommentsEvent, type IHighlightFieldMetadata, useHighlightCommentIcon };

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.js

@@ -0,0 +1,28 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useHighlightCommentIcon.ts
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+import { highlightCommentIconOnCanvas, removeAllHighlightedCommentIcons } from "../generators/generateHighlightedComment.js";
+var handleAddCommentIcons = (event) => {
+  const { payload } = event.data;
+  highlightCommentIconOnCanvas(payload);
+};
+var handleRemoveCommentIcons = () => {
+  removeAllHighlightedCommentIcons();
+};
+var useHighlightCommentIcon = () => {
+  var _a, _b;
+  (_a = visualBuilderPostMessage) == null ? void 0 : _a.on(
+    VisualBuilderPostMessageEvents.HIGHLIGHT_ACTIVE_COMMENTS,
+    handleAddCommentIcons
+  );
+  (_b = visualBuilderPostMessage) == null ? void 0 : _b.on(
+    VisualBuilderPostMessageEvents.REMOVE_HIGHLIGHTED_COMMENTS,
+    handleRemoveCommentIcons
+  );
+};
+export {
+  useHighlightCommentIcon
+};
+//# sourceMappingURL=useHighlightCommentIcon.js.map

package/dist/legacy/visualBuilder/eventManager/useHighlightCommentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHighlightCommentIcon.ts"],"sourcesContent":["import React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { highlightCommentIconOnCanvas, removeAllHighlightedCommentIcons } from \"../generators/generateHighlightedComment\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\nimport { IActiveDiscussion } from \"../components/CommentIcon\";\n\n// Define the event data for handling comments\nexport interface IHighlightFieldMetadata extends Omit<CslpData, 'instance' | 'multipleFieldMetadata'> {}\nexport type IFieldSchemaForDiscussion = Pick<\n  ISchemaFieldMap,\n  \"uid\" | \"display_name\" | \"data_type\"\n>;\nexport interface IHighlightCommentData {\n    fieldMetadata: IHighlightFieldMetadata; \n    fieldSchema: IFieldSchemaForDiscussion;\n    discussion: IActiveDiscussion;\n    absolutePath: string;\n}\n\nexport interface IHighlightComments {\n    payload: IHighlightCommentData[]; // Array of paths where comments exist\n}\n\nexport interface IHighlightCommentsEvent {\n    data: IHighlightComments;\n}\n\nconst handleAddCommentIcons = (event: IHighlightCommentsEvent) => {\n    const { payload } = event.data; // Get the array of path and its data\n    highlightCommentIconOnCanvas(payload);\n};\n\nconst handleRemoveCommentIcons = (): void => {\n    removeAllHighlightedCommentIcons()\n};\n\nexport const useHighlightCommentIcon = () => {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIGHLIGHT_ACTIVE_COMMENTS,\n        handleAddCommentIcons\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_HIGHLIGHTED_COMMENTS,\n        handleRemoveCommentIcons\n    );\n};"],"mappings":";;;AACA,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAC/C,SAAS,8BAA8B,wCAAwC;AA0B/E,IAAM,wBAAwB,CAAC,UAAmC;AAC9D,QAAM,EAAE,QAAQ,IAAI,MAAM;AAC1B,+BAA6B,OAAO;AACxC;AAEA,IAAM,2BAA2B,MAAY;AACzC,mCAAiC;AACrC;AAEO,IAAM,0BAA0B,MAAM;AAtC7C;AAuCI,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B;AAAA;AAEJ,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B;AAAA;AAER;","names":[]}

package/dist/legacy/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.ts
+var useRecalculateVariantDataCSLPValues_exports = {};
+__export(useRecalculateVariantDataCSLPValues_exports, {
+  useRecalculateVariantDataCSLPValues: () => useRecalculateVariantDataCSLPValues
+});
+module.exports = __toCommonJS(useRecalculateVariantDataCSLPValues_exports);
+var import__ = require("../index.cjs");
+var import_livePreviewEventManager = __toESM(require("../../livePreview/eventManager/livePreviewEventManager.cjs"), 1);
+var import_livePreviewEventManager2 = require("../../livePreview/eventManager/livePreviewEventManager.constant.cjs");
+var import_constants = require("../utils/constants.cjs");
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var VARIANT_UPDATE_DELAY_MS = 8e3;
+function useRecalculateVariantDataCSLPValues() {
+  var _a;
+  (_a = import_livePreviewEventManager.default) == null ? void 0 : _a.on(
+    import_livePreviewEventManager2.LIVE_PREVIEW_POST_MESSAGE_EVENTS.VARIANT_PATCH,
+    (event) => {
+      if (import__.VisualBuilder.VisualBuilderGlobalState.value.audienceMode) {
+        updateVariantClasses(event.data);
+      }
+    }
+  );
+}
+function updateVariantClasses({
+  highlightVariantFields,
+  expectedCSLPValues
+}) {
+  const variant = import__.VisualBuilder.VisualBuilderGlobalState.value.variant;
+  const observers = [];
+  const updateElementClasses = (element, dataCslp, observer) => {
+    if (!dataCslp) return;
+    if (dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__base-field")) {
+      element.classList.remove("visual-builder__base-field");
+      if (highlightVariantFields) {
+        element.classList.add(
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+          "visual-builder__variant-field"
+        );
+      } else {
+        element.classList.add("visual-builder__variant-field");
+      }
+    } else if (!dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__variant-field")) {
+      element.classList.remove(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+        "visual-builder__variant-field"
+      );
+      element.classList.add("visual-builder__base-field");
+    } else if (dataCslp.startsWith("v2:") && variant && !dataCslp.includes(variant) && element.classList.contains("visual-builder__variant-field")) {
+      element.classList.remove(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+        "visual-builder__variant-field"
+      );
+      element.classList.add("visual-builder__disabled-variant-field");
+    }
+    observer.disconnect();
+    const index = observers.indexOf(observer);
+    if (index > -1) {
+      observers.splice(index, 1);
+    }
+  };
+  const elementsWithCslp = document.querySelectorAll(
+    `[${import_constants.DATA_CSLP_ATTR_SELECTOR}]`
+  );
+  elementsWithCslp.forEach((elementNode) => {
+    const element = elementNode;
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === import_constants.DATA_CSLP_ATTR_SELECTOR) {
+          const dataCslp = element.getAttribute(
+            import_constants.DATA_CSLP_ATTR_SELECTOR
+          );
+          updateElementClasses(element, dataCslp || "", observer);
+        }
+      });
+    });
+    observers.push(observer);
+    observer.observe(element, { attributes: true });
+  });
+  setTimeout(() => {
+    if (observers.length > 0) {
+      observers.forEach((observer) => observer.disconnect());
+      observers.length = 0;
+    }
+  }, VARIANT_UPDATE_DELAY_MS);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRecalculateVariantDataCSLPValues
+});
+//# sourceMappingURL=useRecalculateVariantDataCSLPValues.cjs.map

package/dist/legacy/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport livePreviewPostMessage from \"../../livePreview/eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"../../livePreview/eventManager/livePreviewEventManager.constant\";\nimport { DATA_CSLP_ATTR_SELECTOR } from \"../utils/constants\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\n\nconst VARIANT_UPDATE_DELAY_MS: Readonly<number> = 8000;\n\ntype OnAudienceModeVariantPatchUpdate = {\n    highlightVariantFields: boolean;\n    expectedCSLPValues: Record<\"variant\" | \"base\", string>;\n};\n\n/**\n * Registers a post message event listener for updating the variant / base classes in the live preview for audience mode.\n */\nexport function useRecalculateVariantDataCSLPValues(): void {\n    livePreviewPostMessage?.on<OnAudienceModeVariantPatchUpdate>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.VARIANT_PATCH,\n        (event) => {\n            if (VisualBuilder.VisualBuilderGlobalState.value.audienceMode) {\n                updateVariantClasses(event.data);\n            }\n        }\n    );\n}\nfunction updateVariantClasses({\n    highlightVariantFields,\n    expectedCSLPValues,\n}: OnAudienceModeVariantPatchUpdate): void {\n    const variant = VisualBuilder.VisualBuilderGlobalState.value.variant;\n    const observers: MutationObserver[] = [];\n\n    // Helper function to update element classes\n    const updateElementClasses = (\n        element: HTMLElement,\n        dataCslp: string,\n        observer: MutationObserver\n    ) => {\n        if (!dataCslp) return;\n\n        if (\n            dataCslp.startsWith(\"v2:\") &&\n            element.classList.contains(\"visual-builder__base-field\")\n        ) {\n            element.classList.remove(\"visual-builder__base-field\");\n            if (highlightVariantFields) {\n                element.classList.add(\n                    visualBuilderStyles()[\"visual-builder__variant-field\"],\n                    \"visual-builder__variant-field\"\n                );\n            } else {\n                element.classList.add(\"visual-builder__variant-field\");\n            }\n        } else if (\n            !dataCslp.startsWith(\"v2:\") &&\n            element.classList.contains(\"visual-builder__variant-field\")\n        ) {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__variant-field\"\n            );\n            element.classList.add(\"visual-builder__base-field\");\n        } else if (\n            dataCslp.startsWith(\"v2:\") &&\n            variant &&\n            !dataCslp.includes(variant) &&\n            element.classList.contains(\"visual-builder__variant-field\")\n        ) {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__variant-field\"\n            );\n            element.classList.add(\"visual-builder__disabled-variant-field\");\n        }\n\n        // Disconnect this observer after processing\n        observer.disconnect();\n        const index = observers.indexOf(observer);\n        if (index > -1) {\n            observers.splice(index, 1);\n        }\n    };\n\n    // Create a separate observer for each element\n    const elementsWithCslp = document.querySelectorAll(\n        `[${DATA_CSLP_ATTR_SELECTOR}]`\n    );\n\n    elementsWithCslp.forEach((elementNode) => {\n        const element = elementNode as HTMLElement;\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (\n                    mutation.type === \"attributes\" &&\n                    mutation.attributeName === DATA_CSLP_ATTR_SELECTOR\n                ) {\n                    const dataCslp = element.getAttribute(\n                        DATA_CSLP_ATTR_SELECTOR\n                    );\n                    updateElementClasses(element, dataCslp || \"\", observer);\n                }\n            });\n        });\n\n        observers.push(observer);\n        observer.observe(element, { attributes: true });\n    });\n\n    setTimeout(() => {\n        if (observers.length > 0) {\n            observers.forEach((observer) => observer.disconnect());\n            observers.length = 0;\n        }\n    }, VARIANT_UPDATE_DELAY_MS);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAA8B;AAC9B,qCAAmC;AACnC,IAAAA,kCAAiD;AACjD,uBAAwC;AACxC,2BAAoC;AAEpC,IAAM,0BAA4C;AAU3C,SAAS,sCAA4C;AAhB5D;AAiBI,uCAAAC,YAAA,mBAAwB;AAAA,IACpB,iEAAiC;AAAA,IACjC,CAAC,UAAU;AACP,UAAI,uBAAc,yBAAyB,MAAM,cAAc;AAC3D,6BAAqB,MAAM,IAAI;AAAA,MACnC;AAAA,IACJ;AAAA;AAER;AACA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AACJ,GAA2C;AACvC,QAAM,UAAU,uBAAc,yBAAyB,MAAM;AAC7D,QAAM,YAAgC,CAAC;AAGvC,QAAM,uBAAuB,CACzB,SACA,UACA,aACC;AACD,QAAI,CAAC,SAAU;AAEf,QACI,SAAS,WAAW,KAAK,KACzB,QAAQ,UAAU,SAAS,4BAA4B,GACzD;AACE,cAAQ,UAAU,OAAO,4BAA4B;AACrD,UAAI,wBAAwB;AACxB,gBAAQ,UAAU;AAAA,cACd,0CAAoB,EAAE,+BAA+B;AAAA,UACrD;AAAA,QACJ;AAAA,MACJ,OAAO;AACH,gBAAQ,UAAU,IAAI,+BAA+B;AAAA,MACzD;AAAA,IACJ,WACI,CAAC,SAAS,WAAW,KAAK,KAC1B,QAAQ,UAAU,SAAS,+BAA+B,GAC5D;AACE,cAAQ,UAAU;AAAA,YACd,0CAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AACA,cAAQ,UAAU,IAAI,4BAA4B;AAAA,IACtD,WACI,SAAS,WAAW,KAAK,KACzB,WACA,CAAC,SAAS,SAAS,OAAO,KAC1B,QAAQ,UAAU,SAAS,+BAA+B,GAC5D;AACE,cAAQ,UAAU;AAAA,YACd,0CAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AACA,cAAQ,UAAU,IAAI,wCAAwC;AAAA,IAClE;AAGA,aAAS,WAAW;AACpB,UAAM,QAAQ,UAAU,QAAQ,QAAQ;AACxC,QAAI,QAAQ,IAAI;AACZ,gBAAU,OAAO,OAAO,CAAC;AAAA,IAC7B;AAAA,EACJ;AAGA,QAAM,mBAAmB,SAAS;AAAA,IAC9B,IAAI,wCAAuB;AAAA,EAC/B;AAEA,mBAAiB,QAAQ,CAAC,gBAAgB;AACtC,UAAM,UAAU;AAEhB,UAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACjD,gBAAU,QAAQ,CAAC,aAAa;AAC5B,YACI,SAAS,SAAS,gBAClB,SAAS,kBAAkB,0CAC7B;AACE,gBAAM,WAAW,QAAQ;AAAA,YACrB;AAAA,UACJ;AACA,+BAAqB,SAAS,YAAY,IAAI,QAAQ;AAAA,QAC1D;AAAA,MACJ,CAAC;AAAA,IACL,CAAC;AAED,cAAU,KAAK,QAAQ;AACvB,aAAS,QAAQ,SAAS,EAAE,YAAY,KAAK,CAAC;AAAA,EAClD,CAAC;AAED,aAAW,MAAM;AACb,QAAI,UAAU,SAAS,GAAG;AACtB,gBAAU,QAAQ,CAAC,aAAa,SAAS,WAAW,CAAC;AACrD,gBAAU,SAAS;AAAA,IACvB;AAAA,EACJ,GAAG,uBAAuB;AAC9B;","names":["import_livePreviewEventManager","livePreviewPostMessage"]}

package/dist/legacy/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.d.cts

@@ -0,0 +1,6 @@
+/**
+ * Registers a post message event listener for updating the variant / base classes in the live preview for audience mode.
+ */
+declare function useRecalculateVariantDataCSLPValues(): void;
+
+export { useRecalculateVariantDataCSLPValues };