box-ui-elements 19.0.0-beta.21 → 19.0.0-beta.23

package/src/elements/content-sidebar/versions/__tests__/VersionsItem.test.js

@@ -18,6 +18,7 @@ jest.mock('../../../../utils/dom', () => ({
 describe('elements/content-sidebar/versions/VersionsItem', () => {
     const defaultDate = new Date('2019-03-01T00:00:00');
     const defaultUser = { name: 'Test User', id: 10 };
+    const promotedByUser = { name: 'Promote User', id: 13 };
     const restoreDate = new Date('2019-05-01T00:00:00');
     const restoreUser = { name: 'Restore User', id: 12 };
     const trashedDate = new Date('2019-04-01T00:00:00');
@@ -117,6 +118,7 @@ describe('elements/content-sidebar/versions/VersionsItem', () => {
         test.each`
             versionUser         | expected
             ${defaultUser}      | ${defaultUser.name}
+            ${promotedByUser}   | ${promotedByUser.name}
             ${restoreUser}      | ${restoreUser.name}
             ${trashedUser}      | ${trashedUser.name}
             ${PLACEHOLDER_USER} | ${unknownUser}
@@ -131,6 +133,7 @@ describe('elements/content-sidebar/versions/VersionsItem', () => {
         test.each`
             versionUser                                         | expected
             ${defaultUser}                                      | ${defaultUser.name}
+            ${promotedByUser}                                   | ${promotedByUser.name}
             ${restoreUser}                                      | ${restoreUser.name}
             ${trashedUser}                                      | ${trashedUser.name}
             ${{ ...PLACEHOLDER_USER, name: FILE_REQUEST_NAME }} | ${(<FormattedMessage {...messages.fileRequestDisplayName} />)}

package/src/features/content-answers/ContentAnswersModalError.scss

@@ -0,0 +1,28 @@
+@import '../../styles/variables';
+
+.bdl-ContentAnswersModalError {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    text-align: center;
+
+    &-illustration {
+        margin-block-end: 1.5rem;
+    }
+
+    h2 {
+        margin: 0;
+        font-weight: bold;
+        font-size: 1rem;
+        margin-block-end: .75rem;
+    }
+
+    p {
+        margin: 0;
+        font-weight: normal;
+        font-size: .875rem;
+        letter-spacing: .01875rem;
+    }
+}

package/src/features/content-answers/ContentAnswersModalError.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import Unplugged140 from '../../illustration/Unplugged140';
+
+import messages from './messages';
+
+import './ContentAnswersModalError.scss';
+
+const ContentAnswersModalError = () => {
+    return (
+        <div className="bdl-ContentAnswersModalError">
+            <div
+                className="bdl-ContentAnswersModalError-illustration"
+                data-testid="content-answers-modal-error-illustration"
+            >
+                <Unplugged140 />
+            </div>
+
+            <h2 data-testid="content-answers-modal-error-heading">
+                <FormattedMessage {...messages.intelligenceUnavailableHeading} />
+            </h2>
+            <p data-testid="content-answers-modal-error-description">
+                <FormattedMessage {...messages.intelligenceUnavailableDescription} />
+            </p>
+            <p data-testid="content-answers-modal-error-tryagain">
+                <FormattedMessage {...messages.intelligenceUnavailableTryAgain} />
+            </p>
+        </div>
+    );
+};
+
+export default ContentAnswersModalError;

package/src/features/content-answers/__tests__/ContentAnswersModalError.test.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+
+import ContentAnswersModalError from '../ContentAnswersModalError';
+
+describe('features/content-answers/ContentAnswersModalError', () => {
+    const renderComponent = (props?: {}) => render(<ContentAnswersModalError {...props} />);
+
+    test('should render', () => {
+        renderComponent();
+
+        const illustration = screen.getByTestId('content-answers-modal-error-illustration');
+        expect(illustration).toBeInTheDocument();
+        const heading = screen.getByTestId('content-answers-modal-error-heading');
+        expect(heading).toBeInTheDocument();
+        const description = screen.getByTestId('content-answers-modal-error-description');
+        expect(description).toBeInTheDocument();
+        const tryagain = screen.getByTestId('content-answers-modal-error-tryagain');
+        expect(tryagain).toBeInTheDocument();
+    });
+});

package/src/features/content-answers/messages.ts

@@ -32,6 +32,21 @@ const messages = defineMessages({
             'Disabled tooltip message for Content Answers entry point button when the file type is not supported',
         id: 'boxui.contentAnswers.disabledTooltipFileNotCompatible',
     },
+    intelligenceUnavailableDescription: {
+        defaultMessage: 'The Box AI service is not responding.',
+        description: 'Box AI Q&A service unavailable error description',
+        id: 'boxui.contentAnswers.intelligenceUnavailableDescription',
+    },
+    intelligenceUnavailableHeading: {
+        defaultMessage: 'Box AI is unavailable',
+        description: 'Box AI Q&A service unavailable error title',
+        id: 'boxui.contentAnswers.intelligenceUnavailableHeading',
+    },
+    intelligenceUnavailableTryAgain: {
+        defaultMessage: 'Please try again later.',
+        description: 'Box AI Q&A service unavailable error try again later description',
+        id: 'boxui.contentAnswers.intelligenceUnavailableTryAgain',
+    },
     maxCharactersReachedError: {
         defaultMessage: 'Maximum of {characterLimit} characters reached',
         description: 'Error tooltip to show inside text area if the user reached the character limit',

package/src/utils/__tests__/fields.test.js

@@ -19,6 +19,7 @@ import {
     FIELD_PARENT,
     FIELD_EXTENSION,
     FIELD_PERMISSIONS,
+    FIELD_PROMOTED_BY,
     FIELD_ITEM_COLLECTION,
     FIELD_ITEM_EXPIRATION,
     FIELD_PATH_COLLECTION,
@@ -169,6 +170,7 @@ describe('util/fields', () => {
             FIELD_MODIFIED_BY,
             FIELD_NAME,
             FIELD_PERMISSIONS,
+            FIELD_PROMOTED_BY,
             FIELD_RESTORED_AT,
             FIELD_RESTORED_BY,
             FIELD_RETENTION,

package/src/utils/fields.js

@@ -28,6 +28,7 @@ import {
     FIELD_CREATED_BY,
     FIELD_MODIFIED_BY,
     FIELD_OWNED_BY,
+    FIELD_PROMOTED_BY,
     FIELD_RESTORED_BY,
     FIELD_TRASHED_BY,
     FIELD_DESCRIPTION,
@@ -150,6 +151,7 @@ const FILE_VERSION_FIELDS_TO_FETCH = [
     FIELD_MODIFIED_BY,
     FIELD_RESTORED_FROM,
     FIELD_SIZE,
+    FIELD_PROMOTED_BY,
     FIELD_UPLOADER_DISPLAY_NAME,
     FIELD_VERSION_NUMBER,
 ];
@@ -164,6 +166,7 @@ const FILE_VERSIONS_FIELDS_TO_FETCH = [
     FIELD_MODIFIED_BY,
     FIELD_NAME,
     FIELD_PERMISSIONS, // Expensive field to fetch
+    FIELD_PROMOTED_BY,
     FIELD_RESTORED_AT,
     FIELD_RESTORED_BY,
     FIELD_RETENTION, // Expensive field to fetch