@redocly/realm 0.124.2 → 0.124.3

package/dist/server/esbuild/cache/server/chunks/chunk-CEMEM3CC.js

@@ -0,0 +1,1201 @@
+import { createRequire as topLevelCreateRequire } from 'module';
+ const require = topLevelCreateRequire(import.meta.url);
+import {
+  init_hooks,
+  useActiveHeading,
+  useFullHeight,
+  useOutsideClick,
+  useThemeConfig,
+  useThemeHooks
+} from "./chunk-F2FIOV3B.js";
+import {
+  Button,
+  init_Button
+} from "./chunk-5WWZZ3I5.js";
+import {
+  DEFAULT_FEEDBACK_TYPE,
+  Ne,
+  breakpoints,
+  getCssColorVariable,
+  getDisplayedHeadings,
+  getLeastDepth,
+  init_constants,
+  init_styled_components_esm,
+  init_utils,
+  styled_components_esm_default
+} from "./chunk-27G3BZUU.js";
+import {
+  __esm
+} from "./chunk-6TWMFDXM.js";
+
+// ../../packages/theme/src/components/TableOfContent/TableOfContent.tsx
+import * as React from "react";
+function TableOfContent(props) {
+  const {
+    headings,
+    contentWrapper,
+    className
+  } = props;
+  const {
+    useTranslate,
+    useTelemetry
+  } = useThemeHooks();
+  const {
+    translate
+  } = useTranslate();
+  const telemetry = useTelemetry();
+  const sidebar = React.useRef(null);
+  useFullHeight(sidebar);
+  const {
+    markdown: {
+      toc = {}
+    } = {}
+  } = useThemeConfig();
+  const displayedHeadings = getDisplayedHeadings(headings, toc.depth || 3);
+  const leastDepth = getLeastDepth(displayedHeadings);
+  const {
+    heading: activeHeading,
+    handleHeadingClick
+  } = useActiveHeading(contentWrapper, displayedHeadings);
+  if (toc?.hide) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(TableOfContentMenu, { "data-component-name": "TableOfContent/TableOfContent", className }, /* @__PURE__ */ React.createElement(TableOfContentItems, { ref: sidebar }, displayedHeadings.length ? /* @__PURE__ */ React.createElement(TableOfContentHeader, { "data-translation-key": "toc.header" }, translate("toc.header", toc.header || "On this page")) : null, displayedHeadings.map((heading, idx) => {
+    if (!heading) {
+      return null;
+    }
+    const href = "#" + heading.id;
+    return /* @__PURE__ */ React.createElement(TableOfContentMenuItem, { key: href + idx, href, depth: heading.depth - leastDepth + 1 || 0, className: activeHeading === heading.id ? "active" : "", dangerouslySetInnerHTML: {
+      __html: heading.value || ""
+    }, "data-testid": `toc-${heading.value}`, onClick: (e) => {
+      e.preventDefault();
+      telemetry.send({
+        type: "toc_item.clicked"
+      });
+      handleHeadingClick(heading.id);
+    } });
+  })));
+}
+var TableOfContentMenu, TableOfContentHeader, TableOfContentItems, TableOfContentMenuItem;
+var init_TableOfContent = __esm({
+  "../../packages/theme/src/components/TableOfContent/TableOfContent.tsx"() {
+    init_styled_components_esm();
+    init_hooks();
+    init_utils();
+    TableOfContentMenu = styled_components_esm_default.aside.withConfig({
+      displayName: "TableOfContent__TableOfContentMenu",
+      componentId: "sc-kstbuq-0"
+    })(["background-color:var(--toc-bg-color);flex-shrink:0;display:none !important;@media screen and (min-width:", "){width:var(--toc-width);display:block !important;}"], breakpoints.medium);
+    TableOfContentHeader = styled_components_esm_default.div.withConfig({
+      displayName: "TableOfContent__TableOfContentHeader",
+      componentId: "sc-kstbuq-1"
+    })(["font-family:var(--toc-heading-font-family);font-size:var(--toc-heading-font-size);font-weight:var(--toc-heading-font-weight);padding:var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);color:var(--toc-heading-text-color);text-transform:var(--toc-heading-text-transform);line-height:var(--toc-heading-line-height);"]);
+    TableOfContentItems = styled_components_esm_default.div.withConfig({
+      displayName: "TableOfContent__TableOfContentItems",
+      componentId: "sc-kstbuq-2"
+    })(["position:sticky;top:calc(var(--navbar-height) + var(--toc-offset-top));max-height:calc(100vh - var(--navbar-height) - var(--toc-offset-top));overflow-y:auto;width:var(--toc-width);border-left:solid 1px var(--toc-border-color);"]);
+    TableOfContentMenuItem = styled_components_esm_default.a.withConfig({
+      displayName: "TableOfContent__TableOfContentMenuItem",
+      componentId: "sc-kstbuq-3"
+    })(["display:block;color:var(--toc-item-text-color);font-weight:var(--toc-item-font-weight);background-color:var(--toc-item-bg-color);cursor:pointer;font-size:var(--toc-item-font-size);padding:var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);padding-left:calc(var(--toc-item-nested-offset) * ", ");transition:background-color 0.3s,color 0.3s;text-decoration:none;word-break:break-word;font-family:var(--heading-font-family,var(--toc-item-font-family));line-height:var(--toc-item-line-height);border-left:solid 2px transparent;:hover{color:var(--toc-item-text-color-active);}&.active{color:var(--toc-item-text-color-active);border-left:solid 2px var(--toc-item-border-color-active);}:empty{padding:0;}"], ({
+      depth
+    }) => depth);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Reasons.tsx
+import * as React2 from "react";
+function Reasons({
+  settings,
+  onChange,
+  className
+}) {
+  const {
+    label,
+    component,
+    items = []
+  } = settings;
+  const [checkedState, setCheckedState] = React2.useState(new Array(items.length).fill(false));
+  const {
+    useTranslate
+  } = useThemeHooks();
+  const {
+    translate
+  } = useTranslate();
+  if (!items.length) {
+    return null;
+  }
+  const input_type = component || "checkbox";
+  const handleOptionChange = (position) => {
+    const updatedCheckedState = component === "checkbox" ? checkedState.map((item, index) => index === position ? !item : item) : items.map((_, idx) => position === idx);
+    setCheckedState(updatedCheckedState);
+    onChange(items.filter((_, index) => !!updatedCheckedState[index]));
+  };
+  return /* @__PURE__ */ React2.createElement(ReasonsWrapper, { "data-component-name": "Feedback/Reasons", "data-translation-key": "feedback.settings.reasons.label", className }, /* @__PURE__ */ React2.createElement(Label, null, label || translate("feedback.settings.reasons.label", "Which statement describes your thoughts about this page?")), items.map((reason, idx) => /* @__PURE__ */ React2.createElement(OptionWrapper, { key: reason }, /* @__PURE__ */ React2.createElement("input", { type: input_type, value: reason, checked: checkedState[idx], name: "reasons", onChange: () => handleOptionChange(idx) }), /* @__PURE__ */ React2.createElement("label", { "data-translation-key": `feedback.settings.reasons.items.${idx + 1}`, id: reason, onClick: () => handleOptionChange(idx) }, translate(`feedback.settings.reasons.items.${idx + 1}`, reason)))));
+}
+var ReasonsWrapper, Label, OptionWrapper;
+var init_Reasons = __esm({
+  "../../packages/theme/src/components/Feedback/Reasons.tsx"() {
+    init_styled_components_esm();
+    init_hooks();
+    ReasonsWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Reasons__ReasonsWrapper",
+      componentId: "sc-clbfy6-0"
+    })(["font-family:var(--feedback-font-family);display:flex;flex-direction:column;"]);
+    Label = styled_components_esm_default.h4.withConfig({
+      displayName: "Reasons__Label",
+      componentId: "sc-clbfy6-1"
+    })(["font-family:var(--feedback-font-family);font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-header-line-height);color:var(--feedback-header-text-color);margin:0;"]);
+    OptionWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Reasons__OptionWrapper",
+      componentId: "sc-clbfy6-2"
+    })(["margin:5px 0;display:flex;input{margin-right:10px;cursor:pointer;}label{font-size:var(--feedback-font-size);cursor:pointer;}"]);
+  }
+});
+
+// ../../packages/theme/src/icons/RadioCheckButtonIcon/RadioCheckButtonIcon.tsx
+import React3 from "react";
+var Icon, RadioCheckButtonIcon;
+var init_RadioCheckButtonIcon = __esm({
+  "../../packages/theme/src/icons/RadioCheckButtonIcon/RadioCheckButtonIcon.tsx"() {
+    init_styled_components_esm();
+    Icon = () => /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ React3.createElement("rect", { width: "16", height: "16", fill: "none" }), /* @__PURE__ */ React3.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z", fill: "currentColor" }), /* @__PURE__ */ React3.createElement("path", { d: "M7 10.625L4.5 8.145L5.295 7.375L7 9.05L10.705 5.375L11.5 6.165L7 10.625Z", fill: "currentColor" }));
+    RadioCheckButtonIcon = styled_components_esm_default(Icon).attrs(() => ({
+      "data-component-name": "icons/RadioCheckButtonIcon/RadioCheckButtonIcon"
+    })).withConfig({
+      displayName: "RadioCheckButtonIcon",
+      componentId: "sc-qjq9kc-0"
+    })([""]);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Comment.tsx
+import React4, { useRef as useRef2 } from "react";
+function Comment({
+  settings,
+  onSubmit,
+  onCancel,
+  className,
+  standAlone = true,
+  isDialog = false
+}) {
+  const {
+    useTranslate
+  } = useThemeHooks();
+  const {
+    translate
+  } = useTranslate();
+  const {
+    label,
+    submitText
+  } = settings || {};
+  const [text, setText] = React4.useState("");
+  const [submitValue, setSubmitValue] = React4.useState("");
+  const modalRef = useRef2(null);
+  useOutsideClick(modalRef, onCancel);
+  const send = () => {
+    if (!text) return;
+    setSubmitValue(text);
+    onSubmit({
+      comment: text
+    });
+  };
+  const handleTextAreaChange = (e) => {
+    const commentValue = e.target.value;
+    setText(commentValue);
+    if (!standAlone) {
+      onSubmit({
+        comment: commentValue
+      });
+    }
+  };
+  if (submitValue) {
+    return /* @__PURE__ */ React4.createElement(StateWrapper, { "data-component-name": "Feedback/Comment", className }, /* @__PURE__ */ React4.createElement(StyledFormMandatoryFields, null, /* @__PURE__ */ React4.createElement(Label2, { "data-translation-key": "feedback.settings.comment.submitText", standAlone }, submitText || translate("feedback.settings.comment.submitText", "Thank you for helping improve our documentation!")), /* @__PURE__ */ React4.createElement(RadioCheckButtonIcon, null)));
+  }
+  return /* @__PURE__ */ React4.createElement(CommentWrapper, { ref: modalRef, "data-component-name": "Feedback/Comment", className, style: standAlone ? {
+    width: "var(--feedback-report-dialog-width)"
+  } : {
+    width: "auto"
+  } }, /* @__PURE__ */ React4.createElement(Label2, { "data-translation-key": "feedback.settings.comment.label", standAlone }, label || translate("feedback.settings.comment.label", "Please share your feedback with us.")), /* @__PURE__ */ React4.createElement(TextArea, { rows: 3, onChange: handleTextAreaChange }), standAlone && /* @__PURE__ */ React4.createElement(ButtonsContainer, null, onCancel && /* @__PURE__ */ React4.createElement(Button, { "data-translation-key": "feedback.settings.comment.cancel", onClick: onCancel, variant: "text", size: "small" }, translate("feedback.settings.comment.cancel", "Cancel")), /* @__PURE__ */ React4.createElement(Button, { "data-translation-key": "feedback.settings.comment.send", onClick: send, variant: isDialog ? "primary" : "secondary", size: "small" }, translate("feedback.settings.comment.send", "Send"))));
+}
+var StyledFormMandatoryFields, CommentWrapper, StateWrapper, Label2, TextArea, ButtonsContainer;
+var init_Comment = __esm({
+  "../../packages/theme/src/components/Feedback/Comment.tsx"() {
+    init_styled_components_esm();
+    init_hooks();
+    init_RadioCheckButtonIcon();
+    init_Button();
+    StyledFormMandatoryFields = styled_components_esm_default.div.withConfig({
+      displayName: "Comment__StyledFormMandatoryFields",
+      componentId: "sc-lbdj57-0"
+    })(["display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);> svg{margin:var(--button-icon-padding) 0;}"]);
+    CommentWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Comment__CommentWrapper",
+      componentId: "sc-lbdj57-1"
+    })(["font-family:var(--font-family-base);display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--border-radius-lg);background:var(--feedback-bg-color);gap:var(--spacing-xxs);max-width:var(--feedback-report-dialog-max-width);"]);
+    StateWrapper = styled_components_esm_default(CommentWrapper).withConfig({
+      displayName: "Comment__StateWrapper",
+      componentId: "sc-lbdj57-2"
+    })(["flex-direction:row;align-items:center;gap:var(--spacing-xxs);"]);
+    Label2 = styled_components_esm_default.h4.withConfig({
+      displayName: "Comment__Label",
+      componentId: "sc-lbdj57-3"
+    })(["font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);", " margin:0;"], ({
+      standAlone
+    }) => standAlone && Ne(["font-size:var(--feedback-header-font-size);line-height:var(--feedback-header-line-height);"]));
+    TextArea = styled_components_esm_default.textarea.withConfig({
+      displayName: "Comment__TextArea",
+      componentId: "sc-lbdj57-4"
+    })(["background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:var(--input-border);outline:none;color:var(--feedback-text-color);font-family:var(--feedback-font-family);padding:10px;min-height:calc(var(--line-height-base) * 3 + 20px);min-width:var(--feedback-comment-min-width);max-width:var(--feedback-comment-max-width);resize:vertical;"]);
+    ButtonsContainer = styled_components_esm_default.div.withConfig({
+      displayName: "Comment__ButtonsContainer",
+      componentId: "sc-lbdj57-5"
+    })(["display:flex;justify-content:end;margin-bottom:var(--spacing-xxs);margin-top:var(--spacing-xs);gap:var(--spacing-xs);"]);
+  }
+});
+
+// ../../packages/theme/src/icons/StarIcon/StarIcon.tsx
+import React5 from "react";
+var Icon2, StarIcon;
+var init_StarIcon = __esm({
+  "../../packages/theme/src/icons/StarIcon/StarIcon.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    Icon2 = (props) => /* @__PURE__ */ React5.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React5.createElement("path", { d: "M8.00001 3.26L9.38001 6.05L9.61001 6.55L10.11 6.625L13.19 7.07L11 9.22L10.625 9.585L10.715 10.085L11.24 13.15L8.48501 11.705L8.00001 11.5L7.53501 11.745L4.78001 13.17L5.28001 10.105L5.37001 9.605L5.00001 9.22L2.79001 7.045L5.87001 6.6L6.37001 6.525L6.60001 6.025L8.00001 3.26ZM8.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" }));
+    StarIcon = styled_components_esm_default(Icon2).attrs(() => ({
+      "data-component-name": "icons/StarIcon/StarIcon"
+    })).withConfig({
+      displayName: "StarIcon",
+      componentId: "sc-1ddrqba-0"
+    })(["path{fill:", ";}height:", ";width:", ";"], ({
+      color
+    }) => getCssColorVariable(color), ({
+      size
+    }) => size || "16px", ({
+      size
+    }) => size || "16px");
+  }
+});
+
+// ../../packages/theme/src/icons/StarFilledIcon/StarFilledIcon.tsx
+import React6 from "react";
+var Icon3, StarFilledIcon;
+var init_StarFilledIcon = __esm({
+  "../../packages/theme/src/icons/StarFilledIcon/StarFilledIcon.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    Icon3 = (props) => /* @__PURE__ */ React6.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React6.createElement("path", { d: "M8.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" }));
+    StarFilledIcon = styled_components_esm_default(Icon3).attrs(() => ({
+      "data-component-name": "icons/StarFilledIcon/StarFilledIcon"
+    })).withConfig({
+      displayName: "StarFilledIcon",
+      componentId: "sc-1n1f60x-0"
+    })(["path{fill:", ";}height:", ";width:", ";"], ({
+      color
+    }) => getCssColorVariable(color), ({
+      size
+    }) => size || "16px", ({
+      size
+    }) => size || "16px");
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Stars.tsx
+import * as React7 from "react";
+function Stars({
+  max = 5,
+  onChange,
+  value
+}) {
+  const [hovered, setHovered] = React7.useState(value || 0);
+  const stars = [];
+  for (let index = 1; index <= max; index++) {
+    stars.push(/* @__PURE__ */ React7.createElement(Star, { "data-testid": `star-${index}`, key: index, onClick: () => onChange(index), onMouseOver: () => setHovered(index), onMouseLeave: () => !value && setHovered(0) }, hovered < index ? /* @__PURE__ */ React7.createElement(StarIcon, { color: "var(--feedback-star-color)" }) : /* @__PURE__ */ React7.createElement(StarFilledIcon, { color: "var(--feedback-star-color)" })));
+  }
+  return /* @__PURE__ */ React7.createElement(StarsWrapper, { "data-component-name": "Feedback/Stars" }, stars);
+}
+var StarsWrapper, Star;
+var init_Stars = __esm({
+  "../../packages/theme/src/components/Feedback/Stars.tsx"() {
+    init_styled_components_esm();
+    init_StarIcon();
+    init_StarFilledIcon();
+    StarsWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Stars__StarsWrapper",
+      componentId: "sc-7enpoj-0"
+    })(["display:flex;gap:var(--spacing-xs);flex-direction:row;align-items:center;"]);
+    Star = styled_components_esm_default.button.attrs(() => ({
+      type: "button"
+    })).withConfig({
+      displayName: "Stars__Star",
+      componentId: "sc-7enpoj-1"
+    })(["cursor:pointer;padding:0;border:none;background-color:transparent;height:16px;gap:var(--spacing-xs);"]);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Rating.tsx
+import * as React8 from "react";
+import { useEffect } from "react";
+function Rating({
+  settings,
+  onSubmit,
+  className
+}) {
+  const {
+    label,
+    submitText,
+    comment: commentSettings,
+    reasons: reasonsSettings,
+    optionalEmail: optionalEmailSettings
+  } = settings || {};
+  const [isSubmitted, setIsSubmitted] = React8.useState(false);
+  const [score, setScore] = React8.useState(0);
+  const [reasons, setReasons] = React8.useState([]);
+  const [comment, setComment] = React8.useState("");
+  const [email, setEmail] = React8.useState();
+  const {
+    useTranslate,
+    useUserMenu
+  } = useThemeHooks();
+  const {
+    userData
+  } = useUserMenu();
+  const {
+    translate
+  } = useTranslate();
+  const onEmailChange = (e) => {
+    const value = e.target.value;
+    setEmail(value || void 0);
+  };
+  const onSubmitRatingForm = () => {
+    onSubmit({
+      score,
+      comment,
+      reasons,
+      max: FEEDBACK_MAX_RATING,
+      email
+    });
+    setIsSubmitted(true);
+  };
+  const onCancelRatingForm = () => {
+    setScore(0);
+    setComment("");
+    setReasons([]);
+    setEmail(void 0);
+  };
+  const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
+  const displayComment = !!(score && !commentSettings?.hide);
+  const displaySubmitBnt = !!(score && (displayReasons || displayComment));
+  const displayFeedbackEmail = !!score && !optionalEmailSettings?.hide && !userData.isAuthenticated;
+  useEffect(() => {
+    if (score && !displayComment && !displayReasons && !displayFeedbackEmail) {
+      onSubmitRatingForm();
+    }
+  }, [score, displayComment, displayReasons, displayFeedbackEmail]);
+  if (isSubmitted) {
+    return /* @__PURE__ */ React8.createElement(RatingWrapper, { "data-component-name": "Feedback/Rating" }, /* @__PURE__ */ React8.createElement(StyledFormMandatoryFields2, null, /* @__PURE__ */ React8.createElement(Label3, { "data-translation-key": "feedback.settings.submitText" }, submitText || translate("feedback.settings.submitText", "Thank you for helping improve our documentation!")), /* @__PURE__ */ React8.createElement(RadioCheckButtonIcon, null)));
+  }
+  return /* @__PURE__ */ React8.createElement(RatingWrapper, { "data-component-name": "Feedback/Rating", className }, /* @__PURE__ */ React8.createElement(StyledForm, null, /* @__PURE__ */ React8.createElement(StyledFormMandatoryFields2, null, /* @__PURE__ */ React8.createElement(Label3, { "data-translation-key": "feedback.settings.label" }, label || translate("feedback.settings.label", "Was this helpful?")), /* @__PURE__ */ React8.createElement(StyledMandatoryFieldContainer, null, /* @__PURE__ */ React8.createElement(Stars, { max: FEEDBACK_MAX_RATING, onChange: setScore, value: score }))), (displayReasons || displayComment) && /* @__PURE__ */ React8.createElement(StyledFormOptionalFields, null, displayReasons && /* @__PURE__ */ React8.createElement(Reasons, { settings: {
+    label: reasonsSettings?.label,
+    items: reasonsSettings?.items || [],
+    component: reasonsSettings?.component
+  }, onChange: setReasons }), displayComment && /* @__PURE__ */ React8.createElement(Comment, { standAlone: false, onSubmit: ({
+    comment: comment2
+  }) => setComment(comment2), settings: {
+    label: commentSettings?.label || translate("feedback.settings.comment.label", "Please share your feedback with us.")
+  } })), displayFeedbackEmail && /* @__PURE__ */ React8.createElement(StyledFormOptionalFields, null, /* @__PURE__ */ React8.createElement(InputLabel, { "data-translation-key": "feedback.settings.optionalEmail.label" }, optionalEmailSettings?.label || translate("feedback.settings.optionalEmail.label", "Your email (optional, for follow-up)")), /* @__PURE__ */ React8.createElement(EmailInput, { onChange: onEmailChange, placeholder: optionalEmailSettings?.placeholder || translate("feedback.settings.optionalEmail.placeholder", "yourname@example.com"), type: "email", required: !!email, onKeyDown: (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmitRatingForm();
+    }
+  } })), displaySubmitBnt && /* @__PURE__ */ React8.createElement(ButtonsContainer2, null, /* @__PURE__ */ React8.createElement(Button, { onClick: onCancelRatingForm, variant: "text", size: "small" }, "Cancel"), /* @__PURE__ */ React8.createElement(Button, { onClick: onSubmitRatingForm, variant: "secondary", size: "small" }, "Submit"))));
+}
+var FEEDBACK_MAX_RATING, StyledForm, StyledFormOptionalFields, StyledFormMandatoryFields2, StyledMandatoryFieldContainer, RatingWrapper, Label3, InputLabel, ButtonsContainer2, EmailInput;
+var init_Rating = __esm({
+  "../../packages/theme/src/components/Feedback/Rating.tsx"() {
+    init_styled_components_esm();
+    init_Reasons();
+    init_hooks();
+    init_RadioCheckButtonIcon();
+    init_Comment();
+    init_Stars();
+    init_Button();
+    FEEDBACK_MAX_RATING = 5;
+    StyledForm = styled_components_esm_default.form.withConfig({
+      displayName: "Rating__StyledForm",
+      componentId: "sc-l0bg02-0"
+    })(["width:100%;gap:var(--spacing-sm);display:flex;flex-direction:column;"]);
+    StyledFormOptionalFields = styled_components_esm_default.div.withConfig({
+      displayName: "Rating__StyledFormOptionalFields",
+      componentId: "sc-l0bg02-1"
+    })(["display:flex;flex-flow:column;"]);
+    StyledFormMandatoryFields2 = styled_components_esm_default.div.withConfig({
+      displayName: "Rating__StyledFormMandatoryFields",
+      componentId: "sc-l0bg02-2"
+    })(["display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);"]);
+    StyledMandatoryFieldContainer = styled_components_esm_default.div.withConfig({
+      displayName: "Rating__StyledMandatoryFieldContainer",
+      componentId: "sc-l0bg02-3"
+    })(["display:flex;"]);
+    RatingWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Rating__RatingWrapper",
+      componentId: "sc-l0bg02-4"
+    })(["font-family:var(--font-family-base);display:flex;justify-content:space-between;align-items:center;"]);
+    Label3 = styled_components_esm_default.h4.withConfig({
+      displayName: "Rating__Label",
+      componentId: "sc-l0bg02-5"
+    })(["font-family:var(--feedback-font-family);font-weight:var(--font-weight-regular);font-size:var(--feedback-header-font-size);line-height:var(--feedback-header-line-height);color:var(--feedback-header-text-color);margin:0;"]);
+    InputLabel = styled_components_esm_default.h4.withConfig({
+      displayName: "Rating__InputLabel",
+      componentId: "sc-l0bg02-6"
+    })(["font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);margin:0;"]);
+    ButtonsContainer2 = styled_components_esm_default.div.withConfig({
+      displayName: "Rating__ButtonsContainer",
+      componentId: "sc-l0bg02-7"
+    })(["display:flex;justify-content:end;margin-bottom:var(--spacing-xxs);gap:var(--spacing-xxs);"]);
+    EmailInput = styled_components_esm_default.input.withConfig({
+      displayName: "Rating__EmailInput",
+      componentId: "sc-l0bg02-8"
+    })(["background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:var(--input-border);outline:none;color:var(--feedback-text-color);font-family:var(--feedback-font-family);padding:10px;"]);
+  }
+});
+
+// ../../packages/theme/src/icons/ThumbDownIcon/ThumbDownIcon.tsx
+import React9 from "react";
+var Icon4, ThumbDownIcon;
+var init_ThumbDownIcon = __esm({
+  "../../packages/theme/src/icons/ThumbDownIcon/ThumbDownIcon.tsx"() {
+    init_styled_components_esm();
+    Icon4 = () => /* @__PURE__ */ React9.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, /* @__PURE__ */ React9.createElement("path", { d: "M12.8422 6.66036C12.8984 6.47286 12.9266 6.27911 12.9266 6.08224C12.9266 5.64005 12.7812 5.21505 12.5188 4.86818C12.575 4.68068 12.6031 4.48693 12.6031 4.29005C12.6031 3.84786 12.4578 3.42286 12.1953 3.07599C12.2516 2.88849 12.2797 2.69474 12.2797 2.49786C12.2797 1.69161 11.8 0.965052 11.0562 0.647865C10.9255 0.591503 10.7845 0.562777 10.6422 0.56349H1.25C0.973437 0.56349 0.75 0.786927 0.75 1.06349V6.75099C0.75 7.02755 0.973437 7.25099 1.25 7.25099H3.27031L4.61094 12.1072C4.82656 12.8901 5.54531 13.4369 6.35781 13.4369C6.82188 13.4369 7.25469 13.2526 7.575 12.9151C7.89531 12.5791 8.05937 12.1385 8.03594 11.6744L7.94219 9.75411H11.6906C11.8797 9.75411 12.0641 9.70411 12.2266 9.6088C12.8578 9.24161 13.25 8.57599 13.25 7.87443C13.25 7.43224 13.1047 7.00724 12.8422 6.66036ZM1.875 6.12443V1.68693H3.14062V6.12443H1.875ZM11.675 8.63068H6.7625L6.9125 11.7307C6.92188 11.9166 6.83906 12.0916 6.68437 12.2072C6.58906 12.2776 6.47188 12.3135 6.35469 12.3119C6.20497 12.3105 6.05977 12.2605 5.94087 12.1695C5.82198 12.0785 5.73581 11.9514 5.69531 11.8072L4.14062 6.17443V1.68693H10.6313C10.7874 1.75692 10.9201 1.87054 11.0132 2.01413C11.1063 2.15772 11.156 2.32515 11.1562 2.4963C11.1562 2.64786 11.1203 2.79161 11.0484 2.92286L10.8313 3.31974L11.1734 3.61661C11.2698 3.70003 11.347 3.80322 11.3998 3.91917C11.4527 4.03511 11.4799 4.16107 11.4797 4.28849C11.4797 4.44005 11.4437 4.5838 11.3719 4.71505L11.1547 5.11193L11.4969 5.4088C11.5932 5.49222 11.6704 5.59541 11.7232 5.71135C11.7761 5.82729 11.8033 5.95326 11.8031 6.08068C11.8031 6.23224 11.7672 6.37599 11.6953 6.50724L11.4766 6.90568L11.8188 7.20255C11.9151 7.28597 11.9923 7.38916 12.0451 7.5051C12.098 7.62104 12.1252 7.74701 12.125 7.87443C12.125 8.17286 11.9531 8.46036 11.675 8.63068Z", fill: "currentColor" }));
+    ThumbDownIcon = styled_components_esm_default(Icon4).attrs(() => ({
+      "data-component-name": "icons/ThumbDownIcon/ThumbDownIcon"
+    })).withConfig({
+      displayName: "ThumbDownIcon",
+      componentId: "sc-4zvi9h-0"
+    })([""]);
+  }
+});
+
+// ../../packages/theme/src/icons/ThumbUpIcon/ThumbUpIcon.tsx
+import React10 from "react";
+var Icon5, ThumbUpIcon;
+var init_ThumbUpIcon = __esm({
+  "../../packages/theme/src/icons/ThumbUpIcon/ThumbUpIcon.tsx"() {
+    init_styled_components_esm();
+    Icon5 = () => /* @__PURE__ */ React10.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, /* @__PURE__ */ React10.createElement("path", { d: "M12.8422 7.33966C13.1047 6.99279 13.25 6.56779 13.25 6.1256C13.25 5.42404 12.8578 4.75997 12.2266 4.38966C12.0641 4.29434 11.879 4.24417 11.6906 4.24435H7.94375L8.0375 2.32404C8.05938 1.85997 7.89531 1.41935 7.57656 1.08341C7.42013 0.917829 7.23141 0.786087 7.02206 0.696324C6.8127 0.606562 6.58716 0.560687 6.35938 0.561535C5.54688 0.561535 4.82812 1.10841 4.6125 1.89122L3.27031 6.7506H1.25C0.973437 6.7506 0.75 6.97404 0.75 7.2506V12.9381C0.75 13.2147 0.973437 13.4381 1.25 13.4381H10.6453C10.7891 13.4381 10.9297 13.41 11.0594 13.3537C11.8031 13.0365 12.2828 12.31 12.2828 11.5037C12.2828 11.3068 12.2547 11.1131 12.1984 10.9256C12.4609 10.5787 12.6062 10.1537 12.6062 9.71154C12.6062 9.51466 12.5781 9.32091 12.5219 9.13341C12.7844 8.78654 12.9297 8.36154 12.9297 7.91935C12.9266 7.72247 12.8984 7.52716 12.8422 7.33966ZM1.875 12.3131V7.8756H3.14062V12.3131H1.875ZM11.8188 6.79747L11.4766 7.09435L11.6938 7.49122C11.7653 7.62196 11.8024 7.76875 11.8016 7.91779C11.8016 8.1756 11.6891 8.42091 11.4953 8.58966L11.1531 8.88654L11.3703 9.28341C11.4419 9.41414 11.479 9.56094 11.4781 9.70997C11.4781 9.96779 11.3656 10.2131 11.1719 10.3818L10.8297 10.6787L11.0469 11.0756C11.1184 11.2063 11.1555 11.3531 11.1547 11.5022C11.1547 11.8522 10.9484 12.1678 10.6297 12.3115H4.14062V7.8256L5.69531 2.19279C5.7354 2.04841 5.82146 1.92104 5.94044 1.82997C6.05943 1.7389 6.20485 1.68909 6.35469 1.6881C6.47344 1.6881 6.59062 1.72247 6.68437 1.79279C6.83906 1.90841 6.92188 2.08341 6.9125 2.26935L6.7625 5.36935H11.675C11.9531 5.53966 12.125 5.82716 12.125 6.1256C12.125 6.38341 12.0125 6.62716 11.8188 6.79747Z", fill: "currentColor" }));
+    ThumbUpIcon = styled_components_esm_default(Icon5).attrs(() => ({
+      "data-component-name": "icons/ThumbUpIcon/ThumbUpIcon"
+    })).withConfig({
+      displayName: "ThumbUpIcon",
+      componentId: "sc-1mr22fg-0"
+    })([""]);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Sentiment.tsx
+import * as React11 from "react";
+import { useEffect as useEffect2 } from "react";
+function Sentiment({
+  settings,
+  onSubmit,
+  className
+}) {
+  const {
+    label,
+    submitText,
+    comment: commentSettings,
+    reasons: reasonsSettings,
+    optionalEmail: optionalEmailSettings
+  } = settings || {};
+  const [isSubmitted, setIsSubmitted] = React11.useState(false);
+  const [score, setScore] = React11.useState(0);
+  const [comment, setComment] = React11.useState("");
+  const [reasons, setReasons] = React11.useState([]);
+  const [email, setEmail] = React11.useState();
+  const {
+    useTranslate,
+    useUserMenu
+  } = useThemeHooks();
+  const {
+    userData
+  } = useUserMenu();
+  const {
+    translate
+  } = useTranslate();
+  const onEmailChange = (e) => {
+    const value = e.target.value;
+    setEmail(value || void 0);
+  };
+  const getScoreSpecificReasonSettings = (score2) => {
+    switch (score2) {
+      case 1:
+        return reasonsSettings?.like;
+      case -1:
+        return reasonsSettings?.dislike;
+      default:
+        return reasonsSettings;
+    }
+  };
+  const checkIfShouldDisplayReasons = (score2) => {
+    if (!score2 || !reasonsSettings) {
+      return false;
+    }
+    const scoreSpecificReasonsSettings = getScoreSpecificReasonSettings(score2);
+    if (typeof scoreSpecificReasonsSettings?.hide === "undefined") {
+      return !reasonsSettings.hide;
+    }
+    return !scoreSpecificReasonsSettings?.hide;
+  };
+  const displayReasons = checkIfShouldDisplayReasons(score);
+  const displayComment = !!(score && !commentSettings?.hide);
+  const displaySubmitBnt = !!(score && (displayReasons || displayComment));
+  const displayFeedbackEmail = !!score && !optionalEmailSettings?.hide && !userData.isAuthenticated;
+  const commentLabel = score === 1 ? commentSettings && commentSettings.likeLabel || translate("feedback.settings.comment.likeLabel", "What was most helpful?") : commentSettings && commentSettings.dislikeLabel || translate("feedback.settings.comment.dislikeLabel", "What can we improve?");
+  const renderReasonsLabel = (score2) => {
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score2);
+    return scoreSpecificReasonSettings?.label;
+  };
+  const resolveReasonsItems = (score2) => {
+    const defaultReasonsItems = reasonsSettings?.items || [];
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score2);
+    return defaultReasonsItems.concat(scoreSpecificReasonSettings?.items ?? []);
+  };
+  const resolveReasonsComponent = (score2) => {
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score2);
+    return scoreSpecificReasonSettings?.component;
+  };
+  const onSubmitSentimentForm = () => {
+    onSubmit({
+      score,
+      comment,
+      reasons,
+      email
+    });
+    setIsSubmitted(true);
+  };
+  const onCancelSentimentForm = () => {
+    setScore(0);
+    setComment("");
+    setReasons([]);
+    setEmail(void 0);
+  };
+  useEffect2(() => {
+    if (score && !displayComment && !displayReasons && !displayFeedbackEmail) {
+      onSubmitSentimentForm();
+    }
+  }, [score, displayComment, displayReasons, displayFeedbackEmail]);
+  if (isSubmitted) {
+    return /* @__PURE__ */ React11.createElement(SentimentWrapper, { "data-component-name": "Feedback/Sentiment" }, /* @__PURE__ */ React11.createElement(StyledFormMandatoryFields3, null, /* @__PURE__ */ React11.createElement(Label4, { "data-translation-key": "feedback.settings.submitText" }, submitText || translate("feedback.settings.submitText", "Thank you for helping improve our documentation!")), /* @__PURE__ */ React11.createElement(RadioCheckButtonIcon, null)));
+  }
+  return /* @__PURE__ */ React11.createElement(SentimentWrapper, { "data-component-name": "Feedback/Sentiment", className }, /* @__PURE__ */ React11.createElement(StyledForm2, null, /* @__PURE__ */ React11.createElement(StyledFormMandatoryFields3, null, /* @__PURE__ */ React11.createElement(Label4, { "data-translation-key": "feedback.settings.label" }, label || translate("feedback.settings.label", "Was this helpful?")), /* @__PURE__ */ React11.createElement(StyledMandatoryFieldContainer2, null, /* @__PURE__ */ React11.createElement(Button, { type: "button", size: "medium", variant: score === 1 ? "primary" : "secondary", onClick: () => {
+    setScore(1);
+  }, "aria-label": translate("feedback.sentiment.thumbUp", "Like"), icon: /* @__PURE__ */ React11.createElement(ThumbUpIcon, null) }), /* @__PURE__ */ React11.createElement(Button, { size: "medium", type: "button", variant: score === -1 ? "primary" : "secondary", tone: score === -1 ? "danger" : "default", onClick: () => {
+    setScore(-1);
+  }, "aria-label": translate("feedback.sentiment.thumbDown", "Dislike"), icon: /* @__PURE__ */ React11.createElement(ThumbDownIcon, null) }))), (displayReasons || displayComment) && /* @__PURE__ */ React11.createElement(StyledFormOptionalFields2, null, displayReasons && /* @__PURE__ */ React11.createElement(Reasons, { settings: {
+    label: renderReasonsLabel(score),
+    items: resolveReasonsItems(score),
+    component: resolveReasonsComponent(score)
+  }, onChange: setReasons }), displayComment && /* @__PURE__ */ React11.createElement(Comment, { standAlone: false, onSubmit: ({
+    comment: comment2
+  }) => setComment(comment2), settings: {
+    label: commentLabel
+  } })), displayFeedbackEmail && /* @__PURE__ */ React11.createElement(StyledFormOptionalFields2, null, /* @__PURE__ */ React11.createElement(InputLabel2, { "data-translation-key": "feedback.settings.optionalEmail.label" }, optionalEmailSettings?.label || translate("feedback.settings.optionalEmail.label", "Your email (optional, for follow-up)")), /* @__PURE__ */ React11.createElement(EmailInput2, { onChange: onEmailChange, placeholder: optionalEmailSettings?.placeholder || translate("feedback.settings.optionalEmail.placeholder", "yourname@example.com"), type: "email", required: !!email, onKeyDown: (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmitSentimentForm();
+    }
+  } })), displaySubmitBnt && /* @__PURE__ */ React11.createElement(ButtonsContainer3, null, /* @__PURE__ */ React11.createElement(Button, { onClick: onCancelSentimentForm, variant: "text", size: "small" }, translate("feedback.cancel", "Cancel")), /* @__PURE__ */ React11.createElement(Button, { onClick: onSubmitSentimentForm, variant: "secondary", size: "small" }, translate("feedback.submit", "Submit")))));
+}
+var SentimentWrapper, Label4, InputLabel2, StyledForm2, StyledFormOptionalFields2, StyledFormMandatoryFields3, StyledMandatoryFieldContainer2, ButtonsContainer3, EmailInput2;
+var init_Sentiment = __esm({
+  "../../packages/theme/src/components/Feedback/Sentiment.tsx"() {
+    init_styled_components_esm();
+    init_Reasons();
+    init_hooks();
+    init_RadioCheckButtonIcon();
+    init_Comment();
+    init_Button();
+    init_ThumbDownIcon();
+    init_ThumbUpIcon();
+    SentimentWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Sentiment__SentimentWrapper",
+      componentId: "sc-1kmnv8-0"
+    })(["font-family:var(--font-family-base);display:flex;justify-content:space-between;align-items:center;"]);
+    Label4 = styled_components_esm_default.h4.withConfig({
+      displayName: "Sentiment__Label",
+      componentId: "sc-1kmnv8-1"
+    })(["font-family:var(--feedback-font-family);font-weight:var(--font-weight-regular);font-size:var(--feedback-header-font-size);line-height:var(--feedback-header-line-height);color:var(--feedback-header-text-color);margin:0;"]);
+    InputLabel2 = styled_components_esm_default.h4.withConfig({
+      displayName: "Sentiment__InputLabel",
+      componentId: "sc-1kmnv8-2"
+    })(["font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);margin:0;"]);
+    StyledForm2 = styled_components_esm_default.form.withConfig({
+      displayName: "Sentiment__StyledForm",
+      componentId: "sc-1kmnv8-3"
+    })(["width:100%;gap:var(--spacing-sm);display:flex;flex-direction:column;"]);
+    StyledFormOptionalFields2 = styled_components_esm_default.div.withConfig({
+      displayName: "Sentiment__StyledFormOptionalFields",
+      componentId: "sc-1kmnv8-4"
+    })(["display:flex;flex-flow:column;"]);
+    StyledFormMandatoryFields3 = styled_components_esm_default.div.withConfig({
+      displayName: "Sentiment__StyledFormMandatoryFields",
+      componentId: "sc-1kmnv8-5"
+    })(["display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);> svg{margin:var(--button-icon-padding) 0;}"]);
+    StyledMandatoryFieldContainer2 = styled_components_esm_default.div.withConfig({
+      displayName: "Sentiment__StyledMandatoryFieldContainer",
+      componentId: "sc-1kmnv8-6"
+    })(["display:flex;align-items:center;gap:var(--spacing-xxs);", "{margin:0;}"], Button);
+    ButtonsContainer3 = styled_components_esm_default.div.withConfig({
+      displayName: "Sentiment__ButtonsContainer",
+      componentId: "sc-1kmnv8-7"
+    })(["display:flex;justify-content:end;margin-bottom:var(--spacing-xxs);gap:var(--spacing-xxs);"]);
+    EmailInput2 = styled_components_esm_default.input.withConfig({
+      displayName: "Sentiment__EmailInput",
+      componentId: "sc-1kmnv8-8"
+    })(["background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:var(--input-border);outline:none;color:var(--feedback-text-color);font-family:var(--feedback-font-family);padding:10px;"]);
+  }
+});
+
+// ../../packages/theme/src/icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon.tsx
+import React12 from "react";
+var Icon6, FaceDissatisfiedIcon;
+var init_FaceDissatisfiedIcon = __esm({
+  "../../packages/theme/src/icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    Icon6 = (props) => /* @__PURE__ */ React12.createElement("svg", { viewBox: "1 1 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React12.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z" }), /* @__PURE__ */ React12.createElement("path", { d: "M5.75 5.5C5.50278 5.5 5.2611 5.57331 5.05554 5.71066C4.84998 5.84801 4.68976 6.04324 4.59515 6.27165C4.50054 6.50005 4.47579 6.75139 4.52402 6.99386C4.57225 7.23634 4.6913 7.45907 4.86612 7.63388C5.04094 7.8087 5.26366 7.92775 5.50614 7.97598C5.74862 8.02421 5.99995 7.99946 6.22836 7.90485C6.45677 7.81024 6.65199 7.65002 6.78934 7.44446C6.92669 7.2389 7 6.99723 7 6.75C7 6.41848 6.86831 6.10054 6.63389 5.86612C6.39947 5.6317 6.08152 5.5 5.75 5.5Z" }), /* @__PURE__ */ React12.createElement("path", { d: "M10.25 5.5C10.0028 5.5 9.7611 5.57331 9.55554 5.71066C9.34998 5.84801 9.18976 6.04324 9.09515 6.27165C9.00054 6.50005 8.97579 6.75139 9.02402 6.99386C9.07225 7.23634 9.1913 7.45907 9.36612 7.63388C9.54093 7.8087 9.76366 7.92775 10.0061 7.97598C10.2486 8.02421 10.4999 7.99946 10.7284 7.90485C10.9568 7.81024 11.152 7.65002 11.2893 7.44446C11.4267 7.2389 11.5 6.99723 11.5 6.75C11.5 6.41848 11.3683 6.10054 11.1339 5.86612C10.8995 5.6317 10.5815 5.5 10.25 5.5Z" }), /* @__PURE__ */ React12.createElement("path", { d: "M8 9.5C7.30982 9.50117 6.63168 9.6809 6.03151 10.0217C5.43135 10.3625 4.92958 10.8529 4.575 11.445L5.43 11.945C5.69683 11.5019 6.07369 11.1353 6.524 10.8808C6.97431 10.6263 7.48276 10.4926 8 10.4926C8.51724 10.4926 9.0257 10.6263 9.47601 10.8808C9.92631 11.1353 10.3032 11.5019 10.57 11.945L11.425 11.445C11.0704 10.8529 10.5687 10.3625 9.96849 10.0217C9.36833 9.6809 8.69019 9.50117 8 9.5Z" }));
+    FaceDissatisfiedIcon = styled_components_esm_default(Icon6).attrs(() => ({
+      "data-component-name": "icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon"
+    })).withConfig({
+      displayName: "FaceDissatisfiedIcon",
+      componentId: "sc-1mq0tcx-0"
+    })(["path{fill:", ";}height:", ";width:", ";"], ({
+      color
+    }) => getCssColorVariable(color), ({
+      size
+    }) => size || "16px", ({
+      size
+    }) => size || "16px");
+  }
+});
+
+// ../../packages/theme/src/icons/FaceSatisfiedIcon/FaceSatisfiedIcon.tsx
+import React13 from "react";
+var Icon7, FaceSatisfiedIcon;
+var init_FaceSatisfiedIcon = __esm({
+  "../../packages/theme/src/icons/FaceSatisfiedIcon/FaceSatisfiedIcon.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    Icon7 = (props) => /* @__PURE__ */ React13.createElement("svg", { viewBox: "1 1 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React13.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z" }), /* @__PURE__ */ React13.createElement("path", { d: "M5.75 5.5C5.50278 5.5 5.2611 5.57331 5.05554 5.71066C4.84998 5.84801 4.68976 6.04324 4.59515 6.27165C4.50054 6.50005 4.47579 6.75139 4.52402 6.99386C4.57225 7.23634 4.6913 7.45907 4.86612 7.63388C5.04094 7.8087 5.26366 7.92775 5.50614 7.97598C5.74862 8.02421 5.99995 7.99946 6.22836 7.90485C6.45677 7.81024 6.65199 7.65002 6.78934 7.44446C6.92669 7.2389 7 6.99723 7 6.75C7.00134 6.58548 6.96991 6.42233 6.90757 6.27007C6.84522 6.11782 6.7532 5.97949 6.63686 5.86315C6.52052 5.74681 6.38219 5.65478 6.22993 5.59244C6.07767 5.53009 5.91453 5.49867 5.75 5.5Z" }), /* @__PURE__ */ React13.createElement("path", { d: "M10.25 5.5C10.0028 5.5 9.7611 5.57331 9.55554 5.71066C9.34998 5.84801 9.18976 6.04324 9.09515 6.27165C9.00054 6.50005 8.97579 6.75139 9.02402 6.99386C9.07225 7.23634 9.1913 7.45907 9.36612 7.63388C9.54093 7.8087 9.76366 7.92775 10.0061 7.97598C10.2486 8.02421 10.4999 7.99946 10.7284 7.90485C10.9568 7.81024 11.152 7.65002 11.2893 7.44446C11.4267 7.2389 11.5 6.99723 11.5 6.75C11.5013 6.58548 11.4699 6.42233 11.4076 6.27007C11.3452 6.11782 11.2532 5.97949 11.1369 5.86315C11.0205 5.74681 10.8822 5.65478 10.7299 5.59244C10.5777 5.53009 10.4145 5.49867 10.25 5.5Z" }), /* @__PURE__ */ React13.createElement("path", { d: "M8 12C8.69019 11.9988 9.36833 11.8191 9.96849 11.4783C10.5687 11.1375 11.0704 10.6471 11.425 10.055L10.57 9.555C10.3032 9.9981 9.92631 10.3647 9.47601 10.6192C9.0257 10.8737 8.51724 11.0074 8 11.0074C7.48276 11.0074 6.97431 10.8737 6.524 10.6192C6.07369 10.3647 5.69683 9.9981 5.43 9.555L4.575 10.055C4.92958 10.6471 5.43135 11.1375 6.03151 11.4783C6.63168 11.8191 7.30982 11.9988 8 12Z" }));
+    FaceSatisfiedIcon = styled_components_esm_default(Icon7).attrs(() => ({
+      "data-component-name": "icons/FaceSatisfiedIcon/FaceSatisfiedIcon"
+    })).withConfig({
+      displayName: "FaceSatisfiedIcon",
+      componentId: "sc-1qghnnx-0"
+    })(["path{fill:", ";}height:", ";width:", ";"], ({
+      color
+    }) => getCssColorVariable(color), ({
+      size
+    }) => size || "16px", ({
+      size
+    }) => size || "16px");
+  }
+});
+
+// ../../packages/theme/src/icons/FaceNeutralIcon/FaceNeutralIcon.tsx
+import React14 from "react";
+var Icon8, FaceNeutralIcon;
+var init_FaceNeutralIcon = __esm({
+  "../../packages/theme/src/icons/FaceNeutralIcon/FaceNeutralIcon.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    Icon8 = (props) => /* @__PURE__ */ React14.createElement("svg", { viewBox: "1 1 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React14.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z" }), /* @__PURE__ */ React14.createElement("path", { d: "M5.75 5.5C5.50278 5.5 5.2611 5.57331 5.05554 5.71066C4.84998 5.84801 4.68976 6.04324 4.59515 6.27165C4.50054 6.50005 4.47579 6.75139 4.52402 6.99386C4.57225 7.23634 4.6913 7.45907 4.86612 7.63388C5.04094 7.8087 5.26366 7.92775 5.50614 7.97598C5.74862 8.02421 5.99995 7.99946 6.22836 7.90485C6.45677 7.81024 6.65199 7.65002 6.78934 7.44446C6.92669 7.2389 7 6.99723 7 6.75C7 6.41848 6.86831 6.10054 6.63389 5.86612C6.39947 5.6317 6.08152 5.5 5.75 5.5Z" }), /* @__PURE__ */ React14.createElement("path", { d: "M10.25 5.5C10.0028 5.5 9.7611 5.57331 9.55554 5.71066C9.34998 5.84801 9.18976 6.04324 9.09515 6.27165C9.00054 6.50005 8.97579 6.75139 9.02402 6.99386C9.07225 7.23634 9.1913 7.45907 9.36612 7.63388C9.54093 7.8087 9.76366 7.92775 10.0061 7.97598C10.2486 8.02421 10.4999 7.99946 10.7284 7.90485C10.9568 7.81024 11.152 7.65002 11.2893 7.44446C11.4267 7.2389 11.5 6.99723 11.5 6.75C11.5 6.41848 11.3683 6.10054 11.1339 5.86612C10.8995 5.6317 10.5815 5.5 10.25 5.5Z" }), /* @__PURE__ */ React14.createElement("path", { d: "M11 10H5V11H11V10Z" }));
+    FaceNeutralIcon = styled_components_esm_default(Icon8).attrs(() => ({
+      "data-component-name": "icons/FaceNeutralIcon/FaceNeutralIcon"
+    })).withConfig({
+      displayName: "FaceNeutralIcon",
+      componentId: "sc-kylii8-0"
+    })(["path{fill:", ";}height:", ";width:", ";"], ({
+      color
+    }) => getCssColorVariable(color), ({
+      size
+    }) => size || "16px", ({
+      size
+    }) => size || "16px");
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Mood.tsx
+import * as React15 from "react";
+import { useEffect as useEffect3 } from "react";
+function Mood({
+  settings,
+  onSubmit,
+  className
+}) {
+  const {
+    label,
+    submitText,
+    comment: commentSettings,
+    reasons: reasonsSettings,
+    optionalEmail: optionalEmailSettings
+  } = settings || {};
+  const [score, setScore] = React15.useState("");
+  const [isSubmitted, setIsSubmitted] = React15.useState(false);
+  const [comment, setComment] = React15.useState("");
+  const [reasons, setReasons] = React15.useState([]);
+  const [email, setEmail] = React15.useState();
+  const {
+    useTranslate,
+    useUserMenu
+  } = useThemeHooks();
+  const {
+    userData
+  } = useUserMenu();
+  const {
+    translate
+  } = useTranslate();
+  const onEmailChange = (e) => {
+    const value = e.target.value;
+    setEmail(value || void 0);
+  };
+  const checkIfShouldDisplayReasons = (score2) => {
+    if (!score2 || !reasonsSettings) {
+      return false;
+    }
+    const scoreSpecificReasonsSettings = reasonsSettings[score2];
+    if (typeof scoreSpecificReasonsSettings?.hide === "undefined") {
+      return !reasonsSettings.hide;
+    }
+    return !scoreSpecificReasonsSettings?.hide;
+  };
+  const renderCommentLabel = (score2) => {
+    if (!commentSettings || commentSettings?.hide === true) return "";
+    switch (score2) {
+      case "satisfied" /* SATISFIED */:
+        return commentSettings.satisfiedLabel || translate("feedback.settings.comment.satisfiedLabel", "What was most helpful?");
+      case "neutral" /* NEUTRAL */:
+        return commentSettings.neutralLabel || translate("feedback.settings.comment.neutralLabel", "What can we improve?");
+      case "dissatisfied" /* DISSATISFIED */:
+        return commentSettings.dissatisfiedLabel || translate("feedback.settings.comment.dissatisfiedLabel", "What can we improve?");
+      default:
+        return translate("feedback.settings.comment.satisfiedLabel", "What can we improve?");
+    }
+  };
+  const renderReasonsLabel = (score2) => {
+    if (!reasonsSettings || reasonsSettings?.hide === true) return "";
+    return reasonsSettings[score2]?.label;
+  };
+  const resolveReasonsItems = (score2) => {
+    if (!reasonsSettings) {
+      return [];
+    }
+    const defaultReasonsItems = reasonsSettings?.items || [];
+    return defaultReasonsItems.concat(reasonsSettings[score2]?.items ?? []);
+  };
+  const resolveReasonsComponent = (score2) => {
+    if (!reasonsSettings || reasonsSettings?.hide === true) return "checkbox";
+    return reasonsSettings[score2]?.component;
+  };
+  const displayReasons = checkIfShouldDisplayReasons(score);
+  const displayComment = !!(score && !commentSettings?.hide);
+  const displaySubmitBnt = !!(score && (displayReasons || displayComment));
+  const displayFeedbackEmail = !!score && !optionalEmailSettings?.hide && !userData.isAuthenticated;
+  const onSubmitMoodForm = () => {
+    onSubmit({
+      score: remapScore(score),
+      comment,
+      reasons,
+      email
+    });
+    setIsSubmitted(true);
+  };
+  const onCancelMoodForm = () => {
+    setScore("");
+    setComment("");
+    setReasons([]);
+    setEmail(void 0);
+  };
+  useEffect3(() => {
+    if (score && !displayComment && !displayReasons && !displayFeedbackEmail) {
+      onSubmitMoodForm();
+    }
+  }, [score, displayComment, displayReasons, displayFeedbackEmail]);
+  if (isSubmitted) {
+    return /* @__PURE__ */ React15.createElement(MoodWrapper, { "data-component-name": "Feedback/Mood" }, /* @__PURE__ */ React15.createElement(StyledFormMandatoryFields4, null, /* @__PURE__ */ React15.createElement(Label5, { standAlone: true, "data-translation-key": "feedback.settings.submitText" }, submitText || translate("feedback.settings.submitText", "Thank you for helping improve our documentation!")), /* @__PURE__ */ React15.createElement(RadioCheckButtonIcon, null)));
+  }
+  return /* @__PURE__ */ React15.createElement(MoodWrapper, { "data-component-name": "Feedback/Mood", className }, /* @__PURE__ */ React15.createElement(StyledForm3, { onSubmit: onSubmitMoodForm }, /* @__PURE__ */ React15.createElement(StyledFormMandatoryFields4, null, /* @__PURE__ */ React15.createElement(Label5, { standAlone: true, "data-translation-key": "feedback.settings.label" }, label || translate("feedback.settings.label", "Was this helpful?")), /* @__PURE__ */ React15.createElement(StyledMandatoryFieldContainer3, null, /* @__PURE__ */ React15.createElement(Button, { "aria-label": "dissatisfied" /* DISSATISFIED */, type: "button", size: "medium", variant: score === "dissatisfied" /* DISSATISFIED */ ? "primary" : "secondary", tone: score === "dissatisfied" /* DISSATISFIED */ ? "danger" : "default", onClick: () => {
+    setScore("dissatisfied" /* DISSATISFIED */);
+  }, icon: /* @__PURE__ */ React15.createElement(FaceDissatisfiedIcon, null) }), /* @__PURE__ */ React15.createElement(Button, { "aria-label": "neutral" /* NEUTRAL */, type: "button", variant: score === "neutral" /* NEUTRAL */ ? "primary" : "secondary", size: "medium", onClick: () => {
+    setScore("neutral" /* NEUTRAL */);
+  }, icon: /* @__PURE__ */ React15.createElement(FaceNeutralIcon, null) }), /* @__PURE__ */ React15.createElement(Button, { "aria-label": "satisfied" /* SATISFIED */, type: "button", variant: score === "satisfied" /* SATISFIED */ ? "primary" : "secondary", size: "medium", onClick: () => {
+    setScore("satisfied" /* SATISFIED */);
+  }, icon: /* @__PURE__ */ React15.createElement(FaceSatisfiedIcon, null) }))), (displayReasons || displayComment) && /* @__PURE__ */ React15.createElement(StyledFormOptionalFields3, null, displayReasons && /* @__PURE__ */ React15.createElement(Reasons, { settings: {
+    label: renderReasonsLabel(score),
+    items: resolveReasonsItems(score),
+    component: resolveReasonsComponent(score)
+  }, onChange: setReasons }), displayComment && /* @__PURE__ */ React15.createElement(Comment, { standAlone: false, onSubmit: ({
+    comment: comment2
+  }) => setComment(comment2), settings: {
+    label: renderCommentLabel(score)
+  } })), displayFeedbackEmail && /* @__PURE__ */ React15.createElement(StyledFormOptionalFields3, null, /* @__PURE__ */ React15.createElement(InputLabel3, { "data-translation-key": "feedback.settings.optionalEmail.label" }, optionalEmailSettings?.label || translate("feedback.settings.optionalEmail.label", "Your email (optional, for follow-up)")), /* @__PURE__ */ React15.createElement(EmailInput3, { onChange: onEmailChange, placeholder: optionalEmailSettings?.placeholder || translate("feedback.settings.optionalEmail.placeholder", "yourname@example.com"), type: "email", required: !!email, onKeyDown: (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmitMoodForm();
+    }
+  } })), displaySubmitBnt && /* @__PURE__ */ React15.createElement(ButtonsContainer4, null, /* @__PURE__ */ React15.createElement(Button, { onClick: onCancelMoodForm, variant: "text", size: "small" }, "Cancel"), /* @__PURE__ */ React15.createElement(Button, { type: "submit", variant: "secondary", size: "small" }, "Submit"))));
+}
+var MOOD_STATES, remapScore, MoodWrapper, Label5, InputLabel3, ButtonsContainer4, StyledForm3, StyledFormOptionalFields3, StyledFormMandatoryFields4, StyledMandatoryFieldContainer3, EmailInput3;
+var init_Mood = __esm({
+  "../../packages/theme/src/components/Feedback/Mood.tsx"() {
+    init_styled_components_esm();
+    init_Reasons();
+    init_hooks();
+    init_RadioCheckButtonIcon();
+    init_Comment();
+    init_Button();
+    init_FaceDissatisfiedIcon();
+    init_FaceSatisfiedIcon();
+    init_FaceNeutralIcon();
+    MOOD_STATES = /* @__PURE__ */ ((MOOD_STATES2) => {
+      MOOD_STATES2["SATISFIED"] = "satisfied";
+      MOOD_STATES2["NEUTRAL"] = "neutral";
+      MOOD_STATES2["DISSATISFIED"] = "dissatisfied";
+      return MOOD_STATES2;
+    })(MOOD_STATES || {});
+    remapScore = (score) => {
+      switch (score) {
+        case "satisfied" /* SATISFIED */:
+          return 1;
+        case "neutral" /* NEUTRAL */:
+          return 0;
+        case "dissatisfied" /* DISSATISFIED */:
+          return -1;
+        default:
+          return 0;
+      }
+    };
+    MoodWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Mood__MoodWrapper",
+      componentId: "sc-1ett8m-0"
+    })(["font-family:var(--feedback-font-family);display:flex;justify-content:space-between;align-items:center;"]);
+    Label5 = styled_components_esm_default.h4.withConfig({
+      displayName: "Mood__Label",
+      componentId: "sc-1ett8m-1"
+    })(["font-family:var(--feedback-font-family);font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);color:var(--feedback-text-color);", " margin:0;"], ({
+      standAlone = false
+    }) => standAlone && Ne(["font-size:var(--feedback-header-font-size);line-height:var(--feedback-header-line-height);color:var(--feedback-header-text-color);"]));
+    InputLabel3 = styled_components_esm_default.h4.withConfig({
+      displayName: "Mood__InputLabel",
+      componentId: "sc-1ett8m-2"
+    })(["font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);margin:0;"]);
+    ButtonsContainer4 = styled_components_esm_default.div.withConfig({
+      displayName: "Mood__ButtonsContainer",
+      componentId: "sc-1ett8m-3"
+    })(["display:flex;justify-content:end;gap:var(--spacing-xxs);"]);
+    StyledForm3 = styled_components_esm_default.form.withConfig({
+      displayName: "Mood__StyledForm",
+      componentId: "sc-1ett8m-4"
+    })(["width:100%;gap:var(--spacing-sm);display:flex;flex-direction:column;"]);
+    StyledFormOptionalFields3 = styled_components_esm_default.div.withConfig({
+      displayName: "Mood__StyledFormOptionalFields",
+      componentId: "sc-1ett8m-5"
+    })(["display:flex;flex-flow:column;"]);
+    StyledFormMandatoryFields4 = styled_components_esm_default.div.withConfig({
+      displayName: "Mood__StyledFormMandatoryFields",
+      componentId: "sc-1ett8m-6"
+    })(["display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);> svg{margin:var(--button-icon-padding) 0;}"]);
+    StyledMandatoryFieldContainer3 = styled_components_esm_default.div.withConfig({
+      displayName: "Mood__StyledMandatoryFieldContainer",
+      componentId: "sc-1ett8m-7"
+    })(["display:flex;align-items:center;gap:var(--spacing-xxs);"]);
+    EmailInput3 = styled_components_esm_default.input.withConfig({
+      displayName: "Mood__EmailInput",
+      componentId: "sc-1ett8m-8"
+    })(["background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:var(--input-border);outline:none;color:var(--feedback-text-color);font-family:var(--feedback-font-family);padding:10px;"]);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Scale.tsx
+import * as React16 from "react";
+import { useEffect as useEffect4 } from "react";
+function Scale({
+  settings,
+  onSubmit,
+  className
+}) {
+  const {
+    label,
+    submitText,
+    leftScaleLabel,
+    rightScaleLabel,
+    comment: commentSettings,
+    reasons: reasonsSettings,
+    optionalEmail: optionalEmailSettings
+  } = settings || {};
+  const [score, setScore] = React16.useState(0);
+  const [isSubmitted, setIsSubmitted] = React16.useState(false);
+  const [comment, setComment] = React16.useState("");
+  const [reasons, setReasons] = React16.useState([]);
+  const [email, setEmail] = React16.useState();
+  const {
+    useTranslate,
+    useUserMenu
+  } = useThemeHooks();
+  const {
+    userData
+  } = useUserMenu();
+  const {
+    translate
+  } = useTranslate();
+  const onEmailChange = (e) => {
+    const value = e.target.value;
+    setEmail(value || void 0);
+  };
+  const scaleOptions = [];
+  for (let i = 1; i <= MAX_SCALE; i++) {
+    scaleOptions.push(/* @__PURE__ */ React16.createElement(Button, { id: `scale-option-${i}`, key: `scale-option-${i}`, type: "button", onClick: () => setScore(i), className: `${score === i ? "active" : ""}` }, i));
+  }
+  const displayReasons = !!score && reasonsSettings && !reasonsSettings.hide;
+  const displayComment = !!(score && !commentSettings?.hide);
+  const displaySubmitBnt = !!score && (displayReasons || displayComment);
+  const displayFeedbackEmail = !!score && !optionalEmailSettings?.hide && !userData.isAuthenticated;
+  const handleCancel = () => {
+    setScore(0);
+    setComment("");
+    setReasons([]);
+    setEmail(void 0);
+  };
+  const onSubmitScaleForm = () => {
+    onSubmit({
+      score,
+      comment,
+      reasons,
+      max: MAX_SCALE,
+      email
+    });
+    setIsSubmitted(true);
+  };
+  useEffect4(() => {
+    if (score && !displayComment && !displayReasons && !displayFeedbackEmail) {
+      onSubmitScaleForm();
+    }
+  }, [score, displayComment, displayReasons, displayFeedbackEmail]);
+  if (isSubmitted) {
+    return /* @__PURE__ */ React16.createElement(ScaleWrapper, { "data-component-name": "Feedback/Scale" }, /* @__PURE__ */ React16.createElement(Label6, { "data-translation-key": "feedback.settings.submitText" }, submitText || translate("feedback.settings.submitText", "Thank you for helping improve our documentation!")), /* @__PURE__ */ React16.createElement(RadioCheckButtonIcon, null));
+  }
+  return /* @__PURE__ */ React16.createElement(ScaleWrapper, { "data-component-name": "Feedback/Scale", className }, /* @__PURE__ */ React16.createElement(StyledForm4, { onSubmit: onSubmitScaleForm }, /* @__PURE__ */ React16.createElement(StyledFormMandatoryFields5, null, /* @__PURE__ */ React16.createElement(Label6, { "data-translation-key": "feedback.settings.label" }, label || translate("feedback.settings.label", "Was this helpful?")), /* @__PURE__ */ React16.createElement(ScaleOptionsWrapper, null, scaleOptions), /* @__PURE__ */ React16.createElement(SubLabelContainer, null, /* @__PURE__ */ React16.createElement(SubLabel, { "data-translation-key": "feedback.settings.leftScaleLabel" }, leftScaleLabel || translate("feedback.settings.leftScaleLabel", "Not helpful at all")), /* @__PURE__ */ React16.createElement(SubLabel, { "data-translation-key": "feedback.settings.rightScaleLabel" }, rightScaleLabel || translate("feedback.settings.rightScaleLabel", "Extremely helpful")))), /* @__PURE__ */ React16.createElement(StyledFormOptionalFields4, null, displayReasons && /* @__PURE__ */ React16.createElement(Reasons, { settings: {
+    label: reasonsSettings?.label,
+    items: reasonsSettings?.items || [],
+    component: reasonsSettings?.component
+  }, onChange: setReasons }), displayComment && /* @__PURE__ */ React16.createElement(Comment, { standAlone: false, onSubmit: ({
+    comment: comment2
+  }) => setComment(comment2), settings: {
+    label: commentSettings?.label || translate("feedback.settings.comment.label", "Please share your feedback with us.")
+  } })), displayFeedbackEmail && /* @__PURE__ */ React16.createElement(StyledFormOptionalFields4, null, /* @__PURE__ */ React16.createElement(InputLabel4, { "data-translation-key": "feedback.settings.optionalEmail.label" }, optionalEmailSettings?.label || translate("feedback.settings.optionalEmail.label", "Your email (optional, for follow-up)")), /* @__PURE__ */ React16.createElement(EmailInput4, { onChange: onEmailChange, placeholder: optionalEmailSettings?.placeholder || translate("feedback.settings.optionalEmail.placeholder", "yourname@example.com"), type: "email", required: !!email, onKeyDown: (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmitScaleForm();
+    }
+  } })), displaySubmitBnt && /* @__PURE__ */ React16.createElement(ButtonsContainer5, null, /* @__PURE__ */ React16.createElement(Button, { "data-translation-key": "feedback.settings.comment.cancel", onClick: handleCancel, variant: "text", size: "small" }, translate("feedback.settings.comment.cancel", "Cancel")), /* @__PURE__ */ React16.createElement(Button, { "data-translation-key": "feedback.submit", type: "submit", variant: "secondary", size: "small" }, translate("feedback.submit", "Submit")))));
+}
+var MAX_SCALE, ScaleWrapper, Label6, InputLabel4, SubLabelContainer, SubLabel, StyledForm4, ButtonsContainer5, StyledFormOptionalFields4, StyledFormMandatoryFields5, ScaleOptionsWrapper, EmailInput4;
+var init_Scale = __esm({
+  "../../packages/theme/src/components/Feedback/Scale.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    init_hooks();
+    init_RadioCheckButtonIcon();
+    init_Comment();
+    init_Reasons();
+    init_Button();
+    MAX_SCALE = 10;
+    ScaleWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__ScaleWrapper",
+      componentId: "sc-1i5fldo-0"
+    })(["font-family:var(--feedback-font-family);display:flex;justify-content:space-between;align-items:center;"]);
+    Label6 = styled_components_esm_default.h4.withConfig({
+      displayName: "Scale__Label",
+      componentId: "sc-1i5fldo-1"
+    })(["font-family:var(--feedback-font-family);font-weight:var(--font-weight-regular);font-size:var(--feedback-header-font-size);line-height:var(--feedback-header-line-height);color:var(--feedback-header-text-color);margin:0;width:100%;"]);
+    InputLabel4 = styled_components_esm_default.h4.withConfig({
+      displayName: "Scale__InputLabel",
+      componentId: "sc-1i5fldo-2"
+    })(["font-weight:var(--font-weight-regular);font-size:var(--feedback-font-size);line-height:var(--feedback-line-height);margin:0;"]);
+    SubLabelContainer = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__SubLabelContainer",
+      componentId: "sc-1i5fldo-3"
+    })(["display:flex;justify-content:space-between;width:100%;flex-direction:row;"]);
+    SubLabel = styled_components_esm_default(Label6).withConfig({
+      displayName: "Scale__SubLabel",
+      componentId: "sc-1i5fldo-4"
+    })(["width:fit-content;color:var(--text-color-description);font-size:var(--feedback-font-size);margin-bottom:var(--spacing-xxs);"]);
+    StyledForm4 = styled_components_esm_default.form.withConfig({
+      displayName: "Scale__StyledForm",
+      componentId: "sc-1i5fldo-5"
+    })(["width:100%;gap:var(--spacing-sm);display:flex;flex-direction:column;"]);
+    ButtonsContainer5 = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__ButtonsContainer",
+      componentId: "sc-1i5fldo-6"
+    })(["display:flex;justify-content:end;margin-bottom:var(--spacing-xxs);gap:var(--spacing-xxs);"]);
+    StyledFormOptionalFields4 = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__StyledFormOptionalFields",
+      componentId: "sc-1i5fldo-7"
+    })(["display:flex;flex-flow:column;&:empty{display:none;}"]);
+    StyledFormMandatoryFields5 = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__StyledFormMandatoryFields",
+      componentId: "sc-1i5fldo-8"
+    })(["display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);align-items:center;"]);
+    ScaleOptionsWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Scale__ScaleOptionsWrapper",
+      componentId: "sc-1i5fldo-9"
+    })(["display:flex;justify-content:space-between;flex-direction:row;gap:var(--spacing-xxs);width:100%;", "{margin-left:0;}@media screen and (max-width:", "){gap:2px;}"], Button, breakpoints.small);
+    EmailInput4 = styled_components_esm_default.input.withConfig({
+      displayName: "Scale__EmailInput",
+      componentId: "sc-1i5fldo-10"
+    })(["background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:var(--input-border);outline:none;color:var(--feedback-text-color);font-family:var(--feedback-font-family);padding:10px;"]);
+  }
+});
+
+// ../../packages/theme/src/components/Feedback/Feedback.tsx
+import * as React17 from "react";
+import { useLocation } from "react-router-dom";
+function Feedback(props) {
+  const {
+    useSubmitFeedback,
+    useTelemetry
+  } = useThemeHooks();
+  const {
+    submitFeedback
+  } = useSubmitFeedback();
+  const telemetry = useTelemetry();
+  const {
+    pathname
+  } = useLocation();
+  const {
+    feedback: themeFeedbackConf
+  } = useThemeConfig();
+  const feedbackConf = {
+    ...themeFeedbackConf,
+    path: props?.path,
+    type: props?.type || themeFeedbackConf?.type || DEFAULT_FEEDBACK_TYPE,
+    settings: props?.settings || themeFeedbackConf?.settings || {},
+    hide: props.hide ?? themeFeedbackConf?.hide
+  };
+  if (feedbackConf.hide) {
+    return null;
+  }
+  const renderFeedbackComponent = () => {
+    const {
+      type,
+      settings,
+      path
+    } = feedbackConf;
+    const FeedbackComponent = feedbackComponents[type];
+    if (!FeedbackComponent) {
+      return null;
+    }
+    return /* @__PURE__ */ React17.createElement(FeedbackWrapper, { "data-component-name": "Feedback/Feedback" }, /* @__PURE__ */ React17.createElement(FeedbackComponent, { settings, onSubmit: (values) => {
+      submitFeedback({
+        type,
+        values,
+        path
+      });
+      telemetry.send({
+        type: "feedback.sent",
+        payload: {
+          feedbackType: type
+        }
+      });
+    } }));
+  };
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: pathname }, renderFeedbackComponent());
+}
+var feedbackComponents, FeedbackWrapper;
+var init_Feedback = __esm({
+  "../../packages/theme/src/components/Feedback/Feedback.tsx"() {
+    init_styled_components_esm();
+    init_hooks();
+    init_Rating();
+    init_Sentiment();
+    init_Comment();
+    init_Mood();
+    init_Scale();
+    init_constants();
+    feedbackComponents = {
+      rating: Rating,
+      sentiment: Sentiment,
+      mood: Mood,
+      scale: Scale,
+      comment: Comment
+    };
+    FeedbackWrapper = styled_components_esm_default.div.withConfig({
+      displayName: "Feedback__FeedbackWrapper",
+      componentId: "sc-hcc569-0"
+    })(["padding:var(--feedback-padding);background-color:var(--feedback-bg-color);color:var(--feedback-font-color);font-size:var(--feedback-font-size);width:var(--feedback-width);max-width:100%;border-radius:var(--feedback-border-radius);@media print{display:none;}"]);
+  }
+});
+
+// ../../packages/theme/src/layouts/CodeWalkthroughLayout.tsx
+import React18 from "react";
+function CodeWalkthroughLayout({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ React18.createElement(LayoutWrapper, { "data-component-name": "Layout/CodeWalkthroughLayout", className }, /* @__PURE__ */ React18.createElement(ContentWrapper, null, children));
+}
+var LayoutWrapper, ContentWrapper;
+var init_CodeWalkthroughLayout = __esm({
+  "../../packages/theme/src/layouts/CodeWalkthroughLayout.tsx"() {
+    init_styled_components_esm();
+    init_utils();
+    LayoutWrapper = styled_components_esm_default.div.attrs(({
+      className
+    }) => ({
+      className
+    })).withConfig({
+      displayName: "CodeWalkthroughLayout__LayoutWrapper",
+      componentId: "sc-1tzdtrv-0"
+    })(["display:flex;flex:1;width:100%;"]);
+    ContentWrapper = styled_components_esm_default.section.withConfig({
+      displayName: "CodeWalkthroughLayout__ContentWrapper",
+      componentId: "sc-1tzdtrv-1"
+    })(["width:100%;--md-content-font-size:var(--font-size-lg);--md-content-line-height:var(--line-height-lg);--md-table-font-size:var(--md-content-font-size);--md-table-line-height:var(--md-content-line-height);--md-tabs-content-font-size:var(--md-content-font-size);--md-tabs-content-line-height:var(--md-content-line-height);article{padding:var(--spacing-xl) 0;> :not(.code-walkthrough):has(+ .code-walkthrough){margin-bottom:var(--spacing-xl);}> .code-walkthrough:not(:last-child){margin-bottom:var(--spacing-xl);}> :not(.code-walkthrough){max-width:var(--md-content-max-width);padding-left:0;padding-right:0;margin-left:auto !important;margin-right:auto !important;}&:has(.code-walkthrough:first-child){padding-top:0;}&:has(.code-walkthrough:last-child){padding-bottom:0;}.code-walkthrough{width:100%;max-width:", ";margin-left:auto;margin-right:auto;}&:first-child > h1:first-child{margin-top:0;}}"], breakpoints.max);
+  }
+});
+
+export {
+  Comment,
+  init_Comment,
+  TableOfContent,
+  init_TableOfContent,
+  Reasons,
+  init_Reasons,
+  StarIcon,
+  init_StarIcon,
+  StarFilledIcon,
+  init_StarFilledIcon,
+  Stars,
+  init_Stars,
+  FEEDBACK_MAX_RATING,
+  Rating,
+  init_Rating,
+  Sentiment,
+  init_Sentiment,
+  FaceDissatisfiedIcon,
+  init_FaceDissatisfiedIcon,
+  FaceSatisfiedIcon,
+  init_FaceSatisfiedIcon,
+  FaceNeutralIcon,
+  init_FaceNeutralIcon,
+  MOOD_STATES,
+  Mood,
+  init_Mood,
+  MAX_SCALE,
+  Scale,
+  init_Scale,
+  Feedback,
+  init_Feedback,
+  CodeWalkthroughLayout,
+  init_CodeWalkthroughLayout
+};