From bf703619cb773354e5665543fda36513f7edc6ce Mon Sep 17 00:00:00 2001
From: Jen Jones Arnesen <jennifer@dhis2.org>
Date: Fri, 7 Jul 2023 09:59:27 +0200
Subject: [PATCH] fix: use correct access checks for showing interpretation
 reply, edit and delete buttons (#1531)

Implements DHIS2-15510

These are the access checks that are done in the backend:
* edit or delete an interpretation: isCreatorOrSuperuser of interpretation
* add interpretation comment: interpretation.access.write
* update comment: isCreatorOrSuperuser of comment
* delete comment: isCreatorOrSuperuser of comment && interpretation.access.write

Other changes:
* use createdBy instead of user. `user` is only kept for backwards compatibility
* don't fetch comment.access because the values can be wrong, and it's not needed anyway
* add error handling to the CommentDeleteButton
* error message for edit-comment-failure is made generic. Backend may report a
misleading message such as "interpretation does not exist" when it does in fact exist,
and user can see it, but user doesn't have access to edit.
---
 i18n/en.pot                                   |  21 +-
 .../InterpretationModal/Comment.js            |  34 +--
 .../CommentDeleteButton.js                    |  44 +++-
 .../InterpretationModal/CommentUpdateForm.js  |   4 +-
 .../InterpretationModal.js                    |   6 +-
 .../InterpretationThread.js                   |  29 ++-
 .../InterpretationsUnit.js                    |   4 +-
 .../common/Interpretation/Interpretation.js   |  71 +++++--
 .../common/Message/MessageIconButton.js       |   8 +-
 .../__tests__/getInterpretationAccess.spec.js | 199 ++++++++++++++++++
 .../common/getInterpretationAccess.js         |  25 +++
 .../Interpretations/common/index.js           |   1 +
 12 files changed, 383 insertions(+), 63 deletions(-)
 create mode 100644 src/components/Interpretations/common/__tests__/getInterpretationAccess.spec.js
 create mode 100644 src/components/Interpretations/common/getInterpretationAccess.js

diff --git a/i18n/en.pot b/i18n/en.pot
index 2ceaf2ec9..52645c02d 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2023-05-24T12:55:52.925Z\n"
-"PO-Revision-Date: 2023-05-24T12:55:52.925Z\n"
+"POT-Creation-Date: 2023-07-06T08:30:33.216Z\n"
+"PO-Revision-Date: 2023-07-06T08:30:33.216Z\n"
 
 msgid "view only"
 msgstr "view only"
@@ -343,6 +343,9 @@ msgstr "Write a reply"
 msgid "Post reply"
 msgstr "Post reply"
 
+msgid "Delete failed"
+msgstr "Delete failed"
+
 msgid "Could not update comment"
 msgstr "Could not update comment"
 
@@ -377,15 +380,23 @@ msgstr "Post interpretation"
 msgid "Interpretations"
 msgstr "Interpretations"
 
+msgid "Reply"
+msgstr "Reply"
+
+msgid "{{count}} replies"
+msgid_plural "{{count}} replies"
+msgstr[0] "{{count}} reply"
+msgstr[1] "{{count}} replies"
+
+msgid "View replies"
+msgstr "View replies"
+
 msgid "Unlike"
 msgstr "Unlike"
 
 msgid "Like"
 msgstr "Like"
 
-msgid "Reply"
-msgstr "Reply"
-
 msgid "Share"
 msgstr "Share"
 
diff --git a/src/components/Interpretations/InterpretationModal/Comment.js b/src/components/Interpretations/InterpretationModal/Comment.js
index 2e7e07637..e1fef4fe1 100644
--- a/src/components/Interpretations/InterpretationModal/Comment.js
+++ b/src/components/Interpretations/InterpretationModal/Comment.js
@@ -2,7 +2,12 @@ import i18n from '@dhis2/d2-i18n'
 import { IconEdit16 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
-import { Message, MessageIconButton, MessageStatsBar } from '../common/index.js'
+import {
+    Message,
+    MessageIconButton,
+    MessageStatsBar,
+    getCommentAccess,
+} from '../common/index.js'
 import { CommentDeleteButton } from './CommentDeleteButton.js'
 import { CommentUpdateForm } from './CommentUpdateForm.js'
 
@@ -11,9 +16,12 @@ const Comment = ({
     currentUser,
     interpretationId,
     onThreadUpdated,
+    canComment,
 }) => {
     const [isUpdateMode, setIsUpdateMode] = useState(false)
 
+    const commentAccess = getCommentAccess(comment, canComment, currentUser)
+
     return isUpdateMode ? (
         <CommentUpdateForm
             close={() => setIsUpdateMode(false)}
@@ -29,22 +37,23 @@ const Comment = ({
             created={comment.created}
             username={comment.createdBy.displayName}
         >
-            <MessageStatsBar>
-                {comment.access.update && (
+            {commentAccess.edit && (
+                <MessageStatsBar>
                     <MessageIconButton
                         iconComponent={IconEdit16}
                         tooltipContent={i18n.t('Edit')}
                         onClick={() => setIsUpdateMode(true)}
                     />
-                )}
-                {comment.access.delete && (
-                    <CommentDeleteButton
-                        commentId={comment.id}
-                        interpretationId={interpretationId}
-                        onComplete={() => onThreadUpdated(true)}
-                    />
-                )}
-            </MessageStatsBar>
+
+                    {commentAccess.delete && (
+                        <CommentDeleteButton
+                            commentId={comment.id}
+                            interpretationId={interpretationId}
+                            onComplete={() => onThreadUpdated(true)}
+                        />
+                    )}
+                </MessageStatsBar>
+            )}
         </Message>
     )
 }
@@ -54,6 +63,7 @@ Comment.propTypes = {
     currentUser: PropTypes.object.isRequired,
     interpretationId: PropTypes.string.isRequired,
     onThreadUpdated: PropTypes.func.isRequired,
+    canComment: PropTypes.bool,
 }
 
 export { Comment }
diff --git a/src/components/Interpretations/InterpretationModal/CommentDeleteButton.js b/src/components/Interpretations/InterpretationModal/CommentDeleteButton.js
index 228896126..363733235 100644
--- a/src/components/Interpretations/InterpretationModal/CommentDeleteButton.js
+++ b/src/components/Interpretations/InterpretationModal/CommentDeleteButton.js
@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
 import i18n from '@dhis2/d2-i18n'
-import { IconDelete16 } from '@dhis2/ui'
+import { IconDelete16, colors } from '@dhis2/ui'
 import PropTypes from 'prop-types'
-import React from 'react'
+import React, { useState } from 'react'
 import { MessageIconButton } from '../common/index.js'
 
 const mutation = {
@@ -13,17 +13,43 @@ const mutation = {
 }
 
 const CommentDeleteButton = ({ commentId, interpretationId, onComplete }) => {
+    const [deleteError, setDeleteError] = useState(null)
     const [remove, { loading }] = useDataMutation(mutation, {
-        onComplete,
+        onComplete: () => {
+            setDeleteError(null)
+            onComplete()
+        },
+        onError: () => setDeleteError(i18n.t('Delete failed')),
         variables: { commentId, interpretationId },
     })
+
+    const onDelete = () => {
+        setDeleteError(null)
+        remove()
+    }
+
     return (
-        <MessageIconButton
-            tooltipContent={i18n.t('Delete')}
-            iconComponent={IconDelete16}
-            onClick={remove}
-            disabled={loading}
-        />
+        <div className="delete-button-container">
+            <MessageIconButton
+                tooltipContent={i18n.t('Delete')}
+                iconComponent={IconDelete16}
+                onClick={onDelete}
+                disabled={loading}
+            />
+            {deleteError && <span className="delete-error">{deleteError}</span>}
+            <style jsx>{`
+                .delete-button-container {
+                    display: flex;
+                    align-items: center;
+                    gap: 4px;
+                }
+                .delete-error {
+                    color: ${colors.red500};
+                    font-size: 12px;
+                    line-height: 12px;
+                }
+            `}</style>
+        </div>
     )
 }
 
diff --git a/src/components/Interpretations/InterpretationModal/CommentUpdateForm.js b/src/components/Interpretations/InterpretationModal/CommentUpdateForm.js
index 1b1dec89c..ea9d3812e 100644
--- a/src/components/Interpretations/InterpretationModal/CommentUpdateForm.js
+++ b/src/components/Interpretations/InterpretationModal/CommentUpdateForm.js
@@ -33,9 +33,7 @@ export const CommentUpdateForm = ({
             },
         }
     )
-    const errorText = error
-        ? error.message || i18n.t('Could not update comment')
-        : ''
+    const errorText = error ? i18n.t('Could not update comment') : ''
 
     return (
         <div className="message">
diff --git a/src/components/Interpretations/InterpretationModal/InterpretationModal.js b/src/components/Interpretations/InterpretationModal/InterpretationModal.js
index f2d693838..4f02eaefa 100644
--- a/src/components/Interpretations/InterpretationModal/InterpretationModal.js
+++ b/src/components/Interpretations/InterpretationModal/InterpretationModal.js
@@ -49,14 +49,14 @@ const query = {
         id: ({ id }) => id,
         params: {
             fields: [
-                'access',
+                'access[write,manage]',
                 'id',
                 'text',
                 'created',
-                'user[id,displayName]',
+                'createdBy[id,displayName]',
                 'likes',
                 'likedBy',
-                'comments[access,id,text,created,createdBy[id,displayName]]',
+                'comments[id,text,created,createdBy[id,displayName]]',
             ],
         },
     },
diff --git a/src/components/Interpretations/InterpretationModal/InterpretationThread.js b/src/components/Interpretations/InterpretationModal/InterpretationThread.js
index cf352317b..03540290d 100644
--- a/src/components/Interpretations/InterpretationModal/InterpretationThread.js
+++ b/src/components/Interpretations/InterpretationModal/InterpretationThread.js
@@ -3,7 +3,7 @@ import cx from 'classnames'
 import moment from 'moment'
 import PropTypes from 'prop-types'
 import React, { useRef, useEffect } from 'react'
-import { Interpretation } from '../common/index.js'
+import { Interpretation, getInterpretationAccess } from '../common/index.js'
 import { Comment } from './Comment.js'
 import { CommentAddForm } from './CommentAddForm.js'
 
@@ -26,6 +26,11 @@ const InterpretationThread = ({
         }
     }, [initialFocus])
 
+    const interpretationAccess = getInterpretationAccess(
+        interpretation,
+        currentUser
+    )
+
     return (
         <div className={cx('container', { fetching })}>
             <div className={'scrollbox'}>
@@ -40,9 +45,14 @@ const InterpretationThread = ({
                     <Interpretation
                         currentUser={currentUser}
                         interpretation={interpretation}
-                        onReplyIconClick={() => focusRef.current?.focus()}
+                        onReplyIconClick={
+                            interpretationAccess.comment
+                                ? () => focusRef.current?.focus()
+                                : null
+                        }
                         onUpdated={() => onThreadUpdated(true)}
                         onDeleted={onInterpretationDeleted}
+                        isInThread={true}
                     />
                     <div className={'comments'}>
                         {interpretation.comments.map((comment) => (
@@ -52,15 +62,18 @@ const InterpretationThread = ({
                                 currentUser={currentUser}
                                 interpretationId={interpretation.id}
                                 onThreadUpdated={onThreadUpdated}
+                                canComment={interpretationAccess.comment}
                             />
                         ))}
                     </div>
-                    <CommentAddForm
-                        currentUser={currentUser}
-                        interpretationId={interpretation.id}
-                        onSave={() => onThreadUpdated(true)}
-                        focusRef={focusRef}
-                    />
+                    {interpretationAccess.comment && (
+                        <CommentAddForm
+                            currentUser={currentUser}
+                            interpretationId={interpretation.id}
+                            onSave={() => onThreadUpdated(true)}
+                            focusRef={focusRef}
+                        />
+                    )}
                 </div>
             </div>
             <style jsx>{`
diff --git a/src/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js b/src/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js
index 3a6d6d257..1a3ce45fd 100644
--- a/src/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js
+++ b/src/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js
@@ -24,9 +24,9 @@ const interpretationsQuery = {
         resource: 'interpretations',
         params: ({ type, id }) => ({
             fields: [
-                'access',
+                'access[write,manage]',
                 'id',
-                'user[displayName]',
+                'createdBy[id,displayName]',
                 'created',
                 'text',
                 'comments[id]',
diff --git a/src/components/Interpretations/common/Interpretation/Interpretation.js b/src/components/Interpretations/common/Interpretation/Interpretation.js
index 736d78da5..cd6965dd9 100644
--- a/src/components/Interpretations/common/Interpretation/Interpretation.js
+++ b/src/components/Interpretations/common/Interpretation/Interpretation.js
@@ -9,7 +9,12 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
-import { Message, MessageStatsBar, MessageIconButton } from '../index.js'
+import {
+    Message,
+    MessageStatsBar,
+    MessageIconButton,
+    getInterpretationAccess,
+} from '../index.js'
 import { InterpretationDeleteButton } from './InterpretationDeleteButton.js'
 import { InterpretationUpdateForm } from './InterpretationUpdateForm.js'
 import { useLike } from './useLike.js'
@@ -22,6 +27,7 @@ export const Interpretation = ({
     onDeleted,
     disabled,
     onReplyIconClick,
+    isInThread,
 }) => {
     const [isUpdateMode, setIsUpdateMode] = useState(false)
     const [showSharingDialog, setShowSharingDialog] = useState(false)
@@ -32,11 +38,29 @@ export const Interpretation = ({
     })
     const shouldShowButton = !!onClick && !disabled
 
+    const interpretationAccess = getInterpretationAccess(
+        interpretation,
+        currentUser
+    )
+
+    let tooltip = i18n.t('Reply')
+    if (!interpretationAccess.comment) {
+        if (isInThread) {
+            tooltip = i18n.t('{{count}} replies', {
+                count: interpretation.comments.length,
+                defaultValue: '{{count}} reply',
+                defaultValue_plural: '{{count}} replies',
+            })
+        } else {
+            tooltip = i18n.t('View replies')
+        }
+    }
+
     return isUpdateMode ? (
         <InterpretationUpdateForm
             close={() => setIsUpdateMode(false)}
             id={interpretation.id}
-            showSharingLink={interpretation.access.manage}
+            showSharingLink={interpretationAccess.share}
             onComplete={onUpdated}
             text={interpretation.text}
             currentUser={currentUser}
@@ -45,7 +69,7 @@ export const Interpretation = ({
         <Message
             text={interpretation.text}
             created={interpretation.created}
-            username={interpretation.user.displayName}
+            username={interpretation.createdBy.displayName}
         >
             {!disabled && (
                 <MessageStatsBar>
@@ -63,13 +87,17 @@ export const Interpretation = ({
                         dataTest="interpretation-like-unlike-button"
                     />
                     <MessageIconButton
-                        tooltipContent={i18n.t('Reply')}
+                        tooltipContent={tooltip}
                         iconComponent={IconReply16}
-                        onClick={() => onReplyIconClick(interpretation.id)}
+                        onClick={() =>
+                            onReplyIconClick &&
+                            onReplyIconClick(interpretation.id)
+                        }
                         count={interpretation.comments.length}
                         dataTest="interpretation-reply-button"
+                        viewOnly={isInThread && !interpretationAccess.comment}
                     />
-                    {interpretation.access.manage && (
+                    {interpretationAccess.share && (
                         <MessageIconButton
                             iconComponent={IconShare16}
                             tooltipContent={i18n.t('Share')}
@@ -85,20 +113,22 @@ export const Interpretation = ({
                             onClose={() => setShowSharingDialog(false)}
                         />
                     )}
-                    {interpretation.access.update && (
-                        <MessageIconButton
-                            iconComponent={IconEdit16}
-                            tooltipContent={i18n.t('Edit')}
-                            onClick={() => setIsUpdateMode(true)}
-                            dataTest="interpretation-edit-button"
-                        />
-                    )}
-                    {interpretation.access.delete && (
-                        <InterpretationDeleteButton
-                            id={interpretation.id}
-                            onComplete={onDeleted}
-                        />
-                    )}
+                    <>
+                        {interpretationAccess.edit && (
+                            <MessageIconButton
+                                iconComponent={IconEdit16}
+                                tooltipContent={i18n.t('Edit')}
+                                onClick={() => setIsUpdateMode(true)}
+                                dataTest="interpretation-edit-button"
+                            />
+                        )}
+                        {interpretationAccess.delete && (
+                            <InterpretationDeleteButton
+                                id={interpretation.id}
+                                onComplete={onDeleted}
+                            />
+                        )}
+                    </>
                 </MessageStatsBar>
             )}
             {shouldShowButton && (
@@ -124,5 +154,6 @@ Interpretation.propTypes = {
     onReplyIconClick: PropTypes.func.isRequired,
     onUpdated: PropTypes.func.isRequired,
     disabled: PropTypes.bool,
+    isInThread: PropTypes.bool,
     onClick: PropTypes.func,
 }
diff --git a/src/components/Interpretations/common/Message/MessageIconButton.js b/src/components/Interpretations/common/Message/MessageIconButton.js
index fb9687d43..bbe0e87b0 100644
--- a/src/components/Interpretations/common/Message/MessageIconButton.js
+++ b/src/components/Interpretations/common/Message/MessageIconButton.js
@@ -11,6 +11,7 @@ const MessageIconButton = ({
     count,
     iconComponent: Icon,
     dataTest,
+    viewOnly,
 }) => (
     <Tooltip closeDelay={200} content={tooltipContent}>
         {({ ref, onMouseOver, onMouseOut }) => (
@@ -25,7 +26,7 @@ const MessageIconButton = ({
                         event.stopPropagation()
                         onClick()
                     }}
-                    className={cx('button', { selected })}
+                    className={cx('button', { selected, viewOnly })}
                     disabled={disabled}
                     data-test={dataTest}
                 >
@@ -49,6 +50,10 @@ const MessageIconButton = ({
                         color: ${colors.grey700};
                     }
 
+                    .viewOnly {
+                        cursor: default;
+                    }
+
                     .button.selected {
                         color: ${colors.teal600};
                         font-weight: 500;
@@ -92,6 +97,7 @@ MessageIconButton.propTypes = {
     dataTest: PropTypes.string,
     disabled: PropTypes.bool,
     selected: PropTypes.bool,
+    viewOnly: PropTypes.bool,
     onClick: PropTypes.func,
 }
 
diff --git a/src/components/Interpretations/common/__tests__/getInterpretationAccess.spec.js b/src/components/Interpretations/common/__tests__/getInterpretationAccess.spec.js
new file mode 100644
index 000000000..45f75feff
--- /dev/null
+++ b/src/components/Interpretations/common/__tests__/getInterpretationAccess.spec.js
@@ -0,0 +1,199 @@
+import {
+    getInterpretationAccess,
+    getCommentAccess,
+} from '../getInterpretationAccess.js'
+
+const superuser = {
+    id: 'iamsuper',
+    authorities: new Set(['ALL']),
+}
+
+const userJoe = {
+    id: 'johndoe',
+    authorities: new Set(['Some']),
+}
+
+const userJane = {
+    id: 'jane',
+    authorities: new Set(['Some']),
+}
+
+describe('interpretation and comment access', () => {
+    describe('getInterpretationAccess', () => {
+        it('returns true for all accesses for superuser', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                    manage: true,
+                },
+                createdBy: userJoe,
+            }
+
+            expect(
+                getInterpretationAccess(interpretation, superuser)
+            ).toMatchObject({
+                share: true,
+                comment: true,
+                edit: true,
+                delete: true,
+            })
+        })
+        it('returns true for all accesses for creator', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                    manage: true,
+                },
+                createdBy: userJoe,
+            }
+
+            expect(
+                getInterpretationAccess(interpretation, userJoe)
+            ).toMatchObject({
+                share: true,
+                comment: true,
+                edit: true,
+                delete: true,
+            })
+        })
+
+        it('returns false for edit/delete if user is not creator/superuser', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                    manage: true,
+                },
+                createdBy: userJane,
+            }
+
+            expect(
+                getInterpretationAccess(interpretation, userJoe)
+            ).toMatchObject({
+                share: true,
+                comment: true,
+                edit: false,
+                delete: false,
+            })
+        })
+
+        it('returns false for comment/edit/delete if user is not creator/superuser and no write access', () => {
+            const interpretation = {
+                access: {
+                    write: false,
+                    manage: true,
+                },
+                createdBy: userJane,
+            }
+
+            expect(
+                getInterpretationAccess(interpretation, userJoe)
+            ).toMatchObject({
+                share: true,
+                comment: false,
+                edit: false,
+                delete: false,
+            })
+        })
+
+        it('returns false for share/comment/edit/delete if user is not creator/superuser and no write or manage access', () => {
+            const interpretation = {
+                access: {
+                    write: false,
+                    manage: false,
+                },
+                createdBy: userJane,
+            }
+
+            expect(
+                getInterpretationAccess(interpretation, userJoe)
+            ).toMatchObject({
+                share: false,
+                comment: false,
+                edit: false,
+                delete: false,
+            })
+        })
+    })
+
+    describe('getCommentAccess', () => {
+        it('returns true for all accesses for superuser', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                },
+            }
+
+            const comment = {
+                createdBy: userJoe,
+            }
+
+            expect(
+                getCommentAccess(
+                    comment,
+                    interpretation.access.write,
+                    superuser
+                )
+            ).toMatchObject({
+                edit: true,
+                delete: true,
+            })
+        })
+
+        it('returns true for all accesses for creator when interpretation has write access', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                },
+            }
+
+            const comment = {
+                createdBy: userJoe,
+            }
+
+            expect(
+                getCommentAccess(comment, interpretation.access.write, userJoe)
+            ).toMatchObject({
+                edit: true,
+                delete: true,
+            })
+        })
+
+        it('returns true for edit and false for delete for creator when interpretation does not have write access', () => {
+            const interpretation = {
+                access: {
+                    write: false,
+                },
+            }
+
+            const comment = {
+                createdBy: userJoe,
+            }
+
+            expect(
+                getCommentAccess(comment, interpretation.access.write, userJoe)
+            ).toMatchObject({
+                edit: true,
+                delete: false,
+            })
+        })
+
+        it('returns false for edit/delete for user who is not creator or superuser', () => {
+            const interpretation = {
+                access: {
+                    write: true,
+                },
+            }
+
+            const comment = {
+                createdBy: userJane,
+            }
+
+            expect(
+                getCommentAccess(comment, interpretation.access.write, userJoe)
+            ).toMatchObject({
+                edit: false,
+                delete: false,
+            })
+        })
+    })
+})
diff --git a/src/components/Interpretations/common/getInterpretationAccess.js b/src/components/Interpretations/common/getInterpretationAccess.js
new file mode 100644
index 000000000..d95e82af3
--- /dev/null
+++ b/src/components/Interpretations/common/getInterpretationAccess.js
@@ -0,0 +1,25 @@
+const isCreatorOrSuperuser = (object, currentUser) =>
+    object?.createdBy.id === currentUser?.id ||
+    currentUser?.authorities.has('ALL')
+
+export const getInterpretationAccess = (interpretation, currentUser) => {
+    const canEditDelete = isCreatorOrSuperuser(interpretation, currentUser)
+    return {
+        share: interpretation.access.manage,
+        comment: interpretation.access.write,
+        edit: canEditDelete,
+        delete: canEditDelete,
+    }
+}
+
+export const getCommentAccess = (
+    comment,
+    hasInterpretationReplyAccess,
+    currentUser
+) => {
+    const canEditDelete = isCreatorOrSuperuser(comment, currentUser)
+    return {
+        edit: canEditDelete,
+        delete: canEditDelete && hasInterpretationReplyAccess,
+    }
+}
diff --git a/src/components/Interpretations/common/index.js b/src/components/Interpretations/common/index.js
index 0565ea3b2..562614fb1 100644
--- a/src/components/Interpretations/common/index.js
+++ b/src/components/Interpretations/common/index.js
@@ -1,3 +1,4 @@
 export * from './Interpretation/index.js'
 export * from './Message/index.js'
 export * from './RichTextEditor/index.js'
+export * from './getInterpretationAccess.js'