@semcore/feedback-form 16.2.0 → 17.0.0-prerelease.18

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

@@ -1,13 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
-import { Box, Flex } from "@semcore/base-components";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Flex, Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import CheckM from "@semcore/icon/Check/m";
@@ -17,86 +11,75 @@ import Input from "@semcore/input";
 import Link from "@semcore/link";
 import Modal from "@semcore/modal";
 import SemcoreNotice from "@semcore/notice";
-import { NoticeBubbleContainer, NoticeBubbleManager } from "@semcore/notice-bubble";
+import { NoticeBubbleManager, NoticeBubbleContainer } from "@semcore/notice-bubble";
 import SpinContainer from "@semcore/spin-container";
 import Textarea from "@semcore/textarea";
 import { Text } from "@semcore/typography";
 import createFocusDecorator from "final-form-focus";
 import React from "react";
-import { Form, Field } from "react-final-form";
+import { Field, Form } from "react-final-form";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import CheckboxButton from "../checkbox-button/CheckboxButton.mjs";
 import { FeedbackItem } from "../feedback-item/FeedbackItem.mjs";
 import SliderRating from "../slider-rating/SliderRating.mjs";
 import { SubmitButton } from "../submit-button/SubmitButton.mjs";
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth", "Illustration", "Notice"];
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFeedbackRating_rhp4z_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_rhp4z_gg_ li{list-style:none}.___SFeedbackRating_rhp4z_gg_ .___SHeader_rhp4z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}",
+    ".___SFeedbackRating_lr4d3_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_lr4d3_gg_ li{list-style:none}.___SFeedbackRating_lr4d3_gg_ .___SHeader_lr4d3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}",
     /*__inner_css_end__*/
-    "rhp4z_gg_"
+    "lr4d3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFeedbackRating": "___SFeedbackRating_rhp4z_gg_",
-    "__SHeader": "___SHeader_rhp4z_gg_"
+    "__SFeedbackRating": "___SFeedbackRating_lr4d3_gg_",
+    "__SHeader": "___SHeader_lr4d3_gg_"
   })
 );
-var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
-  function FeedbackRatingRoot2() {
-    var _this;
-    _classCallCheck(this, FeedbackRatingRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, FeedbackRatingRoot2, [].concat(args));
-    _defineProperty(_this, "state", {
+class FeedbackRatingRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       error: false
     });
-    _defineProperty(_this, "manager", new NoticeBubbleManager());
-    _defineProperty(_this, "focusDecorator", createFocusDecorator());
-    _defineProperty(_this, "handleChangeRating", function(rating) {
+    _defineProperty(this, "manager", new NoticeBubbleManager());
+    _defineProperty(this, "focusDecorator", createFocusDecorator());
+    _defineProperty(this, "handleChangeRating", (rating) => {
       if (rating > 0) {
-        _this.asProps.onVisibleChange(true, rating);
+        this.asProps.onVisibleChange(true, rating);
       }
     });
-    _defineProperty(_this, "handelCloseModal", function() {
-      _this.asProps.onVisibleChange(false, _this.asProps.rating);
+    _defineProperty(this, "handelCloseModal", () => {
+      this.asProps.onVisibleChange(false, this.asProps.rating);
     });
-    _defineProperty(_this, "handleChange", function(fn) {
-      return function(_value, e) {
-        fn(e);
-      };
+    _defineProperty(this, "handleChange", (fn) => (_value, e) => {
+      fn(e);
     });
-    _defineProperty(_this, "renderCheckbox", function(config, index) {
-      var initialValue = _this.props.initialValues[config.key];
+    _defineProperty(this, "renderCheckbox", (config, index) => {
+      const initialValue = this.props.initialValues[config.key];
       return /* @__PURE__ */ React.createElement(Field, {
         name: config.key,
         initialValue,
         type: "checkbox",
         key: config.key
-      }, function(_ref7) {
-        var input = _ref7.input;
-        return /* @__PURE__ */ React.createElement(FeedbackRating.Checkbox, _extends({}, input, {
-          id: config.key,
-          label: config.label,
-          onChange: function onChange(_checked, e) {
-            return input.onChange(e);
-          },
-          focused: index === 0
-        }));
-      });
+      }, ({
+        input
+      }) => /* @__PURE__ */ React.createElement(FeedbackRating.Checkbox, _extends({}, input, {
+        id: config.key,
+        label: config.label,
+        onChange: (_checked, e) => input.onChange(e),
+        focused: index === 0
+      })));
     });
-    _defineProperty(_this, "renderTextField", function(config) {
-      var _config$description;
-      var initialValue = _this.props.initialValues[config.key];
-      var label = typeof config.label === "string" ? /* @__PURE__ */ React.createElement(Text, {
+    _defineProperty(this, "renderTextField", (config) => {
+      var _a;
+      const initialValue = this.props.initialValues[config.key];
+      const label = typeof config.label === "string" ? /* @__PURE__ */ React.createElement(Text, {
         mb: 2,
         size: 200
       }, config.label) : config.label;
-      var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === React.Fragment;
+      const isDescriptionReactFragment = ((_a = config.description) == null ? void 0 : _a.type) === React.Fragment;
       return /* @__PURE__ */ React.createElement(Flex, {
         direction: "column"
       }, /* @__PURE__ */ React.createElement(Flex, {
@@ -113,12 +96,13 @@ var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
           fallbackPlacements: ["right-start", "bottom"]
         },
         "aria-describedby": config.description ? config.key + "-description" : void 0
-      }, function(_ref8) {
-        var input = _ref8.input;
+      }, ({
+        input
+      }) => {
         if (config.type === "textarea") {
           return /* @__PURE__ */ React.createElement(Textarea, _extends({}, input, {
             h: 80,
-            onChange: _this.handleChange(input.onChange),
+            onChange: this.handleChange(input.onChange),
             id: config.key
           }));
         }
@@ -130,7 +114,7 @@ var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
           return /* @__PURE__ */ React.createElement(Input, {
             state: input.state
           }, /* @__PURE__ */ React.createElement(Input.Value, _extends({}, input, {
-            onChange: _this.handleChange(input.onChange),
+            onChange: this.handleChange(input.onChange),
             id: config.key
           })));
         }
@@ -143,176 +127,183 @@ var FeedbackRatingRoot = /* @__PURE__ */ (function(_Component) {
         id: config.key + "-description"
       }, config.description) : config.description));
     });
-    return _this;
   }
-  _inherits(FeedbackRatingRoot2, _Component);
-  return _createClass(FeedbackRatingRoot2, [{
-    key: "headerId",
-    get: function get() {
-      var uid = this.asProps.uid;
-      return "".concat(uid, "-feedback-rating-header");
-    }
-  }, {
-    key: "getHeaderProps",
-    value: function getHeaderProps() {
-      return {
-        id: this.headerId
-      };
-    }
-  }, {
-    key: "getItemProps",
-    value: function getItemProps() {
-      var validateOnBlur = this.asProps.validateOnBlur;
-      return {
-        validateOnBlur
-      };
-    }
-  }, {
-    key: "getNoticeTextId",
-    value: function getNoticeTextId() {
-      var uid = this.asProps.uid;
-      return "".concat(uid, "-feedback-rating-notice");
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-      var _this$asProps = this.asProps, status = _this$asProps.status, getI18nText = _this$asProps.getI18nText;
-      if (prevProps.status !== status) {
+  get headerId() {
+    const {
+      uid
+    } = this.asProps;
+    return `${uid}-feedback-rating-header`;
+  }
+  getHeaderProps() {
+    return {
+      id: this.headerId
+    };
+  }
+  getItemProps() {
+    const {
+      validateOnBlur
+    } = this.asProps;
+    return {
+      validateOnBlur
+    };
+  }
+  getNoticeTextId() {
+    const {
+      uid
+    } = this.asProps;
+    return `${uid}-feedback-rating-notice`;
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      status,
+      getI18nText
+    } = this.asProps;
+    if (prevProps.status !== status) {
+      this.setState({
+        error: false
+      });
+      if (status === "success") {
+        setTimeout(() => {
+          this.manager.add({
+            icon: /* @__PURE__ */ React.createElement(CheckM, {
+              color: "green-400"
+            }),
+            children: getI18nText("successMessage"),
+            initialAnimation: true,
+            duration: 5e3
+          });
+        }, 300);
+      } else if (status === "error") {
         this.setState({
-          error: false
+          error: true
         });
-        if (status === "success") {
-          setTimeout(function() {
-            _this2.manager.add({
-              icon: /* @__PURE__ */ React.createElement(CheckM, {
-                color: "green-400"
-              }),
-              children: getI18nText("successMessage"),
-              initialAnimation: true,
-              duration: 5e3
-            });
-          }, 300);
-        } else if (status === "error") {
-          this.setState({
-            error: true
-          });
-        }
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref2 = this.asProps, _ref4, _this3 = this;
-      var _this$asProps2 = this.asProps, header = _this$asProps2.header, submitText = _this$asProps2.submitText, formConfig = _this$asProps2.formConfig, notificationText = _this$asProps2.notificationText, notificationTitle = _this$asProps2.notificationTitle, learnMoreLink = _this$asProps2.learnMoreLink;
-      _this$asProps2.Children;
-      var styles = _this$asProps2.styles, forwardRef = _this$asProps2.forwardRef, status = _this$asProps2.status, theme = _this$asProps2.theme, background = _this$asProps2.background, rating = _this$asProps2.rating, visible = _this$asProps2.visible;
-      _this$asProps2.onVisibleChange;
-      var notificationVisible = _this$asProps2.notificationVisible, onNotificationClose = _this$asProps2.onNotificationClose, getI18nText = _this$asProps2.getI18nText, errorFeedbackEmail = _this$asProps2.errorFeedbackEmail, modalWidth = _this$asProps2.modalWidth, Illustration = _this$asProps2.Illustration, NoticeComponent = _this$asProps2.Notice, other = _objectWithoutProperties(_this$asProps2, _excluded);
-      var SFeedbackRating = Modal;
-      var checkboxFields = formConfig.filter(function(item) {
-        return item.type === "checkbox";
-      });
-      var textFields = formConfig.filter(function(item) {
-        return item.type === "textarea" || item.type === "input" || item.type === "email";
-      });
-      var notificationId = this.getNoticeTextId();
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(Box, assignProps({}, _ref2), /* @__PURE__ */ React.createElement(NoticeComponent, _ref4.cn("NoticeComponent", {
-        "visible": notificationVisible,
-        "aria-label": getI18nText("leaveFeedback"),
-        "tag": Flex,
-        "alignItems": notificationTitle ? "flex-start" : "center"
-      }), /* @__PURE__ */ React.createElement(NoticeComponent.Label, {
-        mr: 3,
-        "aria-hidden": true
-      }, /* @__PURE__ */ React.createElement(Illustration, _ref4.cn("Illustration", {}))), /* @__PURE__ */ React.createElement(NoticeComponent.Content, null, notificationTitle ? /* @__PURE__ */ React.createElement(NoticeComponent.Title, null, notificationTitle) : null, /* @__PURE__ */ React.createElement(NoticeComponent.Text, {
-        gap: 3,
-        tag: Flex,
-        alignItems: notificationTitle ? "flex-start" : "center"
-      }, /* @__PURE__ */ React.createElement(Text, _ref4.cn("Text", {
-        "id": notificationId
-      }), notificationText), /* @__PURE__ */ React.createElement(NoticeComponent.Actions, {
-        mt: 0
-      }, /* @__PURE__ */ React.createElement(SliderRating, _ref4.cn("SliderRating", {
-        "value": rating,
-        "onChange": this.handleChangeRating,
-        "aria-labelledby": notificationId
-      }))), learnMoreLink && /* @__PURE__ */ React.createElement(Link, _ref4.cn("Link", {
-        "href": learnMoreLink
-      }), getI18nText("learnMore")))), /* @__PURE__ */ React.createElement(NoticeComponent.Close, {
-        onClick: onNotificationClose
-      })), /* @__PURE__ */ React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", _objectSpread({}, assignProps({
+  }
+  render() {
+    var _ref = this.asProps, _ref2 = this.asProps, _ref4;
+    const {
+      header,
+      submitText,
+      formConfig,
+      notificationText,
+      notificationTitle,
+      learnMoreLink,
+      Children: _Children,
+      styles,
+      forwardRef,
+      status,
+      theme,
+      background,
+      rating,
+      visible,
+      onVisibleChange: _onVisibleChange,
+      notificationVisible,
+      onNotificationClose,
+      getI18nText,
+      errorFeedbackEmail,
+      modalWidth,
+      Illustration,
+      Notice: NoticeComponent,
+      ...other
+    } = this.asProps;
+    const SFeedbackRating = Modal;
+    const checkboxFields = formConfig.filter((item) => item.type === "checkbox");
+    const textFields = formConfig.filter((item) => item.type === "textarea" || item.type === "input" || item.type === "email");
+    const notificationId = this.getNoticeTextId();
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(Box, assignProps({}, _ref2), /* @__PURE__ */ React.createElement(NoticeComponent, _ref4.cn("NoticeComponent", {
+      "visible": notificationVisible,
+      "aria-label": getI18nText("leaveFeedback"),
+      "tag": Flex,
+      "alignItems": notificationTitle ? "flex-start" : "center"
+    }), /* @__PURE__ */ React.createElement(NoticeComponent.Label, {
+      mr: 3,
+      "aria-hidden": true
+    }, /* @__PURE__ */ React.createElement(Illustration, _ref4.cn("Illustration", {}))), /* @__PURE__ */ React.createElement(NoticeComponent.Content, null, notificationTitle ? /* @__PURE__ */ React.createElement(NoticeComponent.Title, null, notificationTitle) : null, /* @__PURE__ */ React.createElement(NoticeComponent.Text, {
+      gap: 3,
+      tag: Flex,
+      alignItems: notificationTitle ? "flex-start" : "center"
+    }, /* @__PURE__ */ React.createElement(Text, _ref4.cn("Text", {
+      "id": notificationId
+    }), notificationText), /* @__PURE__ */ React.createElement(NoticeComponent.Actions, {
+      mt: 0
+    }, /* @__PURE__ */ React.createElement(SliderRating, _ref4.cn("SliderRating", {
+      "value": rating,
+      "onChange": this.handleChangeRating,
+      "aria-labelledby": notificationId
+    }))), learnMoreLink && /* @__PURE__ */ React.createElement(Link, _ref4.cn("Link", {
+      "href": learnMoreLink
+    }), getI18nText("learnMore")))), /* @__PURE__ */ React.createElement(NoticeComponent.Close, {
+      onClick: onNotificationClose
+    })), /* @__PURE__ */ React.createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", {
+      ...assignProps({
         "visible": visible,
         "onClose": this.handelCloseModal,
         "p": 0,
-        "use:w": modalWidth !== null && modalWidth !== void 0 ? modalWidth : 440,
+        "use:w": modalWidth ?? 440,
         "aria-labelledby": this.headerId
-      }, _ref))), /* @__PURE__ */ React.createElement(Form, _ref4.cn("Form", _objectSpread({
-        "decorators": [this.focusDecorator]
-      }, other)), function(api) {
-        var _ref5;
-        return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SpinContainer, _ref5.cn("SpinContainer", {
-          "background": background,
-          "theme": theme,
-          "size": "xl",
-          "loading": status !== "loading" ? api.submitting : status === "loading",
-          "p": 1,
-          "m": 9
-        }), /* @__PURE__ */ React.createElement(Flex, _ref5.cn("Flex", {
-          "justifyContent": "center"
-        }), /* @__PURE__ */ React.createElement(SliderRating, _ref5.cn("SliderRating", {
-          "value": rating,
-          "readonly": true
-        }))), (header === null || header === void 0 ? void 0 : header.type) === FeedbackRating.Header ? header : /* @__PURE__ */ React.createElement(FeedbackRating.Header, null, header), /* @__PURE__ */ React.createElement(Box, _ref5.cn("Box", _objectSpread(_objectSpread({
-          "tag": "form",
-          "noValidate": true,
-          "method": "POST",
-          "ref": forwardRef
-        }, other), {}, {
-          "onSubmit": api.handleSubmit
-        })), /* @__PURE__ */ React.createElement(Field, _ref5.cn("Field", {
-          "name": "rating",
-          "initialValue": rating
-        }), function(_ref9) {
-          var input = _ref9.input;
-          return /* @__PURE__ */ React.createElement("input", _extends({}, input, {
-            type: "hidden"
-          }));
-        }), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
-          "role": "group",
-          "aria-labelledby": _this3.headerId
-        }), checkboxFields.map(function(formConfigItem, index) {
-          return _this3.renderCheckbox(formConfigItem, index);
-        })), textFields.map(function(formConfigItem) {
-          return _this3.renderTextField(formConfigItem);
-        }), _this3.state.error && /* @__PURE__ */ React.createElement(SemcoreNotice, _ref5.cn("SemcoreNotice", {
-          "theme": "warning",
-          "mt": 4,
-          "mb": 4
-        }), /* @__PURE__ */ React.createElement(SemcoreNotice.Label, null, /* @__PURE__ */ React.createElement(WarnM, _ref5.cn("WarnM", {}))), /* @__PURE__ */ React.createElement(SemcoreNotice.Content, null, getI18nText("errorMessage", {
-          // todo: Brauer Ilia - think how to fix type
-          // @ts-ignore
-          email: /* @__PURE__ */ React.createElement(Link, _ref5.cn("Link", {
-            "href": "mailto:".concat(errorFeedbackEmail)
-          }), errorFeedbackEmail)
-        }))), /* @__PURE__ */ React.createElement(Flex, _ref5.cn("Flex", {
-          "mt": 4,
-          "justifyContent": "center"
-        }), /* @__PURE__ */ React.createElement(FeedbackRating.Submit, {
-          loading: status !== "loading" ? api.submitting : status === "loading",
-          size: "l"
-        }, submitText !== null && submitText !== void 0 ? submitText : getI18nText("submitButton")))));
-      })), /* @__PURE__ */ React.createElement(NoticeBubbleContainer, _ref4.cn("NoticeBubbleContainer", {
-        "manager": this.manager
-      })));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(Form, _ref4.cn("Form", {
+      "decorators": [this.focusDecorator],
+      ...other
+    }), (api) => {
+      var _ref5;
+      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SpinContainer, _ref5.cn("SpinContainer", {
+        "background": background,
+        "theme": theme,
+        "size": "xl",
+        "loading": status !== "loading" ? api.submitting : status === "loading",
+        "p": 1,
+        "m": 9
+      }), /* @__PURE__ */ React.createElement(Flex, _ref5.cn("Flex", {
+        "justifyContent": "center"
+      }), /* @__PURE__ */ React.createElement(SliderRating, _ref5.cn("SliderRating", {
+        "value": rating,
+        "readonly": true
+      }))), (header == null ? void 0 : header.type) === FeedbackRating.Header ? header : /* @__PURE__ */ React.createElement(FeedbackRating.Header, null, header), /* @__PURE__ */ React.createElement(Box, _ref5.cn("Box", {
+        "tag": "form",
+        "noValidate": true,
+        "method": "POST",
+        "ref": forwardRef,
+        ...other,
+        "onSubmit": api.handleSubmit
+      }), /* @__PURE__ */ React.createElement(Field, _ref5.cn("Field", {
+        "name": "rating",
+        "initialValue": rating
+      }), ({
+        input
+      }) => /* @__PURE__ */ React.createElement("input", _extends({}, input, {
+        type: "hidden"
+      }))), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+        "role": "group",
+        "aria-labelledby": this.headerId
+      }), checkboxFields.map((formConfigItem, index) => this.renderCheckbox(formConfigItem, index))), textFields.map((formConfigItem) => this.renderTextField(formConfigItem)), this.state.error && /* @__PURE__ */ React.createElement(SemcoreNotice, _ref5.cn("SemcoreNotice", {
+        "theme": "warning",
+        "mt": 4,
+        "mb": 4
+      }), /* @__PURE__ */ React.createElement(SemcoreNotice.Label, null, /* @__PURE__ */ React.createElement(WarnM, _ref5.cn("WarnM", {}))), /* @__PURE__ */ React.createElement(SemcoreNotice.Content, null, getI18nText("errorMessage", {
+        // todo: Brauer Ilia - think how to fix type
+        // @ts-ignore
+        email: /* @__PURE__ */ React.createElement(Link, _ref5.cn("Link", {
+          "href": `mailto:${errorFeedbackEmail}`
+        }), errorFeedbackEmail)
+      }))), /* @__PURE__ */ React.createElement(Flex, _ref5.cn("Flex", {
+        "mt": 4,
+        "justifyContent": "center"
+      }), /* @__PURE__ */ React.createElement(FeedbackRating.Submit, {
+        loading: status !== "loading" ? api.submitting : status === "loading",
+        size: "l"
+      }, submitText ?? getI18nText("submitButton")))));
+    })), /* @__PURE__ */ React.createElement(NoticeBubbleContainer, _ref4.cn("NoticeBubbleContainer", {
+      "manager": this.manager
+    })));
+  }
+}
 _defineProperty(FeedbackRatingRoot, "displayName", "FeedbackRatingForm");
 _defineProperty(FeedbackRatingRoot, "style", style);
 _defineProperty(FeedbackRatingRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
 _defineProperty(FeedbackRatingRoot, "defaultProps", {
-  onSubmit: function onSubmit() {
+  onSubmit: () => {
   },
   i18n: localizedMessages,
   locale: "en",
@@ -320,32 +311,30 @@ _defineProperty(FeedbackRatingRoot, "defaultProps", {
   Notice: SemcoreNotice
 });
 _defineProperty(FeedbackRatingRoot, "validate", {
-  description: function description(error) {
-    return function() {
-      var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      var words = value.split(/\s+/);
-      var symbols = words.join(" ");
-      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {
-        return error;
-      }
-    };
+  description: (error) => (value = "") => {
+    const words = value.split(/\s+/);
+    const symbols = words.join(" ");
+    if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {
+      return error;
+    }
   },
-  email: function email(error) {
-    return function() {
-      var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      if (Boolean(value) && !/.+@.+\..+/i.test(String(value).toLowerCase())) {
-        return error;
-      }
-    };
+  email: (error) => (value = "") => {
+    if (Boolean(value) && !/.+@.+\..+/i.test(String(value).toLowerCase())) {
+      return error;
+    }
   }
 });
 function Header(props) {
   var _ref3 = arguments[0], _ref6;
-  var styles = props.styles;
-  var SHeader = Modal.Title;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref6.cn("SHeader", _objectSpread({}, assignProps({}, _ref3))));
+  const {
+    styles
+  } = props;
+  const SHeader = Modal.Title;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref6.cn("SHeader", {
+    ...assignProps({}, _ref3)
+  }));
 }
-var FeedbackRating = createComponent(FeedbackRatingRoot, {
+const FeedbackRating = createComponent(FeedbackRatingRoot, {
   Header,
   Item: FeedbackItem,
   Checkbox: CheckboxButton,