@semcore/feedback-form 6.43.0-prerelease.5 → 6.43.0-prerelease.7

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

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,72 +11,75 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _index = require("@semcore/utils/lib/core/index");
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _reactFinalForm = require("react-final-form");
+var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
+var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+var _notice = _interopRequireDefault(require("@semcore/notice"));
 var _m = _interopRequireDefault(require("@semcore/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("@semcore/icon/Warning/m"));
+var _typography = require("@semcore/typography");
 var _Feedback = _interopRequireDefault(require("@semcore/illustration/Feedback"));
-var _input = _interopRequireDefault(require("@semcore/input"));
 var _link = _interopRequireDefault(require("@semcore/link"));
+var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
 var _modal = _interopRequireDefault(require("@semcore/modal"));
-var _notice = _interopRequireDefault(require("@semcore/notice"));
-var _noticeBubble = require("@semcore/notice-bubble");
-var _spinContainer = _interopRequireDefault(require("@semcore/spin-container"));
 var _textarea = _interopRequireDefault(require("@semcore/textarea"));
-var _typography = require("@semcore/typography");
-var _finalFormFocus = _interopRequireDefault(require("final-form-focus"));
-var _react = _interopRequireDefault(require("react"));
-var _reactFinalForm = require("react-final-form");
-var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
-var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/CheckboxButton"));
+var _flexBox = require("@semcore/flex-box");
 var _FeedbackItem = require("../feedback-item/FeedbackItem");
-var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
 var _SubmitButton = require("../submit-button/SubmitButton");
-var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth", "Illustration", "Notice"];
+var _CheckboxButton = _interopRequireDefault(require("../checkbox-button/CheckboxButton"));
+var _input = _interopRequireDefault(require("@semcore/input"));
+var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
+var _noticeBubble = require("@semcore/notice-bubble");
+var _excluded = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"];
 /*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_13l9c_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_13l9c_gg_ li{list-style:none}.___SFeedbackRating_13l9c_gg_ .___SHeader_13l9c_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__*/"13l9c_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_edx4s_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_edx4s_gg_ li{list-style:none}", /*__inner_css_end__*/"edx4s_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFeedbackRating": "___SFeedbackRating_13l9c_gg_",
-  "__SHeader": "___SHeader_13l9c_gg_"
+  "__SFeedbackRating": "___SFeedbackRating_edx4s_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
+  var _super = (0, _createSuper2["default"])(FeedbackRatingRoot);
   function FeedbackRatingRoot() {
     var _this;
     (0, _classCallCheck2["default"])(this, FeedbackRatingRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, FeedbackRatingRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       error: false
     });
-    (0, _defineProperty2["default"])(_this, "manager", new _noticeBubble.NoticeBubbleManager());
-    (0, _defineProperty2["default"])(_this, "focusDecorator", (0, _finalFormFocus["default"])());
-    (0, _defineProperty2["default"])(_this, "handleChangeRating", function (rating) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "manager", new _noticeBubble.NoticeBubbleManager());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusDecorator", (0, _finalFormFocus["default"])());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChangeRating", function (rating) {
       if (rating > 0) {
         _this.asProps.onVisibleChange(true, rating);
       }
     });
-    (0, _defineProperty2["default"])(_this, "handelCloseModal", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handelCloseModal", function () {
       _this.asProps.onVisibleChange(false, _this.asProps.rating);
     });
-    (0, _defineProperty2["default"])(_this, "handleChange", function (fn) {
-      return function (_value, e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (fn) {
+      return function (value, e) {
         fn(e);
       };
     });
-    (0, _defineProperty2["default"])(_this, "renderCheckbox", function (config, index) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCheckbox", function (config, index) {
       var initialValue = _this.props.initialValues[config.key];
       return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, {
         name: config.key,
         initialValue: initialValue,
-        type: "checkbox",
+        type: 'checkbox',
         key: config.key
       }, function (_ref7) {
         var input = _ref7.input;
@@ -89,7 +93,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         }));
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderTextField", function (config) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderTextField", function (config) {
       var _config$description;
       var initialValue = _this.props.initialValues[config.key];
       var label = typeof config.label === 'string' ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
@@ -97,13 +101,13 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         size: 200
       }, config.label) : config.label;
       var isDescriptionReactFragment = ((_config$description = config.description) === null || _config$description === void 0 ? void 0 : _config$description.type) === _react["default"].Fragment;
-      return /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
-        key: config.key,
+      return /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
         direction: "column"
-      }, /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
+      }, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
         tag: "label",
         mt: 4,
-        htmlFor: config.key
+        htmlFor: config.key,
+        key: config.key
       }, label), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Item, {
         name: config.key,
         validate: config.validate,
@@ -135,7 +139,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           })));
         }
         return null;
-      }), config.description && /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, {
+      }), config.description && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
         mt: 2
       }, typeof config.description === 'string' || isDescriptionReactFragment ? /*#__PURE__*/_react["default"].createElement(_typography.Text, {
         size: 200,
@@ -145,8 +149,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _inherits2["default"])(FeedbackRatingRoot, _Component);
-  return (0, _createClass2["default"])(FeedbackRatingRoot, [{
+  (0, _createClass2["default"])(FeedbackRatingRoot, [{
     key: "headerId",
     get: function get() {
       var uid = this.asProps.uid;
@@ -217,7 +220,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         notificationText = _this$asProps2.notificationText,
         notificationTitle = _this$asProps2.notificationTitle,
         learnMoreLink = _this$asProps2.learnMoreLink,
-        _Children = _this$asProps2.Children,
+        Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
         forwardRef = _this$asProps2.forwardRef,
         status = _this$asProps2.status,
@@ -225,14 +228,12 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         background = _this$asProps2.background,
         rating = _this$asProps2.rating,
         visible = _this$asProps2.visible,
-        _onVisibleChange = _this$asProps2.onVisibleChange,
+        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 = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       var SFeedbackRating = _modal["default"];
       var checkboxFields = formConfig.filter(function (item) {
@@ -242,29 +243,30 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
         return item.type === 'textarea' || item.type === 'input' || item.type === 'email';
       });
       var notificationId = this.getNoticeTextId();
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(NoticeComponent, _ref4.cn("NoticeComponent", {
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref4.cn("Notice", {
         "visible": notificationVisible,
         "aria-label": getI18nText('leaveFeedback'),
-        "tag": _baseComponents.Flex,
+        "tag": _flexBox.Flex,
         "alignItems": notificationTitle ? 'flex-start' : 'center'
-      }), /*#__PURE__*/_react["default"].createElement(NoticeComponent.Label, {
+      }), /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, {
         mr: 3,
         "aria-hidden": true
-      }, /*#__PURE__*/_react["default"].createElement(Illustration, _ref4.cn("Illustration", {}))), /*#__PURE__*/_react["default"].createElement(NoticeComponent.Content, null, notificationTitle ? /*#__PURE__*/_react["default"].createElement(NoticeComponent.Title, null, notificationTitle) : null, /*#__PURE__*/_react["default"].createElement(NoticeComponent.Text, {
-        gap: 3,
-        tag: _baseComponents.Flex,
+      }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], _ref4.cn("FeedbackIllustration", {}))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, notificationTitle ? /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, notificationTitle) : null, /*#__PURE__*/_react["default"].createElement(_notice["default"].Text, {
+        tag: _flexBox.Flex,
         alignItems: notificationTitle ? 'flex-start' : 'center'
       }, /*#__PURE__*/_react["default"].createElement(_typography.Text, _ref4.cn("Text", {
+        "mr": 3,
         "id": notificationId
-      }), notificationText), /*#__PURE__*/_react["default"].createElement(NoticeComponent.Actions, {
+      }), notificationText), /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, {
         mt: 0
       }, /*#__PURE__*/_react["default"].createElement(_SliderRating["default"], _ref4.cn("SliderRating", {
         "value": rating,
         "onChange": this.handleChangeRating,
         "aria-labelledby": notificationId
       }))), learnMoreLink && /*#__PURE__*/_react["default"].createElement(_link["default"], _ref4.cn("Link", {
+        "ml": 3,
         "href": learnMoreLink
-      }), getI18nText('learnMore')))), /*#__PURE__*/_react["default"].createElement(NoticeComponent.Close, {
+      }), getI18nText('learnMore')))), /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
         onClick: onNotificationClose
       })), /*#__PURE__*/_react["default"].createElement(SFeedbackRating, _ref4.cn("SFeedbackRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "visible": visible,
@@ -283,12 +285,12 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           "loading": status !== 'loading' ? api.submitting : status === 'loading',
           "p": 1,
           "m": 9
-        }), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, _ref5.cn("Flex", {
+        }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref5.cn("Flex", {
           "justifyContent": 'center'
         }), /*#__PURE__*/_react["default"].createElement(_SliderRating["default"], _ref5.cn("SliderRating", {
           "value": rating,
           "readonly": true
-        }))), (header === null || header === void 0 ? void 0 : header.type) === FeedbackRating.Header ? header : /*#__PURE__*/_react["default"].createElement(FeedbackRating.Header, null, header), /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, _ref5.cn("Box", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        }))), (header === null || header === void 0 ? void 0 : header.type) === FeedbackRating.Header ? header : /*#__PURE__*/_react["default"].createElement(FeedbackRating.Header, null, header), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref5.cn("Box", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
           "tag": 'form',
           "noValidate": true,
           "method": 'POST',
@@ -310,7 +312,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           return _this3.renderCheckbox(formConfigItem, index);
         })), textFields.map(function (formConfigItem) {
           return _this3.renderTextField(formConfigItem);
-        }), _this3.state.error && /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref5.cn("SemcoreNotice", {
+        }), _this3.state.error && /*#__PURE__*/_react["default"].createElement(_notice["default"], _ref5.cn("Notice", {
           "theme": 'warning',
           "mt": 4,
           "mb": 4
@@ -320,18 +322,19 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
           email: /*#__PURE__*/_react["default"].createElement(_link["default"], _ref5.cn("Link", {
             "href": "mailto:".concat(errorFeedbackEmail)
           }), errorFeedbackEmail)
-        }))), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, _ref5.cn("Flex", {
+        }))), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref5.cn("Flex", {
           "mt": 4,
           "justifyContent": 'center'
         }), /*#__PURE__*/_react["default"].createElement(FeedbackRating.Submit, {
           loading: status !== 'loading' ? api.submitting : status === 'loading',
-          size: "l"
+          size: 'l'
         }, submitText !== null && submitText !== void 0 ? submitText : getI18nText('submitButton')))));
       })), /*#__PURE__*/_react["default"].createElement(_noticeBubble.NoticeBubbleContainer, _ref4.cn("NoticeBubbleContainer", {
         "manager": this.manager
       })));
     }
   }]);
+  return FeedbackRatingRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(FeedbackRatingRoot, "displayName", 'FeedbackRatingForm');
 (0, _defineProperty2["default"])(FeedbackRatingRoot, "style", style);
@@ -339,9 +342,7 @@ var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(FeedbackRatingRoot, "defaultProps", {
   onSubmit: function onSubmit() {},
   i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en',
-  Illustration: _Feedback["default"],
-  Notice: _notice["default"]
+  locale: 'en'
 });
 (0, _defineProperty2["default"])(FeedbackRatingRoot, "validate", {
   description: function description(error) {
@@ -367,14 +368,21 @@ function Header(props) {
   var _ref3 = arguments[0],
     _ref6;
   var styles = props.styles;
-  var SHeader = _modal["default"].Title;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref6.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+  var SHeader = _typography.Text;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref6.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "size": 300,
+    "tag": 'h2',
+    "mb": 4,
+    "mt": 4,
+    "textAlign": 'center'
+  }, _ref3))));
 }
-var FeedbackRating = (0, _core.createComponent)(FeedbackRatingRoot, {
+var FeedbackRating = (0, _core["default"])(FeedbackRatingRoot, {
   Header: Header,
   Item: _FeedbackItem.FeedbackItem,
   Checkbox: _CheckboxButton["default"],
   Submit: _SubmitButton.SubmitButton
 });
-var _default = exports["default"] = FeedbackRating;
+var _default = FeedbackRating;
+exports["default"] = _default;
 //# sourceMappingURL=FeedbackRating.js.map

package/lib/cjs/component/feedback-rating/FeedbackRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_uniqueID","_m","_m2","_Feedback","_input","_link","_modal","_notice","_noticeBubble","_spinContainer","_textarea","_typography","_finalFormFocus","_react","_reactFinalForm","_intergalacticDynamicLocales","_CheckboxButton","_FeedbackItem","_SliderRating","_SubmitButton","_excluded","style","sstyled","insert","FeedbackRatingRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","error","NoticeBubbleManager","createFocusDecorator","rating","asProps","onVisibleChange","fn","_value","e","config","index","initialValue","props","initialValues","key","createElement","Field","name","type","_ref7","input","FeedbackRating","Checkbox","_extends2","id","label","onChange","_checked","focused","_config$description","Text","mb","size","isDescriptionReactFragment","description","React","Fragment","Flex","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","Box","color","_inherits2","_createClass2","get","uid","value","getHeaderProps","headerId","getItemProps","validateOnBlur","getNoticeTextId","componentDidUpdate","prevProps","_this2","_this$asProps","status","getI18nText","setState","setTimeout","manager","add","icon","children","initialAnimation","duration","render","_ref","_ref2","_ref4","_this3","_this$asProps2","header","submitText","formConfig","notificationText","notificationTitle","learnMoreLink","_Children","Children","styles","forwardRef","theme","background","visible","_onVisibleChange","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","Illustration","NoticeComponent","Notice","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","notificationId","assignProps","cn","Label","mr","Content","Title","gap","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread2","handelCloseModal","Form","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","NoticeBubbleContainer","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","onSubmit","i18n","locale","FeedbackIllustration","SemcoreNotice","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","createComponent","FeedbackItem","CheckboxButton","SubmitButton","_default","exports"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport type { Intergalactic } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Input from '@semcore/input';\nimport Link from '@semcore/link';\nimport Modal from '@semcore/modal';\nimport { default as SemcoreNotice } from '@semcore/notice';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport SpinContainer from '@semcore/spin-container';\nimport Textarea from '@semcore/textarea';\nimport { Text } from '@semcore/typography';\nimport createFocusDecorator from 'final-form-focus';\nimport React, { type ReactElement } from 'react';\nimport { Field, Form } from 'react-final-form';\n\nimport type {\n  FeedbackRatingCheckboxProps,\n  FeedbackRatingItemProps,\n  FeedbackRatingProps,\n  FormConfigItem,\n  FeedbackRatingDefaultProps,\n} from './FeedbackRating.type';\nimport style from '../../style/feedback-rating.shadow.css';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport SliderRating from '../slider-rating/SliderRating';\nimport { SubmitButton } from '../submit-button/SubmitButton';\n\ntype State = {\n  error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n  FeedbackRatingProps,\n  typeof FeedbackRatingRoot.enhance,\n  {},\n  FeedbackRatingDefaultProps,\n  State\n> {\n  static displayName = 'FeedbackRatingForm';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const;\n\n  static defaultProps: FeedbackRatingDefaultProps = {\n    onSubmit: () => {},\n    i18n: localizedMessages,\n    locale: 'en',\n    Illustration: FeedbackIllustration,\n    Notice: SemcoreNotice,\n  };\n\n  static validate = {\n    description: (error: Error | string) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {\n        return error;\n      }\n    },\n    email: (error: Error | string) => (value = '') => {\n      if (Boolean(value) && !/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  state: State = {\n    error: false,\n  };\n\n  manager = new NoticeBubbleManager();\n\n  private focusDecorator = createFocusDecorator<Record<string, any>>();\n\n  get headerId() {\n    const { uid } = this.asProps;\n\n    return `${uid}-feedback-rating-header`;\n  }\n\n  getHeaderProps() {\n    return {\n      id: this.headerId,\n    };\n  }\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  getNoticeTextId() {\n    const { uid } = this.asProps;\n    return `${uid}-feedback-rating-notice`;\n  }\n\n  handleChangeRating = (rating: number) => {\n    if (rating > 0) {\n      this.asProps.onVisibleChange(true, rating);\n    }\n  };\n\n  handelCloseModal = () => {\n    this.asProps.onVisibleChange(false, this.asProps.rating);\n  };\n\n  handleChange =\n    (fn: (e: React.SyntheticEvent) => void) => (_value: any, e: React.SyntheticEvent) => {\n      fn(e);\n    };\n\n  componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>) {\n    const { status, getI18nText } = this.asProps;\n\n    if (prevProps.status !== status) {\n      this.setState({ error: false });\n\n      if (status === 'success') {\n        // showing notice with delay for SR, less than 100ms is not enough\n        setTimeout(() => {\n          this.manager.add({\n            icon: <CheckM color='green-400' />,\n            children: getI18nText('successMessage'),\n            initialAnimation: true,\n            duration: 5000,\n          });\n        }, 300);\n      } else if (status === 'error') {\n        this.setState({ error: true });\n      }\n    }\n  }\n\n  renderCheckbox = (config: FormConfigItem, index: number) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    return (\n      <Field name={config.key} initialValue={initialValue} type='checkbox' key={config.key}>\n        {({ input }) => (\n          <FeedbackRating.Checkbox\n            {...input}\n            id={config.key}\n            label={config.label}\n            onChange={(_checked, e) => input.onChange(e)}\n            focused={index === 0}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  renderTextField = (config: FormConfigItem) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    const label =\n      typeof config.label === 'string'\n        ? (\n            <Text mb={2} size={200}>\n              {config.label}\n            </Text>\n          )\n        : (\n            (config.label as unknown as JSX.Element)\n          );\n\n    const isDescriptionReactFragment =\n      (config.description as ReactElement)?.type === React.Fragment;\n\n    return (\n      <Flex key={config.key} direction='column'>\n        <Flex tag='label' mt={4} htmlFor={config.key}>\n          {label}\n        </Flex>\n\n        <FeedbackRating.Item\n          name={config.key}\n          validate={config.validate}\n          initialValue={initialValue}\n          placement='left-start'\n          flip={{\n            fallbackPlacements: ['right-start', 'bottom'],\n          }}\n          aria-describedby={config.description ? config.key + '-description' : undefined}\n        >\n          {/* @ts-ignore */}\n          {({ input }) => {\n            if (config.type === 'textarea') {\n              return (\n                <Textarea\n                  {...input}\n                  h={80}\n                  onChange={this.handleChange(input.onChange)}\n                  id={config.key}\n                />\n              );\n            }\n            if (config.type === 'input' || config.type === 'email') {\n              if (config.type === 'email') {\n                input.autoComplete = 'email';\n                input.type = 'email';\n              }\n\n              return (\n                <Input state={input.state}>\n                  <Input.Value\n                    {...input}\n                    onChange={this.handleChange(input.onChange)}\n                    id={config.key}\n                  />\n                </Input>\n              );\n            }\n            return null;\n          }}\n        </FeedbackRating.Item>\n        {config.description && (\n          <Box mt={2}>\n            {typeof config.description === 'string' || isDescriptionReactFragment\n              ? (\n                  <Text size={200} color='text-secondary' id={config.key + '-description'}>\n                    {config.description}\n                  </Text>\n                )\n              : (\n                  config.description\n                )}\n          </Box>\n        )}\n      </Flex>\n    );\n  };\n\n  render() {\n    const {\n      header,\n      submitText,\n      formConfig,\n      notificationText,\n      notificationTitle,\n      learnMoreLink,\n      Children: _Children,\n      styles,\n      forwardRef,\n      status,\n      theme,\n      background,\n      rating,\n      visible,\n      onVisibleChange: _onVisibleChange,\n      notificationVisible,\n      onNotificationClose,\n      getI18nText,\n      errorFeedbackEmail,\n      modalWidth,\n      Illustration,\n      Notice: NoticeComponent,\n      ...other\n    } = this.asProps;\n\n    const SFeedbackRating = Root;\n    const checkboxFields = formConfig.filter((item) => item.type === 'checkbox');\n    const textFields = formConfig.filter(\n      (item) => item.type === 'textarea' || item.type === 'input' || item.type === 'email',\n    );\n    const notificationId = this.getNoticeTextId();\n\n    return sstyled(styles)(\n      <Root render={Box}>\n        <NoticeComponent\n          visible={notificationVisible}\n          aria-label={getI18nText('leaveFeedback')}\n          tag={Flex}\n          alignItems={notificationTitle ? 'flex-start' : 'center'}\n        >\n          <NoticeComponent.Label mr={3} aria-hidden={true}>\n            <Illustration />\n          </NoticeComponent.Label>\n          <NoticeComponent.Content>\n            {notificationTitle ? <NoticeComponent.Title>{notificationTitle}</NoticeComponent.Title> : null}\n            <NoticeComponent.Text gap={3} tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n              <Text id={notificationId}>\n                {notificationText}\n              </Text>\n              <NoticeComponent.Actions mt={0}>\n                <SliderRating\n                  value={rating}\n                  onChange={this.handleChangeRating}\n                  aria-labelledby={notificationId}\n                />\n              </NoticeComponent.Actions>\n              {learnMoreLink && (\n                <Link href={learnMoreLink}>\n                  {getI18nText('learnMore')}\n                </Link>\n              )}\n            </NoticeComponent.Text>\n          </NoticeComponent.Content>\n          <NoticeComponent.Close onClick={onNotificationClose} />\n        </NoticeComponent>\n\n        <SFeedbackRating\n          render={Modal}\n          visible={visible}\n          onClose={this.handelCloseModal}\n          p={0}\n          use:w={modalWidth ?? 440}\n          aria-labelledby={this.headerId}\n        >\n          <Form decorators={[this.focusDecorator]} {...other}>\n            {(api) =>\n              sstyled(styles)(\n                <SpinContainer\n                  background={background}\n                  theme={theme}\n                  size='xl'\n                  loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                  p={1}\n                  m={9}\n                >\n                  <Flex justifyContent='center'>\n                    <SliderRating value={rating} readonly={true} />\n                  </Flex>\n\n                  {(header as ReactElement)?.type === FeedbackRating.Header\n                    ? (\n                        header\n                      )\n                    : (\n                        <FeedbackRating.Header>{header}</FeedbackRating.Header>\n                      )}\n\n                  <Box\n                    tag='form'\n                    noValidate\n                    method='POST'\n                    ref={forwardRef}\n                    {...other}\n                    onSubmit={api.handleSubmit}\n                  >\n                    <Field name='rating' initialValue={rating}>\n                      {({ input }) => <input {...input} type='hidden' />}\n                    </Field>\n\n                    <div role='group' aria-labelledby={this.headerId}>\n                      {checkboxFields.map((formConfigItem, index) =>\n                        this.renderCheckbox(formConfigItem, index),\n                      )}\n                    </div>\n\n                    {textFields.map((formConfigItem) => this.renderTextField(formConfigItem))}\n\n                    {this.state.error && (\n                      <SemcoreNotice theme='warning' mt={4} mb={4}>\n                        <SemcoreNotice.Label>\n                          <WarnM />\n                        </SemcoreNotice.Label>\n                        <SemcoreNotice.Content>\n                          {getI18nText('errorMessage', {\n                            // todo: Brauer Ilia - think how to fix type\n                            // @ts-ignore\n                            email: (\n                              <Link href={`mailto:${errorFeedbackEmail}`}>\n                                {errorFeedbackEmail}\n                              </Link>\n                            ),\n                          })}\n                        </SemcoreNotice.Content>\n                      </SemcoreNotice>\n                    )}\n\n                    <Flex mt={4} justifyContent='center'>\n                      <FeedbackRating.Submit\n                        loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                        size='l'\n                      >\n                        {submitText ?? getI18nText('submitButton')}\n                      </FeedbackRating.Submit>\n                    </Flex>\n                  </Box>\n                </SpinContainer>,\n              )}\n          </Form>\n        </SFeedbackRating>\n\n        <NoticeBubbleContainer manager={this.manager} />\n      </Root>,\n    );\n  }\n}\n\nfunction Header(props: any) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(\n    <SHeader render={Modal.Title} />,\n  );\n}\n\nconst FeedbackRating = createComponent<'form', FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance>(FeedbackRatingRoot, {\n  Header,\n  Item: FeedbackItem,\n  Checkbox: CheckboxButton,\n  Submit: SubmitButton,\n}) as Intergalactic.Component<'form', FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {\n  validate: typeof FeedbackRatingRoot.validate;\n  Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;\n  Submit: typeof Button;\n  Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;\n  Header: typeof Text;\n};\n\nexport default FeedbackRating;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FeedbackRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_spinContainer","_i18nEnhance","_uniqueID","_notice","_m","_m2","_typography","_Feedback","_link","_SliderRating","_modal","_textarea","_flexBox","_FeedbackItem","_SubmitButton","_CheckboxButton","_input","_intergalacticDynamicLocales","_noticeBubble","_excluded","style","_index","sstyled","insert","FeedbackRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","error","NoticeBubbleManager","createFocusDecorator","rating","asProps","onVisibleChange","fn","value","e","config","index","initialValue","props","initialValues","key","createElement","Field","name","type","_ref7","input","FeedbackRating","Checkbox","_extends2","id","label","onChange","_checked","focused","_config$description","Text","mb","size","isDescriptionReactFragment","description","React","Fragment","Flex","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","Box","color","_createClass2","get","uid","getHeaderProps","headerId","getItemProps","validateOnBlur","getNoticeTextId","componentDidUpdate","prevProps","_this2","_this$asProps","status","getI18nText","setState","setTimeout","manager","add","icon","children","initialAnimation","duration","render","_ref","_ref2","_ref4","_this3","_this$asProps2","header","submitText","formConfig","notificationText","notificationTitle","learnMoreLink","Children","styles","forwardRef","theme","background","visible","notificationVisible","onNotificationClose","errorFeedbackEmail","modalWidth","other","_objectWithoutProperties2","SFeedbackRating","Modal","checkboxFields","filter","item","textFields","notificationId","assignProps","cn","Label","mr","Content","Title","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread2","handelCloseModal","Form","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","NoticeBubbleContainer","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","createComponent","FeedbackItem","CheckboxButton","SubmitButton","_default","exports"],"sources":["../../../../src/component/feedback-rating/FeedbackRating.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\nimport SpinContainer from '@semcore/spin-container';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Notice from '@semcore/notice';\nimport CheckM from '@semcore/icon/Check/m';\nimport WarnM from '@semcore/icon/Warning/m';\nimport { Text } from '@semcore/typography';\nimport FeedbackIllustration from '@semcore/illustration/Feedback';\nimport Link from '@semcore/link';\nimport SliderRating from '../slider-rating/SliderRating';\nimport Modal from '@semcore/modal';\nimport Textarea from '@semcore/textarea';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { FeedbackItem } from '../feedback-item/FeedbackItem';\nimport { SubmitButton } from '../submit-button/SubmitButton';\nimport { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';\nimport CheckboxButton from '../checkbox-button/CheckboxButton';\nimport Input from '@semcore/input';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';\nimport style from '../../style/feedback-rating.shadow.css';\n\ntype State = {\n  error: boolean;\n};\n\nclass FeedbackRatingRoot extends Component<\n  FeedbackRatingProps,\n  {},\n  State,\n  typeof FeedbackRatingRoot.enhance\n> {\n  static displayName = 'FeedbackRatingForm';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const;\n\n  static defaultProps = {\n    onSubmit: () => {},\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  static validate = {\n    description: (error: Error | string) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (Boolean(value) && (symbols.length < 10 || words.length < 3)) {\n        return error;\n      }\n    },\n    email: (error: Error | string) => (value = '') => {\n      if (Boolean(value) && !/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  state: State = {\n    error: false,\n  };\n\n  manager = new NoticeBubbleManager();\n\n  private focusDecorator = createFocusDecorator<Record<string, any>>();\n\n  get headerId() {\n    const { uid } = this.asProps;\n\n    return `${uid}-feedback-rating-header`;\n  }\n\n  getHeaderProps() {\n    return {\n      id: this.headerId,\n    };\n  }\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  getNoticeTextId() {\n    const { uid } = this.asProps;\n    return `${uid}-feedback-rating-notice`;\n  }\n\n  handleChangeRating = (rating: number) => {\n    if (rating > 0) {\n      this.asProps.onVisibleChange(true, rating);\n    }\n  };\n\n  handelCloseModal = () => {\n    this.asProps.onVisibleChange(false, this.asProps.rating);\n  };\n\n  handleChange =\n    (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => {\n      fn(e);\n    };\n\n  componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>) {\n    const { status, getI18nText } = this.asProps;\n\n    if (prevProps.status !== status) {\n      this.setState({ error: false });\n\n      if (status === 'success') {\n        // showing notice with delay for SR, less than 100ms is not enough\n        setTimeout(() => {\n          this.manager.add({\n            icon: <CheckM color='green-400' />,\n            children: getI18nText('successMessage'),\n            initialAnimation: true,\n            duration: 5000,\n          });\n        }, 300);\n      } else if (status === 'error') {\n        this.setState({ error: true });\n      }\n    }\n  }\n\n  renderCheckbox = (config: FormConfigItem, index: number) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    return (\n      <Field name={config.key} initialValue={initialValue} type={'checkbox'} key={config.key}>\n        {({ input }) => (\n          <FeedbackRating.Checkbox\n            {...input}\n            id={config.key}\n            label={config.label}\n            onChange={(_checked, e) => input.onChange(e)}\n            focused={index === 0}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  renderTextField = (config: FormConfigItem) => {\n    const initialValue = this.props.initialValues[config.key];\n\n    const label =\n      typeof config.label === 'string' ? (\n        <Text mb={2} size={200}>\n          {config.label}\n        </Text>\n      ) : (\n        (config.label as unknown as JSX.Element)\n      );\n\n    const isDescriptionReactFragment =\n      (config.description as ReactElement)?.type === React.Fragment;\n\n    return (\n      <Flex direction='column'>\n        <Flex tag='label' mt={4} htmlFor={config.key} key={config.key}>\n          {label}\n        </Flex>\n\n        <FeedbackRating.Item\n          name={config.key}\n          validate={config.validate}\n          initialValue={initialValue}\n          placement='left-start'\n          flip={{\n            fallbackPlacements: ['right-start', 'bottom'],\n          }}\n          aria-describedby={config.description ? config.key + '-description' : undefined}\n        >\n          {({ input }) => {\n            if (config.type === 'textarea') {\n              return (\n                <Textarea\n                  {...input}\n                  h={80}\n                  onChange={this.handleChange(input.onChange)}\n                  id={config.key}\n                />\n              );\n            }\n            if (config.type === 'input' || config.type === 'email') {\n              if (config.type === 'email') {\n                input.autoComplete = 'email';\n                input.type = 'email';\n              }\n\n              return (\n                <Input state={input.state}>\n                  <Input.Value\n                    {...input}\n                    onChange={this.handleChange(input.onChange)}\n                    id={config.key}\n                  />\n                </Input>\n              );\n            }\n            return null;\n          }}\n        </FeedbackRating.Item>\n        {config.description && (\n          <Box mt={2}>\n            {typeof config.description === 'string' || isDescriptionReactFragment ? (\n              <Text size={200} color='text-secondary' id={config.key + '-description'}>\n                {config.description}\n              </Text>\n            ) : (\n              config.description\n            )}\n          </Box>\n        )}\n      </Flex>\n    );\n  };\n\n  render() {\n    const {\n      header,\n      submitText,\n      formConfig,\n      notificationText,\n      notificationTitle,\n      learnMoreLink,\n      Children,\n      styles,\n      forwardRef,\n      status,\n      theme,\n      background,\n      rating,\n      visible,\n      onVisibleChange,\n      notificationVisible,\n      onNotificationClose,\n      getI18nText,\n      errorFeedbackEmail,\n      modalWidth,\n      ...other\n    } = this.asProps;\n\n    const SFeedbackRating = Root;\n    const checkboxFields = formConfig.filter((item) => item.type === 'checkbox');\n    const textFields = formConfig.filter(\n      (item) => item.type === 'textarea' || item.type === 'input' || item.type === 'email',\n    );\n    const notificationId = this.getNoticeTextId();\n\n    return sstyled(styles)(\n      <Root render={Box}>\n        <Notice\n          visible={notificationVisible}\n          aria-label={getI18nText('leaveFeedback')}\n          tag={Flex}\n          alignItems={notificationTitle ? 'flex-start' : 'center'}\n        >\n          <Notice.Label mr={3} aria-hidden={true}>\n            <FeedbackIllustration />\n          </Notice.Label>\n          <Notice.Content>\n            {notificationTitle ? <Notice.Title>{notificationTitle}</Notice.Title> : null}\n            <Notice.Text tag={Flex} alignItems={notificationTitle ? 'flex-start' : 'center'}>\n              <Text mr={3} id={notificationId}>\n                {notificationText}\n              </Text>\n              <Notice.Actions mt={0}>\n                <SliderRating\n                  value={rating}\n                  onChange={this.handleChangeRating}\n                  aria-labelledby={notificationId}\n                />\n              </Notice.Actions>\n              {learnMoreLink && (\n                <Link ml={3} href={learnMoreLink}>\n                  {getI18nText('learnMore')}\n                </Link>\n              )}\n            </Notice.Text>\n          </Notice.Content>\n          <Notice.Close onClick={onNotificationClose} />\n        </Notice>\n\n        <SFeedbackRating\n          render={Modal}\n          visible={visible}\n          onClose={this.handelCloseModal}\n          p={0}\n          use:w={modalWidth ?? 440}\n          aria-labelledby={this.headerId}\n        >\n          <Form decorators={[this.focusDecorator]} {...other}>\n            {(api) =>\n              sstyled(styles)(\n                <SpinContainer\n                  background={background}\n                  theme={theme}\n                  size='xl'\n                  loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                  p={1}\n                  m={9}\n                >\n                  <Flex justifyContent='center'>\n                    <SliderRating value={rating} readonly={true} />\n                  </Flex>\n\n                  {(header as ReactElement)?.type === FeedbackRating.Header ? (\n                    header\n                  ) : (\n                    <FeedbackRating.Header>{header}</FeedbackRating.Header>\n                  )}\n\n                  <Box\n                    tag='form'\n                    noValidate\n                    method='POST'\n                    ref={forwardRef}\n                    {...other}\n                    onSubmit={api.handleSubmit}\n                  >\n                    <Field name={'rating'} initialValue={rating}>\n                      {({ input }) => <input {...input} type='hidden' />}\n                    </Field>\n\n                    <div role={'group'} aria-labelledby={this.headerId}>\n                      {checkboxFields.map((formConfigItem, index) =>\n                        this.renderCheckbox(formConfigItem, index),\n                      )}\n                    </div>\n\n                    {textFields.map((formConfigItem) => this.renderTextField(formConfigItem))}\n\n                    {this.state.error && (\n                      <Notice theme={'warning'} mt={4} mb={4}>\n                        <Notice.Label>\n                          <WarnM />\n                        </Notice.Label>\n                        <Notice.Content>\n                          {getI18nText('errorMessage', {\n                            // todo: Brauer Ilia - think how to fix type\n                            // @ts-ignore\n                            email: (\n                              <Link href={`mailto:${errorFeedbackEmail}`}>\n                                {errorFeedbackEmail}\n                              </Link>\n                            ),\n                          })}\n                        </Notice.Content>\n                      </Notice>\n                    )}\n\n                    <Flex mt={4} justifyContent={'center'}>\n                      <FeedbackRating.Submit\n                        loading={status !== 'loading' ? api.submitting : status === 'loading'}\n                        size={'l'}\n                      >\n                        {submitText ?? getI18nText('submitButton')}\n                      </FeedbackRating.Submit>\n                    </Flex>\n                  </Box>\n                </SpinContainer>,\n              )\n            }\n          </Form>\n        </SFeedbackRating>\n\n        <NoticeBubbleContainer manager={this.manager} />\n      </Root>,\n    );\n  }\n}\n\nfunction Header(props: any) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(\n    <SHeader render={Text} size={300} tag='h2' mb={4} mt={4} textAlign={'center'} />,\n  );\n}\n\nconst FeedbackRating: typeof FeedbackRatingType & { validate: typeof FeedbackRatingRoot.validate } =\n  createComponent(FeedbackRatingRoot, {\n    Header,\n    Item: FeedbackItem,\n    Checkbox: CheckboxButton,\n    Submit: SubmitButton,\n  });\n\nexport default FeedbackRating;\n"],"mappings":"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"}

package/lib/cjs/component/feedback-rating/FeedbackRating.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\nimport type { IllustrationProps } from '@semcore/illustration';\nimport type Notice from '@semcore/notice';\nimport type React from 'react';\nimport type { FieldProps } from 'react-final-form';\n\nimport type { FeedbackFormProps } from '../../index';\nimport type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nexport type FormConfigItem = {\n  key: string;\n  label: React.ReactNode;\n  type: 'input' | 'checkbox' | 'textarea' | 'email';\n  description?: React.ReactNode;\n  validate?: (value: any) => Error | string | undefined;\n};\n\nexport type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<\n  FeedbackFormProps,\n  'initialValues' | 'loading'\n> & {\n  /** Status of form */\n  status: 'default' | 'success' | 'error' | 'loading';\n\n  /** Flag for show/hide notification */\n  notificationVisible: boolean;\n  /** Notification close callback */\n  onNotificationClose: () => void;\n  /** Text in notification panel */\n  notificationText: string;\n  /** Title in notification panel */\n  notificationTitle?: string;\n  /** Optional link in notification panel */\n  learnMoreLink?: string;\n  /** Rating value */\n  rating: number;\n  /** Visible modal form flag */\n  visible: boolean;\n  /** Visibility changes callback */\n  onVisibleChange: (visible: boolean, rating: number) => void;\n\n  /** Width for modal with form */\n  modalWidth?: number | string;\n\n  /** Header of modal with form */\n  header: React.ReactNode;\n  /** Text for submit button of form */\n  submitText?: string;\n  /** Config for form fields */\n  formConfig: FormConfigItem[];\n\n  /** Initial form values including rating */\n  initialValues: Record<string, any> & { rating: number };\n  /** Email address shown in error messages */\n  errorFeedbackEmail: string;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** Illustration element */\n  Illustration?: Intergalactic.Component<'svg', IllustrationProps>;\n  /** Notice component */\n  Notice?: typeof Notice;\n};\n\nexport type FeedbackRatingItemProps = FieldProps<any, any> & {\n  /**\n   * Allows to override which passed props will be passed to the Tooltip component.\n   */\n  tooltipProps?: string[];\n};\n\nexport type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {\n  focused: boolean;\n  label: React.ReactNode;\n};\n\nexport type FeedbackRatingDefaultProps = {\n  onSubmit: () => void;\n  i18n: typeof localizedMessages;\n  locale: 'en';\n  Illustration: Intergalactic.Component<'svg', IllustrationProps>;\n  Notice: typeof Notice;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FeedbackRating.type.js","names":[],"sources":["../../../../src/component/feedback-rating/FeedbackRating.type.ts"],"sourcesContent":["import React from 'react';\nimport { FeedbackFormProps } from '../../index';\nimport { FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Text } from '@semcore/typography';\nimport Checkbox, { CheckboxProps } from '@semcore/checkbox';\n\nexport type FormConfigItem = {\n  key: string;\n  label: React.ReactNode;\n  type: 'input' | 'checkbox' | 'textarea' | 'email';\n  description?: React.ReactNode;\n  validate?: (value: any) => Error | string | undefined;\n};\n\nexport type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<\n  FeedbackFormProps,\n  'initialValues' | 'loading'\n> & {\n  /** status of form */\n  status: 'default' | 'success' | 'error' | 'loading';\n\n  /** flag for show/hide notification */\n  notificationVisible: boolean;\n  /** */\n  onNotificationClose: () => void;\n  /** text in notification panel */\n  notificationText: string;\n  /** title in notification panel */\n  notificationTitle?: string;\n  /** optional link in notification panel */\n  learnMoreLink?: string;\n  /** rating value */\n  rating: number;\n  /** visible modal form flag */\n  visible: boolean;\n\n  onVisibleChange: (visible: boolean, rating: number) => void;\n\n  /** width for modal with form */\n  modalWidth?: number | string;\n\n  /** header of modal with form */\n  header: React.ReactNode;\n  /** text for submit button of form */\n  submitText?: string;\n  /** config for form fields */\n  formConfig: FormConfigItem[];\n\n  initialValues: Record<string, any> & { rating: number };\n\n  errorFeedbackEmail: string;\n\n  locale?: string;\n};\n\nexport type FeedbackRatingItemProps = FieldProps<any, any> & {\n  /**\n   * Allows to override which passed props will be passed to the Tooltip component.\n   */\n  tooltipProps?: string[];\n};\n\nexport type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {\n  focused: boolean;\n  label: React.ReactNode;\n};\n\ndeclare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {\n  Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;\n  Submit: typeof Button;\n  Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;\n  Header: typeof Text;\n};\n\nexport { FeedbackRatingType };\n"],"mappings":""}