fix(content-sidebar): fix typescript errors in boxai (#3974)

Author: tjuanitas

package.json

@@ -306,11 +306,11 @@
     "peerDependencies": {
         "@box/blueprint-web": "^7.36.3",
         "@box/blueprint-web-assets": "^4.33.0",
-        "@box/box-ai-agent-selector": "^0.22.0",
-        "@box/box-ai-content-answers": "^0.86.0",
+        "@box/box-ai-agent-selector": "^0.26.4",
+        "@box/box-ai-content-answers": "^0.95.0",
         "@box/cldr-data": ">=34.2.0",
         "@box/item-icon": "^0.9.58",
-        "@box/metadata-editor": "^0.92.2",
+        "@box/metadata-editor": "^0.92.3",
         "@box/react-virtualized": "9.22.3-rc-box.9",
         "@hapi/address": "^2.1.4",
         "axios": "^0.25.0",

src/elements/common/content-answers/ContentAnswersModal.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import getProp from 'lodash/get';
+import noop from 'lodash/noop';
 import { AxiosResponse } from 'axios';
 
 import {
@@ -11,15 +12,15 @@ import {
     SuggestedQuestionType,
 } from '@box/box-ai-content-answers';
 
+import { withAPIContext } from '../api-context';
 import { DOCUMENT_SUGGESTED_QUESTIONS, SPREADSHEET_FILE_EXTENSIONS } from './constants';
-import withCurrentUser from '../current-user';
 
-// @ts-ignore: no ts definition
-import { BoxItem, User } from '../../../common/types/core';
 // @ts-ignore: no ts definition
 import APIFactory from '../../../api';
 // @ts-ignore: no ts definition
 import { ElementsXhrError } from '../../common/types/api';
+// @ts-ignore: no ts definition
+import { BoxItem } from '../../../common/types/core';
 
 import messages from './messages';
 
@@ -35,7 +36,6 @@ export interface ExternalProps {
 
 export interface ContentAnswersModalProps extends ExternalProps {
     api: APIFactory;
-    currentUser?: User;
     file: BoxItem;
     isOpen: boolean;
 }
@@ -182,7 +182,7 @@ const ContentAnswersModal = ({
             open={isOpen}
             questions={questions}
             retryQuestion={handleRetry}
-            setAnswerFeedback={undefined}
+            setAnswerFeedback={noop}
             submitQuestion={handleAsk}
             suggestedQuestions={suggestedQuestions || localizedQuestions}
             warningNotice={spreadsheetNotice}
@@ -191,4 +191,4 @@ const ContentAnswersModal = ({
     );
 };
 
-export default withCurrentUser(ContentAnswersModal);
+export default withAPIContext(ContentAnswersModal);

src/elements/content-sidebar/BoxAISidebar.tsx

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import { useIntl } from 'react-intl';
 import { type ItemType } from '@box/box-ai-content-answers';
-import { AgentsProvider , RecordActionType } from '@box/box-ai-agent-selector';
+import { AgentsProvider, RecordActionType } from '@box/box-ai-agent-selector';
 import BoxAISidebarContent from './BoxAISidebarContent';
 import { BoxAISidebarContext } from './context/BoxAISidebarContext';
 import { SPREADSHEET_FILE_EXTENSIONS } from '../common/content-answers/constants';
@@ -53,7 +53,6 @@ export interface BoxAISidebarProps {
     localizedQuestions: Array<{ id: string; label: string; prompt: string }>;
     recordAction: (params: RecordActionType) => void;
     setCacheValue: BoxAISidebarCacheSetter;
-    userInfo: { name: string; avatarURL: string };
 }
 
 const BoxAISidebar = (props: BoxAISidebarProps) => {
@@ -72,7 +71,6 @@ const BoxAISidebar = (props: BoxAISidebarProps) => {
         localizedQuestions,
         recordAction,
         setCacheValue,
-        userInfo,
         ...rest
     } = props;
     const { questions } = cache;
@@ -89,7 +87,6 @@ const BoxAISidebar = (props: BoxAISidebarProps) => {
             itemSize,
             setCacheValue,
             recordAction,
-            userInfo,
         }),
         [
             cache,
@@ -102,7 +99,6 @@ const BoxAISidebar = (props: BoxAISidebarProps) => {
             itemSize,
             setCacheValue,
             recordAction,
-            userInfo,
         ],
     );
 

src/elements/content-sidebar/BoxAISidebarContent.tsx

@@ -63,7 +63,6 @@ function BoxAISidebarContent(props: ApiWrapperProps) {
         itemSize,
         recordAction,
         setCacheValue,
-        userInfo,
     } = React.useContext(BoxAISidebarContext);
     const { agents, requestState, selectedAgent } = useAgents();
     const { questions: cacheQuestions } = cache;
@@ -176,7 +175,6 @@ function BoxAISidebarContent(props: ApiWrapperProps) {
                         questions={questions}
                         stopQuestion={stopQuestion}
                         submitQuestion={sendQuestion}
-                        userInfo={userInfo}
                         variant="sidebar"
                         recordAction={recordAction}
                         {...rest}
@@ -205,7 +203,6 @@ function BoxAISidebarContent(props: ApiWrapperProps) {
                 stopPropagationOnEsc
                 stopQuestion={stopQuestion}
                 submitQuestion={sendQuestion}
-                userInfo={userInfo}
                 variant="collapsible"
                 {...rest}
                 shouldRenderProviders={false}

src/elements/content-sidebar/SidebarPanels.js

@@ -278,7 +278,6 @@ class SidebarPanels extends React.Component<Props, State> {
                                     hasSidebarInitialized={isInitialized}
                                     ref={this.boxAISidebar}
                                     startMarkName={MARK_NAME_JS_LOADING_BOXAI}
-                                    userInfo={{ name: currentUser?.name, avatarURL: currentUser?.avatar_url }}
                                     cache={this.boxAiSidebarCache}
                                     setCacheValue={this.setBoxAiSidebarCacheValue}
                                     {...boxAISidebarProps}

src/elements/content-sidebar/__tests__/BoxAISidebar.test.tsx

@@ -105,7 +105,6 @@ describe('elements/content-sidebar/BoxAISidebar', () => {
         isResetChatEnabled: true,
         isStopResponseEnabled: true,
         isStreamingEnabled: true,
-        userInfo: { name: 'Test', avatarUrl: undefined },
         recordAction: jest.fn(),
         setCacheValue: jest.fn(),
     } as unknown as BoxAISidebarProps;

src/elements/content-sidebar/context/BoxAISidebarContext.ts

@@ -25,7 +25,6 @@ export interface BoxAISidebarContextValues {
     itemSize?: string;
     recordAction: (params: BoxAISidebarRecordActionType) => void;
     setCacheValue: BoxAISidebarCacheSetter;
-    userInfo: { name: string; avatarURL: string };
 }
 
 export const BoxAISidebarContext = React.createContext<BoxAISidebarContextValues>({
@@ -38,5 +37,4 @@ export const BoxAISidebarContext = React.createContext<BoxAISidebarContextValues
     items: [],
     recordAction: noop,
     setCacheValue: noop,
-    userInfo: { name: '', avatarURL: '' },
 });