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

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

@@ -5,33 +5,56 @@ import classNames from "classnames";
 import getVisualBuilderRedirectionUrl from "../utils/getVisualBuilderRedirectionUrl.js";
 import { EditIcon } from "./icons/index.js";
 import { visualBuilderStyles } from "../visualBuilder.style.js";
+import Config from "../../configManager/configManager.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
+var positionStyles = {
+  "bottom-right": visualBuilderStyles()["visual-builder__start-editing-btn__bottom-right"],
+  "bottom-left": visualBuilderStyles()["visual-builder__start-editing-btn__bottom-left"],
+  "top-left": visualBuilderStyles()["visual-builder__start-editing-btn__top-left"],
+  "top-right": visualBuilderStyles()["visual-builder__start-editing-btn__top-right"]
+};
+function getEditButtonPosition(position) {
+  const validPositions = ["bottom-left", "bottom-right", "top-left", "top-right"];
+  if (validPositions.includes(position)) {
+    return position;
+  } else {
+    return "bottom-right";
+  }
+}
 function StartEditingButtonComponent() {
-  return /* @__PURE__ */ jsxs(
+  const config = Config.get();
+  const enable = config.editInVisualBuilderButton.enable;
+  const position = config.editInVisualBuilderButton.position || "bottom-right";
+  function updateTargetUrl(e) {
+    const targetElement = e.target;
+    targetElement.setAttribute(
+      "href",
+      getVisualBuilderRedirectionUrl().toString()
+    );
+  }
+  return enable ? /* @__PURE__ */ jsxs(
     "a",
     {
       href: getVisualBuilderRedirectionUrl().toString(),
       className: classNames(
         "visual-builder__start-editing-btn",
-        visualBuilderStyles()["visual-builder__start-editing-btn"]
+        visualBuilderStyles()["visual-builder__start-editing-btn"],
+        positionStyles[getEditButtonPosition(position)]
       ),
       "data-testid": "vcms-start-editing-btn",
-      onClick: (e) => {
-        const targetElement = e.target;
-        targetElement.setAttribute(
-          "href",
-          getVisualBuilderRedirectionUrl().toString()
-        );
-      },
+      onMouseEnter: (e) => updateTargetUrl(e),
+      onFocus: (e) => updateTargetUrl(e),
+      onClick: (e) => updateTargetUrl(e),
       children: [
         /* @__PURE__ */ jsx(EditIcon, {}),
         /* @__PURE__ */ jsx("span", { children: "Start Editing" })
       ]
     }
-  );
+  ) : null;
 }
 var startEditingButton_default = StartEditingButtonComponent;
 export {
-  startEditingButton_default as default
+  startEditingButton_default as default,
+  getEditButtonPosition
 };
 //# sourceMappingURL=startEditingButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/startEditingButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport getVisualBuilderRedirectionUrl from \"../utils/getVisualBuilderRedirectionUrl\";\nimport { EditIcon } from \"./icons\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\nfunction StartEditingButtonComponent(): JSX.Element {\n    return (\n        <a\n            href={getVisualBuilderRedirectionUrl().toString()}\n            className={classNames(\n                \"visual-builder__start-editing-btn\",\n                visualBuilderStyles()[\"visual-builder__start-editing-btn\"]\n            )}\n            data-testid=\"vcms-start-editing-btn\"\n            onClick={(e) => {\n                const targetElement = e.target as HTMLAnchorElement;\n                targetElement.setAttribute(\n                    \"href\",\n                    getVisualBuilderRedirectionUrl().toString()\n                );\n            }}\n        >\n            <EditIcon />\n            <span>Start Editing</span>\n        </a>\n    );\n}\n\nexport default StartEditingButtonComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,OAAO,oCAAoC;AAC3C,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAK5B,SAeI,KAfJ;AAFR,SAAS,8BAA2C;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM,+BAA+B,EAAE,SAAS;AAAA,MAChD,WAAW;AAAA,QACP;AAAA,QACA,oBAAoB,EAAE,mCAAmC;AAAA,MAC7D;AAAA,MACA,eAAY;AAAA,MACZ,SAAS,CAAC,MAAM;AACZ,cAAM,gBAAgB,EAAE;AACxB,sBAAc;AAAA,UACV;AAAA,UACA,+BAA+B,EAAE,SAAS;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA;AAAA,4BAAC,YAAS;AAAA,QACV,oBAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB;AAER;AAEA,IAAO,6BAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/startEditingButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport getVisualBuilderRedirectionUrl from \"../utils/getVisualBuilderRedirectionUrl\";\nimport { EditIcon } from \"./icons\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport Config from \"../../configManager/configManager\";\nimport { IConfigEditInVisualBuilderButton } from \"../../types/types\";\n\n\ntype Position = NonNullable<IConfigEditInVisualBuilderButton['position']>;\n\nconst positionStyles: Record<Position, string> = {\n    \"bottom-right\": visualBuilderStyles()['visual-builder__start-editing-btn__bottom-right'],\n    \"bottom-left\": visualBuilderStyles()['visual-builder__start-editing-btn__bottom-left'],\n    \"top-left\": visualBuilderStyles()['visual-builder__start-editing-btn__top-left'],\n    \"top-right\": visualBuilderStyles()['visual-builder__start-editing-btn__top-right'],\n}\n\nexport function getEditButtonPosition(position: any): Position {\n    const validPositions: Position[] = ['bottom-left', 'bottom-right', 'top-left', 'top-right']\n    if(validPositions.includes(position)){\n        return position\n    } else {\n        return \"bottom-right\"\n    }\n}\n\nfunction StartEditingButtonComponent(): JSX.Element | null {\n    const config = Config.get()\n    const enable = config.editInVisualBuilderButton.enable;\n    const position = config.editInVisualBuilderButton.position || \"bottom-right\";\n    \n    function updateTargetUrl(e: any){\n        const targetElement = e.target as HTMLAnchorElement;\n        targetElement.setAttribute(\n            \"href\",\n            getVisualBuilderRedirectionUrl().toString()\n        );\n    }\n\n    return enable ? (\n        <a\n            href={getVisualBuilderRedirectionUrl().toString()}\n            className={classNames(\n                \"visual-builder__start-editing-btn\",\n                visualBuilderStyles()[\"visual-builder__start-editing-btn\"],\n                positionStyles[getEditButtonPosition(position)]\n            )}\n            data-testid=\"vcms-start-editing-btn\"\n            onMouseEnter={(e) => updateTargetUrl(e)}\n            onFocus={(e) => updateTargetUrl(e)}\n            onClick={(e) => updateTargetUrl(e)}\n        >\n            <EditIcon />\n            <span>Start Editing</span>\n        </a>\n    ) : null;\n}\n\nexport default StartEditingButtonComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,OAAO,oCAAoC;AAC3C,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAEpC,OAAO,YAAY;AAoCX,SAYI,KAZJ;AA9BR,IAAM,iBAA2C;AAAA,EAC7C,gBAAgB,oBAAoB,EAAE,iDAAiD;AAAA,EACvF,eAAe,oBAAoB,EAAE,gDAAgD;AAAA,EACrF,YAAY,oBAAoB,EAAE,6CAA6C;AAAA,EAC/E,aAAa,oBAAoB,EAAE,8CAA8C;AACrF;AAEO,SAAS,sBAAsB,UAAyB;AAC3D,QAAM,iBAA6B,CAAC,eAAe,gBAAgB,YAAY,WAAW;AAC1F,MAAG,eAAe,SAAS,QAAQ,GAAE;AACjC,WAAO;AAAA,EACX,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEA,SAAS,8BAAkD;AACvD,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,SAAS,OAAO,0BAA0B;AAChD,QAAM,WAAW,OAAO,0BAA0B,YAAY;AAE9D,WAAS,gBAAgB,GAAO;AAC5B,UAAM,gBAAgB,EAAE;AACxB,kBAAc;AAAA,MACV;AAAA,MACA,+BAA+B,EAAE,SAAS;AAAA,IAC9C;AAAA,EACJ;AAEA,SAAO,SACH;AAAA,IAAC;AAAA;AAAA,MACG,MAAM,+BAA+B,EAAE,SAAS;AAAA,MAChD,WAAW;AAAA,QACP;AAAA,QACA,oBAAoB,EAAE,mCAAmC;AAAA,QACzD,eAAe,sBAAsB,QAAQ,CAAC;AAAA,MAClD;AAAA,MACA,eAAY;AAAA,MACZ,cAAc,CAAC,MAAM,gBAAgB,CAAC;AAAA,MACtC,SAAS,CAAC,MAAM,gBAAgB,CAAC;AAAA,MACjC,SAAS,CAAC,MAAM,gBAAgB,CAAC;AAAA,MAEjC;AAAA,4BAAC,YAAS;AAAA,QACV,oBAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB,IACA;AACR;AAEA,IAAO,6BAAQ;","names":[]}

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

@@ -46,35 +46,56 @@ var handleRemoveCommentIcons = (fromShare = false) => {
   (0, import_generateThread.removeAllCollabIcons)();
 };
 var useCollab = () => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
+  const config = import_configManager.default.get();
   const collabEnable = (_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_ENABLE,
     (data) => {
-      var _a2, _b2, _c2, _d2, _e2, _f, _g;
-      if ((_b2 = (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.collab) == null ? void 0 : _b2.fromShare) {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+      if (!((_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.collab)) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if ((_c2 = (_b2 = data == null ? void 0 : data.data) == null ? void 0 : _b2.collab) == null ? void 0 : _c2.fromShare) {
         import_configManager.default.set(
           "collab.pauseFeedback",
-          (_d2 = (_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.collab) == null ? void 0 : _d2.pauseFeedback
+          (_e2 = (_d2 = data == null ? void 0 : data.data) == null ? void 0 : _d2.collab) == null ? void 0 : _e2.pauseFeedback
         );
         (0, import_generateThread.showAllCollabIcons)();
         return;
       }
-      if (!((_e2 = data == null ? void 0 : data.data) == null ? void 0 : _e2.collab)) {
-        console.error("Invalid collab data structure:", data);
-        return;
-      }
       import_configManager.default.set("collab.enable", data.data.collab.enable ?? false);
       import_configManager.default.set(
         "collab.isFeedbackMode",
         data.data.collab.isFeedbackMode ?? false
       );
+      import_configManager.default.set(
+        "collab.pauseFeedback",
+        (_g = (_f2 = data == null ? void 0 : data.data) == null ? void 0 : _f2.collab) == null ? void 0 : _g.pauseFeedback
+      );
       import_configManager.default.set(
         "collab.inviteMetadata",
         data.data.collab.inviteMetadata
       );
-      const missingThreadIds = (_g = (_f = data == null ? void 0 : data.data) == null ? void 0 : _f.payload) == null ? void 0 : _g.map(
-        (payload) => (0, import_generateThread2.generateThread)(payload, { isNewThread: false })
-      ).filter(Boolean);
+    }
+  );
+  const collabPayload = (_b = import_visualBuilderPostMessage.default) == null ? void 0 : _b.on(
+    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,
+    (data) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable)) return;
+      if (!((_b2 = data == null ? void 0 : data.data) == null ? void 0 : _b2.collab)) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if ((_d2 = (_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.collab) == null ? void 0 : _d2.inviteMetadata) {
+        import_configManager.default.set(
+          "collab.inviteMetadata",
+          (_f2 = (_e2 = data == null ? void 0 : data.data) == null ? void 0 : _e2.collab) == null ? void 0 : _f2.inviteMetadata
+        );
+        return;
+      }
+      const missingThreadIds = ((_i = (_h = (_g = data == null ? void 0 : data.data) == null ? void 0 : _g.collab) == null ? void 0 : _h.payload) == null ? void 0 : _i.map((payload) => (0, import_generateThread2.generateThread)(payload)).filter((id) => id !== void 0)) || [];
       if (missingThreadIds.length > 0) {
         (0, import_generateThread2.handleMissingThreads)({
           payload: { isElementPresent: false },
@@ -83,7 +104,7 @@ var useCollab = () => {
       }
     }
   );
-  const collabDisable = (_b = import_visualBuilderPostMessage.default) == null ? void 0 : _b.on(
+  const collabDisable = (_c = import_visualBuilderPostMessage.default) == null ? void 0 : _c.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_DISABLE,
     (data) => {
       var _a2, _b2, _c2, _d2;
@@ -100,18 +121,31 @@ var useCollab = () => {
       handleRemoveCommentIcons();
     }
   );
-  const collabThreadRemove = (_c = import_visualBuilderPostMessage.default) == null ? void 0 : _c.on(
-    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,
+  const collabThreadRemove = (_d = import_visualBuilderPostMessage.default) == null ? void 0 : _d.on(
+    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,
     (data) => {
-      const { threadUid } = data.data;
-      (0, import_generateThread.removeCollabIcon)(threadUid);
+      var _a2, _b2, _c2;
+      const threadUids = (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.threadUids;
+      if (!((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.enable)) return;
+      if ((_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.updateConfig) {
+        import_configManager.default.set("collab.isFeedbackMode", true);
+      }
+      if (threadUids.length > 0) {
+        threadUids.forEach((threadUid) => {
+          (0, import_generateThread.removeCollabIcon)(threadUid);
+        });
+      }
     }
   );
-  const collabThreadReopen = (_d = import_visualBuilderPostMessage.default) == null ? void 0 : _d.on(
+  const collabThreadReopen = (_e = import_visualBuilderPostMessage.default) == null ? void 0 : _e.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,
     (data) => {
+      var _a2, _b2;
       const thread = data.data.thread;
-      const result = (0, import_generateThread2.generateThread)(thread, { isNewThread: false });
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable)) return;
+      const result = (0, import_generateThread2.generateThread)(thread, {
+        hidden: Boolean((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.pauseFeedback)
+      });
       if (result) {
         (0, import_generateThread2.handleMissingThreads)({
           payload: { isElementPresent: false },
@@ -120,15 +154,19 @@ var useCollab = () => {
       }
     }
   );
-  const collabThreadHighlight = (_e = import_visualBuilderPostMessage.default) == null ? void 0 : _e.on(
+  const collabThreadHighlight = (_f = import_visualBuilderPostMessage.default) == null ? void 0 : _f.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,
     (data) => {
+      var _a2, _b2;
       const { threadUid } = data.data;
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable) || ((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.pauseFeedback))
+        return;
       (0, import_generateThread.HighlightThread)(threadUid);
     }
   );
   return () => {
     collabEnable == null ? void 0 : collabEnable.unregister();
+    collabPayload == null ? void 0 : collabPayload.unregister();
     collabDisable == null ? void 0 : collabDisable.unregister();
     collabThreadRemove == null ? void 0 : collabThreadRemove.unregister();
     collabThreadReopen == null ? void 0 : collabThreadReopen.unregister();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useCollab.ts"],"sourcesContent":["import visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\nimport {\n    removeAllCollabIcons,\n    hideAllCollabIcons,\n    removeCollabIcon,\n    HighlightThread,\n    showAllCollabIcons,\n} from \"../generators/generateThread\";\nimport {\n    generateThread,\n    handleMissingThreads,\n} from \"../generators/generateThread\";\nimport { IThreadDTO } from \"../types/collab.types\";\n\nconst handleRemoveCommentIcons = (fromShare: boolean = false): void => {\n    if (fromShare) {\n        hideAllCollabIcons();\n        return;\n    }\n    removeAllCollabIcons();\n};\n\nexport const useCollab = () => {\n    const collabEnable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_ENABLE,\n        (data: any) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                showAllCollabIcons();\n                return;\n            }\n\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n            Config.set(\"collab.enable\", data.data.collab.enable ?? false);\n            Config.set(\n                \"collab.isFeedbackMode\",\n                data.data.collab.isFeedbackMode ?? false\n            );\n            Config.set(\n                \"collab.inviteMetadata\",\n                data.data.collab.inviteMetadata\n            );\n\n            const missingThreadIds = data?.data?.payload\n                ?.map((payload: IThreadDTO) =>\n                    generateThread(payload, { isNewThread: false })\n                )\n                .filter(Boolean);\n            if (missingThreadIds.length > 0) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: missingThreadIds,\n                });\n            }\n        }\n    );\n\n    const collabDisable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DISABLE,\n        (data: any) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                handleRemoveCommentIcons(true);\n                return;\n            }\n\n            Config.set(\"collab.enable\", false);\n            Config.set(\"collab.isFeedbackMode\", false);\n\n            handleRemoveCommentIcons();\n        }\n    );\n\n    const collabThreadRemove = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,\n        (data: any) => {\n            const { threadUid } = data.data;\n            removeCollabIcon(threadUid);\n        }\n    );\n\n    const collabThreadReopen = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,\n        (data: any) => {\n            const thread = data.data.thread;\n            const result = generateThread(thread, { isNewThread: false });\n            if (result) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: [result],\n                });\n            }\n        }\n    );\n\n    const collabThreadHighlight = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,\n        (data: any) => {\n            const { threadUid } = data.data;\n            HighlightThread(threadUid);\n        }\n    );\n\n    return () => {\n        collabEnable?.unregister();\n        collabDisable?.unregister();\n        collabThreadRemove?.unregister();\n        collabThreadReopen?.unregister();\n        collabThreadHighlight?.unregister();\n    };\n};\n"],"mappings":"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","names":["import_generateThread","visualBuilderPostMessage","_a","_b","_c","_d","_e","Config"]}
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useCollab.ts"],"sourcesContent":["import visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\nimport {\n    removeAllCollabIcons,\n    hideAllCollabIcons,\n    removeCollabIcon,\n    HighlightThread,\n    showAllCollabIcons,\n} from \"../generators/generateThread\";\nimport {\n    generateThread,\n    handleMissingThreads,\n} from \"../generators/generateThread\";\nimport {\n    IThreadDTO,\n    ICollabConfig,\n    IThreadIdentifier,\n    IThreadRemove,\n    IThreadReopen,\n} from \"../types/collab.types\";\nimport { OnEvent } from \"@contentstack/advanced-post-message\";\n\nconst handleRemoveCommentIcons = (fromShare: boolean = false): void => {\n    if (fromShare) {\n        hideAllCollabIcons();\n        return;\n    }\n    removeAllCollabIcons();\n};\n\nexport const useCollab = () => {\n    const config = Config.get();\n    const collabEnable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_ENABLE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                showAllCollabIcons();\n                return;\n            }\n\n            Config.set(\"collab.enable\", data.data.collab.enable ?? false);\n            Config.set(\n                \"collab.isFeedbackMode\",\n                data.data.collab.isFeedbackMode ?? false\n            );\n            Config.set(\n                \"collab.pauseFeedback\",\n                data?.data?.collab?.pauseFeedback\n            );\n            Config.set(\n                \"collab.inviteMetadata\",\n                data.data.collab.inviteMetadata\n            );\n        }\n    );\n\n    const collabPayload = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (!config?.collab?.enable) return;\n\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n\n            if (data?.data?.collab?.inviteMetadata) {\n                Config.set(\n                    \"collab.inviteMetadata\",\n                    data?.data?.collab?.inviteMetadata\n                );\n                return;\n            }\n\n            const missingThreadIds =\n                data?.data?.collab?.payload\n                    ?.map((payload: IThreadDTO) => generateThread(payload))\n                    .filter((id): id is string => id !== undefined) || [];\n            if (missingThreadIds.length > 0) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: missingThreadIds,\n                });\n            }\n        }\n    );\n\n    const collabDisable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DISABLE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                handleRemoveCommentIcons(true);\n                return;\n            }\n\n            Config.set(\"collab.enable\", false);\n            Config.set(\"collab.isFeedbackMode\", false);\n\n            handleRemoveCommentIcons();\n        }\n    );\n\n    const collabThreadRemove = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,\n        (data: OnEvent<IThreadRemove>) => {\n            const threadUids = data?.data?.threadUids;\n\n            if (!config?.collab?.enable) return;\n\n            if (data?.data?.updateConfig) {\n                Config.set(\"collab.isFeedbackMode\", true);\n            }\n            if (threadUids.length > 0) {\n                threadUids.forEach((threadUid) => {\n                    removeCollabIcon(threadUid);\n                });\n            }\n        }\n    );\n\n    const collabThreadReopen = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,\n        (data: OnEvent<IThreadReopen>) => {\n            const thread = data.data.thread;\n\n            if (!config?.collab?.enable) return;\n\n            const result = generateThread(thread, {\n                hidden: Boolean(config?.collab?.pauseFeedback),\n            });\n            if (result) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: [result],\n                });\n            }\n        }\n    );\n\n    const collabThreadHighlight = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,\n        (data: OnEvent<IThreadIdentifier>) => {\n            const { threadUid } = data.data;\n            if (!config?.collab?.enable || config?.collab?.pauseFeedback)\n                return;\n\n            HighlightThread(threadUid);\n        }\n    );\n\n    return () => {\n        collabEnable?.unregister();\n        collabPayload?.unregister();\n        collabDisable?.unregister();\n        collabThreadRemove?.unregister();\n        collabThreadReopen?.unregister();\n        collabThreadHighlight?.unregister();\n    };\n};\n"],"mappings":"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","names":["import_generateThread","Config","visualBuilderPostMessage","_a","_b","_c","_d","_e","_f"]}

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

@@ -23,35 +23,56 @@ var handleRemoveCommentIcons = (fromShare = false) => {
   removeAllCollabIcons();
 };
 var useCollab = () => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
+  const config = Config.get();
   const collabEnable = (_a = visualBuilderPostMessage) == null ? void 0 : _a.on(
     VisualBuilderPostMessageEvents.COLLAB_ENABLE,
     (data) => {
-      var _a2, _b2, _c2, _d2, _e2, _f, _g;
-      if ((_b2 = (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.collab) == null ? void 0 : _b2.fromShare) {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+      if (!((_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.collab)) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if ((_c2 = (_b2 = data == null ? void 0 : data.data) == null ? void 0 : _b2.collab) == null ? void 0 : _c2.fromShare) {
         Config.set(
           "collab.pauseFeedback",
-          (_d2 = (_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.collab) == null ? void 0 : _d2.pauseFeedback
+          (_e2 = (_d2 = data == null ? void 0 : data.data) == null ? void 0 : _d2.collab) == null ? void 0 : _e2.pauseFeedback
         );
         showAllCollabIcons();
         return;
       }
-      if (!((_e2 = data == null ? void 0 : data.data) == null ? void 0 : _e2.collab)) {
-        console.error("Invalid collab data structure:", data);
-        return;
-      }
       Config.set("collab.enable", data.data.collab.enable ?? false);
       Config.set(
         "collab.isFeedbackMode",
         data.data.collab.isFeedbackMode ?? false
       );
+      Config.set(
+        "collab.pauseFeedback",
+        (_g = (_f2 = data == null ? void 0 : data.data) == null ? void 0 : _f2.collab) == null ? void 0 : _g.pauseFeedback
+      );
       Config.set(
         "collab.inviteMetadata",
         data.data.collab.inviteMetadata
       );
-      const missingThreadIds = (_g = (_f = data == null ? void 0 : data.data) == null ? void 0 : _f.payload) == null ? void 0 : _g.map(
-        (payload) => generateThread(payload, { isNewThread: false })
-      ).filter(Boolean);
+    }
+  );
+  const collabPayload = (_b = visualBuilderPostMessage) == null ? void 0 : _b.on(
+    VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,
+    (data) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable)) return;
+      if (!((_b2 = data == null ? void 0 : data.data) == null ? void 0 : _b2.collab)) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if ((_d2 = (_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.collab) == null ? void 0 : _d2.inviteMetadata) {
+        Config.set(
+          "collab.inviteMetadata",
+          (_f2 = (_e2 = data == null ? void 0 : data.data) == null ? void 0 : _e2.collab) == null ? void 0 : _f2.inviteMetadata
+        );
+        return;
+      }
+      const missingThreadIds = ((_i = (_h = (_g = data == null ? void 0 : data.data) == null ? void 0 : _g.collab) == null ? void 0 : _h.payload) == null ? void 0 : _i.map((payload) => generateThread(payload)).filter((id) => id !== void 0)) || [];
       if (missingThreadIds.length > 0) {
         handleMissingThreads({
           payload: { isElementPresent: false },
@@ -60,7 +81,7 @@ var useCollab = () => {
       }
     }
   );
-  const collabDisable = (_b = visualBuilderPostMessage) == null ? void 0 : _b.on(
+  const collabDisable = (_c = visualBuilderPostMessage) == null ? void 0 : _c.on(
     VisualBuilderPostMessageEvents.COLLAB_DISABLE,
     (data) => {
       var _a2, _b2, _c2, _d2;
@@ -77,18 +98,31 @@ var useCollab = () => {
       handleRemoveCommentIcons();
     }
   );
-  const collabThreadRemove = (_c = visualBuilderPostMessage) == null ? void 0 : _c.on(
-    VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,
+  const collabThreadRemove = (_d = visualBuilderPostMessage) == null ? void 0 : _d.on(
+    VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,
     (data) => {
-      const { threadUid } = data.data;
-      removeCollabIcon(threadUid);
+      var _a2, _b2, _c2;
+      const threadUids = (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.threadUids;
+      if (!((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.enable)) return;
+      if ((_c2 = data == null ? void 0 : data.data) == null ? void 0 : _c2.updateConfig) {
+        Config.set("collab.isFeedbackMode", true);
+      }
+      if (threadUids.length > 0) {
+        threadUids.forEach((threadUid) => {
+          removeCollabIcon(threadUid);
+        });
+      }
     }
   );
-  const collabThreadReopen = (_d = visualBuilderPostMessage) == null ? void 0 : _d.on(
+  const collabThreadReopen = (_e = visualBuilderPostMessage) == null ? void 0 : _e.on(
     VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,
     (data) => {
+      var _a2, _b2;
       const thread = data.data.thread;
-      const result = generateThread(thread, { isNewThread: false });
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable)) return;
+      const result = generateThread(thread, {
+        hidden: Boolean((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.pauseFeedback)
+      });
       if (result) {
         handleMissingThreads({
           payload: { isElementPresent: false },
@@ -97,15 +131,19 @@ var useCollab = () => {
       }
     }
   );
-  const collabThreadHighlight = (_e = visualBuilderPostMessage) == null ? void 0 : _e.on(
+  const collabThreadHighlight = (_f = visualBuilderPostMessage) == null ? void 0 : _f.on(
     VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,
     (data) => {
+      var _a2, _b2;
       const { threadUid } = data.data;
+      if (!((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.enable) || ((_b2 = config == null ? void 0 : config.collab) == null ? void 0 : _b2.pauseFeedback))
+        return;
       HighlightThread(threadUid);
     }
   );
   return () => {
     collabEnable == null ? void 0 : collabEnable.unregister();
+    collabPayload == null ? void 0 : collabPayload.unregister();
     collabDisable == null ? void 0 : collabDisable.unregister();
     collabThreadRemove == null ? void 0 : collabThreadRemove.unregister();
     collabThreadReopen == null ? void 0 : collabThreadReopen.unregister();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useCollab.ts"],"sourcesContent":["import visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\nimport {\n    removeAllCollabIcons,\n    hideAllCollabIcons,\n    removeCollabIcon,\n    HighlightThread,\n    showAllCollabIcons,\n} from \"../generators/generateThread\";\nimport {\n    generateThread,\n    handleMissingThreads,\n} from \"../generators/generateThread\";\nimport { IThreadDTO } from \"../types/collab.types\";\n\nconst handleRemoveCommentIcons = (fromShare: boolean = false): void => {\n    if (fromShare) {\n        hideAllCollabIcons();\n        return;\n    }\n    removeAllCollabIcons();\n};\n\nexport const useCollab = () => {\n    const collabEnable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_ENABLE,\n        (data: any) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                showAllCollabIcons();\n                return;\n            }\n\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n            Config.set(\"collab.enable\", data.data.collab.enable ?? false);\n            Config.set(\n                \"collab.isFeedbackMode\",\n                data.data.collab.isFeedbackMode ?? false\n            );\n            Config.set(\n                \"collab.inviteMetadata\",\n                data.data.collab.inviteMetadata\n            );\n\n            const missingThreadIds = data?.data?.payload\n                ?.map((payload: IThreadDTO) =>\n                    generateThread(payload, { isNewThread: false })\n                )\n                .filter(Boolean);\n            if (missingThreadIds.length > 0) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: missingThreadIds,\n                });\n            }\n        }\n    );\n\n    const collabDisable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DISABLE,\n        (data: any) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                handleRemoveCommentIcons(true);\n                return;\n            }\n\n            Config.set(\"collab.enable\", false);\n            Config.set(\"collab.isFeedbackMode\", false);\n\n            handleRemoveCommentIcons();\n        }\n    );\n\n    const collabThreadRemove = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,\n        (data: any) => {\n            const { threadUid } = data.data;\n            removeCollabIcon(threadUid);\n        }\n    );\n\n    const collabThreadReopen = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,\n        (data: any) => {\n            const thread = data.data.thread;\n            const result = generateThread(thread, { isNewThread: false });\n            if (result) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: [result],\n                });\n            }\n        }\n    );\n\n    const collabThreadHighlight = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,\n        (data: any) => {\n            const { threadUid } = data.data;\n            HighlightThread(threadUid);\n        }\n    );\n\n    return () => {\n        collabEnable?.unregister();\n        collabDisable?.unregister();\n        collabThreadRemove?.unregister();\n        collabThreadReopen?.unregister();\n        collabThreadHighlight?.unregister();\n    };\n};\n"],"mappings":";;;AAAA,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAC/C,OAAO,YAAY;AACnB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAGP,IAAM,2BAA2B,CAAC,YAAqB,UAAgB;AACnE,MAAI,WAAW;AACX,uBAAmB;AACnB;AAAA,EACJ;AACA,uBAAqB;AACzB;AAEO,IAAM,YAAY,MAAM;AAxB/B;AAyBI,QAAM,gBAAe,qDAA0B;AAAA,IAC3C,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AA3BvB,UAAAA,KAAAC,KAAAC,KAAAC,KAAAC,KAAA;AA4BY,WAAIH,OAAAD,MAAA,6BAAM,SAAN,gBAAAA,IAAY,WAAZ,gBAAAC,IAAoB,WAAW;AAC/B,eAAO;AAAA,UACH;AAAA,WACAE,OAAAD,MAAA,6BAAM,SAAN,gBAAAA,IAAY,WAAZ,gBAAAC,IAAoB;AAAA,QACxB;AACA,2BAAmB;AACnB;AAAA,MACJ;AAEA,UAAI,GAACC,MAAA,6BAAM,SAAN,gBAAAA,IAAY,SAAQ;AACrB,gBAAQ,MAAM,kCAAkC,IAAI;AACpD;AAAA,MACJ;AACA,aAAO,IAAI,iBAAiB,KAAK,KAAK,OAAO,UAAU,KAAK;AAC5D,aAAO;AAAA,QACH;AAAA,QACA,KAAK,KAAK,OAAO,kBAAkB;AAAA,MACvC;AACA,aAAO;AAAA,QACH;AAAA,QACA,KAAK,KAAK,OAAO;AAAA,MACrB;AAEA,YAAM,oBAAmB,wCAAM,SAAN,mBAAY,YAAZ,mBACnB;AAAA,QAAI,CAAC,YACH,eAAe,SAAS,EAAE,aAAa,MAAM,CAAC;AAAA,QAEjD,OAAO;AACZ,UAAI,iBAAiB,SAAS,GAAG;AAC7B,6BAAqB;AAAA,UACjB,SAAS,EAAE,kBAAkB,MAAM;AAAA,UACnC,YAAY;AAAA,QAChB,CAAC;AAAA,MACL;AAAA,IACJ;AAAA;AAGJ,QAAM,iBAAgB,qDAA0B;AAAA,IAC5C,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AAnEvB,UAAAJ,KAAAC,KAAAC,KAAAC;AAoEY,WAAIF,OAAAD,MAAA,6BAAM,SAAN,gBAAAA,IAAY,WAAZ,gBAAAC,IAAoB,WAAW;AAC/B,eAAO;AAAA,UACH;AAAA,WACAE,OAAAD,MAAA,6BAAM,SAAN,gBAAAA,IAAY,WAAZ,gBAAAC,IAAoB;AAAA,QACxB;AACA,iCAAyB,IAAI;AAC7B;AAAA,MACJ;AAEA,aAAO,IAAI,iBAAiB,KAAK;AACjC,aAAO,IAAI,yBAAyB,KAAK;AAEzC,+BAAyB;AAAA,IAC7B;AAAA;AAGJ,QAAM,sBAAqB,qDAA0B;AAAA,IACjD,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,uBAAiB,SAAS;AAAA,IAC9B;AAAA;AAGJ,QAAM,sBAAqB,qDAA0B;AAAA,IACjD,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,SAAS,KAAK,KAAK;AACzB,YAAM,SAAS,eAAe,QAAQ,EAAE,aAAa,MAAM,CAAC;AAC5D,UAAI,QAAQ;AACR,6BAAqB;AAAA,UACjB,SAAS,EAAE,kBAAkB,MAAM;AAAA,UACnC,YAAY,CAAC,MAAM;AAAA,QACvB,CAAC;AAAA,MACL;AAAA,IACJ;AAAA;AAGJ,QAAM,yBAAwB,qDAA0B;AAAA,IACpD,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,sBAAgB,SAAS;AAAA,IAC7B;AAAA;AAGJ,SAAO,MAAM;AACT,iDAAc;AACd,mDAAe;AACf,6DAAoB;AACpB,6DAAoB;AACpB,mEAAuB;AAAA,EAC3B;AACJ;","names":["_a","_b","_c","_d","_e"]}
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useCollab.ts"],"sourcesContent":["import visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\nimport {\n    removeAllCollabIcons,\n    hideAllCollabIcons,\n    removeCollabIcon,\n    HighlightThread,\n    showAllCollabIcons,\n} from \"../generators/generateThread\";\nimport {\n    generateThread,\n    handleMissingThreads,\n} from \"../generators/generateThread\";\nimport {\n    IThreadDTO,\n    ICollabConfig,\n    IThreadIdentifier,\n    IThreadRemove,\n    IThreadReopen,\n} from \"../types/collab.types\";\nimport { OnEvent } from \"@contentstack/advanced-post-message\";\n\nconst handleRemoveCommentIcons = (fromShare: boolean = false): void => {\n    if (fromShare) {\n        hideAllCollabIcons();\n        return;\n    }\n    removeAllCollabIcons();\n};\n\nexport const useCollab = () => {\n    const config = Config.get();\n    const collabEnable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_ENABLE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                showAllCollabIcons();\n                return;\n            }\n\n            Config.set(\"collab.enable\", data.data.collab.enable ?? false);\n            Config.set(\n                \"collab.isFeedbackMode\",\n                data.data.collab.isFeedbackMode ?? false\n            );\n            Config.set(\n                \"collab.pauseFeedback\",\n                data?.data?.collab?.pauseFeedback\n            );\n            Config.set(\n                \"collab.inviteMetadata\",\n                data.data.collab.inviteMetadata\n            );\n        }\n    );\n\n    const collabPayload = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (!config?.collab?.enable) return;\n\n            if (!data?.data?.collab) {\n                console.error(\"Invalid collab data structure:\", data);\n                return;\n            }\n\n            if (data?.data?.collab?.inviteMetadata) {\n                Config.set(\n                    \"collab.inviteMetadata\",\n                    data?.data?.collab?.inviteMetadata\n                );\n                return;\n            }\n\n            const missingThreadIds =\n                data?.data?.collab?.payload\n                    ?.map((payload: IThreadDTO) => generateThread(payload))\n                    .filter((id): id is string => id !== undefined) || [];\n            if (missingThreadIds.length > 0) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: missingThreadIds,\n                });\n            }\n        }\n    );\n\n    const collabDisable = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_DISABLE,\n        (data: OnEvent<ICollabConfig>) => {\n            if (data?.data?.collab?.fromShare) {\n                Config.set(\n                    \"collab.pauseFeedback\",\n                    data?.data?.collab?.pauseFeedback\n                );\n                handleRemoveCommentIcons(true);\n                return;\n            }\n\n            Config.set(\"collab.enable\", false);\n            Config.set(\"collab.isFeedbackMode\", false);\n\n            handleRemoveCommentIcons();\n        }\n    );\n\n    const collabThreadRemove = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,\n        (data: OnEvent<IThreadRemove>) => {\n            const threadUids = data?.data?.threadUids;\n\n            if (!config?.collab?.enable) return;\n\n            if (data?.data?.updateConfig) {\n                Config.set(\"collab.isFeedbackMode\", true);\n            }\n            if (threadUids.length > 0) {\n                threadUids.forEach((threadUid) => {\n                    removeCollabIcon(threadUid);\n                });\n            }\n        }\n    );\n\n    const collabThreadReopen = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,\n        (data: OnEvent<IThreadReopen>) => {\n            const thread = data.data.thread;\n\n            if (!config?.collab?.enable) return;\n\n            const result = generateThread(thread, {\n                hidden: Boolean(config?.collab?.pauseFeedback),\n            });\n            if (result) {\n                handleMissingThreads({\n                    payload: { isElementPresent: false },\n                    threadUids: [result],\n                });\n            }\n        }\n    );\n\n    const collabThreadHighlight = visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,\n        (data: OnEvent<IThreadIdentifier>) => {\n            const { threadUid } = data.data;\n            if (!config?.collab?.enable || config?.collab?.pauseFeedback)\n                return;\n\n            HighlightThread(threadUid);\n        }\n    );\n\n    return () => {\n        collabEnable?.unregister();\n        collabPayload?.unregister();\n        collabDisable?.unregister();\n        collabThreadRemove?.unregister();\n        collabThreadReopen?.unregister();\n        collabThreadHighlight?.unregister();\n    };\n};\n"],"mappings":"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","names":["_a","_b","_c","_d","_e","_f"]}

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

@@ -36,6 +36,7 @@ module.exports = __toCommonJS(useHideFocusOverlayPostMessageEvent_exports);
 var import_generateOverlay = require("../generators/generateOverlay.cjs");
 var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
 var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
 function useHideFocusOverlayPostMessageEvent({
   visualBuilderContainer,
   overlayWrapper,
@@ -46,13 +47,17 @@ function useHideFocusOverlayPostMessageEvent({
   (_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.on(
     import_postMessage.VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
     (args) => {
-      var _a2;
+      var _a2, _b;
+      if (Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.fromCollab)) {
+        import_configManager.default.set("collab.enable", true);
+        import_configManager.default.set("collab.pauseFeedback", true);
+      }
       (0, import_generateOverlay.hideOverlay)({
         visualBuilderOverlayWrapper: overlayWrapper,
         visualBuilderContainer,
         focusedToolbar,
         resizeObserver,
-        noTrigger: Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.noTrigger)
+        noTrigger: Boolean((_b = args == null ? void 0 : args.data) == null ? void 0 : _b.noTrigger)
       });
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean } }) => {\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger)\n            });\n        }\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAE5B,sCAAqC;AACrC,yBAA+C;AAOxC,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAf7C;AAgBI,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,SAA2C;AAlBpD,UAAAC;AAmBY,8CAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["visualBuilderPostMessage","_a"]}
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean; fromCollab: boolean } }) => {\n            if (Boolean(args?.data?.fromCollab)) {\n                Config.set(\"collab.enable\", true);\n                Config.set(\"collab.pauseFeedback\", true);\n            }\n\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger),\n            });\n        }\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAE5B,sCAAqC;AACrC,yBAA+C;AAC/C,2BAAmB;AAOZ,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAhB7C;AAiBI,wCAAAA,YAAA,mBAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,SAAgE;AAnBzE,UAAAC,KAAA;AAoBY,UAAI,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,UAAU,GAAG;AACjC,6BAAAC,QAAO,IAAI,iBAAiB,IAAI;AAChC,6BAAAA,QAAO,IAAI,wBAAwB,IAAI;AAAA,MAC3C;AAEA,8CAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQ,kCAAM,SAAN,mBAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["visualBuilderPostMessage","_a","Config"]}

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

@@ -4,6 +4,7 @@ import "../../chunk-5WRI5ZAA.js";
 import { hideOverlay } from "../generators/generateOverlay.js";
 import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
 import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+import Config from "../../configManager/configManager.js";
 function useHideFocusOverlayPostMessageEvent({
   visualBuilderContainer,
   overlayWrapper,
@@ -14,13 +15,17 @@ function useHideFocusOverlayPostMessageEvent({
   (_a = visualBuilderPostMessage) == null ? void 0 : _a.on(
     VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
     (args) => {
-      var _a2;
+      var _a2, _b;
+      if (Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.fromCollab)) {
+        Config.set("collab.enable", true);
+        Config.set("collab.pauseFeedback", true);
+      }
       hideOverlay({
         visualBuilderOverlayWrapper: overlayWrapper,
         visualBuilderContainer,
         focusedToolbar,
         resizeObserver,
-        noTrigger: Boolean((_a2 = args == null ? void 0 : args.data) == null ? void 0 : _a2.noTrigger)
+        noTrigger: Boolean((_b = args == null ? void 0 : args.data) == null ? void 0 : _b.noTrigger)
       });
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean } }) => {\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger)\n            });\n        }\n    );\n}\n"],"mappings":";;;AAAA,SAAS,mBAAmB;AAE5B,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAOxC,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAf7C;AAgBI,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,SAA2C;AAlBpD,UAAAA;AAmBY,kBAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["_a"]}
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"../listeners/types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport Config from \"../../configManager/configManager\";\n\ntype HideFocusOverlayEventHandlerParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\nexport function useHideFocusOverlayPostMessageEvent({\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: HideFocusOverlayEventHandlerParams): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,\n        (args: { data: { noTrigger: boolean; fromCollab: boolean } }) => {\n            if (Boolean(args?.data?.fromCollab)) {\n                Config.set(\"collab.enable\", true);\n                Config.set(\"collab.pauseFeedback\", true);\n            }\n\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar,\n                resizeObserver,\n                noTrigger: Boolean(args?.data?.noTrigger),\n            });\n        }\n    );\n}\n"],"mappings":";;;AAAA,SAAS,mBAAmB;AAE5B,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAC/C,OAAO,YAAY;AAOZ,SAAS,oCAAoC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA6C;AAhB7C;AAiBI,wDAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,SAAgE;AAnBzE,UAAAA,KAAA;AAoBY,UAAI,SAAQA,MAAA,6BAAM,SAAN,gBAAAA,IAAY,UAAU,GAAG;AACjC,eAAO,IAAI,iBAAiB,IAAI;AAChC,eAAO,IAAI,wBAAwB,IAAI;AAAA,MAC3C;AAEA,kBAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAQ,kCAAM,SAAN,mBAAY,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA;AAER;","names":["_a"]}

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

@@ -58,8 +58,10 @@ function updateVariantClasses({
   const observers = [];
   const updateElementClasses = (element, dataCslp, observer) => {
     if (!dataCslp) return;
-    if (dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__base-field")) {
-      element.classList.remove("visual-builder__base-field");
+    if (dataCslp.startsWith("v2:") && !element.classList.contains("visual-builder__variant-field")) {
+      if (element.classList.contains("visual-builder__base-field")) {
+        element.classList.remove("visual-builder__base-field");
+      }
       if (highlightVariantFields) {
         element.classList.add(
           (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
@@ -81,12 +83,53 @@ function updateVariantClasses({
       );
       element.classList.add("visual-builder__disabled-variant-field");
     }
+    if (!observer) return;
     observer.disconnect();
     const index = observers.indexOf(observer);
     if (index > -1) {
       observers.splice(index, 1);
     }
   };
+  const addElementClasses = (element) => {
+    const dataCslp = element.getAttribute(import_constants.DATA_CSLP_ATTR_SELECTOR);
+    if (!dataCslp) {
+      element.childNodes.forEach((child) => {
+        if (child instanceof HTMLElement) {
+          addElementClasses(child);
+        }
+      });
+      return;
+    }
+    if (dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__variant-field")) {
+      return;
+    }
+    if (dataCslp.startsWith("v2:") && !element.classList.contains("visual-builder__variant-field")) {
+      if (element.classList.contains("visual-builder__base-field")) {
+        element.classList.remove("visual-builder__base-field");
+      }
+      if (highlightVariantFields) {
+        element.classList.add(
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+          "visual-builder__variant-field"
+        );
+      } else {
+        element.classList.add("visual-builder__variant-field");
+      }
+    } else if (!dataCslp.startsWith("v2:")) {
+      if (element.classList.contains("visual-builder__variant-field")) {
+        element.classList.remove(
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+          "visual-builder__variant-field"
+        );
+      }
+      element.classList.add("visual-builder__base-field");
+    }
+    element.childNodes.forEach((child) => {
+      if (child instanceof HTMLElement) {
+        addElementClasses(child);
+      }
+    });
+  };
   const elementsWithCslp = document.querySelectorAll(
     `[${import_constants.DATA_CSLP_ATTR_SELECTOR}]`
   );
@@ -94,7 +137,14 @@ function updateVariantClasses({
     const element = elementNode;
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
-        if (mutation.type === "attributes" && mutation.attributeName === import_constants.DATA_CSLP_ATTR_SELECTOR) {
+        if (mutation.type === "attributes" && mutation.attributeName === import_constants.DATA_CSLP_ATTR_SELECTOR || mutation.type === "childList") {
+          if (mutation.addedNodes.length > 0) {
+            mutation.addedNodes.forEach((node) => {
+              if (node instanceof HTMLElement) {
+                addElementClasses(node);
+              }
+            });
+          }
           const dataCslp = element.getAttribute(
             import_constants.DATA_CSLP_ATTR_SELECTOR
           );
@@ -103,7 +153,12 @@ function updateVariantClasses({
       });
     });
     observers.push(observer);
-    observer.observe(element, { attributes: true });
+    observer.observe(element, {
+      attributes: true,
+      childList: true,
+      // Observe direct children
+      subtree: true
+    });
   });
   setTimeout(() => {
     if (observers.length > 0) {