@box/box-ai-content-answers 0.75.2 → 0.76.0

package/esm/lib/components/common/mock-data.js

@@ -3,7 +3,7 @@ import "@box/blueprint-web";
 import "react";
 import "../answer/answer.js";
 import "react/jsx-runtime";
-import { agentList as i, agentState as t } from "../api-wrapper/constants.js";
+import { agentList as t, agentState as i } from "../api-wrapper/constants.js";
 const a = [{
   location: "location1",
   fileId: "123",
@@ -16,7 +16,7 @@ const a = [{
   location: "location3",
   fileId: "789",
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst."
-}], m = [{
+}], u = [{
   answer: "I am a mock answer",
   id: "1",
   isCompleted: !0,
@@ -80,9 +80,136 @@ const a = [{
   isLoading: !1,
   error: e.NO_CONTENT,
   prompt: "What is the capital of Italy?"
-}], d = i, c = t;
+}], d = t, m = i, c = [{
+  type: "file",
+  name: "Document.docx",
+  status: "supported",
+  fileType: "word-document",
+  id: "0"
+}, {
+  type: "file",
+  name: "Spreadsheet.xlsx",
+  status: "supported",
+  fileType: "spreadsheet",
+  id: "1"
+}, {
+  type: "file",
+  name: "Presentation.pptx",
+  status: "supported",
+  fileType: "powerpoint-presentation",
+  id: "2"
+}, {
+  type: "file",
+  name: "PDFFile.pdf",
+  status: "supported",
+  fileType: "pdf",
+  id: "3"
+}, {
+  type: "file",
+  name: "Image.jpg",
+  status: "unsupported",
+  fileType: "image",
+  id: "4"
+}, {
+  type: "file",
+  name: "Video.mp4",
+  status: "unsupported",
+  fileType: "video",
+  id: "5"
+}, {
+  type: "file",
+  name: "Audio.mp3",
+  status: "unsupported",
+  fileType: "audio",
+  id: "6"
+}, {
+  type: "file",
+  name: "Code.js",
+  status: "supported",
+  fileType: "code",
+  id: "7"
+}, {
+  type: "file",
+  name: "Archive.zip",
+  status: "supported",
+  fileType: "archive",
+  id: "8"
+}, {
+  type: "file",
+  name: "Note.boxnote",
+  status: "supported",
+  fileType: "boxnote",
+  id: "9"
+}, {
+  type: "file",
+  name: "Note.boxnote",
+  status: "supported",
+  id: "10"
+}], _ = [{
+  type: "file",
+  name: "This_is_a_very_long_file_name_that_tests_the_boundary_conditions_for_file_names.docx",
+  status: "supported",
+  fileType: "word-document",
+  id: "0"
+}, {
+  type: "file",
+  name: "Another_extremely_long_file_name_that_could_exist_in_the_real_world_but_is_unlikely.pdf",
+  status: "supported",
+  fileType: "pdf",
+  id: "1"
+}, {
+  type: "file",
+  name: "Presentation_with_a_very_descriptive_and_lengthy_title_about_its_content.pptx",
+  status: "supported",
+  fileType: "powerpoint-presentation",
+  id: "2"
+}, {
+  type: "file",
+  name: "Spreadsheet_with_detailed_information_about_company_finances_and_other_details.xlsx",
+  status: "supported",
+  fileType: "spreadsheet",
+  id: "3"
+}, {
+  type: "file",
+  name: "Image_with_a_very_long_description_of_what_the_image_is_about_and_its_context.jpg",
+  status: "unsupported",
+  fileType: "image",
+  id: "4"
+}, {
+  type: "file",
+  name: "Video_with_a_long_title_describing_its_contents_and_context_in_full.mp4",
+  status: "unsupported",
+  fileType: "video",
+  id: "5"
+}, {
+  type: "file",
+  name: "Audio_file_with_a_detailed_and_verbose_description_of_its_contents_and_purpose.mp3",
+  status: "unsupported",
+  fileType: "audio",
+  id: "6"
+}, {
+  type: "file",
+  name: "Document_with_restricted_access_and_a_long_title_describing_its_sensitivity.docx",
+  status: "no_permission",
+  fileType: "word-document",
+  id: "7"
+}, {
+  type: "file",
+  name: "PDF_with_restricted_access_and_a_long_title_about_its_contents_and_privacy.pdf",
+  status: "no_permission",
+  fileType: "pdf",
+  id: "8"
+}, {
+  type: "file",
+  name: "Image_with_a_restricted_access_and_a_lengthy_name_describing_its_context.jpg",
+  status: "no_permission",
+  fileType: "image",
+  id: "9"
+}];
 export {
-  c as mockAgentState,
+  m as mockAgentState,
   d as mockAgents,
-  m as mockQuestions
+  c as mockItemsAllTypes,
+  _ as mockItemsWithLongNames,
+  u as mockQuestions
 };

package/esm/lib/components/welcome-message/items-dropdown.js

@@ -0,0 +1,83 @@
+import "../../../../styles/items-dropdown.css";
+import { DropdownMenu as m, Link as u, Text as f } from "@box/blueprint-web";
+import { Size5 as h } from "@box/blueprint-web-assets/tokens/tokens";
+import { ItemIcon as I } from "@box/item-icon";
+import _ from "lodash/throttle";
+import { useState as N, useCallback as d, useEffect as T } from "react";
+import { useIntl as L } from "react-intl";
+import M from "./messages.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+const k = "_itemsDropdownTriggerLink_c19hd_1", x = "_itemsDropdownContent_c19hd_6", C = "_itemsDropdownItemIcon_c19hd_11", y = "_itemsDropdownItemName_c19hd_15", o = {
+  itemsDropdownTriggerLink: k,
+  itemsDropdownContent: x,
+  itemsDropdownItemIcon: C,
+  itemsDropdownItemName: y
+}, H = ({
+  items: a,
+  onItemClick: s
+}) => {
+  const {
+    formatMessage: c
+  } = L(), [l, w] = N(!1), D = d(({
+    id: e,
+    name: g
+  }) => {
+    s == null || s(e, g);
+  }, [s]), n = d(_((e) => {
+    w(e);
+  }, 100, {
+    leading: !0,
+    trailing: !1
+  }), []), r = () => {
+    n(!0);
+  }, i = () => {
+    n(!1);
+  };
+  return T(() => () => {
+    n.cancel();
+  }, [n]), /* @__PURE__ */ p(m.Root, {
+    onOpenChange: n,
+    open: l,
+    children: [/* @__PURE__ */ t(m.Trigger, {
+      className: o.itemsDropdownTrigger,
+      children: /* @__PURE__ */ t(u, {
+        className: o.itemsDropdownTriggerLink,
+        href: "#",
+        onBlur: i,
+        onFocus: r,
+        onMouseEnter: r,
+        onMouseLeave: i,
+        children: c(M.welcomeMessageFilesLink, {
+          numberOfItems: a.length
+        })
+      })
+    }), /* @__PURE__ */ t(m.Content, {
+      align: "start",
+      className: o.itemsDropdownContent,
+      "data-testid": "content-answers-items-dropdown-content",
+      onFocus: r,
+      onMouseEnter: r,
+      onMouseLeave: i,
+      children: a.map((e) => /* @__PURE__ */ p(m.Item, {
+        className: o.itemsDropdownItem,
+        onClick: () => {
+          D(e);
+        },
+        children: [/* @__PURE__ */ t(I, {
+          ariaHidden: !0,
+          className: o.itemsDropdownItemIcon,
+          dimension: h,
+          iconType: e.fileType
+        }), /* @__PURE__ */ t(f, {
+          as: "span",
+          className: o.itemsDropdownItemName,
+          children: e.name
+        })]
+      }, e.id))
+    })]
+  });
+};
+export {
+  H as ItemsDropdown,
+  H as default
+};

package/esm/lib/components/welcome-message/messages.js

@@ -4,6 +4,10 @@ const t = e({
     id: "boxAI.contentAnswers.welcomeAskQuestionText",
     defaultMessage: "Ask questions about {name}"
   },
+  welcomeMessageFilesLink: {
+    id: "boxAI.contentAnswers.welcomeMessageFilesLink",
+    defaultMessage: "{numberOfItems} files"
+  },
   welcomeClearChatText: {
     id: "boxAI.contentAnswers.welcomeClearChatText",
     defaultMessage: "This chat will be cleared when you close this {type}"

package/i18n/bn-IN.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "ব্যবহারকারীর অবতার",
   "boxAI.contentAnswers.welcomeAskQuestionText": "{name} সম্পর্কে প্রশ্ন করুন",
   "boxAI.contentAnswers.welcomeClearChatText": "আপনি যখন এই {type}-টি বন্ধ করবেন, তখন এই চ্যাটটি মুছে দেওয়া হবে",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Box AI-এ স্বাগত",
   "boxAI.popup.closeButtonText": "বন্ধ করুন",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "অনুলিপি হয়েছে"

package/i18n/da-DK.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Brugeravatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Stil spørgsmål om {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Denne chat vil blive ryddet, når du lukker dette {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Velkommen til Box AI",
   "boxAI.popup.closeButtonText": "Luk",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopieret"

package/i18n/de-DE.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Benutzeravatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Fragen zu {name} stellen",
   "boxAI.contentAnswers.welcomeClearChatText": "Dieser Chat wird gelöscht, wenn Sie diese(s) {type} schließen",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Willkommen bei Box AI!",
   "boxAI.popup.closeButtonText": "Schließen",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopiert"

package/i18n/en-AU.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "User avatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "This chat will be cleared when you close this {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welcome to Box AI",
   "boxAI.popup.closeButtonText": "Close",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copied"

package/i18n/en-CA.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "User avatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "This chat will be cleared when you close this {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welcome to Box AI",
   "boxAI.popup.closeButtonText": "Close",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copied"

package/i18n/en-GB.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "User avatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "This chat will be cleared when you close this {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welcome to Box AI",
   "boxAI.popup.closeButtonText": "Close",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copied"

package/i18n/en-US.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "User avatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "This chat will be cleared when you close this {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welcome to Box AI",
   "boxAI.popup.closeButtonText": "Close",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copied"

package/i18n/en-US.properties

@@ -96,6 +96,8 @@ boxAI.contentAnswers.userAvatar = User avatar
 boxAI.contentAnswers.welcomeAskQuestionText = Ask questions about {name}
 # Content Answers welcome message for clearing the chat. {type} is the type of content that we are going to query
 boxAI.contentAnswers.welcomeClearChatText = This chat will be cleared when you close this {type}
+# Link that show the number of files that are going to be displayed within the modal
+boxAI.contentAnswers.welcomeMessageFilesLink = {numberOfItems} files
 # Content Answers welcome message title
 boxAI.contentAnswers.welcomeMessageTitle = Welcome to Box AI
 # Text for close button in popup

package/i18n/en-x-pseudo.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "⟦萬萬萬 Ûѕεř ǻνąŧàя 國國國⟧",
   "boxAI.contentAnswers.welcomeAskQuestionText": "⟦萬萬萬萬萬萬萬 Ǻśĸ qüęŝťįοňѕ āьöμŧ {name} 國國國國國國國⟧",
   "boxAI.contentAnswers.welcomeClearChatText": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Τħíş ĉнäţ ωίļĺ вė сľєǻгёď шħей γőū čļøŝé ţнίś {type} 國國國國國國國國國國國國國國國⟧",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "⟦萬萬萬萬萬 Ẁěļсõmĕ ţò ßó× ÃĪ 國國國國國⟧",
   "boxAI.popup.closeButtonText": "⟦萬 Ćľóśё 國⟧",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "⟦萬 ĆόΡіёď 國⟧"

package/i18n/es-419.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar del usuario",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Haz preguntas sobre {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Este chat se borrará cuando cierre este {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "¡Te damos la bienvenida a Box AI!",
   "boxAI.popup.closeButtonText": "Cerrar",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copiado"

package/i18n/es-ES.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar del usuario",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Haz preguntas sobre {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Este chat se borrará cuando cierre este {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "¡Te damos la bienvenida a Box AI!",
   "boxAI.popup.closeButtonText": "Cerrar",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copiado"

package/i18n/fi-FI.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Käyttäjän avatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Kysy aiheesta {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Keskustelu poistetaan, kun suljet kohteen {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Tervetuloa Box AI -palveluun",
   "boxAI.popup.closeButtonText": "Sulje",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopioitu"

package/i18n/fr-CA.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar de l'utilisateur",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Poser des questions sur {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Ce chat sera effacé lorsque vous fermerez ce {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Bienvenue dans Box AI",
   "boxAI.popup.closeButtonText": "Fermer",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copié"

package/i18n/fr-FR.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar de l'utilisateur",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Poser des questions sur {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Ce chat sera effacé lorsque vous fermerez ce {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Bienvenue dans Box AI",
   "boxAI.popup.closeButtonText": "Fermer",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copié"

package/i18n/hi-IN.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "उपयोगकर्ता अवतार",
   "boxAI.contentAnswers.welcomeAskQuestionText": "{name} से जुड़े सवाल पूछें",
   "boxAI.contentAnswers.welcomeClearChatText": "जब आप यह {type} बंद करेंगे तब यह चैट साफ हो जाएगा",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Box AI में आपका स्वागत है",
   "boxAI.popup.closeButtonText": "बंद करें",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "कॉपी की गई"

package/i18n/it-IT.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar utente",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Fai domande su {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Chiudendo {type}, questa chat verrà eliminata",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Ti diamo il benvenuto in Box AI!",
   "boxAI.popup.closeButtonText": "Chiudi",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copia eseguita"

package/i18n/ja-JP.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "ユーザーのアバター",
   "boxAI.contentAnswers.welcomeAskQuestionText": "{name}について質問してください",
   "boxAI.contentAnswers.welcomeClearChatText": "この{type}を閉じるとチャットがクリアされます",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Box AIへようこそ",
   "boxAI.popup.closeButtonText": "閉じる",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "コピー済み"

package/i18n/json/src/lib/components/welcome-message/messages.json

@@ -1 +1 @@
-[{"id":"boxAI.contentAnswers.welcomeAskQuestionText","description":"Content Answers welcome message for asking questions {Name} is the name of the content","defaultMessage":"Ask questions about {name}"},{"id":"boxAI.contentAnswers.welcomeClearChatText","description":"Content Answers welcome message for clearing the chat. {type} is the type of content that we are going to query","defaultMessage":"This chat will be cleared when you close this {type}"},{"id":"boxAI.contentAnswers.welcomeMessageTitle","description":"Content Answers welcome message title","defaultMessage":"Welcome to Box AI"}]
+[{"id":"boxAI.contentAnswers.welcomeAskQuestionText","description":"Content Answers welcome message for asking questions {Name} is the name of the content","defaultMessage":"Ask questions about {name}"},{"id":"boxAI.contentAnswers.welcomeMessageFilesLink","description":"Link that show the number of files that are going to be displayed within the modal","defaultMessage":"{numberOfItems} files"},{"id":"boxAI.contentAnswers.welcomeClearChatText","description":"Content Answers welcome message for clearing the chat. {type} is the type of content that we are going to query","defaultMessage":"This chat will be cleared when you close this {type}"},{"id":"boxAI.contentAnswers.welcomeMessageTitle","description":"Content Answers welcome message title","defaultMessage":"Welcome to Box AI"}]

package/i18n/ko-KR.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "사용자 아바타",
   "boxAI.contentAnswers.welcomeAskQuestionText": "{name}에 대해 질문하기",
   "boxAI.contentAnswers.welcomeClearChatText": "이 {type}를 닫으면 이 대화는 삭제됩니다",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Box AI에 오신 것을 환영합니다!",
   "boxAI.popup.closeButtonText": "닫기",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "복사함"

package/i18n/nb-NO.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Brukeravatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Still spørsmål om {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Denne chatten tømmes når du lukker {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Velkommen til Box AI",
   "boxAI.popup.closeButtonText": "Lukk",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopiert"

package/i18n/nl-NL.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar van de gebruiker",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Stel vragen over {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Deze chat wordt gewist wanneer u dit {type} sluit",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welkom bij Box AI",
   "boxAI.popup.closeButtonText": "Sluiten",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Gekopieerd"

package/i18n/pl-PL.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Awatar użytkownika",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Zadaj pytania dotyczące {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Ten czat zostanie skasowany po zamknięciu tego {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Witamy w usłudze Box AI",
   "boxAI.popup.closeButtonText": "Zamknij",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Skopiowano"

package/i18n/pt-BR.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Avatar do usuário",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Faça perguntas sobre {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Este bate-papo será apagado quando você fechar este {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Bem-vindo(a) ao Box AI",
   "boxAI.popup.closeButtonText": "Fechar",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Copiado"

package/i18n/ru-RU.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Аватар пользователя",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Задавайте вопросы о {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Данные этого чата будут очищены после закрытия следующего типа контента: {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Добро пожаловать в ИИ Box",
   "boxAI.popup.closeButtonText": "Закрыть",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Скопировано"

package/i18n/sv-SE.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Användaravatar",
   "boxAI.contentAnswers.welcomeAskQuestionText": "Ställ frågor om {name}",
   "boxAI.contentAnswers.welcomeClearChatText": "Chatten rensas när du stänger detta {type}",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Välkommen till Box AI",
   "boxAI.popup.closeButtonText": "Stäng",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopierad"

package/i18n/tr-TR.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "Kullanıcı avatarı",
   "boxAI.contentAnswers.welcomeAskQuestionText": "{name} hakkında soru sorun",
   "boxAI.contentAnswers.welcomeClearChatText": "Bu {type} türünü kapattığınızda sohbet silinecektir",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "Box AI'ye hoş geldiniz!",
   "boxAI.popup.closeButtonText": "Kapat",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopyalandı"

package/i18n/zh-CN.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "用户头像",
   "boxAI.contentAnswers.welcomeAskQuestionText": "询问关于 {name} 的问题",
   "boxAI.contentAnswers.welcomeClearChatText": "您关闭 {type} 时，此对话框将被清理",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "欢迎使用 Box AI！",
   "boxAI.popup.closeButtonText": "关闭",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "已复制"

package/i18n/zh-TW.js

@@ -48,6 +48,7 @@ export default {
   "boxAI.contentAnswers.userAvatar": "使用者頭像",
   "boxAI.contentAnswers.welcomeAskQuestionText": "提出有關{name}的問題",
   "boxAI.contentAnswers.welcomeClearChatText": "關閉此{type}後會清除此聊天",
+  "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems} files",
   "boxAI.contentAnswers.welcomeMessageTitle": "歡迎使用 Box AI",
   "boxAI.popup.closeButtonText": "關閉",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "已複製"

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.75.2",
+  "version": "0.76.0",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
     "@box/box-ai-agent-selector": "^0.15.2",
+    "@box/item-icon": "^0.9.44",
     "highlight.js": "^11.9.0",
     "immutable": "^4.0.0",
     "lodash": "^4.17.15",
@@ -14,9 +15,10 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^9.6.1",
+    "@box/blueprint-web": "^9.6.2",
     "@box/blueprint-web-assets": "^4.31.0",
-    "@box/box-ai-agent-selector": "^0.18.5",
+    "@box/box-ai-agent-selector": "^0.18.6",
+    "@box/item-icon": "^0.9.44",
     "@box/storybook-utils": "^0.8.0",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -54,5 +56,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "5092a22de35656f56aafafa6fa7824ee29b73b3a"
+  "gitHead": "f11cf55d3b28b3dd68b08ce96010da512a74c050"
 }

package/styles/items-dropdown.css

@@ -0,0 +1 @@
+._itemsDropdownTriggerLink_c19hd_1{display:inline;cursor:pointer}._itemsDropdownContent_c19hd_6{--blueprint-web-dropdown-content-max-width: 14.875rem;--blueprint-web-dropdown-menu-max-height: 12.5rem}._itemsDropdownItemIcon_c19hd_11{vertical-align:middle}._itemsDropdownItemName_c19hd_15{margin-left:.5rem;line-height:1.5rem;vertical-align:middle}

package/types/lib/box-ai-content-answers.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AgentType, type CitationResponseRecordType, type ContentProps, type RetryQuestion, type StopQuestion, type StyleVariant, type SubmitQuestion } from './types';
+import { type AgentType, type ContentProps, type ItemClickHandler, type RetryQuestion, type StopQuestion, type StyleVariant, type SubmitQuestion } from './types';
 export type BoxAiContentAnswersProps = Omit<ContentProps, 'isErrorMessageShown' | 'setIsErrorMessageShown' | 'askSuggestedQuestion' | 'setAskSuggestedQuestion'> & {
     /** Flag to indicate if the host application has custom suggested questions */
     hasCustomSuggestedQuestions?: boolean;
@@ -13,7 +13,7 @@ export type BoxAiContentAnswersProps = Omit<ContentProps, 'isErrorMessageShown'
     /** Callback function when the agent editor is toggled */
     onAgentEditorToggle?: (agent: AgentType) => void;
     /** Callback function when citation button is clicked */
-    onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
+    onCitationClick?: ItemClickHandler;
     /** Callback function when the user clicks on the answer copy button */
     onAnswerCopy?: (answer: string) => void;
     variant?: StyleVariant;

package/types/lib/components/answer/answer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ANSWER_ERROR, type CitationResponseRecordType, type CitationType, type RecordActionType, type StyleVariant } from '../../types';
+import { ANSWER_ERROR, type CitationType, type ItemClickHandler, type RecordActionType, type StyleVariant } from '../../types';
 export interface AnswerProps {
     answer?: string;
     /** Citations list */
@@ -17,7 +17,7 @@ export interface AnswerProps {
     /** Whether the answer supports markdown */
     isMarkdownEnabled?: boolean;
     /** Callback function when citation button is clicked */
-    onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
+    onCitationClick?: ItemClickHandler;
     /** Callback function when the user clicks on the answer copy button */
     onAnswerCopy?: (answer: string) => void;
     /** Callback function to handle logging events */

package/types/lib/components/answer/citation.d.ts

@@ -1,4 +1,4 @@
-import { type CitationResponseRecordType, type RecordActionType } from '../../types';
+import { type CitationResponseRecordType, type ItemClickHandler, type RecordActionType } from '../../types';
 export interface CitationProps {
     /** Whether or not to animate the citation while appearing */
     animate: boolean;
@@ -9,7 +9,7 @@ export interface CitationProps {
     /** Citation id */
     id: number;
     /** Callback function when citation button is clicked */
-    onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
+    onCitationClick?: ItemClickHandler;
     /** Callback function to handle logging events */
     recordAction?: (params: RecordActionType) => void;
     /** Citation title */

package/types/lib/components/answer/references.d.ts

@@ -1,11 +1,11 @@
-import { type CitationResponseRecordType, type CitationType, type RecordActionType } from '../../types';
+import { type CitationType, type ItemClickHandler, type RecordActionType } from '../../types';
 export interface ReferencesProps {
     /** Whether or not to animate the citation while appearing */
     animate?: boolean;
     /** Citations list */
     citations?: Array<CitationType>;
     /** Callback function when citation button is clicked */
-    onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
+    onCitationClick?: ItemClickHandler;
     /** Callback function to handle logging events */
     recordAction?: (params: RecordActionType) => void;
 }

package/types/lib/components/common/mock-data.d.ts

@@ -1,4 +1,4 @@
-import { ANSWER_ERROR } from '../../types';
+import { ANSWER_ERROR, type ItemType } from '../../types';
 export declare const mockQuestions: ({
     answer: string;
     id: string;
@@ -25,3 +25,5 @@ export declare const mockAgentState: {
     agents: import("../../types").AgentType[];
     selectedAgent: import("../../types").AgentType;
 };
+export declare const mockItemsAllTypes: Array<ItemType>;
+export declare const mockItemsWithLongNames: Array<ItemType>;

package/types/lib/components/welcome-message/items-dropdown.d.ts

@@ -0,0 +1,3 @@
+import { type ItemsDropdownProps } from '../../types';
+export declare const ItemsDropdown: ({ items, onItemClick }: ItemsDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default ItemsDropdown;

package/types/lib/components/welcome-message/messages.d.ts

@@ -4,6 +4,11 @@ declare const messages: {
         description: string;
         id: string;
     };
+    welcomeMessageFilesLink: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     welcomeClearChatText: {
         defaultMessage: string;
         description: string;

package/types/lib/components/welcome-message/stories/shared.d.ts

@@ -1,2 +1,7 @@
-import { type WelcomeMessageProps } from '../../../types';
+import { type ItemsDropdownProps, type WelcomeMessageProps } from '../../../types';
+export declare const defaultItemsDropdownProps: {
+    items: import("../../../types").ItemType[];
+    onItemClick: (...args: any[]) => void;
+};
 export declare const DefaultWelcomeMessage: (props: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultItemsDropdown: (props: ItemsDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/types.d.ts

@@ -25,6 +25,7 @@ export type RetryQuestion = (question: QuestionType, aiAgent?: unknown | undefin
 export type StopQuestion = (question: QuestionType) => void;
 export type SubmitQuestion = (question: QuestionType, aiAgent?: unknown | undefined) => void;
 export type HandleScrollToBottomType = (behavior: string, streamingAnswer: boolean) => void;
+export type ItemClickHandler = (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
 export type WelcomeMessageProps = {
     /** Content name used in the welcome message in Ask questions about {contentName} */
     contentName: string;
@@ -79,7 +80,7 @@ export type ChatProps = WelcomeMessageProps & {
     /** Whether to indicate if there is a request in progress like an answer being fetched or streamed */
     hasRequestInProgress?: boolean;
     /** Callback function when citation button is clicked */
-    onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
+    onCitationClick?: ItemClickHandler;
     /** Callback function when the user clicks on the answer copy button */
     onAnswerCopy?: (answer: string) => void;
     variant?: StyleVariant;
@@ -134,6 +135,13 @@ export type QuestionType = {
     citations?: CitationType[];
     created_at?: string;
 };
+export type ItemType = {
+    id: string;
+    type: 'file' | 'hub' | 'folder' | 'collection';
+    fileType?: string;
+    name: string;
+    status: 'supported' | 'unsupported' | 'no_permission';
+};
 export type SuggestedQuestionType = {
     label?: string;
     prompt: string;
@@ -155,3 +163,7 @@ export type SuggestedQuestionsResponse = {
     areSomeItemsNotFound: boolean;
     suggestedPrompts: string[];
 };
+export type ItemsDropdownProps = {
+    items: Array<ItemType>;
+    onItemClick?: ItemClickHandler;
+};