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