@contentstack/live-preview-utils 3.0.2 → 3.1.1

package/dist/legacy/visualBuilder/components/icons/variant.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/components/icons/variant.tsx"],"sourcesContent":["import React from \"preact/compat\";\n\nexport function VariantIcon(): JSX.Element {\n    return (\n        <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M4.41131 0.157165C4.34585 0.0589769 4.23565 0 4.11765 0C3.99964 0 3.88944 0.0589769 3.82398 0.157165L0.0592764 5.80422C-0.0197588 5.92278 -0.0197588 6.07722 0.0592764 6.19578L3.82398 11.8428C3.88944 11.941 3.99964 12 4.11765 12C4.23565 12 4.34585 11.941 4.41131 11.8428L6 9.4598L7.58869 11.8428C7.65415 11.941 7.76435 12 7.88235 12C8.00036 12 8.11056 11.941 8.17602 11.8428L11.9407 6.19578C12.0198 6.07722 12.0198 5.92278 11.9407 5.80422L8.17602 0.157165C8.11056 0.0589769 8.00036 0 7.88235 0C7.76435 0 7.65415 0.0589769 7.58869 0.157165L6 2.5402L4.41131 0.157165ZM5.57582 3.17647L4.11765 0.989215L0.777124 6L4.11765 11.0108L5.57582 8.82353L3.82398 6.19578C3.74495 6.07722 3.74495 5.92278 3.82398 5.80422L5.57582 3.17647ZM6 8.18726L4.54183 6L6 3.81274L7.45817 6L6 8.18726ZM6.42418 8.82353L8.17602 6.19578C8.25505 6.07722 8.25505 5.92278 8.17602 5.80422L6.42418 3.17647L7.88235 0.989215L11.2229 6L7.88235 11.0108L6.42418 8.82353Z\"\n                fill=\"white\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWY;AATL,SAAS,cAA2B;AACvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACG,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA,EACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../../../src/visualBuilder/components/icons/variant.tsx"],"sourcesContent":["import React from \"preact/compat\";\n\nexport function VariantIcon(): JSX.Element {\n    return (\n        <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M4.41131 0.157165C4.34585 0.0589769 4.23565 0 4.11765 0C3.99964 0 3.88944 0.0589769 3.82398 0.157165L0.0592764 5.80422C-0.0197588 5.92278 -0.0197588 6.07722 0.0592764 6.19578L3.82398 11.8428C3.88944 11.941 3.99964 12 4.11765 12C4.23565 12 4.34585 11.941 4.41131 11.8428L6 9.4598L7.58869 11.8428C7.65415 11.941 7.76435 12 7.88235 12C8.00036 12 8.11056 11.941 8.17602 11.8428L11.9407 6.19578C12.0198 6.07722 12.0198 5.92278 11.9407 5.80422L8.17602 0.157165C8.11056 0.0589769 8.00036 0 7.88235 0C7.76435 0 7.65415 0.0589769 7.58869 0.157165L6 2.5402L4.41131 0.157165ZM5.57582 3.17647L4.11765 0.989215L0.777124 6L4.11765 11.0108L5.57582 8.82353L3.82398 6.19578C3.74495 6.07722 3.74495 5.92278 3.82398 5.80422L5.57582 3.17647ZM6 8.18726L4.54183 6L6 3.81274L7.45817 6L6 8.18726ZM6.42418 8.82353L8.17602 6.19578C8.25505 6.07722 8.25505 5.92278 8.17602 5.80422L6.42418 3.17647L7.88235 0.989215L11.2229 6L7.88235 11.0108L6.42418 8.82353Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWY;AATL,SAAS,cAA2B;AACvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACG,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA,EACJ;AAER;","names":[]}

package/dist/legacy/visualBuilder/components/icons/variant.js

@@ -17,7 +17,7 @@ function VariantIcon() {
           "fill-rule": "evenodd",
           "clip-rule": "evenodd",
           d: "M4.41131 0.157165C4.34585 0.0589769 4.23565 0 4.11765 0C3.99964 0 3.88944 0.0589769 3.82398 0.157165L0.0592764 5.80422C-0.0197588 5.92278 -0.0197588 6.07722 0.0592764 6.19578L3.82398 11.8428C3.88944 11.941 3.99964 12 4.11765 12C4.23565 12 4.34585 11.941 4.41131 11.8428L6 9.4598L7.58869 11.8428C7.65415 11.941 7.76435 12 7.88235 12C8.00036 12 8.11056 11.941 8.17602 11.8428L11.9407 6.19578C12.0198 6.07722 12.0198 5.92278 11.9407 5.80422L8.17602 0.157165C8.11056 0.0589769 8.00036 0 7.88235 0C7.76435 0 7.65415 0.0589769 7.58869 0.157165L6 2.5402L4.41131 0.157165ZM5.57582 3.17647L4.11765 0.989215L0.777124 6L4.11765 11.0108L5.57582 8.82353L3.82398 6.19578C3.74495 6.07722 3.74495 5.92278 3.82398 5.80422L5.57582 3.17647ZM6 8.18726L4.54183 6L6 3.81274L7.45817 6L6 8.18726ZM6.42418 8.82353L8.17602 6.19578C8.25505 6.07722 8.25505 5.92278 8.17602 5.80422L6.42418 3.17647L7.88235 0.989215L11.2229 6L7.88235 11.0108L6.42418 8.82353Z",
-          fill: "white"
+          fill: "currentColor"
         }
       )
     }

package/dist/legacy/visualBuilder/components/icons/variant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/components/icons/variant.tsx"],"sourcesContent":["import React from \"preact/compat\";\n\nexport function VariantIcon(): JSX.Element {\n    return (\n        <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M4.41131 0.157165C4.34585 0.0589769 4.23565 0 4.11765 0C3.99964 0 3.88944 0.0589769 3.82398 0.157165L0.0592764 5.80422C-0.0197588 5.92278 -0.0197588 6.07722 0.0592764 6.19578L3.82398 11.8428C3.88944 11.941 3.99964 12 4.11765 12C4.23565 12 4.34585 11.941 4.41131 11.8428L6 9.4598L7.58869 11.8428C7.65415 11.941 7.76435 12 7.88235 12C8.00036 12 8.11056 11.941 8.17602 11.8428L11.9407 6.19578C12.0198 6.07722 12.0198 5.92278 11.9407 5.80422L8.17602 0.157165C8.11056 0.0589769 8.00036 0 7.88235 0C7.76435 0 7.65415 0.0589769 7.58869 0.157165L6 2.5402L4.41131 0.157165ZM5.57582 3.17647L4.11765 0.989215L0.777124 6L4.11765 11.0108L5.57582 8.82353L3.82398 6.19578C3.74495 6.07722 3.74495 5.92278 3.82398 5.80422L5.57582 3.17647ZM6 8.18726L4.54183 6L6 3.81274L7.45817 6L6 8.18726ZM6.42418 8.82353L8.17602 6.19578C8.25505 6.07722 8.25505 5.92278 8.17602 5.80422L6.42418 3.17647L7.88235 0.989215L11.2229 6L7.88235 11.0108L6.42418 8.82353Z\"\n                fill=\"white\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;AAWY;AATL,SAAS,cAA2B;AACvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACG,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA,EACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../../../src/visualBuilder/components/icons/variant.tsx"],"sourcesContent":["import React from \"preact/compat\";\n\nexport function VariantIcon(): JSX.Element {\n    return (\n        <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M4.41131 0.157165C4.34585 0.0589769 4.23565 0 4.11765 0C3.99964 0 3.88944 0.0589769 3.82398 0.157165L0.0592764 5.80422C-0.0197588 5.92278 -0.0197588 6.07722 0.0592764 6.19578L3.82398 11.8428C3.88944 11.941 3.99964 12 4.11765 12C4.23565 12 4.34585 11.941 4.41131 11.8428L6 9.4598L7.58869 11.8428C7.65415 11.941 7.76435 12 7.88235 12C8.00036 12 8.11056 11.941 8.17602 11.8428L11.9407 6.19578C12.0198 6.07722 12.0198 5.92278 11.9407 5.80422L8.17602 0.157165C8.11056 0.0589769 8.00036 0 7.88235 0C7.76435 0 7.65415 0.0589769 7.58869 0.157165L6 2.5402L4.41131 0.157165ZM5.57582 3.17647L4.11765 0.989215L0.777124 6L4.11765 11.0108L5.57582 8.82353L3.82398 6.19578C3.74495 6.07722 3.74495 5.92278 3.82398 5.80422L5.57582 3.17647ZM6 8.18726L4.54183 6L6 3.81274L7.45817 6L6 8.18726ZM6.42418 8.82353L8.17602 6.19578C8.25505 6.07722 8.25505 5.92278 8.17602 5.80422L6.42418 3.17647L7.88235 0.989215L11.2229 6L7.88235 11.0108L6.42418 8.82353Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;AAWY;AATL,SAAS,cAA2B;AACvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACG,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA,EACJ;AAER;","names":[]}

package/dist/legacy/visualBuilder/index.cjs

@@ -61,6 +61,7 @@ var import_updateFocussedState = require("./utils/updateFocussedState.cjs");
 var import_useHighlightCommentIcon = require("./eventManager/useHighlightCommentIcon.cjs");
 var import_generateHighlightedComment = require("./generators/generateHighlightedComment.cjs");
 var import_useRecalculateVariantDataCSLPValues = require("./eventManager/useRecalculateVariantDataCSLPValues.cjs");
+var import__ = require("../index.cjs");
 var _VisualBuilder = class _VisualBuilder {
   constructor() {
     this.customCursor = null;
@@ -134,7 +135,7 @@ var _VisualBuilder = class _VisualBuilder {
           );
           const emptyBlockParents = Array.from(
             document.querySelectorAll(
-              ".visual-builder__empty-block-parent"
+              `.${import__.VB_EmptyBlockParentClass}`
             )
           );
           const previousEmptyBlockParents = _VisualBuilder.VisualBuilderGlobalState.value.previousEmptyBlockParents;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/visualBuilder/index.ts"],"sourcesContent":["import { Signal, signal } from \"@preact/signals\";\n\nimport { inIframe } from \"../common/inIframe\";\nimport Config from \"../configManager/configManager\";\nimport {\n    useHistoryPostMessageEvent,\n    useOnEntryUpdatePostMessageEvent,\n} from \"../livePreview/eventManager/postMessageEvent.hooks\";\nimport {\n    ILivePreviewModeConfig,\n    ILivePreviewWindowType,\n    IVisualBuilderInitEvent,\n} from \"../types/types\";\nimport { generateStartEditingButton } from \"./generators/generateStartEditingButton\";\n\nimport { addFocusOverlay } from \"./generators/generateOverlay\";\nimport { getEntryIdentifiersInCurrentPage } from \"./utils/getEntryIdentifiersInCurrentPage\";\nimport visualBuilderPostMessage from \"./utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./utils/types/postMessage.types\";\n\nimport { setup } from \"goober\";\nimport { debounce, isEqual } from \"lodash-es\";\nimport { h } from \"preact\";\nimport { extractDetailsFromCslp } from \"../cslp\";\nimport initUI from \"./components\";\nimport { useDraftFieldsPostMessageEvent } from \"./eventManager/useDraftFieldsPostMessageEvent\";\nimport { useHideFocusOverlayPostMessageEvent } from \"./eventManager/useHideFocusOverlayPostMessageEvent\";\nimport { useScrollToField } from \"./eventManager/useScrollToField\";\nimport { useVariantFieldsPostMessageEvent } from \"./eventManager/useVariantsPostMessageEvent\";\nimport {\n    generateEmptyBlocks,\n    removeEmptyBlocks,\n} from \"./generators/generateEmptyBlock\";\nimport { addEventListeners, removeEventListeners } from \"./listeners\";\nimport { addKeyboardShortcuts } from \"./listeners/keyboardShortcuts\";\nimport { FieldSchemaMap } from \"./utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"./utils/isFieldDisabled\";\nimport {\n    updateFocussedState,\n    updateFocussedStateOnMutation,\n} from \"./utils/updateFocussedState\";\nimport { useHighlightCommentIcon } from \"./eventManager/useHighlightCommentIcon\";\nimport { updateHighlightedCommentIconPosition } from \"./generators/generateHighlightedComment\";\nimport { useRecalculateVariantDataCSLPValues } from \"./eventManager/useRecalculateVariantDataCSLPValues\";\n\ninterface VisualBuilderGlobalStateImpl {\n    previousSelectedEditableDOM: HTMLElement | Element | null;\n    previousHoveredTargetDOM: Element | null;\n    previousEmptyBlockParents: Element[] | [];\n    focusFieldValue: string | null;\n    audienceMode: boolean;\n    locale: string;\n    variant: string | null;\n}\n\nexport class VisualBuilder {\n    private customCursor: HTMLDivElement | null = null;\n    private overlayWrapper: HTMLDivElement | null = null;\n    private visualBuilderContainer: HTMLDivElement | null = null;\n    private focusedToolbar: HTMLDivElement | null = null;\n\n    static VisualBuilderGlobalState: Signal<VisualBuilderGlobalStateImpl> =\n        signal({\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: Config.get().stackDetails.masterLocale || \"en-us\",\n            variant: null,\n        });\n\n    private handlePositionChange(editableElement: HTMLElement) {\n        updateFocussedState({\n            editableElement,\n            visualBuilderContainer: this.visualBuilderContainer,\n            overlayWrapper: this.overlayWrapper,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n        });\n    }\n\n    private scrollEventHandler = () => {\n        updateHighlightedCommentIconPosition(); // Update icons position\n    };\n\n    private resizeEventHandler = () => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n        updateHighlightedCommentIconPosition();\n        if (previousSelectedEditableDOM) {\n            this.handlePositionChange(\n                previousSelectedEditableDOM as HTMLElement\n            );\n        }\n    };\n\n    private resizeObserver = new ResizeObserver(([entry]) => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!this.overlayWrapper || !previousSelectedEditableDOM) {\n            return;\n        }\n\n        // if previous selected editable element is not same as the current\n        // target and the target is also not psuedo-editable then return\n        if (\n            !entry.target.isSameNode(previousSelectedEditableDOM) &&\n            !entry.target.classList.contains(\n                \"visual-builder__pseudo-editable-element\"\n            )\n        ) {\n            return;\n        }\n\n        const isPsuedoEditableElement = entry.target.classList.contains(\n            \"visual-builder__pseudo-editable-element\"\n        );\n\n        // the \"actual\" editable element when the current target is psuedo-editable\n        // is the previous selected editable element instead of the closest data-cslp element\n        // (cant use closest because the psuedo editable is absolute positioned)\n        // (Note - why do we even need the closest? we do an early exit if entry.target\n        // is not the previous selected editable element, needs more investigation)\n        const editableElement = (\n            isPsuedoEditableElement\n                ? previousSelectedEditableDOM\n                : entry.target.closest(\"[data-cslp]\")\n        ) as HTMLElement | null;\n\n        if (isPsuedoEditableElement) {\n            // if the current target is psuedo-editable, then the resizing occurred by typing\n            // into the psuedo editable, simply update the focus overlay\n            addFocusOverlay(entry.target, this.overlayWrapper);\n\n            // TODO check if we can now resize the actual editable element\n            // when psuedo editable element is resized, avoid infinite loops\n        } else if (editableElement) {\n            this.handlePositionChange(editableElement);\n        }\n\n        // update the overlay if field is disabled\n        const cslpData =\n            editableElement && editableElement.getAttribute(\"data-cslp\");\n\n        if (!editableElement || !cslpData) {\n            return;\n        }\n\n        const fieldMetadata = extractDetailsFromCslp(cslpData);\n\n        FieldSchemaMap.getFieldSchema(\n            fieldMetadata.content_type_uid,\n            fieldMetadata.fieldPath\n        ).then((fieldSchema) => {\n            if (!fieldSchema) {\n                return;\n            }\n            const { isDisabled } = isFieldDisabled(fieldSchema, {\n                editableElement,\n                fieldMetadata,\n            });\n            if (isDisabled) {\n                addFocusOverlay(\n                    editableElement,\n                    this.overlayWrapper as HTMLDivElement,\n                    isDisabled\n                );\n            }\n        });\n    });\n\n    private mutationObserver = new MutationObserver(\n        debounce(\n            async () => {\n                updateFocussedStateOnMutation(\n                    this.overlayWrapper,\n                    this.focusedToolbar,\n                    this.visualBuilderContainer,\n                    this.resizeObserver\n                );\n                const emptyBlockParents = Array.from(\n                    document.querySelectorAll(\n                        \".visual-builder__empty-block-parent\"\n                    )\n                );\n\n                const previousEmptyBlockParents = VisualBuilder\n                    .VisualBuilderGlobalState.value\n                    .previousEmptyBlockParents as Element[];\n\n                if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {\n                    const noMoreEmptyBlockParent =\n                        previousEmptyBlockParents.filter(\n                            (x) => !emptyBlockParents.includes(x)\n                        );\n                    const newEmptyBlockParent = emptyBlockParents.filter(\n                        (x) => !previousEmptyBlockParents.includes(x)\n                    );\n\n                    removeEmptyBlocks(noMoreEmptyBlockParent);\n                    await generateEmptyBlocks(newEmptyBlockParent);\n\n                    VisualBuilder.VisualBuilderGlobalState.value = {\n                        ...VisualBuilder.VisualBuilderGlobalState.value,\n                        previousEmptyBlockParents: emptyBlockParents,\n                    };\n                }\n            },\n            100,\n            { trailing: true }\n        )\n    );\n\n    constructor() {\n        // Handles changes in element positions due to sidebar toggling or window resizing,\n        // triggering a redraw of the visual builder\n        window.addEventListener(\"resize\", this.resizeEventHandler);\n        window.addEventListener(\"scroll\", this.scrollEventHandler);\n        initUI({\n            resizeObserver: this.resizeObserver,\n        });\n\n        // Initializing goober for css-in-js\n        setup(h);\n\n        this.visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        );\n        this.overlayWrapper = document.querySelector(\n            \".visual-builder__overlay__wrapper\"\n        );\n        this.customCursor = document.querySelector(\".visual-builder__cursor\");\n        this.focusedToolbar = document.querySelector(\n            \".visual-builder__focused-toolbar\"\n        );\n\n        const config = Config.get();\n\n        if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {\n            return;\n        }\n        visualBuilderPostMessage\n            ?.send<IVisualBuilderInitEvent>(\"init\", {\n                isSSR: config.ssr,\n                href: window.location.href,\n            })\n            .then((data) => {\n                const {\n                    windowType = ILivePreviewWindowType.BUILDER,\n                    stackDetails,\n                } = data || {};\n                Config.set(\"windowType\", windowType);\n                Config.set(\n                    \"stackDetails.masterLocale\",\n                    stackDetails?.masterLocale || \"en-us\"\n                );\n\n                addEventListeners({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    previousSelectedEditableDOM:\n                        VisualBuilder.VisualBuilderGlobalState.value\n                            .previousSelectedEditableDOM,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                    customCursor: this.customCursor,\n                });\n\n                addKeyboardShortcuts({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n                useScrollToField();\n                useHighlightCommentIcon();\n                this.mutationObserver.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                });\n\n                visualBuilderPostMessage?.on(\n                    VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,\n                    getEntryIdentifiersInCurrentPage\n                );\n                visualBuilderPostMessage?.send(\n                    VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE\n                );\n\n                useHideFocusOverlayPostMessageEvent({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n\n                // These events are used to sync the data when we made some changes in the entry without invoking live preview module.\n                useHistoryPostMessageEvent();\n                useOnEntryUpdatePostMessageEvent();\n                useRecalculateVariantDataCSLPValues();\n                useDraftFieldsPostMessageEvent();\n                useVariantFieldsPostMessageEvent();\n            })\n            .catch(() => {\n                if (!inIframe()) {\n                    generateStartEditingButton(this.visualBuilderContainer);\n                }\n            });\n    }\n\n    // TODO: write test cases\n    destroy = (): void => {\n        // Remove event listeners\n        window.removeEventListener(\"resize\", this.resizeEventHandler);\n        window.removeEventListener(\"scroll\", this.scrollEventHandler);\n\n        // Remove custom event listeners\n        removeEventListeners({\n            overlayWrapper: this.overlayWrapper,\n            visualBuilderContainer: this.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n            customCursor: this.customCursor,\n        });\n\n        // Disconnect observers\n        this.resizeObserver.disconnect();\n        this.mutationObserver.disconnect();\n\n        // Clear global state\n        VisualBuilder.VisualBuilderGlobalState.value = {\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: \"en-us\",\n            variant: null,\n        };\n\n        // Remove DOM elements\n        if (this.visualBuilderContainer) {\n            window.document.body.removeChild(this.visualBuilderContainer);\n        }\n        if (this.customCursor) {\n            this.customCursor.remove();\n        }\n        if (this.overlayWrapper) {\n            this.overlayWrapper.remove();\n        }\n        if (this.focusedToolbar) {\n            this.focusedToolbar.remove();\n        }\n\n        // Nullify references\n        this.customCursor = null;\n        this.overlayWrapper = null;\n        this.visualBuilderContainer = null;\n        this.focusedToolbar = null;\n    };\n}\n"],"mappings":"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","names":["initUI","Config","visualBuilderPostMessage","_a"]}
+{"version":3,"sources":["../../../src/visualBuilder/index.ts"],"sourcesContent":["import { Signal, signal } from \"@preact/signals\";\n\nimport { inIframe } from \"../common/inIframe\";\nimport Config from \"../configManager/configManager\";\nimport {\n    useHistoryPostMessageEvent,\n    useOnEntryUpdatePostMessageEvent,\n} from \"../livePreview/eventManager/postMessageEvent.hooks\";\nimport {\n    ILivePreviewModeConfig,\n    ILivePreviewWindowType,\n    IVisualBuilderInitEvent,\n} from \"../types/types\";\nimport { generateStartEditingButton } from \"./generators/generateStartEditingButton\";\n\nimport { addFocusOverlay } from \"./generators/generateOverlay\";\nimport { getEntryIdentifiersInCurrentPage } from \"./utils/getEntryIdentifiersInCurrentPage\";\nimport visualBuilderPostMessage from \"./utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./utils/types/postMessage.types\";\n\nimport { setup } from \"goober\";\nimport { debounce, isEqual } from \"lodash-es\";\nimport { h } from \"preact\";\nimport { extractDetailsFromCslp } from \"../cslp\";\nimport initUI from \"./components\";\nimport { useDraftFieldsPostMessageEvent } from \"./eventManager/useDraftFieldsPostMessageEvent\";\nimport { useHideFocusOverlayPostMessageEvent } from \"./eventManager/useHideFocusOverlayPostMessageEvent\";\nimport { useScrollToField } from \"./eventManager/useScrollToField\";\nimport { useVariantFieldsPostMessageEvent } from \"./eventManager/useVariantsPostMessageEvent\";\nimport {\n    generateEmptyBlocks,\n    removeEmptyBlocks,\n} from \"./generators/generateEmptyBlock\";\nimport { addEventListeners, removeEventListeners } from \"./listeners\";\nimport { addKeyboardShortcuts } from \"./listeners/keyboardShortcuts\";\nimport { FieldSchemaMap } from \"./utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"./utils/isFieldDisabled\";\nimport {\n    updateFocussedState,\n    updateFocussedStateOnMutation,\n} from \"./utils/updateFocussedState\";\nimport { useHighlightCommentIcon } from \"./eventManager/useHighlightCommentIcon\";\nimport { updateHighlightedCommentIconPosition } from \"./generators/generateHighlightedComment\";\nimport { useRecalculateVariantDataCSLPValues } from \"./eventManager/useRecalculateVariantDataCSLPValues\";\nimport { VB_EmptyBlockParentClass } from \"..\";\n\ninterface VisualBuilderGlobalStateImpl {\n    previousSelectedEditableDOM: HTMLElement | Element | null;\n    previousHoveredTargetDOM: Element | null;\n    previousEmptyBlockParents: Element[] | [];\n    focusFieldValue: string | null;\n    audienceMode: boolean;\n    locale: string;\n    variant: string | null;\n}\n\nexport class VisualBuilder {\n    private customCursor: HTMLDivElement | null = null;\n    private overlayWrapper: HTMLDivElement | null = null;\n    private visualBuilderContainer: HTMLDivElement | null = null;\n    private focusedToolbar: HTMLDivElement | null = null;\n\n    static VisualBuilderGlobalState: Signal<VisualBuilderGlobalStateImpl> =\n        signal({\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: Config.get().stackDetails.masterLocale || \"en-us\",\n            variant: null,\n        });\n\n    private handlePositionChange(editableElement: HTMLElement) {\n        updateFocussedState({\n            editableElement,\n            visualBuilderContainer: this.visualBuilderContainer,\n            overlayWrapper: this.overlayWrapper,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n        });\n    }\n\n    private scrollEventHandler = () => {\n        updateHighlightedCommentIconPosition(); // Update icons position\n    };\n\n    private resizeEventHandler = () => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n        updateHighlightedCommentIconPosition();\n        if (previousSelectedEditableDOM) {\n            this.handlePositionChange(\n                previousSelectedEditableDOM as HTMLElement\n            );\n        }\n    };\n\n    private resizeObserver = new ResizeObserver(([entry]) => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!this.overlayWrapper || !previousSelectedEditableDOM) {\n            return;\n        }\n\n        // if previous selected editable element is not same as the current\n        // target and the target is also not psuedo-editable then return\n        if (\n            !entry.target.isSameNode(previousSelectedEditableDOM) &&\n            !entry.target.classList.contains(\n                \"visual-builder__pseudo-editable-element\"\n            )\n        ) {\n            return;\n        }\n\n        const isPsuedoEditableElement = entry.target.classList.contains(\n            \"visual-builder__pseudo-editable-element\"\n        );\n\n        // the \"actual\" editable element when the current target is psuedo-editable\n        // is the previous selected editable element instead of the closest data-cslp element\n        // (cant use closest because the psuedo editable is absolute positioned)\n        // (Note - why do we even need the closest? we do an early exit if entry.target\n        // is not the previous selected editable element, needs more investigation)\n        const editableElement = (\n            isPsuedoEditableElement\n                ? previousSelectedEditableDOM\n                : entry.target.closest(\"[data-cslp]\")\n        ) as HTMLElement | null;\n\n        if (isPsuedoEditableElement) {\n            // if the current target is psuedo-editable, then the resizing occurred by typing\n            // into the psuedo editable, simply update the focus overlay\n            addFocusOverlay(entry.target, this.overlayWrapper);\n\n            // TODO check if we can now resize the actual editable element\n            // when psuedo editable element is resized, avoid infinite loops\n        } else if (editableElement) {\n            this.handlePositionChange(editableElement);\n        }\n\n        // update the overlay if field is disabled\n        const cslpData =\n            editableElement && editableElement.getAttribute(\"data-cslp\");\n\n        if (!editableElement || !cslpData) {\n            return;\n        }\n\n        const fieldMetadata = extractDetailsFromCslp(cslpData);\n\n        FieldSchemaMap.getFieldSchema(\n            fieldMetadata.content_type_uid,\n            fieldMetadata.fieldPath\n        ).then((fieldSchema) => {\n            if (!fieldSchema) {\n                return;\n            }\n            const { isDisabled } = isFieldDisabled(fieldSchema, {\n                editableElement,\n                fieldMetadata,\n            });\n            if (isDisabled) {\n                addFocusOverlay(\n                    editableElement,\n                    this.overlayWrapper as HTMLDivElement,\n                    isDisabled\n                );\n            }\n        });\n    });\n\n    private mutationObserver = new MutationObserver(\n        debounce(\n            async () => {\n                updateFocussedStateOnMutation(\n                    this.overlayWrapper,\n                    this.focusedToolbar,\n                    this.visualBuilderContainer,\n                    this.resizeObserver\n                );\n                const emptyBlockParents = Array.from(\n                    document.querySelectorAll(\n                        `.${VB_EmptyBlockParentClass}`\n                    )\n                );\n\n                const previousEmptyBlockParents = VisualBuilder\n                    .VisualBuilderGlobalState.value\n                    .previousEmptyBlockParents as Element[];\n\n                if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {\n                    const noMoreEmptyBlockParent =\n                        previousEmptyBlockParents.filter(\n                            (x) => !emptyBlockParents.includes(x)\n                        );\n                    const newEmptyBlockParent = emptyBlockParents.filter(\n                        (x) => !previousEmptyBlockParents.includes(x)\n                    );\n\n                    removeEmptyBlocks(noMoreEmptyBlockParent);\n                    await generateEmptyBlocks(newEmptyBlockParent);\n\n                    VisualBuilder.VisualBuilderGlobalState.value = {\n                        ...VisualBuilder.VisualBuilderGlobalState.value,\n                        previousEmptyBlockParents: emptyBlockParents,\n                    };\n                }\n            },\n            100,\n            { trailing: true }\n        )\n    );\n\n    constructor() {\n        // Handles changes in element positions due to sidebar toggling or window resizing,\n        // triggering a redraw of the visual builder\n        window.addEventListener(\"resize\", this.resizeEventHandler);\n        window.addEventListener(\"scroll\", this.scrollEventHandler);\n        initUI({\n            resizeObserver: this.resizeObserver,\n        });\n\n        // Initializing goober for css-in-js\n        setup(h);\n\n        this.visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        );\n        this.overlayWrapper = document.querySelector(\n            \".visual-builder__overlay__wrapper\"\n        );\n        this.customCursor = document.querySelector(\".visual-builder__cursor\");\n        this.focusedToolbar = document.querySelector(\n            \".visual-builder__focused-toolbar\"\n        );\n\n        const config = Config.get();\n\n        if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {\n            return;\n        }\n        visualBuilderPostMessage\n            ?.send<IVisualBuilderInitEvent>(\"init\", {\n                isSSR: config.ssr,\n                href: window.location.href,\n            })\n            .then((data) => {\n                const {\n                    windowType = ILivePreviewWindowType.BUILDER,\n                    stackDetails,\n                } = data || {};\n                Config.set(\"windowType\", windowType);\n                Config.set(\n                    \"stackDetails.masterLocale\",\n                    stackDetails?.masterLocale || \"en-us\"\n                );\n\n                addEventListeners({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    previousSelectedEditableDOM:\n                        VisualBuilder.VisualBuilderGlobalState.value\n                            .previousSelectedEditableDOM,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                    customCursor: this.customCursor,\n                });\n\n                addKeyboardShortcuts({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n                useScrollToField();\n                useHighlightCommentIcon();\n                this.mutationObserver.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                });\n\n                visualBuilderPostMessage?.on(\n                    VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,\n                    getEntryIdentifiersInCurrentPage\n                );\n                visualBuilderPostMessage?.send(\n                    VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE\n                );\n\n                useHideFocusOverlayPostMessageEvent({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n\n                // These events are used to sync the data when we made some changes in the entry without invoking live preview module.\n                useHistoryPostMessageEvent();\n                useOnEntryUpdatePostMessageEvent();\n                useRecalculateVariantDataCSLPValues();\n                useDraftFieldsPostMessageEvent();\n                useVariantFieldsPostMessageEvent();\n            })\n            .catch(() => {\n                if (!inIframe()) {\n                    generateStartEditingButton(this.visualBuilderContainer);\n                }\n            });\n    }\n\n    // TODO: write test cases\n    destroy = (): void => {\n        // Remove event listeners\n        window.removeEventListener(\"resize\", this.resizeEventHandler);\n        window.removeEventListener(\"scroll\", this.scrollEventHandler);\n\n        // Remove custom event listeners\n        removeEventListeners({\n            overlayWrapper: this.overlayWrapper,\n            visualBuilderContainer: this.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n            customCursor: this.customCursor,\n        });\n\n        // Disconnect observers\n        this.resizeObserver.disconnect();\n        this.mutationObserver.disconnect();\n\n        // Clear global state\n        VisualBuilder.VisualBuilderGlobalState.value = {\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: \"en-us\",\n            variant: null,\n        };\n\n        // Remove DOM elements\n        if (this.visualBuilderContainer) {\n            window.document.body.removeChild(this.visualBuilderContainer);\n        }\n        if (this.customCursor) {\n            this.customCursor.remove();\n        }\n        if (this.overlayWrapper) {\n            this.overlayWrapper.remove();\n        }\n        if (this.focusedToolbar) {\n            this.focusedToolbar.remove();\n        }\n\n        // Nullify references\n        this.customCursor = null;\n        this.overlayWrapper = null;\n        this.visualBuilderContainer = null;\n        this.focusedToolbar = null;\n    };\n}\n"],"mappings":"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","names":["initUI","Config","visualBuilderPostMessage","_a"]}

package/dist/legacy/visualBuilder/index.js

@@ -41,6 +41,7 @@ import {
 import { useHighlightCommentIcon } from "./eventManager/useHighlightCommentIcon.js";
 import { updateHighlightedCommentIconPosition } from "./generators/generateHighlightedComment.js";
 import { useRecalculateVariantDataCSLPValues } from "./eventManager/useRecalculateVariantDataCSLPValues.js";
+import { VB_EmptyBlockParentClass } from "../index.js";
 var _VisualBuilder = class _VisualBuilder {
   constructor() {
     this.customCursor = null;
@@ -114,7 +115,7 @@ var _VisualBuilder = class _VisualBuilder {
           );
           const emptyBlockParents = Array.from(
             document.querySelectorAll(
-              ".visual-builder__empty-block-parent"
+              `.${VB_EmptyBlockParentClass}`
             )
           );
           const previousEmptyBlockParents = _VisualBuilder.VisualBuilderGlobalState.value.previousEmptyBlockParents;

package/dist/legacy/visualBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/visualBuilder/index.ts"],"sourcesContent":["import { Signal, signal } from \"@preact/signals\";\n\nimport { inIframe } from \"../common/inIframe\";\nimport Config from \"../configManager/configManager\";\nimport {\n    useHistoryPostMessageEvent,\n    useOnEntryUpdatePostMessageEvent,\n} from \"../livePreview/eventManager/postMessageEvent.hooks\";\nimport {\n    ILivePreviewModeConfig,\n    ILivePreviewWindowType,\n    IVisualBuilderInitEvent,\n} from \"../types/types\";\nimport { generateStartEditingButton } from \"./generators/generateStartEditingButton\";\n\nimport { addFocusOverlay } from \"./generators/generateOverlay\";\nimport { getEntryIdentifiersInCurrentPage } from \"./utils/getEntryIdentifiersInCurrentPage\";\nimport visualBuilderPostMessage from \"./utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./utils/types/postMessage.types\";\n\nimport { setup } from \"goober\";\nimport { debounce, isEqual } from \"lodash-es\";\nimport { h } from \"preact\";\nimport { extractDetailsFromCslp } from \"../cslp\";\nimport initUI from \"./components\";\nimport { useDraftFieldsPostMessageEvent } from \"./eventManager/useDraftFieldsPostMessageEvent\";\nimport { useHideFocusOverlayPostMessageEvent } from \"./eventManager/useHideFocusOverlayPostMessageEvent\";\nimport { useScrollToField } from \"./eventManager/useScrollToField\";\nimport { useVariantFieldsPostMessageEvent } from \"./eventManager/useVariantsPostMessageEvent\";\nimport {\n    generateEmptyBlocks,\n    removeEmptyBlocks,\n} from \"./generators/generateEmptyBlock\";\nimport { addEventListeners, removeEventListeners } from \"./listeners\";\nimport { addKeyboardShortcuts } from \"./listeners/keyboardShortcuts\";\nimport { FieldSchemaMap } from \"./utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"./utils/isFieldDisabled\";\nimport {\n    updateFocussedState,\n    updateFocussedStateOnMutation,\n} from \"./utils/updateFocussedState\";\nimport { useHighlightCommentIcon } from \"./eventManager/useHighlightCommentIcon\";\nimport { updateHighlightedCommentIconPosition } from \"./generators/generateHighlightedComment\";\nimport { useRecalculateVariantDataCSLPValues } from \"./eventManager/useRecalculateVariantDataCSLPValues\";\n\ninterface VisualBuilderGlobalStateImpl {\n    previousSelectedEditableDOM: HTMLElement | Element | null;\n    previousHoveredTargetDOM: Element | null;\n    previousEmptyBlockParents: Element[] | [];\n    focusFieldValue: string | null;\n    audienceMode: boolean;\n    locale: string;\n    variant: string | null;\n}\n\nexport class VisualBuilder {\n    private customCursor: HTMLDivElement | null = null;\n    private overlayWrapper: HTMLDivElement | null = null;\n    private visualBuilderContainer: HTMLDivElement | null = null;\n    private focusedToolbar: HTMLDivElement | null = null;\n\n    static VisualBuilderGlobalState: Signal<VisualBuilderGlobalStateImpl> =\n        signal({\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: Config.get().stackDetails.masterLocale || \"en-us\",\n            variant: null,\n        });\n\n    private handlePositionChange(editableElement: HTMLElement) {\n        updateFocussedState({\n            editableElement,\n            visualBuilderContainer: this.visualBuilderContainer,\n            overlayWrapper: this.overlayWrapper,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n        });\n    }\n\n    private scrollEventHandler = () => {\n        updateHighlightedCommentIconPosition(); // Update icons position\n    };\n\n    private resizeEventHandler = () => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n        updateHighlightedCommentIconPosition();\n        if (previousSelectedEditableDOM) {\n            this.handlePositionChange(\n                previousSelectedEditableDOM as HTMLElement\n            );\n        }\n    };\n\n    private resizeObserver = new ResizeObserver(([entry]) => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!this.overlayWrapper || !previousSelectedEditableDOM) {\n            return;\n        }\n\n        // if previous selected editable element is not same as the current\n        // target and the target is also not psuedo-editable then return\n        if (\n            !entry.target.isSameNode(previousSelectedEditableDOM) &&\n            !entry.target.classList.contains(\n                \"visual-builder__pseudo-editable-element\"\n            )\n        ) {\n            return;\n        }\n\n        const isPsuedoEditableElement = entry.target.classList.contains(\n            \"visual-builder__pseudo-editable-element\"\n        );\n\n        // the \"actual\" editable element when the current target is psuedo-editable\n        // is the previous selected editable element instead of the closest data-cslp element\n        // (cant use closest because the psuedo editable is absolute positioned)\n        // (Note - why do we even need the closest? we do an early exit if entry.target\n        // is not the previous selected editable element, needs more investigation)\n        const editableElement = (\n            isPsuedoEditableElement\n                ? previousSelectedEditableDOM\n                : entry.target.closest(\"[data-cslp]\")\n        ) as HTMLElement | null;\n\n        if (isPsuedoEditableElement) {\n            // if the current target is psuedo-editable, then the resizing occurred by typing\n            // into the psuedo editable, simply update the focus overlay\n            addFocusOverlay(entry.target, this.overlayWrapper);\n\n            // TODO check if we can now resize the actual editable element\n            // when psuedo editable element is resized, avoid infinite loops\n        } else if (editableElement) {\n            this.handlePositionChange(editableElement);\n        }\n\n        // update the overlay if field is disabled\n        const cslpData =\n            editableElement && editableElement.getAttribute(\"data-cslp\");\n\n        if (!editableElement || !cslpData) {\n            return;\n        }\n\n        const fieldMetadata = extractDetailsFromCslp(cslpData);\n\n        FieldSchemaMap.getFieldSchema(\n            fieldMetadata.content_type_uid,\n            fieldMetadata.fieldPath\n        ).then((fieldSchema) => {\n            if (!fieldSchema) {\n                return;\n            }\n            const { isDisabled } = isFieldDisabled(fieldSchema, {\n                editableElement,\n                fieldMetadata,\n            });\n            if (isDisabled) {\n                addFocusOverlay(\n                    editableElement,\n                    this.overlayWrapper as HTMLDivElement,\n                    isDisabled\n                );\n            }\n        });\n    });\n\n    private mutationObserver = new MutationObserver(\n        debounce(\n            async () => {\n                updateFocussedStateOnMutation(\n                    this.overlayWrapper,\n                    this.focusedToolbar,\n                    this.visualBuilderContainer,\n                    this.resizeObserver\n                );\n                const emptyBlockParents = Array.from(\n                    document.querySelectorAll(\n                        \".visual-builder__empty-block-parent\"\n                    )\n                );\n\n                const previousEmptyBlockParents = VisualBuilder\n                    .VisualBuilderGlobalState.value\n                    .previousEmptyBlockParents as Element[];\n\n                if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {\n                    const noMoreEmptyBlockParent =\n                        previousEmptyBlockParents.filter(\n                            (x) => !emptyBlockParents.includes(x)\n                        );\n                    const newEmptyBlockParent = emptyBlockParents.filter(\n                        (x) => !previousEmptyBlockParents.includes(x)\n                    );\n\n                    removeEmptyBlocks(noMoreEmptyBlockParent);\n                    await generateEmptyBlocks(newEmptyBlockParent);\n\n                    VisualBuilder.VisualBuilderGlobalState.value = {\n                        ...VisualBuilder.VisualBuilderGlobalState.value,\n                        previousEmptyBlockParents: emptyBlockParents,\n                    };\n                }\n            },\n            100,\n            { trailing: true }\n        )\n    );\n\n    constructor() {\n        // Handles changes in element positions due to sidebar toggling or window resizing,\n        // triggering a redraw of the visual builder\n        window.addEventListener(\"resize\", this.resizeEventHandler);\n        window.addEventListener(\"scroll\", this.scrollEventHandler);\n        initUI({\n            resizeObserver: this.resizeObserver,\n        });\n\n        // Initializing goober for css-in-js\n        setup(h);\n\n        this.visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        );\n        this.overlayWrapper = document.querySelector(\n            \".visual-builder__overlay__wrapper\"\n        );\n        this.customCursor = document.querySelector(\".visual-builder__cursor\");\n        this.focusedToolbar = document.querySelector(\n            \".visual-builder__focused-toolbar\"\n        );\n\n        const config = Config.get();\n\n        if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {\n            return;\n        }\n        visualBuilderPostMessage\n            ?.send<IVisualBuilderInitEvent>(\"init\", {\n                isSSR: config.ssr,\n                href: window.location.href,\n            })\n            .then((data) => {\n                const {\n                    windowType = ILivePreviewWindowType.BUILDER,\n                    stackDetails,\n                } = data || {};\n                Config.set(\"windowType\", windowType);\n                Config.set(\n                    \"stackDetails.masterLocale\",\n                    stackDetails?.masterLocale || \"en-us\"\n                );\n\n                addEventListeners({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    previousSelectedEditableDOM:\n                        VisualBuilder.VisualBuilderGlobalState.value\n                            .previousSelectedEditableDOM,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                    customCursor: this.customCursor,\n                });\n\n                addKeyboardShortcuts({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n                useScrollToField();\n                useHighlightCommentIcon();\n                this.mutationObserver.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                });\n\n                visualBuilderPostMessage?.on(\n                    VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,\n                    getEntryIdentifiersInCurrentPage\n                );\n                visualBuilderPostMessage?.send(\n                    VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE\n                );\n\n                useHideFocusOverlayPostMessageEvent({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n\n                // These events are used to sync the data when we made some changes in the entry without invoking live preview module.\n                useHistoryPostMessageEvent();\n                useOnEntryUpdatePostMessageEvent();\n                useRecalculateVariantDataCSLPValues();\n                useDraftFieldsPostMessageEvent();\n                useVariantFieldsPostMessageEvent();\n            })\n            .catch(() => {\n                if (!inIframe()) {\n                    generateStartEditingButton(this.visualBuilderContainer);\n                }\n            });\n    }\n\n    // TODO: write test cases\n    destroy = (): void => {\n        // Remove event listeners\n        window.removeEventListener(\"resize\", this.resizeEventHandler);\n        window.removeEventListener(\"scroll\", this.scrollEventHandler);\n\n        // Remove custom event listeners\n        removeEventListeners({\n            overlayWrapper: this.overlayWrapper,\n            visualBuilderContainer: this.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n            customCursor: this.customCursor,\n        });\n\n        // Disconnect observers\n        this.resizeObserver.disconnect();\n        this.mutationObserver.disconnect();\n\n        // Clear global state\n        VisualBuilder.VisualBuilderGlobalState.value = {\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: \"en-us\",\n            variant: null,\n        };\n\n        // Remove DOM elements\n        if (this.visualBuilderContainer) {\n            window.document.body.removeChild(this.visualBuilderContainer);\n        }\n        if (this.customCursor) {\n            this.customCursor.remove();\n        }\n        if (this.overlayWrapper) {\n            this.overlayWrapper.remove();\n        }\n        if (this.focusedToolbar) {\n            this.focusedToolbar.remove();\n        }\n\n        // Nullify references\n        this.customCursor = null;\n        this.overlayWrapper = null;\n        this.visualBuilderContainer = null;\n        this.focusedToolbar = null;\n    };\n}\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../src/visualBuilder/index.ts"],"sourcesContent":["import { Signal, signal } from \"@preact/signals\";\n\nimport { inIframe } from \"../common/inIframe\";\nimport Config from \"../configManager/configManager\";\nimport {\n    useHistoryPostMessageEvent,\n    useOnEntryUpdatePostMessageEvent,\n} from \"../livePreview/eventManager/postMessageEvent.hooks\";\nimport {\n    ILivePreviewModeConfig,\n    ILivePreviewWindowType,\n    IVisualBuilderInitEvent,\n} from \"../types/types\";\nimport { generateStartEditingButton } from \"./generators/generateStartEditingButton\";\n\nimport { addFocusOverlay } from \"./generators/generateOverlay\";\nimport { getEntryIdentifiersInCurrentPage } from \"./utils/getEntryIdentifiersInCurrentPage\";\nimport visualBuilderPostMessage from \"./utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./utils/types/postMessage.types\";\n\nimport { setup } from \"goober\";\nimport { debounce, isEqual } from \"lodash-es\";\nimport { h } from \"preact\";\nimport { extractDetailsFromCslp } from \"../cslp\";\nimport initUI from \"./components\";\nimport { useDraftFieldsPostMessageEvent } from \"./eventManager/useDraftFieldsPostMessageEvent\";\nimport { useHideFocusOverlayPostMessageEvent } from \"./eventManager/useHideFocusOverlayPostMessageEvent\";\nimport { useScrollToField } from \"./eventManager/useScrollToField\";\nimport { useVariantFieldsPostMessageEvent } from \"./eventManager/useVariantsPostMessageEvent\";\nimport {\n    generateEmptyBlocks,\n    removeEmptyBlocks,\n} from \"./generators/generateEmptyBlock\";\nimport { addEventListeners, removeEventListeners } from \"./listeners\";\nimport { addKeyboardShortcuts } from \"./listeners/keyboardShortcuts\";\nimport { FieldSchemaMap } from \"./utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"./utils/isFieldDisabled\";\nimport {\n    updateFocussedState,\n    updateFocussedStateOnMutation,\n} from \"./utils/updateFocussedState\";\nimport { useHighlightCommentIcon } from \"./eventManager/useHighlightCommentIcon\";\nimport { updateHighlightedCommentIconPosition } from \"./generators/generateHighlightedComment\";\nimport { useRecalculateVariantDataCSLPValues } from \"./eventManager/useRecalculateVariantDataCSLPValues\";\nimport { VB_EmptyBlockParentClass } from \"..\";\n\ninterface VisualBuilderGlobalStateImpl {\n    previousSelectedEditableDOM: HTMLElement | Element | null;\n    previousHoveredTargetDOM: Element | null;\n    previousEmptyBlockParents: Element[] | [];\n    focusFieldValue: string | null;\n    audienceMode: boolean;\n    locale: string;\n    variant: string | null;\n}\n\nexport class VisualBuilder {\n    private customCursor: HTMLDivElement | null = null;\n    private overlayWrapper: HTMLDivElement | null = null;\n    private visualBuilderContainer: HTMLDivElement | null = null;\n    private focusedToolbar: HTMLDivElement | null = null;\n\n    static VisualBuilderGlobalState: Signal<VisualBuilderGlobalStateImpl> =\n        signal({\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: Config.get().stackDetails.masterLocale || \"en-us\",\n            variant: null,\n        });\n\n    private handlePositionChange(editableElement: HTMLElement) {\n        updateFocussedState({\n            editableElement,\n            visualBuilderContainer: this.visualBuilderContainer,\n            overlayWrapper: this.overlayWrapper,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n        });\n    }\n\n    private scrollEventHandler = () => {\n        updateHighlightedCommentIconPosition(); // Update icons position\n    };\n\n    private resizeEventHandler = () => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n        updateHighlightedCommentIconPosition();\n        if (previousSelectedEditableDOM) {\n            this.handlePositionChange(\n                previousSelectedEditableDOM as HTMLElement\n            );\n        }\n    };\n\n    private resizeObserver = new ResizeObserver(([entry]) => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!this.overlayWrapper || !previousSelectedEditableDOM) {\n            return;\n        }\n\n        // if previous selected editable element is not same as the current\n        // target and the target is also not psuedo-editable then return\n        if (\n            !entry.target.isSameNode(previousSelectedEditableDOM) &&\n            !entry.target.classList.contains(\n                \"visual-builder__pseudo-editable-element\"\n            )\n        ) {\n            return;\n        }\n\n        const isPsuedoEditableElement = entry.target.classList.contains(\n            \"visual-builder__pseudo-editable-element\"\n        );\n\n        // the \"actual\" editable element when the current target is psuedo-editable\n        // is the previous selected editable element instead of the closest data-cslp element\n        // (cant use closest because the psuedo editable is absolute positioned)\n        // (Note - why do we even need the closest? we do an early exit if entry.target\n        // is not the previous selected editable element, needs more investigation)\n        const editableElement = (\n            isPsuedoEditableElement\n                ? previousSelectedEditableDOM\n                : entry.target.closest(\"[data-cslp]\")\n        ) as HTMLElement | null;\n\n        if (isPsuedoEditableElement) {\n            // if the current target is psuedo-editable, then the resizing occurred by typing\n            // into the psuedo editable, simply update the focus overlay\n            addFocusOverlay(entry.target, this.overlayWrapper);\n\n            // TODO check if we can now resize the actual editable element\n            // when psuedo editable element is resized, avoid infinite loops\n        } else if (editableElement) {\n            this.handlePositionChange(editableElement);\n        }\n\n        // update the overlay if field is disabled\n        const cslpData =\n            editableElement && editableElement.getAttribute(\"data-cslp\");\n\n        if (!editableElement || !cslpData) {\n            return;\n        }\n\n        const fieldMetadata = extractDetailsFromCslp(cslpData);\n\n        FieldSchemaMap.getFieldSchema(\n            fieldMetadata.content_type_uid,\n            fieldMetadata.fieldPath\n        ).then((fieldSchema) => {\n            if (!fieldSchema) {\n                return;\n            }\n            const { isDisabled } = isFieldDisabled(fieldSchema, {\n                editableElement,\n                fieldMetadata,\n            });\n            if (isDisabled) {\n                addFocusOverlay(\n                    editableElement,\n                    this.overlayWrapper as HTMLDivElement,\n                    isDisabled\n                );\n            }\n        });\n    });\n\n    private mutationObserver = new MutationObserver(\n        debounce(\n            async () => {\n                updateFocussedStateOnMutation(\n                    this.overlayWrapper,\n                    this.focusedToolbar,\n                    this.visualBuilderContainer,\n                    this.resizeObserver\n                );\n                const emptyBlockParents = Array.from(\n                    document.querySelectorAll(\n                        `.${VB_EmptyBlockParentClass}`\n                    )\n                );\n\n                const previousEmptyBlockParents = VisualBuilder\n                    .VisualBuilderGlobalState.value\n                    .previousEmptyBlockParents as Element[];\n\n                if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {\n                    const noMoreEmptyBlockParent =\n                        previousEmptyBlockParents.filter(\n                            (x) => !emptyBlockParents.includes(x)\n                        );\n                    const newEmptyBlockParent = emptyBlockParents.filter(\n                        (x) => !previousEmptyBlockParents.includes(x)\n                    );\n\n                    removeEmptyBlocks(noMoreEmptyBlockParent);\n                    await generateEmptyBlocks(newEmptyBlockParent);\n\n                    VisualBuilder.VisualBuilderGlobalState.value = {\n                        ...VisualBuilder.VisualBuilderGlobalState.value,\n                        previousEmptyBlockParents: emptyBlockParents,\n                    };\n                }\n            },\n            100,\n            { trailing: true }\n        )\n    );\n\n    constructor() {\n        // Handles changes in element positions due to sidebar toggling or window resizing,\n        // triggering a redraw of the visual builder\n        window.addEventListener(\"resize\", this.resizeEventHandler);\n        window.addEventListener(\"scroll\", this.scrollEventHandler);\n        initUI({\n            resizeObserver: this.resizeObserver,\n        });\n\n        // Initializing goober for css-in-js\n        setup(h);\n\n        this.visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        );\n        this.overlayWrapper = document.querySelector(\n            \".visual-builder__overlay__wrapper\"\n        );\n        this.customCursor = document.querySelector(\".visual-builder__cursor\");\n        this.focusedToolbar = document.querySelector(\n            \".visual-builder__focused-toolbar\"\n        );\n\n        const config = Config.get();\n\n        if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {\n            return;\n        }\n        visualBuilderPostMessage\n            ?.send<IVisualBuilderInitEvent>(\"init\", {\n                isSSR: config.ssr,\n                href: window.location.href,\n            })\n            .then((data) => {\n                const {\n                    windowType = ILivePreviewWindowType.BUILDER,\n                    stackDetails,\n                } = data || {};\n                Config.set(\"windowType\", windowType);\n                Config.set(\n                    \"stackDetails.masterLocale\",\n                    stackDetails?.masterLocale || \"en-us\"\n                );\n\n                addEventListeners({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    previousSelectedEditableDOM:\n                        VisualBuilder.VisualBuilderGlobalState.value\n                            .previousSelectedEditableDOM,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                    customCursor: this.customCursor,\n                });\n\n                addKeyboardShortcuts({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n                useScrollToField();\n                useHighlightCommentIcon();\n                this.mutationObserver.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                });\n\n                visualBuilderPostMessage?.on(\n                    VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,\n                    getEntryIdentifiersInCurrentPage\n                );\n                visualBuilderPostMessage?.send(\n                    VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE\n                );\n\n                useHideFocusOverlayPostMessageEvent({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n\n                // These events are used to sync the data when we made some changes in the entry without invoking live preview module.\n                useHistoryPostMessageEvent();\n                useOnEntryUpdatePostMessageEvent();\n                useRecalculateVariantDataCSLPValues();\n                useDraftFieldsPostMessageEvent();\n                useVariantFieldsPostMessageEvent();\n            })\n            .catch(() => {\n                if (!inIframe()) {\n                    generateStartEditingButton(this.visualBuilderContainer);\n                }\n            });\n    }\n\n    // TODO: write test cases\n    destroy = (): void => {\n        // Remove event listeners\n        window.removeEventListener(\"resize\", this.resizeEventHandler);\n        window.removeEventListener(\"scroll\", this.scrollEventHandler);\n\n        // Remove custom event listeners\n        removeEventListeners({\n            overlayWrapper: this.overlayWrapper,\n            visualBuilderContainer: this.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n            customCursor: this.customCursor,\n        });\n\n        // Disconnect observers\n        this.resizeObserver.disconnect();\n        this.mutationObserver.disconnect();\n\n        // Clear global state\n        VisualBuilder.VisualBuilderGlobalState.value = {\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: \"en-us\",\n            variant: null,\n        };\n\n        // Remove DOM elements\n        if (this.visualBuilderContainer) {\n            window.document.body.removeChild(this.visualBuilderContainer);\n        }\n        if (this.customCursor) {\n            this.customCursor.remove();\n        }\n        if (this.overlayWrapper) {\n            this.overlayWrapper.remove();\n        }\n        if (this.focusedToolbar) {\n            this.focusedToolbar.remove();\n        }\n\n        // Nullify references\n        this.customCursor = null;\n        this.overlayWrapper = null;\n        this.visualBuilderContainer = null;\n        this.focusedToolbar = null;\n    };\n}\n"],"mappings":"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","names":["_a"]}

package/dist/legacy/visualBuilder/listeners/mouseClick.cjs

@@ -44,6 +44,7 @@ var import__ = require("../index.cjs");
 var import_fieldSchemaMap = require("../utils/fieldSchemaMap.cjs");
 var import_isFieldDisabled = require("../utils/isFieldDisabled.cjs");
 var import_generateHighlightedComment = require("../generators/generateHighlightedComment.cjs");
+var import__2 = require("../../index.cjs");
 function addOverlay(params) {
   if (!params.overlayWrapper || !params.editableElement) return;
   (0, import_generateOverlay.addFocusOverlay)(
@@ -87,7 +88,7 @@ async function handleBuilderInteraction(params) {
     });
   }
   if (editableElement.classList.contains(
-    "visual-builder__empty-block-parent"
+    import__2.VB_EmptyBlockParentClass
   ) || editableElement.classList.contains("visual-builder__empty-block")) {
     return;
   }

package/dist/legacy/visualBuilder/listeners/mouseClick.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseClick.ts"],"sourcesContent":["import {\n    cleanIndividualFieldResidual,\n    handleIndividualFields,\n} from \"../utils/handleIndividualFields\";\n\nimport {\n    getCsDataOfElement,\n    getDOMEditStack,\n} from \"../utils/getCsDataOfElement\";\n\nimport { appendFocusedToolbar } from \"../generators/generateToolbar\";\n\nimport { addFocusOverlay, hideOverlay } from \"../generators/generateOverlay\";\n\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\n\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\nimport { VisualBuilder } from \"..\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport EventListenerHandlerParams from \"./types\";\nimport { toggleHighlightedCommentIconDisplay } from \"../generators/generateHighlightedComment\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n>;\n\ntype AddFocusOverlayParams = Pick<\n    EventListenerHandlerParams,\n    \"overlayWrapper\" | \"resizeObserver\"\n> & { editableElement: Element; isFieldDisabled?: boolean };\n\ntype AddFocusedToolbarParams = Pick<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"focusedToolbar\"\n> & { hideOverlay: () => void };\n\nfunction addOverlay(params: AddFocusOverlayParams) {\n    if (!params.overlayWrapper || !params.editableElement) return;\n\n    addFocusOverlay(\n        params.editableElement,\n        params.overlayWrapper,\n        params.isFieldDisabled\n    );\n    params.resizeObserver.observe(params.editableElement);\n}\n\nexport function addFocusedToolbar(params: AddFocusedToolbarParams): void {\n    const { editableElement } = params.eventDetails;\n\n    if (!editableElement || !params.focusedToolbar) return;\n\n    appendFocusedToolbar(params.eventDetails, params.focusedToolbar, params.hideOverlay);\n}\n\nasync function handleBuilderInteraction(\n    params: HandleBuilderInteractionParams\n): Promise<void> {\n    const eventTarget = params.event.target as HTMLElement | null;\n    const isAnchorElement = eventTarget instanceof HTMLAnchorElement;\n    const elementHasCslp =\n        eventTarget &&\n        (eventTarget.hasAttribute(\"data-cslp\") ||\n            eventTarget.closest(\"[data-cslp]\"));\n\n    // prevent default behavior for anchor elements and elements with cslp attribute\n    if (\n        isAnchorElement ||\n        (elementHasCslp && !eventTarget.closest(\".visual-builder__empty-block\"))\n    ) {\n        params.event.preventDefault();\n        params.event.stopPropagation();\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n    visualBuilderPostMessage\n        ?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {\n            cslpData: eventDetails?.cslpData,\n            fieldMetadata: eventDetails?.fieldMetadata,\n        })\n        .catch((err) => {\n            console.warn(\"Error while sending post message\", err);\n        });\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n    const { editableElement, fieldMetadata } = eventDetails;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM !== editableElement\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n\n    // if the selected element is our empty block element, return\n    if (\n        editableElement.classList.contains(\n            \"visual-builder__empty-block-parent\"\n        ) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        return;\n    }\n\n    // when previous and current selected element is same, return.\n    // this also avoids inserting psuedo-editable field (field data is\n    // not equal to text content in DOM) when performing mouse\n    // selections in the content editable\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        previousSelectedElement &&\n        previousSelectedElement === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    addOverlay({\n        overlayWrapper: params.overlayWrapper,\n        resizeObserver: params.resizeObserver,\n        editableElement: editableElement,\n    });\n\n    addFocusedToolbar({\n        eventDetails: eventDetails,\n        focusedToolbar: params.focusedToolbar,\n        hideOverlay: () => {\n            hideOverlay({\n                visualBuilderContainer: params.visualBuilderContainer,\n                visualBuilderOverlayWrapper: params.overlayWrapper,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n    });\n\n    const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\n        // after field schema is available re-add disabled overlay\n        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);\n        if (isDisabled) {\n            addOverlay({\n                overlayWrapper: params.overlayWrapper,\n                resizeObserver: params.resizeObserver,\n                editableElement: editableElement,\n                isFieldDisabled: true,\n            });\n        }\n    }\n\n    // This is most probably redundant code, as the handleIndividualFields function\n    // takes care of this\n    // TODO: Remove this\n    // if (\n    //     fieldSchema.data_type === \"block\" ||\n    //     fieldSchema.multiple ||\n    //     (fieldSchema.data_type === \"reference\" &&\n    //         // @ts-ignore\n    //         fieldSchema.field_metadata.ref_multiple)\n    // ) {\n    //     handleAddButtonsForMultiple(eventDetails, {\n    //         editableElement: editableElement,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         resizeObserver: params.resizeObserver,\n    //     });\n    // } else {\n    //     removeAddInstanceButtons({\n    //         eventTarget: params.event.target,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         overlayWrapper: params.overlayWrapper,\n    //     });\n    // }\n    visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {\n        DOMEditStack: getDOMEditStack(editableElement),\n    });\n\n    await handleIndividualFields(eventDetails, {\n        visualBuilderContainer: params.visualBuilderContainer,\n        resizeObserver: params.resizeObserver,\n        lastEditedField: previousSelectedElement,\n    });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":"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","names":["visualBuilderPostMessage"]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseClick.ts"],"sourcesContent":["import {\n    cleanIndividualFieldResidual,\n    handleIndividualFields,\n} from \"../utils/handleIndividualFields\";\n\nimport {\n    getCsDataOfElement,\n    getDOMEditStack,\n} from \"../utils/getCsDataOfElement\";\n\nimport { appendFocusedToolbar } from \"../generators/generateToolbar\";\n\nimport { addFocusOverlay, hideOverlay } from \"../generators/generateOverlay\";\n\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\n\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\nimport { VisualBuilder } from \"..\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport EventListenerHandlerParams from \"./types\";\nimport { toggleHighlightedCommentIconDisplay } from \"../generators/generateHighlightedComment\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n>;\n\ntype AddFocusOverlayParams = Pick<\n    EventListenerHandlerParams,\n    \"overlayWrapper\" | \"resizeObserver\"\n> & { editableElement: Element; isFieldDisabled?: boolean };\n\ntype AddFocusedToolbarParams = Pick<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"focusedToolbar\"\n> & { hideOverlay: () => void };\n\nfunction addOverlay(params: AddFocusOverlayParams) {\n    if (!params.overlayWrapper || !params.editableElement) return;\n\n    addFocusOverlay(\n        params.editableElement,\n        params.overlayWrapper,\n        params.isFieldDisabled\n    );\n    params.resizeObserver.observe(params.editableElement);\n}\n\nexport function addFocusedToolbar(params: AddFocusedToolbarParams): void {\n    const { editableElement } = params.eventDetails;\n\n    if (!editableElement || !params.focusedToolbar) return;\n\n    appendFocusedToolbar(params.eventDetails, params.focusedToolbar, params.hideOverlay);\n}\n\nasync function handleBuilderInteraction(\n    params: HandleBuilderInteractionParams\n): Promise<void> {\n    const eventTarget = params.event.target as HTMLElement | null;\n    const isAnchorElement = eventTarget instanceof HTMLAnchorElement;\n    const elementHasCslp =\n        eventTarget &&\n        (eventTarget.hasAttribute(\"data-cslp\") ||\n            eventTarget.closest(\"[data-cslp]\"));\n\n    // prevent default behavior for anchor elements and elements with cslp attribute\n    if (\n        isAnchorElement ||\n        (elementHasCslp && !eventTarget.closest(\".visual-builder__empty-block\"))\n    ) {\n        params.event.preventDefault();\n        params.event.stopPropagation();\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n    visualBuilderPostMessage\n        ?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {\n            cslpData: eventDetails?.cslpData,\n            fieldMetadata: eventDetails?.fieldMetadata,\n        })\n        .catch((err) => {\n            console.warn(\"Error while sending post message\", err);\n        });\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n    const { editableElement, fieldMetadata } = eventDetails;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM !== editableElement\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n\n    // if the selected element is our empty block element, return\n    if (\n        editableElement.classList.contains(\n            VB_EmptyBlockParentClass\n        ) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        return;\n    }\n\n    // when previous and current selected element is same, return.\n    // this also avoids inserting psuedo-editable field (field data is\n    // not equal to text content in DOM) when performing mouse\n    // selections in the content editable\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        previousSelectedElement &&\n        previousSelectedElement === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    addOverlay({\n        overlayWrapper: params.overlayWrapper,\n        resizeObserver: params.resizeObserver,\n        editableElement: editableElement,\n    });\n\n    addFocusedToolbar({\n        eventDetails: eventDetails,\n        focusedToolbar: params.focusedToolbar,\n        hideOverlay: () => {\n            hideOverlay({\n                visualBuilderContainer: params.visualBuilderContainer,\n                visualBuilderOverlayWrapper: params.overlayWrapper,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n    });\n\n    const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\n        // after field schema is available re-add disabled overlay\n        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);\n        if (isDisabled) {\n            addOverlay({\n                overlayWrapper: params.overlayWrapper,\n                resizeObserver: params.resizeObserver,\n                editableElement: editableElement,\n                isFieldDisabled: true,\n            });\n        }\n    }\n\n    // This is most probably redundant code, as the handleIndividualFields function\n    // takes care of this\n    // TODO: Remove this\n    // if (\n    //     fieldSchema.data_type === \"block\" ||\n    //     fieldSchema.multiple ||\n    //     (fieldSchema.data_type === \"reference\" &&\n    //         // @ts-ignore\n    //         fieldSchema.field_metadata.ref_multiple)\n    // ) {\n    //     handleAddButtonsForMultiple(eventDetails, {\n    //         editableElement: editableElement,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         resizeObserver: params.resizeObserver,\n    //     });\n    // } else {\n    //     removeAddInstanceButtons({\n    //         eventTarget: params.event.target,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         overlayWrapper: params.overlayWrapper,\n    //     });\n    // }\n    visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {\n        DOMEditStack: getDOMEditStack(editableElement),\n    });\n\n    await handleIndividualFields(eventDetails, {\n        visualBuilderContainer: params.visualBuilderContainer,\n        resizeObserver: params.resizeObserver,\n        lastEditedField: previousSelectedElement,\n    });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":"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","names":["import__","visualBuilderPostMessage"]}

package/dist/legacy/visualBuilder/listeners/mouseClick.js

@@ -17,6 +17,7 @@ import { VisualBuilder } from "../index.js";
 import { FieldSchemaMap } from "../utils/fieldSchemaMap.js";
 import { isFieldDisabled } from "../utils/isFieldDisabled.js";
 import { toggleHighlightedCommentIconDisplay } from "../generators/generateHighlightedComment.js";
+import { VB_EmptyBlockParentClass } from "../../index.js";
 function addOverlay(params) {
   if (!params.overlayWrapper || !params.editableElement) return;
   addFocusOverlay(
@@ -60,7 +61,7 @@ async function handleBuilderInteraction(params) {
     });
   }
   if (editableElement.classList.contains(
-    "visual-builder__empty-block-parent"
+    VB_EmptyBlockParentClass
   ) || editableElement.classList.contains("visual-builder__empty-block")) {
     return;
   }

package/dist/legacy/visualBuilder/listeners/mouseClick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseClick.ts"],"sourcesContent":["import {\n    cleanIndividualFieldResidual,\n    handleIndividualFields,\n} from \"../utils/handleIndividualFields\";\n\nimport {\n    getCsDataOfElement,\n    getDOMEditStack,\n} from \"../utils/getCsDataOfElement\";\n\nimport { appendFocusedToolbar } from \"../generators/generateToolbar\";\n\nimport { addFocusOverlay, hideOverlay } from \"../generators/generateOverlay\";\n\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\n\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\nimport { VisualBuilder } from \"..\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport EventListenerHandlerParams from \"./types\";\nimport { toggleHighlightedCommentIconDisplay } from \"../generators/generateHighlightedComment\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n>;\n\ntype AddFocusOverlayParams = Pick<\n    EventListenerHandlerParams,\n    \"overlayWrapper\" | \"resizeObserver\"\n> & { editableElement: Element; isFieldDisabled?: boolean };\n\ntype AddFocusedToolbarParams = Pick<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"focusedToolbar\"\n> & { hideOverlay: () => void };\n\nfunction addOverlay(params: AddFocusOverlayParams) {\n    if (!params.overlayWrapper || !params.editableElement) return;\n\n    addFocusOverlay(\n        params.editableElement,\n        params.overlayWrapper,\n        params.isFieldDisabled\n    );\n    params.resizeObserver.observe(params.editableElement);\n}\n\nexport function addFocusedToolbar(params: AddFocusedToolbarParams): void {\n    const { editableElement } = params.eventDetails;\n\n    if (!editableElement || !params.focusedToolbar) return;\n\n    appendFocusedToolbar(params.eventDetails, params.focusedToolbar, params.hideOverlay);\n}\n\nasync function handleBuilderInteraction(\n    params: HandleBuilderInteractionParams\n): Promise<void> {\n    const eventTarget = params.event.target as HTMLElement | null;\n    const isAnchorElement = eventTarget instanceof HTMLAnchorElement;\n    const elementHasCslp =\n        eventTarget &&\n        (eventTarget.hasAttribute(\"data-cslp\") ||\n            eventTarget.closest(\"[data-cslp]\"));\n\n    // prevent default behavior for anchor elements and elements with cslp attribute\n    if (\n        isAnchorElement ||\n        (elementHasCslp && !eventTarget.closest(\".visual-builder__empty-block\"))\n    ) {\n        params.event.preventDefault();\n        params.event.stopPropagation();\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n    visualBuilderPostMessage\n        ?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {\n            cslpData: eventDetails?.cslpData,\n            fieldMetadata: eventDetails?.fieldMetadata,\n        })\n        .catch((err) => {\n            console.warn(\"Error while sending post message\", err);\n        });\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n    const { editableElement, fieldMetadata } = eventDetails;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM !== editableElement\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n\n    // if the selected element is our empty block element, return\n    if (\n        editableElement.classList.contains(\n            \"visual-builder__empty-block-parent\"\n        ) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        return;\n    }\n\n    // when previous and current selected element is same, return.\n    // this also avoids inserting psuedo-editable field (field data is\n    // not equal to text content in DOM) when performing mouse\n    // selections in the content editable\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        previousSelectedElement &&\n        previousSelectedElement === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    addOverlay({\n        overlayWrapper: params.overlayWrapper,\n        resizeObserver: params.resizeObserver,\n        editableElement: editableElement,\n    });\n\n    addFocusedToolbar({\n        eventDetails: eventDetails,\n        focusedToolbar: params.focusedToolbar,\n        hideOverlay: () => {\n            hideOverlay({\n                visualBuilderContainer: params.visualBuilderContainer,\n                visualBuilderOverlayWrapper: params.overlayWrapper,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n    });\n\n    const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\n        // after field schema is available re-add disabled overlay\n        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);\n        if (isDisabled) {\n            addOverlay({\n                overlayWrapper: params.overlayWrapper,\n                resizeObserver: params.resizeObserver,\n                editableElement: editableElement,\n                isFieldDisabled: true,\n            });\n        }\n    }\n\n    // This is most probably redundant code, as the handleIndividualFields function\n    // takes care of this\n    // TODO: Remove this\n    // if (\n    //     fieldSchema.data_type === \"block\" ||\n    //     fieldSchema.multiple ||\n    //     (fieldSchema.data_type === \"reference\" &&\n    //         // @ts-ignore\n    //         fieldSchema.field_metadata.ref_multiple)\n    // ) {\n    //     handleAddButtonsForMultiple(eventDetails, {\n    //         editableElement: editableElement,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         resizeObserver: params.resizeObserver,\n    //     });\n    // } else {\n    //     removeAddInstanceButtons({\n    //         eventTarget: params.event.target,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         overlayWrapper: params.overlayWrapper,\n    //     });\n    // }\n    visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {\n        DOMEditStack: getDOMEditStack(editableElement),\n    });\n\n    await handleIndividualFields(eventDetails, {\n        visualBuilderContainer: params.visualBuilderContainer,\n        resizeObserver: params.resizeObserver,\n        lastEditedField: previousSelectedElement,\n    });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseClick.ts"],"sourcesContent":["import {\n    cleanIndividualFieldResidual,\n    handleIndividualFields,\n} from \"../utils/handleIndividualFields\";\n\nimport {\n    getCsDataOfElement,\n    getDOMEditStack,\n} from \"../utils/getCsDataOfElement\";\n\nimport { appendFocusedToolbar } from \"../generators/generateToolbar\";\n\nimport { addFocusOverlay, hideOverlay } from \"../generators/generateOverlay\";\n\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\n\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\nimport { VisualBuilder } from \"..\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport EventListenerHandlerParams from \"./types\";\nimport { toggleHighlightedCommentIconDisplay } from \"../generators/generateHighlightedComment\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n>;\n\ntype AddFocusOverlayParams = Pick<\n    EventListenerHandlerParams,\n    \"overlayWrapper\" | \"resizeObserver\"\n> & { editableElement: Element; isFieldDisabled?: boolean };\n\ntype AddFocusedToolbarParams = Pick<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"focusedToolbar\"\n> & { hideOverlay: () => void };\n\nfunction addOverlay(params: AddFocusOverlayParams) {\n    if (!params.overlayWrapper || !params.editableElement) return;\n\n    addFocusOverlay(\n        params.editableElement,\n        params.overlayWrapper,\n        params.isFieldDisabled\n    );\n    params.resizeObserver.observe(params.editableElement);\n}\n\nexport function addFocusedToolbar(params: AddFocusedToolbarParams): void {\n    const { editableElement } = params.eventDetails;\n\n    if (!editableElement || !params.focusedToolbar) return;\n\n    appendFocusedToolbar(params.eventDetails, params.focusedToolbar, params.hideOverlay);\n}\n\nasync function handleBuilderInteraction(\n    params: HandleBuilderInteractionParams\n): Promise<void> {\n    const eventTarget = params.event.target as HTMLElement | null;\n    const isAnchorElement = eventTarget instanceof HTMLAnchorElement;\n    const elementHasCslp =\n        eventTarget &&\n        (eventTarget.hasAttribute(\"data-cslp\") ||\n            eventTarget.closest(\"[data-cslp]\"));\n\n    // prevent default behavior for anchor elements and elements with cslp attribute\n    if (\n        isAnchorElement ||\n        (elementHasCslp && !eventTarget.closest(\".visual-builder__empty-block\"))\n    ) {\n        params.event.preventDefault();\n        params.event.stopPropagation();\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n    visualBuilderPostMessage\n        ?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {\n            cslpData: eventDetails?.cslpData,\n            fieldMetadata: eventDetails?.fieldMetadata,\n        })\n        .catch((err) => {\n            console.warn(\"Error while sending post message\", err);\n        });\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n    const { editableElement, fieldMetadata } = eventDetails;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM !== editableElement\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n\n    // if the selected element is our empty block element, return\n    if (\n        editableElement.classList.contains(\n            VB_EmptyBlockParentClass\n        ) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        return;\n    }\n\n    // when previous and current selected element is same, return.\n    // this also avoids inserting psuedo-editable field (field data is\n    // not equal to text content in DOM) when performing mouse\n    // selections in the content editable\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        previousSelectedElement &&\n        previousSelectedElement === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    addOverlay({\n        overlayWrapper: params.overlayWrapper,\n        resizeObserver: params.resizeObserver,\n        editableElement: editableElement,\n    });\n\n    addFocusedToolbar({\n        eventDetails: eventDetails,\n        focusedToolbar: params.focusedToolbar,\n        hideOverlay: () => {\n            hideOverlay({\n                visualBuilderContainer: params.visualBuilderContainer,\n                visualBuilderOverlayWrapper: params.overlayWrapper,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n    });\n\n    const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\n        // after field schema is available re-add disabled overlay\n        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);\n        if (isDisabled) {\n            addOverlay({\n                overlayWrapper: params.overlayWrapper,\n                resizeObserver: params.resizeObserver,\n                editableElement: editableElement,\n                isFieldDisabled: true,\n            });\n        }\n    }\n\n    // This is most probably redundant code, as the handleIndividualFields function\n    // takes care of this\n    // TODO: Remove this\n    // if (\n    //     fieldSchema.data_type === \"block\" ||\n    //     fieldSchema.multiple ||\n    //     (fieldSchema.data_type === \"reference\" &&\n    //         // @ts-ignore\n    //         fieldSchema.field_metadata.ref_multiple)\n    // ) {\n    //     handleAddButtonsForMultiple(eventDetails, {\n    //         editableElement: editableElement,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         resizeObserver: params.resizeObserver,\n    //     });\n    // } else {\n    //     removeAddInstanceButtons({\n    //         eventTarget: params.event.target,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         overlayWrapper: params.overlayWrapper,\n    //     });\n    // }\n    visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {\n        DOMEditStack: getDOMEditStack(editableElement),\n    });\n\n    await handleIndividualFields(eventDetails, {\n        visualBuilderContainer: params.visualBuilderContainer,\n        resizeObserver: params.resizeObserver,\n        lastEditedField: previousSelectedElement,\n    });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":"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","names":[]}

package/dist/legacy/visualBuilder/listeners/mouseHover.cjs

@@ -36,6 +36,7 @@ var import_getFieldType = require("../utils/getFieldType.cjs");
 var import__ = require("../index.cjs");
 var import_generateHoverOutline = require("../generators/generateHoverOutline.cjs");
 var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import__2 = require("../../index.cjs");
 function resetCustomCursor(customCursor) {
   if (customCursor) {
     (0, import_generateCustomCursor.generateCustomCursor)({
@@ -171,7 +172,7 @@ async function handleMouseHover(params) {
       showCustomCursor(params2.customCursor);
     }
     if (!editableElement.classList.contains(
-      "visual-builder__empty-block-parent"
+      import__2.VB_EmptyBlockParentClass
     ) && !editableElement.classList.contains("visual-builder__empty-block")) {
       addOutline(editableElement);
       import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(

package/dist/legacy/visualBuilder/listeners/mouseHover.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\n\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(editableElement: Element, isFieldDisabled?: boolean): void {\n    if (!editableElement) return;\n\n    addHoverOutline(editableElement as HTMLElement, isFieldDisabled);\n}\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    customCursor?.classList.add(\"visible\");\n}\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nasync function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {\n    throttle(async (params: HandleMouseHoverParams) => {\n        const eventDetails = getCsDataOfElement(params.event);\n        const eventTarget = params.event.target as HTMLElement | null;\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            return;\n        }\n\n        const { editableElement, fieldMetadata } = eventDetails;\n        const { content_type_uid, fieldPath } = fieldMetadata;\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM &&\n            VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n                editableElement\n            )\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (params.customCursor) {\n          const elementUnderCursor = document.elementFromPoint(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\n            }\n\n            if (\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousHoveredTargetDOM !== editableElement\n            ) {\n                resetCustomCursor(params.customCursor);\n                removeAddInstanceButtons({\n                    eventTarget: params.event.target,\n                    visualBuilderContainer: params.visualBuilderContainer,\n                    overlayWrapper: params.overlayWrapper,\n                });\n            }\n\n            if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n                generateCustomCursor({\n                    fieldType: \"loading\",\n                    customCursor: params.customCursor,\n                });\n            }\n\n            /**\n             * We called it seperately inside the code block to ensure that\n             * the code will not wait for the promise to resolve.\n             * If we get a cache miss, we will send a message to the iframe\n             * without blocking the code.\n             */\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                \"visual-builder__empty-block-parent\"\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\n                }\n            );\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM === editableElement\n        ) {\n            return;\n        }\n\n        VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n            editableElement;\n    }, 10)(params);\n}\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["isFieldDisabled","params"]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\n\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(editableElement: Element, isFieldDisabled?: boolean): void {\n    if (!editableElement) return;\n\n    addHoverOutline(editableElement as HTMLElement, isFieldDisabled);\n}\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    customCursor?.classList.add(\"visible\");\n}\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nasync function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {\n    throttle(async (params: HandleMouseHoverParams) => {\n        const eventDetails = getCsDataOfElement(params.event);\n        const eventTarget = params.event.target as HTMLElement | null;\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            return;\n        }\n\n        const { editableElement, fieldMetadata } = eventDetails;\n        const { content_type_uid, fieldPath } = fieldMetadata;\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM &&\n            VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n                editableElement\n            )\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (params.customCursor) {\n          const elementUnderCursor = document.elementFromPoint(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\n            }\n\n            if (\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousHoveredTargetDOM !== editableElement\n            ) {\n                resetCustomCursor(params.customCursor);\n                removeAddInstanceButtons({\n                    eventTarget: params.event.target,\n                    visualBuilderContainer: params.visualBuilderContainer,\n                    overlayWrapper: params.overlayWrapper,\n                });\n            }\n\n            if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n                generateCustomCursor({\n                    fieldType: \"loading\",\n                    customCursor: params.customCursor,\n                });\n            }\n\n            /**\n             * We called it seperately inside the code block to ensure that\n             * the code will not wait for the promise to resolve.\n             * If we get a cache miss, we will send a message to the iframe\n             * without blocking the code.\n             */\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                VB_EmptyBlockParentClass\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\n                }\n            );\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM === editableElement\n        ) {\n            return;\n        }\n\n        VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n            editableElement;\n    }, 10)(params);\n}\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["import__","isFieldDisabled","params"]}

package/dist/legacy/visualBuilder/listeners/mouseHover.js

@@ -11,6 +11,7 @@ import { getFieldType } from "../utils/getFieldType.js";
 import { VisualBuilder } from "../index.js";
 import { addHoverOutline } from "../generators/generateHoverOutline.js";
 import { visualBuilderStyles } from "../visualBuilder.style.js";
+import { VB_EmptyBlockParentClass } from "../../index.js";
 function resetCustomCursor(customCursor) {
   if (customCursor) {
     generateCustomCursor({
@@ -146,7 +147,7 @@ async function handleMouseHover(params) {
       showCustomCursor(params2.customCursor);
     }
     if (!editableElement.classList.contains(
-      "visual-builder__empty-block-parent"
+      VB_EmptyBlockParentClass
     ) && !editableElement.classList.contains("visual-builder__empty-block")) {
       addOutline(editableElement);
       FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(

package/dist/legacy/visualBuilder/listeners/mouseHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\n\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(editableElement: Element, isFieldDisabled?: boolean): void {\n    if (!editableElement) return;\n\n    addHoverOutline(editableElement as HTMLElement, isFieldDisabled);\n}\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    customCursor?.classList.add(\"visible\");\n}\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nasync function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {\n    throttle(async (params: HandleMouseHoverParams) => {\n        const eventDetails = getCsDataOfElement(params.event);\n        const eventTarget = params.event.target as HTMLElement | null;\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            return;\n        }\n\n        const { editableElement, fieldMetadata } = eventDetails;\n        const { content_type_uid, fieldPath } = fieldMetadata;\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM &&\n            VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n                editableElement\n            )\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (params.customCursor) {\n          const elementUnderCursor = document.elementFromPoint(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\n            }\n\n            if (\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousHoveredTargetDOM !== editableElement\n            ) {\n                resetCustomCursor(params.customCursor);\n                removeAddInstanceButtons({\n                    eventTarget: params.event.target,\n                    visualBuilderContainer: params.visualBuilderContainer,\n                    overlayWrapper: params.overlayWrapper,\n                });\n            }\n\n            if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n                generateCustomCursor({\n                    fieldType: \"loading\",\n                    customCursor: params.customCursor,\n                });\n            }\n\n            /**\n             * We called it seperately inside the code block to ensure that\n             * the code will not wait for the promise to resolve.\n             * If we get a cache miss, we will send a message to the iframe\n             * without blocking the code.\n             */\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                \"visual-builder__empty-block-parent\"\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\n                }\n            );\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM === editableElement\n        ) {\n            return;\n        }\n\n        VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n            editableElement;\n    }, 10)(params);\n}\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["isFieldDisabled","params"]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\n\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(editableElement: Element, isFieldDisabled?: boolean): void {\n    if (!editableElement) return;\n\n    addHoverOutline(editableElement as HTMLElement, isFieldDisabled);\n}\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    customCursor?.classList.add(\"visible\");\n}\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nasync function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {\n    throttle(async (params: HandleMouseHoverParams) => {\n        const eventDetails = getCsDataOfElement(params.event);\n        const eventTarget = params.event.target as HTMLElement | null;\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            return;\n        }\n\n        const { editableElement, fieldMetadata } = eventDetails;\n        const { content_type_uid, fieldPath } = fieldMetadata;\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM &&\n            VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n                editableElement\n            )\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (params.customCursor) {\n          const elementUnderCursor = document.elementFromPoint(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\n            }\n\n            if (\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousHoveredTargetDOM !== editableElement\n            ) {\n                resetCustomCursor(params.customCursor);\n                removeAddInstanceButtons({\n                    eventTarget: params.event.target,\n                    visualBuilderContainer: params.visualBuilderContainer,\n                    overlayWrapper: params.overlayWrapper,\n                });\n            }\n\n            if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n                generateCustomCursor({\n                    fieldType: \"loading\",\n                    customCursor: params.customCursor,\n                });\n            }\n\n            /**\n             * We called it seperately inside the code block to ensure that\n             * the code will not wait for the promise to resolve.\n             * If we get a cache miss, we will send a message to the iframe\n             * without blocking the code.\n             */\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                VB_EmptyBlockParentClass\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\n                }\n            );\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM === editableElement\n        ) {\n            return;\n        }\n\n        VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n            editableElement;\n    }, 10)(params);\n}\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["isFieldDisabled","params"]}

package/dist/legacy/visualBuilder/utils/getCsDataOfElement.cjs

@@ -46,14 +46,29 @@ function getCsDataOfElement(event) {
     fieldMetadata
   };
 }
+function getPrefix(cslp) {
+  let prefix;
+  if (cslp.startsWith("v2:")) {
+    const variantPrefix = cslp.split(":")[1];
+    const content_type_uid = variantPrefix.split(".")[0];
+    const euid = variantPrefix.split(".")[1].split("_")[0];
+    const locale = variantPrefix.split(".")[2];
+    prefix = `${content_type_uid}.${euid}.${locale}`;
+  } else {
+    prefix = cslp;
+  }
+  return prefix.split(".").slice(0, 3).join(".");
+}
 function getDOMEditStack(ele) {
   var _a;
   const cslpSet = [];
   let curr = ele.closest(`[${import_constants.DATA_CSLP_ATTR_SELECTOR}]`);
   while (curr) {
     const cslp = curr.getAttribute(import_constants.DATA_CSLP_ATTR_SELECTOR);
-    const entryPrefix = cslp.split(".").slice(0, 3).join(".");
-    const hasSamePrevPrefix = (cslpSet.at(0) || "").startsWith(entryPrefix);
+    const entryPrefix = getPrefix(cslp);
+    const hasSamePrevPrefix = getPrefix(cslpSet.at(0) || "").startsWith(
+      entryPrefix
+    );
     if (!hasSamePrevPrefix) {
       cslpSet.unshift(cslp);
     }