@contentstack/live-preview-utils 3.2.0-alpha.1 → 3.2.1

package/dist/modern/visualBuilder/utils/handleInlineEditableField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleInlineEditableField.ts"],"sourcesContent":["import { ALLOWED_INLINE_EDITABLE_FIELD } from \"./constants\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { FieldDataType, VisualBuilderEditContext } from \"./types/index.types\";\nimport { enableInlineEditing } from \"./enableInlineEditing\";\n\n/**\n * Handles inline editing for supported fields.\n */\nexport function handleInlineEditableField({\n    fieldType,\n    fieldSchema,\n    fieldMetadata,\n    expectedFieldData,\n    editableElement,\n    elements,\n}: {\n    fieldType: FieldDataType;\n    fieldSchema: any;\n    fieldMetadata: any;\n    expectedFieldData: any;\n    editableElement: HTMLElement;\n    elements: VisualBuilderEditContext;\n}) {\n    if (!ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) return;\n\n    // Instances of ALLOWED_INLINE_EDITABLE_FIELD will always have index at last\n    const index = Number(\n        fieldMetadata.instance.fieldPathWithIndex.split(\".\").at(-1)\n    );\n    const isInstance = Number.isFinite(index);\n\n    // CASE 1: Handle inline editing for multiple field\n    if (isFieldMultiple(fieldSchema)) {\n        let expectedFieldInstanceData = null;\n        if (Array.isArray(expectedFieldData)) {\n            // CASE: Selected element is the multiple field itself.\n            // Inline Editing not allowed on field, only allowed on instance.\n            // (We receive unreliable `multipleFieldMetadata` in this case)\n            if (!isInstance) {\n                return;\n            }\n\n            // CASE: Value does not exist for the provided instance's index\n            if (index >= expectedFieldData.length) {\n                // TODO: What should be the behavior here?\n            } else {\n                expectedFieldInstanceData = expectedFieldData.at(index);\n            }\n        }\n        // CASE: ContentType's Field changed from single to multiple, while Entry's Field still single.\n        else {\n            expectedFieldInstanceData = expectedFieldData;\n        }\n\n        enableInlineEditing({\n            fieldType,\n            expectedFieldData: expectedFieldInstanceData,\n            editableElement,\n            elements,\n        });\n    }\n    // CASE 2: Handle inline editing for a single field\n    else {\n        let expectedFieldInstanceData = null;\n        // CASE: ContentType's Field changed from multiple to single, while Entry's Field still multiple.\n        if (isInstance) {\n            if (index !== 0) {\n                // TODO: Handle this with UX\n                // Let user know, CSLP is invalid due to change in Content Type\n                return;\n            }\n            expectedFieldInstanceData = Array.isArray(expectedFieldData)\n                ? expectedFieldData.at(0)\n                : expectedFieldData;\n        }\n        enableInlineEditing({\n            fieldType,\n            expectedFieldData: expectedFieldInstanceData ?? expectedFieldData,\n            editableElement,\n            elements,\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8C;AAC9C,6BAAgC;AAEhC,iCAAoC;AAK7B,SAAS,0BAA0B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOG;AACC,MAAI,CAAC,+CAA8B,SAAS,SAAS,EAAG;AAGxD,QAAM,QAAQ;AAAA,IACV,cAAc,SAAS,mBAAmB,MAAM,GAAG,EAAE,GAAG,EAAE;AAAA,EAC9D;AACA,QAAM,aAAa,OAAO,SAAS,KAAK;AAGxC,UAAI,wCAAgB,WAAW,GAAG;AAC9B,QAAI,4BAA4B;AAChC,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AAIlC,UAAI,CAAC,YAAY;AACb;AAAA,MACJ;AAGA,UAAI,SAAS,kBAAkB,QAAQ;AAAA,MAEvC,OAAO;AACH,oCAA4B,kBAAkB,GAAG,KAAK;AAAA,MAC1D;AAAA,IACJ,OAEK;AACD,kCAA4B;AAAA,IAChC;AAEA,wDAAoB;AAAA,MAChB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,EACL,OAEK;AACD,QAAI,4BAA4B;AAEhC,QAAI,YAAY;AACZ,UAAI,UAAU,GAAG;AAGb;AAAA,MACJ;AACA,kCAA4B,MAAM,QAAQ,iBAAiB,IACrD,kBAAkB,GAAG,CAAC,IACtB;AAAA,IACV;AACA,wDAAoB;AAAA,MAChB;AAAA,MACA,mBAAmB,6BAA6B;AAAA,MAChD;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/modern/visualBuilder/utils/handleInlineEditableField.d.cts

@@ -0,0 +1,16 @@
+import { FieldDataType, VisualBuilderEditContext } from './types/index.types.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+
+/**
+ * Handles inline editing for supported fields.
+ */
+declare function handleInlineEditableField({ fieldType, fieldSchema, fieldMetadata, expectedFieldData, editableElement, elements, }: {
+    fieldType: FieldDataType;
+    fieldSchema: any;
+    fieldMetadata: any;
+    expectedFieldData: any;
+    editableElement: HTMLElement;
+    elements: VisualBuilderEditContext;
+}): void;
+
+export { handleInlineEditableField };

package/dist/modern/visualBuilder/utils/handleInlineEditableField.d.ts

@@ -0,0 +1,16 @@
+import { FieldDataType, VisualBuilderEditContext } from './types/index.types.js';
+import '../../cms/types/contentTypeSchema.types.js';
+
+/**
+ * Handles inline editing for supported fields.
+ */
+declare function handleInlineEditableField({ fieldType, fieldSchema, fieldMetadata, expectedFieldData, editableElement, elements, }: {
+    fieldType: FieldDataType;
+    fieldSchema: any;
+    fieldMetadata: any;
+    expectedFieldData: any;
+    editableElement: HTMLElement;
+    elements: VisualBuilderEditContext;
+}): void;
+
+export { handleInlineEditableField };

package/dist/modern/visualBuilder/utils/handleInlineEditableField.js

@@ -0,0 +1,58 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/handleInlineEditableField.ts
+import { ALLOWED_INLINE_EDITABLE_FIELD } from "./constants.js";
+import { isFieldMultiple } from "./isFieldMultiple.js";
+import { enableInlineEditing } from "./enableInlineEditing.js";
+function handleInlineEditableField({
+  fieldType,
+  fieldSchema,
+  fieldMetadata,
+  expectedFieldData,
+  editableElement,
+  elements
+}) {
+  if (!ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) return;
+  const index = Number(
+    fieldMetadata.instance.fieldPathWithIndex.split(".").at(-1)
+  );
+  const isInstance = Number.isFinite(index);
+  if (isFieldMultiple(fieldSchema)) {
+    let expectedFieldInstanceData = null;
+    if (Array.isArray(expectedFieldData)) {
+      if (!isInstance) {
+        return;
+      }
+      if (index >= expectedFieldData.length) {
+      } else {
+        expectedFieldInstanceData = expectedFieldData.at(index);
+      }
+    } else {
+      expectedFieldInstanceData = expectedFieldData;
+    }
+    enableInlineEditing({
+      fieldType,
+      expectedFieldData: expectedFieldInstanceData,
+      editableElement,
+      elements
+    });
+  } else {
+    let expectedFieldInstanceData = null;
+    if (isInstance) {
+      if (index !== 0) {
+        return;
+      }
+      expectedFieldInstanceData = Array.isArray(expectedFieldData) ? expectedFieldData.at(0) : expectedFieldData;
+    }
+    enableInlineEditing({
+      fieldType,
+      expectedFieldData: expectedFieldInstanceData ?? expectedFieldData,
+      editableElement,
+      elements
+    });
+  }
+}
+export {
+  handleInlineEditableField
+};
+//# sourceMappingURL=handleInlineEditableField.js.map

package/dist/modern/visualBuilder/utils/handleInlineEditableField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleInlineEditableField.ts"],"sourcesContent":["import { ALLOWED_INLINE_EDITABLE_FIELD } from \"./constants\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { FieldDataType, VisualBuilderEditContext } from \"./types/index.types\";\nimport { enableInlineEditing } from \"./enableInlineEditing\";\n\n/**\n * Handles inline editing for supported fields.\n */\nexport function handleInlineEditableField({\n    fieldType,\n    fieldSchema,\n    fieldMetadata,\n    expectedFieldData,\n    editableElement,\n    elements,\n}: {\n    fieldType: FieldDataType;\n    fieldSchema: any;\n    fieldMetadata: any;\n    expectedFieldData: any;\n    editableElement: HTMLElement;\n    elements: VisualBuilderEditContext;\n}) {\n    if (!ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) return;\n\n    // Instances of ALLOWED_INLINE_EDITABLE_FIELD will always have index at last\n    const index = Number(\n        fieldMetadata.instance.fieldPathWithIndex.split(\".\").at(-1)\n    );\n    const isInstance = Number.isFinite(index);\n\n    // CASE 1: Handle inline editing for multiple field\n    if (isFieldMultiple(fieldSchema)) {\n        let expectedFieldInstanceData = null;\n        if (Array.isArray(expectedFieldData)) {\n            // CASE: Selected element is the multiple field itself.\n            // Inline Editing not allowed on field, only allowed on instance.\n            // (We receive unreliable `multipleFieldMetadata` in this case)\n            if (!isInstance) {\n                return;\n            }\n\n            // CASE: Value does not exist for the provided instance's index\n            if (index >= expectedFieldData.length) {\n                // TODO: What should be the behavior here?\n            } else {\n                expectedFieldInstanceData = expectedFieldData.at(index);\n            }\n        }\n        // CASE: ContentType's Field changed from single to multiple, while Entry's Field still single.\n        else {\n            expectedFieldInstanceData = expectedFieldData;\n        }\n\n        enableInlineEditing({\n            fieldType,\n            expectedFieldData: expectedFieldInstanceData,\n            editableElement,\n            elements,\n        });\n    }\n    // CASE 2: Handle inline editing for a single field\n    else {\n        let expectedFieldInstanceData = null;\n        // CASE: ContentType's Field changed from multiple to single, while Entry's Field still multiple.\n        if (isInstance) {\n            if (index !== 0) {\n                // TODO: Handle this with UX\n                // Let user know, CSLP is invalid due to change in Content Type\n                return;\n            }\n            expectedFieldInstanceData = Array.isArray(expectedFieldData)\n                ? expectedFieldData.at(0)\n                : expectedFieldData;\n        }\n        enableInlineEditing({\n            fieldType,\n            expectedFieldData: expectedFieldInstanceData ?? expectedFieldData,\n            editableElement,\n            elements,\n        });\n    }\n}\n"],"mappings":";;;AAAA,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAEhC,SAAS,2BAA2B;AAK7B,SAAS,0BAA0B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOG;AACC,MAAI,CAAC,8BAA8B,SAAS,SAAS,EAAG;AAGxD,QAAM,QAAQ;AAAA,IACV,cAAc,SAAS,mBAAmB,MAAM,GAAG,EAAE,GAAG,EAAE;AAAA,EAC9D;AACA,QAAM,aAAa,OAAO,SAAS,KAAK;AAGxC,MAAI,gBAAgB,WAAW,GAAG;AAC9B,QAAI,4BAA4B;AAChC,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AAIlC,UAAI,CAAC,YAAY;AACb;AAAA,MACJ;AAGA,UAAI,SAAS,kBAAkB,QAAQ;AAAA,MAEvC,OAAO;AACH,oCAA4B,kBAAkB,GAAG,KAAK;AAAA,MAC1D;AAAA,IACJ,OAEK;AACD,kCAA4B;AAAA,IAChC;AAEA,wBAAoB;AAAA,MAChB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,EACL,OAEK;AACD,QAAI,4BAA4B;AAEhC,QAAI,YAAY;AACZ,UAAI,UAAU,GAAG;AAGb;AAAA,MACJ;AACA,kCAA4B,MAAM,QAAQ,iBAAiB,IACrD,kBAAkB,GAAG,CAAC,IACtB;AAAA,IACV;AACA,wBAAoB;AAAA,MAChB;AAAA,MACA,mBAAmB,6BAA6B;AAAA,MAChD;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/modern/visualBuilder/utils/isFieldMultiple.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/isFieldMultiple.ts
+var isFieldMultiple_exports = {};
+__export(isFieldMultiple_exports, {
+  isFieldMultiple: () => isFieldMultiple
+});
+module.exports = __toCommonJS(isFieldMultiple_exports);
+function isFieldMultiple(fieldSchema) {
+  return fieldSchema && (fieldSchema.multiple || fieldSchema.data_type === "reference" && // @ts-expect-error field_metadata will contain ref_multiple
+  // for reference fields
+  fieldSchema.field_metadata.ref_multiple);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isFieldMultiple
+});
+//# sourceMappingURL=isFieldMultiple.cjs.map

package/dist/modern/visualBuilder/utils/isFieldMultiple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/isFieldMultiple.ts"],"sourcesContent":["import { ISchemaFieldMap } from \"./types/index.types\";\n\nexport function isFieldMultiple(fieldSchema: ISchemaFieldMap): boolean {\n    return (\n        fieldSchema &&\n        (fieldSchema.multiple ||\n            (fieldSchema.data_type === \"reference\" &&\n                // @ts-expect-error field_metadata will contain ref_multiple\n                // for reference fields\n                fieldSchema.field_metadata.ref_multiple))\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBAAgB,aAAuC;AACnE,SACI,gBACC,YAAY,YACR,YAAY,cAAc;AAAA;AAAA,EAGvB,YAAY,eAAe;AAE3C;","names":[]}

package/dist/modern/visualBuilder/utils/isFieldMultiple.d.cts

@@ -0,0 +1,6 @@
+import { ISchemaFieldMap } from './types/index.types.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+
+declare function isFieldMultiple(fieldSchema: ISchemaFieldMap): boolean;
+
+export { isFieldMultiple };

package/dist/modern/visualBuilder/utils/isFieldMultiple.d.ts

@@ -0,0 +1,6 @@
+import { ISchemaFieldMap } from './types/index.types.js';
+import '../../cms/types/contentTypeSchema.types.js';
+
+declare function isFieldMultiple(fieldSchema: ISchemaFieldMap): boolean;
+
+export { isFieldMultiple };

package/dist/modern/visualBuilder/utils/isFieldMultiple.js

@@ -0,0 +1,12 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/isFieldMultiple.ts
+function isFieldMultiple(fieldSchema) {
+  return fieldSchema && (fieldSchema.multiple || fieldSchema.data_type === "reference" && // @ts-expect-error field_metadata will contain ref_multiple
+  // for reference fields
+  fieldSchema.field_metadata.ref_multiple);
+}
+export {
+  isFieldMultiple
+};
+//# sourceMappingURL=isFieldMultiple.js.map

package/dist/modern/visualBuilder/utils/isFieldMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/isFieldMultiple.ts"],"sourcesContent":["import { ISchemaFieldMap } from \"./types/index.types\";\n\nexport function isFieldMultiple(fieldSchema: ISchemaFieldMap): boolean {\n    return (\n        fieldSchema &&\n        (fieldSchema.multiple ||\n            (fieldSchema.data_type === \"reference\" &&\n                // @ts-expect-error field_metadata will contain ref_multiple\n                // for reference fields\n                fieldSchema.field_metadata.ref_multiple))\n    );\n}\n"],"mappings":";;;AAEO,SAAS,gBAAgB,aAAuC;AACnE,SACI,gBACC,YAAY,YACR,YAAY,cAAc;AAAA;AAAA,EAGvB,YAAY,eAAe;AAE3C;","names":[]}

package/dist/modern/visualBuilder/utils/multipleElementAddButton.cjs

@@ -36,11 +36,10 @@ __export(multipleElementAddButton_exports, {
 });
 module.exports = __toCommonJS(multipleElementAddButton_exports);
 var import_generateAddInstanceButtons = require("../generators/generateAddInstanceButtons.cjs");
-var import_visualBuilderPostMessage = __toESM(require("./visualBuilderPostMessage.cjs"), 1);
-var import_postMessage = require("./types/postMessage.types.cjs");
 var import_getChildrenDirection = __toESM(require("./getChildrenDirection.cjs"), 1);
 var import_generateOverlay = require("../generators/generateOverlay.cjs");
 var import_mouseHover = require("../listeners/mouseHover.cjs");
+var import_signals = require("@preact/signals");
 var WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4e3;
 function handleAddButtonsForMultiple(eventDetails, elements, config) {
   const { editableElement, visualBuilderContainer, resizeObserver } = elements;
@@ -91,27 +90,24 @@ function handleAddButtonsForMultiple(eventDetails, elements, config) {
       index
     });
   };
+  const loading = (0, import_signals.signal)(false);
   const previousButton = (0, import_generateAddInstanceButtons.generateAddInstanceButton)({
-    onClick: () => {
-      import_visualBuilderPostMessage.default?.send(import_postMessage.VisualBuilderPostMessageEvents.ADD_INSTANCE, {
-        fieldMetadata: eventDetails.fieldMetadata,
-        index: prevIndex
-      }).then(onMessageSent.bind(null, prevIndex));
-    },
-    label,
     fieldSchema,
-    value: expectedFieldData
+    value: expectedFieldData,
+    fieldMetadata: eventDetails.fieldMetadata,
+    index: prevIndex,
+    onClick: onMessageSent.bind(null, prevIndex),
+    loading,
+    label
   });
   const nextButton = (0, import_generateAddInstanceButtons.generateAddInstanceButton)({
-    onClick: () => {
-      import_visualBuilderPostMessage.default?.send(import_postMessage.VisualBuilderPostMessageEvents.ADD_INSTANCE, {
-        fieldMetadata: eventDetails.fieldMetadata,
-        index: nextIndex
-      }).then(onMessageSent.bind(null, nextIndex));
-    },
-    label,
     fieldSchema,
-    value: expectedFieldData
+    value: expectedFieldData,
+    fieldMetadata: eventDetails.fieldMetadata,
+    index: nextIndex,
+    onClick: onMessageSent.bind(null, nextIndex),
+    loading,
+    label
   });
   if (!visualBuilderContainer.contains(previousButton)) {
     visualBuilderContainer.appendChild(previousButton);

package/dist/modern/visualBuilder/utils/multipleElementAddButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/multipleElementAddButton.ts"],"sourcesContent":["import { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    generateAddInstanceButton,\n    getAddInstanceButtons,\n} from \"../generators/generateAddInstanceButtons\";\nimport visualBuilderPostMessage from \"./visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\n\nconst WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4000;\n\n/**\n * The function that handles the add instance buttons for multiple fields.\n * @param eventDetails The details containing the field metadata and cslp value.\n * @param elements The elements object that contain the editable element and visual builder wrapper.\n * @param config The configuration object that contains the expected field data and disabled state.\n * @returns void\n */\nexport function handleAddButtonsForMultiple(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: {\n        editableElement: Element | null;\n        visualBuilderContainer: HTMLDivElement | null;\n        resizeObserver: ResizeObserver;\n    },\n    config: {\n        fieldSchema: ISchemaFieldMap;\n        /**\n         * expectedFieldData is the value of the whole multiple field (an array)\n         */\n        expectedFieldData: any;\n        disabled: boolean;\n        label: string | undefined;\n    }\n): void {\n    const { editableElement, visualBuilderContainer, resizeObserver } =\n        elements;\n    const { expectedFieldData, fieldSchema, disabled, label } = config;\n\n    const parentCslpValue =\n        eventDetails.fieldMetadata.multipleFieldMetadata?.parentDetails\n            ?.parentCslpValue;\n\n    if (!editableElement || !parentCslpValue) {\n        return;\n    }\n\n    const direction = getChildrenDirection(editableElement, parentCslpValue);\n    if (direction === \"none\" || !visualBuilderContainer) {\n        return;\n    }\n\n    const targetDOMDimension = editableElement.getBoundingClientRect();\n    removeAddInstanceButtons(\n        {\n            visualBuilderContainer: visualBuilderContainer,\n            eventTarget: null,\n            overlayWrapper: null,\n        },\n        true\n    );\n\n    const overlayWrapper = visualBuilderContainer.querySelector(\n        \".visual-builder__overlay__wrapper\"\n    );\n    const focusedToolbar = visualBuilderContainer.querySelector(\n        \".visual-builder__focused-toolbar\"\n    );\n\n    const hideOverlayAndHoverOutline = () => {\n        hideHoverOutline(visualBuilderContainer);\n        hideOverlay({\n            visualBuilderContainer: visualBuilderContainer,\n            visualBuilderOverlayWrapper: overlayWrapper as HTMLDivElement,\n            focusedToolbar: focusedToolbar as HTMLDivElement,\n            resizeObserver,\n        });\n    };\n\n    if (disabled) {\n        return;\n    }\n\n    // is whole field and not a single instance of the multiple field\n    const isField =\n        eventDetails.fieldMetadata.instance.fieldPathWithIndex ===\n        eventDetails.fieldMetadata.fieldPathWithIndex;\n\n    const prevIndex = isField\n        ? 0\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index;\n    const nextIndex = isField\n        ? expectedFieldData.length\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index + 1;\n\n    const parentCslp = isField ? eventDetails.cslpData : parentCslpValue;\n\n    const onMessageSent = (index: number) => {\n        hideOverlayAndHoverOutline();\n        observeParentAndFocusNewInstance({\n            parentCslp,\n            index,\n        });\n    };\n\n    const previousButton = generateAddInstanceButton({\n        onClick: () => {\n            visualBuilderPostMessage\n                ?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {\n                    fieldMetadata: eventDetails.fieldMetadata,\n                    index: prevIndex,\n                })\n                .then(onMessageSent.bind(null, prevIndex));\n        },\n        label,\n        fieldSchema,\n        value: expectedFieldData,\n    });\n\n    const nextButton = generateAddInstanceButton({\n        onClick: () => {\n            visualBuilderPostMessage\n                ?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {\n                    fieldMetadata: eventDetails.fieldMetadata,\n                    index: nextIndex,\n                })\n                .then(onMessageSent.bind(null, nextIndex));\n        },\n        label,\n        fieldSchema,\n        value: expectedFieldData,\n    });\n\n    if (!visualBuilderContainer.contains(previousButton)) {\n        visualBuilderContainer.appendChild(previousButton);\n    }\n\n    if (!visualBuilderContainer.contains(nextButton)) {\n        visualBuilderContainer.appendChild(nextButton);\n    }\n\n    if (direction === \"horizontal\") {\n        const middleHeight =\n            targetDOMDimension.top +\n            (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n            window.scrollY;\n        previousButton.style.left = `${targetDOMDimension.left}px`;\n        previousButton.style.top = `${middleHeight}px`;\n\n        nextButton.style.left = `${targetDOMDimension.right}px`;\n        nextButton.style.top = `${middleHeight}px`;\n    } else {\n        const middleWidth =\n            targetDOMDimension.left +\n            (targetDOMDimension.right - targetDOMDimension.left) / 2;\n        previousButton.style.left = `${middleWidth}px`;\n        previousButton.style.top = `${\n            targetDOMDimension.top + window.scrollY\n        }px`;\n\n        nextButton.style.left = `${middleWidth}px`;\n        nextButton.style.top = `${\n            targetDOMDimension.bottom + window.scrollY\n        }px`;\n    }\n}\n\nexport function removeAddInstanceButtons(\n    elements: {\n        visualBuilderContainer: HTMLDivElement | null;\n        overlayWrapper: HTMLDivElement | null;\n        eventTarget: EventTarget | null;\n    },\n    forceRemoveAll = false\n): void {\n    const { visualBuilderContainer, overlayWrapper, eventTarget } = elements;\n\n    if (!visualBuilderContainer) {\n        return;\n    }\n\n    if (forceRemoveAll) {\n        const addInstanceButtons = getAddInstanceButtons(\n            visualBuilderContainer,\n            true\n        );\n\n        addInstanceButtons?.forEach((button) => button.remove());\n    }\n\n    const addInstanceButtons = getAddInstanceButtons(visualBuilderContainer);\n\n    if (!addInstanceButtons) {\n        return;\n    }\n\n    const [previousButton, nextButton] = addInstanceButtons;\n\n    if (overlayWrapper?.classList.contains(\"visible\")) {\n        return;\n    }\n\n    if (\n        eventTarget &&\n        (previousButton.contains(eventTarget as Node) ||\n            nextButton.contains(eventTarget as Node))\n    ) {\n        return;\n    }\n\n    nextButton.remove();\n    previousButton.remove();\n}\n\n/**\n * This function that observes the parent element and focuses the newly added instance.\n *\n * @param parentCslp The parent cslp value.\n * @param index The index of the new instance.\n * @returns void\n *\n * We can evolve the retry logic, as different use cases arise.\n * Currently, if the new element is not found after the first mutation, we until\n * WAIT_FOR_NEW_INSTANCE_TIMEOUT, expecting that the new instance/block will be\n * found in later mutations and we can focus + disconnect then.\n * We also ensure there is only one setTimeout scheduled.\n */\nexport function observeParentAndFocusNewInstance({\n    parentCslp,\n    index,\n}: {\n    parentCslp: string;\n    index: number;\n}): void {\n    const parent = document.querySelector(\n        `[data-cslp='${parentCslp}']`\n    ) as HTMLElement;\n\n    if (parent) {\n        const expectedCslp = [parentCslp, index].join(\".\");\n\n        let hasObserverDisconnected = false;\n        let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n        const mutationObserver = new MutationObserver(\n            (_mutations, observer) => {\n                const newInstance = parent.querySelector(\n                    `[data-cslp='${expectedCslp}']`\n                ) as HTMLElement | null;\n                if (newInstance) {\n                    // this is how we also navigate to parent elements, but parent elements\n                    // are never primitive fields, the instances can be and this steals\n                    // focus from the form and puts it on the canvas.\n                    // So currently for a singleline multiple field, the form opens but we\n                    // come back to the canvas.\n                    // TODO - maybe we should not focus the content-editable\n                    // TODO - temp fix. We remove our empty block div once the new block arrives\n                    // but we focus the element before that and then the block shifts.\n                    // For some reason, the window resize event also does not trigger\n                    setTimeout(() => newInstance.click(), 350);\n                    observer.disconnect();\n                    hasObserverDisconnected = true;\n                    return;\n                }\n                if (!hasObserverDisconnected && !timeoutId) {\n                    // disconnect the observer whether we found the new instance or not\n                    // after timeout\n                    timeoutId = setTimeout(() => {\n                        observer.disconnect();\n                        hasObserverDisconnected = false;\n                    }, WAIT_FOR_NEW_INSTANCE_TIMEOUT);\n                }\n            }\n        );\n        mutationObserver.observe(parent, {\n            childList: true,\n            // watch subtrees as there may be wrapper elements\n            subtree: true,\n            // we don't need to watch for attribute changes\n            attributes: false,\n        });\n    }\n}\n"],"mappings":"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","names":["getChildrenDirection","visualBuilderPostMessage","addInstanceButtons"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/multipleElementAddButton.ts"],"sourcesContent":["import { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    generateAddInstanceButton,\n    getAddInstanceButtons,\n} from \"../generators/generateAddInstanceButtons\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\nimport { signal } from \"@preact/signals\";\n\nconst WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4000;\n\n/**\n * The function that handles the add instance buttons for multiple fields.\n * @param eventDetails The details containing the field metadata and cslp value.\n * @param elements The elements object that contain the editable element and visual builder wrapper.\n * @param config The configuration object that contains the expected field data and disabled state.\n * @returns void\n */\nexport function handleAddButtonsForMultiple(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: {\n        editableElement: Element | null;\n        visualBuilderContainer: HTMLDivElement | null;\n        resizeObserver: ResizeObserver;\n    },\n    config: {\n        fieldSchema: ISchemaFieldMap;\n        /**\n         * expectedFieldData is the value of the whole multiple field (an array)\n         */\n        expectedFieldData: any;\n        disabled: boolean;\n        label: string | undefined;\n    }\n): void {\n    const { editableElement, visualBuilderContainer, resizeObserver } =\n        elements;\n    const { expectedFieldData, fieldSchema, disabled, label } = config;\n\n    const parentCslpValue =\n        eventDetails.fieldMetadata.multipleFieldMetadata?.parentDetails\n            ?.parentCslpValue;\n\n    if (!editableElement || !parentCslpValue) {\n        return;\n    }\n\n    const direction = getChildrenDirection(editableElement, parentCslpValue);\n    if (direction === \"none\" || !visualBuilderContainer) {\n        return;\n    }\n\n    const targetDOMDimension = editableElement.getBoundingClientRect();\n    removeAddInstanceButtons(\n        {\n            visualBuilderContainer: visualBuilderContainer,\n            eventTarget: null,\n            overlayWrapper: null,\n        },\n        true\n    );\n\n    const overlayWrapper = visualBuilderContainer.querySelector(\n        \".visual-builder__overlay__wrapper\"\n    );\n    const focusedToolbar = visualBuilderContainer.querySelector(\n        \".visual-builder__focused-toolbar\"\n    );\n\n    const hideOverlayAndHoverOutline = () => {\n        hideHoverOutline(visualBuilderContainer);\n        hideOverlay({\n            visualBuilderContainer: visualBuilderContainer,\n            visualBuilderOverlayWrapper: overlayWrapper as HTMLDivElement,\n            focusedToolbar: focusedToolbar as HTMLDivElement,\n            resizeObserver,\n        });\n    };\n\n    if (disabled) {\n        return;\n    }\n\n    // is whole field and not a single instance of the multiple field\n    const isField =\n        eventDetails.fieldMetadata.instance.fieldPathWithIndex ===\n        eventDetails.fieldMetadata.fieldPathWithIndex;\n\n    const prevIndex = isField\n        ? 0\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index;\n    const nextIndex = isField\n        ? expectedFieldData.length\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index + 1;\n\n    const parentCslp = isField ? eventDetails.cslpData : parentCslpValue;\n\n    const onMessageSent = (index: number) => {\n        hideOverlayAndHoverOutline();\n        observeParentAndFocusNewInstance({\n            parentCslp,\n            index,\n        });\n    };\n\n    // this is a shared loading state between the\n    // next and previous button for the duration\n    // between the add-instance post message being\n    // sent and receiving a response for it.\n    const loading = signal(false);\n\n    const previousButton = generateAddInstanceButton({\n        fieldSchema,\n        value: expectedFieldData,\n        fieldMetadata: eventDetails.fieldMetadata,\n        index: prevIndex,\n        onClick: onMessageSent.bind(null, prevIndex),\n        loading,\n        label,\n    });\n\n    const nextButton = generateAddInstanceButton({\n        fieldSchema,\n        value: expectedFieldData,\n        fieldMetadata: eventDetails.fieldMetadata,\n        index: nextIndex,\n        onClick: onMessageSent.bind(null, nextIndex),\n        loading,\n        label,\n    });\n\n    if (!visualBuilderContainer.contains(previousButton)) {\n        visualBuilderContainer.appendChild(previousButton);\n    }\n\n    if (!visualBuilderContainer.contains(nextButton)) {\n        visualBuilderContainer.appendChild(nextButton);\n    }\n\n    if (direction === \"horizontal\") {\n        const middleHeight =\n            targetDOMDimension.top +\n            (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n            window.scrollY;\n        previousButton.style.left = `${targetDOMDimension.left}px`;\n        previousButton.style.top = `${middleHeight}px`;\n\n        nextButton.style.left = `${targetDOMDimension.right}px`;\n        nextButton.style.top = `${middleHeight}px`;\n    } else {\n        const middleWidth =\n            targetDOMDimension.left +\n            (targetDOMDimension.right - targetDOMDimension.left) / 2;\n        previousButton.style.left = `${middleWidth}px`;\n        previousButton.style.top = `${\n            targetDOMDimension.top + window.scrollY\n        }px`;\n\n        nextButton.style.left = `${middleWidth}px`;\n        nextButton.style.top = `${\n            targetDOMDimension.bottom + window.scrollY\n        }px`;\n    }\n}\n\nexport function removeAddInstanceButtons(\n    elements: {\n        visualBuilderContainer: HTMLDivElement | null;\n        overlayWrapper: HTMLDivElement | null;\n        eventTarget: EventTarget | null;\n    },\n    forceRemoveAll = false\n): void {\n    const { visualBuilderContainer, overlayWrapper, eventTarget } = elements;\n\n    if (!visualBuilderContainer) {\n        return;\n    }\n\n    if (forceRemoveAll) {\n        const addInstanceButtons = getAddInstanceButtons(\n            visualBuilderContainer,\n            true\n        );\n\n        addInstanceButtons?.forEach((button) => button.remove());\n    }\n\n    const addInstanceButtons = getAddInstanceButtons(visualBuilderContainer);\n\n    if (!addInstanceButtons) {\n        return;\n    }\n\n    const [previousButton, nextButton] = addInstanceButtons;\n\n    if (overlayWrapper?.classList.contains(\"visible\")) {\n        return;\n    }\n\n    if (\n        eventTarget &&\n        (previousButton.contains(eventTarget as Node) ||\n            nextButton.contains(eventTarget as Node))\n    ) {\n        return;\n    }\n\n    nextButton.remove();\n    previousButton.remove();\n}\n\n/**\n * This function observes the parent element and focuses the newly added instance.\n *\n * @param parentCslp The parent cslp value.\n * @param index The index of the new instance.\n * @returns void\n *\n * We can evolve the retry logic, as different use cases arise.\n * Currently, if the new element is not found after the first mutation, we until\n * WAIT_FOR_NEW_INSTANCE_TIMEOUT, expecting that the new instance/block will be\n * found in later mutations and we can focus + disconnect then.\n * We also ensure there is only one setTimeout scheduled.\n */\nexport function observeParentAndFocusNewInstance({\n    parentCslp,\n    index,\n}: {\n    parentCslp: string;\n    index: number;\n}): void {\n    const parent = document.querySelector(\n        `[data-cslp='${parentCslp}']`\n    ) as HTMLElement;\n\n    if (parent) {\n        const expectedCslp = [parentCslp, index].join(\".\");\n\n        let hasObserverDisconnected = false;\n        let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n        const mutationObserver = new MutationObserver(\n            (_mutations, observer) => {\n                const newInstance = parent.querySelector(\n                    `[data-cslp='${expectedCslp}']`\n                ) as HTMLElement | null;\n                if (newInstance) {\n                    // this is how we also navigate to parent elements, but parent elements\n                    // are never primitive fields, the instances can be and this steals\n                    // focus from the form and puts it on the canvas.\n                    // So currently for a singleline multiple field, the form opens but we\n                    // come back to the canvas.\n                    // TODO - maybe we should not focus the content-editable\n                    // TODO - temp fix. We remove our empty block div once the new block arrives\n                    // but we focus the element before that and then the block shifts.\n                    // For some reason, the window resize event also does not trigger\n                    setTimeout(() => newInstance.click(), 350);\n                    observer.disconnect();\n                    hasObserverDisconnected = true;\n                    return;\n                }\n                if (!hasObserverDisconnected && !timeoutId) {\n                    // disconnect the observer whether we found the new instance or not\n                    // after timeout\n                    timeoutId = setTimeout(() => {\n                        observer.disconnect();\n                        hasObserverDisconnected = false;\n                    }, WAIT_FOR_NEW_INSTANCE_TIMEOUT);\n                }\n            }\n        );\n        mutationObserver.observe(parent, {\n            childList: true,\n            // watch subtrees as there may be wrapper elements\n            subtree: true,\n            // we don't need to watch for attribute changes\n            attributes: false,\n        });\n    }\n}\n"],"mappings":"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","names":["getChildrenDirection","addInstanceButtons"]}

package/dist/modern/visualBuilder/utils/multipleElementAddButton.d.cts

@@ -29,7 +29,7 @@ declare function removeAddInstanceButtons(elements: {
     eventTarget: EventTarget | null;
 }, forceRemoveAll?: boolean): void;
 /**
- * This function that observes the parent element and focuses the newly added instance.
+ * This function observes the parent element and focuses the newly added instance.
  *
  * @param parentCslp The parent cslp value.
  * @param index The index of the new instance.

package/dist/modern/visualBuilder/utils/multipleElementAddButton.d.ts

@@ -29,7 +29,7 @@ declare function removeAddInstanceButtons(elements: {
     eventTarget: EventTarget | null;
 }, forceRemoveAll?: boolean): void;
 /**
- * This function that observes the parent element and focuses the newly added instance.
+ * This function observes the parent element and focuses the newly added instance.
  *
  * @param parentCslp The parent cslp value.
  * @param index The index of the new instance.

package/dist/modern/visualBuilder/utils/multipleElementAddButton.js

@@ -5,11 +5,10 @@ import {
   generateAddInstanceButton,
   getAddInstanceButtons
 } from "../generators/generateAddInstanceButtons.js";
-import visualBuilderPostMessage from "./visualBuilderPostMessage.js";
-import { VisualBuilderPostMessageEvents } from "./types/postMessage.types.js";
 import getChildrenDirection from "./getChildrenDirection.js";
 import { hideOverlay } from "../generators/generateOverlay.js";
 import { hideHoverOutline } from "../listeners/mouseHover.js";
+import { signal } from "@preact/signals";
 var WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4e3;
 function handleAddButtonsForMultiple(eventDetails, elements, config) {
   const { editableElement, visualBuilderContainer, resizeObserver } = elements;
@@ -60,27 +59,24 @@ function handleAddButtonsForMultiple(eventDetails, elements, config) {
       index
     });
   };
+  const loading = signal(false);
   const previousButton = generateAddInstanceButton({
-    onClick: () => {
-      visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {
-        fieldMetadata: eventDetails.fieldMetadata,
-        index: prevIndex
-      }).then(onMessageSent.bind(null, prevIndex));
-    },
-    label,
     fieldSchema,
-    value: expectedFieldData
+    value: expectedFieldData,
+    fieldMetadata: eventDetails.fieldMetadata,
+    index: prevIndex,
+    onClick: onMessageSent.bind(null, prevIndex),
+    loading,
+    label
   });
   const nextButton = generateAddInstanceButton({
-    onClick: () => {
-      visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {
-        fieldMetadata: eventDetails.fieldMetadata,
-        index: nextIndex
-      }).then(onMessageSent.bind(null, nextIndex));
-    },
-    label,
     fieldSchema,
-    value: expectedFieldData
+    value: expectedFieldData,
+    fieldMetadata: eventDetails.fieldMetadata,
+    index: nextIndex,
+    onClick: onMessageSent.bind(null, nextIndex),
+    loading,
+    label
   });
   if (!visualBuilderContainer.contains(previousButton)) {
     visualBuilderContainer.appendChild(previousButton);

package/dist/modern/visualBuilder/utils/multipleElementAddButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/multipleElementAddButton.ts"],"sourcesContent":["import { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    generateAddInstanceButton,\n    getAddInstanceButtons,\n} from \"../generators/generateAddInstanceButtons\";\nimport visualBuilderPostMessage from \"./visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\n\nconst WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4000;\n\n/**\n * The function that handles the add instance buttons for multiple fields.\n * @param eventDetails The details containing the field metadata and cslp value.\n * @param elements The elements object that contain the editable element and visual builder wrapper.\n * @param config The configuration object that contains the expected field data and disabled state.\n * @returns void\n */\nexport function handleAddButtonsForMultiple(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: {\n        editableElement: Element | null;\n        visualBuilderContainer: HTMLDivElement | null;\n        resizeObserver: ResizeObserver;\n    },\n    config: {\n        fieldSchema: ISchemaFieldMap;\n        /**\n         * expectedFieldData is the value of the whole multiple field (an array)\n         */\n        expectedFieldData: any;\n        disabled: boolean;\n        label: string | undefined;\n    }\n): void {\n    const { editableElement, visualBuilderContainer, resizeObserver } =\n        elements;\n    const { expectedFieldData, fieldSchema, disabled, label } = config;\n\n    const parentCslpValue =\n        eventDetails.fieldMetadata.multipleFieldMetadata?.parentDetails\n            ?.parentCslpValue;\n\n    if (!editableElement || !parentCslpValue) {\n        return;\n    }\n\n    const direction = getChildrenDirection(editableElement, parentCslpValue);\n    if (direction === \"none\" || !visualBuilderContainer) {\n        return;\n    }\n\n    const targetDOMDimension = editableElement.getBoundingClientRect();\n    removeAddInstanceButtons(\n        {\n            visualBuilderContainer: visualBuilderContainer,\n            eventTarget: null,\n            overlayWrapper: null,\n        },\n        true\n    );\n\n    const overlayWrapper = visualBuilderContainer.querySelector(\n        \".visual-builder__overlay__wrapper\"\n    );\n    const focusedToolbar = visualBuilderContainer.querySelector(\n        \".visual-builder__focused-toolbar\"\n    );\n\n    const hideOverlayAndHoverOutline = () => {\n        hideHoverOutline(visualBuilderContainer);\n        hideOverlay({\n            visualBuilderContainer: visualBuilderContainer,\n            visualBuilderOverlayWrapper: overlayWrapper as HTMLDivElement,\n            focusedToolbar: focusedToolbar as HTMLDivElement,\n            resizeObserver,\n        });\n    };\n\n    if (disabled) {\n        return;\n    }\n\n    // is whole field and not a single instance of the multiple field\n    const isField =\n        eventDetails.fieldMetadata.instance.fieldPathWithIndex ===\n        eventDetails.fieldMetadata.fieldPathWithIndex;\n\n    const prevIndex = isField\n        ? 0\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index;\n    const nextIndex = isField\n        ? expectedFieldData.length\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index + 1;\n\n    const parentCslp = isField ? eventDetails.cslpData : parentCslpValue;\n\n    const onMessageSent = (index: number) => {\n        hideOverlayAndHoverOutline();\n        observeParentAndFocusNewInstance({\n            parentCslp,\n            index,\n        });\n    };\n\n    const previousButton = generateAddInstanceButton({\n        onClick: () => {\n            visualBuilderPostMessage\n                ?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {\n                    fieldMetadata: eventDetails.fieldMetadata,\n                    index: prevIndex,\n                })\n                .then(onMessageSent.bind(null, prevIndex));\n        },\n        label,\n        fieldSchema,\n        value: expectedFieldData,\n    });\n\n    const nextButton = generateAddInstanceButton({\n        onClick: () => {\n            visualBuilderPostMessage\n                ?.send(VisualBuilderPostMessageEvents.ADD_INSTANCE, {\n                    fieldMetadata: eventDetails.fieldMetadata,\n                    index: nextIndex,\n                })\n                .then(onMessageSent.bind(null, nextIndex));\n        },\n        label,\n        fieldSchema,\n        value: expectedFieldData,\n    });\n\n    if (!visualBuilderContainer.contains(previousButton)) {\n        visualBuilderContainer.appendChild(previousButton);\n    }\n\n    if (!visualBuilderContainer.contains(nextButton)) {\n        visualBuilderContainer.appendChild(nextButton);\n    }\n\n    if (direction === \"horizontal\") {\n        const middleHeight =\n            targetDOMDimension.top +\n            (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n            window.scrollY;\n        previousButton.style.left = `${targetDOMDimension.left}px`;\n        previousButton.style.top = `${middleHeight}px`;\n\n        nextButton.style.left = `${targetDOMDimension.right}px`;\n        nextButton.style.top = `${middleHeight}px`;\n    } else {\n        const middleWidth =\n            targetDOMDimension.left +\n            (targetDOMDimension.right - targetDOMDimension.left) / 2;\n        previousButton.style.left = `${middleWidth}px`;\n        previousButton.style.top = `${\n            targetDOMDimension.top + window.scrollY\n        }px`;\n\n        nextButton.style.left = `${middleWidth}px`;\n        nextButton.style.top = `${\n            targetDOMDimension.bottom + window.scrollY\n        }px`;\n    }\n}\n\nexport function removeAddInstanceButtons(\n    elements: {\n        visualBuilderContainer: HTMLDivElement | null;\n        overlayWrapper: HTMLDivElement | null;\n        eventTarget: EventTarget | null;\n    },\n    forceRemoveAll = false\n): void {\n    const { visualBuilderContainer, overlayWrapper, eventTarget } = elements;\n\n    if (!visualBuilderContainer) {\n        return;\n    }\n\n    if (forceRemoveAll) {\n        const addInstanceButtons = getAddInstanceButtons(\n            visualBuilderContainer,\n            true\n        );\n\n        addInstanceButtons?.forEach((button) => button.remove());\n    }\n\n    const addInstanceButtons = getAddInstanceButtons(visualBuilderContainer);\n\n    if (!addInstanceButtons) {\n        return;\n    }\n\n    const [previousButton, nextButton] = addInstanceButtons;\n\n    if (overlayWrapper?.classList.contains(\"visible\")) {\n        return;\n    }\n\n    if (\n        eventTarget &&\n        (previousButton.contains(eventTarget as Node) ||\n            nextButton.contains(eventTarget as Node))\n    ) {\n        return;\n    }\n\n    nextButton.remove();\n    previousButton.remove();\n}\n\n/**\n * This function that observes the parent element and focuses the newly added instance.\n *\n * @param parentCslp The parent cslp value.\n * @param index The index of the new instance.\n * @returns void\n *\n * We can evolve the retry logic, as different use cases arise.\n * Currently, if the new element is not found after the first mutation, we until\n * WAIT_FOR_NEW_INSTANCE_TIMEOUT, expecting that the new instance/block will be\n * found in later mutations and we can focus + disconnect then.\n * We also ensure there is only one setTimeout scheduled.\n */\nexport function observeParentAndFocusNewInstance({\n    parentCslp,\n    index,\n}: {\n    parentCslp: string;\n    index: number;\n}): void {\n    const parent = document.querySelector(\n        `[data-cslp='${parentCslp}']`\n    ) as HTMLElement;\n\n    if (parent) {\n        const expectedCslp = [parentCslp, index].join(\".\");\n\n        let hasObserverDisconnected = false;\n        let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n        const mutationObserver = new MutationObserver(\n            (_mutations, observer) => {\n                const newInstance = parent.querySelector(\n                    `[data-cslp='${expectedCslp}']`\n                ) as HTMLElement | null;\n                if (newInstance) {\n                    // this is how we also navigate to parent elements, but parent elements\n                    // are never primitive fields, the instances can be and this steals\n                    // focus from the form and puts it on the canvas.\n                    // So currently for a singleline multiple field, the form opens but we\n                    // come back to the canvas.\n                    // TODO - maybe we should not focus the content-editable\n                    // TODO - temp fix. We remove our empty block div once the new block arrives\n                    // but we focus the element before that and then the block shifts.\n                    // For some reason, the window resize event also does not trigger\n                    setTimeout(() => newInstance.click(), 350);\n                    observer.disconnect();\n                    hasObserverDisconnected = true;\n                    return;\n                }\n                if (!hasObserverDisconnected && !timeoutId) {\n                    // disconnect the observer whether we found the new instance or not\n                    // after timeout\n                    timeoutId = setTimeout(() => {\n                        observer.disconnect();\n                        hasObserverDisconnected = false;\n                    }, WAIT_FOR_NEW_INSTANCE_TIMEOUT);\n                }\n            }\n        );\n        mutationObserver.observe(parent, {\n            childList: true,\n            // watch subtrees as there may be wrapper elements\n            subtree: true,\n            // we don't need to watch for attribute changes\n            attributes: false,\n        });\n    }\n}\n"],"mappings":"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","names":["addInstanceButtons"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/multipleElementAddButton.ts"],"sourcesContent":["import { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    generateAddInstanceButton,\n    getAddInstanceButtons,\n} from \"../generators/generateAddInstanceButtons\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\nimport { signal } from \"@preact/signals\";\n\nconst WAIT_FOR_NEW_INSTANCE_TIMEOUT = 4000;\n\n/**\n * The function that handles the add instance buttons for multiple fields.\n * @param eventDetails The details containing the field metadata and cslp value.\n * @param elements The elements object that contain the editable element and visual builder wrapper.\n * @param config The configuration object that contains the expected field data and disabled state.\n * @returns void\n */\nexport function handleAddButtonsForMultiple(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: {\n        editableElement: Element | null;\n        visualBuilderContainer: HTMLDivElement | null;\n        resizeObserver: ResizeObserver;\n    },\n    config: {\n        fieldSchema: ISchemaFieldMap;\n        /**\n         * expectedFieldData is the value of the whole multiple field (an array)\n         */\n        expectedFieldData: any;\n        disabled: boolean;\n        label: string | undefined;\n    }\n): void {\n    const { editableElement, visualBuilderContainer, resizeObserver } =\n        elements;\n    const { expectedFieldData, fieldSchema, disabled, label } = config;\n\n    const parentCslpValue =\n        eventDetails.fieldMetadata.multipleFieldMetadata?.parentDetails\n            ?.parentCslpValue;\n\n    if (!editableElement || !parentCslpValue) {\n        return;\n    }\n\n    const direction = getChildrenDirection(editableElement, parentCslpValue);\n    if (direction === \"none\" || !visualBuilderContainer) {\n        return;\n    }\n\n    const targetDOMDimension = editableElement.getBoundingClientRect();\n    removeAddInstanceButtons(\n        {\n            visualBuilderContainer: visualBuilderContainer,\n            eventTarget: null,\n            overlayWrapper: null,\n        },\n        true\n    );\n\n    const overlayWrapper = visualBuilderContainer.querySelector(\n        \".visual-builder__overlay__wrapper\"\n    );\n    const focusedToolbar = visualBuilderContainer.querySelector(\n        \".visual-builder__focused-toolbar\"\n    );\n\n    const hideOverlayAndHoverOutline = () => {\n        hideHoverOutline(visualBuilderContainer);\n        hideOverlay({\n            visualBuilderContainer: visualBuilderContainer,\n            visualBuilderOverlayWrapper: overlayWrapper as HTMLDivElement,\n            focusedToolbar: focusedToolbar as HTMLDivElement,\n            resizeObserver,\n        });\n    };\n\n    if (disabled) {\n        return;\n    }\n\n    // is whole field and not a single instance of the multiple field\n    const isField =\n        eventDetails.fieldMetadata.instance.fieldPathWithIndex ===\n        eventDetails.fieldMetadata.fieldPathWithIndex;\n\n    const prevIndex = isField\n        ? 0\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index;\n    const nextIndex = isField\n        ? expectedFieldData.length\n        : eventDetails.fieldMetadata.multipleFieldMetadata.index + 1;\n\n    const parentCslp = isField ? eventDetails.cslpData : parentCslpValue;\n\n    const onMessageSent = (index: number) => {\n        hideOverlayAndHoverOutline();\n        observeParentAndFocusNewInstance({\n            parentCslp,\n            index,\n        });\n    };\n\n    // this is a shared loading state between the\n    // next and previous button for the duration\n    // between the add-instance post message being\n    // sent and receiving a response for it.\n    const loading = signal(false);\n\n    const previousButton = generateAddInstanceButton({\n        fieldSchema,\n        value: expectedFieldData,\n        fieldMetadata: eventDetails.fieldMetadata,\n        index: prevIndex,\n        onClick: onMessageSent.bind(null, prevIndex),\n        loading,\n        label,\n    });\n\n    const nextButton = generateAddInstanceButton({\n        fieldSchema,\n        value: expectedFieldData,\n        fieldMetadata: eventDetails.fieldMetadata,\n        index: nextIndex,\n        onClick: onMessageSent.bind(null, nextIndex),\n        loading,\n        label,\n    });\n\n    if (!visualBuilderContainer.contains(previousButton)) {\n        visualBuilderContainer.appendChild(previousButton);\n    }\n\n    if (!visualBuilderContainer.contains(nextButton)) {\n        visualBuilderContainer.appendChild(nextButton);\n    }\n\n    if (direction === \"horizontal\") {\n        const middleHeight =\n            targetDOMDimension.top +\n            (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n            window.scrollY;\n        previousButton.style.left = `${targetDOMDimension.left}px`;\n        previousButton.style.top = `${middleHeight}px`;\n\n        nextButton.style.left = `${targetDOMDimension.right}px`;\n        nextButton.style.top = `${middleHeight}px`;\n    } else {\n        const middleWidth =\n            targetDOMDimension.left +\n            (targetDOMDimension.right - targetDOMDimension.left) / 2;\n        previousButton.style.left = `${middleWidth}px`;\n        previousButton.style.top = `${\n            targetDOMDimension.top + window.scrollY\n        }px`;\n\n        nextButton.style.left = `${middleWidth}px`;\n        nextButton.style.top = `${\n            targetDOMDimension.bottom + window.scrollY\n        }px`;\n    }\n}\n\nexport function removeAddInstanceButtons(\n    elements: {\n        visualBuilderContainer: HTMLDivElement | null;\n        overlayWrapper: HTMLDivElement | null;\n        eventTarget: EventTarget | null;\n    },\n    forceRemoveAll = false\n): void {\n    const { visualBuilderContainer, overlayWrapper, eventTarget } = elements;\n\n    if (!visualBuilderContainer) {\n        return;\n    }\n\n    if (forceRemoveAll) {\n        const addInstanceButtons = getAddInstanceButtons(\n            visualBuilderContainer,\n            true\n        );\n\n        addInstanceButtons?.forEach((button) => button.remove());\n    }\n\n    const addInstanceButtons = getAddInstanceButtons(visualBuilderContainer);\n\n    if (!addInstanceButtons) {\n        return;\n    }\n\n    const [previousButton, nextButton] = addInstanceButtons;\n\n    if (overlayWrapper?.classList.contains(\"visible\")) {\n        return;\n    }\n\n    if (\n        eventTarget &&\n        (previousButton.contains(eventTarget as Node) ||\n            nextButton.contains(eventTarget as Node))\n    ) {\n        return;\n    }\n\n    nextButton.remove();\n    previousButton.remove();\n}\n\n/**\n * This function observes the parent element and focuses the newly added instance.\n *\n * @param parentCslp The parent cslp value.\n * @param index The index of the new instance.\n * @returns void\n *\n * We can evolve the retry logic, as different use cases arise.\n * Currently, if the new element is not found after the first mutation, we until\n * WAIT_FOR_NEW_INSTANCE_TIMEOUT, expecting that the new instance/block will be\n * found in later mutations and we can focus + disconnect then.\n * We also ensure there is only one setTimeout scheduled.\n */\nexport function observeParentAndFocusNewInstance({\n    parentCslp,\n    index,\n}: {\n    parentCslp: string;\n    index: number;\n}): void {\n    const parent = document.querySelector(\n        `[data-cslp='${parentCslp}']`\n    ) as HTMLElement;\n\n    if (parent) {\n        const expectedCslp = [parentCslp, index].join(\".\");\n\n        let hasObserverDisconnected = false;\n        let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n        const mutationObserver = new MutationObserver(\n            (_mutations, observer) => {\n                const newInstance = parent.querySelector(\n                    `[data-cslp='${expectedCslp}']`\n                ) as HTMLElement | null;\n                if (newInstance) {\n                    // this is how we also navigate to parent elements, but parent elements\n                    // are never primitive fields, the instances can be and this steals\n                    // focus from the form and puts it on the canvas.\n                    // So currently for a singleline multiple field, the form opens but we\n                    // come back to the canvas.\n                    // TODO - maybe we should not focus the content-editable\n                    // TODO - temp fix. We remove our empty block div once the new block arrives\n                    // but we focus the element before that and then the block shifts.\n                    // For some reason, the window resize event also does not trigger\n                    setTimeout(() => newInstance.click(), 350);\n                    observer.disconnect();\n                    hasObserverDisconnected = true;\n                    return;\n                }\n                if (!hasObserverDisconnected && !timeoutId) {\n                    // disconnect the observer whether we found the new instance or not\n                    // after timeout\n                    timeoutId = setTimeout(() => {\n                        observer.disconnect();\n                        hasObserverDisconnected = false;\n                    }, WAIT_FOR_NEW_INSTANCE_TIMEOUT);\n                }\n            }\n        );\n        mutationObserver.observe(parent, {\n            childList: true,\n            // watch subtrees as there may be wrapper elements\n            subtree: true,\n            // we don't need to watch for attribute changes\n            attributes: false,\n        });\n    }\n}\n"],"mappings":"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","names":["addInstanceButtons"]}

package/dist/modern/visualBuilder/utils/pasteAsPlainText.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/pasteAsPlainText.ts
+var pasteAsPlainText_exports = {};
+__export(pasteAsPlainText_exports, {
+  pasteAsPlainText: () => pasteAsPlainText
+});
+module.exports = __toCommonJS(pasteAsPlainText_exports);
+var import_lodash_es = require("lodash-es");
+var pasteAsPlainText = (0, import_lodash_es.debounce)(
+  (e) => {
+    e.preventDefault();
+    const clipboardData = e.clipboardData;
+    document.execCommand(
+      "inserttext",
+      false,
+      clipboardData?.getData("text/plain")
+    );
+  },
+  100,
+  { leading: true }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pasteAsPlainText
+});
+//# sourceMappingURL=pasteAsPlainText.cjs.map

package/dist/modern/visualBuilder/utils/pasteAsPlainText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/pasteAsPlainText.ts"],"sourcesContent":["import { debounce } from \"lodash-es\";\n\nexport const pasteAsPlainText = debounce(\n    (e: Event) => {\n        e.preventDefault();\n        const clipboardData = (e as ClipboardEvent).clipboardData;\n        document.execCommand(\n            \"inserttext\",\n            false,\n            clipboardData?.getData(\"text/plain\")\n        );\n    },\n    100,\n    { leading: true }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAElB,IAAM,uBAAmB;AAAA,EAC5B,CAAC,MAAa;AACV,MAAE,eAAe;AACjB,UAAM,gBAAiB,EAAqB;AAC5C,aAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAe,QAAQ,YAAY;AAAA,IACvC;AAAA,EACJ;AAAA,EACA;AAAA,EACA,EAAE,SAAS,KAAK;AACpB;","names":[]}

package/dist/modern/visualBuilder/utils/pasteAsPlainText.d.cts

@@ -0,0 +1,5 @@
+import * as lodash from 'lodash';
+
+declare const pasteAsPlainText: lodash.DebouncedFuncLeading<(e: Event) => void>;
+
+export { pasteAsPlainText };

package/dist/modern/visualBuilder/utils/pasteAsPlainText.d.ts

@@ -0,0 +1,5 @@
+import * as lodash from 'lodash';
+
+declare const pasteAsPlainText: lodash.DebouncedFuncLeading<(e: Event) => void>;
+
+export { pasteAsPlainText };

package/dist/modern/visualBuilder/utils/pasteAsPlainText.js

@@ -0,0 +1,21 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/pasteAsPlainText.ts
+import { debounce } from "lodash-es";
+var pasteAsPlainText = debounce(
+  (e) => {
+    e.preventDefault();
+    const clipboardData = e.clipboardData;
+    document.execCommand(
+      "inserttext",
+      false,
+      clipboardData?.getData("text/plain")
+    );
+  },
+  100,
+  { leading: true }
+);
+export {
+  pasteAsPlainText
+};
+//# sourceMappingURL=pasteAsPlainText.js.map

package/dist/modern/visualBuilder/utils/pasteAsPlainText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/pasteAsPlainText.ts"],"sourcesContent":["import { debounce } from \"lodash-es\";\n\nexport const pasteAsPlainText = debounce(\n    (e: Event) => {\n        e.preventDefault();\n        const clipboardData = (e as ClipboardEvent).clipboardData;\n        document.execCommand(\n            \"inserttext\",\n            false,\n            clipboardData?.getData(\"text/plain\")\n        );\n    },\n    100,\n    { leading: true }\n);\n"],"mappings":";;;AAAA,SAAS,gBAAgB;AAElB,IAAM,mBAAmB;AAAA,EAC5B,CAAC,MAAa;AACV,MAAE,eAAe;AACjB,UAAM,gBAAiB,EAAqB;AAC5C,aAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAe,QAAQ,YAAY;AAAA,IACvC;AAAA,EACJ;AAAA,EACA;AAAA,EACA,EAAE,SAAS,KAAK;AACpB;","names":[]}

package/dist/modern/visualBuilder/utils/types/index.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}

package/dist/modern/visualBuilder/utils/types/index.types.d.cts

@@ -42,5 +42,10 @@ declare enum FieldDataType {
     GLOBAL_FIELD = "global_field",
     TAXONOMY = "taxonomy"
 }
+interface VisualBuilderEditContext {
+    visualBuilderContainer: HTMLDivElement;
+    resizeObserver: ResizeObserver;
+    lastEditedField: Element | null;
+}
 
-export { FieldDataType, type ISchemaFieldMap, type ISchemaIndividualFieldMap, type ITraverseSchemaVisitor };
+export { FieldDataType, type ISchemaFieldMap, type ISchemaIndividualFieldMap, type ITraverseSchemaVisitor, type VisualBuilderEditContext };

package/dist/modern/visualBuilder/utils/types/index.types.d.ts

@@ -42,5 +42,10 @@ declare enum FieldDataType {
     GLOBAL_FIELD = "global_field",
     TAXONOMY = "taxonomy"
 }
+interface VisualBuilderEditContext {
+    visualBuilderContainer: HTMLDivElement;
+    resizeObserver: ResizeObserver;
+    lastEditedField: Element | null;
+}
 
-export { FieldDataType, type ISchemaFieldMap, type ISchemaIndividualFieldMap, type ITraverseSchemaVisitor };
+export { FieldDataType, type ISchemaFieldMap, type ISchemaIndividualFieldMap, type ITraverseSchemaVisitor, type VisualBuilderEditContext };

package/dist/modern/visualBuilder/utils/types/index.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n"],"mappings":";;;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs

@@ -66,8 +66,9 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
   VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
   VisualBuilderPostMessageEvents2["COLLAB_ENABLE"] = "collab-enable";
+  VisualBuilderPostMessageEvents2["COLLAB_DATA_UPDATE"] = "collab-data-update";
   VisualBuilderPostMessageEvents2["COLLAB_DISABLE"] = "collab-disable";
-  VisualBuilderPostMessageEvents2["COLLAB_THREAD_REMOVE"] = "collab-thread-remove";
+  VisualBuilderPostMessageEvents2["COLLAB_THREADS_REMOVE"] = "collab-threads-remove";
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_REOPEN"] = "collab-thread-reopen";
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_HIGHLIGHT"] = "collab-thread-highlight";
   return VisualBuilderPostMessageEvents2;