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

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js

@@ -0,0 +1,159 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.tsx
+import React from "preact/compat";
+import { useEffect } from "preact/hooks";
+import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
+import { useCommentTextArea } from "../../../hooks/useCommentTextArea.js";
+import classNames from "classnames";
+import Tooltip from "../Tooltip/Tooltip.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var CommentTextArea = React.memo(
+  ({ userState, handleOnSaveRef, comment, onClose }) => {
+    const {
+      state,
+      error,
+      showSuggestions,
+      selectedIndex,
+      filteredUsers,
+      inputRef,
+      listRef,
+      itemRefs,
+      handleInputChange,
+      handleKeyDown,
+      handleSubmit,
+      insertMention,
+      maxMessageLength
+    } = useCommentTextArea(userState, comment, onClose);
+    useEffect(() => {
+      handleOnSaveRef.current = handleSubmit;
+    }, [handleSubmit, handleOnSaveRef]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          "collab-thread-body--input--wrapper",
+          collabStyles()["collab-thread-body--input--wrapper"]
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames(
+                "collab-thread-body--input",
+                collabStyles()["collab-thread-body--input"]
+              ),
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classNames(
+                    "collab-thread-body--input--textarea--wrapper",
+                    collabStyles()["collab-thread-body--input--textarea--wrapper"]
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "textarea",
+                      {
+                        name: "collab-thread-body--input--textarea",
+                        id: "collab-thread-body--input--textarea",
+                        rows: 1,
+                        className: classNames(
+                          "collab-thread-body--input--textarea",
+                          collabStyles()["collab-thread-body--input--textarea"]
+                        ),
+                        value: state.message,
+                        onChange: (event) => handleInputChange(event),
+                        onKeyDown: (event) => handleKeyDown(event),
+                        maxLength: maxMessageLength,
+                        placeholder: "Enter a comment",
+                        ref: inputRef
+                      }
+                    ),
+                    showSuggestions && filteredUsers.length > 0 && /* @__PURE__ */ jsx(
+                      "ul",
+                      {
+                        className: classNames(
+                          "collab-thread-body--input--textarea--suggestionsList",
+                          collabStyles()["collab-thread-body--input--textarea--suggestionsList"]
+                        ),
+                        ref: listRef,
+                        children: filteredUsers.map((user, index) => /* @__PURE__ */ jsx(
+                          "li",
+                          {
+                            onClick: () => insertMention(user),
+                            className: classNames(
+                              "collab-thread-body--input--textarea--suggestionsList--item",
+                              collabStyles()["collab-thread-body--input--textarea--suggestionsList--item"],
+                              "collab-thread-body--input--textarea--suggestionsList--item-selected",
+                              index === selectedIndex ? collabStyles()["collab-thread-body--input--textarea--suggestionsList--item-selected"] : ""
+                            ),
+                            ref: (el) => itemRefs.current[index] = el,
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter") {
+                                insertMention(user);
+                              } else {
+                                handleKeyDown(
+                                  e
+                                );
+                              }
+                            },
+                            tabIndex: -1,
+                            "aria-selected": index === selectedIndex,
+                            children: user.display.length > 20 ? /* @__PURE__ */ jsx(Tooltip, { content: user.display, children: user.display.substring(0, 18) + "..." }) : user.display
+                          },
+                          user.uid
+                        ))
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classNames(
+                "collab-thread-input-indicator--wrapper",
+                "flex-v-center",
+                collabStyles()["collab-thread-input-indicator--wrapper"],
+                flexAlignCenter
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classNames(
+                      "collab-thread-input-indicator--error",
+                      collabStyles()["collab-thread-input-indicator--error"]
+                    ),
+                    children: error.message
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: classNames(
+                      "collab-thread-input-indicator--count",
+                      collabStyles()["collab-thread-input-indicator--count"]
+                    ),
+                    children: [
+                      state.message.length,
+                      "/",
+                      maxMessageLength
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var CommentTextArea_default = CommentTextArea;
+export {
+  CommentTextArea_default as default
+};
+//# sourceMappingURL=CommentTextArea.js.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect } from \"preact/hooks\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { ICommentTextAreaProps } from \"../../../types/collab.types\";\nimport { useCommentTextArea } from \"../../../hooks/useCommentTextArea\";\nimport classNames from \"classnames\";\nimport Tooltip from \"../Tooltip/Tooltip\";\n\nconst CommentTextArea: React.FC<ICommentTextAreaProps> = React.memo(\n    ({ userState, handleOnSaveRef, comment, onClose }) => {\n        // Use our custom hook to get all the functionality\n        const {\n            state,\n            error,\n            showSuggestions,\n            selectedIndex,\n            filteredUsers,\n            inputRef,\n            listRef,\n            itemRefs,\n            handleInputChange,\n            handleKeyDown,\n            handleSubmit,\n            insertMention,\n            maxMessageLength,\n        } = useCommentTextArea(userState, comment, onClose);\n\n        // Set up save ref for parent component\n        useEffect(() => {\n            handleOnSaveRef.current = handleSubmit;\n        }, [handleSubmit, handleOnSaveRef]);\n\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-body--input--wrapper\",\n                    collabStyles()[\"collab-thread-body--input--wrapper\"]\n                )}\n            >\n                <div\n                    className={classNames(\n                        \"collab-thread-body--input\",\n                        collabStyles()[\"collab-thread-body--input\"]\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-body--input--textarea--wrapper\",\n                            collabStyles()[\n                                \"collab-thread-body--input--textarea--wrapper\"\n                            ]\n                        )}\n                    >\n                        <textarea\n                            name=\"collab-thread-body--input--textarea\"\n                            id=\"collab-thread-body--input--textarea\"\n                            rows={1}\n                            className={classNames(\n                                \"collab-thread-body--input--textarea\",\n                                collabStyles()[\n                                    \"collab-thread-body--input--textarea\"\n                                ]\n                            )}\n                            value={state.message}\n                            onChange={(event) =>\n                                handleInputChange(event as any)\n                            }\n                            onKeyDown={(event) => handleKeyDown(event as any)}\n                            maxLength={maxMessageLength}\n                            placeholder=\"Enter a comment\"\n                            ref={inputRef}\n                        ></textarea>\n                        {showSuggestions && filteredUsers.length > 0 && (\n                            <ul\n                                className={classNames(\n                                    \"collab-thread-body--input--textarea--suggestionsList\",\n                                    collabStyles()[\n                                        \"collab-thread-body--input--textarea--suggestionsList\"\n                                    ]\n                                )}\n                                // style={{\n                                //     left: `${cursorPosition.left}px`,\n                                //     top: `${cursorPosition.top}px`,\n                                // }}\n                                ref={listRef}\n                            >\n                                {filteredUsers.map((user, index) => (\n                                    <li\n                                        key={user.uid}\n                                        onClick={() => insertMention(user)}\n                                        className={classNames(\n                                            \"collab-thread-body--input--textarea--suggestionsList--item\",\n                                            collabStyles()[\n                                                \"collab-thread-body--input--textarea--suggestionsList--item\"\n                                            ],\n                                            \"collab-thread-body--input--textarea--suggestionsList--item-selected\",\n                                            index === selectedIndex\n                                                ? collabStyles()[\n                                                      \"collab-thread-body--input--textarea--suggestionsList--item-selected\"\n                                                  ]\n                                                : \"\"\n                                        )}\n                                        ref={(el: any) =>\n                                            (itemRefs.current[index] = el)\n                                        }\n                                        onKeyDown={(e) => {\n                                            if (e.key === \"Enter\") {\n                                                insertMention(user);\n                                            } else {\n                                                handleKeyDown(\n                                                    e as KeyboardEvent\n                                                );\n                                            }\n                                        }}\n                                        tabIndex={-1}\n                                        aria-selected={index === selectedIndex}\n                                    >\n                                        {user.display.length > 20 ? (\n                                            <Tooltip content={user.display}>\n                                                {user.display.substring(0, 18) +\n                                                    \"...\"}\n                                            </Tooltip>\n                                        ) : (\n                                            user.display\n                                        )}\n                                    </li>\n                                ))}\n                            </ul>\n                        )}\n                    </div>\n                </div>\n\n                <div\n                    className={classNames(\n                        \"collab-thread-input-indicator--wrapper\",\n                        \"flex-v-center\",\n                        collabStyles()[\n                            \"collab-thread-input-indicator--wrapper\"\n                        ],\n                        flexAlignCenter\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-input-indicator--error\",\n                            collabStyles()[\n                                \"collab-thread-input-indicator--error\"\n                            ]\n                        )}\n                    >\n                        {error.message}\n                    </div>\n                    <div\n                        className={classNames(\n                            \"collab-thread-input-indicator--count\",\n                            collabStyles()[\n                                \"collab-thread-input-indicator--count\"\n                            ]\n                        )}\n                    >\n                        {state.message.length}/{maxMessageLength}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n);\n\nexport default CommentTextArea;\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.cjs

@@ -0,0 +1,42 @@
+"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/ContextProvider/ThreadProvider.tsx
+var ThreadProvider_exports = {};
+__export(ThreadProvider_exports, {
+  ThreadProvider: () => ThreadProvider
+});
+module.exports = __toCommonJS(ThreadProvider_exports);
+var import_compat = __toESM(require("preact/compat"), 1);
+var ThreadProvider = import_compat.default.createContext(null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThreadProvider
+});
+//# sourceMappingURL=ThreadProvider.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { IThreadContext } from \"../../../../types/collab.types\";\n\nexport const ThreadProvider = React.createContext<IThreadContext | null>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAkB;AAGX,IAAM,iBAAiB,cAAAA,QAAM,cAAqC,IAAI;","names":["React"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadContext } from '../../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const ThreadProvider: React.Context<IThreadContext | null>;
+
+export { ThreadProvider };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadContext } from '../../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const ThreadProvider: React.Context<IThreadContext | null>;
+
+export { ThreadProvider };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.js

@@ -0,0 +1,9 @@
+import "../../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.tsx
+import React from "preact/compat";
+var ThreadProvider = React.createContext(null);
+export {
+  ThreadProvider
+};
+//# sourceMappingURL=ThreadProvider.js.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/ThreadProvider.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { IThreadContext } from \"../../../../types/collab.types\";\n\nexport const ThreadProvider = React.createContext<IThreadContext | null>(null);\n"],"mappings":";;;AACA,OAAO,WAAW;AAGX,IAAM,iBAAiB,MAAM,cAAqC,IAAI;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.tsx
+var ContextProvider_exports = {};
+module.exports = __toCommonJS(ContextProvider_exports);
+__reExport(ContextProvider_exports, require("./ThreadProvider.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./ThreadProvider.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.tsx"],"sourcesContent":["export * from \"./ThreadProvider\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAc,iCAAd;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.d.cts

@@ -0,0 +1,3 @@
+export { ThreadProvider } from './ThreadProvider.cjs';
+import 'preact/compat';
+import '../../../../types/collab.types.cjs';

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { ThreadProvider } from './ThreadProvider.js';
+import 'preact/compat';
+import '../../../../types/collab.types.js';

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.js

@@ -0,0 +1,3 @@
+// src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.tsx
+export * from "./ThreadProvider.js";
+//# sourceMappingURL=index.js.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ContextProvider/index.tsx"],"sourcesContent":["export * from \"./ThreadProvider\";\n"],"mappings":";AAAA,cAAc;","names":[]}

package/dist/modern/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?.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/modern/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,kBAAU,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,CACH;AAAA,QACA,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/modern/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/modern/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/modern/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?.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/modern/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,kBAAU,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,CACH;AAAA,QACA,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":[]}