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

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

@@ -18,11 +18,13 @@ import { FieldSchemaMap } from "../utils/fieldSchemaMap.js";
 import { isFieldDisabled } from "../utils/isFieldDisabled.js";
 import { toggleHighlightedCommentIconDisplay } from "../generators/generateHighlightedComment.js";
 import { VB_EmptyBlockParentClass } from "../../index.js";
+import { getFieldVariantStatus } from "../components/FieldRevert/FieldRevertComponent.js";
 import getXPath from "get-xpath";
 import Config from "../../configManager/configManager.js";
 import { generateThread } from "../generators/generateThread.js";
 import { isCollabThread } from "../generators/generateThread.js";
 import { toggleCollabPopup } from "../generators/generateThread.js";
+import { fixSvgXPath } from "../utils/collabUtils.js";
 function addOverlay(params) {
   if (!params.overlayWrapper || !params.editableElement) return;
   addFocusOverlay(
@@ -38,13 +40,24 @@ function addFocusedToolbar(params) {
   appendFocusedToolbar(
     params.eventDetails,
     params.focusedToolbar,
-    params.hideOverlay
+    params.hideOverlay,
+    params.isVariant
   );
 }
 async function handleBuilderInteraction(params) {
   const eventTarget = params.event.target;
   const isAnchorElement = eventTarget instanceof HTMLAnchorElement;
   const elementHasCslp = eventTarget && (eventTarget.hasAttribute("data-cslp") || eventTarget.closest("[data-cslp]"));
+  if (eventTarget?.getAttribute("data-studio-ui") === "true") {
+    return;
+  }
+  if (params.event.altKey) {
+    if (isAnchorElement) {
+      params.event.preventDefault();
+      params.event.stopPropagation();
+    }
+    return;
+  }
   if (isAnchorElement || elementHasCslp && !eventTarget.closest(".visual-builder__empty-block")) {
     params.event.preventDefault();
     params.event.stopPropagation();
@@ -52,11 +65,15 @@ async function handleBuilderInteraction(params) {
   const config = Config.get();
   if (config?.collab.enable === true) {
     if (config?.collab.pauseFeedback) return;
-    const xpath = getXPath(eventTarget);
+    const xpath = fixSvgXPath(getXPath(eventTarget));
     if (!eventTarget) return;
     const rect = eventTarget.getBoundingClientRect();
     const relativeX = (params.event.clientX - rect.left) / rect.width;
     const relativeY = (params.event.clientY - rect.top) / rect.height;
+    if (!isCollabThread(eventTarget)) {
+      params.event.preventDefault();
+      params.event.stopPropagation();
+    }
     if (isCollabThread(eventTarget)) {
       Config.set("collab.isFeedbackMode", false);
     } else if (config?.collab.isFeedbackMode) {
@@ -74,17 +91,45 @@ async function handleBuilderInteraction(params) {
     return;
   }
   const eventDetails = getCsDataOfElement(params.event);
+  sendMouseClickPostMessage(eventDetails);
+  if (!eventDetails || !params.overlayWrapper || !params.visualBuilderContainer) {
+    return;
+  }
+  const { editableElement, fieldMetadata } = eventDetails;
+  const variantStatus = await getFieldVariantStatus(fieldMetadata);
+  const isVariant = variantStatus ? Object.values(variantStatus).some((value) => value === true) : false;
+  cleanResidualsIfNeeded(params, editableElement);
+  if (isEmptyBlockElement(editableElement)) {
+    return;
+  }
+  const previousSelectedElement = VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (isSameSelectedElement(previousSelectedElement, editableElement, params)) {
+    return;
+  }
+  VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = editableElement;
+  addOverlayAndToolbar(params, eventDetails, editableElement, isVariant);
+  const { cslpValue } = fieldMetadata;
+  toggleHighlightedCommentIconDisplay(cslpValue, false);
+  await handleFieldSchemaAndIndividualFields(
+    params,
+    eventDetails,
+    fieldMetadata,
+    editableElement,
+    previousSelectedElement
+  );
+  observeEditableElementChanges(params, editableElement);
+}
+function sendMouseClickPostMessage(eventDetails) {
   visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {
     cslpData: eventDetails?.cslpData,
     fieldMetadata: eventDetails?.fieldMetadata
   }).catch((err) => {
     console.warn("Error while sending post message", err);
   });
-  if (!eventDetails || !params.overlayWrapper || !params.visualBuilderContainer) {
-    return;
-  }
-  const { editableElement, fieldMetadata } = eventDetails;
-  if (VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM !== editableElement) {
+}
+function cleanResidualsIfNeeded(params, editableElement) {
+  const previousSelectedElement = VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (previousSelectedElement && previousSelectedElement !== editableElement || params.reEvaluate) {
     cleanIndividualFieldResidual({
       overlayWrapper: params.overlayWrapper,
       visualBuilderContainer: params.visualBuilderContainer,
@@ -92,14 +137,14 @@ async function handleBuilderInteraction(params) {
       resizeObserver: params.resizeObserver
     });
   }
-  if (editableElement.classList.contains(VB_EmptyBlockParentClass) || editableElement.classList.contains("visual-builder__empty-block")) {
-    return;
-  }
-  const previousSelectedElement = VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
-  if (previousSelectedElement && previousSelectedElement === editableElement) {
-    return;
-  }
-  VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = editableElement;
+}
+function isEmptyBlockElement(editableElement) {
+  return editableElement.classList.contains(VB_EmptyBlockParentClass) || editableElement.classList.contains("visual-builder__empty-block");
+}
+function isSameSelectedElement(previousSelectedElement, editableElement, params) {
+  return !!(previousSelectedElement && previousSelectedElement === editableElement && !params.reEvaluate);
+}
+function addOverlayAndToolbar(params, eventDetails, editableElement, isVariant) {
   addOverlay({
     overlayWrapper: params.overlayWrapper,
     resizeObserver: params.resizeObserver,
@@ -115,10 +160,12 @@ async function handleBuilderInteraction(params) {
         focusedToolbar: params.focusedToolbar,
         resizeObserver: params.resizeObserver
       });
-    }
+    },
+    isVariant
   });
-  const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;
-  toggleHighlightedCommentIconDisplay(cslpValue, false);
+}
+async function handleFieldSchemaAndIndividualFields(params, eventDetails, fieldMetadata, editableElement, previousSelectedElement) {
+  const { content_type_uid, fieldPath } = fieldMetadata;
   const fieldSchema = await FieldSchemaMap.getFieldSchema(
     content_type_uid,
     fieldPath
@@ -143,6 +190,19 @@ async function handleBuilderInteraction(params) {
     lastEditedField: previousSelectedElement
   });
 }
+function observeEditableElementChanges(params, editableElement) {
+  const focusElementObserver = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      if (mutation.type === "attributes" && mutation.attributeName === "data-cslp") {
+        focusElementObserver?.disconnect();
+        VisualBuilder.VisualBuilderGlobalState.value.focusElementObserver = null;
+        handleBuilderInteraction({ ...params, reEvaluate: true });
+      }
+    });
+  });
+  VisualBuilder.VisualBuilderGlobalState.value.focusElementObserver = focusElementObserver;
+  focusElementObserver.observe(editableElement, { attributes: true });
+}
 var mouseClick_default = handleBuilderInteraction;
 export {
   addFocusedToolbar,

package/dist/modern/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\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\nimport getXPath from \"get-xpath\";\nimport Config from \"../../configManager/configManager\";\nimport { generateThread } from \"../generators/generateThread\";\nimport { isCollabThread } from \"../generators/generateThread\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\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(\n        params.eventDetails,\n        params.focusedToolbar,\n        params.hideOverlay\n    );\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 config = Config.get();\n\n    if (config?.collab.enable === true) {\n        if (config?.collab.pauseFeedback) return;\n        const xpath = getXPath(eventTarget);\n        if (!eventTarget) return;\n        const rect = eventTarget.getBoundingClientRect();\n        const relativeX = (params.event.clientX - rect.left) / rect.width;\n        const relativeY = (params.event.clientY - rect.top) / rect.height;\n\n        if (isCollabThread(eventTarget)) {\n            Config.set(\"collab.isFeedbackMode\", false);\n        } else if (config?.collab.isFeedbackMode) {\n            generateThread(\n                { xpath, relativeX, relativeY },\n                {\n                    isNewThread: true,\n                    updateConfig: true,\n                }\n            );\n        } else {\n            toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n        return;\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(VB_EmptyBlockParentClass) ||\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 \"../..\";\nimport { getFieldVariantStatus } from \"../components/FieldRevert/FieldRevertComponent\";\nimport getXPath from \"get-xpath\";\nimport Config from \"../../configManager/configManager\";\nimport { generateThread } from \"../generators/generateThread\";\nimport { isCollabThread } from \"../generators/generateThread\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\nimport { fixSvgXPath } from \"../utils/collabUtils\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n> & { reEvaluate?: boolean };\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; isVariant: boolean };\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(\n        params.eventDetails,\n        params.focusedToolbar,\n        params.hideOverlay,\n        params.isVariant\n    );\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    // if the target element is a studio-ui element, return\n    // this is currently used for the \"Edit in Studio\" button\n    if (eventTarget?.getAttribute(\"data-studio-ui\") === \"true\") {\n        return;\n    }\n\n    if (params.event.altKey) {\n        if (isAnchorElement) {\n            params.event.preventDefault();\n            params.event.stopPropagation();\n        }\n        return;\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 config = Config.get();\n\n    if (config?.collab.enable === true) {\n        if (config?.collab.pauseFeedback) return;\n        const xpath = fixSvgXPath(getXPath(eventTarget));\n        if (!eventTarget) return;\n\n        const rect = eventTarget.getBoundingClientRect();\n        const relativeX = (params.event.clientX - rect.left) / rect.width;\n        const relativeY = (params.event.clientY - rect.top) / rect.height;\n\n        if (!isCollabThread(eventTarget)) {\n            params.event.preventDefault();\n            params.event.stopPropagation();\n        }\n\n        if (isCollabThread(eventTarget)) {\n            Config.set(\"collab.isFeedbackMode\", false);\n        } else if (config?.collab.isFeedbackMode) {\n            generateThread(\n                { xpath, relativeX, relativeY },\n                {\n                    isNewThread: true,\n                    updateConfig: true,\n                }\n            );\n        } else {\n            toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n        return;\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n\n    // Send mouse click post message\n    sendMouseClickPostMessage(eventDetails);\n\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n\n    const { editableElement, fieldMetadata } = eventDetails;\n    const variantStatus = await getFieldVariantStatus(fieldMetadata);\n    const isVariant = variantStatus\n        ? Object.values(variantStatus).some((value) => value === true)\n        : false;\n\n    // Clean residuals if necessary\n    cleanResidualsIfNeeded(params, editableElement);\n\n    // Return if the selected element is an empty block\n    if (isEmptyBlockElement(editableElement)) {\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        isSameSelectedElement(previousSelectedElement, editableElement, params)\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    // Add overlay and focused toolbar\n    addOverlayAndToolbar(params, eventDetails, editableElement, isVariant);\n\n    const { cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    // Handle field schema and individual fields\n    await handleFieldSchemaAndIndividualFields(\n        params,\n        eventDetails,\n        fieldMetadata,\n        editableElement,\n        previousSelectedElement\n    );\n\n    // Observe changes to the editable element\n    observeEditableElementChanges(params, editableElement);\n}\n\nfunction sendMouseClickPostMessage(eventDetails: any) {\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}\nfunction cleanResidualsIfNeeded(\n    params: HandleBuilderInteractionParams,\n    editableElement: Element\n) {\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        (previousSelectedElement &&\n            previousSelectedElement !== editableElement) ||\n        params.reEvaluate\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper!,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n}\nfunction isEmptyBlockElement(editableElement: Element): boolean {\n    return (\n        editableElement.classList.contains(VB_EmptyBlockParentClass) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    );\n}\n\nfunction isSameSelectedElement(\n    previousSelectedElement: Element | null,\n    editableElement: Element,\n    params: HandleBuilderInteractionParams\n): boolean {\n    return !!(\n        previousSelectedElement &&\n        previousSelectedElement === editableElement &&\n        !params.reEvaluate\n    );\n}\n\nfunction addOverlayAndToolbar(\n    params: HandleBuilderInteractionParams,\n    eventDetails: any,\n    editableElement: Element,\n    isVariant: boolean\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        isVariant,\n    });\n}\nasync function handleFieldSchemaAndIndividualFields(\n    params: HandleBuilderInteractionParams,\n    eventDetails: any,\n    fieldMetadata: any,\n    editableElement: Element,\n    previousSelectedElement: Element | null\n) {\n    const { content_type_uid, fieldPath } = fieldMetadata;\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\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    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}\nfunction observeEditableElementChanges(\n    params: HandleBuilderInteractionParams,\n    editableElement: Element\n) {\n    const focusElementObserver = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (\n                mutation.type === \"attributes\" &&\n                mutation.attributeName === \"data-cslp\"\n            ) {\n                focusElementObserver?.disconnect();\n                VisualBuilder.VisualBuilderGlobalState.value.focusElementObserver =\n                    null;\n                handleBuilderInteraction({ ...params, reEvaluate: true });\n            }\n        });\n    });\n\n    VisualBuilder.VisualBuilderGlobalState.value.focusElementObserver =\n        focusElementObserver;\n    focusElementObserver.observe(editableElement, { attributes: true });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":";;;AAAA;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,4BAA4B;AAErC,SAAS,iBAAiB,mBAAmB;AAE7C,OAAO,8BAA8B;AAErC,SAAS,sCAAsC;AAE/C,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAEhC,SAAS,2CAA2C;AACpD,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;AACtC,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAiB5B,SAAS,WAAW,QAA+B;AAC/C,MAAI,CAAC,OAAO,kBAAkB,CAAC,OAAO,gBAAiB;AAEvD;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AACA,SAAO,eAAe,QAAQ,OAAO,eAAe;AACxD;AAEO,SAAS,kBAAkB,QAAuC;AACrE,QAAM,EAAE,gBAAgB,IAAI,OAAO;AAEnC,MAAI,CAAC,mBAAmB,CAAC,OAAO,eAAgB;AAEhD;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AACJ;AAEA,eAAe,yBACX,QACa;AACb,QAAM,cAAc,OAAO,MAAM;AACjC,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM,iBACF,gBACC,YAAY,aAAa,WAAW,KACjC,YAAY,QAAQ,aAAa;AAIzC,MAAI,aAAa,aAAa,gBAAgB,MAAM,QAAQ;AACxD;AAAA,EACJ;AAEA,MAAI,OAAO,MAAM,QAAQ;AACrB,QAAI,iBAAiB;AACjB,aAAO,MAAM,eAAe;AAC5B,aAAO,MAAM,gBAAgB;AAAA,IACjC;AACA;AAAA,EACJ;AAEA,MACI,mBACC,kBAAkB,CAAC,YAAY,QAAQ,8BAA8B,GACxE;AACE,WAAO,MAAM,eAAe;AAC5B,WAAO,MAAM,gBAAgB;AAAA,EACjC;AAEA,QAAM,SAAS,OAAO,IAAI;AAE1B,MAAI,QAAQ,OAAO,WAAW,MAAM;AAChC,QAAI,QAAQ,OAAO,cAAe;AAClC,UAAM,QAAQ,YAAY,SAAS,WAAW,CAAC;AAC/C,QAAI,CAAC,YAAa;AAElB,UAAM,OAAO,YAAY,sBAAsB;AAC/C,UAAM,aAAa,OAAO,MAAM,UAAU,KAAK,QAAQ,KAAK;AAC5D,UAAM,aAAa,OAAO,MAAM,UAAU,KAAK,OAAO,KAAK;AAE3D,QAAI,CAAC,eAAe,WAAW,GAAG;AAC9B,aAAO,MAAM,eAAe;AAC5B,aAAO,MAAM,gBAAgB;AAAA,IACjC;AAEA,QAAI,eAAe,WAAW,GAAG;AAC7B,aAAO,IAAI,yBAAyB,KAAK;AAAA,IAC7C,WAAW,QAAQ,OAAO,gBAAgB;AACtC;AAAA,QACI,EAAE,OAAO,WAAW,UAAU;AAAA,QAC9B;AAAA,UACI,aAAa;AAAA,UACb,cAAc;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,wBAAkB,EAAE,WAAW,IAAI,QAAQ,QAAQ,CAAC;AACpD,aAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AACA;AAAA,EACJ;AAEA,QAAM,eAAe,mBAAmB,OAAO,KAAK;AAGpD,4BAA0B,YAAY;AAEtC,MACI,CAAC,gBACD,CAAC,OAAO,kBACR,CAAC,OAAO,wBACV;AACE;AAAA,EACJ;AAEA,QAAM,EAAE,iBAAiB,cAAc,IAAI;AAC3C,QAAM,gBAAgB,MAAM,sBAAsB,aAAa;AAC/D,QAAM,YAAY,gBACZ,OAAO,OAAO,aAAa,EAAE,KAAK,CAAC,UAAU,UAAU,IAAI,IAC3D;AAGN,yBAAuB,QAAQ,eAAe;AAG9C,MAAI,oBAAoB,eAAe,GAAG;AACtC;AAAA,EACJ;AAMA,QAAM,0BACF,cAAc,yBAAyB,MAClC;AACT,MACI,sBAAsB,yBAAyB,iBAAiB,MAAM,GACxE;AACE;AAAA,EACJ;AAEA,gBAAc,yBAAyB,MAAM,8BACzC;AAGJ,uBAAqB,QAAQ,cAAc,iBAAiB,SAAS;AAErE,QAAM,EAAE,UAAU,IAAI;AAEtB,sCAAoC,WAAW,KAAK;AAGpD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAGA,gCAA8B,QAAQ,eAAe;AACzD;AAEA,SAAS,0BAA0B,cAAmB;AAClD,4BACM,KAAK,+BAA+B,aAAa;AAAA,IAC/C,UAAU,cAAc;AAAA,IACxB,eAAe,cAAc;AAAA,EACjC,CAAC,EACA,MAAM,CAAC,QAAQ;AACZ,YAAQ,KAAK,oCAAoC,GAAG;AAAA,EACxD,CAAC;AACT;AACA,SAAS,uBACL,QACA,iBACF;AACE,QAAM,0BACF,cAAc,yBAAyB,MAClC;AACT,MACK,2BACG,4BAA4B,mBAChC,OAAO,YACT;AACE,iCAA6B;AAAA,MACzB,gBAAgB,OAAO;AAAA,MACvB,wBAAwB,OAAO;AAAA,MAC/B,gBAAgB,OAAO;AAAA,MACvB,gBAAgB,OAAO;AAAA,IAC3B,CAAC;AAAA,EACL;AACJ;AACA,SAAS,oBAAoB,iBAAmC;AAC5D,SACI,gBAAgB,UAAU,SAAS,wBAAwB,KAC3D,gBAAgB,UAAU,SAAS,6BAA6B;AAExE;AAEA,SAAS,sBACL,yBACA,iBACA,QACO;AACP,SAAO,CAAC,EACJ,2BACA,4BAA4B,mBAC5B,CAAC,OAAO;AAEhB;AAEA,SAAS,qBACL,QACA,cACA,iBACA,WACF;AACE,aAAW;AAAA,IACP,gBAAgB,OAAO;AAAA,IACvB,gBAAgB,OAAO;AAAA,IACvB;AAAA,EACJ,CAAC;AAED,oBAAkB;AAAA,IACd;AAAA,IACA,gBAAgB,OAAO;AAAA,IACvB,aAAa,MAAM;AACf,kBAAY;AAAA,QACR,wBAAwB,OAAO;AAAA,QAC/B,6BAA6B,OAAO;AAAA,QACpC,gBAAgB,OAAO;AAAA,QACvB,gBAAgB,OAAO;AAAA,MAC3B,CAAC;AAAA,IACL;AAAA,IACA;AAAA,EACJ,CAAC;AACL;AACA,eAAe,qCACX,QACA,cACA,eACA,iBACA,yBACF;AACE,QAAM,EAAE,kBAAkB,UAAU,IAAI;AACxC,QAAM,cAAc,MAAM,eAAe;AAAA,IACrC;AAAA,IACA;AAAA,EACJ;AAEA,MAAI,aAAa;AACb,UAAM,EAAE,WAAW,IAAI,gBAAgB,aAAa,YAAY;AAChE,QAAI,YAAY;AACZ,iBAAW;AAAA,QACP,gBAAgB,OAAO;AAAA,QACvB,gBAAgB,OAAO;AAAA,QACvB;AAAA,QACA,iBAAiB;AAAA,MACrB,CAAC;AAAA,IACL;AAAA,EACJ;AAEA,4BAA0B,KAAK,+BAA+B,aAAa;AAAA,IACvE,cAAc,gBAAgB,eAAe;AAAA,EACjD,CAAC;AAED,QAAM,uBAAuB,cAAc;AAAA,IACvC,wBAAwB,OAAO;AAAA,IAC/B,gBAAgB,OAAO;AAAA,IACvB,iBAAiB;AAAA,EACrB,CAAC;AACL;AACA,SAAS,8BACL,QACA,iBACF;AACE,QAAM,uBAAuB,IAAI,iBAAiB,CAAC,cAAc;AAC7D,cAAU,QAAQ,CAAC,aAAa;AAC5B,UACI,SAAS,SAAS,gBAClB,SAAS,kBAAkB,aAC7B;AACE,8BAAsB,WAAW;AACjC,sBAAc,yBAAyB,MAAM,uBACzC;AACJ,iCAAyB,EAAE,GAAG,QAAQ,YAAY,KAAK,CAAC;AAAA,MAC5D;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AAED,gBAAc,yBAAyB,MAAM,uBACzC;AACJ,uBAAqB,QAAQ,iBAAiB,EAAE,YAAY,KAAK,CAAC;AACtE;AAEA,IAAO,qBAAQ;","names":[]}

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

@@ -49,6 +49,7 @@ var import_visualBuilder = require("../visualBuilder.style.cjs");
 var import__2 = require("../../index.cjs");
 var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
 var import_generateThread = require("../generators/generateThread.cjs");
+var config = import_configManager.default.get();
 function resetCustomCursor(customCursor) {
   if (customCursor) {
     (0, import_generateCustomCursor.generateCustomCursor)({
@@ -112,6 +113,8 @@ function hideCustomCursor(customCursor) {
 }
 function showCustomCursor(customCursor) {
   hideDefaultCursor();
+  if (config.collab.enable && (!config.collab.isFeedbackMode || config.collab.pauseFeedback))
+    return;
   customCursor?.classList.add("visible");
 }
 function isOverlay(target) {
@@ -126,7 +129,6 @@ async function handleMouseHover(params) {
   (0, import_lodash_es.throttle)(async (params2) => {
     const eventDetails = (0, import_getCsDataOfElement.getCsDataOfElement)(params2.event);
     const eventTarget = params2.event.target;
-    const config = import_configManager.default.get();
     if (config?.collab.enable && config?.collab.pauseFeedback) {
       hideCustomCursor(params2.customCursor);
       return;

package/dist/modern/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\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\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 collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\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        const config = Config.get();\n\n        if (config?.collab.enable && config?.collab.pauseFeedback) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) ||\n                    isContentEditable(eventTarget) ||\n                    isCollabThread(eventTarget))\n            ) {\n                handleCursorPosition(params.event, params.customCursor);\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            if (!config?.collab.enable) {\n                resetCustomCursor(params.customCursor);\n            }\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                showCustomCursor(params.customCursor);\n                collabCustomCursor(params.customCursor);\n            }\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(\n                params.event.clientX,\n                params.event.clientY\n            );\n            if (elementUnderCursor) {\n                if (\n                    elementUnderCursor.nodeName === \"A\" ||\n                    elementUnderCursor.nodeName === \"BUTTON\"\n                ) {\n                    elementUnderCursor.classList.add(\n                        visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                    );\n                }\n            }\n\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                collabCustomCursor(params.customCursor);\n                handleCursorPosition(params.event, params.customCursor);\n                showCustomCursor(params.customCursor);\n                return;\n            } else if (\n                config?.collab.enable &&\n                !config?.collab.isFeedbackMode\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\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(VB_EmptyBlockParentClass) &&\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","Config"]}
+{"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 \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\n\nconst config = Config.get();\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 collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\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    if (\n        config.collab.enable &&\n        (!config.collab.isFeedbackMode || config.collab.pauseFeedback)\n    )\n        return;\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\n        if (config?.collab.enable && config?.collab.pauseFeedback) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) ||\n                    isContentEditable(eventTarget) ||\n                    isCollabThread(eventTarget))\n            ) {\n                handleCursorPosition(params.event, params.customCursor);\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            if (!config?.collab.enable) {\n                resetCustomCursor(params.customCursor);\n            }\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                showCustomCursor(params.customCursor);\n                collabCustomCursor(params.customCursor);\n            }\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(\n                params.event.clientX,\n                params.event.clientY\n            );\n            if (elementUnderCursor) {\n                if (\n                    elementUnderCursor.nodeName === \"A\" ||\n                    elementUnderCursor.nodeName === \"BUTTON\"\n                ) {\n                    elementUnderCursor.classList.add(\n                        visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                    );\n                }\n            }\n\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                collabCustomCursor(params.customCursor);\n                handleCursorPosition(params.event, params.customCursor);\n                showCustomCursor(params.customCursor);\n                return;\n            } else if (\n                config?.collab.enable &&\n                !config?.collab.isFeedbackMode\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\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(VB_EmptyBlockParentClass) &&\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__","Config","isFieldDisabled","params"]}

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

@@ -14,6 +14,7 @@ import { visualBuilderStyles } from "../visualBuilder.style.js";
 import { VB_EmptyBlockParentClass } from "../../index.js";
 import Config from "../../configManager/configManager.js";
 import { isCollabThread } from "../generators/generateThread.js";
+var config = Config.get();
 function resetCustomCursor(customCursor) {
   if (customCursor) {
     generateCustomCursor({
@@ -77,6 +78,8 @@ function hideCustomCursor(customCursor) {
 }
 function showCustomCursor(customCursor) {
   hideDefaultCursor();
+  if (config.collab.enable && (!config.collab.isFeedbackMode || config.collab.pauseFeedback))
+    return;
   customCursor?.classList.add("visible");
 }
 function isOverlay(target) {
@@ -91,7 +94,6 @@ async function handleMouseHover(params) {
   throttle(async (params2) => {
     const eventDetails = getCsDataOfElement(params2.event);
     const eventTarget = params2.event.target;
-    const config = Config.get();
     if (config?.collab.enable && config?.collab.pauseFeedback) {
       hideCustomCursor(params2.customCursor);
       return;

package/dist/modern/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\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\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 collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\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        const config = Config.get();\n\n        if (config?.collab.enable && config?.collab.pauseFeedback) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) ||\n                    isContentEditable(eventTarget) ||\n                    isCollabThread(eventTarget))\n            ) {\n                handleCursorPosition(params.event, params.customCursor);\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            if (!config?.collab.enable) {\n                resetCustomCursor(params.customCursor);\n            }\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                showCustomCursor(params.customCursor);\n                collabCustomCursor(params.customCursor);\n            }\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(\n                params.event.clientX,\n                params.event.clientY\n            );\n            if (elementUnderCursor) {\n                if (\n                    elementUnderCursor.nodeName === \"A\" ||\n                    elementUnderCursor.nodeName === \"BUTTON\"\n                ) {\n                    elementUnderCursor.classList.add(\n                        visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                    );\n                }\n            }\n\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                collabCustomCursor(params.customCursor);\n                handleCursorPosition(params.event, params.customCursor);\n                showCustomCursor(params.customCursor);\n                return;\n            } else if (\n                config?.collab.enable &&\n                !config?.collab.isFeedbackMode\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\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(VB_EmptyBlockParentClass) &&\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 \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\n\nconst config = Config.get();\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 collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\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    if (\n        config.collab.enable &&\n        (!config.collab.isFeedbackMode || config.collab.pauseFeedback)\n    )\n        return;\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\n        if (config?.collab.enable && config?.collab.pauseFeedback) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) ||\n                    isContentEditable(eventTarget) ||\n                    isCollabThread(eventTarget))\n            ) {\n                handleCursorPosition(params.event, params.customCursor);\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            if (!config?.collab.enable) {\n                resetCustomCursor(params.customCursor);\n            }\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                showCustomCursor(params.customCursor);\n                collabCustomCursor(params.customCursor);\n            }\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(\n                params.event.clientX,\n                params.event.clientY\n            );\n            if (elementUnderCursor) {\n                if (\n                    elementUnderCursor.nodeName === \"A\" ||\n                    elementUnderCursor.nodeName === \"BUTTON\"\n                ) {\n                    elementUnderCursor.classList.add(\n                        visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                    );\n                }\n            }\n\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                collabCustomCursor(params.customCursor);\n                handleCursorPosition(params.event, params.customCursor);\n                showCustomCursor(params.customCursor);\n                return;\n            } else if (\n                config?.collab.enable &&\n                !config?.collab.isFeedbackMode\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\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(VB_EmptyBlockParentClass) &&\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/modern/visualBuilder/types/collab.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/types/collab.types.ts"],"sourcesContent":["//User\nexport interface IUserDTO {\n    display?: string;\n    email: string;\n    uid: string;\n    firstName?: string | null;\n    lastName?: string | null;\n}\n\nexport declare interface IUserState {\n    mentionsList: Array<IMentionList>;\n    userMap: IUserMap;\n    currentUser: IUserDTO;\n}\n\nexport declare type IUserMap = { [key: string]: IUserDTO };\n\n// Invite Metadata and Context\nexport declare interface IInviteMetadata {\n    users: Array<IUserDTO>;\n    currentUser: IUserDTO;\n    inviteUid: string;\n}\n\n// Mention Related Types\nexport declare type IMentionItem = { id: string; display: string };\n\nexport declare interface IMentionList {\n    display: string;\n    email?: string;\n    uid?: string;\n}\n\nexport declare type IMentionedList = Array<IMentionItem>;\n\n// Comment State\nexport declare interface ICommentState {\n    message: string;\n    toUsers?: Array<IMentionItem>;\n    images?: string[];\n    createdBy: string;\n    author: string;\n}\n\n// Message DTO\nexport declare interface IMessageDTO {\n    _id: string;\n    threadUid: string;\n    message: string;\n    author: string;\n    toUsers?: string[];\n    images?: string[];\n    createdAt: string;\n    createdBy: string;\n}\n\n// Thread Context\nexport declare interface IThreadContext {\n    inviteMetadata: IInviteMetadata;\n    commentCount: number;\n    error: IErrorState;\n    userState: IUserState;\n    onCreateComment: (data: ICommentPayload) => Promise<ICommentResponse>;\n    onEditComment: (data: IEditCommentArgs) => Promise<ICommentResponse>;\n    onDeleteComment: (data: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;\n    onDeleteThread: (data: IDeleteThreadArgs) => void;\n    setThreadState: (\n        state:\n            | IThreadPopupState\n            | ((prevState: IThreadPopupState) => IThreadPopupState)\n    ) => void;\n    onClose: (isResolved?: boolean) => void;\n    setError: Function;\n    editComment: string;\n    activeThread: IActiveThread;\n    setActiveThread: (thread: IActiveThread) => void;\n    createNewThread: () => Promise<any>;\n}\n\nexport interface IThreadPopupState {\n    commentCount: number;\n    userState: IUserState;\n    isLoading: boolean;\n    comments: Array<IMessageDTO>;\n    editComment: string;\n}\n\nexport interface IThreadRenderStatus {\n    threadId: string;\n    attempts: number;\n    isRendered: boolean;\n}\n\nexport interface ICommentDTO {\n    _id: string;\n    threadUid: string;\n    message: string;\n    author: string;\n    toUsers: string[];\n    images: string[];\n    createdAt: string;\n    createdBy: string;\n    updatedAt?: string;\n}\n\nexport interface IDefaultAPIResponse {\n    notice: string;\n}\n\nexport interface ICommentResponse extends IDefaultAPIResponse {\n    comment: ICommentDTO;\n}\n\nexport interface IFetchCommentsResponse {\n    comments: Array<ICommentDTO>;\n    count: number;\n}\n\nexport interface ICommentPayload {\n    threadUid: string;\n    commentPayload: ICommentState;\n}\nexport interface IThreadPayload {\n    elementXPath: string;\n    position: {\n        x: number;\n        y: number;\n    };\n    author: string;\n    pageRoute: string;\n    inviteUid: string;\n    createdBy: string;\n}\n\nexport interface IThreadDTO {\n    _id: string;\n    author: string;\n    inviteUid: string;\n    position: {\n        x: number;\n        y: number;\n    };\n    elementXPath: string;\n    isElementPresent: boolean;\n    pageRoute: string;\n    createdBy: string;\n    sequenceNumber: number;\n    threadState: number;\n    createdAt: string;\n    updatedAt?: string;\n}\nexport interface IThreadResponseDTO extends IDefaultAPIResponse {\n    thread: IThreadDTO;\n}\n\nexport interface IEditCommentArgs {\n    threadUid: string;\n    commentUid: string;\n    payload: ICommentState;\n}\n\nexport interface IDeleteCommentArgs {\n    threadUid: string;\n    commentUid: string;\n}\n\nexport interface IDeleteThreadArgs {\n    threadUid: string;\n}\n\nexport interface IThreadResolveArgs {\n    threadUid: string;\n    payload: {\n        threadState: number;\n    };\n}\n\nexport interface MissingThreadsInfo {\n    payload: {\n        isElementPresent: boolean;\n    };\n    threadUids: string[];\n}\n\nexport interface IErrorState {\n    hasError: boolean;\n    message: string;\n}\n\nexport interface IActiveThread extends Partial<IThreadDTO> {\n    _id: string;\n}\n\nexport interface IFetchComments {\n    threadUid: string;\n    offset: number;\n    limit: number;\n}\n\nexport interface toggleCollabPopupEvent {\n    threadUid: string;\n    action: string;\n}\n\nexport interface ICommentActionBar {\n    mode: \"edit\" | \"view\";\n    commentUser: IUserDTO;\n    currentUser: IUserDTO;\n    commentUID?: string | undefined;\n}\n\nexport interface ICommentCard {\n    comment: IMessageDTO | null;\n    onClose: (isResolved?: boolean) => void;\n    userState: IUserState;\n    mode: \"edit\" | \"view\";\n    handleOnSaveRef: React.MutableRefObject<any>;\n}\n\nexport interface ICommentResolvedText {\n    comment: IMessageDTO;\n    userState: IUserState;\n}\n\nexport interface ICommentTextAreaProps {\n    userState: IUserState;\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    comment?: IMessageDTO | null;\n}\n\nexport interface IThreadPopup {\n    onCreateComment: (data: ICommentPayload) => Promise<ICommentResponse>;\n    onEditComment: (data: IEditCommentArgs) => Promise<ICommentResponse>;\n    onDeleteComment: (data: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;\n    onDeleteThread: (data: IDeleteThreadArgs) => void;\n    onClose: (isResolved?: boolean) => void;\n    onResolve: (data: IThreadResolveArgs) => Promise<IThreadResponseDTO>;\n    inviteMetadata: IInviteMetadata;\n    loadMoreMessages: (data: IFetchComments) => Promise<IFetchCommentsResponse>;\n    activeThread: IActiveThread;\n    setActiveThread: (thread: IActiveThread) => void;\n    createNewThread: () => Promise<IThreadResponseDTO>;\n}\n\nexport interface IThreadBody {\n    handleOnSaveRef: React.MutableRefObject<any>;\n    onClose: (isResolved?: boolean) => void;\n    userState: IUserState;\n    isLoading: boolean;\n    comments: IMessageDTO[];\n    fetchingMore: boolean;\n    editComment: string;\n}\n\nexport interface IThreadFooter {\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    isDisabled: boolean;\n    editComment: string;\n}\n\nexport interface IThreadHeader {\n    onClose: (isResolved?: boolean) => void;\n    displayResolve: boolean;\n    onResolve: (data: IThreadResolveArgs) => Promise<IDefaultAPIResponse>;\n    commentCount: number;\n    activeThread: IActiveThread;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/types/collab.types.ts"],"sourcesContent":["//User\nexport interface IUserDTO {\n    display?: string;\n    email: string;\n    uid: string;\n    firstName?: string | null;\n    lastName?: string | null;\n}\n\nexport declare interface IUserState {\n    mentionsList: Array<IMentionList>;\n    userMap: IUserMap;\n    currentUser: IUserDTO;\n}\n\nexport declare type IUserMap = { [key: string]: IUserDTO };\n\n// Invite Metadata and Context\nexport declare interface IInviteMetadata {\n    users: Array<IUserDTO>;\n    currentUser: IUserDTO;\n    inviteUid: string;\n}\n\n// Mention Related Types\nexport declare type IMentionItem = { id: string; display: string };\n\nexport declare interface IMentionList {\n    display: string;\n    email?: string;\n    uid?: string;\n}\n\nexport declare type IMentionedList = Array<IMentionItem>;\n\n// Comment State\nexport declare interface ICommentState {\n    message: string;\n    toUsers?: Array<IMentionItem>;\n    images?: string[];\n    createdBy: string;\n    author: string;\n}\n\n// Message DTO\nexport declare interface IMessageDTO {\n    _id: string;\n    threadUid: string;\n    message: string;\n    author: string;\n    toUsers?: string[];\n    images?: string[];\n    createdAt: string;\n    updatedAt?: string;\n    createdBy: string;\n}\n\n// Thread Context\nexport declare interface IThreadContext {\n    inviteMetadata: IInviteMetadata;\n    commentCount: number;\n    error: IErrorState;\n    userState: IUserState;\n    onCreateComment: (data: ICommentPayload) => Promise<ICommentResponse>;\n    onEditComment: (data: IEditCommentArgs) => Promise<ICommentResponse>;\n    onDeleteComment: (data: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;\n    onDeleteThread: (data: IDeleteThreadArgs) => void;\n    setThreadState: (\n        state:\n            | IThreadPopupState\n            | ((prevState: IThreadPopupState) => IThreadPopupState)\n    ) => void;\n    onClose: (isResolved?: boolean) => void;\n    setError: Function;\n    editComment: string;\n    activeThread: IActiveThread;\n    setActiveThread: (thread: IActiveThread) => void;\n    createNewThread: () => Promise<any>;\n}\n\nexport interface IThreadPopupState {\n    commentCount: number;\n    userState: IUserState;\n    isLoading: boolean;\n    comments: Array<IMessageDTO>;\n    editComment: string;\n}\n\nexport interface IThreadRenderStatus {\n    threadId: string;\n    attempts: number;\n    isRendered: boolean;\n}\n\nexport interface ICommentDTO {\n    _id: string;\n    threadUid: string;\n    message: string;\n    author: string;\n    toUsers: string[];\n    images: string[];\n    createdAt: string;\n    createdBy: string;\n    updatedAt?: string;\n}\n\nexport interface IDefaultAPIResponse {\n    notice: string;\n}\n\nexport interface ICommentResponse extends IDefaultAPIResponse {\n    comment: ICommentDTO;\n}\n\nexport interface IFetchCommentsResponse {\n    comments: Array<ICommentDTO>;\n    count: number;\n}\n\nexport interface ICommentPayload {\n    threadUid: string;\n    commentPayload: ICommentState;\n}\nexport interface IThreadPayload {\n    elementXPath: string;\n    position: {\n        x: number;\n        y: number;\n    };\n    author: string;\n    pageRoute: string;\n    inviteUid: string;\n    createdBy: string;\n}\n\nexport interface IThreadDTO {\n    _id: string;\n    author: string;\n    inviteUid: string;\n    position: {\n        x: number;\n        y: number;\n    };\n    elementXPath: string;\n    isElementPresent: boolean;\n    pageRoute: string;\n    createdBy: string;\n    sequenceNumber: number;\n    threadState: number;\n    createdAt: string;\n    updatedAt?: string;\n}\nexport interface IThreadResponseDTO extends IDefaultAPIResponse {\n    thread: IThreadDTO;\n}\n\nexport interface IEditCommentArgs {\n    threadUid: string;\n    commentUid: string;\n    payload: ICommentState;\n}\n\nexport interface IDeleteCommentArgs {\n    threadUid: string;\n    commentUid: string;\n}\n\nexport interface IDeleteThreadArgs {\n    threadUid: string;\n}\n\nexport interface IThreadResolveArgs {\n    threadUid: string;\n    payload: {\n        threadState: number;\n    };\n}\n\nexport interface MissingThreadsInfo {\n    payload: {\n        isElementPresent: boolean;\n    };\n    threadUids: string[];\n}\n\nexport interface IErrorState {\n    hasError: boolean;\n    message: string;\n}\n\nexport interface IActiveThread extends Partial<IThreadDTO> {\n    _id: string;\n}\n\nexport interface IFetchComments {\n    threadUid: string;\n    offset: number;\n    limit: number;\n}\n\nexport interface toggleCollabPopupEvent {\n    threadUid: string;\n    action: string;\n}\n\nexport interface ICommentActionBar {\n    mode: \"edit\" | \"view\";\n    commentUser: IUserDTO;\n    currentUser: IUserDTO;\n    commentUID?: string | undefined;\n}\n\nexport interface ICommentCard {\n    comment: IMessageDTO | null;\n    onClose: (isResolved?: boolean) => void;\n    userState: IUserState;\n    mode: \"edit\" | \"view\";\n    handleOnSaveRef: React.MutableRefObject<any>;\n}\n\nexport interface ICommentResolvedText {\n    comment: IMessageDTO;\n    userState: IUserState;\n}\n\nexport interface ICommentTextAreaProps {\n    userState: IUserState;\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    comment?: IMessageDTO | null;\n}\n\nexport interface IThreadPopup {\n    onCreateComment: (data: ICommentPayload) => Promise<ICommentResponse>;\n    onEditComment: (data: IEditCommentArgs) => Promise<ICommentResponse>;\n    onDeleteComment: (data: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;\n    onDeleteThread: (data: IDeleteThreadArgs) => void;\n    onClose: (isResolved?: boolean) => void;\n    onResolve: (data: IThreadResolveArgs) => Promise<IThreadResponseDTO>;\n    inviteMetadata: IInviteMetadata;\n    loadMoreMessages: (data: IFetchComments) => Promise<IFetchCommentsResponse>;\n    activeThread: IActiveThread;\n    setActiveThread: (thread: IActiveThread) => void;\n    createNewThread: () => Promise<IThreadResponseDTO>;\n}\n\nexport interface IThreadBody {\n    handleOnSaveRef: React.MutableRefObject<any>;\n    onClose: (isResolved?: boolean) => void;\n    userState: IUserState;\n    isLoading: boolean;\n    comments: IMessageDTO[];\n    fetchingMore: boolean;\n    editComment: string;\n}\n\nexport interface IThreadFooter {\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    isDisabled: boolean;\n    editComment: string;\n}\n\nexport interface IThreadHeader {\n    onClose: (isResolved?: boolean) => void;\n    displayResolve: boolean;\n    onResolve: (data: IThreadResolveArgs) => Promise<IDefaultAPIResponse>;\n    commentCount: number;\n    activeThread: IActiveThread;\n}\n\nexport interface ICollabConfig {\n    collab: {\n        fromShare: boolean;\n        pauseFeedback: boolean;\n        enable: boolean;\n        isFeedbackMode: boolean;\n        inviteMetadata: IInviteMetadata;\n        payload: IThreadDTO[];\n    };\n}\n\nexport interface IThreadIdentifier {\n    threadUid: string;\n}\n\nexport interface IThreadRemove {\n    threadUids: string[];\n    updateConfig?: boolean;\n}\n\nexport interface IThreadReopen {\n    thread: IThreadDTO;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/modern/visualBuilder/types/collab.types.d.cts

@@ -43,6 +43,7 @@ declare interface IMessageDTO {
     toUsers?: string[];
     images?: string[];
     createdAt: string;
+    updatedAt?: string;
     createdBy: string;
 }
 declare interface IThreadContext {
@@ -228,5 +229,25 @@ interface IThreadHeader {
     commentCount: number;
     activeThread: IActiveThread;
 }
+interface ICollabConfig {
+    collab: {
+        fromShare: boolean;
+        pauseFeedback: boolean;
+        enable: boolean;
+        isFeedbackMode: boolean;
+        inviteMetadata: IInviteMetadata;
+        payload: IThreadDTO[];
+    };
+}
+interface IThreadIdentifier {
+    threadUid: string;
+}
+interface IThreadRemove {
+    threadUids: string[];
+    updateConfig?: boolean;
+}
+interface IThreadReopen {
+    thread: IThreadDTO;
+}
 
-export type { IActiveThread, ICommentActionBar, ICommentCard, ICommentDTO, ICommentPayload, ICommentResolvedText, ICommentResponse, ICommentState, ICommentTextAreaProps, IDefaultAPIResponse, IDeleteCommentArgs, IDeleteThreadArgs, IEditCommentArgs, IErrorState, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IMentionItem, IMentionList, IMentionedList, IMessageDTO, IThreadBody, IThreadContext, IThreadDTO, IThreadFooter, IThreadHeader, IThreadPayload, IThreadPopup, IThreadPopupState, IThreadRenderStatus, IThreadResolveArgs, IThreadResponseDTO, IUserDTO, IUserMap, IUserState, MissingThreadsInfo, toggleCollabPopupEvent };
+export type { IActiveThread, ICollabConfig, ICommentActionBar, ICommentCard, ICommentDTO, ICommentPayload, ICommentResolvedText, ICommentResponse, ICommentState, ICommentTextAreaProps, IDefaultAPIResponse, IDeleteCommentArgs, IDeleteThreadArgs, IEditCommentArgs, IErrorState, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IMentionItem, IMentionList, IMentionedList, IMessageDTO, IThreadBody, IThreadContext, IThreadDTO, IThreadFooter, IThreadHeader, IThreadIdentifier, IThreadPayload, IThreadPopup, IThreadPopupState, IThreadRemove, IThreadRenderStatus, IThreadReopen, IThreadResolveArgs, IThreadResponseDTO, IUserDTO, IUserMap, IUserState, MissingThreadsInfo, toggleCollabPopupEvent };

package/dist/modern/visualBuilder/types/collab.types.d.ts

@@ -43,6 +43,7 @@ declare interface IMessageDTO {
     toUsers?: string[];
     images?: string[];
     createdAt: string;
+    updatedAt?: string;
     createdBy: string;
 }
 declare interface IThreadContext {
@@ -228,5 +229,25 @@ interface IThreadHeader {
     commentCount: number;
     activeThread: IActiveThread;
 }
+interface ICollabConfig {
+    collab: {
+        fromShare: boolean;
+        pauseFeedback: boolean;
+        enable: boolean;
+        isFeedbackMode: boolean;
+        inviteMetadata: IInviteMetadata;
+        payload: IThreadDTO[];
+    };
+}
+interface IThreadIdentifier {
+    threadUid: string;
+}
+interface IThreadRemove {
+    threadUids: string[];
+    updateConfig?: boolean;
+}
+interface IThreadReopen {
+    thread: IThreadDTO;
+}
 
-export type { IActiveThread, ICommentActionBar, ICommentCard, ICommentDTO, ICommentPayload, ICommentResolvedText, ICommentResponse, ICommentState, ICommentTextAreaProps, IDefaultAPIResponse, IDeleteCommentArgs, IDeleteThreadArgs, IEditCommentArgs, IErrorState, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IMentionItem, IMentionList, IMentionedList, IMessageDTO, IThreadBody, IThreadContext, IThreadDTO, IThreadFooter, IThreadHeader, IThreadPayload, IThreadPopup, IThreadPopupState, IThreadRenderStatus, IThreadResolveArgs, IThreadResponseDTO, IUserDTO, IUserMap, IUserState, MissingThreadsInfo, toggleCollabPopupEvent };
+export type { IActiveThread, ICollabConfig, ICommentActionBar, ICommentCard, ICommentDTO, ICommentPayload, ICommentResolvedText, ICommentResponse, ICommentState, ICommentTextAreaProps, IDefaultAPIResponse, IDeleteCommentArgs, IDeleteThreadArgs, IEditCommentArgs, IErrorState, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IMentionItem, IMentionList, IMentionedList, IMessageDTO, IThreadBody, IThreadContext, IThreadDTO, IThreadFooter, IThreadHeader, IThreadIdentifier, IThreadPayload, IThreadPopup, IThreadPopupState, IThreadRemove, IThreadRenderStatus, IThreadReopen, IThreadResolveArgs, IThreadResponseDTO, IUserDTO, IUserMap, IUserState, MissingThreadsInfo, toggleCollabPopupEvent };