@activecollab/components 2.0.417 → 2.0.418

package/dist/cjs/presentation/shared/MessageFeedback.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POSITIVE_FEEDBACK_OPTIONS = exports.NEGATIVE_FEEDBACK_OPTIONS = exports.MessageFeedback = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _BreakPoints = require("../../components/BreakPoints");
+var _Button = require("../../components/Button");
+var _Dialog = require("../../components/Dialog");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _Label = require("../../components/Label");
+var _Textarea = require("../../components/Textarea");
+var _Tooltip = require("../../components/Tooltip");
+var _Typography = require("../../components/Typography");
+var _Typography2 = require("../../components/Typography/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * MessageFeedback — the reusable "Was this helpful?" flow, as a Presentation
+ * mock.
+ *
+ * It is built only from design-system parts and owns the whole flow, so any
+ * content surface (the message dialog, a help article, a settings panel) can
+ * drop it in and get the same behaviour:
+ *
+ *  1. Prompt   — an inline "Was this helpful?" row with a thumb up / down.
+ *  2. Details  — a centred dialog: option chips for the chosen sentiment,
+ *                plus an optional free-text comment. Submit or Cancel.
+ *  3. Thank you — a short confirmation, then the prompt shows a quiet
+ *                "Thanks for your feedback!".
+ *
+ * The vote is recorded the moment a thumb is pressed (`onVote`), so a user who
+ * cancels the details step still leaves a valid vote — the same contract the
+ * trial Feedback flow uses. The details are reported on Submit (`onSubmit`).
+ *
+ * In the product this lives in application code; the presentation ships this
+ * demo copy so the stories need no app imports.
+ */
+
+/* ---- public types & default option catalogs ------------------------ */
+
+/* The options rate the one piece of content, not the whole product. Each
+   negative option maps to an action a writer can take. Override per surface
+   through the component props. */
+var POSITIVE_FEEDBACK_OPTIONS = exports.POSITIVE_FEEDBACK_OPTIONS = [{
+  id: "clear",
+  label: "Clear and easy to understand"
+}, {
+  id: "answered",
+  label: "Answered my question"
+}, {
+  id: "right-detail",
+  label: "Right amount of detail"
+}, {
+  id: "helped-use",
+  label: "Helped me use the feature"
+}, {
+  id: "good-examples",
+  label: "Good examples or screenshots"
+}, {
+  id: "other",
+  label: "Other"
+}];
+var NEGATIVE_FEEDBACK_OPTIONS = exports.NEGATIVE_FEEDBACK_OPTIONS = [{
+  id: "not-answered",
+  label: "Did not answer my question"
+}, {
+  id: "confusing",
+  label: "Confusing or hard to follow"
+}, {
+  id: "too-long",
+  label: "Too long"
+}, {
+  id: "not-enough-detail",
+  label: "Not enough detail"
+}, {
+  id: "out-of-date",
+  label: "Out of date or incorrect"
+}, {
+  id: "wrong-plan-role",
+  label: "Wrong for my plan or role"
+}, {
+  id: "not-found",
+  label: "I could not find what I needed"
+}, {
+  id: "broken",
+  label: "Something is broken"
+}, {
+  id: "other",
+  label: "Other"
+}];
+
+/* ---- the inline prompt row ----------------------------------------- */
+
+/* Down-vote reuses the up icon, rotated (the DS set only ships
+   ThumbUpOutlineIcon). */
+var StyledPrompt = _styledComponents.default.div.withConfig({
+  displayName: "MessageFeedback__StyledPrompt",
+  componentId: "sc-1i96o75-0"
+})(["display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px 28px;", "{padding:4px 24px 24px;}.fb-question{margin-right:4px;}.fb-btn svg{width:18px;height:18px;}.fb-down svg{transform:rotate(180deg);}"], _BreakPoints.screenBelow.sm);
+
+/* ---- the details dialog -------------------------------------------- */
+
+var StyledForm = _styledComponents.default.div.withConfig({
+  displayName: "MessageFeedback__StyledForm",
+  componentId: "sc-1i96o75-1"
+})(["display:flex;flex-direction:column;gap:20px;.fb-field{display:flex;flex-direction:column;gap:8px;}.fb-chips{display:flex;flex-wrap:wrap;gap:8px;}.c-textarea{width:100%;box-sizing:border-box;}"]);
+
+/* The option chip — a pill that toggles to the theme primary tint when
+   selected. Translated from the trial Feedback chip into styled-components
+   (runtime tw- classes do not work in the presentation storybook). The label
+   text is a DS Body2 so it carries the correct font. */
+var StyledChip = _styledComponents.default.button.withConfig({
+  displayName: "MessageFeedback__StyledChip",
+  componentId: "sc-1i96o75-2"
+})(["display:inline-flex;align-items:center;box-sizing:border-box;margin:0;padding:3px 8px 4px;border:1px solid ", ";border-radius:4px;background-color:", ";cursor:pointer;transition:border-color 120ms ease,background-color 120ms ease;&:hover{border-color:var(--color-primary);}"], function (_ref) {
+  var $selected = _ref.$selected;
+  return $selected ? "var(--color-primary)" : "var(--color-theme-500)";
+}, function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? "var(--color-primary-300)" : "transparent";
+});
+var FeedbackChip = function FeedbackChip(_ref3) {
+  var option = _ref3.option,
+    selected = _ref3.selected,
+    onToggle = _ref3.onToggle;
+  return /*#__PURE__*/_react.default.createElement(StyledChip, {
+    type: "button",
+    $selected: selected,
+    "aria-pressed": selected,
+    onClick: function onClick() {
+      return onToggle(option.id);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Typography2.Typography, {
+    variant: "Body 2",
+    as: "span"
+  }, option.label));
+};
+var StyledActions = _styledComponents.default.div.withConfig({
+  displayName: "MessageFeedback__StyledActions",
+  componentId: "sc-1i96o75-3"
+})(["display:flex;gap:12px;"]);
+
+/* ---- the component ------------------------------------------------- */
+
+var MessageFeedback = exports.MessageFeedback = function MessageFeedback(_ref4) {
+  var _ref4$question = _ref4.question,
+    question = _ref4$question === void 0 ? "Was this helpful?" : _ref4$question,
+    _ref4$positiveTitle = _ref4.positiveTitle,
+    positiveTitle = _ref4$positiveTitle === void 0 ? "What was good?" : _ref4$positiveTitle,
+    _ref4$negativeTitle = _ref4.negativeTitle,
+    negativeTitle = _ref4$negativeTitle === void 0 ? "What went wrong?" : _ref4$negativeTitle,
+    _ref4$positiveOptions = _ref4.positiveOptions,
+    positiveOptions = _ref4$positiveOptions === void 0 ? POSITIVE_FEEDBACK_OPTIONS : _ref4$positiveOptions,
+    _ref4$negativeOptions = _ref4.negativeOptions,
+    negativeOptions = _ref4$negativeOptions === void 0 ? NEGATIVE_FEEDBACK_OPTIONS : _ref4$negativeOptions,
+    onVote = _ref4.onVote,
+    onSubmit = _ref4.onSubmit;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    sentiment = _useState2[0],
+    setSentiment = _useState2[1];
+  var _useState3 = (0, _react.useState)("closed"),
+    _useState4 = _slicedToArray(_useState3, 2),
+    stage = _useState4[0],
+    setStage = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selected = _useState6[0],
+    setSelected = _useState6[1];
+  var _useState7 = (0, _react.useState)(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    comment = _useState8[0],
+    setComment = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    done = _useState0[0],
+    setDone = _useState0[1];
+  var vote = (0, _react.useCallback)(function (value) {
+    setSentiment(value);
+    setSelected([]);
+    setComment("");
+    onVote === null || onVote === void 0 || onVote(value);
+    setStage("details");
+  }, [onVote]);
+  var toggleOption = (0, _react.useCallback)(function (id) {
+    setSelected(function (current) {
+      return current.includes(id) ? current.filter(function (one) {
+        return one !== id;
+      }) : [...current, id];
+    });
+  }, []);
+  var submit = (0, _react.useCallback)(function () {
+    if (sentiment) {
+      onSubmit === null || onSubmit === void 0 || onSubmit({
+        sentiment,
+        options: selected,
+        comment: comment.trim()
+      });
+    }
+    setStage("closed");
+    setDone(true);
+  }, [sentiment, selected, comment, onSubmit]);
+
+  /* Cancel keeps the vote (already sent on the thumb press) and closes. */
+  var finish = (0, _react.useCallback)(function () {
+    setStage("closed");
+    setDone(true);
+  }, []);
+  var isPositive = sentiment === "up";
+  var options = isPositive ? positiveOptions : negativeOptions;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledPrompt, null, done ? /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "Thank you for the feedback!") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary",
+    className: "fb-question"
+  }, question), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Yes, helpful"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray",
+    className: "fb-btn",
+    "aria-label": "Yes, helpful",
+    onClick: function onClick() {
+      return vote("up");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ThumbUpOutlineIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "No, not helpful"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray",
+    className: "fb-btn fb-down",
+    "aria-label": "No, not helpful",
+    onClick: function onClick() {
+      return vote("down");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ThumbUpOutlineIcon, null))))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: stage !== "closed",
+    onClose: finish,
+    enableBackgroundClick: true
+  }, stage === "details" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, isPositive ? positiveTitle : negativeTitle), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledForm, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fb-field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, null, "Select all that apply"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fb-chips"
+  }, options.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(FeedbackChip, {
+      key: option.id,
+      option: option,
+      selected: selected.includes(option.id),
+      onToggle: toggleOption
+    });
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fb-field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    htmlFor: "fb-comment"
+  }, "Tell us more (optional)"), /*#__PURE__*/_react.default.createElement(_Textarea.Textarea, {
+    id: "fb-comment",
+    value: comment,
+    placeholder: isPositive ? "What made this useful?" : "What would have helped?",
+    onChange: function onChange(event) {
+      return setComment(event.target.value);
+    }
+  })))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(StyledActions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "primary",
+    size: "small",
+    type: "button",
+    onClick: submit
+  }, "Submit"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "secondary",
+    size: "small",
+    type: "button",
+    onClick: finish
+  }, "Cancel")))) : null));
+};
+//# sourceMappingURL=MessageFeedback.js.map

package/dist/cjs/presentation/shared/MessageFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFeedback.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_BreakPoints","_Button","_Dialog","_IconButton","_Icons","_Label","_Textarea","_Tooltip","_Typography","_Typography2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","POSITIVE_FEEDBACK_OPTIONS","exports","id","label","NEGATIVE_FEEDBACK_OPTIONS","StyledPrompt","styled","div","withConfig","displayName","componentId","screenBelow","sm","StyledForm","StyledChip","button","_ref","$selected","_ref2","FeedbackChip","_ref3","option","selected","onToggle","createElement","type","onClick","Typography","variant","as","StyledActions","MessageFeedback","_ref4","_ref4$question","question","_ref4$positiveTitle","positiveTitle","_ref4$negativeTitle","negativeTitle","_ref4$positiveOptions","positiveOptions","_ref4$negativeOptions","negativeOptions","onVote","onSubmit","_useState","useState","_useState2","sentiment","setSentiment","_useState3","_useState4","stage","setStage","_useState5","_useState6","setSelected","_useState7","_useState8","comment","setComment","_useState9","_useState0","setDone","vote","useCallback","toggleOption","current","includes","filter","one","submit","options","trim","finish","isPositive","Fragment","Body2","color","className","Tooltip","title","IconButton","ThumbUpOutlineIcon","Dialog","open","onClose","enableBackgroundClick","Title","ContentDivider","Content","Label","map","key","htmlFor","Textarea","placeholder","onChange","event","target","Actions","Button","size"],"sources":["../../../../src/presentation/shared/MessageFeedback.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { screenBelow } from \"../../components/BreakPoints\";\nimport { Button } from \"../../components/Button\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { ThumbUpOutlineIcon } from \"../../components/Icons\";\nimport { Label } from \"../../components/Label\";\nimport { Textarea } from \"../../components/Textarea\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2 } from \"../../components/Typography\";\nimport { Typography } from \"../../components/Typography/Typography\";\n\n/**\n * MessageFeedback — the reusable \"Was this helpful?\" flow, as a Presentation\n * mock.\n *\n * It is built only from design-system parts and owns the whole flow, so any\n * content surface (the message dialog, a help article, a settings panel) can\n * drop it in and get the same behaviour:\n *\n *  1. Prompt   — an inline \"Was this helpful?\" row with a thumb up / down.\n *  2. Details  — a centred dialog: option chips for the chosen sentiment,\n *                plus an optional free-text comment. Submit or Cancel.\n *  3. Thank you — a short confirmation, then the prompt shows a quiet\n *                \"Thanks for your feedback!\".\n *\n * The vote is recorded the moment a thumb is pressed (`onVote`), so a user who\n * cancels the details step still leaves a valid vote — the same contract the\n * trial Feedback flow uses. The details are reported on Submit (`onSubmit`).\n *\n * In the product this lives in application code; the presentation ships this\n * demo copy so the stories need no app imports.\n */\n\n/* ---- public types & default option catalogs ------------------------ */\n\nexport type FeedbackSentiment = \"up\" | \"down\";\n\nexport interface FeedbackOption {\n  /** Stable id sent with the feedback record; not shown to the user. */\n  id: string;\n  /** The chip label the user sees. */\n  label: string;\n}\n\nexport interface MessageFeedbackResult {\n  sentiment: FeedbackSentiment;\n  /** The ids of the chosen option chips. */\n  options: string[];\n  /** The free-text comment, trimmed; \"\" when left blank. */\n  comment: string;\n}\n\n/* The options rate the one piece of content, not the whole product. Each\n   negative option maps to an action a writer can take. Override per surface\n   through the component props. */\nexport const POSITIVE_FEEDBACK_OPTIONS: FeedbackOption[] = [\n  { id: \"clear\", label: \"Clear and easy to understand\" },\n  { id: \"answered\", label: \"Answered my question\" },\n  { id: \"right-detail\", label: \"Right amount of detail\" },\n  { id: \"helped-use\", label: \"Helped me use the feature\" },\n  { id: \"good-examples\", label: \"Good examples or screenshots\" },\n  { id: \"other\", label: \"Other\" },\n];\n\nexport const NEGATIVE_FEEDBACK_OPTIONS: FeedbackOption[] = [\n  { id: \"not-answered\", label: \"Did not answer my question\" },\n  { id: \"confusing\", label: \"Confusing or hard to follow\" },\n  { id: \"too-long\", label: \"Too long\" },\n  { id: \"not-enough-detail\", label: \"Not enough detail\" },\n  { id: \"out-of-date\", label: \"Out of date or incorrect\" },\n  { id: \"wrong-plan-role\", label: \"Wrong for my plan or role\" },\n  { id: \"not-found\", label: \"I could not find what I needed\" },\n  { id: \"broken\", label: \"Something is broken\" },\n  { id: \"other\", label: \"Other\" },\n];\n\n/* ---- the inline prompt row ----------------------------------------- */\n\n/* Down-vote reuses the up icon, rotated (the DS set only ships\n   ThumbUpOutlineIcon). */\nconst StyledPrompt = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 24px 28px;\n\n  ${screenBelow.sm} {\n    padding: 4px 24px 24px;\n  }\n\n  .fb-question {\n    margin-right: 4px;\n  }\n\n  .fb-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .fb-down svg {\n    transform: rotate(180deg);\n  }\n`;\n\n/* ---- the details dialog -------------------------------------------- */\n\nconst StyledForm = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  .fb-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .fb-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  /* DS Textarea is a fixed 360px; let it fill the dialog width instead. */\n  .c-textarea {\n    width: 100%;\n    box-sizing: border-box;\n  }\n`;\n\n/* The option chip — a pill that toggles to the theme primary tint when\n   selected. Translated from the trial Feedback chip into styled-components\n   (runtime tw- classes do not work in the presentation storybook). The label\n   text is a DS Body2 so it carries the correct font. */\nconst StyledChip = styled.button<{ $selected: boolean }>`\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 3px 8px 4px;\n  border: 1px solid\n    ${({ $selected }) =>\n      $selected ? \"var(--color-primary)\" : \"var(--color-theme-500)\"};\n  border-radius: 4px;\n  background-color: ${({ $selected }) =>\n    $selected ? \"var(--color-primary-300)\" : \"transparent\"};\n  cursor: pointer;\n  transition: border-color 120ms ease, background-color 120ms ease;\n\n  &:hover {\n    border-color: var(--color-primary);\n  }\n`;\n\nconst FeedbackChip = ({\n  option,\n  selected,\n  onToggle,\n}: {\n  option: FeedbackOption;\n  selected: boolean;\n  onToggle: (id: string) => void;\n}): ReactElement => (\n  <StyledChip\n    type=\"button\"\n    $selected={selected}\n    aria-pressed={selected}\n    onClick={() => onToggle(option.id)}\n  >\n    <Typography variant=\"Body 2\" as=\"span\">\n      {option.label}\n    </Typography>\n  </StyledChip>\n);\n\nconst StyledActions = styled.div`\n  display: flex;\n  gap: 12px;\n`;\n\n/* ---- the component ------------------------------------------------- */\n\ntype DialogStage = \"closed\" | \"details\";\n\nexport interface MessageFeedbackProps {\n  /** The inline prompt copy. */\n  question?: ReactNode;\n  /** Details-dialog title for a thumb up / down. */\n  positiveTitle?: string;\n  negativeTitle?: string;\n  /** Option catalogs; default to the content-feedback sets above. */\n  positiveOptions?: FeedbackOption[];\n  negativeOptions?: FeedbackOption[];\n  /** Fired the moment a thumb is pressed (the vote itself). */\n  onVote?: (sentiment: FeedbackSentiment) => void;\n  /** Fired on Submit, with the chosen options and comment. */\n  onSubmit?: (result: MessageFeedbackResult) => void;\n}\n\nexport const MessageFeedback = ({\n  question = \"Was this helpful?\",\n  positiveTitle = \"What was good?\",\n  negativeTitle = \"What went wrong?\",\n  positiveOptions = POSITIVE_FEEDBACK_OPTIONS,\n  negativeOptions = NEGATIVE_FEEDBACK_OPTIONS,\n  onVote,\n  onSubmit,\n}: MessageFeedbackProps): ReactElement => {\n  const [sentiment, setSentiment] = useState<FeedbackSentiment | null>(null);\n  const [stage, setStage] = useState<DialogStage>(\"closed\");\n  const [selected, setSelected] = useState<string[]>([]);\n  const [comment, setComment] = useState(\"\");\n  const [done, setDone] = useState(false);\n\n  const vote = useCallback(\n    (value: FeedbackSentiment) => {\n      setSentiment(value);\n      setSelected([]);\n      setComment(\"\");\n      onVote?.(value);\n      setStage(\"details\");\n    },\n    [onVote]\n  );\n\n  const toggleOption = useCallback((id: string) => {\n    setSelected((current) =>\n      current.includes(id)\n        ? current.filter((one) => one !== id)\n        : [...current, id]\n    );\n  }, []);\n\n  const submit = useCallback(() => {\n    if (sentiment) {\n      onSubmit?.({ sentiment, options: selected, comment: comment.trim() });\n    }\n    setStage(\"closed\");\n    setDone(true);\n  }, [sentiment, selected, comment, onSubmit]);\n\n  /* Cancel keeps the vote (already sent on the thumb press) and closes. */\n  const finish = useCallback(() => {\n    setStage(\"closed\");\n    setDone(true);\n  }, []);\n\n  const isPositive = sentiment === \"up\";\n  const options = isPositive ? positiveOptions : negativeOptions;\n\n  return (\n    <>\n      <StyledPrompt>\n        {done ? (\n          <Body2 color=\"secondary\">Thank you for the feedback!</Body2>\n        ) : (\n          <>\n            <Body2 color=\"secondary\" className=\"fb-question\">\n              {question}\n            </Body2>\n            <Tooltip title=\"Yes, helpful\">\n              <IconButton\n                type=\"button\"\n                variant=\"text gray\"\n                className=\"fb-btn\"\n                aria-label=\"Yes, helpful\"\n                onClick={() => vote(\"up\")}\n              >\n                <ThumbUpOutlineIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"No, not helpful\">\n              <IconButton\n                type=\"button\"\n                variant=\"text gray\"\n                className=\"fb-btn fb-down\"\n                aria-label=\"No, not helpful\"\n                onClick={() => vote(\"down\")}\n              >\n                <ThumbUpOutlineIcon />\n              </IconButton>\n            </Tooltip>\n          </>\n        )}\n      </StyledPrompt>\n\n      <Dialog open={stage !== \"closed\"} onClose={finish} enableBackgroundClick>\n        {stage === \"details\" ? (\n          <>\n            <Dialog.Title>\n              {isPositive ? positiveTitle : negativeTitle}\n            </Dialog.Title>\n            <Dialog.ContentDivider />\n            <Dialog.Content>\n              <StyledForm>\n                <div className=\"fb-field\">\n                  <Label>Select all that apply</Label>\n                  <div className=\"fb-chips\">\n                    {options.map((option) => (\n                      <FeedbackChip\n                        key={option.id}\n                        option={option}\n                        selected={selected.includes(option.id)}\n                        onToggle={toggleOption}\n                      />\n                    ))}\n                  </div>\n                </div>\n                <div className=\"fb-field\">\n                  <Label htmlFor=\"fb-comment\">Tell us more (optional)</Label>\n                  <Textarea\n                    id=\"fb-comment\"\n                    value={comment}\n                    placeholder={\n                      isPositive\n                        ? \"What made this useful?\"\n                        : \"What would have helped?\"\n                    }\n                    onChange={(event) => setComment(event.target.value)}\n                  />\n                </div>\n              </StyledForm>\n            </Dialog.Content>\n            <Dialog.ContentDivider />\n            <Dialog.Actions>\n              <StyledActions>\n                <Button\n                  variant=\"primary\"\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={submit}\n                >\n                  Submit\n                </Button>\n                <Button\n                  variant=\"secondary\"\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={finish}\n                >\n                  Cancel\n                </Button>\n              </StyledActions>\n            </Dialog.Actions>\n          </>\n        ) : null}\n      </Dialog>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/shared/index.js

@@ -15,6 +15,9 @@ var _exportNames = {
   MessageDialog: true,
   DocLinkContext: true,
   messageComponents: true,
+  MessageFeedback: true,
+  POSITIVE_FEEDBACK_OPTIONS: true,
+  NEGATIVE_FEEDBACK_OPTIONS: true,
   HelpAndSupportMenu: true,
   LinkingCommandsButton: true,
   LinkBranchOrPullRequestDialog: true,
@@ -156,6 +159,24 @@ Object.defineProperty(exports, "MessageDialog", {
     return _MessageDialog.MessageDialog;
   }
 });
+Object.defineProperty(exports, "MessageFeedback", {
+  enumerable: true,
+  get: function get() {
+    return _MessageFeedback.MessageFeedback;
+  }
+});
+Object.defineProperty(exports, "NEGATIVE_FEEDBACK_OPTIONS", {
+  enumerable: true,
+  get: function get() {
+    return _MessageFeedback.NEGATIVE_FEEDBACK_OPTIONS;
+  }
+});
+Object.defineProperty(exports, "POSITIVE_FEEDBACK_OPTIONS", {
+  enumerable: true,
+  get: function get() {
+    return _MessageFeedback.POSITIVE_FEEDBACK_OPTIONS;
+  }
+});
 Object.defineProperty(exports, "PROJECT_REPOSITORIES", {
   enumerable: true,
   get: function get() {
@@ -324,6 +345,7 @@ var _PresentationShell = require("./PresentationShell");
 var _headers = require("./headers");
 var _FloatingControls = require("./FloatingControls");
 var _MessageDialog = require("./MessageDialog");
+var _MessageFeedback = require("./MessageFeedback");
 var _HelpAndSupportMenu = require("./HelpAndSupportMenu");
 var _LinkingCommandsButton = require("./LinkingCommandsButton");
 var _LinkBranchOrPullRequestDialog = require("./LinkBranchOrPullRequestDialog");

package/dist/cjs/presentation/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_tokens","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MainLogo","_RoundAvatar","_PresentationShell","_headers","_FloatingControls","_MessageDialog","_HelpAndSupportMenu","_LinkingCommandsButton","_LinkBranchOrPullRequestDialog","_ConnectRepositoryDialog","_WebhookLogsDialog","_SourceCodeSection","_SuggestSubtasksButton","_TaskOptionsMenu","_UserMenu","_TwoFactorShield","_TwoFactorDialogs","_settings","_FeatureAvailability"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport {\n  MessageDialog,\n  DocLinkContext,\n  messageComponents,\n} from \"./MessageDialog\";\nexport type {\n  MessageDialogProps,\n  MessageDialogSize,\n  OpenArticleHandler,\n} from \"./MessageDialog\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\nexport {\n  SettingsHeader,\n  SettingsContent,\n  StyledSettingRow,\n  RowText,\n  SettingRow,\n} from \"./settings\";\nexport type { SettingsHeaderProps, SettingRowProps } from \"./settings\";\nexport {\n  FeatureAvailability,\n  DEFAULT_FEATURE_AVAILABILITY,\n} from \"./FeatureAvailability\";\nexport type {\n  FeatureAvailabilityProps,\n  AvailabilityRow,\n  AvailabilityMark,\n  AvailabilityStatus,\n} from \"./FeatureAvailability\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AAEA,IAAAgB,QAAA,GAAAhB,OAAA;AAMA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,cAAA,GAAAlB,OAAA;AAUA,IAAAmB,mBAAA,GAAAnB,OAAA;AAEA,IAAAoB,sBAAA,GAAApB,OAAA;AACA,IAAAqB,8BAAA,GAAArB,OAAA;AAEA,IAAAsB,wBAAA,GAAAtB,OAAA;AAeA,IAAAuB,kBAAA,GAAAvB,OAAA;AAWA,IAAAwB,kBAAA,GAAAxB,OAAA;AAiBA,IAAAyB,sBAAA,GAAAzB,OAAA;AACA,IAAA0B,gBAAA,GAAA1B,OAAA;AAKA,IAAA2B,SAAA,GAAA3B,OAAA;AAEA,IAAA4B,gBAAA,GAAA5B,OAAA;AAEA,IAAA6B,iBAAA,GAAA7B,OAAA;AAKA,IAAA8B,SAAA,GAAA9B,OAAA;AAQA,IAAA+B,oBAAA,GAAA/B,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_tokens","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MainLogo","_RoundAvatar","_PresentationShell","_headers","_FloatingControls","_MessageDialog","_MessageFeedback","_HelpAndSupportMenu","_LinkingCommandsButton","_LinkBranchOrPullRequestDialog","_ConnectRepositoryDialog","_WebhookLogsDialog","_SourceCodeSection","_SuggestSubtasksButton","_TaskOptionsMenu","_UserMenu","_TwoFactorShield","_TwoFactorDialogs","_settings","_FeatureAvailability"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport {\n  MessageDialog,\n  DocLinkContext,\n  messageComponents,\n} from \"./MessageDialog\";\nexport type {\n  MessageDialogProps,\n  MessageDialogSize,\n  OpenArticleHandler,\n} from \"./MessageDialog\";\nexport {\n  MessageFeedback,\n  POSITIVE_FEEDBACK_OPTIONS,\n  NEGATIVE_FEEDBACK_OPTIONS,\n} from \"./MessageFeedback\";\nexport type {\n  MessageFeedbackProps,\n  MessageFeedbackResult,\n  FeedbackOption,\n  FeedbackSentiment,\n} from \"./MessageFeedback\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\nexport {\n  SettingsHeader,\n  SettingsContent,\n  StyledSettingRow,\n  RowText,\n  SettingRow,\n} from \"./settings\";\nexport type { SettingsHeaderProps, SettingRowProps } from \"./settings\";\nexport {\n  FeatureAvailability,\n  DEFAULT_FEATURE_AVAILABILITY,\n} from \"./FeatureAvailability\";\nexport type {\n  FeatureAvailabilityProps,\n  AvailabilityRow,\n  AvailabilityMark,\n  AvailabilityStatus,\n} from \"./FeatureAvailability\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AAEA,IAAAgB,QAAA,GAAAhB,OAAA;AAMA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,cAAA,GAAAlB,OAAA;AAUA,IAAAmB,gBAAA,GAAAnB,OAAA;AAWA,IAAAoB,mBAAA,GAAApB,OAAA;AAEA,IAAAqB,sBAAA,GAAArB,OAAA;AACA,IAAAsB,8BAAA,GAAAtB,OAAA;AAEA,IAAAuB,wBAAA,GAAAvB,OAAA;AAeA,IAAAwB,kBAAA,GAAAxB,OAAA;AAWA,IAAAyB,kBAAA,GAAAzB,OAAA;AAiBA,IAAA0B,sBAAA,GAAA1B,OAAA;AACA,IAAA2B,gBAAA,GAAA3B,OAAA;AAKA,IAAA4B,SAAA,GAAA5B,OAAA;AAEA,IAAA6B,gBAAA,GAAA7B,OAAA;AAEA,IAAA8B,iBAAA,GAAA9B,OAAA;AAKA,IAAA+B,SAAA,GAAA/B,OAAA;AAQA,IAAAgC,oBAAA,GAAAhC,OAAA","ignoreList":[]}

package/dist/esm/presentation/shared/MessageDialog.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactElement, ReactNode } from "react";
+import type { MessageFeedbackResult } from "./MessageFeedback";
 import { PortableTextComponents } from "../../components/PortableText";
 /**
  * The in-app message dialog, as a Presentation mock.
@@ -19,11 +20,15 @@ export interface MessageDialogProps {
     open: boolean;
     onClose: () => void;
     size?: MessageDialogSize;
-    /** Supplying a handler shows the centred helpful / not-helpful vote. */
-    onVote?: (vote: "up" | "down") => void;
+    /** Show the reusable helpful / not-helpful feedback flow. */
+    feedback?: boolean;
+    /** Fired when a thumb is pressed (the vote itself). */
+    onVote?: (sentiment: "up" | "down") => void;
+    /** Fired on Submit, with the chosen options and comment. */
+    onFeedbackSubmit?: (result: MessageFeedbackResult) => void;
     children: ReactNode;
 }
-export declare const MessageDialog: ({ open, onClose, size, onVote, children, }: MessageDialogProps) => ReactElement;
+export declare const MessageDialog: ({ open, onClose, size, feedback, onVote, onFeedbackSubmit, children, }: MessageDialogProps) => ReactElement;
 /** How a doc-link mark opens its article (by a slug-like reference). The
     surface that renders the message supplies the handler — in the product it
     closes the dialog and opens the article Sheet. */

package/dist/esm/presentation/shared/MessageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAaf,OAAO,EAEL,sBAAsB,EAKvB,MAAM,+BAA+B,CAAC;AAUvC;;;;;;;;;;;;;GAaG;AAIH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAiInD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,4CAM3B,kBAAkB,KAAG,YAmBvB,CAAC;AAIF;;qDAEqD;AACrD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAE5D,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAqNF;kEACkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,sBAkB/B,CAAC"}
+{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAU/D,OAAO,EAEL,sBAAsB,EAKvB,MAAM,+BAA+B,CAAC;AAUvC;;;;;;;;;;;;;GAaG;AAIH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAmDnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,wEAQ3B,kBAAkB,KAAG,YAqBvB,CAAC;AAIF;;qDAEqD;AACrD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAE5D,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAqNF;kEACkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,sBAkB/B,CAAC"}