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

package/lib/es6/component/feedback-rating/FeedbackRating.js

@@ -1,16 +1,9 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth", "Illustration", "Notice"];
 import { Box, Flex } from '@semcore/base-components';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -30,70 +23,59 @@ import createFocusDecorator from 'final-form-focus';
 import React from 'react';
 import { Field, Form } from 'react-final-form';
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var 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}", /*__inner_css_end__*/"rhp4z_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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__*/"lr4d3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_rhp4z_gg_",
-  "__SHeader": "___SHeader_rhp4z_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_lr4d3_gg_",
+  "__SHeader": "___SHeader_lr4d3_gg_"
 });
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import CheckboxButton from '../checkbox-button/CheckboxButton';
 import { FeedbackItem } from '../feedback-item/FeedbackItem';
 import SliderRating from '../slider-rating/SliderRating';
 import { SubmitButton } from '../submit-button/SubmitButton';
-var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
-  function FeedbackRatingRoot() {
-    var _this;
-    _classCallCheck(this, FeedbackRatingRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, FeedbackRatingRoot, [].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: 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 => {
+      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 = config.description?.type === React.Fragment;
       return /*#__PURE__*/React.createElement(Flex, {
         direction: "column"
       }, /*#__PURE__*/React.createElement(Flex, {
@@ -110,12 +92,13 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           fallbackPlacements: ['right-start', 'bottom']
         },
         "aria-describedby": config.description ? config.key + '-description' : undefined
-      }, 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
           }));
         }
@@ -127,7 +110,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
           })));
         }
@@ -140,235 +123,218 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         id: config.key + '-description'
       }, config.description) : config.description));
     });
-    return _this;
   }
-  _inherits(FeedbackRatingRoot, _Component);
-  return _createClass(FeedbackRatingRoot, [{
-    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: 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') {
+        // showing notice with delay for SR, less than 100ms is not enough
+        setTimeout(() => {
+          this.manager.add({
+            icon: /*#__PURE__*/React.createElement(CheckM, {
+              color: "green-400"
+            }),
+            children: getI18nText('successMessage'),
+            initialAnimation: true,
+            duration: 5000
+          });
+        }, 300);
+      } else if (status === 'error') {
         this.setState({
-          error: false
+          error: true
         });
-        if (status === 'success') {
-          // showing notice with delay for SR, less than 100ms is not enough
-          setTimeout(function () {
-            _this2.manager.add({
-              icon: /*#__PURE__*/React.createElement(CheckM, {
-                color: "green-400"
-              }),
-              children: getI18nText('successMessage'),
-              initialAnimation: true,
-              duration: 5000
-            });
-          }, 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,
-        _Children = _this$asProps2.Children,
-        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,
-        _onVisibleChange = _this$asProps2.onVisibleChange,
-        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, _assignProps2({}, _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, _assignProps2({}, _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?.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',
   Illustration: FeedbackIllustration,
   Notice: SemcoreNotice
 });
 _defineProperty(FeedbackRatingRoot, "validate", {
-  description: function description(error) {
-    return function () {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? 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] !== undefined ? 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({}, _assignProps3({}, _ref3))));
+  const {
+    styles
+  } = props;
+  const SHeader = Modal.Title;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref6.cn("SHeader", {
+    ..._assignProps3({}, _ref3)
+  }));
 }
-var FeedbackRating = createComponent(FeedbackRatingRoot, {
-  Header: Header,
+const FeedbackRating = createComponent(FeedbackRatingRoot, {
+  Header,
   Item: FeedbackItem,
   Checkbox: CheckboxButton,
   Submit: SubmitButton