@contentstack/live-preview-utils 3.1.3 → 3.2.0

package/dist/modern/visualBuilder/components/Collab/Tooltip/Tooltip.js

@@ -0,0 +1,81 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/Tooltip/Tooltip.tsx
+import { useState, useRef, useEffect } from "preact/hooks";
+import { collabStyles } from "../../../collab.style.js";
+import { positionTooltip } from "../../../utils/collabUtils.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var Tooltip = (props) => {
+  const {
+    content,
+    children,
+    position = "bottom",
+    className,
+    testId,
+    ...otherProps
+  } = props;
+  const [isVisible, setIsVisible] = useState(false);
+  const [actualPosition, setActualPosition] = useState(position);
+  const tooltipRef = useRef(null);
+  const targetRef = useRef(null);
+  const prevChildrenRef = useRef(children);
+  useEffect(() => {
+    if (prevChildrenRef.current !== children) {
+      setIsVisible(false);
+      prevChildrenRef.current = children;
+    }
+  }, [children]);
+  useEffect(() => {
+    const updateTooltip = () => positionTooltip(tooltipRef, targetRef, position, setActualPosition);
+    updateTooltip();
+    window.addEventListener("scroll", updateTooltip);
+    window.addEventListener("resize", updateTooltip);
+    return () => {
+      window.removeEventListener("scroll", updateTooltip);
+      window.removeEventListener("resize", updateTooltip);
+    };
+  }, [isVisible, position]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: targetRef,
+      className: classNames(
+        "collab-tooltip--wrapper",
+        collabStyles()["collab-tooltip--wrapper"],
+        className
+      ),
+      onMouseEnter: () => setIsVisible(true),
+      onMouseLeave: () => setIsVisible(false),
+      "data-testid": testId,
+      ...otherProps,
+      children: [
+        children,
+        isVisible && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: tooltipRef,
+            className: classNames(
+              "collab-tooltip",
+              `collab-tooltip--${actualPosition}`,
+              collabStyles()["collab-tooltip"],
+              collabStyles()[`collab-tooltip--${actualPosition}`]
+            ),
+            role: "tooltip",
+            "aria-hidden": !isVisible,
+            "data-position": actualPosition,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+};
+Tooltip.defaultProps = {
+  testId: "collab-tooltip"
+};
+var Tooltip_default = Tooltip;
+export {
+  Tooltip_default as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/modern/visualBuilder/components/Collab/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Tooltip/Tooltip.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useState, useRef, useEffect } from \"preact/hooks\";\nimport { collabStyles } from \"../../../collab.style\";\nimport { positionTooltip } from \"../../../utils/collabUtils\";\nimport classNames from \"classnames\";\n\ninterface TooltipProps {\n    content: string;\n    children: React.ReactNode;\n    position?: \"top\" | \"bottom\" | \"left\" | \"right\";\n    className?: string;\n    testId?: string;\n}\n\ninterface PositionCoords {\n    top: number;\n    left: number;\n}\n\ninterface Positions {\n    bottom: PositionCoords;\n    top: PositionCoords;\n    left: PositionCoords;\n    right: PositionCoords;\n}\n\nconst Tooltip = (props: TooltipProps): JSX.Element => {\n    const {\n        content,\n        children,\n        position = \"bottom\",\n        className,\n        testId,\n        ...otherProps\n    } = props;\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n    const [actualPosition, setActualPosition] = useState<\n        \"top\" | \"bottom\" | \"left\" | \"right\"\n    >(position);\n    const tooltipRef = useRef<HTMLDivElement>(null);\n    const targetRef = useRef<HTMLDivElement>(null);\n\n    const prevChildrenRef = useRef(children);\n\n    useEffect(() => {\n        if (prevChildrenRef.current !== children) {\n            setIsVisible(false);\n            prevChildrenRef.current = children;\n        }\n    }, [children]);\n\n    useEffect(() => {\n        const updateTooltip = () =>\n            positionTooltip(tooltipRef, targetRef, position, setActualPosition);\n\n        updateTooltip();\n        window.addEventListener(\"scroll\", updateTooltip);\n        window.addEventListener(\"resize\", updateTooltip);\n\n        return () => {\n            window.removeEventListener(\"scroll\", updateTooltip);\n            window.removeEventListener(\"resize\", updateTooltip);\n        };\n    }, [isVisible, position]);\n\n    return (\n        <div\n            ref={targetRef}\n            className={classNames(\n                \"collab-tooltip--wrapper\",\n                collabStyles()[\"collab-tooltip--wrapper\"],\n                className\n            )}\n            onMouseEnter={() => setIsVisible(true)}\n            onMouseLeave={() => setIsVisible(false)}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {children}\n            {isVisible && (\n                <div\n                    ref={tooltipRef}\n                    className={classNames(\n                        \"collab-tooltip\",\n                        `collab-tooltip--${actualPosition}`,\n                        collabStyles()[\"collab-tooltip\"],\n                        collabStyles()[`collab-tooltip--${actualPosition}`]\n                    )}\n                    role=\"tooltip\"\n                    aria-hidden={!isVisible}\n                    data-position={actualPosition}\n                >\n                    {content}\n                </div>\n            )}\n        </div>\n    );\n};\n\nTooltip.defaultProps = {\n    testId: \"collab-tooltip\",\n} as Partial<TooltipProps>;\n\nexport default Tooltip;\n"],"mappings":";;;AAEA,SAAS,UAAU,QAAQ,iBAAiB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,OAAO,gBAAgB;AA8Df,SAcQ,KAdR;AAxCR,IAAM,UAAU,CAAC,UAAqC;AAClD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAI;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,QAAQ;AACV,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,YAAY,OAAuB,IAAI;AAE7C,QAAM,kBAAkB,OAAO,QAAQ;AAEvC,YAAU,MAAM;AACZ,QAAI,gBAAgB,YAAY,UAAU;AACtC,mBAAa,KAAK;AAClB,sBAAgB,UAAU;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACZ,UAAM,gBAAgB,MAClB,gBAAgB,YAAY,WAAW,UAAU,iBAAiB;AAEtE,kBAAc;AACd,WAAO,iBAAiB,UAAU,aAAa;AAC/C,WAAO,iBAAiB,UAAU,aAAa;AAE/C,WAAO,MAAM;AACT,aAAO,oBAAoB,UAAU,aAAa;AAClD,aAAO,oBAAoB,UAAU,aAAa;AAAA,IACtD;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,yBAAyB;AAAA,QACxC;AAAA,MACJ;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,aACG;AAAA,UAAC;AAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAW;AAAA,cACP;AAAA,cACA,mBAAmB,cAAc;AAAA,cACjC,aAAa,EAAE,gBAAgB;AAAA,cAC/B,aAAa,EAAE,mBAAmB,cAAc,EAAE;AAAA,YACtD;AAAA,YACA,MAAK;AAAA,YACL,eAAa,CAAC;AAAA,YACd,iBAAe;AAAA,YAEd;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EAER;AAER;AAEA,QAAQ,eAAe;AAAA,EACnB,QAAQ;AACZ;AAEA,IAAO,kBAAQ;","names":[]}

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

@@ -36,9 +36,12 @@ module.exports = __toCommonJS(HighlightedCommentIcon_exports);
 var import_icons = require("./icons/index.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);
+var import_generateThread = require("../generators/generateThread.cjs");
 var import_jsx_runtime = require("preact/jsx-runtime");
 var HighlightedCommentIcon = (props) => {
   const { data } = props;
+  const config = import_configManager.default.get();
   const handleCommentModal = async () => {
     import_visualBuilderPostMessage.default?.send(
       import_postMessage.VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,
@@ -49,8 +52,10 @@ var HighlightedCommentIcon = (props) => {
         absolutePath: data.absolutePath
       }
     );
+    (0, import_generateThread.toggleCollabPopup)({ threadUid: "", action: "close" });
+    import_configManager.default.set("collab.isFeedbackMode", true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onClick: handleCommentModal, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.HighlightCommentIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "collab-icon", onClick: handleCommentModal, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.HighlightCommentIcon, {}) });
 };
 var HighlightedCommentIcon_default = HighlightedCommentIcon;
 //# sourceMappingURL=HighlightedCommentIcon.cjs.map

package/dist/modern/visualBuilder/components/HighlightedCommentIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/HighlightedCommentIcon.tsx"],"sourcesContent":["import { h } from \"preact\";\nimport { VNode } from \"preact\";\nimport { HighlightCommentIcon } from \"./icons\";\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { IHighlightCommentData } from \"../eventManager/useHighlightCommentIcon\";\n\nconst HighlightedCommentIcon = (props: {\n    data: IHighlightCommentData;\n}): VNode => {\n    const { data } = props;\n\n    const handleCommentModal = async () => {\n        visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,\n            {\n                fieldMetadata: data?.fieldMetadata,\n                discussion: data?.discussion,\n                fieldSchema: data?.fieldSchema,\n                absolutePath: data.absolutePath,\n            }\n        );\n    };\n    return (\n        <div onClick={handleCommentModal}>\n            <HighlightCommentIcon />\n        </div>\n    );\n};\n\nexport default HighlightedCommentIcon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAqC;AAErC,sCAAqC;AACrC,yBAA+C;AAqBnC;AAlBZ,IAAM,yBAAyB,CAAC,UAEnB;AACT,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,qBAAqB,YAAY;AACnC,oCAAAA,SAA0B;AAAA,MACtB,kDAA+B;AAAA,MAC/B;AAAA,QACI,eAAe,MAAM;AAAA,QACrB,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA,QACnB,cAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ;AACA,SACI,4CAAC,SAAI,SAAS,oBACV,sDAAC,qCAAqB,GAC1B;AAER;AAEA,IAAO,iCAAQ;","names":["visualBuilderPostMessage"]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/HighlightedCommentIcon.tsx"],"sourcesContent":["import { h } from \"preact\";\nimport { VNode } from \"preact\";\nimport { HighlightCommentIcon } from \"./icons\";\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { IHighlightCommentData } from \"../eventManager/useHighlightCommentIcon\";\nimport Config from \"../../configManager/configManager\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\n\nconst HighlightedCommentIcon = (props: {\n    data: IHighlightCommentData;\n}): VNode => {\n    const { data } = props;\n    const config = Config.get();\n\n    const handleCommentModal = async () => {\n        visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,\n            {\n                fieldMetadata: data?.fieldMetadata,\n                discussion: data?.discussion,\n                fieldSchema: data?.fieldSchema,\n                absolutePath: data.absolutePath,\n            }\n        );\n\n        toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n        Config.set(\"collab.isFeedbackMode\", true);\n    };\n    return (\n        <div className=\"collab-icon\" onClick={handleCommentModal}>\n            <HighlightCommentIcon />\n        </div>\n    );\n};\n\nexport default HighlightedCommentIcon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAqC;AAErC,sCAAqC;AACrC,yBAA+C;AAE/C,2BAAmB;AACnB,4BAAkC;AAwBtB;AAtBZ,IAAM,yBAAyB,CAAC,UAEnB;AACT,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,QAAM,qBAAqB,YAAY;AACnC,oCAAAC,SAA0B;AAAA,MACtB,kDAA+B;AAAA,MAC/B;AAAA,QACI,eAAe,MAAM;AAAA,QACrB,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA,QACnB,cAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAEA,iDAAkB,EAAE,WAAW,IAAI,QAAQ,QAAQ,CAAC;AACpD,yBAAAD,QAAO,IAAI,yBAAyB,IAAI;AAAA,EAC5C;AACA,SACI,4CAAC,SAAI,WAAU,eAAc,SAAS,oBAClC,sDAAC,qCAAqB,GAC1B;AAER;AAEA,IAAO,iCAAQ;","names":["Config","visualBuilderPostMessage"]}

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

@@ -4,9 +4,12 @@ import "../../chunk-5WRI5ZAA.js";
 import { HighlightCommentIcon } from "./icons/index.js";
 import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
 import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+import Config from "../../configManager/configManager.js";
+import { toggleCollabPopup } from "../generators/generateThread.js";
 import { jsx } from "preact/jsx-runtime";
 var HighlightedCommentIcon = (props) => {
   const { data } = props;
+  const config = Config.get();
   const handleCommentModal = async () => {
     visualBuilderPostMessage?.send(
       VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,
@@ -17,8 +20,10 @@ var HighlightedCommentIcon = (props) => {
         absolutePath: data.absolutePath
       }
     );
+    toggleCollabPopup({ threadUid: "", action: "close" });
+    Config.set("collab.isFeedbackMode", true);
   };
-  return /* @__PURE__ */ jsx("div", { onClick: handleCommentModal, children: /* @__PURE__ */ jsx(HighlightCommentIcon, {}) });
+  return /* @__PURE__ */ jsx("div", { className: "collab-icon", onClick: handleCommentModal, children: /* @__PURE__ */ jsx(HighlightCommentIcon, {}) });
 };
 var HighlightedCommentIcon_default = HighlightedCommentIcon;
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/components/HighlightedCommentIcon.tsx"],"sourcesContent":["import { h } from \"preact\";\nimport { VNode } from \"preact\";\nimport { HighlightCommentIcon } from \"./icons\";\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { IHighlightCommentData } from \"../eventManager/useHighlightCommentIcon\";\n\nconst HighlightedCommentIcon = (props: {\n    data: IHighlightCommentData;\n}): VNode => {\n    const { data } = props;\n\n    const handleCommentModal = async () => {\n        visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,\n            {\n                fieldMetadata: data?.fieldMetadata,\n                discussion: data?.discussion,\n                fieldSchema: data?.fieldSchema,\n                absolutePath: data.absolutePath,\n            }\n        );\n    };\n    return (\n        <div onClick={handleCommentModal}>\n            <HighlightCommentIcon />\n        </div>\n    );\n};\n\nexport default HighlightedCommentIcon;\n"],"mappings":";;;AAEA,SAAS,4BAA4B;AAErC,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAqBnC;AAlBZ,IAAM,yBAAyB,CAAC,UAEnB;AACT,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,qBAAqB,YAAY;AACnC,8BAA0B;AAAA,MACtB,+BAA+B;AAAA,MAC/B;AAAA,QACI,eAAe,MAAM;AAAA,QACrB,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA,QACnB,cAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ;AACA,SACI,oBAAC,SAAI,SAAS,oBACV,8BAAC,wBAAqB,GAC1B;AAER;AAEA,IAAO,iCAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/components/HighlightedCommentIcon.tsx"],"sourcesContent":["import { h } from \"preact\";\nimport { VNode } from \"preact\";\nimport { HighlightCommentIcon } from \"./icons\";\nimport React from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { IHighlightCommentData } from \"../eventManager/useHighlightCommentIcon\";\nimport Config from \"../../configManager/configManager\";\nimport { toggleCollabPopup } from \"../generators/generateThread\";\n\nconst HighlightedCommentIcon = (props: {\n    data: IHighlightCommentData;\n}): VNode => {\n    const { data } = props;\n    const config = Config.get();\n\n    const handleCommentModal = async () => {\n        visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.OPEN_FIELD_COMMENT_MODAL,\n            {\n                fieldMetadata: data?.fieldMetadata,\n                discussion: data?.discussion,\n                fieldSchema: data?.fieldSchema,\n                absolutePath: data.absolutePath,\n            }\n        );\n\n        toggleCollabPopup({ threadUid: \"\", action: \"close\" });\n        Config.set(\"collab.isFeedbackMode\", true);\n    };\n    return (\n        <div className=\"collab-icon\" onClick={handleCommentModal}>\n            <HighlightCommentIcon />\n        </div>\n    );\n};\n\nexport default HighlightedCommentIcon;\n"],"mappings":";;;AAEA,SAAS,4BAA4B;AAErC,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAE/C,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAwBtB;AAtBZ,IAAM,yBAAyB,CAAC,UAEnB;AACT,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,SAAS,OAAO,IAAI;AAE1B,QAAM,qBAAqB,YAAY;AACnC,8BAA0B;AAAA,MACtB,+BAA+B;AAAA,MAC/B;AAAA,QACI,eAAe,MAAM;AAAA,QACrB,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA,QACnB,cAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAEA,sBAAkB,EAAE,WAAW,IAAI,QAAQ,QAAQ,CAAC;AACpD,WAAO,IAAI,yBAAyB,IAAI;AAAA,EAC5C;AACA,SACI,oBAAC,SAAI,WAAU,eAAc,SAAS,oBAClC,8BAAC,wBAAqB,GAC1B;AAER;AAEA,IAAO,iCAAQ;","names":[]}

package/dist/modern/visualBuilder/components/icons/CollabIcons.cjs

@@ -0,0 +1,220 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/icons/CollabIcons.tsx
+var CollabIcons_exports = {};
+__export(CollabIcons_exports, {
+  iconComponents: () => iconComponents
+});
+module.exports = __toCommonJS(CollabIcons_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var iconComponents = {
+  Cancel: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          class: "collab-icon__svg",
+          d: "M25.5303 7.53033C25.8232 7.23744 25.8232 6.76256 25.5303 6.46967C25.2374 6.17678 24.7626 6.17678 24.4697 6.46967L16 14.9393L7.53033 6.46967C7.23744 6.17678 6.76256 6.17678 6.46967 6.46967C6.17678 6.76256 6.17678 7.23744 6.46967 7.53033L14.9393 16L6.46967 24.4697C6.17678 24.7626 6.17678 25.2374 6.46967 25.5303C6.76256 25.8232 7.23744 25.8232 7.53033 25.5303L16 17.0607L24.4697 25.5303C24.7626 25.8232 25.2374 25.8232 25.5303 25.5303C25.8232 25.2374 25.8232 24.7626 25.5303 24.4697L17.0607 16L25.5303 7.53033Z",
+          fill: "#475161"
+        }
+      )
+    }
+  ),
+  Delete: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M4.25 7C4.25 6.58579 4.58579 6.25 5 6.25H27C27.4142 6.25 27.75 6.58579 27.75 7C27.75 7.41421 27.4142 7.75 27 7.75H5C4.58579 7.75 4.25 7.41421 4.25 7Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M13 12.25C13.4142 12.25 13.75 12.5858 13.75 13V21C13.75 21.4142 13.4142 21.75 13 21.75C12.5858 21.75 12.25 21.4142 12.25 21V13C12.25 12.5858 12.5858 12.25 13 12.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M19 12.25C19.4142 12.25 19.75 12.5858 19.75 13V21C19.75 21.4142 19.4142 21.75 19 21.75C18.5858 21.75 18.25 21.4142 18.25 21V13C18.25 12.5858 18.5858 12.25 19 12.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M7 6.25C7.41421 6.25 7.75 6.58579 7.75 7V26C7.75 26.0663 7.77634 26.1299 7.82322 26.1768C7.87011 26.2237 7.93369 26.25 8 26.25H24C24.0663 26.25 24.1299 26.2237 24.1768 26.1768C24.2237 26.1299 24.25 26.0663 24.25 26V7C24.25 6.58579 24.5858 6.25 25 6.25C25.4142 6.25 25.75 6.58579 25.75 7V26C25.75 26.4641 25.5656 26.9092 25.2374 27.2374C24.9092 27.5656 24.4641 27.75 24 27.75H8C7.53587 27.75 7.09075 27.5656 6.76256 27.2374C6.43437 26.9092 6.25 26.4641 6.25 26V7C6.25 6.58579 6.58579 6.25 7 6.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M11.0555 3.05546C11.5712 2.53973 12.2707 2.25 13 2.25H19C19.7293 2.25 20.4288 2.53973 20.9445 3.05546C21.4603 3.57118 21.75 4.27065 21.75 5V7C21.75 7.41421 21.4142 7.75 21 7.75C20.5858 7.75 20.25 7.41421 20.25 7V5C20.25 4.66848 20.1183 4.35054 19.8839 4.11612C19.6495 3.8817 19.3315 3.75 19 3.75H13C12.6685 3.75 12.3505 3.8817 12.1161 4.11612C11.8817 4.35054 11.75 4.66848 11.75 5V7C11.75 7.41421 11.4142 7.75 11 7.75C10.5858 7.75 10.25 7.41421 10.25 7V5C10.25 4.27065 10.5397 3.57118 11.0555 3.05546Z",
+            fill: "#475161"
+          }
+        )
+      ]
+    }
+  ),
+  Edit: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          class: "collab-icon__svg",
+          d: "M4.7778 20.5072C4.47473 20.8102 4.29342 21.214 4.26826 21.6418L4.00309 26.1497C3.94156 27.1957 4.80682 28.0609 5.85284 27.9994L10.3606 27.7342C10.7885 27.7091 11.1922 27.5278 11.4953 27.2247L27.4899 11.2301C28.1733 10.5467 28.1733 9.43862 27.4899 8.7552L23.2473 4.51256C22.5639 3.82915 21.4558 3.82915 20.7724 4.51256L4.7778 20.5072ZM5.76567 21.7299C5.76926 21.6688 5.79516 21.6111 5.83846 21.5678L18.9336 8.4727L23.327 12.8661C23.3988 12.9379 23.4816 12.9921 23.57 13.0287L10.4347 26.164C10.3914 26.2073 10.3337 26.2332 10.2726 26.2368L5.76475 26.502C5.61532 26.5108 5.49171 26.3872 5.5005 26.2377L5.76567 21.7299ZM24.5503 12.0484L26.4293 10.1694C26.5269 10.0718 26.5269 9.9135 26.4293 9.81586L22.1866 5.57322C22.089 5.47559 21.9307 5.47559 21.8331 5.57322L19.9943 7.41204L24.3876 11.8054C24.4595 11.8772 24.5137 11.96 24.5503 12.0484Z",
+          fill: "#475161"
+        }
+      )
+    }
+  ),
+  RightMarkActive: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          class: "collab-icon__svg",
+          d: "M17.2065 5.29354C17.3895 5.4766 17.3895 5.7734 17.2065 5.95646L8.45646 14.7065C8.2734 14.8895 7.9766 14.8895 7.79354 14.7065L3.41854 10.3315C3.23549 10.1484 3.23549 9.8516 3.41854 9.66854C3.6016 9.48549 3.8984 9.48549 4.08146 9.66854L8.125 13.7121L16.5435 5.29354C16.7266 5.11049 17.0234 5.11049 17.2065 5.29354Z",
+          fill: "#6C5CE7"
+        }
+      )
+    }
+  ),
+  Indicator: ({ active }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: active ? "25" : "24",
+      height: "24",
+      viewBox: `0 0 ${active ? 25 : 24} 24`,
+      fill: "none",
+      class: "collab-icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: { marginTop: "2px" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            class: "collab-icon__svg",
+            d: "M8.4375 9C8.4375 8.68934 8.68934 8.4375 9 8.4375H15C15.3107 8.4375 15.5625 8.68934 15.5625 9C15.5625 9.31066 15.3107 9.5625 15 9.5625H9C8.68934 9.5625 8.4375 9.31066 8.4375 9Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            class: "collab-icon__svg",
+            d: "M8.4375 12C8.4375 11.6893 8.68934 11.4375 9 11.4375H15C15.3107 11.4375 15.5625 11.6893 15.5625 12C15.5625 12.3107 15.3107 12.5625 15 12.5625H9C8.68934 12.5625 8.4375 12.3107 8.4375 12Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M3 5.25C3 4.83579 3.33579 4.5 3.75 4.5H20.25C20.6642 4.5 21 4.83579 21 5.25V16.4423C21 16.8565 20.6642 17.1923 20.25 17.1923H14.9804C14.853 17.1923 14.7343 17.257 14.6652 17.3641L12.9633 20.0042C12.6651 20.4669 11.9866 20.4613 11.696 19.9938L10.1746 17.5464C10.0378 17.3262 9.79691 17.1923 9.53766 17.1923H3.75C3.33579 17.1923 3 16.8565 3 16.4423V5.25ZM4.125 16.0673V5.625H19.875V16.0673H14.9804C14.4707 16.0673 13.9958 16.3262 13.7197 16.7546L12.3387 18.8968L11.1301 16.9524C10.7879 16.402 10.1858 16.0673 9.53766 16.0673H4.125Z",
+            fill: "white"
+          }
+        ),
+        active && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "circle",
+            {
+              cx: "20",
+              cy: "5",
+              r: "4",
+              fill: "#EB5646",
+              class: "collab-icon__svg"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "circle",
+            {
+              cx: "20",
+              cy: "5",
+              r: "4.5",
+              stroke: "white",
+              "stroke-opacity": "0.6",
+              class: "collab-icon__svg"
+            }
+          )
+        ] })
+      ]
+    }
+  )
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  iconComponents
+});
+//# sourceMappingURL=CollabIcons.cjs.map

package/dist/modern/visualBuilder/components/icons/CollabIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/components/icons/CollabIcons.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nexport const iconComponents = {\n    Cancel: (props: any) => (\n        <svg\n            {...props}\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                class=\"collab-icon__svg\"\n                d=\"M25.5303 7.53033C25.8232 7.23744 25.8232 6.76256 25.5303 6.46967C25.2374 6.17678 24.7626 6.17678 24.4697 6.46967L16 14.9393L7.53033 6.46967C7.23744 6.17678 6.76256 6.17678 6.46967 6.46967C6.17678 6.76256 6.17678 7.23744 6.46967 7.53033L14.9393 16L6.46967 24.4697C6.17678 24.7626 6.17678 25.2374 6.46967 25.5303C6.76256 25.8232 7.23744 25.8232 7.53033 25.5303L16 17.0607L24.4697 25.5303C24.7626 25.8232 25.2374 25.8232 25.5303 25.5303C25.8232 25.2374 25.8232 24.7626 25.5303 24.4697L17.0607 16L25.5303 7.53033Z\"\n                fill=\"#475161\"\n            />\n        </svg>\n    ),\n    Delete: (props: any) => (\n        <svg\n            {...props}\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M4.25 7C4.25 6.58579 4.58579 6.25 5 6.25H27C27.4142 6.25 27.75 6.58579 27.75 7C27.75 7.41421 27.4142 7.75 27 7.75H5C4.58579 7.75 4.25 7.41421 4.25 7Z\"\n                fill=\"#475161\"\n            />\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M13 12.25C13.4142 12.25 13.75 12.5858 13.75 13V21C13.75 21.4142 13.4142 21.75 13 21.75C12.5858 21.75 12.25 21.4142 12.25 21V13C12.25 12.5858 12.5858 12.25 13 12.25Z\"\n                fill=\"#475161\"\n            />\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M19 12.25C19.4142 12.25 19.75 12.5858 19.75 13V21C19.75 21.4142 19.4142 21.75 19 21.75C18.5858 21.75 18.25 21.4142 18.25 21V13C18.25 12.5858 18.5858 12.25 19 12.25Z\"\n                fill=\"#475161\"\n            />\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M7 6.25C7.41421 6.25 7.75 6.58579 7.75 7V26C7.75 26.0663 7.77634 26.1299 7.82322 26.1768C7.87011 26.2237 7.93369 26.25 8 26.25H24C24.0663 26.25 24.1299 26.2237 24.1768 26.1768C24.2237 26.1299 24.25 26.0663 24.25 26V7C24.25 6.58579 24.5858 6.25 25 6.25C25.4142 6.25 25.75 6.58579 25.75 7V26C25.75 26.4641 25.5656 26.9092 25.2374 27.2374C24.9092 27.5656 24.4641 27.75 24 27.75H8C7.53587 27.75 7.09075 27.5656 6.76256 27.2374C6.43437 26.9092 6.25 26.4641 6.25 26V7C6.25 6.58579 6.58579 6.25 7 6.25Z\"\n                fill=\"#475161\"\n            />\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M11.0555 3.05546C11.5712 2.53973 12.2707 2.25 13 2.25H19C19.7293 2.25 20.4288 2.53973 20.9445 3.05546C21.4603 3.57118 21.75 4.27065 21.75 5V7C21.75 7.41421 21.4142 7.75 21 7.75C20.5858 7.75 20.25 7.41421 20.25 7V5C20.25 4.66848 20.1183 4.35054 19.8839 4.11612C19.6495 3.8817 19.3315 3.75 19 3.75H13C12.6685 3.75 12.3505 3.8817 12.1161 4.11612C11.8817 4.35054 11.75 4.66848 11.75 5V7C11.75 7.41421 11.4142 7.75 11 7.75C10.5858 7.75 10.25 7.41421 10.25 7V5C10.25 4.27065 10.5397 3.57118 11.0555 3.05546Z\"\n                fill=\"#475161\"\n            />\n        </svg>\n    ),\n    Edit: (props: any) => (\n        <svg\n            {...props}\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M4.7778 20.5072C4.47473 20.8102 4.29342 21.214 4.26826 21.6418L4.00309 26.1497C3.94156 27.1957 4.80682 28.0609 5.85284 27.9994L10.3606 27.7342C10.7885 27.7091 11.1922 27.5278 11.4953 27.2247L27.4899 11.2301C28.1733 10.5467 28.1733 9.43862 27.4899 8.7552L23.2473 4.51256C22.5639 3.82915 21.4558 3.82915 20.7724 4.51256L4.7778 20.5072ZM5.76567 21.7299C5.76926 21.6688 5.79516 21.6111 5.83846 21.5678L18.9336 8.4727L23.327 12.8661C23.3988 12.9379 23.4816 12.9921 23.57 13.0287L10.4347 26.164C10.3914 26.2073 10.3337 26.2332 10.2726 26.2368L5.76475 26.502C5.61532 26.5108 5.49171 26.3872 5.5005 26.2377L5.76567 21.7299ZM24.5503 12.0484L26.4293 10.1694C26.5269 10.0718 26.5269 9.9135 26.4293 9.81586L22.1866 5.57322C22.089 5.47559 21.9307 5.47559 21.8331 5.57322L19.9943 7.41204L24.3876 11.8054C24.4595 11.8772 24.5137 11.96 24.5503 12.0484Z\"\n                fill=\"#475161\"\n            />\n        </svg>\n    ),\n    RightMarkActive: (props: any) => (\n        <svg\n            {...props}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            fill=\"none\"\n        >\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M17.2065 5.29354C17.3895 5.4766 17.3895 5.7734 17.2065 5.95646L8.45646 14.7065C8.2734 14.8895 7.9766 14.8895 7.79354 14.7065L3.41854 10.3315C3.23549 10.1484 3.23549 9.8516 3.41854 9.66854C3.6016 9.48549 3.8984 9.48549 4.08146 9.66854L8.125 13.7121L16.5435 5.29354C16.7266 5.11049 17.0234 5.11049 17.2065 5.29354Z\"\n                fill=\"#6C5CE7\"\n            />\n        </svg>\n    ),\n    Indicator: ({ active }: { active?: boolean; className?: string }) => (\n        <svg\n            width={active ? \"25\" : \"24\"}\n            height=\"24\"\n            viewBox={`0 0 ${active ? 25 : 24} 24`}\n            fill=\"none\"\n            class=\"collab-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={{ marginTop: \"2px\" }}\n        >\n            <path\n                class=\"collab-icon__svg\"\n                d=\"M8.4375 9C8.4375 8.68934 8.68934 8.4375 9 8.4375H15C15.3107 8.4375 15.5625 8.68934 15.5625 9C15.5625 9.31066 15.3107 9.5625 15 9.5625H9C8.68934 9.5625 8.4375 9.31066 8.4375 9Z\"\n                fill=\"white\"\n            />\n            <path\n                class=\"collab-icon__svg\"\n                d=\"M8.4375 12C8.4375 11.6893 8.68934 11.4375 9 11.4375H15C15.3107 11.4375 15.5625 11.6893 15.5625 12C15.5625 12.3107 15.3107 12.5625 15 12.5625H9C8.68934 12.5625 8.4375 12.3107 8.4375 12Z\"\n                fill=\"white\"\n            />\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                class=\"collab-icon__svg\"\n                d=\"M3 5.25C3 4.83579 3.33579 4.5 3.75 4.5H20.25C20.6642 4.5 21 4.83579 21 5.25V16.4423C21 16.8565 20.6642 17.1923 20.25 17.1923H14.9804C14.853 17.1923 14.7343 17.257 14.6652 17.3641L12.9633 20.0042C12.6651 20.4669 11.9866 20.4613 11.696 19.9938L10.1746 17.5464C10.0378 17.3262 9.79691 17.1923 9.53766 17.1923H3.75C3.33579 17.1923 3 16.8565 3 16.4423V5.25ZM4.125 16.0673V5.625H19.875V16.0673H14.9804C14.4707 16.0673 13.9958 16.3262 13.7197 16.7546L12.3387 18.8968L11.1301 16.9524C10.7879 16.402 10.1858 16.0673 9.53766 16.0673H4.125Z\"\n                fill=\"white\"\n            />\n            {active && (\n                <g>\n                    <circle\n                        cx=\"20\"\n                        cy=\"5\"\n                        r=\"4\"\n                        fill=\"#EB5646\"\n                        class=\"collab-icon__svg\"\n                    />\n                    <circle\n                        cx=\"20\"\n                        cy=\"5\"\n                        r=\"4.5\"\n                        stroke=\"white\"\n                        stroke-opacity=\"0.6\"\n                        class=\"collab-icon__svg\"\n                    />\n                </g>\n            )}\n        </svg>\n    ),\n};\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/components/icons/CollabIcons.d.cts

@@ -0,0 +1,16 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+declare const iconComponents: {
+    Cancel: (props: any) => React.JSX.Element;
+    Delete: (props: any) => React.JSX.Element;
+    Edit: (props: any) => React.JSX.Element;
+    RightMarkActive: (props: any) => React.JSX.Element;
+    Indicator: ({ active }: {
+        active?: boolean;
+        className?: string;
+    }) => React.JSX.Element;
+};
+
+export { iconComponents };

package/dist/modern/visualBuilder/components/icons/CollabIcons.d.ts

@@ -0,0 +1,16 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+declare const iconComponents: {
+    Cancel: (props: any) => React.JSX.Element;
+    Delete: (props: any) => React.JSX.Element;
+    Edit: (props: any) => React.JSX.Element;
+    RightMarkActive: (props: any) => React.JSX.Element;
+    Indicator: ({ active }: {
+        active?: boolean;
+        className?: string;
+    }) => React.JSX.Element;
+};
+
+export { iconComponents };

package/dist/modern/visualBuilder/components/icons/CollabIcons.js

@@ -0,0 +1,197 @@
+import "../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/icons/CollabIcons.tsx
+import { jsx, jsxs } from "preact/jsx-runtime";
+var iconComponents = {
+  Cancel: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          class: "collab-icon__svg",
+          d: "M25.5303 7.53033C25.8232 7.23744 25.8232 6.76256 25.5303 6.46967C25.2374 6.17678 24.7626 6.17678 24.4697 6.46967L16 14.9393L7.53033 6.46967C7.23744 6.17678 6.76256 6.17678 6.46967 6.46967C6.17678 6.76256 6.17678 7.23744 6.46967 7.53033L14.9393 16L6.46967 24.4697C6.17678 24.7626 6.17678 25.2374 6.46967 25.5303C6.76256 25.8232 7.23744 25.8232 7.53033 25.5303L16 17.0607L24.4697 25.5303C24.7626 25.8232 25.2374 25.8232 25.5303 25.5303C25.8232 25.2374 25.8232 24.7626 25.5303 24.4697L17.0607 16L25.5303 7.53033Z",
+          fill: "#475161"
+        }
+      )
+    }
+  ),
+  Delete: (props) => /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M4.25 7C4.25 6.58579 4.58579 6.25 5 6.25H27C27.4142 6.25 27.75 6.58579 27.75 7C27.75 7.41421 27.4142 7.75 27 7.75H5C4.58579 7.75 4.25 7.41421 4.25 7Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M13 12.25C13.4142 12.25 13.75 12.5858 13.75 13V21C13.75 21.4142 13.4142 21.75 13 21.75C12.5858 21.75 12.25 21.4142 12.25 21V13C12.25 12.5858 12.5858 12.25 13 12.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M19 12.25C19.4142 12.25 19.75 12.5858 19.75 13V21C19.75 21.4142 19.4142 21.75 19 21.75C18.5858 21.75 18.25 21.4142 18.25 21V13C18.25 12.5858 18.5858 12.25 19 12.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M7 6.25C7.41421 6.25 7.75 6.58579 7.75 7V26C7.75 26.0663 7.77634 26.1299 7.82322 26.1768C7.87011 26.2237 7.93369 26.25 8 26.25H24C24.0663 26.25 24.1299 26.2237 24.1768 26.1768C24.2237 26.1299 24.25 26.0663 24.25 26V7C24.25 6.58579 24.5858 6.25 25 6.25C25.4142 6.25 25.75 6.58579 25.75 7V26C25.75 26.4641 25.5656 26.9092 25.2374 27.2374C24.9092 27.5656 24.4641 27.75 24 27.75H8C7.53587 27.75 7.09075 27.5656 6.76256 27.2374C6.43437 26.9092 6.25 26.4641 6.25 26V7C6.25 6.58579 6.58579 6.25 7 6.25Z",
+            fill: "#475161"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M11.0555 3.05546C11.5712 2.53973 12.2707 2.25 13 2.25H19C19.7293 2.25 20.4288 2.53973 20.9445 3.05546C21.4603 3.57118 21.75 4.27065 21.75 5V7C21.75 7.41421 21.4142 7.75 21 7.75C20.5858 7.75 20.25 7.41421 20.25 7V5C20.25 4.66848 20.1183 4.35054 19.8839 4.11612C19.6495 3.8817 19.3315 3.75 19 3.75H13C12.6685 3.75 12.3505 3.8817 12.1161 4.11612C11.8817 4.35054 11.75 4.66848 11.75 5V7C11.75 7.41421 11.4142 7.75 11 7.75C10.5858 7.75 10.25 7.41421 10.25 7V5C10.25 4.27065 10.5397 3.57118 11.0555 3.05546Z",
+            fill: "#475161"
+          }
+        )
+      ]
+    }
+  ),
+  Edit: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          class: "collab-icon__svg",
+          d: "M4.7778 20.5072C4.47473 20.8102 4.29342 21.214 4.26826 21.6418L4.00309 26.1497C3.94156 27.1957 4.80682 28.0609 5.85284 27.9994L10.3606 27.7342C10.7885 27.7091 11.1922 27.5278 11.4953 27.2247L27.4899 11.2301C28.1733 10.5467 28.1733 9.43862 27.4899 8.7552L23.2473 4.51256C22.5639 3.82915 21.4558 3.82915 20.7724 4.51256L4.7778 20.5072ZM5.76567 21.7299C5.76926 21.6688 5.79516 21.6111 5.83846 21.5678L18.9336 8.4727L23.327 12.8661C23.3988 12.9379 23.4816 12.9921 23.57 13.0287L10.4347 26.164C10.3914 26.2073 10.3337 26.2332 10.2726 26.2368L5.76475 26.502C5.61532 26.5108 5.49171 26.3872 5.5005 26.2377L5.76567 21.7299ZM24.5503 12.0484L26.4293 10.1694C26.5269 10.0718 26.5269 9.9135 26.4293 9.81586L22.1866 5.57322C22.089 5.47559 21.9307 5.47559 21.8331 5.57322L19.9943 7.41204L24.3876 11.8054C24.4595 11.8772 24.5137 11.96 24.5503 12.0484Z",
+          fill: "#475161"
+        }
+      )
+    }
+  ),
+  RightMarkActive: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          class: "collab-icon__svg",
+          d: "M17.2065 5.29354C17.3895 5.4766 17.3895 5.7734 17.2065 5.95646L8.45646 14.7065C8.2734 14.8895 7.9766 14.8895 7.79354 14.7065L3.41854 10.3315C3.23549 10.1484 3.23549 9.8516 3.41854 9.66854C3.6016 9.48549 3.8984 9.48549 4.08146 9.66854L8.125 13.7121L16.5435 5.29354C16.7266 5.11049 17.0234 5.11049 17.2065 5.29354Z",
+          fill: "#6C5CE7"
+        }
+      )
+    }
+  ),
+  Indicator: ({ active }) => /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: active ? "25" : "24",
+      height: "24",
+      viewBox: `0 0 ${active ? 25 : 24} 24`,
+      fill: "none",
+      class: "collab-icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: { marginTop: "2px" },
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            class: "collab-icon__svg",
+            d: "M8.4375 9C8.4375 8.68934 8.68934 8.4375 9 8.4375H15C15.3107 8.4375 15.5625 8.68934 15.5625 9C15.5625 9.31066 15.3107 9.5625 15 9.5625H9C8.68934 9.5625 8.4375 9.31066 8.4375 9Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            class: "collab-icon__svg",
+            d: "M8.4375 12C8.4375 11.6893 8.68934 11.4375 9 11.4375H15C15.3107 11.4375 15.5625 11.6893 15.5625 12C15.5625 12.3107 15.3107 12.5625 15 12.5625H9C8.68934 12.5625 8.4375 12.3107 8.4375 12Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            class: "collab-icon__svg",
+            d: "M3 5.25C3 4.83579 3.33579 4.5 3.75 4.5H20.25C20.6642 4.5 21 4.83579 21 5.25V16.4423C21 16.8565 20.6642 17.1923 20.25 17.1923H14.9804C14.853 17.1923 14.7343 17.257 14.6652 17.3641L12.9633 20.0042C12.6651 20.4669 11.9866 20.4613 11.696 19.9938L10.1746 17.5464C10.0378 17.3262 9.79691 17.1923 9.53766 17.1923H3.75C3.33579 17.1923 3 16.8565 3 16.4423V5.25ZM4.125 16.0673V5.625H19.875V16.0673H14.9804C14.4707 16.0673 13.9958 16.3262 13.7197 16.7546L12.3387 18.8968L11.1301 16.9524C10.7879 16.402 10.1858 16.0673 9.53766 16.0673H4.125Z",
+            fill: "white"
+          }
+        ),
+        active && /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: "20",
+              cy: "5",
+              r: "4",
+              fill: "#EB5646",
+              class: "collab-icon__svg"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: "20",
+              cy: "5",
+              r: "4.5",
+              stroke: "white",
+              "stroke-opacity": "0.6",
+              class: "collab-icon__svg"
+            }
+          )
+        ] })
+      ]
+    }
+  )
+};
+export {
+  iconComponents
+};
+//# sourceMappingURL=CollabIcons.js.map