@semcore/feedback-form 6.40.0-prerelease.2 → 6.41.0-prerelease.0

package/lib/esm/component/feedback-rating/FeedbackRating.mjs

@@ -1,57 +1,57 @@
 import x from "@babel/runtime/helpers/esm/objectSpread2";
-import Z from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import ee from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import I from "@babel/runtime/helpers/esm/extends";
-import ee from "@babel/runtime/helpers/esm/classCallCheck";
-import te from "@babel/runtime/helpers/esm/createClass";
+import te from "@babel/runtime/helpers/esm/classCallCheck";
+import re from "@babel/runtime/helpers/esm/createClass";
 import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import re from "@babel/runtime/helpers/esm/inherits";
-import ne from "@babel/runtime/helpers/esm/createSuper";
+import ne from "@babel/runtime/helpers/esm/inherits";
+import ae from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as ae } from "@semcore/utils/lib/core/index";
-import ie, { sstyled as B, assignProps as z, Component as oe } from "@semcore/core";
+import { sstyled as ie } from "@semcore/utils/lib/core/index";
+import oe, { sstyled as B, assignProps as w, Component as le } from "@semcore/core";
 import e from "react";
-import { Field as H, Form as le } from "react-final-form";
-import se from "final-form-focus";
-import me from "@semcore/spin-container";
-import ce from "@semcore/utils/lib/enhances/i18nEnhance";
-import ue from "@semcore/utils/lib/uniqueID";
+import { Field as W, Form as se } from "react-final-form";
+import me from "final-form-focus";
+import ce from "@semcore/spin-container";
+import ue from "@semcore/utils/lib/enhances/i18nEnhance";
+import de from "@semcore/utils/lib/uniqueID";
 import u from "@semcore/notice";
-import de from "@semcore/icon/Check/m";
-import pe from "@semcore/icon/Warning/m";
+import pe from "@semcore/icon/Check/m";
+import fe from "@semcore/icon/Warning/m";
 import { Text as P } from "@semcore/typography";
-import fe from "@semcore/illustration/Feedback";
-import he from "@semcore/link";
-import W from "../slider-rating/SliderRating.mjs";
+import he from "@semcore/illustration/Feedback";
+import j from "@semcore/link";
+import q from "../slider-rating/SliderRating.mjs";
 import ge from "@semcore/modal";
 import be from "@semcore/textarea";
-import { Flex as k, Box as N } from "@semcore/flex-box";
+import { Flex as y, Box as N } from "@semcore/flex-box";
 import { FeedbackItem as ve } from "../feedback-item/FeedbackItem.mjs";
-import { SubmitButton as ke } from "../submit-button/SubmitButton.mjs";
-import ye from "../checkbox-button/CheckboxButton.mjs";
-import j from "@semcore/input";
-import { localizedMessages as A } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { SubmitButton as ye } from "../submit-button/SubmitButton.mjs";
+import ke from "../checkbox-button/CheckboxButton.mjs";
+import A from "@semcore/input";
+import { localizedMessages as $ } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import { NoticeBubbleManager as Ce, NoticeBubbleContainer as Ee } from "@semcore/notice-bubble";
 var xe = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"], _e = (
   /*__reshadow_css_start__*/
-  (ae.insert(
+  (ie.insert(
     /*__inner_css_start__*/
-    ".___SFeedbackRating_ztp5p_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_ztp5p_gg_ li{list-style:none}",
-    "ztp5p_gg_"
+    ".___SFeedbackRating_1yvyq_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1yvyq_gg_ li{list-style:none}",
+    "1yvyq_gg_"
   ), {
-    __SFeedbackRating: "___SFeedbackRating_ztp5p_gg_"
+    __SFeedbackRating: "___SFeedbackRating_1yvyq_gg_"
   })
-), y = /* @__PURE__ */ function(b) {
-  re(o, b);
-  var p = ne(o);
+), k = /* @__PURE__ */ function(b) {
+  ne(o, b);
+  var p = ae(o);
   function o() {
     var n;
-    ee(this, o);
+    te(this, o);
     for (var i = arguments.length, v = new Array(i), a = 0; a < i; a++)
       v[a] = arguments[a];
     return n = p.call.apply(p, [this].concat(v)), s(f(n), "state", {
       error: !1
-    }), s(f(n), "manager", new Ce()), s(f(n), "focusDecorator", se()), s(f(n), "handleChangeRating", function(t) {
-      n.asProps.onVisibleChange(!0, t);
+    }), s(f(n), "manager", new Ce()), s(f(n), "focusDecorator", me()), s(f(n), "handleChangeRating", function(t) {
+      t > 0 && n.asProps.onVisibleChange(!0, t);
     }), s(f(n), "handelCloseModal", function() {
       n.asProps.onVisibleChange(!1, n.asProps.rating);
     }), s(f(n), "handleChange", function(t) {
@@ -60,7 +60,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       };
     }), s(f(n), "renderCheckbox", function(t, r) {
       var m = n.props.initialValues[t.key];
-      return /* @__PURE__ */ e.createElement(H, {
+      return /* @__PURE__ */ e.createElement(W, {
         name: t.key,
         initialValue: m,
         type: "checkbox",
@@ -81,9 +81,9 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         mb: 2,
         size: 200
       }, t.label) : t.label, g = ((r = t.description) === null || r === void 0 ? void 0 : r.type) === e.Fragment;
-      return /* @__PURE__ */ e.createElement(k, {
+      return /* @__PURE__ */ e.createElement(y, {
         direction: "column"
-      }, /* @__PURE__ */ e.createElement(k, {
+      }, /* @__PURE__ */ e.createElement(y, {
         tag: "label",
         mt: 4,
         htmlFor: t.key,
@@ -103,9 +103,9 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
           h: 80,
           onChange: n.handleChange(l.onChange),
           id: t.key
-        })) : t.type === "input" || t.type === "email" ? (t.type === "email" && (l.autoComplete = "email", l.type = "email"), /* @__PURE__ */ e.createElement(j, {
+        })) : t.type === "input" || t.type === "email" ? (t.type === "email" && (l.autoComplete = "email", l.type = "email"), /* @__PURE__ */ e.createElement(A, {
           state: l.state
-        }, /* @__PURE__ */ e.createElement(j.Value, I({}, l, {
+        }, /* @__PURE__ */ e.createElement(A.Value, I({}, l, {
           onChange: n.handleChange(l.onChange),
           id: t.key
         })))) : null;
@@ -118,7 +118,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       }, t.description) : t.description));
     }), n;
   }
-  return te(o, [{
+  return re(o, [{
     key: "headerId",
     get: function() {
       var i = this.asProps.uid;
@@ -153,7 +153,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         error: !1
       }), t === "success" ? setTimeout(function() {
         v.manager.add({
-          icon: /* @__PURE__ */ e.createElement(de, {
+          icon: /* @__PURE__ */ e.createElement(pe, {
             color: "green-400"
           }),
           children: r("successMessage"),
@@ -169,68 +169,68 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
     value: function() {
       var i = this.asProps, v = this.asProps, a, t = this, r = this.asProps, m = r.header, h = r.submitText, g = r.formConfig, _ = r.notificationText, l = r.notificationTitle, F = r.learnMoreLink;
       r.Children;
-      var w = r.styles, $ = r.forwardRef, T = r.status, O = r.theme, U = r.background, R = r.rating, q = r.visible;
+      var L = r.styles, O = r.forwardRef, T = r.status, U = r.theme, G = r.background, R = r.rating, J = r.visible;
       r.onVisibleChange;
-      var G = r.notificationVisible, J = r.onNotificationClose, S = r.getI18nText, K = r.errorFeedbackEmail, M = r.modalWidth, L = Z(r, xe), Q = ge, X = g.filter(function(d) {
+      var K = r.notificationVisible, Q = r.onNotificationClose, S = r.getI18nText, z = r.errorFeedbackEmail, M = r.modalWidth, D = ee(r, xe), X = ge, Y = g.filter(function(d) {
         return d.type === "checkbox";
-      }), Y = g.filter(function(d) {
+      }), Z = g.filter(function(d) {
         return d.type === "textarea" || d.type === "input" || d.type === "email";
-      }), D = this.getNoticeTextId();
-      return a = B(w), /* @__PURE__ */ e.createElement(N, z({}, v), /* @__PURE__ */ e.createElement(u, a.cn("Notice", {
-        visible: G,
+      }), H = this.getNoticeTextId();
+      return a = B(L), /* @__PURE__ */ e.createElement(N, w({}, v), /* @__PURE__ */ e.createElement(u, a.cn("Notice", {
+        visible: K,
         "aria-label": S("leaveFeedback"),
-        tag: k,
+        tag: y,
         alignItems: l ? "flex-start" : "center"
       }), /* @__PURE__ */ e.createElement(u.Label, {
         mr: 3,
         "aria-hidden": !0
-      }, /* @__PURE__ */ e.createElement(fe, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(u.Content, null, l ? /* @__PURE__ */ e.createElement(u.Title, null, l) : null, /* @__PURE__ */ e.createElement(u.Text, {
-        tag: k,
+      }, /* @__PURE__ */ e.createElement(he, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(u.Content, null, l ? /* @__PURE__ */ e.createElement(u.Title, null, l) : null, /* @__PURE__ */ e.createElement(u.Text, {
+        tag: y,
         alignItems: l ? "flex-start" : "center"
       }, /* @__PURE__ */ e.createElement(P, a.cn("Text", {
         mr: 3,
-        id: D
+        id: H
       }), _), /* @__PURE__ */ e.createElement(u.Actions, {
         mt: 0
-      }, /* @__PURE__ */ e.createElement(W, a.cn("SliderRating", {
+      }, /* @__PURE__ */ e.createElement(q, a.cn("SliderRating", {
         value: R,
         onChange: this.handleChangeRating,
-        "aria-labelledby": D
-      }))), F && /* @__PURE__ */ e.createElement(he, a.cn("Link", {
+        "aria-labelledby": H
+      }))), F && /* @__PURE__ */ e.createElement(j, a.cn("Link", {
         ml: 3,
         href: F
       }), S("learnMore")))), /* @__PURE__ */ e.createElement(u.Close, {
-        onClick: J
-      })), /* @__PURE__ */ e.createElement(Q, a.cn("SFeedbackRating", x({}, z({
-        visible: q,
+        onClick: Q
+      })), /* @__PURE__ */ e.createElement(X, a.cn("SFeedbackRating", x({}, w({
+        visible: J,
         onClose: this.handelCloseModal,
         p: 0,
         "use:w": M ?? 440,
         "aria-labelledby": this.headerId
-      }, i))), /* @__PURE__ */ e.createElement(le, a.cn("Form", x({
+      }, i))), /* @__PURE__ */ e.createElement(se, a.cn("Form", x({
         decorators: [this.focusDecorator]
-      }, L)), function(d) {
+      }, D)), function(d) {
         var c;
-        return c = B(w), /* @__PURE__ */ e.createElement(me, c.cn("SpinContainer", {
-          background: U,
-          theme: O,
+        return c = B(L), /* @__PURE__ */ e.createElement(ce, c.cn("SpinContainer", {
+          background: G,
+          theme: U,
           size: "xl",
           loading: T !== "loading" ? d.submitting : T === "loading",
           p: 1,
           m: 9
-        }), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+        }), /* @__PURE__ */ e.createElement(y, c.cn("Flex", {
           justifyContent: "center"
-        }), /* @__PURE__ */ e.createElement(W, c.cn("SliderRating", {
+        }), /* @__PURE__ */ e.createElement(q, c.cn("SliderRating", {
           value: R,
           readonly: !0
         }))), (m == null ? void 0 : m.type) === E.Header ? m : /* @__PURE__ */ e.createElement(E.Header, null, m), /* @__PURE__ */ e.createElement(N, c.cn("Box", x(x({
           tag: "form",
           noValidate: !0,
           method: "POST",
-          ref: $
-        }, L), {}, {
+          ref: O
+        }, D), {}, {
           onSubmit: d.handleSubmit
-        })), /* @__PURE__ */ e.createElement(H, c.cn("Field", {
+        })), /* @__PURE__ */ e.createElement(W, c.cn("Field", {
           name: "rating",
           initialValue: R
         }), function(C) {
@@ -241,17 +241,21 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         }), /* @__PURE__ */ e.createElement("div", c.cn("div", {
           role: "group",
           "aria-labelledby": t.headerId
-        }), X.map(function(C, V) {
+        }), Y.map(function(C, V) {
           return t.renderCheckbox(C, V);
-        })), Y.map(function(C) {
+        })), Z.map(function(C) {
           return t.renderTextField(C);
         }), t.state.error && /* @__PURE__ */ e.createElement(u, c.cn("Notice", {
           theme: "warning",
           mt: 4,
           mb: 4
-        }), /* @__PURE__ */ e.createElement(u.Label, null, /* @__PURE__ */ e.createElement(pe, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(u.Content, null, S("errorMessage", {
-          email: K
-        }))), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+        }), /* @__PURE__ */ e.createElement(u.Label, null, /* @__PURE__ */ e.createElement(fe, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(u.Content, null, S("errorMessage", {
+          // todo: Brauer Ilia - think how to fix type
+          // @ts-ignore
+          email: /* @__PURE__ */ e.createElement(j, c.cn("Link", {
+            href: "mailto:".concat(z)
+          }), z)
+        }))), /* @__PURE__ */ e.createElement(y, c.cn("Flex", {
           mt: 4,
           justifyContent: "center"
         }), /* @__PURE__ */ e.createElement(E.Submit, {
@@ -263,17 +267,17 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       })));
     }
   }]), o;
-}(oe);
-s(y, "displayName", "FeedbackRatingForm");
-s(y, "style", _e);
-s(y, "enhance", [ce(A), ue()]);
-s(y, "defaultProps", {
+}(le);
+s(k, "displayName", "FeedbackRatingForm");
+s(k, "style", _e);
+s(k, "enhance", [ue($), de()]);
+s(k, "defaultProps", {
   onSubmit: function() {
   },
-  i18n: A,
+  i18n: $,
   locale: "en"
 });
-s(y, "validate", {
+s(k, "validate", {
   description: function(p) {
     return function() {
       var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", n = o.split(/\s+/), i = n.join(" ");
@@ -291,7 +295,7 @@ s(y, "validate", {
 });
 function Fe(b) {
   var p = arguments[0], o, n = b.styles, i = P;
-  return o = B(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", x({}, z({
+  return o = B(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", x({}, w({
     size: 300,
     tag: "h2",
     mb: 4,
@@ -299,11 +303,11 @@ function Fe(b) {
     textAlign: "center"
   }, p))));
 }
-var E = ie(y, {
+var E = oe(k, {
   Header: Fe,
   Item: ve,
-  Checkbox: ye,
-  Submit: ke
+  Checkbox: ke,
+  Submit: ye
 });
 export {
   E as default

package/lib/esm/component/slider-rating/SliderRating.mjs

@@ -2,71 +2,73 @@ import k from "@babel/runtime/helpers/esm/objectSpread2";
 import M from "@babel/runtime/helpers/esm/classCallCheck";
 import F from "@babel/runtime/helpers/esm/createClass";
 import v from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import A from "@babel/runtime/helpers/esm/createSuper";
+import C from "@babel/runtime/helpers/esm/inherits";
+import T from "@babel/runtime/helpers/esm/createSuper";
 import _ from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as D } from "@semcore/utils/lib/core/index";
-import $, { assignProps as L, sstyled as I, Component as Z } from "@semcore/core";
+import { sstyled as A } from "@semcore/utils/lib/core/index";
+import D, { assignProps as x, sstyled as I, Component as $ } from "@semcore/core";
 import s from "react";
-import { Box as x, Flex as z } from "@semcore/flex-box";
-import K from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import N from "@semcore/utils/lib/uniqueID";
+import { Box as R, Flex as K } from "@semcore/flex-box";
+import N from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import Z from "@semcore/utils/lib/uniqueID";
 import B from "@semcore/utils/lib/enhances/i18nEnhance";
-import { localizedMessages as C } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { localizedMessages as E } from "../../translations/__intergalactic-dynamic-locales.mjs";
 var j = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (A.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_ .___SStar_1ii78_gg_.__hovered_1ii78_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1ii78_gg_.__readonly_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1ii78_gg_.__filled_1ii78_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1ii78_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1ii78_gg_.__filled_1ii78_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
-    "1ii78_gg_"
+    ".___SSliderRating_za4t5_gg_ .___SStar_za4t5_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_za4t5_gg_.__keyboardFocused_za4t5_gg_ .___SStar_za4t5_gg_.__hovered_za4t5_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_za4t5_gg_ .___SStar_za4t5_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_za4t5_gg_.__keyboardFocused_za4t5_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_za4t5_gg_.__readonly_za4t5_gg_ .___SStar_za4t5_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_za4t5_gg_.__filled_za4t5_gg_:active{animation:wobble .8s ease-in-out}.___SStar_za4t5_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_za4t5_gg_.__filled_za4t5_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    "za4t5_gg_"
   ), {
-    __SSliderRating: "___SSliderRating_1ii78_gg_",
-    __SStar: "___SStar_1ii78_gg_",
-    _keyboardFocused: "__keyboardFocused_1ii78_gg_",
-    _hovered: "__hovered_1ii78_gg_",
-    _readonly: "__readonly_1ii78_gg_",
-    _filled: "__filled_1ii78_gg_"
+    __SSliderRating: "___SSliderRating_za4t5_gg_",
+    __SStar: "___SStar_za4t5_gg_",
+    _keyboardFocused: "__keyboardFocused_za4t5_gg_",
+    _hovered: "__hovered_za4t5_gg_",
+    _readonly: "__readonly_za4t5_gg_",
+    _filled: "__filled_za4t5_gg_"
   })
 ), y = 1, g = 5, u = /* @__PURE__ */ function(h) {
-  T(l, h);
-  var f = A(l);
+  C(l, h);
+  var f = T(l);
   function l() {
     var e;
     M(this, l);
-    for (var o = arguments.length, a = new Array(o), t = 0; t < o; t++)
-      a[t] = arguments[t];
-    return e = f.call.apply(f, [this].concat(a)), _(v(e), "state", {
+    for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
+      t[r] = arguments[r];
+    return e = f.call.apply(f, [this].concat(t)), _(v(e), "state", {
       hoveredIndex: -1,
       clickedIndex: -1
-    }), _(v(e), "handleClick", function(r) {
-      return function(i) {
-        var n = e.asProps.readonly;
-        n || e.setValue(r);
+    }), _(v(e), "handleClick", function(a) {
+      return function(n) {
+        var i = e.asProps.readonly;
+        i || e.setValue(a);
       };
-    }), _(v(e), "handleMouseEnder", function(r) {
+    }), _(v(e), "handleMouseEnder", function(a) {
       return function() {
         e.setState({
-          hoveredIndex: r
+          hoveredIndex: a
         });
       };
     }), _(v(e), "handleMouseLeave", function() {
       e.setState({
         hoveredIndex: -1
       });
-    }), _(v(e), "setValue", function(r) {
-      var i = e.asProps, n = i.onChange, c = i.value;
-      n && n(r), r <= c ? e.setState({
-        clickedIndex: r
+    }), _(v(e), "setValue", function(a) {
+      var n = e.asProps, i = n.onChange, c = n.value;
+      i && i(a), a <= c ? e.setState({
+        clickedIndex: a,
+        hoveredIndex: -1
       }) : e.setState({
-        clickedIndex: -1
+        clickedIndex: -1,
+        hoveredIndex: -1
       });
-    }), _(v(e), "handleKeyDown", function(r) {
-      if (["ArrowLeft", "ArrowRight", "Enter"].includes(r.key))
-        if (r.preventDefault(), r.key === "Enter") {
-          var i = e.state.hoveredIndex;
-          e.setValue(i + 1);
+    }), _(v(e), "handleKeyDown", function(a) {
+      if (["ArrowLeft", "ArrowRight", "Enter"].includes(a.key))
+        if (a.preventDefault(), a.key === "Enter") {
+          var n = e.state.hoveredIndex;
+          e.setValue(n + 1);
         } else {
-          var n = e.asProps.value, c = e.state.hoveredIndex, m = r.key === "ArrowLeft" ? -1 : 1, d = c === -1 ? n + m : c + 1 + m;
+          var i = e.asProps.value, c = e.state.hoveredIndex, m = a.key === "ArrowLeft" ? -1 : 1, d = c === -1 ? i + m : c + 1 + m;
           d > g && (d = g), d < y && (d = y), e.setState({
             hoveredIndex: d - 1
           });
@@ -75,32 +77,32 @@ var j = (
   }
   return F(l, [{
     key: "getStarProps",
-    value: function(o, a) {
-      var t = this.asProps, r = t.value, i = t.readonly, n = this.state.hoveredIndex;
+    value: function(o, t) {
+      var r = this.asProps, a = r.value, n = r.readonly, i = this.state.hoveredIndex;
       return {
-        filled: r && a + 1 <= r || a <= n,
-        onClick: this.handleClick(a + 1),
-        onMouseEnter: i ? void 0 : this.handleMouseEnder(a),
-        hovered: n === a
+        filled: a && t + 1 <= a || t <= i,
+        onClick: this.handleClick(t + 1),
+        onMouseEnter: n ? void 0 : this.handleMouseEnder(t),
+        hovered: i === t
       };
     }
   }, {
     key: "getLabelText",
     value: function() {
-      var o = this.state.hoveredIndex, a = this.asProps, t = a.readonly, r = a.value, i = a.getI18nText;
-      if (t)
-        return i("FeedbackRating.SliderRating.aria-valuetext.readonly", {
-          selectedRating: r,
+      var o = this.state.hoveredIndex, t = this.asProps, r = t.readonly, a = t.value, n = t.getI18nText;
+      if (r)
+        return n("FeedbackRating.SliderRating.aria-valuetext.readonly", {
+          selectedRating: a,
           max: g
         });
-      if (r) {
-        var n = o > -1 ? o + 1 : r;
-        return i("FeedbackRating.SliderRating.aria-valuetext", {
-          selectedRating: n,
+      if (a) {
+        var i = o > -1 ? o + 1 : a;
+        return n("FeedbackRating.SliderRating.aria-valuetext", {
+          selectedRating: i,
           max: g
         });
       }
-      return o === -1 ? i("FeedbackRating.SliderRating.aria-valuetext.empty") : i("FeedbackRating.SliderRating.aria-valuetext", {
+      return o === -1 ? n("FeedbackRating.SliderRating.aria-valuetext.empty") : n("FeedbackRating.SliderRating.aria-valuetext", {
         selectedRating: o + 1,
         max: g
       });
@@ -108,21 +110,21 @@ var j = (
   }, {
     key: "render",
     value: function() {
-      var o = this.asProps, a, t = this.asProps, r = t.styles, i = t.readonly, n = t.getI18nText, c = t.value, m = this.state.hoveredIndex, d = z, S = this.getLabelText();
-      if (i)
-        return /* @__PURE__ */ s.createElement(d, L({
+      var o = this.asProps, t, r = this.asProps, a = r.styles, n = r.readonly, i = r.getI18nText, c = r.value, m = this.state.hoveredIndex, d = K, S = this.getLabelText();
+      if (n)
+        return /* @__PURE__ */ s.createElement(d, x({
           gap: 1,
           role: "img",
           "aria-label": S,
           "use:tabIndex": -1
-        }, o), new Array(g).fill(null).map(function(w, p) {
-          return /* @__PURE__ */ s.createElement(x, {
+        }, o), new Array(g).fill(null).map(function(L, p) {
+          return /* @__PURE__ */ s.createElement(R, {
             key: p,
             position: "relative"
           }, /* @__PURE__ */ s.createElement(b.Star, null));
         }));
-      var R = m + 1, P = R > 0 || c ? "".concat(S, ". ").concat(n("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : S;
-      return a = I(r), /* @__PURE__ */ s.createElement(d, a.cn("SSliderRating", k({}, L({
+      var z = m + 1, w = z > 0 || c ? "".concat(S, ". ").concat(i("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : S;
+      return t = I(a), /* @__PURE__ */ s.createElement(d, t.cn("SSliderRating", k({}, x({
         gap: 1,
         onMouseLeave: this.handleMouseLeave,
         onKeyDown: this.handleKeyDown,
@@ -130,43 +132,45 @@ var j = (
         "aria-orientation": "horizontal",
         "aria-valuemin": y,
         "aria-valuemax": g,
-        "aria-valuetext": P,
-        "aria-valuenow": R
-      }, o))), new Array(g).fill(null).map(function(w, p) {
-        return /* @__PURE__ */ s.createElement(x, {
+        "aria-valuetext": w,
+        "aria-valuenow": z
+      }, o))), new Array(g).fill(null).map(function(L, p) {
+        return /* @__PURE__ */ s.createElement(R, {
           key: p,
           position: "relative"
         }, /* @__PURE__ */ s.createElement(b.Star, null));
       }));
     }
   }]), l;
-}(Z);
+}($);
 _(u, "displayName", "SliderRating");
 _(u, "style", j);
-_(u, "enhance", [K(), N(), B(C)]);
+_(u, "enhance", [N(), Z(), B(E)]);
 _(u, "defaultProps", {
-  i18n: C,
+  i18n: E,
   locale: "en"
 });
-function E(h) {
-  var f = arguments[0], l, e = x;
-  return l = I(h.styles), /* @__PURE__ */ s.createElement(e, l.cn("SStar", k({}, L({
+function P(h) {
+  var f = arguments[0], l, e = R;
+  return l = I(h.styles), /* @__PURE__ */ s.createElement(e, l.cn("SStar", k({}, x({
     tag: "svg",
     role: "none",
-    width: "22",
-    height: "21",
-    viewBox: "0 0 22 21",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, f))), h.filled ? /* @__PURE__ */ s.createElement("path", l.cn("path", {
-    d: "M10.6463 0.213566C10.7963 -0.0711885 11.2037 -0.071189 11.3537 0.213566L14.6682 6.50744L21.668 7.72084C21.9847 7.77572 22.1105 8.16305 21.8867 8.39378L16.9353 13.4978L17.9465 20.5422C17.9922 20.8607 17.6626 21.1002 17.3741 20.9581L11 17.8181L4.62585 20.9581C4.33738 21.1002 4.00781 20.8607 4.05353 20.5422L5.0647 13.4978L0.113338 8.39378C-0.110493 8.16305 0.0153421 7.77572 0.331965 7.72084L7.33178 6.50744L10.6463 0.213566Z"
+    d: "M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z"
   })) : /* @__PURE__ */ s.createElement("path", l.cn("path", {
-    d: "M13.7834 6.9734L14.0127 7.40871L14.4974 7.49274L20.3785 8.51222L16.2175 12.8015L15.8757 13.1539L15.9454 13.6399L16.7949 19.558L11.4419 16.921L11 16.7033L10.5581 16.921L5.20505 19.558L6.05456 13.6399L6.12432 13.1539L5.78246 12.8015L1.62146 8.51222L7.50258 7.49274L7.98734 7.40871L8.21659 6.9734L11 1.68803L13.7834 6.9734ZM21.4972 8.70614C21.4969 8.70608 21.4965 8.70602 21.4961 8.70595L21.4972 8.70614ZM0.502765 8.70614L0.503758 8.70597C0.503427 8.70603 0.503095 8.70609 0.502764 8.70614L0.400352 8.11535L0.502765 8.70614Z"
+    d: "M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
   })));
 }
-E.displayName = "Star";
-var b = $(u, {
-  Star: E
+P.displayName = "Star";
+var b = D(u, {
+  Star: P
 });
 export {
   b as default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.40.0-prerelease.2",
+  "version": "6.41.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,20 +15,20 @@
   },
   "dependencies": {
     "@semcore/checkbox": "7.44.1",
-    "@semcore/notice-bubble": "5.53.0-prerelease.2",
+    "@semcore/notice-bubble": "5.53.0",
     "@semcore/typography": "5.52.1",
     "@semcore/link": "5.44.1",
-    "@semcore/modal": "4.55.0-prerelease.2",
-    "@semcore/illustration": "2.43.1",
+    "@semcore/modal": "4.56.0-prerelease.0",
+    "@semcore/illustration": "2.44.0-prerelease.0",
     "@semcore/icon": "4.60.1",
     "@semcore/textarea": "5.40.1",
     "@semcore/input": "4.42.1",
     "final-form": "4.20.7",
-    "@semcore/button": "5.43.0-prerelease.2",
+    "@semcore/button": "5.43.0",
     "@semcore/flex-box": "5.41.1",
-    "@semcore/notice": "5.46.0-prerelease.2",
+    "@semcore/notice": "5.46.0",
     "@semcore/spin-container": "7.41.1",
-    "@semcore/tooltip": "6.49.1",
+    "@semcore/tooltip": "6.50.0-prerelease.0",
     "@semcore/utils": "4.48.1",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"