@box/box-ai-content-answers 0.139.4 → 0.140.0

package/dist/esm/lib/components/answer/answer.js

@@ -1,146 +1,162 @@
-import { Text as k } from "@box/blueprint-web";
-import { AlertTriangle as j } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as z, Size4 as E } from "@box/blueprint-web-assets/tokens/tokens";
-import p from "clsx";
-import * as l from "react";
-import { useIntl as W } from "react-intl";
+import { Text as z } from "@box/blueprint-web";
+import { AlertTriangle as W } from "@box/blueprint-web-assets/icons/Line";
+import { Gray65 as q, Size4 as I } from "@box/blueprint-web-assets/tokens/tokens";
+import g from "clsx";
+import * as c from "react";
+import { useIntl as J } from "react-intl";
 import { A as n } from "../../../../chunks/types.js";
-import { MediaContainer as N } from "../common/media-container.js";
-import { AnswerContent as q } from "./answer-content.js";
-import { CopyButton as J } from "./copy-button.js";
-import { InlineError as K } from "./inline-error.js";
-import { LoadingIndicator as Q } from "./loading-indicator.js";
-import m from "./messages.js";
-import { References as X } from "./references.js";
-import { ThumbButtons as Y } from "./thumb-buttons.js";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const Z = "_answer_140hd_1", $ = "_alertIcon_140hd_5", tt = "_error_140hd_8", ot = "_footer_140hd_12", et = "_copyButtonContainer_140hd_18", nt = "_feedbackButtonsContainer_140hd_19", st = "_shouldHaveMarginTop_140hd_23", rt = "_shouldUseAnimation_140hd_26", at = "_shouldAnimateHeight_140hd_30", it = "_footerButtons_140hd_34", dt = "_iconAvatar_140hd_40", ct = "_buttonsVisible_140hd_56", t = {
-  answer: Z,
-  alertIcon: $,
-  error: tt,
-  footer: ot,
-  copyButtonContainer: et,
-  feedbackButtonsContainer: nt,
-  shouldHaveMarginTop: st,
-  shouldUseAnimation: rt,
-  shouldAnimateHeight: at,
-  footerButtons: it,
-  iconAvatar: dt,
-  buttonsVisible: ct
-}, lt = /* @__PURE__ */ new Set([n.RATE_LIMITING, n.NO_CONTENT, n.PRECONDITION_FAILED, n.GENERAL, n.AGENT_NOT_FOUND]), bt = /* @__PURE__ */ l.memo(({
+import { extractBoxLinks as K, extractFileNames as Q } from "../../utils/getBoxLinks.js";
+import { MediaContainer as S } from "../common/media-container.js";
+import { AnswerContent as X } from "./answer-content.js";
+import { CopyButton as Y } from "./copy-button.js";
+import { InlineError as Z } from "./inline-error.js";
+import { LoadingIndicator as $ } from "./loading-indicator.js";
+import u from "./messages.js";
+import { References as tt } from "./references.js";
+import { ThumbButtons as ot } from "./thumb-buttons.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/answer.css';const et = "_answer_140hd_1", nt = "_alertIcon_140hd_5", st = "_error_140hd_8", rt = "_footer_140hd_12", at = "_copyButtonContainer_140hd_18", it = "_feedbackButtonsContainer_140hd_19", lt = "_shouldHaveMarginTop_140hd_23", ct = "_shouldUseAnimation_140hd_26", dt = "_shouldAnimateHeight_140hd_30", mt = "_footerButtons_140hd_34", ut = "_iconAvatar_140hd_40", ft = "_buttonsVisible_140hd_56", t = {
+  answer: et,
+  alertIcon: nt,
+  error: st,
+  footer: rt,
+  copyButtonContainer: at,
+  feedbackButtonsContainer: it,
+  shouldHaveMarginTop: lt,
+  shouldUseAnimation: ct,
+  shouldAnimateHeight: dt,
+  footerButtons: mt,
+  iconAvatar: ut,
+  buttonsVisible: ft
+}, _t = /* @__PURE__ */ new Set([n.RATE_LIMITING, n.NO_CONTENT, n.PRECONDITION_FAILED, n.GENERAL, n.AGENT_NOT_FOUND]), xt = /* @__PURE__ */ c.memo(({
   answer: s,
-  citations: I,
+  citations: T,
   error: o,
-  contentType: S,
-  hostAppName: A,
-  feedbackValue: T,
-  isCitationsEnabled: R = !1,
-  isCompleted: i = !1,
-  isFeedbackEnabled: g = !1,
-  isFeedbackFormEnabled: O,
-  isFeedbackTooltipOpen: u,
-  isLoading: b = !1,
-  isMarkdownEnabled: w = !1,
-  items: B = [],
-  onAnswerCopy: P,
-  onCitationClick: C,
+  contentType: R,
+  hostAppName: d,
+  feedbackValue: b,
+  isCitationsEnabled: A = !1,
+  isCompleted: a = !1,
+  isFeedbackEnabled: O = !1,
+  isFeedbackFormEnabled: B,
+  isFeedbackTooltipOpen: f,
+  isLoading: P = !1,
+  isMarkdownEnabled: C = !1,
+  items: w = [],
+  onAnswerCopy: x,
+  onCitationClick: L,
   onFeedbackFormSubmit: v,
   onFeedbackTooltipOpenChange: M,
   promptType: y,
-  recordAction: d,
+  recordAction: i,
   shouldFeedbackFormIncludeFeedbackText: D,
-  useAnimation: H = !0,
+  useAnimation: F = !0,
   variant: r = "modal",
-  setAnswerFeedback: L,
-  questionId: U
+  setAnswerFeedback: H,
+  questionId: k
 }) => {
-  const _ = lt.has(o), h = b && !s && !o, [x, F] = l.useState(i), {
-    formatMessage: c
-  } = W();
-  l.useEffect(() => {
-    setTimeout(() => F(i), 0);
-  }, [i]);
-  const f = () => /* @__PURE__ */ e(j, {
+  const _ = _t.has(o), h = P && !s && !o, [U, G] = c.useState(a), {
+    formatMessage: m
+  } = J();
+  c.useEffect(() => {
+    if (s && i && a) {
+      const p = K(s), N = Q(s);
+      (p.length > 0 || N.length > 0) && i({
+        action: "programmatic",
+        component: r,
+        feature: "answers",
+        target: "links_detected",
+        data: {
+          hostAppName: d,
+          linkCount: p.length,
+          fileNameCount: N.length
+        }
+      });
+    }
+  }, [s, r, d, a]), c.useEffect(() => {
+    setTimeout(() => G(a), 0);
+  }, [a]);
+  const E = () => /* @__PURE__ */ e(W, {
     className: t.alertIcon,
-    color: z,
+    color: q,
     "data-testid": "content-answers-error-alert-icon",
-    height: E,
+    height: I,
     role: "presentation",
-    width: E
-  }), G = () => /* @__PURE__ */ a(k, {
+    width: I
+  }), V = () => /* @__PURE__ */ l(z, {
     as: "p",
     className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [o === n.RESPONSE_INTERRUPTED && c(m.responseInterruptedError), o === n.RESPONSE_FAILED && c(m.responseFailedError), o === n.RESPONSE_STOPPED && c(m.responseStoppedError), o !== n.RESPONSE_STOPPED && f()]
-  }), V = () => o !== n.RESPONSE_STOPPED ? /* @__PURE__ */ a("div", {
-    className: p(t.footerButtons, "footer-buttons-container", {
-      [t.buttonsVisible]: u
+    children: [o === n.RESPONSE_INTERRUPTED && m(u.responseInterruptedError), o === n.RESPONSE_FAILED && m(u.responseFailedError), o === n.RESPONSE_STOPPED && m(u.responseStoppedError), o !== n.RESPONSE_STOPPED && E()]
+  }), j = () => o !== n.RESPONSE_STOPPED ? /* @__PURE__ */ l("div", {
+    className: g(t.footerButtons, "footer-buttons-container", {
+      [t.buttonsVisible]: f
     }),
-    children: [g ? /* @__PURE__ */ e("div", {
+    children: [O ? /* @__PURE__ */ e("div", {
       className: t.feedbackButtonsContainer,
-      children: /* @__PURE__ */ e(Y, {
-        feedbackValue: T,
-        hostAppName: A,
-        isFeedbackFormEnabled: O,
-        isFeedbackTooltipOpen: u,
-        items: B,
+      children: /* @__PURE__ */ e(ot, {
+        feedbackValue: b,
+        hostAppName: d,
+        isFeedbackFormEnabled: B,
+        isFeedbackTooltipOpen: f,
+        items: w,
         onFeedbackFormSubmit: v,
         onFeedbackTooltipOpenChange: M,
         promptType: y,
-        questionId: U,
-        recordAction: d,
-        setAnswerFeedback: L,
+        questionId: k,
+        recordAction: i,
+        setAnswerFeedback: H,
         shouldFeedbackFormIncludeFeedbackText: D,
         variant: r
       })
     }) : null, /* @__PURE__ */ e("div", {
       className: t.copyButtonContainer,
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(Y, {
         answer: s,
-        onAnswerCopy: P,
-        recordAction: d
+        onAnswerCopy: x,
+        recordAction: i
       })
     })]
-  }) : s ? null : f();
-  return /* @__PURE__ */ a("div", {
+  }) : s ? null : E();
+  return /* @__PURE__ */ l("div", {
     "aria-live": "polite",
     className: t.answer,
     "data-testid": "content-answers-answer",
-    children: [h && /* @__PURE__ */ e(Q, {}), !_ && !h && /* @__PURE__ */ e(N, {
+    children: [h && /* @__PURE__ */ e($, {}), !_ && !h && /* @__PURE__ */ e(S, {
       className: "answer",
       variant: r,
-      children: /* @__PURE__ */ a(N.Content, {
+      children: /* @__PURE__ */ l(S.Content, {
         isUsedInsideSidebar: r === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ e(q, {
+        children: [/* @__PURE__ */ e(X, {
           answer: s,
-          isMarkdownEnabled: w,
+          isMarkdownEnabled: C,
           variant: r
-        }), i && /* @__PURE__ */ a("div", {
-          className: p(t.footer, {
+        }), a && /* @__PURE__ */ l("div", {
+          className: g(t.footer, {
             [t.shouldHaveMarginTop]: s,
-            [t.shouldAnimateHeight]: x,
-            [t.shouldUseAnimation]: H
+            [t.shouldAnimateHeight]: U,
+            [t.shouldUseAnimation]: F
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [o && G(), R && !o && /* @__PURE__ */ e(X, {
-            citations: I,
-            onCitationClick: C,
-            recordAction: d
-          }), V()]
+          children: [o && V(), A && !o && /* @__PURE__ */ e(tt, {
+            citations: T,
+            onCitationClick: L,
+            recordAction: i
+          }), j()]
         })]
       })
-    }), _ && /* @__PURE__ */ e(K, {
-      contentType: S,
+    }), _ && /* @__PURE__ */ e(Z, {
+      contentType: R,
       error: o,
-      recordAction: d,
+      recordAction: i,
       variant: r
     })]
   });
 });
 export {
-  bt as Answer,
-  bt as default
+  xt as Answer,
+  xt as default
 };

package/dist/esm/lib/utils/constants.js

@@ -0,0 +1,165 @@
+const s = [
+  // Audio
+  "aac",
+  "aif",
+  "aifc",
+  "aiff",
+  "amr",
+  "au",
+  "flac",
+  "m4a",
+  "mp3",
+  "ogg",
+  "ra",
+  "wav",
+  "wma",
+  // CAD
+  "3ds",
+  "box3d",
+  "dae",
+  "dwg",
+  "dxf",
+  "fbx",
+  "mtl",
+  "obj",
+  "ply",
+  "stl",
+  // Document
+  "as",
+  "as3",
+  "asm",
+  "bat",
+  "boxnote",
+  "c",
+  "cc",
+  "cmake",
+  "cpp",
+  "cs",
+  "css",
+  "cxx",
+  "diff",
+  "doc",
+  "docx",
+  "eml",
+  "erb",
+  "groovy",
+  "h",
+  "haml",
+  "hh",
+  "hpp",
+  "htm",
+  "html",
+  "java",
+  "js",
+  "json",
+  "jww",
+  "less",
+  "log",
+  "m",
+  "make",
+  "md",
+  "ml",
+  "msg",
+  "olk14Message",
+  "pdf",
+  "php",
+  "pl",
+  "properties",
+  "py",
+  "rb",
+  "rst",
+  "sass",
+  "scala",
+  "scm",
+  "script",
+  "sh",
+  "sml",
+  "sql",
+  "vb",
+  "vi",
+  "vim",
+  "wpd",
+  "xhtml",
+  "xml",
+  "xsd",
+  "xsl",
+  "xbd",
+  "xdw",
+  "pyc",
+  // Drawing
+  "ai",
+  "boxcanvas",
+  "indd",
+  "odg",
+  "psd",
+  "svg",
+  // Image
+  "arw",
+  "bmp",
+  "cr2",
+  "dcm",
+  "dicm",
+  "dicom",
+  "dng",
+  "eps",
+  "exr",
+  "gif",
+  "heic",
+  "indd",
+  "indml",
+  "indt",
+  "inx",
+  "jpeg",
+  "jpg",
+  "nef",
+  "png",
+  "svg",
+  "tif",
+  "tiff",
+  "tga",
+  "svs",
+  // Presentation
+  "fodp",
+  "gslide",
+  "gslides",
+  "key",
+  "keynote",
+  "odp",
+  "otp",
+  "pez",
+  "pot",
+  "ppt",
+  "pptx",
+  // Spreadsheet
+  "csv",
+  "fods",
+  "gsheet",
+  "numbers",
+  "ods",
+  "tsv",
+  "xls",
+  "xlsm",
+  "xlsx",
+  "xlsb",
+  // Video
+  "3g2",
+  "3gp",
+  "avi",
+  "fla",
+  "flv",
+  "m2v",
+  "m2ts",
+  "m4v",
+  "mkv",
+  "mov",
+  "mpeg",
+  "mpg",
+  "mts",
+  "swf",
+  "ogg",
+  "qt",
+  "ts"
+];
+export {
+  s as BOX_SUPPORTED_FILE_EXTENSIONS
+};

package/dist/esm/lib/utils/getBoxLinks.js

@@ -0,0 +1,13 @@
+import { BOX_SUPPORTED_FILE_EXTENSIONS as o } from "./constants.js";
+function s(t) {
+  const e = /(https?:\/\/([^\/\s\)]+\.)?box\.com[^\s\)]*)/gi, n = t.match(e) || [];
+  return [...new Set(n)];
+}
+function i(t) {
+  const e = new RegExp(`\\b[\\w\\-.]+\\.(${o.join("|")})\\b`, "gi"), n = t.match(e) || [];
+  return [...new Set(n)];
+}
+export {
+  s as extractBoxLinks,
+  i as extractFileNames
+};

package/dist/types/lib/types.d.ts

@@ -175,6 +175,10 @@ export type RecordActionType = {
         issue_type: FeedbackIssueType | '';
         prompt_type?: string;
         question_id: string;
+    } | {
+        hostAppName: string;
+        linkCount: number;
+        fileNameCount: number;
     };
     component: string;
     feature: string;

package/dist/types/lib/utils/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Box supported file extensions from https://developer.box.com/guides/representations/supported-file-types/
+ */
+export declare const BOX_SUPPORTED_FILE_EXTENSIONS: readonly ["aac", "aif", "aifc", "aiff", "amr", "au", "flac", "m4a", "mp3", "ogg", "ra", "wav", "wma", "3ds", "box3d", "dae", "dwg", "dxf", "fbx", "mtl", "obj", "ply", "stl", "as", "as3", "asm", "bat", "boxnote", "c", "cc", "cmake", "cpp", "cs", "css", "cxx", "diff", "doc", "docx", "eml", "erb", "groovy", "h", "haml", "hh", "hpp", "htm", "html", "java", "js", "json", "jww", "less", "log", "m", "make", "md", "ml", "msg", "olk14Message", "pdf", "php", "pl", "properties", "py", "rb", "rst", "sass", "scala", "scm", "script", "sh", "sml", "sql", "vb", "vi", "vim", "wpd", "xhtml", "xml", "xsd", "xsl", "xbd", "xdw", "pyc", "ai", "boxcanvas", "indd", "odg", "psd", "svg", "arw", "bmp", "cr2", "dcm", "dicm", "dicom", "dng", "eps", "exr", "gif", "heic", "indd", "indml", "indt", "inx", "jpeg", "jpg", "nef", "png", "svg", "tif", "tiff", "tga", "svs", "fodp", "gslide", "gslides", "key", "keynote", "odp", "otp", "pez", "pot", "ppt", "pptx", "csv", "fods", "gsheet", "numbers", "ods", "tsv", "xls", "xlsm", "xlsx", "xlsb", "3g2", "3gp", "avi", "fla", "flv", "m2v", "m2ts", "m4v", "mkv", "mov", "mpeg", "mpg", "mts", "swf", "ogg", "qt", "ts"];

package/dist/types/lib/utils/getBoxLinks.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Utility functions for tracking files and links in AI responses
+ */
+/**
+ * Gets all box.com file links from text
+ * @param text - The text content to analyze
+ * @returns Array of box.com file links
+ */
+export declare function extractBoxLinks(text: string): string[];
+/**
+ * Extracts file names with extensions from text content
+ * @param text - The text content to analyze
+ * @returns Array of detected file names
+ */
+export declare function extractFileNames(text: string): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.139.4",
+    "version": "0.140.0",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.56.1",
@@ -17,11 +17,11 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.33.1",
-        "@box/blueprint-web-assets": "^4.58.0",
-        "@box/box-ai-agent-selector": "^0.47.13",
-        "@box/item-icon": "^0.13.13",
-        "@box/storybook-utils": "^0.13.12",
+        "@box/blueprint-web": "^12.33.2",
+        "@box/blueprint-web-assets": "^4.59.0",
+        "@box/box-ai-agent-selector": "^0.47.14",
+        "@box/item-icon": "^0.14.0",
+        "@box/storybook-utils": "^0.13.13",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",