@contentstack/live-preview-utils/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.cjs.map

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

{"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"]}