@box/box-ai-content-answers 0.78.2 → 0.79.0

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

@@ -0,0 +1,44 @@
+import "../../../../styles/contextual-items-message.css";
+import f from "clsx";
+import { FormattedMessage as x } from "react-intl";
+import { ItemsDropdown as u } from "./items-dropdown.js";
+import b from "./messages.js";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+const _ = "_askQuestionText_cd7at_1", k = "_sidebar_cd7at_5", m = {
+  askQuestionText: _,
+  sidebar: k
+}, j = ({
+  contentName: r,
+  isUsedInsideSidebar: c = !1,
+  supportedItems: e,
+  onItemClick: n,
+  parentItem: s
+}) => {
+  var t;
+  const d = e.length || 1, l = ((t = e[0]) == null ? void 0 : t.name) || r, i = (s == null ? void 0 : s.id) !== "0" ? s == null ? void 0 : s.name : void 0;
+  return /* @__PURE__ */ o("div", {
+    className: f(m.askQuestionText, {
+      [m.sidebar]: c
+    }),
+    children: /* @__PURE__ */ o(x, {
+      ...b.welcomeAskQuestionText,
+      values: {
+        firstItemName: /* @__PURE__ */ a("b", {
+          children: ["“", l, "”"]
+        }),
+        parentItem: i && /* @__PURE__ */ a("b", {
+          children: ["“", i, "”"]
+        }),
+        numberOfItems: d,
+        files: /* @__PURE__ */ o(u, {
+          items: e,
+          onItemClick: n
+        })
+      }
+    })
+  });
+};
+export {
+  j as ContextualItemsMessage,
+  j as default
+};

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

@@ -2,7 +2,7 @@ import { defineMessages as e } from "react-intl";
 const t = e({
   welcomeAskQuestionText: {
     id: "boxAI.contentAnswers.welcomeAskQuestionText",
-    defaultMessage: "Ask questions about {name}"
+    defaultMessage: "Ask questions about {numberOfItems, plural, one {{firstItemName}} other {{files}}}{parentItem, select, undefined {} other { in {parentItem}}}"
   },
   welcomeMessageFilesLink: {
     id: "boxAI.contentAnswers.welcomeMessageFilesLink",

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

@@ -1,83 +1,80 @@
 import "../../../../styles/welcome-message.css";
-import { InlineNotice as N, Text as a } from "@box/blueprint-web";
-import { BoxAiLogo as v } from "@box/blueprint-web-assets/icons/Logo";
+import { InlineNotice as C, Text as n } from "@box/blueprint-web";
+import { BoxAiLogo as S } from "@box/blueprint-web-assets/icons/Logo";
 import { Size6 as u } from "@box/blueprint-web-assets/tokens/tokens";
-import I from "clsx";
-import { useMemo as r } from "react";
-import { useIntl as C } from "react-intl";
-import { MediaContainer as c } from "../common/media-container.js";
-import m from "./messages.js";
-import { UnsupportedItemsNotice as A } from "./unsupported-items-notice.js";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-const q = "_welcomeMessage_1wm3q_1", S = "_askQuestionText_1wm3q_4", k = "_sidebar_1wm3q_8", Q = "_clearChatText_1wm3q_11", y = "_warningNotice_1wm3q_15", U = "_iconAvatar_1wm3q_18", t = {
-  welcomeMessage: q,
-  askQuestionText: S,
-  sidebar: k,
-  clearChatText: Q,
-  warningNotice: y,
-  iconAvatar: U
-}, H = ({
-  contentName: _,
-  contentType: x,
-  items: s = [],
-  onItemClick: f,
-  variant: d = "modal",
-  warningNotice: p,
-  warningNoticeAriaLabel: T,
+import { useMemo as o } from "react";
+import { useIntl as T } from "react-intl";
+import { MediaContainer as i } from "../common/media-container.js";
+import { ContextualItemsMessage as A } from "./contextual-items-message.js";
+import w from "./messages.js";
+import { UnsupportedItemsNotice as U } from "./unsupported-items-notice.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+const k = "_welcomeMessage_14bvk_1", y = "_clearChatText_14bvk_4", j = "_warningNotice_14bvk_8", B = "_iconAvatar_14bvk_11", a = {
+  welcomeMessage: k,
+  clearChatText: y,
+  warningNotice: j,
+  iconAvatar: B
+}, J = ({
+  contentName: v,
+  contentType: _,
+  items: t = [],
+  parentItem: I,
+  onItemClick: c,
+  variant: l = "modal",
+  warningNotice: m,
+  warningNoticeAriaLabel: M,
   welcomeMessageClearText: b
 }) => {
-  const o = d === "sidebar", {
-    formatMessage: n
-  } = C(), w = r(() => s.filter((i) => i.status === "unsupported"), [s]), h = r(() => s.filter((i) => i.status === "no_permission"), [s]), g = r(() => w.concat(h), [w, h]), M = p && /* @__PURE__ */ e(N, {
-    className: t.warningNotice,
+  const r = l === "sidebar", {
+    formatMessage: d
+  } = T(), x = o(() => t.filter((s) => s.status === "supported"), [t]), p = o(() => t.filter((s) => s.status === "unsupported"), [t]), g = o(() => t.filter((s) => s.status === "no_permission"), [t]), h = o(() => p.concat(g), [p, g]), N = m && /* @__PURE__ */ e(C, {
+    className: a.warningNotice,
     "data-testid": "content-answers-warning-notice",
     variant: "warning",
-    variantIconAriaLabel: T,
-    children: /* @__PURE__ */ e(a, {
+    variantIconAriaLabel: M,
+    children: /* @__PURE__ */ e(n, {
       as: "p",
       variant: "bodyDefaultBold",
-      children: p
+      children: m
     })
   });
   return /* @__PURE__ */ e("div", {
-    className: t.welcomeMessage,
+    className: a.welcomeMessage,
     "data-testid": "content-answers-welcome-message",
-    children: /* @__PURE__ */ l(c, {
-      variant: d,
-      children: [/* @__PURE__ */ e(c.Figure, {
-        isUsedInsideSidebar: o,
+    children: /* @__PURE__ */ f(i, {
+      variant: l,
+      children: [/* @__PURE__ */ e(i.Figure, {
+        isUsedInsideSidebar: r,
         children: /* @__PURE__ */ e("div", {
-          className: t.iconAvatar,
-          children: /* @__PURE__ */ e(v, {
+          className: a.iconAvatar,
+          children: /* @__PURE__ */ e(S, {
             height: u,
             role: "presentation",
             width: u
           })
         })
-      }), /* @__PURE__ */ l(c.Content, {
-        isUsedInsideSidebar: o,
+      }), /* @__PURE__ */ f(i.Content, {
+        isUsedInsideSidebar: r,
         variant: "welcomeMessage",
-        children: [M, g.length > 0 && /* @__PURE__ */ e(A, {
-          onItemClick: f,
-          unsupportedItems: g
-        }), /* @__PURE__ */ e(a, {
+        children: [N, h.length > 0 && /* @__PURE__ */ e(U, {
+          onItemClick: c,
+          unsupportedItems: h
+        }), /* @__PURE__ */ e(n, {
           as: "h1",
-          className: t.title,
+          className: a.title,
           variant: "titleSmall",
-          children: n(m.welcomeMessageTitle)
-        }), /* @__PURE__ */ e(a, {
+          children: d(w.welcomeMessageTitle)
+        }), /* @__PURE__ */ e(A, {
+          contentName: v,
+          isUsedInsideSidebar: r,
+          onItemClick: c,
+          parentItem: I,
+          supportedItems: x
+        }), /* @__PURE__ */ e(n, {
           as: "p",
-          className: I(t.askQuestionText, o && t.sidebar),
-          children: n(m.welcomeAskQuestionText, {
-            name: /* @__PURE__ */ l("b", {
-              children: ["“", _, "”"]
-            })
-          })
-        }), /* @__PURE__ */ e(a, {
-          as: "p",
-          className: t.clearChatText,
-          children: b || n(m.welcomeClearChatText, {
-            type: x
+          className: a.clearChatText,
+          children: b || d(w.welcomeClearChatText, {
+            type: _
           })
         })]
       })]
@@ -85,6 +82,6 @@ const q = "_welcomeMessage_1wm3q_1", S = "_askQuestionText_1wm3q_4", k = "_sideb
   });
 };
 export {
-  H as WelcomeMessage,
-  H as default
+  J as WelcomeMessage,
+  J as default
 };

package/i18n/en-US.js

@@ -47,7 +47,7 @@ export default {
   "boxAI.contentAnswers.suggestedQuestions": "Suggested Questions:",
   "boxAI.contentAnswers.unsupportedItems": "{numberOfFiles, plural, one {{files} is not supported by Box AI} other {{files} are not supported by Box AI} }",
   "boxAI.contentAnswers.userAvatar": "User avatar",
-  "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {name}",
+  "boxAI.contentAnswers.welcomeAskQuestionText": "Ask questions about {numberOfItems, plural, one {{firstItemName}} other {{files}}}{parentItem, select, undefined {} other { in {parentItem}}}",
   "boxAI.contentAnswers.welcomeClearChatText": "This chat will be cleared when you close this {type}",
   "boxAI.contentAnswers.welcomeMessageFilesLink": "{numberOfItems, plural, one {# file} other {# files} }",
   "boxAI.contentAnswers.welcomeMessageTitle": "Welcome to Box AI",

package/i18n/en-US.properties

@@ -94,8 +94,8 @@ boxAI.contentAnswers.suggestedQuestions = Suggested Questions:
 boxAI.contentAnswers.unsupportedItems = {numberOfFiles, plural, one {{files} is not supported by Box AI} other {{files} are not supported by Box AI} }
 # Alt text for user avatar image
 boxAI.contentAnswers.userAvatar = User avatar
-# Content Answers welcome message for asking questions {Name} is the name of the content
-boxAI.contentAnswers.welcomeAskQuestionText = Ask questions about {name}
+# Content Answers welcome message for asking questions. {firstItemName} is the name of the content, {files} is a list of items, and {parentItem} is the name of the parent item.
+boxAI.contentAnswers.welcomeAskQuestionText = Ask questions about {numberOfItems, plural, one {{firstItemName}} other {{files}}}{parentItem, select, undefined {} other { in {parentItem}}}
 # 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

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.welcomeMessageFilesLink","description":"Link that show the number of files that are going to be displayed within the modal","defaultMessage":"{numberOfItems, plural,\n        one {# file}\n        other {# files}\n    }"},{"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.unsupportedItems","description":"Warning message that shows how many files are not supported by Box AI","defaultMessage":"{numberOfFiles, plural,\n            one {{files} is not supported by Box AI}\n            other {{files} are not supported by Box AI}\n        }"}]
+[{"id":"boxAI.contentAnswers.welcomeAskQuestionText","description":"Content Answers welcome message for asking questions. {firstItemName} is the name of the content, {files} is a list of items, and {parentItem} is the name of the parent item.","defaultMessage":"Ask questions about {numberOfItems, plural, one {{firstItemName}} other {{files}}}{parentItem, select, undefined {} other { in {parentItem}}}"},{"id":"boxAI.contentAnswers.welcomeMessageFilesLink","description":"Link that show the number of files that are going to be displayed within the modal","defaultMessage":"{numberOfItems, plural,\n        one {# file}\n        other {# files}\n    }"},{"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.unsupportedItems","description":"Warning message that shows how many files are not supported by Box AI","defaultMessage":"{numberOfFiles, plural,\n            one {{files} is not supported by Box AI}\n            other {{files} are not supported by Box AI}\n        }"}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.78.2",
+  "version": "0.79.0",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -56,5 +56,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "11c8390fbd9edf91abd52bee5c250e40331d2c30"
+  "gitHead": "489819b1fe49c8ef7374dbeeeab69fe2231d22c0"
 }

package/styles/contextual-items-message.css

@@ -0,0 +1 @@
+._askQuestionText_cd7at_1{margin:.75rem 0;font-size:.9375rem}._askQuestionText_cd7at_1._sidebar_cd7at_5{font-size:.875rem}

package/styles/welcome-message.css

@@ -1 +1 @@
-._welcomeMessage_1wm3q_1{margin-top:1.25rem}._welcomeMessage_1wm3q_1 ._askQuestionText_1wm3q_4{margin:.75rem 0;font-size:.9375rem}._welcomeMessage_1wm3q_1 ._askQuestionText_1wm3q_4._sidebar_1wm3q_8{font-size:.875rem}._welcomeMessage_1wm3q_1 ._clearChatText_1wm3q_11{color:#6f6f6f;font-size:.8125rem}._welcomeMessage_1wm3q_1 ._warningNotice_1wm3q_15{margin-bottom:.75rem}._welcomeMessage_1wm3q_1 ._iconAvatar_1wm3q_18{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%;border:.0625rem solid #e8e8e8}@media (max-width: 374px){._welcomeMessage_1wm3q_1 ._iconAvatar_1wm3q_18{width:var(--size-6);height:var(--size-6)}}@media (max-width: 374px){._welcomeMessage_1wm3q_1{margin-top:0}}
+._welcomeMessage_14bvk_1{margin-top:1.25rem}._welcomeMessage_14bvk_1 ._clearChatText_14bvk_4{color:#6f6f6f;font-size:.8125rem}._welcomeMessage_14bvk_1 ._warningNotice_14bvk_8{margin-bottom:.75rem}._welcomeMessage_14bvk_1 ._iconAvatar_14bvk_11{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%;border:.0625rem solid #e8e8e8}@media (max-width: 374px){._welcomeMessage_14bvk_1 ._iconAvatar_14bvk_11{width:var(--size-6);height:var(--size-6)}}@media (max-width: 374px){._welcomeMessage_14bvk_1{margin-top:0}}

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

@@ -0,0 +1,10 @@
+import { type ItemClickHandler, type ItemType } from '../../types';
+export interface Props {
+    contentName: string;
+    isUsedInsideSidebar?: boolean;
+    parentItem: ItemType;
+    supportedItems: Array<ItemType>;
+    onItemClick?: ItemClickHandler;
+}
+export declare const ContextualItemsMessage: ({ contentName, isUsedInsideSidebar, supportedItems, onItemClick, parentItem, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ContextualItemsMessage;

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

@@ -1,3 +1,3 @@
 import { type WelcomeMessageProps } from '../../types';
-export declare const WelcomeMessage: ({ contentName, contentType, items, onItemClick, variant, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WelcomeMessage: ({ contentName, contentType, items, parentItem, onItemClick, variant, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default WelcomeMessage;

package/types/lib/types.d.ts

@@ -33,6 +33,8 @@ export type WelcomeMessageProps = {
     contentType: string;
     /** Items that are going to be shown within a dropdowm to indicate whether which files are supported and which ones won't */
     items?: Array<ItemType>;
+    /** Represents the parent item indicating the source of the files */
+    parentItem?: ItemType;
     /** Callback action passed from the host application to do an action when the user clicks an item within the dropdown */
     onItemClick?: ItemClickHandler;
     /** If keyframe animation should be applied to chat elements; defaults to true */
@@ -144,7 +146,7 @@ export type ItemType = {
     type: 'file' | 'hub' | 'folder' | 'collection';
     fileType?: string;
     name: string;
-    status: 'supported' | 'unsupported' | 'no_permission';
+    status?: 'supported' | 'unsupported' | 'no_permission';
 };
 export type SuggestedQuestionType = {
     label?: string;