@box/box-ai-content-answers 0.102.0 → 0.103.0

package/chunks/stopResponseButton.js

@@ -0,0 +1,49 @@
+import * as i from "react";
+import { useIntl as p } from "react-intl";
+import { Tooltip as u, Button as _ } from "@box/blueprint-web";
+import { Stop as f } from "@box/blueprint-web-assets/icons/Fill";
+import { LOGGER_BASE_CONFIG as m, LOGGER_ACTION_CLICK as l } from "../esm/lib/components/common/constants.js";
+import e from "../esm/lib/components/footer/messages.js";
+import { jsx as n } from "react/jsx-runtime";
+import '../styles/stopResponseButton.css';const c = "_questionInput_ff9qa_1", q = "_avatar_ff9qa_26", d = "_inputAreaButton_ff9qa_29", B = "_square_ff9qa_45", b = "_textArea_ff9qa_52", R = "_error_ff9qa_75", A = "_sidebar_ff9qa_78", C = "_submitButtonTooltip_ff9qa_86", I = {
+  questionInput: c,
+  avatar: q,
+  inputAreaButton: d,
+  square: B,
+  textArea: b,
+  error: R,
+  sidebar: A,
+  submitButtonTooltip: C
+};
+function S({
+  recordAction: t,
+  lastQuestion: o,
+  onStopQuestion: s
+}) {
+  const a = p(), r = i.useCallback(() => {
+    t && t({
+      ...m,
+      action: l,
+      target: "stopResponse"
+    }), s(o);
+  }, [o, s, t]);
+  return /* @__PURE__ */ n(u, {
+    content: a.formatMessage(e.stopResponse),
+    "data-testid": "stop-response-tooltip",
+    variant: "standard",
+    children: /* @__PURE__ */ n(_, {
+      "aria-label": a.formatMessage(e.stopResponse),
+      "aria-live": "polite",
+      className: I.inputAreaButton,
+      "data-testid": "content-answers-stop-response-button",
+      icon: f,
+      onClick: r,
+      size: "large",
+      "data-target-id": "Button-stopResponse"
+    })
+  });
+}
+export {
+  S,
+  I as s
+};

package/esm/lib/components/footer/footer-actions.js

@@ -1,67 +1,47 @@
-import { Button as l } from "@box/blueprint-web";
-import { useRef as N, useCallback as p, useEffect as y } from "react";
-import { useIntl as O } from "react-intl";
-import { A as m } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as u, LOGGER_ACTION_CLICK as R } from "../common/constants.js";
-import d from "./messages.js";
-import { jsxs as w, jsx as B } from "react/jsx-runtime";
-import '../../../../styles/footer-actions.css';const k = "_footerActions_1l4g8_1", v = "_footerActionButton_1l4g8_11", a = {
-  footerActions: k,
-  footerActionButton: v
-}, j = ({
-  isStopResponseEnabled: E = !1,
-  isStreamingEnabled: _ = !1,
+import { Button as u } from "@box/blueprint-web";
+import { useRef as R, useCallback as p, useEffect as E } from "react";
+import { useIntl as _ } from "react-intl";
+import { A as c } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as A, LOGGER_ACTION_CLICK as d } from "../common/constants.js";
+import B from "./messages.js";
+import { jsx as a } from "react/jsx-runtime";
+import '../../../../styles/footer-actions.css';const S = "_footerActions_1l4g8_1", N = "_footerActionButton_1l4g8_11", i = {
+  footerActions: S,
+  footerActionButton: N
+}, P = ({
   lastQuestion: o,
-  onRetryQuestion: s,
-  onStopQuestion: c,
-  recordAction: t
+  onRetryQuestion: r,
+  recordAction: e
 }) => {
   const {
-    answer: S,
-    error: n,
-    isCompleted: g
-  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = _ && !g && (E || S), h = i || e, r = N(null), {
-    formatMessage: f
-  } = O(), A = p(() => {
-    t && t({
-      ...u,
-      action: R,
-      target: "stopResponse"
-    }), c(o);
-  }, [o, c, t]), C = p(() => {
-    t && t({
-      ...u,
-      action: R,
+    error: n
+  } = o, t = r && n && n !== c.RESPONSE_STOPPED && n !== c.RESPONSE_INTERRUPTED, f = t, s = R(null), {
+    formatMessage: l
+  } = _(), m = p(() => {
+    e && e({
+      ...A,
+      action: d,
       target: "retryResponse"
-    }), s(o);
-  }, [o, s, t]);
-  return y(() => {
-    e && r.current && r.current.focus();
-  }, [e]), h ? /* @__PURE__ */ w("div", {
-    className: a.footerActions,
+    }), r(o);
+  }, [o, r, e]);
+  return E(() => {
+    t && s.current && s.current.focus();
+  }, [t]), f ? /* @__PURE__ */ a("div", {
+    className: i.footerActions,
     "data-testid": "content-answers-modal-footer-actions",
-    children: [i && /* @__PURE__ */ B(l, {
+    children: t && /* @__PURE__ */ a(u, {
+      ref: s,
       "aria-live": "polite",
-      className: a.footerActionButton,
-      "data-testid": "content-answers-stop-response-button",
-      onClick: A,
-      size: "large",
-      variant: "secondary",
-      "data-target-id": "Button-stopResponse",
-      children: f(d.stopResponse)
-    }), e && /* @__PURE__ */ B(l, {
-      ref: r,
-      "aria-live": "polite",
-      className: a.footerActionButton,
+      className: i.footerActionButton,
       "data-testid": "content-answers-retry-response-button",
-      onClick: C,
+      onClick: m,
       size: "large",
       variant: "secondary",
       "data-target-id": "Button-retryResponse",
-      children: f(d.retryResponse)
-    })]
+      children: l(B.retryResponse)
+    })
   }) : null;
 };
 export {
-  j as FooterActions
+  P as FooterActions
 };

package/esm/lib/components/footer/footer.js

@@ -1,122 +1,119 @@
-import W from "clsx";
+import Y from "clsx";
 import * as r from "react";
-import { useIntl as z } from "react-intl";
-import { useBreakpoint as V, Breakpoint as Y, TextArea as $, Tooltip as g, Button as q } from "@box/blueprint-web";
-import { ArrowUp as J } from "@box/blueprint-web-assets/icons/Fill";
-import { useAgents as Q } from "@box/box-ai-agent-selector";
-import { useAgents as Z } from "../../contexts/AgentsContext.js";
-import { FooterActions as P } from "./footer-actions.js";
-import { getAIAgentConfig as N } from "../common/agentUtils.js";
-import { isDebugModeTrigger as tt, isEnterTrigger as at } from "../common/keyInputUtils.js";
-import { TEXT_AREA as o, INPUT_TARGET_ID as rt } from "./constants.js";
-import u from "./messages.js";
-import { LOGGER_BASE_CONFIG as O, LOGGER_ACTION_CLICK as et, LOGGER_ACTION_KEYPRESS as st } from "../common/constants.js";
-import { jsxs as R, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/footer.css';const ot = "_questionInput_169rs_1", it = "_avatar_169rs_26", nt = "_submitButton_169rs_29", mt = "_textArea_169rs_45", ut = "_error_169rs_68", ct = "_sidebar_169rs_71", lt = "_submitButtonTooltip_169rs_79", T = {
-  questionInput: ot,
-  avatar: it,
-  submitButton: nt,
-  textArea: mt,
-  error: ut,
-  sidebar: ct,
-  submitButtonTooltip: lt
-}, vt = ({
-  askSuggestedQuestion: C,
-  enableDebugMode: h = !1,
+import { useIntl as $ } from "react-intl";
+import { useBreakpoint as g, Breakpoint as J, TextArea as Z, Tooltip as P, Button as Q } from "@box/blueprint-web";
+import { ArrowUp as q } from "@box/blueprint-web-assets/icons/Fill";
+import { useAgents as tt } from "@box/box-ai-agent-selector";
+import { useAgents as at } from "../../contexts/AgentsContext.js";
+import { FooterActions as rt } from "./footer-actions.js";
+import { s as T, S as et } from "../../../../chunks/stopResponseButton.js";
+import { getAIAgentConfig as v } from "../common/agentUtils.js";
+import { isDebugModeTrigger as st, isEnterTrigger as it } from "../common/keyInputUtils.js";
+import { TEXT_AREA as i, INPUT_TARGET_ID as ot } from "./constants.js";
+import l from "./messages.js";
+import { LOGGER_BASE_CONFIG as B, LOGGER_ACTION_CLICK as nt, LOGGER_ACTION_KEYPRESS as mt } from "../common/constants.js";
+import { jsxs as R, jsx as u } from "react/jsx-runtime";
+const Gt = ({
+  askSuggestedQuestion: _,
+  enableDebugMode: L = !1,
   hasRequestInProgress: e,
-  isAgentSelectorEnabled: f,
-  isAIStudioAgentSelectorEnabled: p,
-  isDebugModeShown: x,
-  isStopResponseEnabled: X,
-  isStreamingEnabled: I,
-  lastQuestion: A,
-  onRetryQuestion: E,
-  onStopQuestion: w,
+  isAgentSelectorEnabled: p,
+  isAIStudioAgentSelectorEnabled: d,
+  isDebugModeShown: M,
+  isStopResponseEnabled: w,
+  isStreamingEnabled: X,
+  lastQuestion: C,
+  onRetryQuestion: x,
+  onStopQuestion: H,
   recordAction: s,
-  sendQuestion: L,
-  setAskSuggestedQuestion: M,
-  toggleDebugMode: i,
-  variant: H = "modal"
+  sendQuestion: G,
+  setAskSuggestedQuestion: A,
+  toggleDebugMode: o,
+  variant: S = "modal"
 }) => {
-  const v = H === "sidebar", n = z(), y = V(), a = /* @__PURE__ */ r.createRef(), K = y <= Y.Medium && !v ? o.MAX_ROWS_MOBILE : o.MAX_ROWS, [c, B] = r.useState(!0), [F, G] = r.useState(!1), {
-    selectedAgent: _
-  } = Z(), {
-    selectedAgent: d
-  } = Q(), k = r.useCallback(() => {
+  const N = S === "sidebar", n = $(), y = g(), a = /* @__PURE__ */ r.createRef(), I = y <= J.Medium && !N ? i.MAX_ROWS_MOBILE : i.MAX_ROWS, [c, b] = r.useState(!0), [K, O] = r.useState(!1), {
+    selectedAgent: h
+  } = at(), {
+    selectedAgent: k
+  } = tt(), {
+    answer: F,
+    isCompleted: j
+  } = C ?? {}, D = X && j === !1 && (w || F), E = r.useCallback(() => {
     a.current && a.current.focus();
-  }, [a]), j = r.useCallback(() => {
+  }, [a]), U = r.useCallback(() => {
     var m;
     let t = ((m = a.current) == null ? void 0 : m.value) ?? "";
-    a.current && t.length > o.MAX_LENGTH && (a.current.value = t.slice(0, o.MAX_LENGTH), t = a.current.value), G(t.length >= o.MAX_LENGTH), B(t.trim().length === 0);
-  }, [a]), l = r.useCallback(() => {
-    if (k(), !e && a.current) {
+    a.current && t.length > i.MAX_LENGTH && (a.current.value = t.slice(0, i.MAX_LENGTH), t = a.current.value), O(t.length >= i.MAX_LENGTH), b(t.trim().length === 0);
+  }, [a]), f = r.useCallback(() => {
+    if (E(), !e && a.current) {
       const t = {
         prompt: a.current.value
       };
       if (t.prompt && t.prompt.trim()) {
-        const m = N(f, _, p, d);
-        L(t, m), a.current.value = "", B(!0), G(!1);
+        const m = v(p, h, d, k);
+        G(t, m), a.current.value = "", b(!0), O(!1);
       }
-      x && i && i();
+      M && o && o();
     }
-  }, [d, k, e, a, p, f, x, _, L, i]), D = r.useCallback((t) => {
+  }, [k, E, e, a, d, p, M, h, G, o]), W = r.useCallback((t) => {
     t.preventDefault(), !e && !c && s && s({
-      ...O,
-      action: et,
+      ...B,
+      action: nt,
       target: "ask"
-    }), l();
-  }, [e, c, s, l]), S = r.useCallback((t) => {
-    h && i && tt(t) && i(), at(t) && (t.preventDefault(), !e && !c && s && s({
-      ...O,
-      action: st,
+    }), f();
+  }, [e, c, s, f]), z = r.useCallback((t) => {
+    L && o && st(t) && o(), it(t) && (t.preventDefault(), !e && !c && s && s({
+      ...B,
+      action: mt,
       target: "ask"
-    }), l());
-  }, [h, e, c, s, l, i]), U = r.useCallback((t) => {
-    const m = N(f, _, p, d);
-    E(t, m);
-  }, [d, p, f, E, _]);
+    }), f());
+  }, [L, e, c, s, f, o]), V = r.useCallback((t) => {
+    const m = v(p, h, d, k);
+    x(t, m);
+  }, [k, d, p, x, h]);
   return r.useEffect(() => {
-    queueMicrotask(k);
+    queueMicrotask(E);
   }, []), r.useEffect(() => {
-    C && a.current && !e && M && (a.current.value = C, l(), M(null));
-  }, [C]), /* @__PURE__ */ R("div", {
-    children: [A && /* @__PURE__ */ b(P, {
-      isStopResponseEnabled: X,
-      isStreamingEnabled: I,
-      lastQuestion: A,
-      onRetryQuestion: U,
-      onStopQuestion: w,
+    _ && a.current && !e && A && (a.current.value = _, f(), A(null));
+  }, [_]), /* @__PURE__ */ R("div", {
+    children: [C && /* @__PURE__ */ u(rt, {
+      lastQuestion: C,
+      onRetryQuestion: V,
       recordAction: s
     }), /* @__PURE__ */ R("div", {
-      className: W(T.questionInput, v && T.sidebar),
-      children: [/* @__PURE__ */ b($, {
+      className: Y(T.questionInput, N && T.sidebar),
+      children: [/* @__PURE__ */ u(Z, {
         ref: a,
         className: T.textArea,
-        "data-target-id": rt,
+        "data-target-id": ot,
         "data-testid": "content-answers-question-input",
-        error: F && n.formatMessage(u.maxCharactersReachedError, {
-          characterLimit: o.MAX_LENGTH
+        error: K && n.formatMessage(l.maxCharactersReachedError, {
+          characterLimit: i.MAX_LENGTH
         }),
         hideLabel: !0,
-        label: n.formatMessage(u.askQuestionPlaceholder),
-        maxLength: o.MAX_LENGTH,
-        maxRows: K,
-        onChange: j,
-        onKeyDown: S,
-        placeholder: n.formatMessage(u.askQuestionPlaceholder)
-      }), /* @__PURE__ */ b(g, {
-        content: n.formatMessage(u.ask),
+        label: n.formatMessage(l.askQuestionPlaceholder),
+        maxLength: i.MAX_LENGTH,
+        maxRows: I,
+        onChange: U,
+        onKeyDown: z,
+        placeholder: n.formatMessage(l.askQuestionPlaceholder)
+      }), D ? /* @__PURE__ */ u(et, {
+        lastQuestion: C,
+        onStopQuestion: H,
+        recordAction: s
+      }) : /* @__PURE__ */ u(P, {
+        content: n.formatMessage(l.ask),
         "data-testid": "ask-tooltip",
         variant: "standard",
-        children: /* @__PURE__ */ b(q, {
-          "aria-label": n.formatMessage(u.ask),
-          className: T.submitButton,
+        children: /* @__PURE__ */ u(Q, {
+          "aria-label": n.formatMessage(l.ask),
+          className: T.inputAreaButton,
           "data-testid": "content-answers-submit-button",
           disabled: c || e,
-          icon: J,
+          icon: q,
           loading: !1,
-          loadingAriaLabel: n.formatMessage(u.askDisabledTooltip),
-          onClick: D,
+          loadingAriaLabel: n.formatMessage(l.askDisabledTooltip),
+          onClick: W,
           size: "large",
           "data-target-id": "Button-ask"
         })
@@ -125,5 +122,5 @@ import '../../../../styles/footer.css';const ot = "_questionInput_169rs_1", it =
   });
 };
 export {
-  vt as Footer
+  Gt as Footer
 };

package/esm/lib/components/footer/stopResponseButton.js

@@ -0,0 +1,11 @@
+import "react";
+import "react-intl";
+import "@box/blueprint-web";
+import "@box/blueprint-web-assets/icons/Fill";
+import "../common/constants.js";
+import "./messages.js";
+import { S } from "../../../../chunks/stopResponseButton.js";
+import "react/jsx-runtime";
+export {
+  S as StopResponseButton
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.102.0",
+  "version": "0.103.0",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
-    "@box/blueprint-web-assets": "^4.16.0",
+    "@box/blueprint-web-assets": "^4.35.0",
     "@box/box-ai-agent-selector": "^0.20.0",
     "@box/item-icon": "^0.9.44",
     "highlight.js": "^11.9.0",
@@ -16,10 +16,10 @@
   },
   "devDependencies": {
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.8",
+    "@box/blueprint-web": "^9.18.9",
     "@box/blueprint-web-assets": "^4.35.0",
-    "@box/box-ai-agent-selector": "^0.30.0",
-    "@box/item-icon": "^0.9.90",
+    "@box/box-ai-agent-selector": "^0.30.1",
+    "@box/item-icon": "^0.9.91",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -57,5 +57,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "19ac5dc692790cdb80e55f129c4aa8e8a4583e95"
+  "gitHead": "4215fe3a62e09e3b9564665725e4520daf828f58"
 }

package/styles/stopResponseButton.css

@@ -0,0 +1 @@
+._questionInput_ff9qa_1{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:end;margin:1rem;padding:0;background:#fff;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:1px solid #909090!important;border-radius:1.5rem!important;box-shadow:0 2px 12px #2222221f}._questionInput_ff9qa_1:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:1px solid rgba(0,0,0,0)!important}._questionInput_ff9qa_1:focus-within{box-sizing:unset!important;margin:calc(1rem - 1px);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:2px solid rgba(0,0,0,0)!important}._questionInput_ff9qa_1 ._avatar_ff9qa_26{margin-bottom:.25rem}._questionInput_ff9qa_1 ._inputAreaButton_ff9qa_29{position:absolute;right:0;margin-right:.25rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fe03dc,#2784fa);border:0;border-radius:1.5rem!important}._questionInput_ff9qa_1 ._inputAreaButton_ff9qa_29:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_ff9qa_1 ._inputAreaButton_ff9qa_29:not(:disabled):hover,._questionInput_ff9qa_1 ._inputAreaButton_ff9qa_29:not(:disabled):active{background:linear-gradient(135deg,#cb02b0,#1f6ac8);border:0}._questionInput_ff9qa_1 ._square_ff9qa_45{display:inline-block;width:15px;height:15px;background-color:#fff;border-radius:3px}._questionInput_ff9qa_1 ._textArea_ff9qa_52{gap:0;width:100%;margin:0 1rem 0 0;padding-right:46px;box-shadow:none}._questionInput_ff9qa_1 ._textArea_ff9qa_52 div{box-shadow:none!important}._questionInput_ff9qa_1 ._textArea_ff9qa_52 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_ff9qa_1 ._textArea_ff9qa_52 textarea{width:100%;margin:.475rem 0;padding:.4rem 1rem;background:inherit;border:none;border-radius:1.25rem;box-shadow:none}._questionInput_ff9qa_1 ._textArea_ff9qa_52 textarea:not(:disabled):not(:focus-visible):not(._error_ff9qa_75):hover{background:inherit}._questionInput_ff9qa_1._sidebar_ff9qa_78 ._textArea_ff9qa_52{padding-right:26px}._questionInput_ff9qa_1._sidebar_ff9qa_78 ._textArea_ff9qa_52 div{align-items:center;height:100%}._submitButtonTooltip_ff9qa_86{text-align:center}@media (max-width: 767px){._questionInput_ff9qa_1 ._textArea_ff9qa_52{margin:0 .75rem 0 0}}

package/types/lib/components/footer/footer-actions.d.ts

@@ -1,10 +1,7 @@
-import { QuestionType, RetryQuestion, StopQuestion } from '../../types';
+import { QuestionType, RetryQuestion } from '../../types';
 export interface FooterProps {
-    isStopResponseEnabled?: boolean;
-    isStreamingEnabled?: boolean;
     lastQuestion: QuestionType | null;
     onRetryQuestion?: RetryQuestion;
-    onStopQuestion?: StopQuestion;
     recordAction?: (payload: Record<string, unknown>) => void;
 }
-export declare const FooterActions: ({ isStopResponseEnabled, isStreamingEnabled, lastQuestion, onRetryQuestion, onStopQuestion, recordAction, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterActions: ({ lastQuestion, onRetryQuestion, recordAction }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/footer/stopResponseButton.d.ts

@@ -0,0 +1,7 @@
+import { QuestionType, StopQuestion } from '../../types';
+export interface StopResponseButtonProps {
+    lastQuestion: QuestionType | null;
+    onStopQuestion?: StopQuestion;
+    recordAction?: (payload: Record<string, unknown>) => void;
+}
+export declare function StopResponseButton({ recordAction, lastQuestion, onStopQuestion }: StopResponseButtonProps): import("react/jsx-runtime").JSX.Element;

package/styles/footer.css

@@ -1 +0,0 @@
-._questionInput_169rs_1{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:end;background:#fff;box-shadow:0 2px 12px #2222221f;margin:1rem;padding:0;border:1px solid #909090!important;border-radius:1.5rem!important;background-origin:border-box!important;background-clip:padding-box,border-box!important}._questionInput_169rs_1:hover{border:1px solid rgba(0,0,0,0)!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important}._questionInput_169rs_1:focus-within{border:2px solid rgba(0,0,0,0)!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;box-sizing:unset!important;margin:calc(1rem - 1px)}._questionInput_169rs_1 ._avatar_169rs_26{margin-bottom:.25rem}._questionInput_169rs_1 ._submitButton_169rs_29{position:absolute;right:0;border:0;background:linear-gradient(135deg,#fe03dc,#2784fa);border-radius:1.5rem!important;margin-right:.25rem;margin-bottom:.25rem}._questionInput_169rs_1 ._submitButton_169rs_29:not(:disabled):hover,._questionInput_169rs_1 ._submitButton_169rs_29:not(:disabled):active{border:0;background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_169rs_1 ._submitButton_169rs_29:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_169rs_1 ._textArea_169rs_45{gap:0;width:100%;margin:0 1rem 0 0;box-shadow:none;padding-right:46px}._questionInput_169rs_1 ._textArea_169rs_45 div{box-shadow:none!important}._questionInput_169rs_1 ._textArea_169rs_45 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_169rs_1 ._textArea_169rs_45 textarea{border:none;box-shadow:none;width:100%;border-radius:1.25rem;padding:.4rem 1rem;margin:.475rem 0;background:inherit}._questionInput_169rs_1 ._textArea_169rs_45 textarea:not(:disabled):not(:focus-visible):not(._error_169rs_68):hover{background:inherit}._questionInput_169rs_1._sidebar_169rs_71 ._textArea_169rs_45{padding-right:26px}._questionInput_169rs_1._sidebar_169rs_71 ._textArea_169rs_45 div{align-items:center;height:100%}._submitButtonTooltip_169rs_79{text-align:center}@media (max-width: 767px){._questionInput_169rs_1 ._textArea_169rs_45{margin:0 .75rem 0 0}}