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

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

@@ -0,0 +1,230 @@
+"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/index.tsx
+var ThreadPopup_exports = {};
+__export(ThreadPopup_exports, {
+  default: () => ThreadPopup_default
+});
+module.exports = __toCommonJS(ThreadPopup_exports);
+var import_compat = __toESM(require("preact/compat"), 1);
+var import_hooks = require("preact/hooks");
+var import_ThreadHeader = __toESM(require("./ThreadHeader.cjs"), 1);
+var import_ThreadFooter = __toESM(require("./ThreadFooter.cjs"), 1);
+var import_ThreadBody = __toESM(require("./ThreadBody.cjs"), 1);
+var import_collabUtils = require("../../../utils/collabUtils.cjs");
+var import_ThreadProvider = require("./ContextProvider/ThreadProvider.cjs");
+var import_useInfiniteScroll = __toESM(require("../../../hooks/use-infinite-scroll/useInfiniteScroll.cjs"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var initialErrorState = {
+  hasError: false,
+  message: ""
+};
+var ThreadPopup = import_compat.default.memo(
+  ({
+    onCreateComment,
+    onEditComment,
+    onDeleteComment,
+    onDeleteThread,
+    onClose,
+    onResolve,
+    inviteMetadata,
+    loadMoreMessages,
+    activeThread,
+    setActiveThread,
+    createNewThread
+  }) => {
+    const handleOnSaveRef = (0, import_hooks.useRef)(null);
+    const [state, setState] = (0, import_hooks.useState)({
+      isLoading: false,
+      commentCount: 0,
+      comments: [],
+      editComment: "",
+      userState: {
+        mentionsList: [],
+        currentUser: inviteMetadata?.currentUser,
+        userMap: {}
+      }
+    });
+    const [error, setError] = (0, import_hooks.useState)(initialErrorState);
+    const isFetchingMore = (0, import_useInfiniteScroll.default)({
+      containerId: "collab-thread-comment--list",
+      isFetching: false,
+      canFetchMore: state.commentCount > state.comments.length,
+      loadMore: async (offset, limit) => {
+        try {
+          let payload = {
+            offset,
+            limit,
+            threadUid: activeThread?._id
+          };
+          const res = await loadMoreMessages(payload);
+          setState((prevState) => ({
+            ...prevState,
+            commentCount: res.count,
+            comments: [...prevState.comments, ...res.comments]
+          }));
+        } catch (error2) {
+          console.error(error2);
+        }
+      },
+      offset: state.comments.length,
+      limit: 10
+    });
+    (0, import_hooks.useEffect)(() => {
+      const userList = [];
+      const userMap = {};
+      inviteMetadata?.users?.forEach((user) => {
+        if (user) {
+          const userName = (0, import_collabUtils.getUserName)(user);
+          userList.push({
+            display: userName,
+            email: user.email,
+            uid: user.uid
+          });
+          userMap[user.uid] = { ...user, display: userName };
+        }
+      });
+      setState((prevState) => ({
+        ...prevState,
+        userState: {
+          mentionsList: userList,
+          userMap,
+          currentUser: inviteMetadata?.currentUser
+        }
+      }));
+    }, [inviteMetadata]);
+    (0, import_hooks.useEffect)(() => {
+      if (!activeThread) {
+        setState((prevState) => ({ ...prevState, isLoading: true }));
+        return;
+      }
+      if (activeThread?._id == "new") {
+        return;
+      }
+      const fetchInitialMessages = async () => {
+        setState((prevState) => ({ ...prevState, isLoading: true }));
+        try {
+          let payload = {
+            offset: 0,
+            limit: 10,
+            threadUid: activeThread?._id
+          };
+          const res = await loadMoreMessages(payload);
+          setState((prevState) => ({
+            ...prevState,
+            isLoading: false,
+            commentCount: res.count,
+            comments: res.comments
+          }));
+        } catch (error2) {
+          setState((prevState) => ({
+            ...prevState,
+            isLoading: false
+          }));
+          console.error(error2);
+        }
+      };
+      fetchInitialMessages();
+    }, []);
+    const contextValue = (0, import_hooks.useMemo)(
+      () => ({
+        inviteMetadata,
+        userState: state.userState,
+        commentCount: state.commentCount,
+        setThreadState: setState,
+        error,
+        setError,
+        onCreateComment,
+        onEditComment,
+        onDeleteComment,
+        onDeleteThread,
+        onClose,
+        editComment: state.editComment,
+        activeThread,
+        setActiveThread,
+        createNewThread
+      }),
+      [
+        inviteMetadata,
+        state.userState,
+        state.commentCount,
+        error,
+        state.editComment,
+        activeThread
+      ]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThreadProvider.ThreadProvider.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "collab-thread--wrapper",
+          (0, import_collab.collabStyles)()["collab-thread--wrapper"]
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ThreadHeader.default,
+            {
+              onClose,
+              onResolve,
+              displayResolve: !!activeThread && activeThread?._id !== "new",
+              commentCount: state.commentCount,
+              activeThread
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ThreadBody.default,
+            {
+              handleOnSaveRef,
+              onClose,
+              userState: state.userState,
+              isLoading: state.isLoading,
+              comments: state.comments,
+              fetchingMore: isFetchingMore,
+              editComment: state.editComment
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ThreadFooter.default,
+            {
+              onClose,
+              handleOnSaveRef,
+              isDisabled: error.hasError,
+              editComment: state.editComment
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+var ThreadPopup_default = ThreadPopup;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/index.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useMemo, useRef, useState } from \"preact/hooks\";\nimport ThreadHeader from \"./ThreadHeader\";\nimport ThreadFooter from \"./ThreadFooter\";\nimport ThreadBody from \"./ThreadBody\";\nimport {\n    IThreadPopup,\n    IThreadContext,\n    IThreadPopupState,\n    IErrorState,\n    IMentionList,\n    IFetchComments,\n} from \"../../../types/collab.types\";\nimport { getUserName } from \"../../../utils/collabUtils\";\nimport { ThreadProvider } from \"./ContextProvider/ThreadProvider\";\nimport useInfiniteScroll from \"../../../hooks/use-infinite-scroll/useInfiniteScroll\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst initialErrorState: IErrorState = {\n    hasError: false,\n    message: \"\",\n};\n\nconst ThreadPopup: React.FC<IThreadPopup> = React.memo(\n    ({\n        onCreateComment,\n        onEditComment,\n        onDeleteComment,\n        onDeleteThread,\n        onClose,\n        onResolve,\n        inviteMetadata,\n        loadMoreMessages,\n        activeThread,\n        setActiveThread,\n        createNewThread,\n    }) => {\n        const handleOnSaveRef = useRef(null);\n\n        const [state, setState] = useState<IThreadPopupState>({\n            isLoading: false,\n            commentCount: 0,\n            comments: [],\n            editComment: \"\",\n            userState: {\n                mentionsList: [],\n                currentUser: inviteMetadata?.currentUser,\n                userMap: {},\n            },\n        });\n\n        const [error, setError] = useState<IErrorState>(initialErrorState);\n\n        const isFetchingMore = useInfiniteScroll({\n            containerId: \"collab-thread-comment--list\",\n            isFetching: false,\n            canFetchMore: state.commentCount > state.comments.length,\n            loadMore: async (offset, limit) => {\n                try {\n                    let payload: IFetchComments = {\n                        offset: offset,\n                        limit: limit,\n                        threadUid: activeThread?._id,\n                    };\n                    const res = await loadMoreMessages(payload);\n                    setState((prevState) => ({\n                        ...prevState,\n                        commentCount: res.count,\n                        comments: [...prevState.comments, ...res.comments],\n                    }));\n                } catch (error) {\n                    console.error(error);\n                }\n            },\n            offset: state.comments.length,\n            limit: 10,\n        });\n\n        useEffect(() => {\n            const userList: Array<IMentionList> = [];\n            const userMap: Record<string, any> = {};\n\n            inviteMetadata?.users?.forEach((user) => {\n                if (user) {\n                    const userName = getUserName(user);\n                    userList.push({\n                        display: userName,\n                        email: user.email,\n                        uid: user.uid,\n                    });\n                    userMap[user.uid] = { ...user, display: userName };\n                }\n            });\n\n            setState((prevState) => ({\n                ...prevState,\n                userState: {\n                    mentionsList: userList,\n                    userMap,\n                    currentUser: inviteMetadata?.currentUser,\n                },\n            }));\n        }, [inviteMetadata]);\n\n        useEffect(() => {\n            if (!activeThread) {\n                setState((prevState) => ({ ...prevState, isLoading: true }));\n                return;\n            }\n            if (activeThread?._id == \"new\") {\n                return;\n            }\n            const fetchInitialMessages = async () => {\n                setState((prevState) => ({ ...prevState, isLoading: true }));\n                try {\n                    let payload: IFetchComments = {\n                        offset: 0,\n                        limit: 10,\n                        threadUid: activeThread?._id,\n                    };\n                    const res = await loadMoreMessages(payload);\n                    setState((prevState) => ({\n                        ...prevState,\n                        isLoading: false,\n                        commentCount: res.count,\n                        comments: res.comments,\n                    }));\n                } catch (error) {\n                    setState((prevState) => ({\n                        ...prevState,\n                        isLoading: false,\n                    }));\n                    console.error(error);\n                }\n            };\n            fetchInitialMessages();\n        }, []);\n\n        const contextValue = useMemo<IThreadContext>(\n            () => ({\n                inviteMetadata,\n                userState: state.userState,\n                commentCount: state.commentCount,\n                setThreadState: setState,\n                error,\n                setError,\n                onCreateComment,\n                onEditComment,\n                onDeleteComment,\n                onDeleteThread,\n                onClose,\n                editComment: state.editComment,\n                activeThread,\n                setActiveThread,\n                createNewThread,\n            }),\n            [\n                inviteMetadata,\n                state.userState,\n                state.commentCount,\n                error,\n                state.editComment,\n                activeThread,\n            ]\n        );\n\n        return (\n            <ThreadProvider.Provider value={contextValue}>\n                <div\n                    className={classNames(\n                        \"collab-thread--wrapper\",\n                        collabStyles()[\"collab-thread--wrapper\"]\n                    )}\n                >\n                    <ThreadHeader\n                        onClose={onClose}\n                        onResolve={onResolve}\n                        displayResolve={\n                            !!activeThread && activeThread?._id !== \"new\"\n                        }\n                        commentCount={state.commentCount}\n                        activeThread={activeThread}\n                    />\n                    <ThreadBody\n                        handleOnSaveRef={handleOnSaveRef}\n                        onClose={onClose}\n                        userState={state.userState}\n                        isLoading={state.isLoading}\n                        comments={state.comments}\n                        fetchingMore={isFetchingMore}\n                        editComment={state.editComment}\n                    />\n                    <ThreadFooter\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        isDisabled={error.hasError}\n                        editComment={state.editComment}\n                    />\n                </div>\n            </ThreadProvider.Provider>\n        );\n    }\n);\n\nexport default ThreadPopup;\n"],"mappings":"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","names":["React","useInfiniteScroll","error","classNames","ThreadHeader","ThreadBody","ThreadFooter"]}

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

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

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

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

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

@@ -0,0 +1,201 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/index.tsx
+import React from "preact/compat";
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
+import ThreadHeader from "./ThreadHeader.js";
+import ThreadFooter from "./ThreadFooter.js";
+import ThreadBody from "./ThreadBody.js";
+import { getUserName } from "../../../utils/collabUtils.js";
+import { ThreadProvider } from "./ContextProvider/ThreadProvider.js";
+import useInfiniteScroll from "../../../hooks/use-infinite-scroll/useInfiniteScroll.js";
+import { collabStyles } from "../../../collab.style.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var initialErrorState = {
+  hasError: false,
+  message: ""
+};
+var ThreadPopup = React.memo(
+  ({
+    onCreateComment,
+    onEditComment,
+    onDeleteComment,
+    onDeleteThread,
+    onClose,
+    onResolve,
+    inviteMetadata,
+    loadMoreMessages,
+    activeThread,
+    setActiveThread,
+    createNewThread
+  }) => {
+    const handleOnSaveRef = useRef(null);
+    const [state, setState] = useState({
+      isLoading: false,
+      commentCount: 0,
+      comments: [],
+      editComment: "",
+      userState: {
+        mentionsList: [],
+        currentUser: inviteMetadata?.currentUser,
+        userMap: {}
+      }
+    });
+    const [error, setError] = useState(initialErrorState);
+    const isFetchingMore = useInfiniteScroll({
+      containerId: "collab-thread-comment--list",
+      isFetching: false,
+      canFetchMore: state.commentCount > state.comments.length,
+      loadMore: async (offset, limit) => {
+        try {
+          let payload = {
+            offset,
+            limit,
+            threadUid: activeThread?._id
+          };
+          const res = await loadMoreMessages(payload);
+          setState((prevState) => ({
+            ...prevState,
+            commentCount: res.count,
+            comments: [...prevState.comments, ...res.comments]
+          }));
+        } catch (error2) {
+          console.error(error2);
+        }
+      },
+      offset: state.comments.length,
+      limit: 10
+    });
+    useEffect(() => {
+      const userList = [];
+      const userMap = {};
+      inviteMetadata?.users?.forEach((user) => {
+        if (user) {
+          const userName = getUserName(user);
+          userList.push({
+            display: userName,
+            email: user.email,
+            uid: user.uid
+          });
+          userMap[user.uid] = { ...user, display: userName };
+        }
+      });
+      setState((prevState) => ({
+        ...prevState,
+        userState: {
+          mentionsList: userList,
+          userMap,
+          currentUser: inviteMetadata?.currentUser
+        }
+      }));
+    }, [inviteMetadata]);
+    useEffect(() => {
+      if (!activeThread) {
+        setState((prevState) => ({ ...prevState, isLoading: true }));
+        return;
+      }
+      if (activeThread?._id == "new") {
+        return;
+      }
+      const fetchInitialMessages = async () => {
+        setState((prevState) => ({ ...prevState, isLoading: true }));
+        try {
+          let payload = {
+            offset: 0,
+            limit: 10,
+            threadUid: activeThread?._id
+          };
+          const res = await loadMoreMessages(payload);
+          setState((prevState) => ({
+            ...prevState,
+            isLoading: false,
+            commentCount: res.count,
+            comments: res.comments
+          }));
+        } catch (error2) {
+          setState((prevState) => ({
+            ...prevState,
+            isLoading: false
+          }));
+          console.error(error2);
+        }
+      };
+      fetchInitialMessages();
+    }, []);
+    const contextValue = useMemo(
+      () => ({
+        inviteMetadata,
+        userState: state.userState,
+        commentCount: state.commentCount,
+        setThreadState: setState,
+        error,
+        setError,
+        onCreateComment,
+        onEditComment,
+        onDeleteComment,
+        onDeleteThread,
+        onClose,
+        editComment: state.editComment,
+        activeThread,
+        setActiveThread,
+        createNewThread
+      }),
+      [
+        inviteMetadata,
+        state.userState,
+        state.commentCount,
+        error,
+        state.editComment,
+        activeThread
+      ]
+    );
+    return /* @__PURE__ */ jsx(ThreadProvider.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          "collab-thread--wrapper",
+          collabStyles()["collab-thread--wrapper"]
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            ThreadHeader,
+            {
+              onClose,
+              onResolve,
+              displayResolve: !!activeThread && activeThread?._id !== "new",
+              commentCount: state.commentCount,
+              activeThread
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ThreadBody,
+            {
+              handleOnSaveRef,
+              onClose,
+              userState: state.userState,
+              isLoading: state.isLoading,
+              comments: state.comments,
+              fetchingMore: isFetchingMore,
+              editComment: state.editComment
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ThreadFooter,
+            {
+              onClose,
+              handleOnSaveRef,
+              isDisabled: error.hasError,
+              editComment: state.editComment
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+var ThreadPopup_default = ThreadPopup;
+export {
+  ThreadPopup_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/index.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useMemo, useRef, useState } from \"preact/hooks\";\nimport ThreadHeader from \"./ThreadHeader\";\nimport ThreadFooter from \"./ThreadFooter\";\nimport ThreadBody from \"./ThreadBody\";\nimport {\n    IThreadPopup,\n    IThreadContext,\n    IThreadPopupState,\n    IErrorState,\n    IMentionList,\n    IFetchComments,\n} from \"../../../types/collab.types\";\nimport { getUserName } from \"../../../utils/collabUtils\";\nimport { ThreadProvider } from \"./ContextProvider/ThreadProvider\";\nimport useInfiniteScroll from \"../../../hooks/use-infinite-scroll/useInfiniteScroll\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst initialErrorState: IErrorState = {\n    hasError: false,\n    message: \"\",\n};\n\nconst ThreadPopup: React.FC<IThreadPopup> = React.memo(\n    ({\n        onCreateComment,\n        onEditComment,\n        onDeleteComment,\n        onDeleteThread,\n        onClose,\n        onResolve,\n        inviteMetadata,\n        loadMoreMessages,\n        activeThread,\n        setActiveThread,\n        createNewThread,\n    }) => {\n        const handleOnSaveRef = useRef(null);\n\n        const [state, setState] = useState<IThreadPopupState>({\n            isLoading: false,\n            commentCount: 0,\n            comments: [],\n            editComment: \"\",\n            userState: {\n                mentionsList: [],\n                currentUser: inviteMetadata?.currentUser,\n                userMap: {},\n            },\n        });\n\n        const [error, setError] = useState<IErrorState>(initialErrorState);\n\n        const isFetchingMore = useInfiniteScroll({\n            containerId: \"collab-thread-comment--list\",\n            isFetching: false,\n            canFetchMore: state.commentCount > state.comments.length,\n            loadMore: async (offset, limit) => {\n                try {\n                    let payload: IFetchComments = {\n                        offset: offset,\n                        limit: limit,\n                        threadUid: activeThread?._id,\n                    };\n                    const res = await loadMoreMessages(payload);\n                    setState((prevState) => ({\n                        ...prevState,\n                        commentCount: res.count,\n                        comments: [...prevState.comments, ...res.comments],\n                    }));\n                } catch (error) {\n                    console.error(error);\n                }\n            },\n            offset: state.comments.length,\n            limit: 10,\n        });\n\n        useEffect(() => {\n            const userList: Array<IMentionList> = [];\n            const userMap: Record<string, any> = {};\n\n            inviteMetadata?.users?.forEach((user) => {\n                if (user) {\n                    const userName = getUserName(user);\n                    userList.push({\n                        display: userName,\n                        email: user.email,\n                        uid: user.uid,\n                    });\n                    userMap[user.uid] = { ...user, display: userName };\n                }\n            });\n\n            setState((prevState) => ({\n                ...prevState,\n                userState: {\n                    mentionsList: userList,\n                    userMap,\n                    currentUser: inviteMetadata?.currentUser,\n                },\n            }));\n        }, [inviteMetadata]);\n\n        useEffect(() => {\n            if (!activeThread) {\n                setState((prevState) => ({ ...prevState, isLoading: true }));\n                return;\n            }\n            if (activeThread?._id == \"new\") {\n                return;\n            }\n            const fetchInitialMessages = async () => {\n                setState((prevState) => ({ ...prevState, isLoading: true }));\n                try {\n                    let payload: IFetchComments = {\n                        offset: 0,\n                        limit: 10,\n                        threadUid: activeThread?._id,\n                    };\n                    const res = await loadMoreMessages(payload);\n                    setState((prevState) => ({\n                        ...prevState,\n                        isLoading: false,\n                        commentCount: res.count,\n                        comments: res.comments,\n                    }));\n                } catch (error) {\n                    setState((prevState) => ({\n                        ...prevState,\n                        isLoading: false,\n                    }));\n                    console.error(error);\n                }\n            };\n            fetchInitialMessages();\n        }, []);\n\n        const contextValue = useMemo<IThreadContext>(\n            () => ({\n                inviteMetadata,\n                userState: state.userState,\n                commentCount: state.commentCount,\n                setThreadState: setState,\n                error,\n                setError,\n                onCreateComment,\n                onEditComment,\n                onDeleteComment,\n                onDeleteThread,\n                onClose,\n                editComment: state.editComment,\n                activeThread,\n                setActiveThread,\n                createNewThread,\n            }),\n            [\n                inviteMetadata,\n                state.userState,\n                state.commentCount,\n                error,\n                state.editComment,\n                activeThread,\n            ]\n        );\n\n        return (\n            <ThreadProvider.Provider value={contextValue}>\n                <div\n                    className={classNames(\n                        \"collab-thread--wrapper\",\n                        collabStyles()[\"collab-thread--wrapper\"]\n                    )}\n                >\n                    <ThreadHeader\n                        onClose={onClose}\n                        onResolve={onResolve}\n                        displayResolve={\n                            !!activeThread && activeThread?._id !== \"new\"\n                        }\n                        commentCount={state.commentCount}\n                        activeThread={activeThread}\n                    />\n                    <ThreadBody\n                        handleOnSaveRef={handleOnSaveRef}\n                        onClose={onClose}\n                        userState={state.userState}\n                        isLoading={state.isLoading}\n                        comments={state.comments}\n                        fetchingMore={isFetchingMore}\n                        editComment={state.editComment}\n                    />\n                    <ThreadFooter\n                        onClose={onClose}\n                        handleOnSaveRef={handleOnSaveRef}\n                        isDisabled={error.hasError}\n                        editComment={state.editComment}\n                    />\n                </div>\n            </ThreadProvider.Provider>\n        );\n    }\n);\n\nexport default ThreadPopup;\n"],"mappings":"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","names":["error"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/loader/ThreadBody.cjs

@@ -0,0 +1,101 @@
+"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/loader/ThreadBody.tsx
+var ThreadBody_exports = {};
+__export(ThreadBody_exports, {
+  default: () => ThreadBody_default
+});
+module.exports = __toCommonJS(ThreadBody_exports);
+var import_SkeletonTile = __toESM(require("../../SkeletonTile/SkeletonTile.cjs"), 1);
+var import_collab = require("../../../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ThreadBodyLoader = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-thread-body-comment--loader",
+        (0, import_collab.collabStyles)()["collab-thread-body-comment--loader"]
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_SkeletonTile.default,
+            {
+              numberOfTiles: 1,
+              tileHeight: 32,
+              tileWidth: 32,
+              tileBottomSpace: 0,
+              tileTopSpace: 0,
+              tileleftSpace: 0,
+              tileRadius: 50
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_SkeletonTile.default,
+            {
+              numberOfTiles: 2,
+              tileHeight: 10,
+              tileWidth: 130,
+              tileBottomSpace: 7,
+              tileTopSpace: 3,
+              tileleftSpace: 10
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_SkeletonTile.default,
+          {
+            numberOfTiles: 1,
+            tileHeight: 14,
+            tileWidth: 300,
+            tileBottomSpace: 5,
+            tileTopSpace: 0,
+            tileleftSpace: 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_SkeletonTile.default,
+          {
+            numberOfTiles: 1,
+            tileHeight: 14,
+            tileWidth: 230,
+            tileBottomSpace: 0,
+            tileTopSpace: 0,
+            tileleftSpace: 0
+          }
+        )
+      ]
+    }
+  );
+};
+var ThreadBody_default = ThreadBodyLoader;
+//# sourceMappingURL=ThreadBody.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/loader/ThreadBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/visualBuilder/components/Collab/ThreadPopup/loader/ThreadBody.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport SkeletonTile from \"../../SkeletonTile/SkeletonTile\";\nimport { collabStyles } from \"../../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst ThreadBodyLoader = () => {\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-body-comment--loader\",\n                collabStyles()[\"collab-thread-body-comment--loader\"]\n            )}\n        >\n            <div style={{ display: \"flex\" }}>\n                <SkeletonTile\n                    numberOfTiles={1}\n                    tileHeight={32}\n                    tileWidth={32}\n                    tileBottomSpace={0}\n                    tileTopSpace={0}\n                    tileleftSpace={0}\n                    tileRadius={50}\n                />\n                <SkeletonTile\n                    numberOfTiles={2}\n                    tileHeight={10}\n                    tileWidth={130}\n                    tileBottomSpace={7}\n                    tileTopSpace={3}\n                    tileleftSpace={10}\n                />\n            </div>\n            <SkeletonTile\n                numberOfTiles={1}\n                tileHeight={14}\n                tileWidth={300}\n                tileBottomSpace={5}\n                tileTopSpace={0}\n                tileleftSpace={0}\n            />\n            <SkeletonTile\n                numberOfTiles={1}\n                tileHeight={14}\n                tileWidth={230}\n                tileBottomSpace={0}\n                tileTopSpace={0}\n                tileleftSpace={0}\n            />\n        </div>\n    );\n};\n\nexport default ThreadBodyLoader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAyB;AACzB,oBAA6B;AAC7B,wBAAuB;AAUX;AARZ,IAAM,mBAAmB,MAAM;AAC3B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,oCAAoC;AAAA,MACvD;AAAA,MAEA;AAAA,qDAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAC1B;AAAA;AAAA,YAAC,oBAAAC;AAAA,YAAA;AAAA,cACG,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,eAAe;AAAA,cACf,YAAY;AAAA;AAAA,UAChB;AAAA,UACA;AAAA,YAAC,oBAAAA;AAAA,YAAA;AAAA,cACG,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,eAAe;AAAA;AAAA,UACnB;AAAA,WACJ;AAAA,QACA;AAAA,UAAC,oBAAAA;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,eAAe;AAAA;AAAA,QACnB;AAAA,QACA;AAAA,UAAC,oBAAAA;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,eAAe;AAAA;AAAA,QACnB;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,qBAAQ;","names":["classNames","SkeletonTile"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/loader/ThreadBody.d.cts

@@ -0,0 +1,5 @@
+import * as preact from 'preact';
+
+declare const ThreadBodyLoader: () => preact.JSX.Element;
+
+export { ThreadBodyLoader as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/loader/ThreadBody.d.ts

@@ -0,0 +1,5 @@
+import * as preact from 'preact';
+
+declare const ThreadBodyLoader: () => preact.JSX.Element;
+
+export { ThreadBodyLoader as default };