box-ui-elements 19.0.0-beta.9 → 19.0.0

package/es/elements/content-sidebar/activity-feed/comment/BaseComment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/BaseComment.js"],"names":["React","classNames","noop","TetherComponent","FormattedMessage","ActivityError","ActivityMessage","ActivityStatus","ActivityTimestamp","Avatar","Checkmark16","CommentForm","CreateReply","DeleteConfirmation","IconAnnotation","LoadingIndicator","Media","messages","Pencil16","RepliesToggle","Trash16","UserLink","X16","ACTIVITY_TARGETS","COMMENT_STATUS_OPEN","COMMENT_STATUS_RESOLVED","PLACEHOLDER_USER","MenuItem","BaseComment","annotationActivityLink","created_at","created_by","currentUser","error","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","id","isDisabled","isPending","isRepliesLoading","mentionSelectorContacts","modified_at","onAnnotationEdit","onCommentEdit","onDelete","onHideReplies","onReplyCreate","onSelect","onShowReplies","permissions","replies","repliesTotalCount","status","tagged_message","translatedTaggedMessage","translations","isConfirmingDelete","setIsConfirmingDelete","useState","isEditing","setIsEditing","isInputOpen","setIsInputOpen","handleDeleteConfirm","handleDeleteCancel","handleDeleteClick","handleEditClick","handleMenuClose","commentFormFocusHandler","commentFormCancelHandler","commentFormSubmitHandler","handleMessageUpdate","messageID","text","hasMention","handleStatusUpdate","selectedStatus","onEdit","canDelete","can_delete","canEdit","can_edit","canResolve","can_resolve","createdAtTimestamp","Date","getTime","createdByUser","isEdited","undefined","isMenuVisible","isResolved","commentProps","annotationBadge","to","attachment","onMenuOpen","onMenuClose","COMMENT_OPTIONS","COMMENT_OPTIONS_EDIT","commentUnresolveMenuItem","commentResolveMenuItem","commentEditMenuItem","COMMENT_OPTIONS_DELETE","commentDeleteMenuItem","commentDeletePrompt","PROFILE","name","Replies","isParentPending","onReplySelect","showReplyForm","setShowReplyForm","getReplyPermissions","reply","handleNewReplyButton","handleCancelNewReply","handleSubmitNewReply","replyCreate","index","length","map","type"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\nimport TetherComponent from 'react-tether';\nimport { FormattedMessage } from 'react-intl';\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport ActivityStatus from '../common/activity-status';\nimport ActivityTimestamp from '../common/activity-timestamp';\nimport Avatar from '../Avatar';\nimport Checkmark16 from '../../../../icon/line/Checkmark16';\nimport CommentForm from '../comment-form';\nimport CreateReply from './CreateReply';\nimport DeleteConfirmation from '../common/delete-confirmation';\nimport IconAnnotation from '../../../../icons/two-toned/IconAnnotation';\nimport LoadingIndicator from '../../../../components/loading-indicator';\nimport Media from '../../../../components/media';\nimport messages from './messages';\nimport Pencil16 from '../../../../icon/line/Pencil16';\nimport RepliesToggle from './RepliesToggle';\nimport Trash16 from '../../../../icon/line/Trash16';\nimport UserLink from '../common/user-link';\nimport X16 from '../../../../icon/fill/X16';\nimport { ACTIVITY_TARGETS } from '../../../common/interactionTargets';\nimport { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED, PLACEHOLDER_USER } from '../../../../constants';\nimport { MenuItem } from '../../../../components/menu';\nimport { type OnAnnotationEdit, type OnCommentEdit } from './types';\nimport type {\n    ActionItemError,\n    BoxCommentPermission,\n    FeedItemStatus,\n    Comment as CommentType,\n} from '../../../../common/types/feed';\n\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { Translations } from '../../flowTypes';\n\nimport './BaseComment.scss';\nimport './Replies.scss';\nimport './Comment.scss';\n\nexport type BaseCommentProps = {\n    annotationActivityLink?: React.Element<any>,\n    created_at: string | number,\n    created_by: User,\n    currentUser?: User,\n    error?: ActionItemError,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies?: boolean,\n    id: string,\n    isDisabled?: boolean,\n    isPending?: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    modified_at?: string | number,\n    onAnnotationEdit?: OnAnnotationEdit,\n    onCommentEdit: OnCommentEdit,\n    onDelete: ({ id: string, permissions?: BoxCommentPermission }) => any,\n    onHideReplies?: (shownReplies: CommentType[]) => void,\n    onReplyCreate?: (reply: string) => void,\n    onSelect: (isSelected: boolean) => void,\n    onShowReplies?: () => void,\n    permissions: BoxCommentPermission,\n    replies?: CommentType[],\n    repliesTotalCount?: number,\n    status?: FeedItemStatus,\n    tagged_message: string,\n    translatedTaggedMessage?: string,\n    translations?: Translations,\n};\n\nexport const BaseComment = ({\n    annotationActivityLink,\n    created_at,\n    created_by,\n    currentUser,\n    error,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    hasReplies = false,\n    id,\n    isDisabled,\n    isPending = false,\n    isRepliesLoading = false,\n    mentionSelectorContacts,\n    modified_at,\n    onAnnotationEdit,\n    onCommentEdit,\n    onDelete,\n    onHideReplies,\n    onReplyCreate,\n    onSelect,\n    onShowReplies,\n    permissions = {},\n    replies = [],\n    repliesTotalCount = 0,\n    status,\n    tagged_message = '',\n    translatedTaggedMessage,\n    translations,\n}: BaseCommentProps) => {\n    const [isConfirmingDelete, setIsConfirmingDelete] = React.useState<boolean>(false);\n    const [isEditing, setIsEditing] = React.useState<boolean>(false);\n    const [isInputOpen, setIsInputOpen] = React.useState<boolean>(false);\n\n    const handleDeleteConfirm = (): void => {\n        onDelete({ id, permissions });\n        onSelect(false);\n    };\n\n    const handleDeleteCancel = (): void => {\n        setIsConfirmingDelete(false);\n        onSelect(false);\n    };\n\n    const handleDeleteClick = (): void => {\n        setIsConfirmingDelete(true);\n        onSelect(true);\n    };\n\n    const handleEditClick = (): void => {\n        setIsEditing(true);\n        setIsInputOpen(true);\n        onSelect(true);\n    };\n\n    const handleMenuClose = (): void => {\n        if (isConfirmingDelete || isEditing || isInputOpen) {\n            return;\n        }\n        onSelect(false);\n    };\n\n    const commentFormFocusHandler = (): void => {\n        setIsInputOpen(true);\n        onSelect(true);\n    };\n\n    const commentFormCancelHandler = (): void => {\n        setIsInputOpen(false);\n        setIsEditing(false);\n        onSelect(false);\n    };\n\n    const commentFormSubmitHandler = (): void => {\n        setIsInputOpen(false);\n        setIsEditing(false);\n        onSelect(false);\n    };\n\n    const handleMessageUpdate = ({ id: messageID, text, hasMention }) => {\n        // Since we have to pass onCommentEdit through annotations (to Replies), onAnnotationEdit essentially overrides onCommentEdit\n        if (onAnnotationEdit) {\n            onAnnotationEdit({ id: messageID, text, permissions });\n        } else if (onCommentEdit) {\n            onCommentEdit({\n                id: messageID,\n                text,\n                hasMention,\n                permissions,\n            });\n        }\n        commentFormSubmitHandler();\n    };\n\n    const handleStatusUpdate = (selectedStatus: FeedItemStatus): void => {\n        if (onAnnotationEdit) {\n            onAnnotationEdit({ id, permissions });\n        } else if (onCommentEdit) {\n            onCommentEdit({ id, status: selectedStatus, hasMention: false, permissions });\n        }\n    };\n\n    // Since we have to pass onCommentEdit through annotations (to Replies), onAnnotationEdit essentially overrides onCommentEdit\n    const onEdit = onAnnotationEdit ?? onCommentEdit;\n\n    const canDelete = permissions.can_delete;\n    const canEdit = onEdit !== noop && permissions.can_edit;\n    const canResolve = onEdit !== noop && permissions.can_resolve;\n    const createdAtTimestamp = new Date(created_at).getTime();\n    const createdByUser = created_by || PLACEHOLDER_USER;\n    const isEdited = modified_at !== undefined && modified_at !== created_at;\n    const isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;\n    const isResolved = status === COMMENT_STATUS_RESOLVED;\n    const commentProps = {\n        currentUser,\n        getUserProfileUrl,\n        getAvatarUrl,\n        getMentionWithQuery,\n        mentionSelectorContacts,\n        translations,\n    };\n\n    return (\n        // TODO: Change className to bcs-Comment once FF is removed\n        <div className=\"bcs-BaseComment\">\n            <Media\n                className={classNames('bcs-Comment-media', {\n                    'bcs-is-pending': isPending || error,\n                })}\n            >\n                <Media.Figure>\n                    <Avatar\n                        getAvatarUrl={getAvatarUrl}\n                        user={createdByUser}\n                        badgeIcon={\n                            annotationActivityLink && (\n                                <IconAnnotation title={<FormattedMessage {...messages.annotationBadge} />} />\n                            )\n                        }\n                    />\n                </Media.Figure>\n                <Media.Body>\n                    {isMenuVisible && (\n                        <TetherComponent\n                            attachment=\"top right\"\n                            className=\"bcs-Comment-deleteConfirmationModal\"\n                            constraints={[{ to: 'scrollParent', attachment: 'together' }]}\n                            targetAttachment=\"bottom right\"\n                        >\n                            <Media.Menu\n                                isDisabled={isConfirmingDelete}\n                                data-testid=\"comment-actions-menu\"\n                                dropdownProps={{\n                                    onMenuOpen: () => onSelect(true),\n                                    onMenuClose: handleMenuClose,\n                                }}\n                                menuProps={{\n                                    'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS,\n                                }}\n                            >\n                                {canResolve && isResolved && (\n                                    <MenuItem\n                                        className=\"bcs-Comment-unresolveComment\"\n                                        data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n                                        data-testid=\"unresolve-comment\"\n                                        onClick={() => handleStatusUpdate(COMMENT_STATUS_OPEN)}\n                                    >\n                                        <X16 />\n                                        <FormattedMessage {...messages.commentUnresolveMenuItem} />\n                                    </MenuItem>\n                                )}\n                                {canResolve && !isResolved && (\n                                    <MenuItem\n                                        data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n                                        data-testid=\"resolve-comment\"\n                                        onClick={() => handleStatusUpdate(COMMENT_STATUS_RESOLVED)}\n                                    >\n                                        <Checkmark16 />\n                                        <FormattedMessage {...messages.commentResolveMenuItem} />\n                                    </MenuItem>\n                                )}\n                                {canEdit && (\n                                    <MenuItem\n                                        data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT}\n                                        data-testid=\"edit-comment\"\n                                        onClick={handleEditClick}\n                                    >\n                                        <Pencil16 />\n                                        <FormattedMessage {...messages.commentEditMenuItem} />\n                                    </MenuItem>\n                                )}\n                                {canDelete && (\n                                    <MenuItem\n                                        data-resin-target={ACTIVITY_TARGETS.COMMENT_OPTIONS_DELETE}\n                                        data-testid=\"delete-comment\"\n                                        onClick={handleDeleteClick}\n                                    >\n                                        <Trash16 />\n                                        <FormattedMessage {...messages.commentDeleteMenuItem} />\n                                    </MenuItem>\n                                )}\n                            </Media.Menu>\n                            {isConfirmingDelete && (\n                                <DeleteConfirmation\n                                    data-resin-component={ACTIVITY_TARGETS.COMMENT_OPTIONS}\n                                    isOpen={isConfirmingDelete}\n                                    message={messages.commentDeletePrompt}\n                                    onDeleteCancel={handleDeleteCancel}\n                                    onDeleteConfirm={handleDeleteConfirm}\n                                />\n                            )}\n                        </TetherComponent>\n                    )}\n                    <div className=\"bcs-Comment-headline\">\n                        <UserLink\n                            data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                            id={createdByUser.id}\n                            name={createdByUser.name}\n                            getUserProfileUrl={getUserProfileUrl}\n                        />\n                    </div>\n                    <div className=\"bcs-Comment-timestamp\">\n                        <ActivityTimestamp date={createdAtTimestamp} />\n                        {annotationActivityLink}\n                    </div>\n                    <ActivityStatus status={status} />\n                    {isEditing ? (\n                        <CommentForm\n                            isDisabled={isDisabled}\n                            className={classNames('bcs-Comment-editor', {\n                                'bcs-is-disabled': isDisabled,\n                            })}\n                            updateComment={handleMessageUpdate}\n                            isOpen={isInputOpen}\n                            // $FlowFixMe\n                            user={currentUser}\n                            onCancel={commentFormCancelHandler}\n                            onFocus={commentFormFocusHandler}\n                            isEditing={isEditing}\n                            entityId={id}\n                            tagged_message={tagged_message}\n                            getAvatarUrl={getAvatarUrl}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            getMentionWithQuery={getMentionWithQuery}\n                        />\n                    ) : (\n                        <ActivityMessage\n                            id={id}\n                            isEdited={isEdited && !isResolved}\n                            tagged_message={tagged_message}\n                            translatedTaggedMessage={translatedTaggedMessage}\n                            {...translations}\n                            translationFailed={error ? true : null}\n                            getUserProfileUrl={getUserProfileUrl}\n                        />\n                    )}\n                </Media.Body>\n            </Media>\n            {/* $FlowFixMe */}\n            {error ? <ActivityError {...error} /> : null}\n            {hasReplies && (\n                <Replies\n                    {...commentProps}\n                    isParentPending={isPending}\n                    isRepliesLoading={isRepliesLoading}\n                    onCommentEdit={onCommentEdit}\n                    onHideReplies={onHideReplies}\n                    onReplyCreate={onReplyCreate}\n                    onReplySelect={onSelect}\n                    onShowReplies={onShowReplies}\n                    replies={replies}\n                    repliesTotalCount={repliesTotalCount}\n                />\n            )}\n        </div>\n    );\n};\n\n// Added Replies to Comment file to avoid circular dependency warning\ntype RepliesProps = {\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: (searchStr: string) => void,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isParentPending?: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCommentEdit: OnCommentEdit,\n    onHideReplies?: (shownReplies: CommentType[]) => void,\n    onReplyCreate?: (reply: string) => void,\n    onReplySelect?: (isSelected: boolean) => void,\n    onShowReplies?: () => void,\n    replies: CommentType[],\n    repliesTotalCount?: number,\n    translations?: Translations,\n};\n\nexport const Replies = ({\n    currentUser,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    isParentPending = false,\n    isRepliesLoading = false,\n    mentionSelectorContacts,\n    onCommentEdit,\n    onReplyCreate,\n    onReplySelect = noop,\n    onShowReplies,\n    onHideReplies,\n    replies,\n    repliesTotalCount = 0,\n    translations,\n}: RepliesProps) => {\n    const [showReplyForm, setShowReplyForm] = React.useState(false);\n    const getReplyPermissions = (reply: CommentType): BoxCommentPermission => {\n        const { permissions: { can_delete = false, can_edit = false, can_resolve = false } = {} } = reply;\n        return {\n            can_delete,\n            can_edit,\n            can_resolve,\n        };\n    };\n\n    const handleNewReplyButton = () => {\n        setShowReplyForm(true);\n        onReplySelect(true);\n    };\n\n    const handleCancelNewReply = () => {\n        setShowReplyForm(false);\n        onReplySelect(false);\n    };\n\n    const handleSubmitNewReply = (reply: string, replyCreate: (reply: string) => void) => {\n        setShowReplyForm(false);\n        replyCreate(reply);\n    };\n\n    return (\n        <div className=\"bcs-Replies\">\n            {!!onShowReplies && !!onHideReplies && (\n                <RepliesToggle\n                    onHideReplies={index => onHideReplies([replies[index]])}\n                    onShowReplies={onShowReplies}\n                    repliesShownCount={replies.length}\n                    repliesTotalCount={repliesTotalCount}\n                />\n            )}\n            <div className=\"bcs-Replies-content\">\n                {isRepliesLoading && (\n                    <div className=\"bcs-Replies-loading\" data-testid=\"replies-loading\">\n                        <LoadingIndicator />\n                    </div>\n                )}\n                <ol className=\"bcs-Replies-list\">\n                    {replies.map(reply => {\n                        const { id, type } = reply;\n\n                        return (\n                            <li key={`${type}${id}`}>\n                                <BaseComment\n                                    {...reply}\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    isPending={isParentPending || reply.isPending}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onCommentEdit={onCommentEdit}\n                                    onSelect={onReplySelect}\n                                    onDelete={noop}\n                                    permissions={getReplyPermissions(reply)}\n                                    translations={translations}\n                                />\n                            </li>\n                        );\n                    })}\n                </ol>\n            </div>\n            {!!onReplyCreate && (\n                <CreateReply\n                    getMentionWithQuery={getMentionWithQuery}\n                    isDisabled={isParentPending}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onCancel={handleCancelNewReply}\n                    onClick={handleNewReplyButton}\n                    onFocus={() => onReplySelect(true)}\n                    onSubmit={reply => handleSubmitNewReply(reply, onReplyCreate)}\n                    showReplyForm={showReplyForm}\n                />\n            )}\n        </div>\n    );\n};\n"],"file":"BaseComment.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/BaseComment.js"],"names":["React","classNames","noop","BaseCommentMenuWrapper","BaseCommentInfo","COMMENT_STATUS_RESOLVED","ActivityError","ActivityMessage","CommentForm","CreateReply","LoadingIndicator","RepliesToggle","ActivityStatus","BaseComment","annotationActivityLink","created_at","created_by","currentUser","error","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","id","isDisabled","isPending","isRepliesLoading","mentionSelectorContacts","modified_at","onAnnotationEdit","onCommentEdit","onDelete","onHideReplies","onReplyCreate","onReplyDelete","onSelect","onShowReplies","onStatusChange","permissions","replies","repliesTotalCount","status","tagged_message","translatedTaggedMessage","translations","isEditing","setIsEditing","useState","isInputOpen","setIsInputOpen","commentFormFocusHandler","commentFormCancelHandler","commentFormSubmitHandler","handleMessageUpdate","messageID","text","hasMention","onEdit","canDelete","can_delete","canEdit","can_edit","canResolve","can_resolve","isEdited","undefined","isMenuVisible","isResolved","commentProps","Replies","isParentPending","onReplySelect","showReplyForm","setShowReplyForm","getReplyPermissions","reply","handleNewReplyButton","handleCancelNewReply","handleSubmitNewReply","replyCreate","index","length","map","type"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\n\nimport { BaseCommentMenuWrapper } from './components/BaseCommentMenuWrapper';\nimport { BaseCommentInfo } from './components/BaseCommentInfo';\nimport { COMMENT_STATUS_RESOLVED } from '../../../../constants';\n\nimport ActivityError from '../common/activity-error';\nimport ActivityMessage from '../common/activity-message';\nimport CommentForm from '../comment-form';\nimport CreateReply from './CreateReply';\nimport LoadingIndicator from '../../../../components/loading-indicator';\nimport RepliesToggle from './RepliesToggle';\n\nimport type {\n    ActionItemError,\n    BoxCommentPermission,\n    FeedItemStatus,\n    Comment as CommentType,\n} from '../../../../common/types/feed';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { OnAnnotationEdit, OnCommentEdit, OnAnnotationStatusChange, OnCommentStatusChange } from './types';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { Translations } from '../../flowTypes';\n\nimport './BaseComment.scss';\nimport './Replies.scss';\nimport './Comment.scss';\nimport ActivityStatus from '../common/activity-status';\n\nexport type BaseCommentProps = {\n    annotationActivityLink?: React.Element<any>,\n    created_at: string | number,\n    created_by: User,\n    currentUser?: User,\n    error?: ActionItemError,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies?: boolean,\n    id: string,\n    isDisabled?: boolean,\n    isPending?: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    modified_at?: string | number,\n    onAnnotationEdit?: OnAnnotationEdit,\n    onCommentEdit: OnCommentEdit,\n    onDelete: ({ id: string, permissions?: BoxCommentPermission }) => any,\n    onHideReplies?: (shownReplies: CommentType[]) => void,\n    onReplyCreate?: (reply: string) => void,\n    onReplyDelete?: ({ id: string, permissions?: BoxCommentPermission }) => void,\n    onSelect: (isSelected: boolean) => void,\n    onShowReplies?: () => void,\n    onStatusChange?: OnAnnotationStatusChange | OnCommentStatusChange,\n    permissions: BoxCommentPermission,\n    replies?: CommentType[],\n    repliesTotalCount?: number,\n    status?: FeedItemStatus,\n    tagged_message: string,\n    translatedTaggedMessage?: string,\n    translations?: Translations,\n};\n\nexport const BaseComment = ({\n    annotationActivityLink,\n    created_at,\n    created_by,\n    currentUser,\n    error,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    hasReplies = false,\n    id,\n    isDisabled,\n    isPending = false,\n    isRepliesLoading = false,\n    mentionSelectorContacts,\n    modified_at,\n    onAnnotationEdit,\n    onCommentEdit,\n    onDelete,\n    onHideReplies,\n    onReplyCreate,\n    onReplyDelete,\n    onSelect,\n    onShowReplies,\n    onStatusChange,\n    permissions = {},\n    replies = [],\n    repliesTotalCount = 0,\n    status,\n    tagged_message = '',\n    translatedTaggedMessage,\n    translations,\n}: BaseCommentProps) => {\n    const [isEditing, setIsEditing] = React.useState<boolean>(false);\n    const [isInputOpen, setIsInputOpen] = React.useState<boolean>(false);\n\n    const commentFormFocusHandler = (): void => {\n        setIsInputOpen(true);\n        onSelect(true);\n    };\n\n    const commentFormCancelHandler = (): void => {\n        setIsInputOpen(false);\n        setIsEditing(false);\n        onSelect(false);\n    };\n\n    const commentFormSubmitHandler = (): void => {\n        setIsInputOpen(false);\n        setIsEditing(false);\n        onSelect(false);\n    };\n\n    const handleMessageUpdate = ({ id: messageID, text, hasMention }) => {\n        // Since we have to pass onCommentEdit through annotations (to Replies), onAnnotationEdit essentially overrides onCommentEdit\n        if (onAnnotationEdit) {\n            onAnnotationEdit({ id: messageID, text, permissions });\n        } else if (onCommentEdit) {\n            onCommentEdit({\n                id: messageID,\n                text,\n                hasMention,\n                permissions,\n            });\n        }\n        commentFormSubmitHandler();\n    };\n\n    // Since we have to pass onCommentEdit through annotations (to Replies), onAnnotationEdit essentially overrides onCommentEdit\n    const onEdit = onAnnotationEdit ?? onCommentEdit;\n\n    const canDelete = !!permissions.can_delete;\n    const canEdit = onEdit !== noop && !!permissions.can_edit;\n    const canResolve = onEdit !== noop && !!permissions.can_resolve;\n\n    const isEdited = modified_at !== undefined && modified_at !== created_at;\n    const isMenuVisible = (canDelete || canEdit || canResolve) && !isPending;\n    const isResolved = status === COMMENT_STATUS_RESOLVED;\n    const commentProps = {\n        currentUser,\n        getUserProfileUrl,\n        getAvatarUrl,\n        getMentionWithQuery,\n        mentionSelectorContacts,\n        translations,\n    };\n\n    return (\n        // TODO: Change className to bcs-Comment once FF is removed\n        <div className=\"bcs-BaseComment\">\n            <div\n                className={classNames('bcs-Comment-media', {\n                    'bcs-is-pending': isPending || error,\n                })}\n            >\n                <div className=\"bcs-BaseComment-header\">\n                    <BaseCommentInfo\n                        annotationActivityLink={annotationActivityLink}\n                        created_at={created_at}\n                        created_by={created_by}\n                        getAvatarUrl={getAvatarUrl}\n                        getUserProfileUrl={getUserProfileUrl}\n                        status={status}\n                    />\n                    {isMenuVisible && (\n                        <BaseCommentMenuWrapper\n                            canDelete={canDelete}\n                            canEdit={canEdit}\n                            canResolve={canResolve}\n                            id={id}\n                            isEditing={isEditing}\n                            isInputOpen={isInputOpen}\n                            isResolved={isResolved}\n                            onDelete={onDelete}\n                            onSelect={onSelect}\n                            onStatusChange={onStatusChange}\n                            permissions={permissions}\n                            setIsEditing={setIsEditing}\n                            setIsInputOpen={setIsInputOpen}\n                        />\n                    )}\n                </div>\n                <ActivityStatus status={status} />\n                <div className=\"bcs-BaseComment-content\">\n                    {isEditing ? (\n                        <CommentForm\n                            className={classNames('bcs-Comment-editor', {\n                                'bcs-is-disabled': isDisabled,\n                            })}\n                            entityId={id}\n                            getAvatarUrl={getAvatarUrl}\n                            getMentionWithQuery={getMentionWithQuery}\n                            isDisabled={isDisabled}\n                            isEditing={isEditing}\n                            isOpen={isInputOpen}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            onCancel={commentFormCancelHandler}\n                            onFocus={commentFormFocusHandler}\n                            shouldFocusOnOpen\n                            tagged_message={tagged_message}\n                            updateComment={handleMessageUpdate}\n                            // $FlowFixMe\n                            user={currentUser}\n                        />\n                    ) : (\n                        <ActivityMessage\n                            id={id}\n                            isEdited={isEdited && !isResolved}\n                            tagged_message={tagged_message}\n                            translatedTaggedMessage={translatedTaggedMessage}\n                            {...translations}\n                            translationFailed={error ? true : null}\n                            getUserProfileUrl={getUserProfileUrl}\n                        />\n                    )}\n                </div>\n            </div>\n            {/* $FlowFixMe */}\n            {error ? <ActivityError {...error} /> : null}\n            {hasReplies && (\n                <Replies\n                    {...commentProps}\n                    isParentPending={isPending}\n                    isRepliesLoading={isRepliesLoading}\n                    onCommentEdit={onCommentEdit}\n                    onHideReplies={onHideReplies}\n                    onReplyCreate={onReplyCreate}\n                    onReplyDelete={onReplyDelete}\n                    onReplySelect={onSelect}\n                    onShowReplies={onShowReplies}\n                    replies={replies}\n                    repliesTotalCount={repliesTotalCount}\n                />\n            )}\n        </div>\n    );\n};\n\n// Added Replies to Comment file to avoid circular dependency warning\ntype RepliesProps = {\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: (searchStr: string) => void,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isParentPending?: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCommentEdit: OnCommentEdit,\n    onHideReplies?: (shownReplies: CommentType[]) => void,\n    onReplyCreate?: (reply: string) => void,\n    onReplyDelete?: ({ id: string, permissions?: BoxCommentPermission }) => void,\n    onReplySelect?: (isSelected: boolean) => void,\n    onShowReplies?: () => void,\n    replies: CommentType[],\n    repliesTotalCount?: number,\n    translations?: Translations,\n};\n\nexport const Replies = ({\n    currentUser,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    isParentPending = false,\n    isRepliesLoading = false,\n    mentionSelectorContacts,\n    onCommentEdit,\n    onReplyCreate,\n    onReplyDelete,\n    onReplySelect = noop,\n    onShowReplies,\n    onHideReplies,\n    replies,\n    repliesTotalCount = 0,\n    translations,\n}: RepliesProps) => {\n    const [showReplyForm, setShowReplyForm] = React.useState(false);\n    const getReplyPermissions = (reply: CommentType): BoxCommentPermission => {\n        const { permissions: { can_delete = false, can_edit = false, can_resolve = false } = {} } = reply;\n        return {\n            can_delete,\n            can_edit,\n            can_resolve,\n        };\n    };\n\n    const handleNewReplyButton = () => {\n        setShowReplyForm(true);\n        onReplySelect(true);\n    };\n\n    const handleCancelNewReply = () => {\n        setShowReplyForm(false);\n        onReplySelect(false);\n    };\n\n    const handleSubmitNewReply = (reply: string, replyCreate: (reply: string) => void) => {\n        setShowReplyForm(false);\n        replyCreate(reply);\n    };\n\n    return (\n        <div className=\"bcs-Replies\">\n            {!!onShowReplies && !!onHideReplies && (\n                <RepliesToggle\n                    onHideReplies={index => onHideReplies([replies[index]])}\n                    onShowReplies={onShowReplies}\n                    repliesShownCount={replies.length}\n                    repliesTotalCount={repliesTotalCount}\n                />\n            )}\n            <div className=\"bcs-Replies-content\">\n                {isRepliesLoading && (\n                    <div className=\"bcs-Replies-loading\" data-testid=\"replies-loading\">\n                        <LoadingIndicator />\n                    </div>\n                )}\n                <ol className=\"bcs-Replies-list\">\n                    {replies.map(reply => {\n                        const { id, type } = reply;\n\n                        return (\n                            <li key={`${type}${id}`}>\n                                <BaseComment\n                                    {...reply}\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    isPending={isParentPending || reply.isPending}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onCommentEdit={onCommentEdit}\n                                    onSelect={onReplySelect}\n                                    onDelete={onReplyDelete}\n                                    permissions={getReplyPermissions(reply)}\n                                    translations={translations}\n                                />\n                            </li>\n                        );\n                    })}\n                </ol>\n            </div>\n            {!!onReplyCreate && (\n                <CreateReply\n                    getMentionWithQuery={getMentionWithQuery}\n                    isDisabled={isParentPending}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onCancel={handleCancelNewReply}\n                    onClick={handleNewReplyButton}\n                    onFocus={() => onReplySelect(true)}\n                    onSubmit={reply => handleSubmitNewReply(reply, onReplyCreate)}\n                    showReplyForm={showReplyForm}\n                />\n            )}\n        </div>\n    );\n};\n"],"file":"BaseComment.js"}

package/es/elements/content-sidebar/activity-feed/comment/BaseComment.scss

@@ -3,28 +3,50 @@
 $repliesPaddingLeft: 40px;
 
 .bcs-BaseComment {
-    .bcs-Comment-timestamp {
-        margin-bottom: $bdl-grid-unit * 4;
-    }
-
-    .bcs-ActivityTimestamp {
-        color: $bdl-gray-65;
-    }
+    font-size: $bdl-fontSize--dejaBlue;
 
     .bcs-CommentForm-input {
         background-color: $white;
     }
 
+    .bcs-CommentFormControls {
+        display: flex;
+        flex-direction: row-reverse;
+
+        .btn {
+            margin: $bdl-grid-unit * 3 0 0 $bdl-grid-unit * 3;
+        }
+    }
+
     .btn-plain:focus-visible {
         outline: auto;
     }
 
-    .bcs-Replies {
-        margin: $bdl-grid-unit * 3 0;
-        padding-left: $repliesPaddingLeft;
+    .bcs-Comment-media {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        width: 100%;
+        margin-bottom: $bdl-grid-unit * 4;
+    }
+
+    .mention-selector-wrapper {
+        margin: 0;
     }
 
-    .bcs-Comment-media {
-        margin-bottom: $bdl-grid-unit * 3;
+    .public-DraftEditor-content {
+        width: 100%;
+        min-height: $bdl-grid-unit * 12;
     }
 }
+
+.bcs-BaseComment-header {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.bcs-BaseComment-content {
+    width: 100%;
+    margin-top: 4 * $bdl-grid-unit;
+}

package/es/elements/content-sidebar/activity-feed/comment/CreateReply.js

@@ -32,15 +32,16 @@ const CreateReply = (_ref) => {
     className: "bcs-CreateReply"
   }, showReplyForm && !isDisabled ? React.createElement(CommentForm, {
     className: "bcs-CreateReply-form",
+    createComment: handleSubmit,
+    getMentionWithQuery: getMentionWithQuery,
     isOpen: true,
     isEditing: true,
-    showTip: false,
+    mentionSelectorContacts: mentionSelectorContacts,
     onCancel: onCancel,
     onFocus: onFocus,
-    createComment: handleSubmit,
-    mentionSelectorContacts: mentionSelectorContacts,
-    getMentionWithQuery: getMentionWithQuery,
-    placeholder: placeholder
+    placeholder: placeholder,
+    shouldFocusOnOpen: true,
+    showTip: false
   }) : React.createElement(PlainButton, {
     className: "bcs-CreateReply-toggle",
     onClick: onClick,

package/es/elements/content-sidebar/activity-feed/comment/CreateReply.js.flow

@@ -49,15 +49,16 @@ const CreateReply = ({
             {showReplyForm && !isDisabled ? (
                 <CommentForm
                     className="bcs-CreateReply-form"
+                    createComment={handleSubmit}
+                    getMentionWithQuery={getMentionWithQuery}
                     isOpen
                     isEditing
-                    showTip={false}
+                    mentionSelectorContacts={mentionSelectorContacts}
                     onCancel={onCancel}
                     onFocus={onFocus}
-                    createComment={handleSubmit}
-                    mentionSelectorContacts={mentionSelectorContacts}
-                    getMentionWithQuery={getMentionWithQuery}
                     placeholder={placeholder}
+                    shouldFocusOnOpen
+                    showTip={false}
                 />
             ) : (
                 <PlainButton className="bcs-CreateReply-toggle" onClick={onClick} type="button" isDisabled={isDisabled}>

package/es/elements/content-sidebar/activity-feed/comment/CreateReply.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/CreateReply.js"],"names":["React","FormattedMessage","injectIntl","noop","ArrowArcRight","PlainButton","CommentForm","messages","CreateReply","mentionSelectorContacts","getMentionWithQuery","isDisabled","intl","onFocus","onCancel","onSubmit","onClick","placeholder","formatMessage","replyInThread","showReplyForm","handleSubmit","text","reply"],"mappings":"AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,YAA7C;AAEA,OAAOC,IAAP,MAAiB,aAAjB;AAEA,OAAOC,aAAP,MAA0B,qCAA1B;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AAIA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAO,oBAAP;;AAeA,MAAMC,WAAW,GAAG,UAWP;AAAA,MAXQ;AACjBC,IAAAA,uBADiB;AAEjBC,IAAAA,mBAFiB;AAGjBC,IAAAA,UAAU,GAAG,KAHI;AAIjBC,IAAAA,IAJiB;AAKjBC,IAAAA,OAAO,GAAGV,IALO;AAMjBW,IAAAA,QANiB;AAOjBC,IAAAA,QAPiB;AAQjBC,IAAAA,OARiB;AASjBC,IAAAA,WAAW,GAAGL,IAAI,CAACM,aAAL,CAAmBX,QAAQ,CAACY,aAA5B,CATG;AAUjBC,IAAAA;AAViB,GAWR;;AACT,QAAMC,YAAY,GAAG,WAAgC;AAAA,QAA/B;AAAEC,MAAAA;AAAF,KAA+B;AACjDP,IAAAA,QAAQ,CAACO,IAAD,CAAR;AACH,GAFD;;AAIA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKF,aAAa,IAAI,CAACT,UAAlB,GACG,oBAAC,WAAD;AACI,IAAA,SAAS,EAAC,sBADd;AAEI,IAAA,MAAM,MAFV;AAGI,IAAA,SAAS,MAHb;AAII,IAAA,OAAO,EAAE,KAJb;AAKI,IAAA,QAAQ,EAAEG,QALd;AAMI,IAAA,OAAO,EAAED,OANb;AAOI,IAAA,aAAa,EAAEQ,YAPnB;AAQI,IAAA,uBAAuB,EAAEZ,uBAR7B;AASI,IAAA,mBAAmB,EAAEC,mBATzB;AAUI,IAAA,WAAW,EAAEO;AAVjB,IADH,GAcG,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAC,wBAAvB;AAAgD,IAAA,OAAO,EAAED,OAAzD;AAAkE,IAAA,IAAI,EAAC,QAAvE;AAAgF,IAAA,UAAU,EAAEL;AAA5F,KACI,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,IADJ,EAEI,oBAAC,gBAAD,EAAsBJ,QAAQ,CAACgB,KAA/B,CAFJ,CAfR,CADJ;AAuBH,CAvCD;;AAyCA,eAAerB,UAAU,CAACM,WAAD,CAAzB","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport noop from 'lodash/noop';\n\nimport ArrowArcRight from '../../../../icon/fill/ArrowArcRight';\nimport PlainButton from '../../../../components/plain-button';\n\nimport type { SelectorItems } from '../../../../common/types/core';\n\nimport CommentForm from '../comment-form';\n\nimport messages from './messages';\nimport './CreateReply.scss';\n\ntype Props = {\n    getMentionWithQuery?: (searchStr: string) => void,\n    intl: IntlShape,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCancel: () => void,\n    onClick: () => void,\n    onFocus?: () => void,\n    onSubmit: (reply: string) => void,\n    placeholder?: string,\n    showReplyForm: boolean,\n};\n\nconst CreateReply = ({\n    mentionSelectorContacts,\n    getMentionWithQuery,\n    isDisabled = false,\n    intl,\n    onFocus = noop,\n    onCancel,\n    onSubmit,\n    onClick,\n    placeholder = intl.formatMessage(messages.replyInThread),\n    showReplyForm,\n}: Props) => {\n    const handleSubmit = ({ text }: { text: string }) => {\n        onSubmit(text);\n    };\n\n    return (\n        <div className=\"bcs-CreateReply\">\n            {showReplyForm && !isDisabled ? (\n                <CommentForm\n                    className=\"bcs-CreateReply-form\"\n                    isOpen\n                    isEditing\n                    showTip={false}\n                    onCancel={onCancel}\n                    onFocus={onFocus}\n                    createComment={handleSubmit}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    getMentionWithQuery={getMentionWithQuery}\n                    placeholder={placeholder}\n                />\n            ) : (\n                <PlainButton className=\"bcs-CreateReply-toggle\" onClick={onClick} type=\"button\" isDisabled={isDisabled}>\n                    <ArrowArcRight className=\"bcs-CreateReply-arrow\" />\n                    <FormattedMessage {...messages.reply} />\n                </PlainButton>\n            )}\n        </div>\n    );\n};\n\nexport default injectIntl(CreateReply);\n"],"file":"CreateReply.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/comment/CreateReply.js"],"names":["React","FormattedMessage","injectIntl","noop","ArrowArcRight","PlainButton","CommentForm","messages","CreateReply","mentionSelectorContacts","getMentionWithQuery","isDisabled","intl","onFocus","onCancel","onSubmit","onClick","placeholder","formatMessage","replyInThread","showReplyForm","handleSubmit","text","reply"],"mappings":"AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,YAA7C;AAEA,OAAOC,IAAP,MAAiB,aAAjB;AAEA,OAAOC,aAAP,MAA0B,qCAA1B;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AAIA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAO,oBAAP;;AAeA,MAAMC,WAAW,GAAG,UAWP;AAAA,MAXQ;AACjBC,IAAAA,uBADiB;AAEjBC,IAAAA,mBAFiB;AAGjBC,IAAAA,UAAU,GAAG,KAHI;AAIjBC,IAAAA,IAJiB;AAKjBC,IAAAA,OAAO,GAAGV,IALO;AAMjBW,IAAAA,QANiB;AAOjBC,IAAAA,QAPiB;AAQjBC,IAAAA,OARiB;AASjBC,IAAAA,WAAW,GAAGL,IAAI,CAACM,aAAL,CAAmBX,QAAQ,CAACY,aAA5B,CATG;AAUjBC,IAAAA;AAViB,GAWR;;AACT,QAAMC,YAAY,GAAG,WAAgC;AAAA,QAA/B;AAAEC,MAAAA;AAAF,KAA+B;AACjDP,IAAAA,QAAQ,CAACO,IAAD,CAAR;AACH,GAFD;;AAIA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKF,aAAa,IAAI,CAACT,UAAlB,GACG,oBAAC,WAAD;AACI,IAAA,SAAS,EAAC,sBADd;AAEI,IAAA,aAAa,EAAEU,YAFnB;AAGI,IAAA,mBAAmB,EAAEX,mBAHzB;AAII,IAAA,MAAM,MAJV;AAKI,IAAA,SAAS,MALb;AAMI,IAAA,uBAAuB,EAAED,uBAN7B;AAOI,IAAA,QAAQ,EAAEK,QAPd;AAQI,IAAA,OAAO,EAAED,OARb;AASI,IAAA,WAAW,EAAEI,WATjB;AAUI,IAAA,iBAAiB,MAVrB;AAWI,IAAA,OAAO,EAAE;AAXb,IADH,GAeG,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAC,wBAAvB;AAAgD,IAAA,OAAO,EAAED,OAAzD;AAAkE,IAAA,IAAI,EAAC,QAAvE;AAAgF,IAAA,UAAU,EAAEL;AAA5F,KACI,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,IADJ,EAEI,oBAAC,gBAAD,EAAsBJ,QAAQ,CAACgB,KAA/B,CAFJ,CAhBR,CADJ;AAwBH,CAxCD;;AA0CA,eAAerB,UAAU,CAACM,WAAD,CAAzB","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport noop from 'lodash/noop';\n\nimport ArrowArcRight from '../../../../icon/fill/ArrowArcRight';\nimport PlainButton from '../../../../components/plain-button';\n\nimport type { SelectorItems } from '../../../../common/types/core';\n\nimport CommentForm from '../comment-form';\n\nimport messages from './messages';\nimport './CreateReply.scss';\n\ntype Props = {\n    getMentionWithQuery?: (searchStr: string) => void,\n    intl: IntlShape,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onCancel: () => void,\n    onClick: () => void,\n    onFocus?: () => void,\n    onSubmit: (reply: string) => void,\n    placeholder?: string,\n    showReplyForm: boolean,\n};\n\nconst CreateReply = ({\n    mentionSelectorContacts,\n    getMentionWithQuery,\n    isDisabled = false,\n    intl,\n    onFocus = noop,\n    onCancel,\n    onSubmit,\n    onClick,\n    placeholder = intl.formatMessage(messages.replyInThread),\n    showReplyForm,\n}: Props) => {\n    const handleSubmit = ({ text }: { text: string }) => {\n        onSubmit(text);\n    };\n\n    return (\n        <div className=\"bcs-CreateReply\">\n            {showReplyForm && !isDisabled ? (\n                <CommentForm\n                    className=\"bcs-CreateReply-form\"\n                    createComment={handleSubmit}\n                    getMentionWithQuery={getMentionWithQuery}\n                    isOpen\n                    isEditing\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onCancel={onCancel}\n                    onFocus={onFocus}\n                    placeholder={placeholder}\n                    shouldFocusOnOpen\n                    showTip={false}\n                />\n            ) : (\n                <PlainButton className=\"bcs-CreateReply-toggle\" onClick={onClick} type=\"button\" isDisabled={isDisabled}>\n                    <ArrowArcRight className=\"bcs-CreateReply-arrow\" />\n                    <FormattedMessage {...messages.reply} />\n                </PlainButton>\n            )}\n        </div>\n    );\n};\n\nexport default injectIntl(CreateReply);\n"],"file":"CreateReply.js"}

package/es/elements/content-sidebar/activity-feed/comment/Replies.scss

@@ -1,9 +1,11 @@
 @import '../../../common/variables';
 
 .bcs-Replies {
+    margin-top: $bdl-grid-unit * 3;
+
     .bcs-Replies-content {
         position: relative;
-        margin-bottom: $bdl-grid-unit * 6;
+        margin-bottom: $bdl-grid-unit * 4;
         padding-left: $bdl-grid-unit * 5;
 
         .bcs-Replies-list {
@@ -16,7 +18,7 @@
         }
 
         li:not(:last-child) {
-            margin-bottom: $bdl-grid-unit * 7;
+            margin-bottom: $bdl-grid-unit * 4;
         }
     }
 

package/es/elements/content-sidebar/activity-feed/comment/components/BaseCommentInfo.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';
+import { PLACEHOLDER_USER } from '../../../../../constants';
+import ActivityTimestamp from '../../common/activity-timestamp';
+import Avatar from '../../Avatar';
+import IconAnnotation from '../../../../../icons/two-toned/IconAnnotation';
+import UserLink from '../../common/user-link';
+import messages from '../messages';
+import './BaseCommentInfo.scss';
+export const BaseCommentInfo = (_ref) => {
+  let {
+    annotationActivityLink,
+    created_at,
+    created_by,
+    getAvatarUrl,
+    getUserProfileUrl
+  } = _ref;
+  const createdByUser = created_by || PLACEHOLDER_USER;
+  const createdAtTimestamp = new Date(created_at).getTime();
+  return React.createElement("div", {
+    className: "bcs-BaseCommentInfo"
+  }, React.createElement("div", {
+    className: "bcs-BaseCommentInfo-avatar"
+  }, React.createElement(Avatar, {
+    badgeIcon: annotationActivityLink && React.createElement(IconAnnotation, {
+      title: React.createElement(FormattedMessage, messages.inlineCommentAnnotationIconTitle)
+    }),
+    getAvatarUrl: getAvatarUrl,
+    user: createdByUser
+  })), React.createElement("div", {
+    className: "bcs-BaseCommentInfo-data"
+  }, React.createElement("div", {
+    className: "bcs-Comment-headline"
+  }, React.createElement(UserLink, {
+    "data-resin-target": ACTIVITY_TARGETS.PROFILE,
+    getUserProfileUrl: getUserProfileUrl,
+    id: createdByUser.id,
+    name: createdByUser.name
+  })), React.createElement("div", {
+    className: "bcs-BaseCommentInfo-data-timestamp"
+  }, React.createElement(ActivityTimestamp, {
+    date: createdAtTimestamp
+  }), annotationActivityLink && React.createElement("div", {
+    className: "bcs-BaseComment-AnnotationActivityLink"
+  }, annotationActivityLink))));
+};
+//# sourceMappingURL=BaseCommentInfo.js.map

package/es/elements/content-sidebar/activity-feed/comment/components/BaseCommentInfo.js.flow

@@ -0,0 +1,72 @@
+// @flow
+import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';
+import { PLACEHOLDER_USER } from '../../../../../constants';
+import ActivityTimestamp from '../../common/activity-timestamp';
+import Avatar from '../../Avatar';
+import IconAnnotation from '../../../../../icons/two-toned/IconAnnotation';
+import UserLink from '../../common/user-link';
+
+import type { FeedItemStatus } from '../../../../../common/types/feed';
+import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../../common/flowTypes';
+import type { User } from '../../../../../common/types/core';
+
+import messages from '../messages';
+
+import './BaseCommentInfo.scss';
+
+export interface BaseCommentInfoProps {
+    annotationActivityLink?: React.Element<any> | typeof undefined;
+    created_at: string | number;
+    created_by: User;
+    getAvatarUrl: GetAvatarUrlCallback;
+    getUserProfileUrl?: GetProfileUrlCallback | typeof undefined;
+    status?: FeedItemStatus | typeof undefined;
+}
+
+export const BaseCommentInfo = ({
+    annotationActivityLink,
+    created_at,
+    created_by,
+    getAvatarUrl,
+    getUserProfileUrl,
+}: BaseCommentInfoProps) => {
+    const createdByUser = created_by || PLACEHOLDER_USER;
+    const createdAtTimestamp = new Date(created_at).getTime();
+
+    return (
+        <div className="bcs-BaseCommentInfo">
+            <div className="bcs-BaseCommentInfo-avatar">
+                <Avatar
+                    badgeIcon={
+                        annotationActivityLink && (
+                            <IconAnnotation
+                                title={<FormattedMessage {...messages.inlineCommentAnnotationIconTitle} />}
+                            />
+                        )
+                    }
+                    getAvatarUrl={getAvatarUrl}
+                    user={createdByUser}
+                />
+            </div>
+            <div className="bcs-BaseCommentInfo-data">
+                <div className="bcs-Comment-headline">
+                    <UserLink
+                        data-resin-target={ACTIVITY_TARGETS.PROFILE}
+                        getUserProfileUrl={getUserProfileUrl}
+                        id={createdByUser.id}
+                        name={createdByUser.name}
+                    />
+                </div>
+                <div className="bcs-BaseCommentInfo-data-timestamp">
+                    <ActivityTimestamp date={createdAtTimestamp} />
+                    {annotationActivityLink && (
+                        <div className="bcs-BaseComment-AnnotationActivityLink">{annotationActivityLink}</div>
+                    )}
+                </div>
+            </div>
+        </div>
+    );
+};

package/es/elements/content-sidebar/activity-feed/comment/components/BaseCommentInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/content-sidebar/activity-feed/comment/components/BaseCommentInfo.js"],"names":["React","FormattedMessage","ACTIVITY_TARGETS","PLACEHOLDER_USER","ActivityTimestamp","Avatar","IconAnnotation","UserLink","messages","BaseCommentInfo","annotationActivityLink","created_at","created_by","getAvatarUrl","getUserProfileUrl","createdByUser","createdAtTimestamp","Date","getTime","inlineCommentAnnotationIconTitle","PROFILE","id","name"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,SAASC,gBAAT,QAAiC,uCAAjC;AACA,SAASC,gBAAT,QAAiC,0BAAjC;AACA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,+CAA3B;AACA,OAAOC,QAAP,MAAqB,wBAArB;AAMA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAO,wBAAP;AAWA,OAAO,MAAMC,eAAe,GAAG,UAMH;AAAA,MANI;AAC5BC,IAAAA,sBAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,YAJ4B;AAK5BC,IAAAA;AAL4B,GAMJ;AACxB,QAAMC,aAAa,GAAGH,UAAU,IAAIT,gBAApC;AACA,QAAMa,kBAAkB,GAAG,IAAIC,IAAJ,CAASN,UAAT,EAAqBO,OAArB,EAA3B;AAEA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,MAAD;AACI,IAAA,SAAS,EACLR,sBAAsB,IAClB,oBAAC,cAAD;AACI,MAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBF,QAAQ,CAACW,gCAA/B;AADX,MAHZ;AAQI,IAAA,YAAY,EAAEN,YARlB;AASI,IAAA,IAAI,EAAEE;AATV,IADJ,CADJ,EAcI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,QAAD;AACI,yBAAmBb,gBAAgB,CAACkB,OADxC;AAEI,IAAA,iBAAiB,EAAEN,iBAFvB;AAGI,IAAA,EAAE,EAAEC,aAAa,CAACM,EAHtB;AAII,IAAA,IAAI,EAAEN,aAAa,CAACO;AAJxB,IADJ,CADJ,EASI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAEN;AAAzB,IADJ,EAEKN,sBAAsB,IACnB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAyDA,sBAAzD,CAHR,CATJ,CAdJ,CADJ;AAiCH,CA3CM","sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';\nimport { PLACEHOLDER_USER } from '../../../../../constants';\nimport ActivityTimestamp from '../../common/activity-timestamp';\nimport Avatar from '../../Avatar';\nimport IconAnnotation from '../../../../../icons/two-toned/IconAnnotation';\nimport UserLink from '../../common/user-link';\n\nimport type { FeedItemStatus } from '../../../../../common/types/feed';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../../common/flowTypes';\nimport type { User } from '../../../../../common/types/core';\n\nimport messages from '../messages';\n\nimport './BaseCommentInfo.scss';\n\nexport interface BaseCommentInfoProps {\n    annotationActivityLink?: React.Element<any> | typeof undefined;\n    created_at: string | number;\n    created_by: User;\n    getAvatarUrl: GetAvatarUrlCallback;\n    getUserProfileUrl?: GetProfileUrlCallback | typeof undefined;\n    status?: FeedItemStatus | typeof undefined;\n}\n\nexport const BaseCommentInfo = ({\n    annotationActivityLink,\n    created_at,\n    created_by,\n    getAvatarUrl,\n    getUserProfileUrl,\n}: BaseCommentInfoProps) => {\n    const createdByUser = created_by || PLACEHOLDER_USER;\n    const createdAtTimestamp = new Date(created_at).getTime();\n\n    return (\n        <div className=\"bcs-BaseCommentInfo\">\n            <div className=\"bcs-BaseCommentInfo-avatar\">\n                <Avatar\n                    badgeIcon={\n                        annotationActivityLink && (\n                            <IconAnnotation\n                                title={<FormattedMessage {...messages.inlineCommentAnnotationIconTitle} />}\n                            />\n                        )\n                    }\n                    getAvatarUrl={getAvatarUrl}\n                    user={createdByUser}\n                />\n            </div>\n            <div className=\"bcs-BaseCommentInfo-data\">\n                <div className=\"bcs-Comment-headline\">\n                    <UserLink\n                        data-resin-target={ACTIVITY_TARGETS.PROFILE}\n                        getUserProfileUrl={getUserProfileUrl}\n                        id={createdByUser.id}\n                        name={createdByUser.name}\n                    />\n                </div>\n                <div className=\"bcs-BaseCommentInfo-data-timestamp\">\n                    <ActivityTimestamp date={createdAtTimestamp} />\n                    {annotationActivityLink && (\n                        <div className=\"bcs-BaseComment-AnnotationActivityLink\">{annotationActivityLink}</div>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"file":"BaseCommentInfo.js"}

package/es/elements/content-sidebar/activity-feed/comment/components/BaseCommentInfo.scss

@@ -0,0 +1,38 @@
+@import '../../../../common/variables';
+
+.bcs-BaseCommentInfo {
+    display: flex;
+    align-items: 'bottom';
+    justify-content: flex-start;
+    padding: 2;
+    font-size: $bdl-fontSize--dejaBlue;
+
+    .bdl-Media-figure {
+        line-height: 0;
+    }
+}
+
+.bcs-BaseCommentInfo-avatar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.bcs-BaseCommentInfo-data {
+    display: flex;
+    flex-direction: column;
+    margin-left: 10px;
+
+    .bcs-ActivityTimestamp {
+        color: $bdl-gray-65;
+    }
+
+    .bcs-Comment-headline {
+        font-weight: bold;
+    }
+}
+
+.bcs-BaseCommentInfo-data-timestamp {
+    display: flex;
+    color: $bdl-gray;
+}

package/es/elements/content-sidebar/activity-feed/comment/components/BaseCommentMenu.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import TetherComponent from 'react-tether';
+import { ACTIVITY_TARGETS } from '../../../../common/interactionTargets';
+import { COMMENT_STATUS_OPEN, COMMENT_STATUS_RESOLVED } from '../../../../../constants';
+import { MenuItem } from '../../../../../components/menu';
+import Checkmark16 from '../../../../../icon/line/Checkmark16';
+import DeleteConfirmation from '../../common/delete-confirmation';
+import Media from '../../../../../components/media';
+import messages from '../messages';
+import Pencil16 from '../../../../../icon/line/Pencil16';
+import Trash16 from '../../../../../icon/line/Trash16';
+import X16 from '../../../../../icon/fill/X16';
+import './BaseCommentMenu.scss';
+export const BaseCommentMenu = (_ref) => {
+  let {
+    canDelete,
+    canEdit,
+    canResolve,
+    handleDeleteCancel,
+    handleDeleteClick,
+    handleDeleteConfirm,
+    handleEditClick,
+    handleMenuClose,
+    handleStatusUpdate,
+    isConfirmingDelete,
+    isResolved,
+    onSelect
+  } = _ref;
+  return React.createElement(TetherComponent, {
+    attachment: "top right",
+    className: "bcs-Comment-deleteConfirmationModal",
+    constraints: [{
+      to: 'scrollParent',
+      attachment: 'together'
+    }],
+    targetAttachment: "bottom right"
+  }, React.createElement(Media.Menu, {
+    "data-testid": "comment-actions-menu",
+    dropdownProps: {
+      onMenuOpen: () => onSelect(true),
+      onMenuClose: handleMenuClose
+    },
+    className: "BaseCommentMenu",
+    isDisabled: isConfirmingDelete,
+    menuProps: {
+      'data-resin-component': ACTIVITY_TARGETS.COMMENT_OPTIONS
+    }
+  }, canResolve && isResolved && React.createElement(MenuItem, {
+    className: "bcs-Comment-unresolveComment",
+    "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
+    "data-testid": "unresolve-comment",
+    onClick: () => handleStatusUpdate(COMMENT_STATUS_OPEN)
+  }, React.createElement(X16, null), React.createElement(FormattedMessage, messages.commentUnresolveMenuItem)), canResolve && !isResolved && React.createElement(MenuItem, {
+    "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
+    "data-testid": "resolve-comment",
+    onClick: () => handleStatusUpdate(COMMENT_STATUS_RESOLVED)
+  }, React.createElement(Checkmark16, null), React.createElement(FormattedMessage, messages.commentResolveMenuItem)), canEdit && React.createElement(MenuItem, {
+    "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_EDIT,
+    "data-testid": "edit-comment",
+    onClick: handleEditClick
+  }, React.createElement(Pencil16, null), React.createElement(FormattedMessage, messages.commentEditMenuItem)), canDelete && React.createElement(MenuItem, {
+    "aria-label": messages.commentDeleteMenuItem.defaultMessage,
+    "data-resin-target": ACTIVITY_TARGETS.COMMENT_OPTIONS_DELETE,
+    "data-testid": "delete-comment",
+    onClick: handleDeleteClick
+  }, React.createElement(Trash16, null), React.createElement(FormattedMessage, messages.commentDeleteMenuItem))), isConfirmingDelete && React.createElement(DeleteConfirmation, {
+    "data-resin-component": ACTIVITY_TARGETS.COMMENT_OPTIONS,
+    isOpen: isConfirmingDelete,
+    message: messages.commentDeletePrompt,
+    onDeleteCancel: handleDeleteCancel,
+    onDeleteConfirm: handleDeleteConfirm
+  }));
+};
+//# sourceMappingURL=BaseCommentMenu.js.map