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

package/dist/modern/visualBuilder/components/addInstanceButton.js

@@ -4,28 +4,55 @@ import "../../chunk-5WRI5ZAA.js";
 import classNames from "classnames";
 import { visualBuilderStyles } from "../visualBuilder.style.js";
 import { PlusIcon } from "./icons/index.js";
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
 function AddInstanceButtonComponent(props) {
   const fieldSchema = props.fieldSchema;
-  const disabled = fieldSchema && "max_instance" in fieldSchema && fieldSchema.max_instance ? props.value.length >= fieldSchema.max_instance : false;
+  const fieldMetadata = props.fieldMetadata;
+  const index = props.index;
+  const loading = props.loading;
+  const onClick = async (event) => {
+    loading.value = true;
+    try {
+      await visualBuilderPostMessage?.send(
+        VisualBuilderPostMessageEvents.ADD_INSTANCE,
+        {
+          fieldMetadata,
+          index
+        }
+      );
+    } catch (error) {
+      console.error("Visual Builder: Failed to add instance", error);
+    }
+    loading.value = false;
+    props.onClick(event);
+  };
+  const buttonClassName = classNames(
+    "visual-builder__add-button",
+    visualBuilderStyles()["visual-builder__add-button"],
+    {
+      "visual-builder__add-button--with-label": props.label
+    },
+    {
+      [visualBuilderStyles()["visual-builder__add-button--loading"]]: loading.value
+    },
+    visualBuilderStyles()["visual-builder__tooltip"]
+  );
+  const maxInstances = fieldSchema && fieldSchema.data_type !== "block" ? fieldSchema.max_instance : void 0;
+  const isMaxInstances = maxInstances ? props.value.length >= maxInstances : false;
+  const disabled = loading.value || isMaxInstances;
   return /* @__PURE__ */ jsxs(
     "button",
     {
-      className: classNames(
-        "visual-builder__add-button",
-        visualBuilderStyles()["visual-builder__add-button"],
-        {
-          "visual-builder__add-button--with-label": props.label
-        },
-        visualBuilderStyles()["visual-builder__tooltip"]
-      ),
+      className: buttonClassName,
       "data-tooltip": "Add section",
       "data-testid": "visual-builder-add-instance-button",
       disabled,
-      title: disabled && fieldSchema && "max_instance" in fieldSchema ? `Max ${fieldSchema.max_instance} instances allowed` : void 0,
+      title: maxInstances && isMaxInstances ? `Max ${maxInstances} instances allowed` : void 0,
       onClick: (e) => {
         const event = e;
-        props.onClick(event);
+        onClick(event);
       },
       children: [
         /* @__PURE__ */ jsx(PlusIcon, {}),

package/dist/modern/visualBuilder/components/addInstanceButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/addInstanceButton.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { PlusIcon } from \"./icons\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\n\ninterface AddInstanceButtonProps {\n    value: any;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n    fieldSchema: ISchemaFieldMap | undefined;\n}\n\nfunction AddInstanceButtonComponent(\n    props: AddInstanceButtonProps\n): JSX.Element {\n    const fieldSchema = props.fieldSchema;\n    const disabled =\n        fieldSchema && \"max_instance\" in fieldSchema && fieldSchema.max_instance\n            ? props.value.length >= fieldSchema.max_instance\n            : false;\n\n    return (\n        <button\n            className={classNames(\n                \"visual-builder__add-button\",\n                visualBuilderStyles()[\"visual-builder__add-button\"],\n                {\n                    \"visual-builder__add-button--with-label\": props.label,\n                },\n                visualBuilderStyles()[\"visual-builder__tooltip\"]\n            )}\n            data-tooltip={\"Add section\"}\n            data-testid=\"visual-builder-add-instance-button\"\n            disabled={disabled}\n            title={\n                disabled && fieldSchema && \"max_instance\" in fieldSchema\n                    ? `Max ${fieldSchema.max_instance} instances allowed`\n                    : undefined\n            }\n            onClick={(e) => {\n                const event = e as unknown as MouseEvent;\n                props.onClick(event);\n            }}\n        >\n            <PlusIcon />\n            {props.label ? (\n                <span\n                    title={props.label}\n                    className={classNames(\n                        \"visual-builder__add-button-label\",\n                        visualBuilderStyles()[\n                            \"visual-builder__add-button-label\"\n                        ]\n                    )}\n                >\n                    {props.label}\n                </span>\n            ) : null}\n        </button>\n    );\n}\n\nexport default AddInstanceButtonComponent;\n"],"mappings":";;;AACA,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AAoBjB,SAsBI,KAtBJ;AAVR,SAAS,2BACL,OACW;AACX,QAAM,cAAc,MAAM;AAC1B,QAAM,WACF,eAAe,kBAAkB,eAAe,YAAY,eACtD,MAAM,MAAM,UAAU,YAAY,eAClC;AAEV,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,oBAAoB,EAAE,4BAA4B;AAAA,QAClD;AAAA,UACI,0CAA0C,MAAM;AAAA,QACpD;AAAA,QACA,oBAAoB,EAAE,yBAAyB;AAAA,MACnD;AAAA,MACA,gBAAc;AAAA,MACd,eAAY;AAAA,MACZ;AAAA,MACA,OACI,YAAY,eAAe,kBAAkB,cACvC,OAAO,YAAY,YAAY,uBAC/B;AAAA,MAEV,SAAS,CAAC,MAAM;AACZ,cAAM,QAAQ;AACd,cAAM,QAAQ,KAAK;AAAA,MACvB;AAAA,MAEA;AAAA,4BAAC,YAAS;AAAA,QACT,MAAM,QACH;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM;AAAA,YACb,WAAW;AAAA,cACP;AAAA,cACA,oBAAoB,EAChB,kCACJ;AAAA,YACJ;AAAA,YAEC,gBAAM;AAAA;AAAA,QACX,IACA;AAAA;AAAA;AAAA,EACR;AAER;AAEA,IAAO,4BAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/addInstanceButton.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { PlusIcon } from \"./icons\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { Signal } from \"@preact/signals\";\n\ninterface AddInstanceButtonProps {\n    value: any;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n    fieldSchema: ISchemaFieldMap | undefined;\n    fieldMetadata: CslpData;\n    index: number;\n    loading: Signal<boolean>;\n}\n\nfunction AddInstanceButtonComponent(\n    props: AddInstanceButtonProps\n): JSX.Element {\n    const fieldSchema = props.fieldSchema;\n    const fieldMetadata = props.fieldMetadata;\n    const index = props.index;\n    const loading = props.loading;\n\n    const onClick = async (event: MouseEvent) => {\n        loading.value = true;\n        try {\n            await visualBuilderPostMessage?.send(\n                VisualBuilderPostMessageEvents.ADD_INSTANCE,\n                {\n                    fieldMetadata,\n                    index,\n                }\n            );\n        } catch (error) {\n            console.error(\"Visual Builder: Failed to add instance\", error);\n        }\n        loading.value = false;\n        props.onClick(event);\n    };\n\n    const buttonClassName = classNames(\n        \"visual-builder__add-button\",\n        visualBuilderStyles()[\"visual-builder__add-button\"],\n        {\n            \"visual-builder__add-button--with-label\": props.label,\n        },\n        {\n            [visualBuilderStyles()[\"visual-builder__add-button--loading\"]]:\n                loading.value,\n        },\n        visualBuilderStyles()[\"visual-builder__tooltip\"]\n    );\n\n    const maxInstances =\n        fieldSchema && fieldSchema.data_type !== \"block\"\n            ? fieldSchema.max_instance\n            : undefined;\n    const isMaxInstances = maxInstances\n        ? props.value.length >= maxInstances\n        : false;\n    const disabled = loading.value || isMaxInstances;\n\n    return (\n        <button\n            className={buttonClassName}\n            data-tooltip={\"Add section\"}\n            data-testid=\"visual-builder-add-instance-button\"\n            disabled={disabled}\n            title={\n                maxInstances && isMaxInstances\n                    ? `Max ${maxInstances} instances allowed`\n                    : undefined\n            }\n            onClick={(e) => {\n                const event = e as unknown as MouseEvent;\n                onClick(event);\n            }}\n        >\n            <PlusIcon />\n            {props.label ? (\n                <span\n                    title={props.label}\n                    className={classNames(\n                        \"visual-builder__add-button-label\",\n                        visualBuilderStyles()[\n                            \"visual-builder__add-button-label\"\n                        ]\n                    )}\n                >\n                    {props.label}\n                </span>\n            ) : null}\n        </button>\n    );\n}\n\nexport default AddInstanceButtonComponent;\n"],"mappings":";;;AACA,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AAGzB,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AA6DvC,SAeI,KAfJ;AAhDR,SAAS,2BACL,OACW;AACX,QAAM,cAAc,MAAM;AAC1B,QAAM,gBAAgB,MAAM;AAC5B,QAAM,QAAQ,MAAM;AACpB,QAAM,UAAU,MAAM;AAEtB,QAAM,UAAU,OAAO,UAAsB;AACzC,YAAQ,QAAQ;AAChB,QAAI;AACA,YAAM,0BAA0B;AAAA,QAC5B,+BAA+B;AAAA,QAC/B;AAAA,UACI;AAAA,UACA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,SAAS,OAAO;AACZ,cAAQ,MAAM,0CAA0C,KAAK;AAAA,IACjE;AACA,YAAQ,QAAQ;AAChB,UAAM,QAAQ,KAAK;AAAA,EACvB;AAEA,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,oBAAoB,EAAE,4BAA4B;AAAA,IAClD;AAAA,MACI,0CAA0C,MAAM;AAAA,IACpD;AAAA,IACA;AAAA,MACI,CAAC,oBAAoB,EAAE,qCAAqC,CAAC,GACzD,QAAQ;AAAA,IAChB;AAAA,IACA,oBAAoB,EAAE,yBAAyB;AAAA,EACnD;AAEA,QAAM,eACF,eAAe,YAAY,cAAc,UACnC,YAAY,eACZ;AACV,QAAM,iBAAiB,eACjB,MAAM,MAAM,UAAU,eACtB;AACN,QAAM,WAAW,QAAQ,SAAS;AAElC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,gBAAc;AAAA,MACd,eAAY;AAAA,MACZ;AAAA,MACA,OACI,gBAAgB,iBACV,OAAO,YAAY,uBACnB;AAAA,MAEV,SAAS,CAAC,MAAM;AACZ,cAAM,QAAQ;AACd,gBAAQ,KAAK;AAAA,MACjB;AAAA,MAEA;AAAA,4BAAC,YAAS;AAAA,QACT,MAAM,QACH;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM;AAAA,YACb,WAAW;AAAA,cACP;AAAA,cACA,oBAAoB,EAChB,kCACJ;AAAA,YACJ;AAAA,YAEC,gBAAM;AAAA;AAAA,QACX,IACA;AAAA;AAAA;AAAA,EACR;AAER;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/modern/visualBuilder/components/startEditingButton.cjs

@@ -30,37 +30,64 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/visualBuilder/components/startEditingButton.tsx
 var startEditingButton_exports = {};
 __export(startEditingButton_exports, {
-  default: () => startEditingButton_default
+  default: () => startEditingButton_default,
+  getEditButtonPosition: () => getEditButtonPosition
 });
 module.exports = __toCommonJS(startEditingButton_exports);
 var import_classnames = __toESM(require("classnames"), 1);
 var import_getVisualBuilderRedirectionUrl = __toESM(require("../utils/getVisualBuilderRedirectionUrl.cjs"), 1);
 var import_icons = require("./icons/index.cjs");
 var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
+var positionStyles = {
+  "bottom-right": (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__start-editing-btn__bottom-right"],
+  "bottom-left": (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__start-editing-btn__bottom-left"],
+  "top-left": (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__start-editing-btn__top-left"],
+  "top-right": (0, import_visualBuilder.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__ */ (0, import_jsx_runtime.jsxs)(
+  const config = import_configManager.default.get();
+  const enable = config.editInVisualBuilderButton.enable;
+  const position = config.editInVisualBuilderButton.position || "bottom-right";
+  function updateTargetUrl(e) {
+    const targetElement = e.target;
+    targetElement.setAttribute(
+      "href",
+      (0, import_getVisualBuilderRedirectionUrl.default)().toString()
+    );
+  }
+  return enable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "a",
     {
       href: (0, import_getVisualBuilderRedirectionUrl.default)().toString(),
       className: (0, import_classnames.default)(
         "visual-builder__start-editing-btn",
-        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__start-editing-btn"]
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__start-editing-btn"],
+        positionStyles[getEditButtonPosition(position)]
       ),
       "data-testid": "vcms-start-editing-btn",
-      onClick: (e) => {
-        const targetElement = e.target;
-        targetElement.setAttribute(
-          "href",
-          (0, import_getVisualBuilderRedirectionUrl.default)().toString()
-        );
-      },
+      onMouseEnter: (e) => updateTargetUrl(e),
+      onFocus: (e) => updateTargetUrl(e),
+      onClick: (e) => updateTargetUrl(e),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Start Editing" })
       ]
     }
-  );
+  ) : null;
 }
 var startEditingButton_default = StartEditingButtonComponent;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getEditButtonPosition
+});
 //# sourceMappingURL=startEditingButton.cjs.map

package/dist/modern/visualBuilder/components/startEditingButton.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,4CAA2C;AAC3C,mBAAyB;AACzB,2BAAoC;AAK5B;AAFR,SAAS,8BAA2C;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,UAAM,sCAAAA,SAA+B,EAAE,SAAS;AAAA,MAChD,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,0CAAoB,EAAE,mCAAmC;AAAA,MAC7D;AAAA,MACA,eAAY;AAAA,MACZ,SAAS,CAAC,MAAM;AACZ,cAAM,gBAAgB,EAAE;AACxB,sBAAc;AAAA,UACV;AAAA,cACA,sCAAAD,SAA+B,EAAE,SAAS;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA;AAAA,oDAAC,yBAAS;AAAA,QACV,4CAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB;AAER;AAEA,IAAO,6BAAQ;","names":["getVisualBuilderRedirectionUrl","classNames"]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,4CAA2C;AAC3C,mBAAyB;AACzB,2BAAoC;AAEpC,2BAAmB;AAoCX;AA9BR,IAAM,iBAA2C;AAAA,EAC7C,oBAAgB,0CAAoB,EAAE,iDAAiD;AAAA,EACvF,mBAAe,0CAAoB,EAAE,gDAAgD;AAAA,EACrF,gBAAY,0CAAoB,EAAE,6CAA6C;AAAA,EAC/E,iBAAa,0CAAoB,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,qBAAAA,QAAO,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,UACA,sCAAAC,SAA+B,EAAE,SAAS;AAAA,IAC9C;AAAA,EACJ;AAEA,SAAO,SACH;AAAA,IAAC;AAAA;AAAA,MACG,UAAM,sCAAAA,SAA+B,EAAE,SAAS;AAAA,MAChD,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,0CAAoB,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,oDAAC,yBAAS;AAAA,QACV,4CAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB,IACA;AACR;AAEA,IAAO,6BAAQ;","names":["Config","getVisualBuilderRedirectionUrl","classNames"]}

package/dist/modern/visualBuilder/components/startEditingButton.d.cts

@@ -1,3 +1,8 @@
-declare function StartEditingButtonComponent(): JSX.Element;
+import { IConfigEditInVisualBuilderButton } from '../../types/types.cjs';
+import '../types/collab.types.cjs';
 
-export { StartEditingButtonComponent as default };
+type Position = NonNullable<IConfigEditInVisualBuilderButton['position']>;
+declare function getEditButtonPosition(position: any): Position;
+declare function StartEditingButtonComponent(): JSX.Element | null;
+
+export { StartEditingButtonComponent as default, getEditButtonPosition };

package/dist/modern/visualBuilder/components/startEditingButton.d.ts

@@ -1,3 +1,8 @@
-declare function StartEditingButtonComponent(): JSX.Element;
+import { IConfigEditInVisualBuilderButton } from '../../types/types.js';
+import '../types/collab.types.js';
 
-export { StartEditingButtonComponent as default };
+type Position = NonNullable<IConfigEditInVisualBuilderButton['position']>;
+declare function getEditButtonPosition(position: any): Position;
+declare function StartEditingButtonComponent(): JSX.Element | null;
+
+export { StartEditingButtonComponent as default, getEditButtonPosition };

package/dist/modern/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/modern/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/modern/visualBuilder/eventManager/useCollab.cjs

@@ -46,9 +46,14 @@ var handleRemoveCommentIcons = (fromShare = false) => {
   (0, import_generateThread.removeAllCollabIcons)();
 };
 var useCollab = () => {
+  const config = import_configManager.default.get();
   const collabEnable = import_visualBuilderPostMessage.default?.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_ENABLE,
     (data) => {
+      if (!data?.data?.collab) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
       if (data?.data?.collab?.fromShare) {
         import_configManager.default.set(
           "collab.pauseFeedback",
@@ -57,22 +62,37 @@ var useCollab = () => {
         (0, import_generateThread.showAllCollabIcons)();
         return;
       }
-      if (!data?.data?.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",
+        data?.data?.collab?.pauseFeedback
+      );
       import_configManager.default.set(
         "collab.inviteMetadata",
         data.data.collab.inviteMetadata
       );
-      const missingThreadIds = data?.data?.payload?.map(
-        (payload) => (0, import_generateThread2.generateThread)(payload, { isNewThread: false })
-      ).filter(Boolean);
+    }
+  );
+  const collabPayload = import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,
+    (data) => {
+      if (!config?.collab?.enable) return;
+      if (!data?.data?.collab) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if (data?.data?.collab?.inviteMetadata) {
+        import_configManager.default.set(
+          "collab.inviteMetadata",
+          data?.data?.collab?.inviteMetadata
+        );
+        return;
+      }
+      const missingThreadIds = data?.data?.collab?.payload?.map((payload) => (0, import_generateThread2.generateThread)(payload)).filter((id) => id !== void 0) || [];
       if (missingThreadIds.length > 0) {
         (0, import_generateThread2.handleMissingThreads)({
           payload: { isElementPresent: false },
@@ -98,17 +118,28 @@ var useCollab = () => {
     }
   );
   const collabThreadRemove = import_visualBuilderPostMessage.default?.on(
-    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,
+    import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,
     (data) => {
-      const { threadUid } = data.data;
-      (0, import_generateThread.removeCollabIcon)(threadUid);
+      const threadUids = data?.data?.threadUids;
+      if (!config?.collab?.enable) return;
+      if (data?.data?.updateConfig) {
+        import_configManager.default.set("collab.isFeedbackMode", true);
+      }
+      if (threadUids.length > 0) {
+        threadUids.forEach((threadUid) => {
+          (0, import_generateThread.removeCollabIcon)(threadUid);
+        });
+      }
     }
   );
   const collabThreadReopen = import_visualBuilderPostMessage.default?.on(
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,
     (data) => {
       const thread = data.data.thread;
-      const result = (0, import_generateThread2.generateThread)(thread, { isNewThread: false });
+      if (!config?.collab?.enable) return;
+      const result = (0, import_generateThread2.generateThread)(thread, {
+        hidden: Boolean(config?.collab?.pauseFeedback)
+      });
       if (result) {
         (0, import_generateThread2.handleMissingThreads)({
           payload: { isElementPresent: false },
@@ -121,11 +152,14 @@ var useCollab = () => {
     import_postMessage.VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,
     (data) => {
       const { threadUid } = data.data;
+      if (!config?.collab?.enable || config?.collab?.pauseFeedback)
+        return;
       (0, import_generateThread.HighlightThread)(threadUid);
     }
   );
   return () => {
     collabEnable?.unregister();
+    collabPayload?.unregister();
     collabDisable?.unregister();
     collabThreadRemove?.unregister();
     collabThreadReopen?.unregister();

package/dist/modern/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAqC;AACrC,yBAA+C;AAC/C,2BAAmB;AACnB,4BAMO;AACP,IAAAA,yBAGO;AAGP,IAAM,2BAA2B,CAAC,YAAqB,UAAgB;AACnE,MAAI,WAAW;AACX,kDAAmB;AACnB;AAAA,EACJ;AACA,kDAAqB;AACzB;AAEO,IAAM,YAAY,MAAM;AAC3B,QAAM,eAAe,gCAAAC,SAA0B;AAAA,IAC3C,kDAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,UAAI,MAAM,MAAM,QAAQ,WAAW;AAC/B,6BAAAC,QAAO;AAAA,UACH;AAAA,UACA,MAAM,MAAM,QAAQ;AAAA,QACxB;AACA,sDAAmB;AACnB;AAAA,MACJ;AAEA,UAAI,CAAC,MAAM,MAAM,QAAQ;AACrB,gBAAQ,MAAM,kCAAkC,IAAI;AACpD;AAAA,MACJ;AACA,2BAAAA,QAAO,IAAI,iBAAiB,KAAK,KAAK,OAAO,UAAU,KAAK;AAC5D,2BAAAA,QAAO;AAAA,QACH;AAAA,QACA,KAAK,KAAK,OAAO,kBAAkB;AAAA,MACvC;AACA,2BAAAA,QAAO;AAAA,QACH;AAAA,QACA,KAAK,KAAK,OAAO;AAAA,MACrB;AAEA,YAAM,mBAAmB,MAAM,MAAM,SAC/B;AAAA,QAAI,CAAC,gBACH,uCAAe,SAAS,EAAE,aAAa,MAAM,CAAC;AAAA,MAClD,EACC,OAAO,OAAO;AACnB,UAAI,iBAAiB,SAAS,GAAG;AAC7B,yDAAqB;AAAA,UACjB,SAAS,EAAE,kBAAkB,MAAM;AAAA,UACnC,YAAY;AAAA,QAChB,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,gBAAgB,gCAAAD,SAA0B;AAAA,IAC5C,kDAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,UAAI,MAAM,MAAM,QAAQ,WAAW;AAC/B,6BAAAC,QAAO;AAAA,UACH;AAAA,UACA,MAAM,MAAM,QAAQ;AAAA,QACxB;AACA,iCAAyB,IAAI;AAC7B;AAAA,MACJ;AAEA,2BAAAA,QAAO,IAAI,iBAAiB,KAAK;AACjC,2BAAAA,QAAO,IAAI,yBAAyB,KAAK;AAEzC,+BAAyB;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,qBAAqB,gCAAAD,SAA0B;AAAA,IACjD,kDAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,kDAAiB,SAAS;AAAA,IAC9B;AAAA,EACJ;AAEA,QAAM,qBAAqB,gCAAAA,SAA0B;AAAA,IACjD,kDAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,SAAS,KAAK,KAAK;AACzB,YAAM,aAAS,uCAAe,QAAQ,EAAE,aAAa,MAAM,CAAC;AAC5D,UAAI,QAAQ;AACR,yDAAqB;AAAA,UACjB,SAAS,EAAE,kBAAkB,MAAM;AAAA,UACnC,YAAY,CAAC,MAAM;AAAA,QACvB,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,wBAAwB,gCAAAA,SAA0B;AAAA,IACpD,kDAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,iDAAgB,SAAS;AAAA,IAC7B;AAAA,EACJ;AAEA,SAAO,MAAM;AACT,kBAAc,WAAW;AACzB,mBAAe,WAAW;AAC1B,wBAAoB,WAAW;AAC/B,wBAAoB,WAAW;AAC/B,2BAAuB,WAAW;AAAA,EACtC;AACJ;","names":["import_generateThread","visualBuilderPostMessage","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"]}

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

@@ -23,9 +23,14 @@ var handleRemoveCommentIcons = (fromShare = false) => {
   removeAllCollabIcons();
 };
 var useCollab = () => {
+  const config = Config.get();
   const collabEnable = visualBuilderPostMessage?.on(
     VisualBuilderPostMessageEvents.COLLAB_ENABLE,
     (data) => {
+      if (!data?.data?.collab) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
       if (data?.data?.collab?.fromShare) {
         Config.set(
           "collab.pauseFeedback",
@@ -34,22 +39,37 @@ var useCollab = () => {
         showAllCollabIcons();
         return;
       }
-      if (!data?.data?.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",
+        data?.data?.collab?.pauseFeedback
+      );
       Config.set(
         "collab.inviteMetadata",
         data.data.collab.inviteMetadata
       );
-      const missingThreadIds = data?.data?.payload?.map(
-        (payload) => generateThread(payload, { isNewThread: false })
-      ).filter(Boolean);
+    }
+  );
+  const collabPayload = visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.COLLAB_DATA_UPDATE,
+    (data) => {
+      if (!config?.collab?.enable) return;
+      if (!data?.data?.collab) {
+        console.error("Invalid collab data structure:", data);
+        return;
+      }
+      if (data?.data?.collab?.inviteMetadata) {
+        Config.set(
+          "collab.inviteMetadata",
+          data?.data?.collab?.inviteMetadata
+        );
+        return;
+      }
+      const missingThreadIds = data?.data?.collab?.payload?.map((payload) => generateThread(payload)).filter((id) => id !== void 0) || [];
       if (missingThreadIds.length > 0) {
         handleMissingThreads({
           payload: { isElementPresent: false },
@@ -75,17 +95,28 @@ var useCollab = () => {
     }
   );
   const collabThreadRemove = visualBuilderPostMessage?.on(
-    VisualBuilderPostMessageEvents.COLLAB_THREAD_REMOVE,
+    VisualBuilderPostMessageEvents.COLLAB_THREADS_REMOVE,
     (data) => {
-      const { threadUid } = data.data;
-      removeCollabIcon(threadUid);
+      const threadUids = data?.data?.threadUids;
+      if (!config?.collab?.enable) return;
+      if (data?.data?.updateConfig) {
+        Config.set("collab.isFeedbackMode", true);
+      }
+      if (threadUids.length > 0) {
+        threadUids.forEach((threadUid) => {
+          removeCollabIcon(threadUid);
+        });
+      }
     }
   );
   const collabThreadReopen = visualBuilderPostMessage?.on(
     VisualBuilderPostMessageEvents.COLLAB_THREAD_REOPEN,
     (data) => {
       const thread = data.data.thread;
-      const result = generateThread(thread, { isNewThread: false });
+      if (!config?.collab?.enable) return;
+      const result = generateThread(thread, {
+        hidden: Boolean(config?.collab?.pauseFeedback)
+      });
       if (result) {
         handleMissingThreads({
           payload: { isElementPresent: false },
@@ -98,11 +129,14 @@ var useCollab = () => {
     VisualBuilderPostMessageEvents.COLLAB_THREAD_HIGHLIGHT,
     (data) => {
       const { threadUid } = data.data;
+      if (!config?.collab?.enable || config?.collab?.pauseFeedback)
+        return;
       HighlightThread(threadUid);
     }
   );
   return () => {
     collabEnable?.unregister();
+    collabPayload?.unregister();
     collabDisable?.unregister();
     collabThreadRemove?.unregister();
     collabThreadReopen?.unregister();

package/dist/modern/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;AAC3B,QAAM,eAAe,0BAA0B;AAAA,IAC3C,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,UAAI,MAAM,MAAM,QAAQ,WAAW;AAC/B,eAAO;AAAA,UACH;AAAA,UACA,MAAM,MAAM,QAAQ;AAAA,QACxB;AACA,2BAAmB;AACnB;AAAA,MACJ;AAEA,UAAI,CAAC,MAAM,MAAM,QAAQ;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,mBAAmB,MAAM,MAAM,SAC/B;AAAA,QAAI,CAAC,YACH,eAAe,SAAS,EAAE,aAAa,MAAM,CAAC;AAAA,MAClD,EACC,OAAO,OAAO;AACnB,UAAI,iBAAiB,SAAS,GAAG;AAC7B,6BAAqB;AAAA,UACjB,SAAS,EAAE,kBAAkB,MAAM;AAAA,UACnC,YAAY;AAAA,QAChB,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,gBAAgB,0BAA0B;AAAA,IAC5C,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,UAAI,MAAM,MAAM,QAAQ,WAAW;AAC/B,eAAO;AAAA,UACH;AAAA,UACA,MAAM,MAAM,QAAQ;AAAA,QACxB;AACA,iCAAyB,IAAI;AAC7B;AAAA,MACJ;AAEA,aAAO,IAAI,iBAAiB,KAAK;AACjC,aAAO,IAAI,yBAAyB,KAAK;AAEzC,+BAAyB;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,qBAAqB,0BAA0B;AAAA,IACjD,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,uBAAiB,SAAS;AAAA,IAC9B;AAAA,EACJ;AAEA,QAAM,qBAAqB,0BAA0B;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,EACJ;AAEA,QAAM,wBAAwB,0BAA0B;AAAA,IACpD,+BAA+B;AAAA,IAC/B,CAAC,SAAc;AACX,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,sBAAgB,SAAS;AAAA,IAC7B;AAAA,EACJ;AAEA,SAAO,MAAM;AACT,kBAAc,WAAW;AACzB,mBAAe,WAAW;AAC1B,wBAAoB,WAAW;AAC/B,wBAAoB,WAAW;AAC/B,2BAAuB,WAAW;AAAA,EACtC;AACJ;","names":[]}
+{"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":[]}

package/dist/modern/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,
@@ -45,6 +46,10 @@ function useHideFocusOverlayPostMessageEvent({
   import_visualBuilderPostMessage.default?.on(
     import_postMessage.VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
     (args) => {
+      if (Boolean(args?.data?.fromCollab)) {
+        import_configManager.default.set("collab.enable", true);
+        import_configManager.default.set("collab.pauseFeedback", true);
+      }
       (0, import_generateOverlay.hideOverlay)({
         visualBuilderOverlayWrapper: overlayWrapper,
         visualBuilderContainer,

package/dist/modern/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;AACzC,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,SAA2C;AACxC,8CAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,QAAQ,MAAM,MAAM,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA,EACJ;AACJ;","names":["visualBuilderPostMessage"]}
+{"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;AACzC,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,SAAgE;AAC7D,UAAI,QAAQ,MAAM,MAAM,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,QAAQ,MAAM,MAAM,SAAS;AAAA,MAC5C,CAAC;AAAA,IACL;AAAA,EACJ;AACJ;","names":["visualBuilderPostMessage","Config"]}