@contentstack/live-preview-utils 3.1.3 → 3.2.0

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.cjs

@@ -0,0 +1,130 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/hooks/useCollabIndicator.ts
+var useCollabIndicator_exports = {};
+__export(useCollabIndicator_exports, {
+  useCollabIndicator: () => useCollabIndicator
+});
+module.exports = __toCommonJS(useCollabIndicator_exports);
+var import_hooks = require("preact/hooks");
+var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
+var import_generateThread = require("../generators/generateThread.cjs");
+var import_generateThread2 = require("../generators/generateThread.cjs");
+var import_generateThread3 = require("../generators/generateThread.cjs");
+var useCollabIndicator = ({
+  newThread,
+  thread
+}) => {
+  const buttonRef = (0, import_hooks.useRef)(null);
+  const popupRef = (0, import_hooks.useRef)(null);
+  const config = import_configManager.default.get();
+  const [showPopup, setShowPopup] = (0, import_hooks.useState)(newThread || false);
+  const [activeThread, setActiveThread] = (0, import_hooks.useState)(() => {
+    if (newThread) return { _id: "new" };
+    return thread || { _id: "new" };
+  });
+  const updatePopupPosition = () => {
+    if (buttonRef.current && popupRef.current) {
+      (0, import_generateThread.calculatePopupPosition)(buttonRef.current, popupRef.current);
+    }
+  };
+  (0, import_hooks.useEffect)(() => {
+    if (!showPopup) return;
+    updatePopupPosition();
+  }, [showPopup]);
+  (0, import_hooks.useEffect)(() => {
+    const handleTogglePopup = (event) => {
+      var _a, _b, _c;
+      const { threadUid, action } = event.detail;
+      const thread2 = document.querySelector(
+        `div[threaduid='${threadUid}']`
+      );
+      (0, import_generateThread2.handleEmptyThreads)();
+      const closestDiv = (_a = buttonRef.current) == null ? void 0 : _a.closest("div[field-path]");
+      if (closestDiv) {
+        closestDiv.style.zIndex = "999";
+      }
+      setShowPopup(false);
+      if (action === "open" && thread2 && thread2.contains(buttonRef.current)) {
+        setShowPopup(true);
+        const closestDiv2 = (_b = buttonRef.current) == null ? void 0 : _b.closest("div[field-path]");
+        thread2.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        if (closestDiv2) {
+          closestDiv2.style.zIndex = "1000";
+        }
+        if (((_c = config == null ? void 0 : config.collab) == null ? void 0 : _c.isFeedbackMode) === true) {
+          import_configManager.default.set("collab.isFeedbackMode", false);
+        }
+      }
+    };
+    document.addEventListener("toggleCollabPopup", handleTogglePopup);
+    return () => {
+      document.removeEventListener(
+        "toggleCollabPopup",
+        handleTogglePopup
+      );
+    };
+  }, []);
+  const togglePopup = () => {
+    var _a, _b, _c;
+    if (!showPopup) {
+      (0, import_generateThread3.toggleCollabPopup)({ threadUid: "", action: "close" });
+      setShowPopup(true);
+      const closestDiv = (_a = buttonRef.current) == null ? void 0 : _a.closest("div[field-path]");
+      if (closestDiv) {
+        closestDiv.style.zIndex = "1000";
+      }
+    } else {
+      setShowPopup(false);
+      const closestDiv = (_b = buttonRef.current) == null ? void 0 : _b.closest("div[field-path]");
+      if (!(closestDiv == null ? void 0 : closestDiv.hasAttribute("threaduid"))) closestDiv == null ? void 0 : closestDiv.remove();
+      if (((_c = config == null ? void 0 : config.collab) == null ? void 0 : _c.isFeedbackMode) === false) {
+        import_configManager.default.set("collab.isFeedbackMode", true);
+      }
+    }
+  };
+  return {
+    buttonRef,
+    popupRef,
+    showPopup,
+    setShowPopup,
+    activeThread,
+    setActiveThread,
+    togglePopup
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCollabIndicator
+});
+//# sourceMappingURL=useCollabIndicator.cjs.map

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/hooks/useCollabIndicator.ts"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useState, useRef, useEffect } from \"preact/hooks\";\nimport { IActiveThread } from \"../types/collab.types\";\nimport Config from \"../../configManager/configManager\";\nimport { calculatePopupPosition } from \"../generators/generateThread\";\nimport { handleEmptyThreads } from \"../generators/generateThread\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\n\ninterface UseCollabPopupProps {\n    newThread?: boolean;\n    thread?: IActiveThread;\n}\n\nexport const useCollabIndicator = ({\n    newThread,\n    thread,\n}: UseCollabPopupProps) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const popupRef = useRef<HTMLDivElement>(null);\n    const config = Config.get();\n\n    const [showPopup, setShowPopup] = useState(newThread || false);\n    const [activeThread, setActiveThread] = useState<IActiveThread>(() => {\n        if (newThread) return { _id: \"new\" };\n        return thread || { _id: \"new\" };\n    });\n\n    const updatePopupPosition = () => {\n        if (buttonRef.current && popupRef.current) {\n            calculatePopupPosition(buttonRef.current, popupRef.current);\n        }\n    };\n\n    useEffect(() => {\n        if (!showPopup) return;\n        updatePopupPosition();\n    }, [showPopup]);\n\n    useEffect(() => {\n        const handleTogglePopup = (event: Event) => {\n            const { threadUid, action } = (event as CustomEvent).detail;\n\n            const thread = document.querySelector(\n                `div[threaduid='${threadUid}']`\n            );\n\n            handleEmptyThreads();\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (closestDiv) {\n                (closestDiv as HTMLElement).style.zIndex = \"999\";\n            }\n            setShowPopup(false);\n\n            if (\n                action === \"open\" &&\n                thread &&\n                thread.contains(buttonRef.current)\n            ) {\n                setShowPopup(true);\n                const closestDiv =\n                    buttonRef.current?.closest(\"div[field-path]\");\n                thread.scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"center\",\n                });\n                if (closestDiv) {\n                    (closestDiv as HTMLElement).style.zIndex = \"1000\";\n                }\n\n                if (config?.collab?.isFeedbackMode === true) {\n                    Config.set(\"collab.isFeedbackMode\", false);\n                }\n            }\n        };\n\n        document.addEventListener(\"toggleCollabPopup\", handleTogglePopup);\n\n        return () => {\n            document.removeEventListener(\n                \"toggleCollabPopup\",\n                handleTogglePopup\n            );\n        };\n    }, []);\n\n    const togglePopup = () => {\n        if (!showPopup) {\n            toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n            setShowPopup(true);\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (closestDiv) {\n                (closestDiv as HTMLElement).style.zIndex = \"1000\";\n            }\n        } else {\n            setShowPopup(false);\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (!closestDiv?.hasAttribute(\"threaduid\")) closestDiv?.remove();\n\n            if (config?.collab?.isFeedbackMode === false) {\n                Config.set(\"collab.isFeedbackMode\", true);\n            }\n        }\n    };\n\n    return {\n        buttonRef,\n        popupRef,\n        showPopup,\n        setShowPopup,\n        activeThread,\n        setActiveThread,\n        togglePopup,\n    };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAE5C,2BAAmB;AACnB,4BAAuC;AACvC,IAAAA,yBAAmC;AACnC,IAAAA,yBAAkC;AAO3B,IAAM,qBAAqB,CAAC;AAAA,EAC/B;AAAA,EACA;AACJ,MAA2B;AACvB,QAAM,gBAAY,qBAA0B,IAAI;AAChD,QAAM,eAAW,qBAAuB,IAAI;AAC5C,QAAM,SAAS,qBAAAC,QAAO,IAAI;AAE1B,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,aAAa,KAAK;AAC7D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAwB,MAAM;AAClE,QAAI,UAAW,QAAO,EAAE,KAAK,MAAM;AACnC,WAAO,UAAU,EAAE,KAAK,MAAM;AAAA,EAClC,CAAC;AAED,QAAM,sBAAsB,MAAM;AAC9B,QAAI,UAAU,WAAW,SAAS,SAAS;AACvC,wDAAuB,UAAU,SAAS,SAAS,OAAO;AAAA,IAC9D;AAAA,EACJ;AAEA,8BAAU,MAAM;AACZ,QAAI,CAAC,UAAW;AAChB,wBAAoB;AAAA,EACxB,GAAG,CAAC,SAAS,CAAC;AAEd,8BAAU,MAAM;AACZ,UAAM,oBAAoB,CAAC,UAAiB;AAxCpD;AAyCY,YAAM,EAAE,WAAW,OAAO,IAAK,MAAsB;AAErD,YAAMC,UAAS,SAAS;AAAA,QACpB,kBAAkB,SAAS;AAAA,MAC/B;AAEA,qDAAmB;AACnB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,YAAY;AACZ,QAAC,WAA2B,MAAM,SAAS;AAAA,MAC/C;AACA,mBAAa,KAAK;AAElB,UACI,WAAW,UACXA,WACAA,QAAO,SAAS,UAAU,OAAO,GACnC;AACE,qBAAa,IAAI;AACjB,cAAMC,eACF,eAAU,YAAV,mBAAmB,QAAQ;AAC/B,QAAAD,QAAO,eAAe;AAAA,UAClB,UAAU;AAAA,UACV,OAAO;AAAA,QACX,CAAC;AACD,YAAIC,aAAY;AACZ,UAACA,YAA2B,MAAM,SAAS;AAAA,QAC/C;AAEA,cAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,MAAM;AACzC,+BAAAF,QAAO,IAAI,yBAAyB,KAAK;AAAA,QAC7C;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,qBAAqB,iBAAiB;AAEhE,WAAO,MAAM;AACT,eAAS;AAAA,QACL;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AAtF9B;AAuFQ,QAAI,CAAC,WAAW;AACZ,oDAAkB,EAAE,WAAW,IAAI,QAAQ,QAAQ,CAAC;AACpD,mBAAa,IAAI;AACjB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,YAAY;AACZ,QAAC,WAA2B,MAAM,SAAS;AAAA,MAC/C;AAAA,IACJ,OAAO;AACH,mBAAa,KAAK;AAClB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,EAAC,yCAAY,aAAa,cAAc,0CAAY;AAExD,YAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,6BAAAA,QAAO,IAAI,yBAAyB,IAAI;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;","names":["import_generateThread","Config","thread","closestDiv"]}

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.d.cts

@@ -0,0 +1,20 @@
+import React from 'preact/compat';
+import { IActiveThread } from '../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+interface UseCollabPopupProps {
+    newThread?: boolean;
+    thread?: IActiveThread;
+}
+declare const useCollabIndicator: ({ newThread, thread, }: UseCollabPopupProps) => {
+    buttonRef: React.Ref<HTMLButtonElement>;
+    popupRef: React.Ref<HTMLDivElement>;
+    showPopup: boolean;
+    setShowPopup: React.SetStateAction<boolean>;
+    activeThread: IActiveThread;
+    setActiveThread: React.SetStateAction<IActiveThread>;
+    togglePopup: () => void;
+};
+
+export { useCollabIndicator };

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.d.ts

@@ -0,0 +1,20 @@
+import React from 'preact/compat';
+import { IActiveThread } from '../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+interface UseCollabPopupProps {
+    newThread?: boolean;
+    thread?: IActiveThread;
+}
+declare const useCollabIndicator: ({ newThread, thread, }: UseCollabPopupProps) => {
+    buttonRef: React.Ref<HTMLButtonElement>;
+    popupRef: React.Ref<HTMLDivElement>;
+    showPopup: boolean;
+    setShowPopup: React.SetStateAction<boolean>;
+    activeThread: IActiveThread;
+    setActiveThread: React.SetStateAction<IActiveThread>;
+    togglePopup: () => void;
+};
+
+export { useCollabIndicator };

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.js

@@ -0,0 +1,97 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/hooks/useCollabIndicator.ts
+import { useState, useRef, useEffect } from "preact/hooks";
+import Config from "../../configManager/configManager.js";
+import { calculatePopupPosition } from "../generators/generateThread.js";
+import { handleEmptyThreads } from "../generators/generateThread.js";
+import { toggleCollabPopup } from "../generators/generateThread.js";
+var useCollabIndicator = ({
+  newThread,
+  thread
+}) => {
+  const buttonRef = useRef(null);
+  const popupRef = useRef(null);
+  const config = Config.get();
+  const [showPopup, setShowPopup] = useState(newThread || false);
+  const [activeThread, setActiveThread] = useState(() => {
+    if (newThread) return { _id: "new" };
+    return thread || { _id: "new" };
+  });
+  const updatePopupPosition = () => {
+    if (buttonRef.current && popupRef.current) {
+      calculatePopupPosition(buttonRef.current, popupRef.current);
+    }
+  };
+  useEffect(() => {
+    if (!showPopup) return;
+    updatePopupPosition();
+  }, [showPopup]);
+  useEffect(() => {
+    const handleTogglePopup = (event) => {
+      var _a, _b, _c;
+      const { threadUid, action } = event.detail;
+      const thread2 = document.querySelector(
+        `div[threaduid='${threadUid}']`
+      );
+      handleEmptyThreads();
+      const closestDiv = (_a = buttonRef.current) == null ? void 0 : _a.closest("div[field-path]");
+      if (closestDiv) {
+        closestDiv.style.zIndex = "999";
+      }
+      setShowPopup(false);
+      if (action === "open" && thread2 && thread2.contains(buttonRef.current)) {
+        setShowPopup(true);
+        const closestDiv2 = (_b = buttonRef.current) == null ? void 0 : _b.closest("div[field-path]");
+        thread2.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        if (closestDiv2) {
+          closestDiv2.style.zIndex = "1000";
+        }
+        if (((_c = config == null ? void 0 : config.collab) == null ? void 0 : _c.isFeedbackMode) === true) {
+          Config.set("collab.isFeedbackMode", false);
+        }
+      }
+    };
+    document.addEventListener("toggleCollabPopup", handleTogglePopup);
+    return () => {
+      document.removeEventListener(
+        "toggleCollabPopup",
+        handleTogglePopup
+      );
+    };
+  }, []);
+  const togglePopup = () => {
+    var _a, _b, _c;
+    if (!showPopup) {
+      toggleCollabPopup({ threadUid: "", action: "close" });
+      setShowPopup(true);
+      const closestDiv = (_a = buttonRef.current) == null ? void 0 : _a.closest("div[field-path]");
+      if (closestDiv) {
+        closestDiv.style.zIndex = "1000";
+      }
+    } else {
+      setShowPopup(false);
+      const closestDiv = (_b = buttonRef.current) == null ? void 0 : _b.closest("div[field-path]");
+      if (!(closestDiv == null ? void 0 : closestDiv.hasAttribute("threaduid"))) closestDiv == null ? void 0 : closestDiv.remove();
+      if (((_c = config == null ? void 0 : config.collab) == null ? void 0 : _c.isFeedbackMode) === false) {
+        Config.set("collab.isFeedbackMode", true);
+      }
+    }
+  };
+  return {
+    buttonRef,
+    popupRef,
+    showPopup,
+    setShowPopup,
+    activeThread,
+    setActiveThread,
+    togglePopup
+  };
+};
+export {
+  useCollabIndicator
+};
+//# sourceMappingURL=useCollabIndicator.js.map

package/dist/legacy/visualBuilder/hooks/useCollabIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/hooks/useCollabIndicator.ts"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useState, useRef, useEffect } from \"preact/hooks\";\nimport { IActiveThread } from \"../types/collab.types\";\nimport Config from \"../../configManager/configManager\";\nimport { calculatePopupPosition } from \"../generators/generateThread\";\nimport { handleEmptyThreads } from \"../generators/generateThread\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\n\ninterface UseCollabPopupProps {\n    newThread?: boolean;\n    thread?: IActiveThread;\n}\n\nexport const useCollabIndicator = ({\n    newThread,\n    thread,\n}: UseCollabPopupProps) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const popupRef = useRef<HTMLDivElement>(null);\n    const config = Config.get();\n\n    const [showPopup, setShowPopup] = useState(newThread || false);\n    const [activeThread, setActiveThread] = useState<IActiveThread>(() => {\n        if (newThread) return { _id: \"new\" };\n        return thread || { _id: \"new\" };\n    });\n\n    const updatePopupPosition = () => {\n        if (buttonRef.current && popupRef.current) {\n            calculatePopupPosition(buttonRef.current, popupRef.current);\n        }\n    };\n\n    useEffect(() => {\n        if (!showPopup) return;\n        updatePopupPosition();\n    }, [showPopup]);\n\n    useEffect(() => {\n        const handleTogglePopup = (event: Event) => {\n            const { threadUid, action } = (event as CustomEvent).detail;\n\n            const thread = document.querySelector(\n                `div[threaduid='${threadUid}']`\n            );\n\n            handleEmptyThreads();\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (closestDiv) {\n                (closestDiv as HTMLElement).style.zIndex = \"999\";\n            }\n            setShowPopup(false);\n\n            if (\n                action === \"open\" &&\n                thread &&\n                thread.contains(buttonRef.current)\n            ) {\n                setShowPopup(true);\n                const closestDiv =\n                    buttonRef.current?.closest(\"div[field-path]\");\n                thread.scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"center\",\n                });\n                if (closestDiv) {\n                    (closestDiv as HTMLElement).style.zIndex = \"1000\";\n                }\n\n                if (config?.collab?.isFeedbackMode === true) {\n                    Config.set(\"collab.isFeedbackMode\", false);\n                }\n            }\n        };\n\n        document.addEventListener(\"toggleCollabPopup\", handleTogglePopup);\n\n        return () => {\n            document.removeEventListener(\n                \"toggleCollabPopup\",\n                handleTogglePopup\n            );\n        };\n    }, []);\n\n    const togglePopup = () => {\n        if (!showPopup) {\n            toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n            setShowPopup(true);\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (closestDiv) {\n                (closestDiv as HTMLElement).style.zIndex = \"1000\";\n            }\n        } else {\n            setShowPopup(false);\n            const closestDiv = buttonRef.current?.closest(\"div[field-path]\");\n            if (!closestDiv?.hasAttribute(\"threaduid\")) closestDiv?.remove();\n\n            if (config?.collab?.isFeedbackMode === false) {\n                Config.set(\"collab.isFeedbackMode\", true);\n            }\n        }\n    };\n\n    return {\n        buttonRef,\n        popupRef,\n        showPopup,\n        setShowPopup,\n        activeThread,\n        setActiveThread,\n        togglePopup,\n    };\n};\n"],"mappings":";;;AAEA,SAAS,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,YAAY;AACnB,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAO3B,IAAM,qBAAqB,CAAC;AAAA,EAC/B;AAAA,EACA;AACJ,MAA2B;AACvB,QAAM,YAAY,OAA0B,IAAI;AAChD,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,SAAS,OAAO,IAAI;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,aAAa,KAAK;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,MAAM;AAClE,QAAI,UAAW,QAAO,EAAE,KAAK,MAAM;AACnC,WAAO,UAAU,EAAE,KAAK,MAAM;AAAA,EAClC,CAAC;AAED,QAAM,sBAAsB,MAAM;AAC9B,QAAI,UAAU,WAAW,SAAS,SAAS;AACvC,6BAAuB,UAAU,SAAS,SAAS,OAAO;AAAA,IAC9D;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,QAAI,CAAC,UAAW;AAChB,wBAAoB;AAAA,EACxB,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACZ,UAAM,oBAAoB,CAAC,UAAiB;AAxCpD;AAyCY,YAAM,EAAE,WAAW,OAAO,IAAK,MAAsB;AAErD,YAAMA,UAAS,SAAS;AAAA,QACpB,kBAAkB,SAAS;AAAA,MAC/B;AAEA,yBAAmB;AACnB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,YAAY;AACZ,QAAC,WAA2B,MAAM,SAAS;AAAA,MAC/C;AACA,mBAAa,KAAK;AAElB,UACI,WAAW,UACXA,WACAA,QAAO,SAAS,UAAU,OAAO,GACnC;AACE,qBAAa,IAAI;AACjB,cAAMC,eACF,eAAU,YAAV,mBAAmB,QAAQ;AAC/B,QAAAD,QAAO,eAAe;AAAA,UAClB,UAAU;AAAA,UACV,OAAO;AAAA,QACX,CAAC;AACD,YAAIC,aAAY;AACZ,UAACA,YAA2B,MAAM,SAAS;AAAA,QAC/C;AAEA,cAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,MAAM;AACzC,iBAAO,IAAI,yBAAyB,KAAK;AAAA,QAC7C;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,qBAAqB,iBAAiB;AAEhE,WAAO,MAAM;AACT,eAAS;AAAA,QACL;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AAtF9B;AAuFQ,QAAI,CAAC,WAAW;AACZ,wBAAkB,EAAE,WAAW,IAAI,QAAQ,QAAQ,CAAC;AACpD,mBAAa,IAAI;AACjB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,YAAY;AACZ,QAAC,WAA2B,MAAM,SAAS;AAAA,MAC/C;AAAA,IACJ,OAAO;AACH,mBAAa,KAAK;AAClB,YAAM,cAAa,eAAU,YAAV,mBAAmB,QAAQ;AAC9C,UAAI,EAAC,yCAAY,aAAa,cAAc,0CAAY;AAExD,YAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,eAAO,IAAI,yBAAyB,IAAI;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;","names":["thread","closestDiv"]}

package/dist/legacy/visualBuilder/hooks/useCollabOperations.cjs

@@ -0,0 +1,147 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/hooks/useCollabOperations.ts
+var useCollabOperations_exports = {};
+__export(useCollabOperations_exports, {
+  useCollabOperations: () => useCollabOperations
+});
+module.exports = __toCommonJS(useCollabOperations_exports);
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var import_generateThread = require("../generators/generateThread.cjs");
+var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
+var import_collabUtils = require("../utils/collabUtils.cjs");
+var useCollabOperations = () => {
+  const createComment = async (payload) => {
+    var _a;
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_CREATE_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to create comment");
+    return data;
+  };
+  const editComment = async (payload) => {
+    var _a;
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_EDIT_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to update comment");
+    return data;
+  };
+  const deleteComment = async (payload) => {
+    var _a;
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_DELETE_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to delete comment");
+    return data;
+  };
+  const resolveThread = async (payload) => {
+    var _a;
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_RESOLVE_THREAD,
+      payload
+    ));
+    if (!data) throw new Error("Failed to resolve thread");
+    return data;
+  };
+  const fetchComments = async (payload) => {
+    var _a;
+    return await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_FETCH_COMMENTS,
+      payload
+    ));
+  };
+  const createNewThread = async (buttonRef, inviteMetadata) => {
+    var _a;
+    if (!buttonRef.current) {
+      throw new Error("Button ref not found");
+    }
+    const parentDiv = buttonRef.current.closest("div[field-path]");
+    if (!parentDiv) {
+      throw new Error("Count not find parent div");
+    }
+    const fieldPath = parentDiv.getAttribute("field-path");
+    const relative = parentDiv.getAttribute("relative");
+    if (!fieldPath || !relative)
+      throw new Error("Invalid field attributes");
+    const match = relative == null ? void 0 : relative.match(/x: ([\d.]+), y: ([\d.]+)/);
+    if (!match) {
+      throw new Error("Invalid relative attribute");
+    }
+    const relativeX = parseFloat(match[1]);
+    const relativeY = parseFloat(match[2]);
+    const payload = {
+      elementXPath: fieldPath,
+      position: { x: relativeX, y: relativeY },
+      author: inviteMetadata.currentUser.email,
+      pageRoute: (0, import_collabUtils.normalizePath)(window.location.pathname),
+      inviteUid: inviteMetadata.inviteUid,
+      createdBy: inviteMetadata.currentUser.uid
+    };
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_CREATE_THREAD,
+      payload
+    ));
+    parentDiv.setAttribute("threaduid", data.thread._id);
+    return data;
+  };
+  const deleteThread = async (payload) => {
+    var _a, _b;
+    const data = await ((_a = import_visualBuilderPostMessage.default) == null ? void 0 : _a.send(
+      import_postMessage.VisualBuilderPostMessageEvents.COLLAB_DELETE_THREAD,
+      payload
+    ));
+    if (!data) throw new Error("Failed to delete thread");
+    (0, import_generateThread.removeCollabIcon)(payload.threadUid);
+    const config = import_configManager.default.get();
+    if (((_b = config == null ? void 0 : config.collab) == null ? void 0 : _b.isFeedbackMode) === false) {
+      import_configManager.default.set("collab.isFeedbackMode", true);
+    }
+    return data;
+  };
+  return {
+    createComment,
+    editComment,
+    deleteComment,
+    resolveThread,
+    fetchComments,
+    createNewThread,
+    deleteThread
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCollabOperations
+});
+//# sourceMappingURL=useCollabOperations.cjs.map

package/dist/legacy/visualBuilder/hooks/useCollabOperations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/hooks/useCollabOperations.ts"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport {\n    ICommentResponse,\n    IThreadResponseDTO,\n    IDefaultAPIResponse,\n    IFetchCommentsResponse,\n    ICommentPayload,\n    IEditCommentArgs,\n    IDeleteCommentArgs,\n    IThreadResolveArgs,\n    IFetchComments,\n    IThreadPayload,\n    IInviteMetadata,\n    IDeleteThreadArgs,\n} from \"../types/collab.types\";\nimport { removeCollabIcon } from \"../generators/generateThread\";\nimport Config from \"../../configManager/configManager\";\nimport { normalizePath } from \"../utils/collabUtils\";\n\nexport const useCollabOperations = () => {\n    const createComment = async (payload: ICommentPayload) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_CREATE_COMMENT,\n            payload\n        )) as ICommentResponse;\n        if (!data) throw new Error(\"Failed to create comment\");\n        return data;\n    };\n\n    const editComment = async (payload: IEditCommentArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_EDIT_COMMENT,\n            payload\n        )) as ICommentResponse;\n        if (!data) throw new Error(\"Failed to update comment\");\n        return data;\n    };\n\n    const deleteComment = async (payload: IDeleteCommentArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_DELETE_COMMENT,\n            payload\n        )) as IDefaultAPIResponse;\n        if (!data) throw new Error(\"Failed to delete comment\");\n        return data;\n    };\n\n    const resolveThread = async (payload: IThreadResolveArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_RESOLVE_THREAD,\n            payload\n        )) as IThreadResponseDTO;\n        if (!data) throw new Error(\"Failed to resolve thread\");\n        return data;\n    };\n\n    const fetchComments = async (payload: IFetchComments) => {\n        return (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_FETCH_COMMENTS,\n            payload\n        )) as IFetchCommentsResponse;\n    };\n\n    const createNewThread = async (\n        buttonRef: React.RefObject<HTMLButtonElement>,\n        inviteMetadata: IInviteMetadata\n    ) => {\n        if (!buttonRef.current) {\n            throw new Error(\"Button ref not found\");\n        }\n\n        const parentDiv = buttonRef.current.closest(\"div[field-path]\");\n\n        if (!parentDiv) {\n            throw new Error(\"Count not find parent div\");\n        }\n\n        const fieldPath = parentDiv.getAttribute(\"field-path\");\n        const relative = parentDiv.getAttribute(\"relative\");\n\n        if (!fieldPath || !relative)\n            throw new Error(\"Invalid field attributes\");\n\n        const match = relative?.match(/x: ([\\d.]+), y: ([\\d.]+)/);\n        if (!match) {\n            throw new Error(\"Invalid relative attribute\");\n        }\n\n        const relativeX = parseFloat(match[1]);\n        const relativeY = parseFloat(match[2]);\n\n        const payload: IThreadPayload = {\n            elementXPath: fieldPath,\n            position: { x: relativeX, y: relativeY },\n            author: inviteMetadata.currentUser.email,\n            pageRoute: normalizePath(window.location.pathname),\n            inviteUid: inviteMetadata.inviteUid,\n            createdBy: inviteMetadata.currentUser.uid,\n        };\n\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_CREATE_THREAD,\n            payload\n        )) as IThreadResponseDTO;\n\n        parentDiv.setAttribute(\"threaduid\", data.thread._id);\n\n        return data;\n    };\n\n    const deleteThread = async (payload: IDeleteThreadArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_DELETE_THREAD,\n            payload\n        )) as IDefaultAPIResponse;\n        if (!data) throw new Error(\"Failed to delete thread\");\n        removeCollabIcon(payload.threadUid);\n        const config = Config.get();\n        if (config?.collab?.isFeedbackMode === false) {\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n        return data;\n    };\n\n    return {\n        createComment,\n        editComment,\n        deleteComment,\n        resolveThread,\n        fetchComments,\n        createNewThread,\n        deleteThread,\n    };\n};\n"],"mappings":"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","names":["visualBuilderPostMessage","Config"]}

package/dist/legacy/visualBuilder/hooks/useCollabOperations.d.cts

@@ -0,0 +1,16 @@
+import React from 'preact/compat';
+import { ICommentPayload, ICommentResponse, IEditCommentArgs, IDeleteCommentArgs, IDefaultAPIResponse, IThreadResolveArgs, IThreadResponseDTO, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IDeleteThreadArgs } from '../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const useCollabOperations: () => {
+    createComment: (payload: ICommentPayload) => Promise<ICommentResponse>;
+    editComment: (payload: IEditCommentArgs) => Promise<ICommentResponse>;
+    deleteComment: (payload: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;
+    resolveThread: (payload: IThreadResolveArgs) => Promise<IThreadResponseDTO>;
+    fetchComments: (payload: IFetchComments) => Promise<IFetchCommentsResponse>;
+    createNewThread: (buttonRef: React.RefObject<HTMLButtonElement>, inviteMetadata: IInviteMetadata) => Promise<IThreadResponseDTO>;
+    deleteThread: (payload: IDeleteThreadArgs) => Promise<IDefaultAPIResponse>;
+};
+
+export { useCollabOperations };

package/dist/legacy/visualBuilder/hooks/useCollabOperations.d.ts

@@ -0,0 +1,16 @@
+import React from 'preact/compat';
+import { ICommentPayload, ICommentResponse, IEditCommentArgs, IDeleteCommentArgs, IDefaultAPIResponse, IThreadResolveArgs, IThreadResponseDTO, IFetchComments, IFetchCommentsResponse, IInviteMetadata, IDeleteThreadArgs } from '../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const useCollabOperations: () => {
+    createComment: (payload: ICommentPayload) => Promise<ICommentResponse>;
+    editComment: (payload: IEditCommentArgs) => Promise<ICommentResponse>;
+    deleteComment: (payload: IDeleteCommentArgs) => Promise<IDefaultAPIResponse>;
+    resolveThread: (payload: IThreadResolveArgs) => Promise<IThreadResponseDTO>;
+    fetchComments: (payload: IFetchComments) => Promise<IFetchCommentsResponse>;
+    createNewThread: (buttonRef: React.RefObject<HTMLButtonElement>, inviteMetadata: IInviteMetadata) => Promise<IThreadResponseDTO>;
+    deleteThread: (payload: IDeleteThreadArgs) => Promise<IDefaultAPIResponse>;
+};
+
+export { useCollabOperations };

package/dist/legacy/visualBuilder/hooks/useCollabOperations.js

@@ -0,0 +1,114 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/hooks/useCollabOperations.ts
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+import { removeCollabIcon } from "../generators/generateThread.js";
+import Config from "../../configManager/configManager.js";
+import { normalizePath } from "../utils/collabUtils.js";
+var useCollabOperations = () => {
+  const createComment = async (payload) => {
+    var _a;
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_CREATE_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to create comment");
+    return data;
+  };
+  const editComment = async (payload) => {
+    var _a;
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_EDIT_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to update comment");
+    return data;
+  };
+  const deleteComment = async (payload) => {
+    var _a;
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_DELETE_COMMENT,
+      payload
+    ));
+    if (!data) throw new Error("Failed to delete comment");
+    return data;
+  };
+  const resolveThread = async (payload) => {
+    var _a;
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_RESOLVE_THREAD,
+      payload
+    ));
+    if (!data) throw new Error("Failed to resolve thread");
+    return data;
+  };
+  const fetchComments = async (payload) => {
+    var _a;
+    return await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_FETCH_COMMENTS,
+      payload
+    ));
+  };
+  const createNewThread = async (buttonRef, inviteMetadata) => {
+    var _a;
+    if (!buttonRef.current) {
+      throw new Error("Button ref not found");
+    }
+    const parentDiv = buttonRef.current.closest("div[field-path]");
+    if (!parentDiv) {
+      throw new Error("Count not find parent div");
+    }
+    const fieldPath = parentDiv.getAttribute("field-path");
+    const relative = parentDiv.getAttribute("relative");
+    if (!fieldPath || !relative)
+      throw new Error("Invalid field attributes");
+    const match = relative == null ? void 0 : relative.match(/x: ([\d.]+), y: ([\d.]+)/);
+    if (!match) {
+      throw new Error("Invalid relative attribute");
+    }
+    const relativeX = parseFloat(match[1]);
+    const relativeY = parseFloat(match[2]);
+    const payload = {
+      elementXPath: fieldPath,
+      position: { x: relativeX, y: relativeY },
+      author: inviteMetadata.currentUser.email,
+      pageRoute: normalizePath(window.location.pathname),
+      inviteUid: inviteMetadata.inviteUid,
+      createdBy: inviteMetadata.currentUser.uid
+    };
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_CREATE_THREAD,
+      payload
+    ));
+    parentDiv.setAttribute("threaduid", data.thread._id);
+    return data;
+  };
+  const deleteThread = async (payload) => {
+    var _a, _b;
+    const data = await ((_a = visualBuilderPostMessage) == null ? void 0 : _a.send(
+      VisualBuilderPostMessageEvents.COLLAB_DELETE_THREAD,
+      payload
+    ));
+    if (!data) throw new Error("Failed to delete thread");
+    removeCollabIcon(payload.threadUid);
+    const config = Config.get();
+    if (((_b = config == null ? void 0 : config.collab) == null ? void 0 : _b.isFeedbackMode) === false) {
+      Config.set("collab.isFeedbackMode", true);
+    }
+    return data;
+  };
+  return {
+    createComment,
+    editComment,
+    deleteComment,
+    resolveThread,
+    fetchComments,
+    createNewThread,
+    deleteThread
+  };
+};
+export {
+  useCollabOperations
+};
+//# sourceMappingURL=useCollabOperations.js.map

package/dist/legacy/visualBuilder/hooks/useCollabOperations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/hooks/useCollabOperations.ts"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport {\n    ICommentResponse,\n    IThreadResponseDTO,\n    IDefaultAPIResponse,\n    IFetchCommentsResponse,\n    ICommentPayload,\n    IEditCommentArgs,\n    IDeleteCommentArgs,\n    IThreadResolveArgs,\n    IFetchComments,\n    IThreadPayload,\n    IInviteMetadata,\n    IDeleteThreadArgs,\n} from \"../types/collab.types\";\nimport { removeCollabIcon } from \"../generators/generateThread\";\nimport Config from \"../../configManager/configManager\";\nimport { normalizePath } from \"../utils/collabUtils\";\n\nexport const useCollabOperations = () => {\n    const createComment = async (payload: ICommentPayload) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_CREATE_COMMENT,\n            payload\n        )) as ICommentResponse;\n        if (!data) throw new Error(\"Failed to create comment\");\n        return data;\n    };\n\n    const editComment = async (payload: IEditCommentArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_EDIT_COMMENT,\n            payload\n        )) as ICommentResponse;\n        if (!data) throw new Error(\"Failed to update comment\");\n        return data;\n    };\n\n    const deleteComment = async (payload: IDeleteCommentArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_DELETE_COMMENT,\n            payload\n        )) as IDefaultAPIResponse;\n        if (!data) throw new Error(\"Failed to delete comment\");\n        return data;\n    };\n\n    const resolveThread = async (payload: IThreadResolveArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_RESOLVE_THREAD,\n            payload\n        )) as IThreadResponseDTO;\n        if (!data) throw new Error(\"Failed to resolve thread\");\n        return data;\n    };\n\n    const fetchComments = async (payload: IFetchComments) => {\n        return (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_FETCH_COMMENTS,\n            payload\n        )) as IFetchCommentsResponse;\n    };\n\n    const createNewThread = async (\n        buttonRef: React.RefObject<HTMLButtonElement>,\n        inviteMetadata: IInviteMetadata\n    ) => {\n        if (!buttonRef.current) {\n            throw new Error(\"Button ref not found\");\n        }\n\n        const parentDiv = buttonRef.current.closest(\"div[field-path]\");\n\n        if (!parentDiv) {\n            throw new Error(\"Count not find parent div\");\n        }\n\n        const fieldPath = parentDiv.getAttribute(\"field-path\");\n        const relative = parentDiv.getAttribute(\"relative\");\n\n        if (!fieldPath || !relative)\n            throw new Error(\"Invalid field attributes\");\n\n        const match = relative?.match(/x: ([\\d.]+), y: ([\\d.]+)/);\n        if (!match) {\n            throw new Error(\"Invalid relative attribute\");\n        }\n\n        const relativeX = parseFloat(match[1]);\n        const relativeY = parseFloat(match[2]);\n\n        const payload: IThreadPayload = {\n            elementXPath: fieldPath,\n            position: { x: relativeX, y: relativeY },\n            author: inviteMetadata.currentUser.email,\n            pageRoute: normalizePath(window.location.pathname),\n            inviteUid: inviteMetadata.inviteUid,\n            createdBy: inviteMetadata.currentUser.uid,\n        };\n\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_CREATE_THREAD,\n            payload\n        )) as IThreadResponseDTO;\n\n        parentDiv.setAttribute(\"threaduid\", data.thread._id);\n\n        return data;\n    };\n\n    const deleteThread = async (payload: IDeleteThreadArgs) => {\n        const data = (await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.COLLAB_DELETE_THREAD,\n            payload\n        )) as IDefaultAPIResponse;\n        if (!data) throw new Error(\"Failed to delete thread\");\n        removeCollabIcon(payload.threadUid);\n        const config = Config.get();\n        if (config?.collab?.isFeedbackMode === false) {\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n        return data;\n    };\n\n    return {\n        createComment,\n        editComment,\n        deleteComment,\n        resolveThread,\n        fetchComments,\n        createNewThread,\n        deleteThread,\n    };\n};\n"],"mappings":"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","names":[]}