@contentstack/live-preview-utils 3.1.3 → 3.2.0

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.tsx
+var ThreadActionBar_exports = {};
+__export(ThreadActionBar_exports, {
+  default: () => ThreadActionBar_default
+});
+module.exports = __toCommonJS(ThreadActionBar_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_Button = __toESM(require("../Button/Button.cjs"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_collabUtils = require("../../../utils/collabUtils.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ThreadActionBar = ({
+  commentCount,
+  displayResolve,
+  handleResolve,
+  isResolving
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "collab-thread-header--title",
+          (0, import_collab.collabStyles)()["collab-thread-header--title"]
+        ),
+        children: (0, import_collabUtils.getThreadTitle)(commentCount)
+      }
+    ),
+    displayResolve && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Button.default,
+      {
+        buttonType: "tertiary",
+        className: (0, import_classnames.default)(
+          "collab-thread-header--resolve",
+          (0, import_collab.collabStyles)()["collab-thread-header--resolve"]
+        ),
+        icon: "RightMarkActive",
+        iconProps: {
+          className: (0, import_classnames.default)(
+            (0, import_collab.collabStyles)()["collab-thread-header--resolve--icon"],
+            "collab-thread-header--resolve--icon"
+          )
+        },
+        onClick: handleResolve,
+        testId: "collab-thread-resolve-btn",
+        isLoading: isResolving,
+        loadingColor: "secondary",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_classnames.default)(
+              "collab-thread-header--resolve--text",
+              (0, import_collab.collabStyles)()["collab-thread-header--resolve--text"]
+            ),
+            children: "Resolve"
+          }
+        )
+      }
+    )
+  ] });
+};
+var ThreadActionBar_default = ThreadActionBar;
+//# sourceMappingURL=ThreadActionBar.cjs.map

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { collabStyles } from \"../../../collab.style\";\nimport { getThreadTitle } from \"../../../utils/collabUtils\";\n\ninterface ThreadActionsProps {\n    commentCount: number;\n    displayResolve: boolean;\n    handleResolve: () => void;\n    isResolving: boolean;\n}\n\nconst ThreadActionBar: React.FC<ThreadActionsProps> = ({\n    commentCount,\n    displayResolve,\n    handleResolve,\n    isResolving,\n}) => {\n    return (\n        <>\n            <div\n                className={classNames(\n                    \"collab-thread-header--title\",\n                    collabStyles()[\"collab-thread-header--title\"]\n                )}\n            >\n                {getThreadTitle(commentCount)}\n            </div>\n            {displayResolve && (\n                <Button\n                    buttonType=\"tertiary\"\n                    className={classNames(\n                        \"collab-thread-header--resolve\",\n                        collabStyles()[\"collab-thread-header--resolve\"]\n                    )}\n                    icon=\"RightMarkActive\"\n                    iconProps={{\n                        className: classNames(\n                            collabStyles()[\n                                \"collab-thread-header--resolve--icon\"\n                            ],\n                            \"collab-thread-header--resolve--icon\"\n                        ),\n                    }}\n                    onClick={handleResolve}\n                    testId=\"collab-thread-resolve-btn\"\n                    isLoading={isResolving}\n                    loadingColor=\"secondary\"\n                >\n                    <span\n                        className={classNames(\n                            \"collab-thread-header--resolve--text\",\n                            collabStyles()[\n                                \"collab-thread-header--resolve--text\"\n                            ]\n                        )}\n                    >\n                        Resolve\n                    </span>\n                </Button>\n            )}\n        </>\n    );\n};\n\nexport default ThreadActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAAuB;AACvB,oBAAmB;AACnB,oBAA6B;AAC7B,yBAA+B;AAgBvB;AAPR,IAAM,kBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI,4EACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,6BAA6B;AAAA,QAChD;AAAA,QAEC,iDAAe,YAAY;AAAA;AAAA,IAChC;AAAA,IACC,kBACG;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,eAAW,kBAAAD;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,+BAA+B;AAAA,QAClD;AAAA,QACA,MAAK;AAAA,QACL,WAAW;AAAA,UACP,eAAW,kBAAAA;AAAA,gBACP,4BAAa,EACT,qCACJ;AAAA,YACA;AAAA,UACJ;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,QAAO;AAAA,QACP,WAAW;AAAA,QACX,cAAa;AAAA,QAEb;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,kBACA,4BAAa,EACT,qCACJ;AAAA,YACJ;AAAA,YACH;AAAA;AAAA,QAED;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["classNames","Button"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.d.cts

@@ -0,0 +1,13 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+interface ThreadActionsProps {
+    commentCount: number;
+    displayResolve: boolean;
+    handleResolve: () => void;
+    isResolving: boolean;
+}
+declare const ThreadActionBar: React.FC<ThreadActionsProps>;
+
+export { ThreadActionBar as default };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.d.ts

@@ -0,0 +1,13 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+interface ThreadActionsProps {
+    commentCount: number;
+    displayResolve: boolean;
+    handleResolve: () => void;
+    isResolving: boolean;
+}
+declare const ThreadActionBar: React.FC<ThreadActionsProps>;
+
+export { ThreadActionBar as default };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.js

@@ -0,0 +1,63 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.tsx
+import classNames from "classnames";
+import Button from "../Button/Button.js";
+import { collabStyles } from "../../../collab.style.js";
+import { getThreadTitle } from "../../../utils/collabUtils.js";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var ThreadActionBar = ({
+  commentCount,
+  displayResolve,
+  handleResolve,
+  isResolving
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          "collab-thread-header--title",
+          collabStyles()["collab-thread-header--title"]
+        ),
+        children: getThreadTitle(commentCount)
+      }
+    ),
+    displayResolve && /* @__PURE__ */ jsx(
+      Button,
+      {
+        buttonType: "tertiary",
+        className: classNames(
+          "collab-thread-header--resolve",
+          collabStyles()["collab-thread-header--resolve"]
+        ),
+        icon: "RightMarkActive",
+        iconProps: {
+          className: classNames(
+            collabStyles()["collab-thread-header--resolve--icon"],
+            "collab-thread-header--resolve--icon"
+          )
+        },
+        onClick: handleResolve,
+        testId: "collab-thread-resolve-btn",
+        isLoading: isResolving,
+        loadingColor: "secondary",
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classNames(
+              "collab-thread-header--resolve--text",
+              collabStyles()["collab-thread-header--resolve--text"]
+            ),
+            children: "Resolve"
+          }
+        )
+      }
+    )
+  ] });
+};
+var ThreadActionBar_default = ThreadActionBar;
+export {
+  ThreadActionBar_default as default
+};
+//# sourceMappingURL=ThreadActionBar.js.map

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { collabStyles } from \"../../../collab.style\";\nimport { getThreadTitle } from \"../../../utils/collabUtils\";\n\ninterface ThreadActionsProps {\n    commentCount: number;\n    displayResolve: boolean;\n    handleResolve: () => void;\n    isResolving: boolean;\n}\n\nconst ThreadActionBar: React.FC<ThreadActionsProps> = ({\n    commentCount,\n    displayResolve,\n    handleResolve,\n    isResolving,\n}) => {\n    return (\n        <>\n            <div\n                className={classNames(\n                    \"collab-thread-header--title\",\n                    collabStyles()[\"collab-thread-header--title\"]\n                )}\n            >\n                {getThreadTitle(commentCount)}\n            </div>\n            {displayResolve && (\n                <Button\n                    buttonType=\"tertiary\"\n                    className={classNames(\n                        \"collab-thread-header--resolve\",\n                        collabStyles()[\"collab-thread-header--resolve\"]\n                    )}\n                    icon=\"RightMarkActive\"\n                    iconProps={{\n                        className: classNames(\n                            collabStyles()[\n                                \"collab-thread-header--resolve--icon\"\n                            ],\n                            \"collab-thread-header--resolve--icon\"\n                        ),\n                    }}\n                    onClick={handleResolve}\n                    testId=\"collab-thread-resolve-btn\"\n                    isLoading={isResolving}\n                    loadingColor=\"secondary\"\n                >\n                    <span\n                        className={classNames(\n                            \"collab-thread-header--resolve--text\",\n                            collabStyles()[\n                                \"collab-thread-header--resolve--text\"\n                            ]\n                        )}\n                    >\n                        Resolve\n                    </span>\n                </Button>\n            )}\n        </>\n    );\n};\n\nexport default ThreadActionBar;\n"],"mappings":";;;AAEA,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAgBvB,mBACI,KADJ;AAPR,IAAM,kBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,6BAA6B;AAAA,QAChD;AAAA,QAEC,yBAAe,YAAY;AAAA;AAAA,IAChC;AAAA,IACC,kBACG;AAAA,MAAC;AAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,+BAA+B;AAAA,QAClD;AAAA,QACA,MAAK;AAAA,QACL,WAAW;AAAA,UACP,WAAW;AAAA,YACP,aAAa,EACT,qCACJ;AAAA,YACA;AAAA,UACJ;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,QAAO;AAAA,QACP,WAAW;AAAA,QACX,cAAa;AAAA,QAEb;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,aAAa,EACT,qCACJ;AAAA,YACJ;AAAA,YACH;AAAA;AAAA,QAED;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.cjs

@@ -0,0 +1,155 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadBody.tsx
+var ThreadBody_exports = {};
+__export(ThreadBody_exports, {
+  default: () => ThreadBody_default
+});
+module.exports = __toCommonJS(ThreadBody_exports);
+var import_compat = __toESM(require("preact/compat"), 1);
+var import_ThreadBody = __toESM(require("./loader/ThreadBody.cjs"), 1);
+var import_CommentCard = __toESM(require("./CommentCard.cjs"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var Loader = ({ isLoading, children }) => {
+  return isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThreadBody.default, {}, "collab-thread-body--comment-loader") : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+var CommentList = ({
+  comments,
+  userState,
+  onClose,
+  handleOnSaveRef,
+  editComment,
+  fetchingMore
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-thread-comment--list",
+        (0, import_collab.collabStyles)()["collab-thread-comment--list"]
+      ),
+      id: "collab-thread-comment--list",
+      children: [
+        comments == null ? void 0 : comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_classnames.default)(
+                "collab-thread-comment-seperator",
+                "flex-v-center",
+                (0, import_collab.collabStyles)()["collab-thread-comment-seperator"],
+                import_collab.flexAlignCenter
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  class: "collab-thread-comment-seperator--svg",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "100%",
+                  height: "2",
+                  viewBox: "0 0 332 2",
+                  fill: "none",
+                  preserveAspectRatio: "none",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M0 1H332",
+                      stroke: "#DDE3EE",
+                      strokeDasharray: "2 2"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_CommentCard.default,
+            {
+              userState,
+              comment,
+              onClose,
+              handleOnSaveRef,
+              mode: editComment === comment._id ? "edit" : "view"
+            }
+          )
+        ] })),
+        fetchingMore && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThreadBody.default, {})
+      ]
+    }
+  );
+};
+var ThreadBody = import_compat.default.memo(
+  ({
+    handleOnSaveRef,
+    onClose,
+    userState,
+    isLoading,
+    comments,
+    fetchingMore,
+    editComment
+  }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "collab-thread-body--wrapper",
+          (0, import_collab.collabStyles)()["collab-thread-body--wrapper"]
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loader, { isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            CommentList,
+            {
+              comments,
+              userState,
+              onClose,
+              handleOnSaveRef,
+              editComment,
+              fetchingMore
+            }
+          ) }),
+          editComment === "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_CommentCard.default,
+            {
+              userState,
+              comment: null,
+              onClose,
+              handleOnSaveRef,
+              mode: "edit"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var ThreadBody_default = ThreadBody;
+//# sourceMappingURL=ThreadBody.cjs.map

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadBody.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { IMessageDTO, IUserState } from \"../../../types/collab.types\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport CommentCard from \"./CommentCard\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadBody } from \"../../../types/collab.types\";\n\nconst Loader: React.FC<{ isLoading: boolean }> = ({ isLoading, children }) => {\n    return isLoading ? (\n        <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />\n    ) : (\n        <>{children}</>\n    );\n};\n\nconst CommentList: React.FC<{\n    comments: IMessageDTO[];\n    userState: IUserState;\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    editComment: string;\n    fetchingMore: boolean;\n}> = ({\n    comments,\n    userState,\n    onClose,\n    handleOnSaveRef,\n    editComment,\n    fetchingMore,\n}) => {\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-comment--list\",\n                collabStyles()[\"collab-thread-comment--list\"]\n            )}\n            id=\"collab-thread-comment--list\"\n        >\n            {comments?.map((comment: IMessageDTO) => (\n                <>\n                    <div\n                        className={classNames(\n                            \"collab-thread-comment-seperator\",\n                            \"flex-v-center\",\n                            collabStyles()[\"collab-thread-comment-seperator\"],\n                            flexAlignCenter\n                        )}\n                    >\n                        <svg\n                            class=\"collab-thread-comment-seperator--svg\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            width=\"100%\"\n                            height=\"2\"\n                            viewBox=\"0 0 332 2\"\n                            fill=\"none\"\n                            preserveAspectRatio=\"none\"\n                        >\n                            <path\n                                d=\"M0 1H332\"\n                                stroke=\"#DDE3EE\"\n                                strokeDasharray=\"2 2\"\n                            />\n                        </svg>\n                    </div>\n                    <CommentCard\n                        userState={userState}\n                        comment={comment}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        mode={editComment === comment._id ? \"edit\" : \"view\"}\n                    />\n                </>\n            ))}\n            {fetchingMore && <ThreadBodyLoader />}\n        </div>\n    );\n};\n\nconst ThreadBody: React.FC<IThreadBody> = React.memo(\n    ({\n        handleOnSaveRef,\n        onClose,\n        userState,\n        isLoading,\n        comments,\n        fetchingMore,\n        editComment,\n    }) => {\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-body--wrapper\",\n                    collabStyles()[\"collab-thread-body--wrapper\"]\n                )}\n            >\n                <Loader isLoading={isLoading}>\n                    <CommentList\n                        comments={comments}\n                        userState={userState}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        editComment={editComment}\n                        fetchingMore={fetchingMore}\n                    />\n                </Loader>\n\n                {editComment === \"\" && (\n                    <CommentCard\n                        userState={userState}\n                        comment={null}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        mode=\"edit\"\n                    />\n                )}\n            </div>\n        );\n    }\n);\n\nexport default ThreadBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAkB;AAElB,wBAA6B;AAC7B,yBAAwB;AACxB,wBAAuB;AACvB,oBAA8C;AAKtC;AAFR,IAAM,SAA2C,CAAC,EAAE,WAAW,SAAS,MAAM;AAC1E,SAAO,YACH,4CAAC,kBAAAA,SAAA,IAAqB,oCAAqC,IAE3D,2EAAG,UAAS;AAEpB;AAEA,IAAM,cAOD,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,IAAG;AAAA,MAEF;AAAA,6CAAU,IAAI,CAAC,YACZ,4EACI;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,eAAW,kBAAAA;AAAA,gBACP;AAAA,gBACA;AAAA,oBACA,4BAAa,EAAE,iCAAiC;AAAA,gBAChD;AAAA,cACJ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACG,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,qBAAoB;AAAA,kBAEpB;AAAA,oBAAC;AAAA;AAAA,sBACG,GAAE;AAAA,sBACF,QAAO;AAAA,sBACP,iBAAgB;AAAA;AAAA,kBACpB;AAAA;AAAA,cACJ;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC,mBAAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,MAAM,gBAAgB,QAAQ,MAAM,SAAS;AAAA;AAAA,UACjD;AAAA,WACJ;AAAA,QAEH,gBAAgB,4CAAC,kBAAAF,SAAA,EAAiB;AAAA;AAAA;AAAA,EACvC;AAER;AAEA,IAAM,aAAoC,cAAAG,QAAM;AAAA,EAC5C,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,MAAM;AACF,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAF;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,6BAA6B;AAAA,QAChD;AAAA,QAEA;AAAA,sDAAC,UAAO,WACJ;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACJ,GACJ;AAAA,UAEC,gBAAgB,MACb;AAAA,YAAC,mBAAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,MAAK;AAAA;AAAA,UACT;AAAA;AAAA;AAAA,IAER;AAAA,EAER;AACJ;AAEA,IAAO,qBAAQ;","names":["ThreadBodyLoader","classNames","CommentCard","React"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadBody } from '../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const ThreadBody: React.FC<IThreadBody>;
+
+export { ThreadBody as default };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadBody } from '../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const ThreadBody: React.FC<IThreadBody>;
+
+export { ThreadBody as default };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.js

@@ -0,0 +1,126 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadBody.tsx
+import React from "preact/compat";
+import ThreadBodyLoader from "./loader/ThreadBody.js";
+import CommentCard from "./CommentCard.js";
+import classNames from "classnames";
+import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var Loader = ({ isLoading, children }) => {
+  return isLoading ? /* @__PURE__ */ jsx(ThreadBodyLoader, {}, "collab-thread-body--comment-loader") : /* @__PURE__ */ jsx(Fragment, { children });
+};
+var CommentList = ({
+  comments,
+  userState,
+  onClose,
+  handleOnSaveRef,
+  editComment,
+  fetchingMore
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(
+        "collab-thread-comment--list",
+        collabStyles()["collab-thread-comment--list"]
+      ),
+      id: "collab-thread-comment--list",
+      children: [
+        comments == null ? void 0 : comments.map((comment) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames(
+                "collab-thread-comment-seperator",
+                "flex-v-center",
+                collabStyles()["collab-thread-comment-seperator"],
+                flexAlignCenter
+              ),
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  class: "collab-thread-comment-seperator--svg",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "100%",
+                  height: "2",
+                  viewBox: "0 0 332 2",
+                  fill: "none",
+                  preserveAspectRatio: "none",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M0 1H332",
+                      stroke: "#DDE3EE",
+                      strokeDasharray: "2 2"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CommentCard,
+            {
+              userState,
+              comment,
+              onClose,
+              handleOnSaveRef,
+              mode: editComment === comment._id ? "edit" : "view"
+            }
+          )
+        ] })),
+        fetchingMore && /* @__PURE__ */ jsx(ThreadBodyLoader, {})
+      ]
+    }
+  );
+};
+var ThreadBody = React.memo(
+  ({
+    handleOnSaveRef,
+    onClose,
+    userState,
+    isLoading,
+    comments,
+    fetchingMore,
+    editComment
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          "collab-thread-body--wrapper",
+          collabStyles()["collab-thread-body--wrapper"]
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Loader, { isLoading, children: /* @__PURE__ */ jsx(
+            CommentList,
+            {
+              comments,
+              userState,
+              onClose,
+              handleOnSaveRef,
+              editComment,
+              fetchingMore
+            }
+          ) }),
+          editComment === "" && /* @__PURE__ */ jsx(
+            CommentCard,
+            {
+              userState,
+              comment: null,
+              onClose,
+              handleOnSaveRef,
+              mode: "edit"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var ThreadBody_default = ThreadBody;
+export {
+  ThreadBody_default as default
+};
+//# sourceMappingURL=ThreadBody.js.map

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadBody.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { IMessageDTO, IUserState } from \"../../../types/collab.types\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport CommentCard from \"./CommentCard\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadBody } from \"../../../types/collab.types\";\n\nconst Loader: React.FC<{ isLoading: boolean }> = ({ isLoading, children }) => {\n    return isLoading ? (\n        <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />\n    ) : (\n        <>{children}</>\n    );\n};\n\nconst CommentList: React.FC<{\n    comments: IMessageDTO[];\n    userState: IUserState;\n    onClose: (isResolved?: boolean) => void;\n    handleOnSaveRef: React.MutableRefObject<any>;\n    editComment: string;\n    fetchingMore: boolean;\n}> = ({\n    comments,\n    userState,\n    onClose,\n    handleOnSaveRef,\n    editComment,\n    fetchingMore,\n}) => {\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-comment--list\",\n                collabStyles()[\"collab-thread-comment--list\"]\n            )}\n            id=\"collab-thread-comment--list\"\n        >\n            {comments?.map((comment: IMessageDTO) => (\n                <>\n                    <div\n                        className={classNames(\n                            \"collab-thread-comment-seperator\",\n                            \"flex-v-center\",\n                            collabStyles()[\"collab-thread-comment-seperator\"],\n                            flexAlignCenter\n                        )}\n                    >\n                        <svg\n                            class=\"collab-thread-comment-seperator--svg\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            width=\"100%\"\n                            height=\"2\"\n                            viewBox=\"0 0 332 2\"\n                            fill=\"none\"\n                            preserveAspectRatio=\"none\"\n                        >\n                            <path\n                                d=\"M0 1H332\"\n                                stroke=\"#DDE3EE\"\n                                strokeDasharray=\"2 2\"\n                            />\n                        </svg>\n                    </div>\n                    <CommentCard\n                        userState={userState}\n                        comment={comment}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        mode={editComment === comment._id ? \"edit\" : \"view\"}\n                    />\n                </>\n            ))}\n            {fetchingMore && <ThreadBodyLoader />}\n        </div>\n    );\n};\n\nconst ThreadBody: React.FC<IThreadBody> = React.memo(\n    ({\n        handleOnSaveRef,\n        onClose,\n        userState,\n        isLoading,\n        comments,\n        fetchingMore,\n        editComment,\n    }) => {\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-body--wrapper\",\n                    collabStyles()[\"collab-thread-body--wrapper\"]\n                )}\n            >\n                <Loader isLoading={isLoading}>\n                    <CommentList\n                        comments={comments}\n                        userState={userState}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        editComment={editComment}\n                        fetchingMore={fetchingMore}\n                    />\n                </Loader>\n\n                {editComment === \"\" && (\n                    <CommentCard\n                        userState={userState}\n                        comment={null}\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        mode=\"edit\"\n                    />\n                )}\n            </div>\n        );\n    }\n);\n\nexport default ThreadBody;\n"],"mappings":";;;AACA,OAAO,WAAW;AAElB,OAAO,sBAAsB;AAC7B,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AACvB,SAAS,cAAc,uBAAuB;AAKtC,SAEA,UAFA,KA8BQ,YA9BR;AAFR,IAAM,SAA2C,CAAC,EAAE,WAAW,SAAS,MAAM;AAC1E,SAAO,YACH,oBAAC,sBAAqB,oCAAqC,IAE3D,gCAAG,UAAS;AAEpB;AAEA,IAAM,cAOD,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,IAAG;AAAA,MAEF;AAAA,6CAAU,IAAI,CAAC,YACZ,iCACI;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA,aAAa,EAAE,iCAAiC;AAAA,gBAChD;AAAA,cACJ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACG,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,qBAAoB;AAAA,kBAEpB;AAAA,oBAAC;AAAA;AAAA,sBACG,GAAE;AAAA,sBACF,QAAO;AAAA,sBACP,iBAAgB;AAAA;AAAA,kBACpB;AAAA;AAAA,cACJ;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,MAAM,gBAAgB,QAAQ,MAAM,SAAS;AAAA;AAAA,UACjD;AAAA,WACJ;AAAA,QAEH,gBAAgB,oBAAC,oBAAiB;AAAA;AAAA;AAAA,EACvC;AAER;AAEA,IAAM,aAAoC,MAAM;AAAA,EAC5C,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,MAAM;AACF,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,6BAA6B;AAAA,QAChD;AAAA,QAEA;AAAA,8BAAC,UAAO,WACJ;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACJ,GACJ;AAAA,UAEC,gBAAgB,MACb;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,MAAK;AAAA;AAAA,UACT;AAAA;AAAA;AAAA,IAER;AAAA,EAER;AACJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.cjs

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx
+var ThreadFooter_exports = {};
+__export(ThreadFooter_exports, {
+  default: () => ThreadFooter_default
+});
+module.exports = __toCommonJS(ThreadFooter_exports);
+var import_hooks = require("preact/hooks");
+var import_Button = __toESM(require("../Button/Button.cjs"), 1);
+var import_ButtonGroup = __toESM(require("../ButtonGroup/ButtonGroup.cjs"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ThreadFooter = ({
+  onClose,
+  handleOnSaveRef,
+  isDisabled,
+  editComment
+}) => {
+  const [loading, setLoading] = (0, import_hooks.useState)(false);
+  const onSubmit = async (event) => {
+    var _a;
+    setLoading(true);
+    event.preventDefault();
+    await ((_a = handleOnSaveRef.current) == null ? void 0 : _a.call(handleOnSaveRef));
+    setLoading(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-thread-footer--wrapper",
+        "flex-v-center",
+        (0, import_collab.collabStyles)()["collab-thread-footer--wrapper"],
+        import_collab.flexAlignCenter
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ButtonGroup.default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.default,
+          {
+            type: "button",
+            buttonType: "tertiary",
+            testId: "thread-cancel-btn",
+            onClick: () => onClose(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.default,
+          {
+            type: "button",
+            buttonType: "primary",
+            onClick: onSubmit,
+            testId: "thread-save-btn",
+            disabled: isDisabled || loading,
+            isLoading: loading,
+            children: editComment === "" ? "Post" : "Update"
+          }
+        )
+      ] })
+    }
+  );
+};
+var ThreadFooter_default = ThreadFooter;
+//# sourceMappingURL=ThreadFooter.cjs.map

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport Button from \"../Button/Button\";\nimport ButtonGroup from \"../ButtonGroup/ButtonGroup\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadFooter } from \"../../../types/collab.types\";\n\nconst ThreadFooter = ({\n    onClose,\n    handleOnSaveRef,\n    isDisabled,\n    editComment,\n}: IThreadFooter) => {\n    const [loading, setLoading] = useState(false);\n    const onSubmit: JSX.MouseEventHandler<HTMLButtonElement> = async (\n        event\n    ) => {\n        setLoading(true);\n        event.preventDefault();\n        await handleOnSaveRef.current?.();\n        setLoading(false);\n    };\n\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-footer--wrapper\",\n                \"flex-v-center\",\n                collabStyles()[\"collab-thread-footer--wrapper\"],\n                flexAlignCenter\n            )}\n        >\n            <ButtonGroup>\n                <Button\n                    type=\"button\"\n                    buttonType=\"tertiary\"\n                    testId={\"thread-cancel-btn\"}\n                    onClick={() => onClose(false)}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    type=\"button\"\n                    buttonType=\"primary\"\n                    onClick={onSubmit}\n                    testId={\"thread-save-btn\"}\n                    disabled={isDisabled || loading}\n                    isLoading={loading}\n                >\n                    {editComment === \"\" ? \"Post\" : \"Update\"}\n                </Button>\n            </ButtonGroup>\n        </div>\n    );\n};\nexport default ThreadFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AACzB,oBAAmB;AACnB,yBAAwB;AACxB,wBAAuB;AACvB,oBAA8C;AA4BlC;AAzBZ,IAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAqB;AACjB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,WAAqD,OACvD,UACC;AAnBT;AAoBQ,eAAW,IAAI;AACf,UAAM,eAAe;AACrB,YAAM,qBAAgB,YAAhB;AACN,eAAW,KAAK;AAAA,EACpB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,QACA;AAAA,YACA,4BAAa,EAAE,+BAA+B;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA,uDAAC,mBAAAC,SAAA,EACG;AAAA;AAAA,UAAC,cAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC,cAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,UAAU,cAAc;AAAA,YACxB,WAAW;AAAA,YAEV,0BAAgB,KAAK,SAAS;AAAA;AAAA,QACnC;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;AACA,IAAO,uBAAQ;","names":["classNames","ButtonGroup","Button"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadFooter } from '../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const ThreadFooter: ({ onClose, handleOnSaveRef, isDisabled, editComment, }: IThreadFooter) => React.JSX.Element;
+
+export { ThreadFooter as default };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadFooter } from '../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const ThreadFooter: ({ onClose, handleOnSaveRef, isDisabled, editComment, }: IThreadFooter) => React.JSX.Element;
+
+export { ThreadFooter as default };