tycho-components 0.0.18-SNAPSHOT-8 → 0.0.18-SNAPSHOT-9

package/dist/Comments/CommentAdd.d.ts

@@ -0,0 +1,16 @@
+import { User } from '../configs/User';
+import './style.scss';
+import { Comment } from './types/Comment';
+type Props = {
+    uid: string;
+    mode: 'lexicon' | 'corpus' | 'parser';
+    users: User[];
+    references: Record<string, string | number | boolean>;
+    keywords?: Record<string, string | number | boolean>;
+    comment?: Comment;
+    reply?: Comment;
+    onClose: () => void;
+    onChange: (r: Comment) => void;
+};
+export default function CommentAdd({ uid, mode, users, references, keywords, comment, reply, onClose, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Comments/CommentAdd.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { Button, SelectField, TextField } from 'tycho-storybook';
+import * as yup from 'yup';
+import { useMessageUtils } from '../configs/useMessageUtils';
+import FormUtils from '../functions/FormUtils';
+import './style.scss';
+import { EMPTY_COMMENT_REQUEST, } from './types/Comment';
+import CommentService from './types/CommentService';
+export default function CommentAdd({ uid, mode, users, references, keywords, comment, reply, onClose, onChange, }) {
+    const { t } = useTranslation('comments');
+    const { isLoading, dispatchLoading } = useMessageUtils();
+    const getFormDefaultValues = () => {
+        if (comment)
+            return {
+                value: comment.value,
+                title: comment.title,
+                requested: comment.requested?.map((r) => r.uid),
+            };
+        if (reply) {
+            console.log({
+                ...EMPTY_COMMENT_REQUEST,
+                reply: reply.id,
+                requested: [reply.user],
+            });
+            return {
+                ...EMPTY_COMMENT_REQUEST,
+                reply: reply.id,
+                requested: [reply.user],
+            };
+        }
+        return EMPTY_COMMENT_REQUEST;
+    };
+    const createdForm = useForm({
+        resolver: yupResolver(getFormSchema(t)),
+        mode: 'onChange',
+        defaultValues: getFormDefaultValues(),
+    });
+    const handleAdd = () => {
+        if (isLoading())
+            return;
+        dispatchLoading(true);
+        CommentService.add(uid, mode, createdForm.getValues(), references, keywords).then((r) => {
+            dispatchLoading(false);
+            onClose();
+            onChange(r.data);
+            createdForm.reset(EMPTY_COMMENT_REQUEST);
+        });
+    };
+    const handleUpdate = () => {
+        if (!comment)
+            return;
+        CommentService.update(comment.id, createdForm.getValues()).then((r) => {
+            onClose();
+            onChange(r.data);
+            createdForm.reset(EMPTY_COMMENT_REQUEST);
+        });
+    };
+    return (_jsxs("div", { className: "form", children: [_jsx(TextField, { label: t('input.value'), attr: "value", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder'), required: true, multiline: true }), _jsx(TextField, { label: t('input.title'), attr: "title", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder') }), _jsx(SelectField, { label: reply ? t('input.user.reply') : t('input.user'), attr: "requested", createdForm: createdForm, options: [
+                    {
+                        label: t('common:generic.placeholder.select'),
+                        value: '',
+                    },
+                    ...FormUtils.convertList(users, 'name', 'uid'),
+                ], showEndAdornment: false, multiple: true }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: onClose, text: t('button.discard'), color: "danger" }), _jsx(Button, { onClick: comment ? handleUpdate : handleAdd, text: comment ? t('label.button.update') : t('label.button.add'), disabled: !createdForm.formState.isValid })] })] }));
+}
+const getFormSchema = (t) => yup.object().shape({
+    title: yup.string().optional(),
+    value: yup.string().required(t('common:validation.required')),
+    requested: yup.array().of(yup.string().defined()).optional(),
+});

package/dist/Comments/CommentInfo.d.ts

@@ -0,0 +1,11 @@
+import './style.scss';
+import { Comment } from './types/Comment';
+type Props = {
+    comment: Comment;
+    onRemove: () => void;
+    onUpdate: (c: Comment) => void;
+    onEdit: () => void;
+    onReply: () => void;
+};
+export default function CommentInfo({ comment, onRemove, onUpdate, onEdit, onReply, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Comments/CommentInfo.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Avatar, IconButton } from 'tycho-storybook';
+import CommonContext from '../configs/CommonContext';
+import DateUtils from '../functions/DateUtils';
+import './style.scss';
+import CommentService from './types/CommentService';
+export default function CommentInfo({ comment, onRemove, onUpdate, onEdit, onReply, }) {
+    const { t } = useTranslation('comments');
+    const { state } = useContext(CommonContext);
+    const [comments, setComments] = useState();
+    const handleMarkRead = () => {
+        CommentService.markRead(comment.id).then((r) => {
+            onUpdate(r.data);
+        });
+    };
+    const handleRemove = () => {
+        CommentService.remove(comment.id).then(() => {
+            onRemove();
+        });
+    };
+    const isNotRead = (thisComment) => {
+        if (!thisComment.requested)
+            return false;
+        const requested = thisComment.requested.find((r) => r.uid === state.logged?.uid);
+        if (!requested)
+            return false;
+        return !requested.read;
+    };
+    return (_jsxs("div", { className: "comment", children: [_jsxs("div", { className: "top", children: [_jsx(Avatar, { title: comment.name, src: comment.picture, size: comment.reply ? 'small' : 'medium' }), _jsx("div", { className: "name", children: comment.name }), _jsxs("div", { className: "buttons", children: [!comment.reply && (_jsx(IconButton, { size: "small", onClick: onReply, title: t('tooltip.reply'), name: "reply" })), state.logged?.uid === comment.user && (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: comment.reply ? 'x-small' : 'small', onClick: onEdit, title: t('tooltip.edit'), name: "edit" }), _jsx(IconButton, { size: comment.reply ? 'x-small' : 'small', onClick: handleRemove, title: t('tooltip.delete'), name: "delete" })] })), isNotRead(comment) && (_jsx(IconButton, { size: comment.reply ? 'x-small' : 'small', onClick: handleMarkRead, title: t('tooltip.read'), name: "check_circle" }))] })] }), _jsxs("div", { className: "content", children: [comment.title && _jsx("div", { className: "title", children: comment.title }), _jsx("div", { className: "text", children: comment.value }), comment.requested && (_jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.requested.to') }), _jsx("span", { children: comment.requested.map((e) => e.name).join(', ') })] })), _jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.posted.on') }), _jsx("span", { className: "me-1", children: DateUtils.formatDateTime(comment.edited ? comment.edited : comment.date, 'MM/dd/yyyy - HH:mm') }), comment.edited && _jsx("i", { children: t('label.edited') })] })] })] }));
+}

package/dist/Comments/Comments.d.ts

@@ -8,5 +8,5 @@ type Props = {
     mode: 'lexicon' | 'corpus' | 'parser';
     onChange?: (a: Comment[]) => void;
 };
-export default function Comments({ uid, keywords, references, onClose, mode, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Comments({ uid, keywords, references, mode, onClose, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Comments/Comments.js

@@ -1,33 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { yupResolver } from '@hookform/resolvers/yup';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer } from '@mui/material';
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { Avatar, Button, IconButton, SelectField, TextField, } from 'tycho-storybook';
-import * as yup from 'yup';
+import { Button, IconButton } from 'tycho-storybook';
 import AppLoading from '../AppLoading';
 import AppPlaceholder from '../AppPlaceholder';
 import CommonContext from '../configs/CommonContext';
-import { useMessageUtils } from '../configs/useMessageUtils';
-import DateUtils from '../functions/DateUtils';
-import FormUtils from '../functions/FormUtils';
 import SecurityUtils from '../functions/SecurityUtils';
+import CommentAdd from './CommentAdd';
+import CommentInfo from './CommentInfo';
 import './style.scss';
-import { EMPTY_COMMENT_REQUEST, } from './types/Comment';
 import CommentService from './types/CommentService';
-export default function Comments({ uid, keywords, references, onClose, mode, onChange, }) {
+export default function Comments({ uid, keywords, references, mode, onClose, onChange, }) {
     const { t } = useTranslation('comments');
     const { state } = useContext(CommonContext);
-    const { isLoading, dispatchLoading } = useMessageUtils();
     const [openAddComment, setOpenAddComment] = useState(false);
     const [comment, setComment] = useState();
     const [comments, setComments] = useState();
     const [users, setUsers] = useState([]);
-    const createdForm = useForm({
-        resolver: yupResolver(getFormSchema(t)),
-        mode: 'onChange',
-    });
+    const [reply, setReply] = useState();
     const load = async () => {
         try {
             const [commentsResponse, usersResponse] = await Promise.all([
@@ -42,76 +33,54 @@ export default function Comments({ uid, keywords, references, onClose, mode, onC
             // optionally handle specific error state here
         }
     };
-    const handleAdd = () => {
-        if (isLoading())
-            return;
-        dispatchLoading(true);
-        CommentService.add(uid, mode, createdForm.getValues(), references, keywords).then((r) => {
-            dispatchLoading(false);
-            setOpenAddComment(false);
-            setComment(undefined);
-            const updated = [...(comments || []), r.data];
-            setComments(updated);
-            onChange && onChange(updated);
-            createdForm.reset(EMPTY_COMMENT_REQUEST);
-        });
-    };
-    const handleMarkRead = (thisComment) => {
-        CommentService.markRead(thisComment.id).then(() => {
-            const updated = { ...thisComment, read: true };
-            setComments(comments?.map((c) => c.id === thisComment.id ? { ...c, ...updated } : c));
-        });
-    };
-    const handleRemove = (thisComment) => {
-        CommentService.remove(thisComment.id).then(() => {
-            const updated = comments?.filter((c) => c.id !== thisComment.id);
-            setComments(updated);
-            onChange && onChange(updated || []);
-        });
-    };
-    const handleEdit = (thisComment) => {
-        setComment(thisComment);
-        setOpenAddComment(true);
-        createdForm.reset({
-            value: thisComment.value,
-            title: thisComment.title,
-            requestedUser: thisComment.requested?.uid,
-        });
-        const updated = comments?.map((c) => c.id === thisComment.id ? { ...c, ...thisComment } : c);
-        onChange && onChange(updated || []);
-    };
-    const handleUpdate = () => {
-        if (!comment)
-            return;
-        CommentService.update(comment.id, createdForm.getValues()).then((r) => {
-            setComments((prev) => prev?.map((c) => (c.id === comment.id ? r.data : c)));
-            setComment(undefined);
-            setOpenAddComment(false);
-        });
-    };
     const hasEditAccess = useMemo(() => {
         return SecurityUtils.hasAccess(uid, ['ADMIN', 'EDITOR'], mode);
     }, [uid]);
+    const hasReplies = (thisComment) => comments && comments.some((c) => c.reply === thisComment.id);
+    const getReplies = (thisComment) => comments?.filter((c) => c.reply === thisComment.id) || [];
     useEffect(() => {
         load();
     }, []);
     return (_jsx(Drawer, { anchor: "right", open: true, onClose: onClose, children: !comments ? (_jsx(AppLoading, {})) : (_jsxs("div", { className: "comments-container", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: onClose }), _jsx("span", { className: "title", children: t('label.title.comments') }), _jsx("div", { className: "actions", children: hasEditAccess && (_jsx(Button, { text: t('button.add'), icon: "add", mode: "outlined", size: "small", className: "edit-button", onClick: () => {
                                     setComment(undefined);
                                     setOpenAddComment(!openAddComment);
-                                } })) })] }), _jsxs("div", { className: "body", children: [openAddComment && (_jsxs("div", { className: "form", children: [_jsx(TextField, { label: t('input.value'), attr: "value", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder'), required: true, multiline: true }), _jsx(TextField, { label: t('input.title'), attr: "title", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder') }), _jsx(SelectField, { label: t('input.user'), attr: "requestedUser", createdForm: createdForm, options: [
-                                        {
-                                            label: t('common:generic.placeholder.select'),
-                                            value: '',
-                                        },
-                                        ...FormUtils.convertList(users, 'name', 'uid'),
-                                    ], showEndAdornment: false }), _jsxs("div", { className: "buttons", children: [comment && (_jsx(Button, { onClick: comment?.id ? handleUpdate : handleAdd, text: t('button.discard'), color: "danger" })), _jsx(Button, { onClick: comment ? handleUpdate : handleAdd, text: comment ? t('label.button.update') : t('label.button.add'), disabled: !createdForm.formState.isValid })] })] })), comments?.length === 0 && (_jsx(AppPlaceholder, { children: _jsx("span", { children: t('placeholder.comments.empty') }) })), comments?.map((el, idx) => (_jsxs("div", { className: "comment", children: [_jsxs("div", { className: "top", children: [_jsx(Avatar, { title: el.name, src: el.picture, size: "medium" }), _jsx("div", { className: "name", children: el.name }), _jsxs("div", { className: "buttons", children: [state.logged?.uid === el.user && (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: "small", onClick: () => handleEdit(el), title: t('tooltip.edit'), name: "edit" }), _jsx(IconButton, { size: "small", onClick: () => handleRemove(el), title: t('tooltip.delete'), name: "delete" })] })), el.requested &&
-                                                    !el.read &&
-                                                    state.logged?.uid === el.requested.uid && (_jsx(IconButton, { size: "small", onClick: () => {
-                                                        handleMarkRead(el);
-                                                    }, title: t('tooltip.read'), name: "check_circle" }))] })] }), _jsxs("div", { className: "content", children: [el.title && _jsx("div", { className: "title", children: el.title }), _jsx("div", { className: "text", children: el.value }), el.requested && (_jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.requested.to') }), _jsx("span", { children: el.requested.name })] })), _jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.posted.on') }), _jsx("span", { className: "me-1", children: DateUtils.formatDateTime(el.edited ? el.edited : el.date, 'MM/dd/yyyy - HH:mm') }), el.edited && _jsx("i", { children: "edited" })] })] })] }, idx.valueOf())))] })] })) }));
+                                } })) })] }), _jsxs("div", { className: "body", children: [openAddComment && (_jsx(CommentAdd, { uid: uid, mode: mode, users: users, references: references, keywords: keywords, comment: comment, reply: reply, onClose: () => {
+                                setComment(undefined);
+                                setReply(undefined);
+                                setOpenAddComment(false);
+                            }, onChange: (el) => {
+                                if (!comment) {
+                                    const updated = [...(comments || []), el];
+                                    setComments(updated);
+                                }
+                                else {
+                                    setComments((prev) => prev?.map((c) => (c.id === comment.id ? el : c)));
+                                }
+                            } })), comments?.length === 0 && (_jsx(AppPlaceholder, { text: t('placeholder.comments.empty') })), comments?.map((el, idx) => (_jsxs("div", { className: "thread", children: [!el.reply && (_jsx(CommentInfo, { comment: el, onRemove: () => {
+                                        const updated = comments?.filter((c) => c.id !== el.id);
+                                        setComments(updated);
+                                        onChange && onChange(updated || []);
+                                    }, onUpdate: (thisComment) => {
+                                        setComments(comments?.map((c) => c.id === thisComment.id ? { ...c, ...thisComment } : c));
+                                    }, onEdit: () => {
+                                        setComment(el);
+                                        setOpenAddComment(true);
+                                    }, onReply: () => {
+                                        setReply(el);
+                                        setOpenAddComment(true);
+                                    } })), hasReplies(el) && (_jsx("div", { className: "replies", children: getReplies(el).map((rel, idy) => (_jsx(CommentInfo, { comment: rel, onRemove: () => {
+                                            const updated = comments?.filter((c) => c.id !== rel.id);
+                                            setComments(updated);
+                                            onChange && onChange(updated || []);
+                                        }, onUpdate: (thisComment) => {
+                                            setComments(comments?.map((c) => c.id === thisComment.id
+                                                ? { ...c, ...thisComment }
+                                                : c));
+                                        }, onEdit: () => {
+                                            setComment(rel);
+                                            setOpenAddComment(true);
+                                        }, onReply: () => {
+                                            setReply(rel);
+                                            setOpenAddComment(true);
+                                        } }, `${idx}_${idy}`))) }))] }, idx.valueOf())))] })] })) }));
 }
-const getFormSchema = (t) => yup.object().shape({
-    title: yup.string().optional(),
-    value: yup.string().required(t('common:validation.required')),
-    requestedUser: yup.string().optional(),
-});

package/dist/Comments/style.scss

@@ -30,51 +30,77 @@
     background-color: #fff;
     padding: 16px;
 
-    .comment {
-      display: flex;
-      flex-direction: column;
-      padding: var(--spacing-150) var(--spacing-100);
+    .thread {
       border-bottom: 1px solid var(--border-subtle-1);
 
-      .top {
+      .comment {
         display: flex;
-        align-items: center;
+        flex-direction: column;
+        padding: var(--spacing-150) var(--spacing-100);
 
-        > .ds-avatar {
-          margin-right: 8px;
+        .top {
+          display: flex;
+          align-items: center;
+
+          > .ds-avatar {
+            margin-right: 8px;
+          }
+
+          .buttons {
+            display: flex;
+            margin-left: auto;
+            gap: 8px;
+
+            button {
+              border: none;
+              border-radius: var(--border-radius-button);
+              cursor: pointer;
+            }
+          }
         }
 
-        .buttons {
-          display: flex;
-          margin-left: auto;
-          gap: 8px;
+        .content {
+          margin-top: 16px;
 
-          button {
-            border: none;
-            border-radius: var(--border-radius-button);
-            cursor: pointer;
+          .title {
+            @include tag-medium-1;
+            color: var(--text-accent);
+            text-transform: none;
+            margin-bottom: 4px;
+          }
+
+          .text {
+            @include body-medium-1;
+            color: var(--text-primary);
+          }
+
+          .date {
+            @include helper-small-1;
+            color: var(--text-tertiary);
+            margin-top: 8px;
           }
         }
       }
 
-      .content {
-        margin-top: 16px;
+      .replies {
+        margin-left: 32px;
 
-        .title {
-          @include tag-small-1;
-          color: var(--text-accent);
-          text-transform: none;
-        }
+        .comment {
+          .top {
+            .name {
+              font-size: 14px !important;
+            }
+          }
 
-        .text {
-          @include body-medium-1;
-          color: var(--text-primary);
-        }
+          .content {
+            .title {
+              font-size: 13px !important;
+            }
 
-        .date {
-          @include helper-small-1;
-          color: var(--text-tertiary);
-          margin-top: 8px;
+            .text {
+              font-size: 13px !important;
+            }
+          }
         }
       }
     }

package/dist/Comments/types/Comment.d.ts

@@ -1,7 +1,7 @@
 export type CommentRequest = {
     title?: string;
     value?: string;
-    requestedUser?: string;
+    requested?: string[];
 };
 export type Comment = {
     id: string;
@@ -19,16 +19,17 @@ export type Comment = {
     page?: string;
     sentence?: string;
     cid?: string;
-    requested?: UserComment;
-    read?: boolean;
+    requested?: UserComment[];
     keywords?: Record<string, string>;
     type?: string;
+    reply?: string;
 };
 export type UserComment = {
     uid: string;
     name: string;
     picture: string;
     email: string;
+    read: boolean;
 };
 export declare const EMPTY_COMMENT: Comment;
 export declare const EMPTY_COMMENT_REQUEST: CommentRequest;

package/dist/Comments/types/CommentService.js

@@ -6,7 +6,7 @@ function findReadNotifications(uid, mode) {
     return api.get(`${import.meta.env.VITE_APP_COMMENT_API_URL}/${mode}/notifications/read/${uid}`);
 }
 function markRead(id) {
-    return api.put(`${import.meta.env.VITE_APP_COMMENT_API_URL}/${id}`);
+    return api.put(`${import.meta.env.VITE_APP_COMMENT_API_URL}/read/${id}`);
 }
 function update(id, comment) {
     return api.patch(`${import.meta.env.VITE_APP_COMMENT_API_URL}/${id}`, { ...comment });

package/dist/configs/Localization.d.ts

@@ -62,6 +62,7 @@ export declare const commonResources: {
             'tooltip.edit': string;
             'tooltip.delete': string;
             'tooltip.read': string;
+            'tooltip.reply': string;
             'modal.title.footnote': string;
             'placeholder.footnote.text': string;
             'modal.title.footnote.remove': string;
@@ -70,12 +71,14 @@ export declare const commonResources: {
             'input.value': string;
             'input.title': string;
             'input.user': string;
+            'input.user.reply': string;
             'button.discard': string;
             'notification.title': string;
             'notification.unread': string;
             'notification.all': string;
             'notification.empty': string;
             'notification.text': string;
+            'label.edited': string;
         };
         header: {
             'label.platform': string;
@@ -195,6 +198,7 @@ export declare const commonResources: {
             'tooltip.edit': string;
             'tooltip.delete': string;
             'tooltip.read': string;
+            'tooltip.reply': string;
             'modal.title.footnote': string;
             'placeholder.footnote.text': string;
             'modal.title.footnote.remove': string;
@@ -203,12 +207,14 @@ export declare const commonResources: {
             'input.value': string;
             'input.title': string;
             'input.user': string;
+            'input.user.reply': string;
             'button.discard': string;
             'notification.title': string;
             'notification.unread': string;
             'notification.all': string;
             'notification.empty': string;
             'notification.text': string;
+            'label.edited': string;
         };
         header: {
             'label.platform': string;

package/dist/configs/localization/CommentsTexts.d.ts

@@ -12,6 +12,7 @@ export declare const CommentsTexts: {
         'tooltip.edit': string;
         'tooltip.delete': string;
         'tooltip.read': string;
+        'tooltip.reply': string;
         'modal.title.footnote': string;
         'placeholder.footnote.text': string;
         'modal.title.footnote.remove': string;
@@ -20,12 +21,14 @@ export declare const CommentsTexts: {
         'input.value': string;
         'input.title': string;
         'input.user': string;
+        'input.user.reply': string;
         'button.discard': string;
         'notification.title': string;
         'notification.unread': string;
         'notification.all': string;
         'notification.empty': string;
         'notification.text': string;
+        'label.edited': string;
     };
     'pt-BR': {
         'label.title.comments': string;
@@ -40,6 +43,7 @@ export declare const CommentsTexts: {
         'tooltip.edit': string;
         'tooltip.delete': string;
         'tooltip.read': string;
+        'tooltip.reply': string;
         'modal.title.footnote': string;
         'placeholder.footnote.text': string;
         'modal.title.footnote.remove': string;
@@ -48,11 +52,13 @@ export declare const CommentsTexts: {
         'input.value': string;
         'input.title': string;
         'input.user': string;
+        'input.user.reply': string;
         'button.discard': string;
         'notification.title': string;
         'notification.unread': string;
         'notification.all': string;
         'notification.empty': string;
         'notification.text': string;
+        'label.edited': string;
     };
 };

package/dist/configs/localization/CommentsTexts.js

@@ -12,6 +12,7 @@ export const CommentsTexts = {
         'tooltip.edit': 'Edit comment',
         'tooltip.delete': 'Remove comment',
         'tooltip.read': 'Mark as read',
+        'tooltip.reply': 'Reply',
         'modal.title.footnote': 'Edit footnote',
         'placeholder.footnote.text': 'Enter footnote',
         'modal.title.footnote.remove': 'Confirm footnote removal',
@@ -19,13 +20,15 @@ export const CommentsTexts = {
         'button.add': 'Add comment',
         'input.value': 'Comment',
         'input.title': 'Title',
-        'input.user': 'Send to user',
+        'input.user': 'Send to users',
+        'input.user.reply': 'Reply to users',
         'button.discard': 'Discard',
         'notification.title': 'Notifications',
         'notification.unread': 'Unread',
         'notification.all': 'Read',
         'notification.empty': 'No more notifications',
         'notification.text': '{{user}} added a comment to entry {{entry}}.',
+        'label.edited': 'edited',
     },
     'pt-BR': {
         'label.title.comments': 'Comentários',
@@ -40,6 +43,7 @@ export const CommentsTexts = {
         'tooltip.edit': 'Editar commentário',
         'tooltip.delete': 'Remover commentário',
         'tooltip.read': 'Marcar como lido',
+        'tooltip.reply': 'Responder',
         'modal.title.footnote': 'Editar nota de rodapé',
         'placeholder.footnote.text': 'Entre o texto da nota de rodapé',
         'modal.title.footnote.remove': 'Confirmação de exclusão de nota de rodapé',
@@ -47,12 +51,14 @@ export const CommentsTexts = {
         'button.add': 'Adicionar comentário',
         'input.value': 'Comentário',
         'input.title': 'Título',
-        'input.user': 'Enviar para usuário',
+        'input.user': 'Enviar para usuários',
+        'input.user.reply': 'Responder para usuários',
         'button.discard': 'Descartar',
         'notification.title': 'Notificações',
         'notification.unread': 'Não lidas',
         'notification.all': 'Lidas',
         'notification.empty': 'Não há notificações',
         'notification.text': '{{user}} adicionou um comentário na entrada {{entry}}.',
+        'label.edited': 'editado',
     },
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.18-SNAPSHOT-8",
+  "version": "0.0.18-SNAPSHOT-9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {