npm - @contentstack/live-preview-utils - Versions diffs - 3.2.0-alpha.1 → 3.2.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (484) hide show

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs CHANGED Viewed

@@ -43,9 +43,14 @@ var IconWrapper = ({
   className,
   onClick,
   testId,
+  disabled,
   ...otherProps
 }) => {
   const IconComponent = import_CollabIcons.iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick?.(e);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
@@ -53,7 +58,7 @@ var IconWrapper = ({
         "collab-icon-wrapper",
         (0, import_collab.collabStyles)()["collab-icon-wrapper"]
       ),
-      onClick,
+      onClick: handleClick,
       "data-testid": testId,
       ...otherProps,
       children: IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={~~onClick~~}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;~~AAiCb~~;~~AApBhB~~,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,~~MACA~~,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n disabled?: boolean; \n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n disabled,\n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n if (disabled) return; \n onClick?.(e);\n };\n\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={handleClick}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,cAAU,CAAC;AAAA,EACf;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.cts CHANGED Viewed

@@ -12,6 +12,7 @@ interface IconProps {
     withTooltip?: boolean;
     onClick?: JSX.MouseEventHandler<HTMLDivElement>;
     testId?: string;
+    disabled?: boolean;
 }
 declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ interface IconProps {
     withTooltip?: boolean;
     onClick?: JSX.MouseEventHandler<HTMLDivElement>;
     testId?: string;
+    disabled?: boolean;
 }
 declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js CHANGED Viewed

@@ -11,9 +11,14 @@ var IconWrapper = ({
   className,
   onClick,
   testId,
+  disabled,
   ...otherProps
 }) => {
   const IconComponent = iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick?.(e);
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -21,7 +26,7 @@ var IconWrapper = ({
         "collab-icon-wrapper",
         collabStyles()["collab-icon-wrapper"]
       ),
-      onClick,
+      onClick: handleClick,
       "data-testid": testId,
       ...otherProps,
       children: IconComponent ? /* @__PURE__ */ jsx(

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={~~onClick~~}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;~~AAiCb~~;~~AApBhB~~,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,~~MACA~~,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n disabled?: boolean; \n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n disabled,\n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n if (disabled) return; \n onClick?.(e);\n };\n\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={handleClick}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,cAAU,CAAC;AAAA,EACf;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs CHANGED Viewed

@@ -46,6 +46,7 @@ var CommentActionBar = ({
   commentUID
 }) => {
   const { setThreadState, onDeleteComment, activeThread, onDeleteThread } = (0, import_hooks.useContext)(import_ContextProvider.ThreadProvider);
+  const [isDeleting, setIsDeleting] = (0, import_hooks.useState)(false);
   const setEditComment = (uid) => {
     setThreadState((prevState) => ({
       ...prevState,
@@ -61,9 +62,10 @@ var CommentActionBar = ({
     }
   };
   const handleCommentDelete = async () => {
-    if (!commentUID) {
+    if (!commentUID || isDeleting) {
       return;
     }
+    setIsDeleting(true);
     try {
       const deleteResponse = await onDeleteComment({
         threadUid: activeThread?._id,
@@ -83,6 +85,8 @@ var CommentActionBar = ({
         };
       });
     } catch (error) {
+    } finally {
+      setIsDeleting(false);
     }
   };
   if (mode === "edit" && commentUID) {
@@ -105,7 +109,7 @@ var CommentActionBar = ({
       }
     );
   }
-  if (commentUser.uid !== currentUser.uid || !commentUID) {
+  if (commentUser?.uid !== currentUser?.uid || !commentUID) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -134,7 +138,8 @@ var CommentActionBar = ({
             tooltipContent: "Delete",
             withTooltip: true,
             testId: "collab-thread-comment-delete",
-            onClick: handleCommentDelete
+            onClick: handleCommentDelete,
+            disabled: isDeleting
           }
         )
       ]

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\~~n// Define the CommentActionBar component\~~nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n ~~// Handler for cancel action\n~~ const handleCancel = () => {\n setEditComment(null);\n };\n\n ~~// Handler for editing a comment\n~~ const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n ~~// Handler for deleting a comment\n~~ const handleCommentDelete = async () => {\n if (!commentUID) {\n return;\n }\n try {\n ~~// Call the onDeleteComment function\n~~ const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n ~~// Update the thread state after successful deletion\n~~ setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {}\n };\n\n ~~// Render based on the mode and user permissions~~\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser.uid !== currentUser.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,~~mBAA2B~~;~~AAK3B~~,kBAAiB;AACjB,6BAA+B;AAC/B,oBAA6B;AAC7B,wBAAuB;AAqEP;~~AAlEhB~~,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,QAClE,yBAAW,qCAAc;~~AAE7B~~,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;~~AAGA~~,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;~~AAGA~~,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;~~AAGA~~,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,YAAY;~~AACb~~;AAAA,IACJ;~~AACA~~,QAAI;~~AAEA~~,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,cAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;~~AAGD~~,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,cAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,~~IAAC~~;AAAA,~~EAC1B~~;~~AAGA~~,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,~~YAAY~~,QAAQ,~~YAAY~~,OAAO,CAAC,YAAY;~~AACpD~~,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAD;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,~~QACb~~;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":["classNames","Icon"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext, useState } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n const [isDeleting, setIsDeleting] = useState(false);\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n const handleCancel = () => {\n setEditComment(null);\n };\n\n const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n const handleCommentDelete = async () => {\n if (!commentUID \|\| isDeleting) {\n return;\n }\n\n setIsDeleting(true);\n\n try {\n const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {\n } finally {\n setIsDeleting(false);\n }\n };\n\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser?.uid !== currentUser?.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n disabled={isDeleting}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAqC;AAKrC,kBAAiB;AACjB,6BAA+B;AAC/B,oBAA6B;AAC7B,wBAAuB;AAqEP;AAnEhB,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,QAClE,yBAAW,qCAAc;AAC7B,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;AAEA,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,cAAc,YAAY;AAC3B;AAAA,IACJ;AAEA,kBAAc,IAAI;AAElB,QAAI;AACA,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,cAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;AAED,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,cAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,IACrB,UAAE;AACE,oBAAc,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,aAAa,QAAQ,aAAa,OAAO,CAAC,YAAY;AACtD,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAD;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":["classNames","Icon"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "../../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx
-import { useContext } from "preact/hooks";
+import { useContext, useState } from "preact/hooks";
 import Icon from "../Icon/Icon.js";
 import { ThreadProvider } from "./ContextProvider/index.js";
 import { collabStyles } from "../../../collab.style.js";
@@ -14,6 +14,7 @@ var CommentActionBar = ({
   commentUID
 }) => {
   const { setThreadState, onDeleteComment, activeThread, onDeleteThread } = useContext(ThreadProvider);
+  const [isDeleting, setIsDeleting] = useState(false);
   const setEditComment = (uid) => {
     setThreadState((prevState) => ({
       ...prevState,
@@ -29,9 +30,10 @@ var CommentActionBar = ({
     }
   };
   const handleCommentDelete = async () => {
-    if (!commentUID) {
+    if (!commentUID || isDeleting) {
       return;
     }
+    setIsDeleting(true);
     try {
       const deleteResponse = await onDeleteComment({
         threadUid: activeThread?._id,
@@ -51,6 +53,8 @@ var CommentActionBar = ({
         };
       });
     } catch (error) {
+    } finally {
+      setIsDeleting(false);
     }
   };
   if (mode === "edit" && commentUID) {
@@ -73,7 +77,7 @@ var CommentActionBar = ({
       }
     );
   }
-  if (commentUser.uid !== currentUser.uid || !commentUID) {
+  if (commentUser?.uid !== currentUser?.uid || !commentUID) {
     return null;
   }
   return /* @__PURE__ */ jsxs(
@@ -102,7 +106,8 @@ var CommentActionBar = ({
             tooltipContent: "Delete",
             withTooltip: true,
             testId: "collab-thread-comment-delete",
-            onClick: handleCommentDelete
+            onClick: handleCommentDelete,
+            disabled: isDeleting
           }
         )
       ]

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\~~n// Define the CommentActionBar component\~~nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n ~~// Handler for cancel action\n~~ const handleCancel = () => {\n setEditComment(null);\n };\n\n ~~// Handler for editing a comment\n~~ const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n ~~// Handler for deleting a comment\n~~ const handleCommentDelete = async () => {\n if (!commentUID) {\n return;\n }\n try {\n ~~// Call the onDeleteComment function\n~~ const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n ~~// Update the thread state after successful deletion\n~~ setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {}\n };\n\n ~~// Render based on the mode and user permissions~~\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser.uid !== currentUser.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;AAEA,SAAS,~~kBAAkB~~;~~AAK3B~~,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAqEP,cAeR,YAfQ;~~AAlEhB~~,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,IAClE,WAAW,cAAc;~~AAE7B~~,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;~~AAGA~~,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;~~AAGA~~,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;~~AAGA~~,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,YAAY;~~AACb~~;AAAA,IACJ;~~AACA~~,QAAI;~~AAEA~~,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,cAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;~~AAGD~~,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,cAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,~~IAAC~~;AAAA,~~EAC1B~~;~~AAGA~~,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,~~YAAY~~,QAAQ,~~YAAY~~,OAAO,CAAC,YAAY;~~AACpD~~,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,~~QACb~~;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext, useState } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n const [isDeleting, setIsDeleting] = useState(false);\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n const handleCancel = () => {\n setEditComment(null);\n };\n\n const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n const handleCommentDelete = async () => {\n if (!commentUID \|\| isDeleting) {\n return;\n }\n\n setIsDeleting(true);\n\n try {\n const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {\n } finally {\n setIsDeleting(false);\n }\n };\n\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser?.uid !== currentUser?.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n disabled={isDeleting}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;AAEA,SAAS,YAAY,gBAAgB;AAKrC,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAqEP,cAeR,YAfQ;AAnEhB,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,IAClE,WAAW,cAAc;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;AAEA,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,cAAc,YAAY;AAC3B;AAAA,IACJ;AAEA,kBAAc,IAAI;AAElB,QAAI;AACA,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,cAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;AAED,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,cAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,IACrB,UAAE;AACE,oBAAc,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,aAAa,QAAQ,aAAa,OAAO,CAAC,YAAY;AACtD,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentCard.cjs CHANGED Viewed

@@ -35,7 +35,6 @@ __export(CommentCard_exports, {
 module.exports = __toCommonJS(CommentCard_exports);
 var import_hooks = require("preact/hooks");
 var import_CommentTextArea = __toESM(require("./CommentTextArea.cjs"), 1);
-var import_moment = __toESM(require("moment"), 1);
 var import_collabUtils = require("../../../utils/collabUtils.cjs");
 var import_CommentActionBar = __toESM(require("./CommentActionBar.cjs"), 1);
 var import_CommentResolvedText = __toESM(require("./CommentResolvedText.cjs"), 1);
@@ -45,7 +44,7 @@ var import_collab = require("../../../collab.style.cjs");
 var import_classnames = __toESM(require("classnames"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
 var formatCommentDate = (comment) => {
-  return comment ? (0, import_moment.default)(comment.createdAt).format("MMM DD, YYYY, hh:mm A") : "";
+  return comment ? (0, import_collabUtils.formatDate)(comment.updatedAt || comment.createdAt) : "";
 };
 var CommentCard = ({
   userState,

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentCard.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport ~~moment from \"moment\";\nimport~~ { getUserName } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment\n ? ~~moment~~(comment.createdAt)~~.format(\"MMM~~ ~~DD, YYYY, hh~~:mm A\")\~~n : \~~"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,6BAA4B;AAM5B,~~oBAAmB~~;~~AACnB~~,~~yBAA4B;AAC5B,~~8BAA6B;AAC7B,iCAAgC;AAChC,oBAAmB;AACnB,wBAA6B;AAC7B,oBAA8C;AAC9C,wBAAuB;~~AA6BR~~;~~AA3Bf~~,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,~~cACD~~,~~cAAAA~~,~~SAAO~~,QAAQ,SAAS,~~EAAE,OAAO,uBAAuB,IACxD~~;~~AACV~~;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,oBAAgB,sBAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,4CAAC,~~kBAAAC~~,SAAA,IAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,cACA;AAAA,kBACA,4BAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC,cAAAC;AAAA,gBAAA;AAAA,kBACG,QACI;AAAA,oBACI,UAAM,gCAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,eAAW,kBAAAD;AAAA,oBACP;AAAA,wBACA,4BAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,8CAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC,wBAAAE;AAAA,gBAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,SAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC,2BAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":["~~moment","~~ThreadBodyLoader","classNames","Avatar","CommentActionBar","CommentTextArea","CommentResolvedText"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport { getUserName, formatDate } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment ? formatDate(comment.updatedAt \|\| comment.createdAt) : \"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,6BAA4B;AAM5B,yBAAwC;AACxC,8BAA6B;AAC7B,iCAAgC;AAChC,oBAAmB;AACnB,wBAA6B;AAC7B,oBAA8C;AAC9C,wBAAuB;AA2BR;AAzBf,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,cAAU,+BAAW,QAAQ,aAAa,QAAQ,SAAS,IAAI;AAC1E;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,oBAAgB,sBAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,4CAAC,kBAAAA,SAAA,IAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,cACA;AAAA,kBACA,4BAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC,cAAAC;AAAA,gBAAA;AAAA,kBACG,QACI;AAAA,oBACI,UAAM,gCAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,eAAW,kBAAAD;AAAA,oBACP;AAAA,wBACA,4BAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,8CAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC,wBAAAE;AAAA,gBAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,SAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC,2BAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":["ThreadBodyLoader","classNames","Avatar","CommentActionBar","CommentTextArea","CommentResolvedText"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentCard.js CHANGED Viewed

@@ -3,8 +3,7 @@ import "../../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx
 import { useEffect, useState, useMemo } from "preact/hooks";
 import CommentTextArea from "./CommentTextArea.js";
-import moment from "moment";
-import { getUserName } from "../../../utils/collabUtils.js";
+import { getUserName, formatDate } from "../../../utils/collabUtils.js";
 import CommentActionBar from "./CommentActionBar.js";
 import CommentResolvedText from "./CommentResolvedText.js";
 import Avatar from "../Avatar/Avatar.js";
@@ -13,7 +12,7 @@ import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";
 var formatCommentDate = (comment) => {
-  return comment ? moment(comment.createdAt).format("MMM DD, YYYY, hh:mm A") : "";
+  return comment ? formatDate(comment.updatedAt || comment.createdAt) : "";
 };
 var CommentCard = ({
   userState,

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport ~~moment from \"moment\";\nimport~~ { getUserName } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment\n ? ~~moment~~(comment.createdAt)~~.format(\"MMM~~ ~~DD, YYYY, hh~~:mm A\")\~~n : \~~"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,OAAO,qBAAqB;AAM5B,~~OAAO~~,~~YAAY;AACnB~~,~~SAAS,mBAAmB~~;~~AAC5B~~,OAAO,sBAAsB;AAC7B,OAAO,yBAAyB;AAChC,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,SAAS,cAAc,uBAAuB;AAC9C,OAAO,gBAAgB;~~AA6BR~~,cA4BC,YA5BD;~~AA3Bf~~,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,~~UACD~~,~~OAAO~~,QAAQ,~~SAAS~~,~~EAAE~~,~~OAAO~~,~~uBAAuB,IACxD~~;~~AACV~~;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,gBAAgB,QAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,oBAAC,sBAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA,aAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,QACI;AAAA,oBACI,MAAM,YAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,sBAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,SAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport { getUserName, formatDate } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment ? formatDate(comment.updatedAt \|\| comment.createdAt) : \"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,OAAO,qBAAqB;AAM5B,SAAS,aAAa,kBAAkB;AACxC,OAAO,sBAAsB;AAC7B,OAAO,yBAAyB;AAChC,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,SAAS,cAAc,uBAAuB;AAC9C,OAAO,gBAAgB;AA2BR,cA4BC,YA5BD;AAzBf,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,UAAU,WAAW,QAAQ,aAAa,QAAQ,SAAS,IAAI;AAC1E;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,gBAAgB,QAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,oBAAC,sBAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA,aAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,QACI;AAAA,oBACI,MAAM,YAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,sBAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,SAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.cjs CHANGED Viewed

@@ -39,12 +39,9 @@ var import_collab = require("../../../collab.style.cjs");
 var import_classnames = __toESM(require("classnames"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
 var CommentResolvedText = ({ comment, userState }) => {
-  const text = (0, import_hooks.useMemo)(() => {
-    return (0, import_collabUtils.getMessageWithDisplayName)(comment, userState, "html");
-  }, [comment.message, userState.userMap, comment.toUsers]);
   const sanitizedText = (0, import_hooks.useMemo)(() => {
-    return (0, import_collabUtils.sanitizeData)(text);
-  }, [text]);
+    return (0, import_collabUtils.getMessageWithDisplayName)(comment, userState, "html") ?? "";
+  }, [comment.message, userState.userMap, comment.toUsers]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport {\n getMessageWithDisplayName~~,\n sanitizeData,\n~~} from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const ~~text~~ = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\");\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n ~~const sanitizedText = useMemo(() => {\n~~ return ~~sanitizeData~~(~~text);\n }, [text]);\n~~\n ~~return (\n~~ <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,~~yBAGO~~;~~AACP~~,oBAA6B;AAC7B,wBAAuB;~~AAYf~~;~~AAVR~~,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,~~WAAO~~,sBAAQ,MAAM;~~AACvB~~,eAAO,8CAA0B,SAAS,WAAW,MAAM;AAAA,~~EAC/D~~,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,~~QAAM,oBAAgB,sBAAQ,MAAM;AAChC,eAAO,iCAAa,IAAI;AAAA,EAC5B,GAAG,CAAC,IAAI,CAAC;AAET,~~SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":["classNames"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport { getMessageWithDisplayName } from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const sanitizedText = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\") ?? \"\";\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n return (\n <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,yBAA0C;AAC1C,oBAA6B;AAC7B,wBAAuB;AAQf;AANR,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,oBAAgB,sBAAQ,MAAM;AAChC,eAAO,8CAA0B,SAAS,WAAW,MAAM,KAAK;AAAA,EACpE,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":["classNames"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.js CHANGED Viewed

@@ -2,20 +2,14 @@ import "../../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx
 import { useMemo } from "preact/hooks";
-import {
-  getMessageWithDisplayName,
-  sanitizeData
-} from "../../../utils/collabUtils.js";
+import { getMessageWithDisplayName } from "../../../utils/collabUtils.js";
 import { collabStyles } from "../../../collab.style.js";
 import classNames from "classnames";
 import { jsx } from "preact/jsx-runtime";
 var CommentResolvedText = ({ comment, userState }) => {
-  const text = useMemo(() => {
-    return getMessageWithDisplayName(comment, userState, "html");
-  }, [comment.message, userState.userMap, comment.toUsers]);
   const sanitizedText = useMemo(() => {
-    return sanitizeData(text);
-  }, [text]);
+    return getMessageWithDisplayName(comment, userState, "html") ?? "";
+  }, [comment.message, userState.userMap, comment.toUsers]);
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport {\n getMessageWithDisplayName~~,\n sanitizeData,\n~~} from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const ~~text~~ = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\");\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n ~~const sanitizedText = useMemo(() => {\n~~ return ~~sanitizeData~~(~~text);\n }, [text]);\n~~\n ~~return (\n~~ <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;AACA,SAAS,eAAe;AAExB~~;AAAA~~,~~EACI;AAAA~~,~~EACA~~;~~AAAA~~,~~OACG;AACP,~~SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;~~AAYf~~;~~AAVR~~,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,~~OAAO~~,QAAQ,MAAM;~~AACvB~~,WAAO,0BAA0B,SAAS,WAAW,MAAM;AAAA,~~EAC/D~~,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,~~QAAM,gBAAgB,QAAQ,MAAM;AAChC,WAAO,aAAa,IAAI;AAAA,EAC5B,GAAG,CAAC,IAAI,CAAC;AAET,~~SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport { getMessageWithDisplayName } from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const sanitizedText = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\") ?? \"\";\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n return (\n <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;AACA,SAAS,eAAe;AAExB,SAAS,iCAAiC;AAC1C,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAQf;AANR,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,gBAAgB,QAAQ,MAAM;AAChC,WAAO,0BAA0B,SAAS,WAAW,MAAM,KAAK;AAAA,EACpE,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":[]}