@box/box-ai-content-answers 0.119.8 → 0.120.0

package/dist/chunks/types.js

@@ -1,12 +1,15 @@
 let n = /* @__PURE__ */ function(e) {
   return e.GENERAL = "general", e.RATE_LIMITING = "rate_limiting", e.NO_CONTENT = "no_content", e.PRECONDITION_FAILED = "precondition_failed", e.AGENT_NOT_FOUND = "agent_not_found", e.RESPONSE_FAILED = "response_failed", e.RESPONSE_INTERRUPTED = "response_interrupted", e.RESPONSE_STOPPED = "response_stopped", e;
-}({}), r = /* @__PURE__ */ function(e) {
-  return e.LARGE_FILE = "large_file", e.GENERAL = "general", e;
 }({}), t = /* @__PURE__ */ function(e) {
+  return e.LARGE_FILE = "large_file", e.GENERAL = "general", e;
+}({}), r = /* @__PURE__ */ function(e) {
   return e.NOT_STARTED = "not_started", e.IN_PROGRESS = "in_progress", e.SUCCESS = "success", e.ERROR = "error", e.CANCELLED = "cancelled", e;
+}({}), o = /* @__PURE__ */ function(e) {
+  return e.DID_NOT_FOLLOW_REQUEST = "did_not_follow_request", e.INACCURATE_ANSWER = "inaccurate_answer", e.OTHER = "other", e;
 }({});
 export {
   n as A,
-  r as C,
-  t as R
+  t as C,
+  o as F,
+  r as R
 };

package/dist/esm/index.js

@@ -1,20 +1,21 @@
-import { BoxAiContentAnswers as e } from "./lib/box-ai-content-answers.js";
+import { BoxAiContentAnswers as r } from "./lib/box-ai-content-answers.js";
 import { AnswerContent as p } from "./lib/components/answer/answer-content.js";
-import { withApiWrapper as s } from "./lib/components/api-wrapper/api-wrapper.js";
-import { C as x } from "../chunks/clear-conversation-button.js";
-import { IntelligenceModal as a } from "./lib/components/modal/modal.js";
+import { withApiWrapper as n } from "./lib/components/api-wrapper/api-wrapper.js";
+import { C as m } from "../chunks/clear-conversation-button.js";
+import { IntelligenceModal as R } from "./lib/components/modal/modal.js";
 import { APP_MODE as A } from "./lib/constants.js";
 import { usePromptFocus as C } from "./lib/hooks/usePromptFocus.js";
-import { A as T, C as l, R as O } from "../chunks/types.js";
+import { A as i, C as l, F as u, R as O } from "../chunks/types.js";
 export {
-  T as ANSWER_ERROR,
+  i as ANSWER_ERROR,
   A as APP_MODE,
   p as AnswerContent,
-  e as BoxAiContentAnswers,
+  r as BoxAiContentAnswers,
   l as CONTENT_ERROR,
-  x as ClearConversationButton,
-  a as IntelligenceModal,
+  m as ClearConversationButton,
+  u as FeedbackIssueType,
+  R as IntelligenceModal,
   O as REQUEST_STATE,
   C as usePromptFocus,
-  s as withApiWrapper
+  n as withApiWrapper
 };

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

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

package/dist/esm/lib/components/answer/feedback-tooltip.js

@@ -0,0 +1,106 @@
+import { Formik as y, Form as F } from "formik";
+import { GuidedTooltip as t, Radio as l, TextArea as I } from "@box/blueprint-web";
+import { useIntl as x } from "react-intl";
+import { F as d } from "../../../../chunks/types.js";
+import S from "../../messages.js";
+import a from "./messages.js";
+import { jsx as o, jsxs as i, Fragment as g } from "react/jsx-runtime";
+import '../../../../styles/feedback-tooltip.css';const A = "_feedbackTooltip_rsbqj_1", v = "_feedbackTooltipTitle_rsbqj_4", C = "_feedbackTooltipTextarea_rsbqj_7", N = "_feedbackTooltipSubmitBtn_rsbqj_10", c = {
+  feedbackTooltip: A,
+  feedbackTooltipTitle: v,
+  feedbackTooltipTextarea: C,
+  feedbackTooltipSubmitBtn: N
+}, O = ({
+  children: b,
+  isOpen: f,
+  onOpenChange: n,
+  onSubmit: m,
+  shouldShow: k
+}) => {
+  const {
+    formatMessage: e
+  } = x();
+  if (!k)
+    return b;
+  const u = () => {
+    n(!1);
+  }, _ = (s) => {
+    m(s);
+  };
+  return /* @__PURE__ */ o(t, {
+    className: c.feedbackTooltip,
+    closeLabel: e(S.closeButtonText),
+    content: /* @__PURE__ */ o(y, {
+      initialValues: {
+        feedback: "",
+        issueType: ""
+      },
+      onSubmit: _,
+      children: ({
+        submitForm: s,
+        setFieldValue: T,
+        values: {
+          feedback: h,
+          issueType: p
+        }
+      }) => /* @__PURE__ */ i(g, {
+        children: [/* @__PURE__ */ i(t.Body, {
+          children: [/* @__PURE__ */ o(t.Title, {
+            className: c.feedbackTooltipTitle,
+            children: e(a.feedbackTooltipTitle)
+          }), /* @__PURE__ */ i(F, {
+            children: [/* @__PURE__ */ o(l.Legend, {
+              header: e(a.feedbackTooltipIssueTypeLabel),
+              children: /* @__PURE__ */ i(l.Group, {
+                defaultValue: "",
+                loop: !0,
+                name: "issueType",
+                onValueChange: (r) => T("issueType", r),
+                orientation: "vertical",
+                value: p,
+                children: [/* @__PURE__ */ o(l.Item, {
+                  label: e(a.feedbackTooltipIssueTypeAnswer1),
+                  value: d.INACCURATE_ANSWER
+                }), /* @__PURE__ */ o(l.Item, {
+                  label: e(a.feedbackTooltipIssueTypeAnswer2),
+                  value: d.DID_NOT_FOLLOW_REQUEST
+                }), /* @__PURE__ */ o(l.Item, {
+                  label: e(a.feedbackTooltipIssueTypeAnswer3),
+                  value: d.OTHER
+                })]
+              })
+            }), /* @__PURE__ */ o(I, {
+              className: c.feedbackTooltipTextarea,
+              label: e(a.feedbackTooltipFeedbackLabel),
+              maxRows: 4,
+              minRows: 4,
+              onChange: (r) => T("feedback", r.target.value),
+              placeholder: e(a.feedbackTooltipFeedbackPlaceholder),
+              value: h
+            })]
+          })]
+        }), /* @__PURE__ */ i(t.Footer, {
+          children: [/* @__PURE__ */ o(t.Footer.SecondaryAction, {
+            onClick: u,
+            size: "large",
+            children: e(a.feedbackTooltipCancel)
+          }), /* @__PURE__ */ o(t.Footer.PrimaryAction, {
+            className: c.feedbackTooltipSubmitBtn,
+            disabled: !p,
+            onClick: () => s(),
+            size: "large",
+            children: e(a.feedbackTooltipSubmit)
+          })]
+        })]
+      })
+    }),
+    onOpenChange: n,
+    open: f,
+    side: "left",
+    children: b
+  });
+};
+export {
+  O as FeedbackTooltip,
+  O as default
+};

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

@@ -1,5 +1,5 @@
 import { defineMessages as e } from "react-intl";
-const n = e({
+const t = e({
   basedOn: {
     id: "boxAI.contentAnswers.basedOn",
     defaultMessage: "Based on:"
@@ -28,6 +28,46 @@ const n = e({
     id: "boxAI.contentAnswers.copyToClipboardSucceeded",
     defaultMessage: "Copied to your clipboard"
   },
+  feedbackTooltipCancel: {
+    id: "boxAI.contentAnswers.feedbackTooltipCancel",
+    defaultMessage: "Cancel"
+  },
+  feedbackTooltipConfirmation: {
+    id: "boxAI.contentAnswers.feedbackTooltipConfirmation",
+    defaultMessage: "Thank you for the feedback."
+  },
+  feedbackTooltipFeedbackLabel: {
+    id: "boxAI.contentAnswers.feedbackTooltipFeedback",
+    defaultMessage: "How can we improve the experience?"
+  },
+  feedbackTooltipFeedbackPlaceholder: {
+    id: "boxAI.contentAnswers.feedbackTooltipFeedbackPlaceholder",
+    defaultMessage: "Please omit personal info, sensitive content, or links in your feedback as submissions to Box aren't confidential."
+  },
+  feedbackTooltipIssueTypeLabel: {
+    id: "boxAI.contentAnswers.feedbackTooltipIssueTypeLabel",
+    defaultMessage: "What type of issue do you wish to report?"
+  },
+  feedbackTooltipIssueTypeAnswer1: {
+    id: "boxAI.contentAnswers.feedbackTooltipIssueTypeAnswer1",
+    defaultMessage: "Inaccurate answer"
+  },
+  feedbackTooltipIssueTypeAnswer2: {
+    id: "boxAI.contentAnswers.feedbackTooltipIssueTypeAnswer2",
+    defaultMessage: "Did not follow my request"
+  },
+  feedbackTooltipIssueTypeAnswer3: {
+    id: "boxAI.contentAnswers.feedbackTooltipIssueTypeAnswer3",
+    defaultMessage: "Other"
+  },
+  feedbackTooltipTitle: {
+    id: "boxAI.contentAnswers.feedbackTooltipTitle",
+    defaultMessage: "Share your feedback"
+  },
+  feedbackTooltipSubmit: {
+    id: "boxAI.contentAnswers.feedbackTooltipSubmit",
+    defaultMessage: "Submit"
+  },
   inlineNoContentErrorText: {
     id: "boxAI.contentAnswers.inlineNoContentErrorText",
     defaultMessage: "Relevant content cannot be found. Please try again later or ask a different question."
@@ -82,5 +122,5 @@ const n = e({
   }
 });
 export {
-  n as default
+  t as default
 };

package/dist/esm/lib/components/answer/thumb-buttons.js

@@ -1,68 +1,107 @@
-import { Tooltip as f, IconButton as _ } from "@box/blueprint-web";
-import { ThumbUp as B, ThumbDown as M } from "@box/blueprint-web-assets/icons/Fill";
-import { ThumbUp as d, ThumbDown as O } from "@box/blueprint-web-assets/icons/Line";
-import e from "react";
-import { useIntl as C } from "react-intl";
-import { LOGGER_BASE_CONFIG as H, LOGGER_ACTION_PROGRAMMATIC as L } from "../common/constants.js";
-import u from "./messages.js";
-import { focusInput as N } from "../common/focusInputUtils.js";
-import { jsxs as g, Fragment as w, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const I = "_thumbDown_1axcd_1", x = {
-  thumbDown: I
-}, o = {
+import { useNotification as P, Tooltip as T, IconButton as M } from "@box/blueprint-web";
+import { ThumbUp as R, ThumbDown as v } from "@box/blueprint-web-assets/icons/Fill";
+import { ThumbUp as E, ThumbDown as I } from "@box/blueprint-web-assets/icons/Line";
+import U from "react";
+import { useIntl as W } from "react-intl";
+import { FeedbackTooltip as $ } from "./feedback-tooltip.js";
+import { LOGGER_BASE_CONFIG as j, LOGGER_ACTION_PROGRAMMATIC as z } from "../common/constants.js";
+import n from "../../messages.js";
+import r from "./messages.js";
+import { focusInput as A } from "../common/focusInputUtils.js";
+import { jsxs as S, Fragment as J, jsx as f } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const K = "_thumbDown_1axcd_1", Q = {
+  thumbDown: K
+}, u = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
-}, z = ({
-  recordAction: m,
-  variant: i,
-  items: p,
-  hostAppName: r,
-  questionId: h,
-  feedbackValue: U,
-  setAnswerFeedback: l
+}, tt = ({
+  feedbackValue: L,
+  hostAppName: h,
+  isFeedbackFormEnabled: p = !1,
+  isFeedbackTooltipOpen: w = !1,
+  items: D,
+  onFeedbackFormSubmit: b,
+  onFeedbackTooltipOpenChange: s,
+  questionId: a,
+  recordAction: i,
+  setAnswerFeedback: o,
+  variant: B
 }) => {
   const {
-    formatMessage: n
-  } = C(), a = U, T = e.useMemo(() => p.filter((t) => t.status === "supported").map((t) => t.fileType), [p]), s = e.useCallback((t) => {
-    a !== t && (l == null || l(h, t), m == null || m({
-      ...H,
-      action: L,
+    formatMessage: m
+  } = W(), {
+    addNotification: y
+  } = P(), l = L, c = U.useMemo(() => D.filter((t) => t.status === "supported").map((t) => t.fileType), [D]), _ = U.useCallback((t) => {
+    l !== t && (o == null || o(a, t), i == null || i({
+      ...j,
+      action: z,
       target: "answer_feedback",
-      component: i,
+      component: B,
       data: {
         feedback_value: t,
-        file_types: T,
-        feature: r
+        file_types: c,
+        feature: h
       }
-    }), N());
-  }, [r, m, a, i, T, h, l]), c = e.useCallback(() => s(o.THUMB_UP), [s]), D = e.useCallback(() => s(o.THUMB_DOWN), [s]);
-  return /* @__PURE__ */ g(w, {
-    children: [/* @__PURE__ */ b(f, {
-      content: n(u.thumbsUpAriaLabel),
-      children: /* @__PURE__ */ b(_, {
-        "aria-label": n(u.thumbsUpAriaLabel),
-        disabled: a === o.THUMB_DOWN,
-        icon: a === o.THUMB_UP ? B : d,
-        onClick: c,
+    }), A());
+  }, [h, i, l, B, c, a, o]), N = ({
+    feedback: t,
+    issueType: G
+  }) => {
+    b == null || b({
+      feedback: t,
+      fileTypes: c,
+      hasFeedback: !!t,
+      hostApp: h,
+      issueType: G,
+      timestamp: Date.now(),
+      questionId: a
+    }, () => {
+      y({
+        sensitivity: "foreground",
+        styledText: m(r.feedbackTooltipConfirmation),
+        variant: "success",
+        typeIconAriaLabel: m(n.ariaTypeSuccessIconLabel),
+        closeButtonAriaLabel: m(n.closeButtonText)
+      });
+    }), s == null || s(!1, a);
+  }, x = (t) => {
+    t || s == null || s(!1, a);
+  }, H = U.useCallback(() => _(u.THUMB_UP), [_]), e = U.useCallback(() => {
+    _(u.THUMB_DOWN), s == null || s(!0, a);
+  }, [_, s, a]);
+  return /* @__PURE__ */ S(J, {
+    children: [/* @__PURE__ */ f(T, {
+      content: m(r.thumbsUpAriaLabel),
+      children: /* @__PURE__ */ f(M, {
+        "aria-label": m(r.thumbsUpAriaLabel),
+        disabled: l === u.THUMB_DOWN,
+        icon: l === u.THUMB_UP ? R : E,
+        onClick: H,
         size: "x-small",
         "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
-    }), /* @__PURE__ */ b(f, {
-      content: n(u.thumbsDownAriaLabel),
-      children: /* @__PURE__ */ b(_, {
-        "aria-label": n(u.thumbsDownAriaLabel),
-        className: x.thumbDown,
-        disabled: a === o.THUMB_UP,
-        icon: a === o.THUMB_DOWN ? M : O,
-        onClick: D,
-        size: "x-small",
-        "data-target-id": "IconButton-thumbsDownAriaLabel"
+    }), /* @__PURE__ */ f($, {
+      isOpen: w,
+      onOpenChange: x,
+      onSubmit: N,
+      shouldShow: p,
+      children: /* @__PURE__ */ f(T, {
+        content: m(r.thumbsDownAriaLabel),
+        children: /* @__PURE__ */ f(M, {
+          "aria-label": m(r.thumbsDownAriaLabel),
+          className: Q.thumbDown,
+          disabled: l === u.THUMB_UP,
+          icon: l === u.THUMB_DOWN ? v : I,
+          onClick: e,
+          size: "x-small",
+          "data-target-id": "IconButton-thumbsDownAriaLabel"
+        })
       })
     })]
   });
 };
 export {
-  z as ThumbButtons,
-  z as default
+  tt as ThumbButtons,
+  tt as default
 };