@semcore/feedback-form 6.42.0 → 6.42.1

package/lib/es6/component/checkbox-button/CheckboxButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["React","createComponent","Component","Root","sstyled","Box","style","_sstyled","insert","Checkbox","CheckboxButtonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties","_excluded","autoFocus","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","Text","_defineProperty","CheckboxButton"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, type, focused, ...other } = this.asProps;\n    const autoFocus = focused ? 20 : false;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAGxC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;MAClD,IAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMK,eAAe,GAEM9B,GAAG;MAD9B,OAAAmB,KAAA,GAAOpB,OAAO,CAACsB,MAAM,CAAC,eACpB1B,KAAA,CAAAoC,aAAA,CAACD,eAAe,EAAAX,KAAA,CAAAa,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtEtB,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,EAAAe,KAAA,CAAAa,EAAA,aAAAC,aAAA,KAAKP,KAAK,iBACjB/B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAAC+B,KAAK;QAACN,SAAS,EAAEA,SAAU;QAAC,mBAAiBP;MAAG,EAAG,eAC7D3B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAACgC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BR,SAAS;AAAAwC,eAAA,CAApChC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMqC,cAAc,GAAG1C,eAAe,CAACS,kBAAkB,CAAC;AAE1D,eAAeiC,cAAc"}
+{"version":3,"file":"CheckboxButton.js","names":["React","createComponent","Component","Root","sstyled","Box","style","_sstyled","insert","Checkbox","CheckboxButtonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties","_excluded","autoFocus","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","Text","_defineProperty","CheckboxButton"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, type, focused, ...other } = this.asProps;\n    const autoFocus = focused ? 20 : false;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAGxC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;MAClD,IAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMK,eAAe,GAEM9B,GAAG;MAD9B,OAAAmB,KAAA,GAAOpB,OAAO,CAACsB,MAAM,CAAC,eACpB1B,KAAA,CAAAoC,aAAA,CAACD,eAAe,EAAAX,KAAA,CAAAa,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtEtB,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,EAAAe,KAAA,CAAAa,EAAA,aAAAC,aAAA,KAAKP,KAAK,iBACjB/B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAAC+B,KAAK;QAACN,SAAS,EAAEA,SAAU;QAAC,mBAAiBP;MAAG,EAAG,eAC7D3B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAACgC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BR,SAAS;AAAAwC,eAAA,CAApChC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMqC,cAAc,GAAG1C,eAAe,CAACS,kBAAkB,CAAC;AAE1D,eAAeiC,cAAc"}

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

@@ -35,9 +35,11 @@ import CheckboxButton from '../checkbox-button/CheckboxButton';
 import Input from '@semcore/input';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import { NoticeBubbleContainer, NoticeBubbleManager } from '@semcore/notice-bubble';
-/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_k4kjq_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_k4kjq_gg_ li{list-style:none}" /*__inner_css_end__*/, "k4kjq_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_k4kjq_gg_"
+/*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1rzb1_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1rzb1_gg_ li{list-style:none}", /*__inner_css_end__*/"1rzb1_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SFeedbackRating": "___SFeedbackRating_1rzb1_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackRatingRoot, _Component);

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRating.js","names":["React","createComponent","Component","sstyled","Root","Field","Form","createFocusDecorator","SpinContainer","i18nEnhance","uniqueIDEnhancement","Notice","CheckM","WarnM","Text","FeedbackIllustration","Link","SliderRating","Modal","Textarea","Box","Flex","FeedbackItem","SubmitButton","CheckboxButton","Input","localizedMessages","NoticeBubbleContainer","NoticeBubbleManager","style","_sstyled","insert","FeedbackRatingRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","error","rating","asProps","onVisibleChange","fn","value","e","config","index","initialValue","props","initialValues","key","createElement","name","type","_ref7","input","FeedbackRating","Checkbox","_extends","id","label","onChange","_checked","focused","_config$description","mb","size","isDescriptionReactFragment","description","Fragment","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","color","_createClass","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","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","notificationId","_assignProps2","cn","Label","mr","Content","Title","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"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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"}
+{"version":3,"file":"FeedbackRating.js","names":["React","createComponent","Component","sstyled","Root","Field","Form","createFocusDecorator","SpinContainer","i18nEnhance","uniqueIDEnhancement","Notice","CheckM","WarnM","Text","FeedbackIllustration","Link","SliderRating","Modal","Textarea","Box","Flex","FeedbackItem","SubmitButton","CheckboxButton","Input","localizedMessages","NoticeBubbleContainer","NoticeBubbleManager","style","_sstyled","insert","FeedbackRatingRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","error","rating","asProps","onVisibleChange","fn","value","e","config","index","initialValue","props","initialValues","key","createElement","name","type","_ref7","input","FeedbackRating","Checkbox","_extends","id","label","onChange","_checked","focused","_config$description","mb","size","isDescriptionReactFragment","description","Fragment","direction","tag","mt","htmlFor","Item","validate","placement","flip","fallbackPlacements","undefined","_ref8","h","handleChange","autoComplete","state","Value","color","_createClass","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","_objectWithoutProperties","_excluded","SFeedbackRating","checkboxFields","filter","item","textFields","notificationId","_assignProps2","cn","Label","mr","Content","Title","alignItems","Actions","handleChangeRating","Close","onClick","_objectSpread","_assignProps","handelCloseModal","focusDecorator","api","_ref5","submitting","Header","handleSubmit","_ref9","map","formConfigItem","renderCheckbox","renderTextField","email","Submit","loading","onSubmit","i18n","locale","words","split","symbols","join","Boolean","test","String","toLowerCase","_ref3","arguments[0]","_ref6","SHeader","_assignProps3"],"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/es6/component/slider-rating/SliderRating.js

@@ -12,14 +12,16 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
-/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_18sxh_gg_ .___SStar_18sxh_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_18sxh_gg_.__keyboardFocused_18sxh_gg_ .___SStar_18sxh_gg_.__hovered_18sxh_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_18sxh_gg_ .___SStar_18sxh_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_18sxh_gg_.__keyboardFocused_18sxh_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_18sxh_gg_.__readonly_18sxh_gg_ .___SStar_18sxh_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_18sxh_gg_.__filled_18sxh_gg_:active{animation:wobble .8s ease-in-out}.___SStar_18sxh_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_18sxh_gg_.__filled_18sxh_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "18sxh_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_18sxh_gg_",
-  "__SStar": "___SStar_18sxh_gg_",
-  "_keyboardFocused": "__keyboardFocused_18sxh_gg_",
-  "_hovered": "__hovered_18sxh_gg_",
-  "_readonly": "__readonly_18sxh_gg_",
-  "_filled": "__filled_18sxh_gg_"
+/*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1r4r0_gg_ .___SStar_1r4r0_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1r4r0_gg_.__keyboardFocused_1r4r0_gg_ .___SStar_1r4r0_gg_.__hovered_1r4r0_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1r4r0_gg_ .___SStar_1r4r0_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1r4r0_gg_.__keyboardFocused_1r4r0_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1r4r0_gg_.__readonly_1r4r0_gg_ .___SStar_1r4r0_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1r4r0_gg_.__filled_1r4r0_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1r4r0_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_1r4r0_gg_.__filled_1r4r0_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}", /*__inner_css_end__*/"1r4r0_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SSliderRating": "___SSliderRating_1r4r0_gg_",
+  "__SStar": "___SStar_1r4r0_gg_",
+  "_keyboardFocused": "__keyboardFocused_1r4r0_gg_",
+  "_hovered": "__hovered_1r4r0_gg_",
+  "_readonly": "__readonly_1r4r0_gg_",
+  "_filled": "__filled_1r4r0_gg_"
 });
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';

package/lib/es6/component/slider-rating/SliderRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRating.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","style","_sstyled","insert","keyboardFocusEnhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","MIN","MAX","SliderRatingRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","label","createElement","_assignProps","fill","map","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread","_assignProps2","handleMouseLeave","handleKeyDown","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","_assignProps3","displayName"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, Intergalactic } from '@semcore/core';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport style from '../../style/slider-rating.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n  SliderRatingProps,\n  {},\n  State,\n  typeof SliderRatingRoot.enhance\n> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [\n    keyboardFocusEnhance(),\n    uniqueIDEnhancement(),\n    i18nEnhance(localizedMessages),\n  ] as const;\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  handleClick = (newValue: number) => (e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n      hovered: hoveredIndex === index,\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n    } else {\n      this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  getLabelText() {\n    const { hoveredIndex } = this.state;\n    const { readonly, value, getI18nText } = this.asProps;\n\n    if (readonly) {\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n        selectedRating: value,\n        max: MAX,\n      });\n    }\n\n    if (value) {\n      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n        selectedRating: selectedRating,\n        max: MAX,\n      });\n    }\n\n    return hoveredIndex === -1\n      ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n      : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n          selectedRating: hoveredIndex + 1,\n          max: MAX,\n        });\n  }\n\n  render() {\n    const { styles, readonly, getI18nText, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    const SSliderRating = Root;\n    const label = this.getLabelText();\n\n    if (readonly) {\n      return (\n        <SSliderRating render={Flex} gap={1} role='img' aria-label={label} use:tabIndex={-1}>\n          {new Array(MAX).fill(null).map((_, index) => {\n            return (\n              <Box key={index} position={'relative'}>\n                <SliderRating.Star />\n              </Box>\n            );\n          })}\n        </SSliderRating>\n      );\n    }\n\n    const hoverValue = hoveredIndex + 1;\n\n    const editModeLabel =\n      hoverValue > 0 || value\n        ? `${label}. ${getI18nText(\n            'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n          )}.`\n        : label;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role={'slider'}\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={editModeLabel}\n        aria-valuenow={hoverValue}\n      >\n        {new Array(MAX).fill(null).map((_, index) => {\n          return (\n            <Box key={index} position={'relative'}>\n              <SliderRating.Star />\n            </Box>\n          );\n        })}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag={'svg'}\n      role='none'\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled ? (\n        <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n      ) : (\n        <path\n          d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n          fillRule='evenodd'\n          clipRule='evenodd'\n        />\n      )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n  Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":"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"}
+{"version":3,"file":"SliderRating.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","style","_sstyled","insert","keyboardFocusEnhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","MIN","MAX","SliderRatingRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","label","createElement","_assignProps","fill","map","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread","_assignProps2","handleMouseLeave","handleKeyDown","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","_assignProps3","displayName"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, Intergalactic } from '@semcore/core';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport style from '../../style/slider-rating.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n  SliderRatingProps,\n  {},\n  State,\n  typeof SliderRatingRoot.enhance\n> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [\n    keyboardFocusEnhance(),\n    uniqueIDEnhancement(),\n    i18nEnhance(localizedMessages),\n  ] as const;\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  handleClick = (newValue: number) => (e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n      hovered: hoveredIndex === index,\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue, hoveredIndex: -1 });\n    } else {\n      this.setState({ clickedIndex: -1, hoveredIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  getLabelText() {\n    const { hoveredIndex } = this.state;\n    const { readonly, value, getI18nText } = this.asProps;\n\n    if (readonly) {\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n        selectedRating: value,\n        max: MAX,\n      });\n    }\n\n    if (value) {\n      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n        selectedRating: selectedRating,\n        max: MAX,\n      });\n    }\n\n    return hoveredIndex === -1\n      ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n      : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n          selectedRating: hoveredIndex + 1,\n          max: MAX,\n        });\n  }\n\n  render() {\n    const { styles, readonly, getI18nText, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    const SSliderRating = Root;\n    const label = this.getLabelText();\n\n    if (readonly) {\n      return (\n        <SSliderRating render={Flex} gap={1} role='img' aria-label={label} use:tabIndex={-1}>\n          {new Array(MAX).fill(null).map((_, index) => {\n            return (\n              <Box key={index} position={'relative'}>\n                <SliderRating.Star />\n              </Box>\n            );\n          })}\n        </SSliderRating>\n      );\n    }\n\n    const hoverValue = hoveredIndex + 1;\n\n    const editModeLabel =\n      hoverValue > 0 || value\n        ? `${label}. ${getI18nText(\n            'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n          )}.`\n        : label;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role={'slider'}\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={editModeLabel}\n        aria-valuenow={hoverValue}\n      >\n        {new Array(MAX).fill(null).map((_, index) => {\n          return (\n            <Box key={index} position={'relative'}>\n              <SliderRating.Star />\n            </Box>\n          );\n        })}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag={'svg'}\n      role='none'\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled ? (\n        <path d='M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z' />\n      ) : (\n        <path\n          d='M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z'\n          fillRule='evenodd'\n          clipRule='evenodd'\n        />\n      )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n  Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":"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"}

package/lib/esm/FeedbackForm.mjs

@@ -1,137 +1,158 @@
-import x from "@babel/runtime/helpers/esm/extends";
-import d from "@babel/runtime/helpers/esm/objectSpread2";
-import y from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import F from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
-import M from "@babel/runtime/helpers/esm/assertThisInitialized";
-import j from "@babel/runtime/helpers/esm/inherits";
-import z from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as P } from "@semcore/utils/lib/core/index";
-import N, { sstyled as u, Component as B, assignProps as h } from "@semcore/core";
-import s from "react";
-import { Form as f, Field as I } from "react-final-form";
-import Z from "final-form-focus";
-import $ from "@semcore/button";
-import A from "@semcore/spin-container";
-import { NoticeSmart as D } from "@semcore/notice";
-import { Box as S } from "@semcore/flex-box";
-import { FeedbackItem as O } from "./component/feedback-item/FeedbackItem.mjs";
-import { SubmitButton as R } from "./component/submit-button/SubmitButton.mjs";
-var V = ["Children", "styles", "forwardRef", "loading", "background", "theme"], v = (
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, Component, assignProps } from "@semcore/core";
+import React from "react";
+import { Form, Field } from "react-final-form";
+import createFocusDecorator from "final-form-focus";
+import Button from "@semcore/button";
+import SpinContainer from "@semcore/spin-container";
+import { NoticeSmart } from "@semcore/notice";
+import { Box } from "@semcore/flex-box";
+import { FeedbackItem } from "./component/feedback-item/FeedbackItem.mjs";
+import { SubmitButton } from "./component/submit-button/SubmitButton.mjs";
+var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
+/*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (P.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SFeedbackForm_5hg5z_gg_{max-width:320px}.___SCancel_5hg5z_gg_,.___SSubmit_5hg5z_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_5hg5z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_5hg5z_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_5hg5z_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")}`,
-    "5hg5z_gg_"
-  ), {
-    __SFeedbackForm: "___SFeedbackForm_5hg5z_gg_",
-    __SSubmit: "___SSubmit_5hg5z_gg_",
-    __SCancel: "___SCancel_5hg5z_gg_",
-    __SNotice: "___SNotice_5hg5z_gg_",
-    __SSuccess: "___SSuccess_5hg5z_gg_",
-    __SEmail: "___SEmail_5hg5z_gg_"
+    `.___SFeedbackForm_5jpr0_gg_{max-width:320px}.___SCancel_5jpr0_gg_,.___SSubmit_5jpr0_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_5jpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_5jpr0_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_5jpr0_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")}`,
+    /*__inner_css_end__*/
+    "5jpr0_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SFeedbackForm": "___SFeedbackForm_5jpr0_gg_",
+    "__SSubmit": "___SSubmit_5jpr0_gg_",
+    "__SCancel": "___SCancel_5jpr0_gg_",
+    "__SNotice": "___SNotice_5jpr0_gg_",
+    "__SSuccess": "___SSuccess_5jpr0_gg_",
+    "__SEmail": "___SEmail_5jpr0_gg_"
   })
-), c = /* @__PURE__ */ function(i) {
-  j(e, i);
-  var a = z(e);
-  function e() {
-    var r;
-    F(this, e);
-    for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
-      o[n] = arguments[n];
-    return r = a.call.apply(a, [this].concat(o)), l(M(r), "focusDecorator", Z()), r;
+);
+var FeedbackForm = /* @__PURE__ */ function(_Component) {
+  _inherits(FeedbackForm2, _Component);
+  var _super = _createSuper(FeedbackForm2);
+  function FeedbackForm2() {
+    var _this;
+    _classCallCheck(this, FeedbackForm2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "focusDecorator", createFocusDecorator());
+    return _this;
   }
-  return L(e, [{
+  _createClass(FeedbackForm2, [{
     key: "getItemProps",
-    value: function() {
-      var t = this.asProps.validateOnBlur;
+    value: function getItemProps() {
+      var validateOnBlur = this.asProps.validateOnBlur;
       return {
-        validateOnBlur: t
+        validateOnBlur
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var t = S, o = this.asProps, n = o.Children, _ = o.styles, g = o.forwardRef, C = o.loading, E = o.background, w = o.theme, k = y(o, V);
-      return /* @__PURE__ */ s.createElement(f, x({
+    value: function render() {
+      var SFeedbackForm = Box;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, forwardRef = _this$asProps.forwardRef, loading = _this$asProps.loading, background = _this$asProps.background, theme = _this$asProps.theme, other = _objectWithoutProperties(_this$asProps, _excluded);
+      return /* @__PURE__ */ React.createElement(Form, _extends({
         decorators: [this.focusDecorator]
-      }, k), function(p) {
-        var m;
-        return m = u(_), /* @__PURE__ */ s.createElement(A, m.cn("SpinContainer", {
-          background: E,
-          theme: w,
-          size: "xl",
-          loading: C === void 0 ? p.submitting : C
-        }), /* @__PURE__ */ s.createElement(t, m.cn("SFeedbackForm", d(d({
-          tag: "form",
-          noValidate: !0,
-          method: "POST",
-          ref: g
-        }, k), {}, {
-          onSubmit: p.handleSubmit
-        })), typeof n.origin == "function" ? n.origin(p) : /* @__PURE__ */ s.createElement(n, m.cn("Children", {}))));
+      }, other), function(api) {
+        var _ref4;
+        return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SpinContainer, _ref4.cn("SpinContainer", {
+          "background": background,
+          "theme": theme,
+          "size": "xl",
+          "loading": loading === void 0 ? api.submitting : loading
+        }), /* @__PURE__ */ React.createElement(SFeedbackForm, _ref4.cn("SFeedbackForm", _objectSpread(_objectSpread({
+          "tag": "form",
+          "noValidate": true,
+          "method": "POST",
+          "ref": forwardRef
+        }, other), {}, {
+          "onSubmit": api.handleSubmit
+        })), typeof Children.origin === "function" ? Children.origin(api) : /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {}))));
       });
     }
-  }]), e;
-}(B);
-l(c, "displayName", "FeedbackForm");
-l(c, "style", v);
-l(c, "FinalForm", {
-  Field: I,
-  Form: f
+  }]);
+  return FeedbackForm2;
+}(Component);
+_defineProperty(FeedbackForm, "displayName", "FeedbackForm");
+_defineProperty(FeedbackForm, "style", style);
+_defineProperty(FeedbackForm, "FinalForm", {
+  Field,
+  Form
 });
-l(c, "defaultProps", {
-  onSubmit: function() {
+_defineProperty(FeedbackForm, "defaultProps", {
+  onSubmit: function onSubmit() {
   }
 });
-l(c, "validate", {
-  description: function(a) {
+_defineProperty(FeedbackForm, "validate", {
+  description: function description(error) {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", r = e.split(/\s+/), t = r.join(" ");
-      if (t.length < 10 || r.length < 3)
-        return a;
+      var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      var words = value.split(/\s+/);
+      var symbols = words.join(" ");
+      if (symbols.length < 10 || words.length < 3) {
+        return error;
+      }
     };
   },
-  email: function(a) {
+  email: function email(error) {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      if (!/.+@.+\..+/i.test(String(e).toLowerCase()))
-        return a;
+      var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      if (!/.+@.+\..+/i.test(String(value).toLowerCase())) {
+        return error;
+      }
     };
   }
 });
-function b(i) {
-  var a = arguments[0], e, r = i.Children, t = i.styles, o = S, n = "div";
-  return e = u(t), /* @__PURE__ */ s.createElement(o, e.cn("SSuccess", d({}, h({
-    tabIndex: -1
-  }, a))), /* @__PURE__ */ s.createElement(n, e.cn("SEmail", {
-    "aria-hidden": !0
-  })), /* @__PURE__ */ s.createElement("span", e.cn("span", {}), /* @__PURE__ */ s.createElement(r, e.cn("Children", {}))));
+function Success(props) {
+  var _ref = arguments[0], _ref5;
+  var Children = props.Children, styles = props.styles;
+  var SSuccess = Box;
+  var SEmail = "div";
+  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSuccess, _ref5.cn("SSuccess", _objectSpread({}, assignProps({
+    "tabIndex": -1
+  }, _ref))), /* @__PURE__ */ React.createElement(SEmail, _ref5.cn("SEmail", {
+    "aria-hidden": true
+  })), /* @__PURE__ */ React.createElement("span", _ref5.cn("span", {}), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))));
 }
-b.style = v;
-function H(i) {
-  var a = arguments[0], e, r = i.styles, t = $;
-  return e = u(r), /* @__PURE__ */ s.createElement(t, e.cn("SCancel", d({}, h({
-    type: "reset",
-    use: "secondary",
-    theme: "muted"
-  }, a))));
+Success.style = style;
+function Cancel(props) {
+  var _ref2 = arguments[0], _ref6;
+  var styles = props.styles;
+  var SCancel = Button;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCancel, _ref6.cn("SCancel", _objectSpread({}, assignProps({
+    "type": "reset",
+    "use": "secondary",
+    "theme": "muted"
+  }, _ref2))));
 }
-function T(i) {
-  var a = arguments[0], e, r = i.styles, t = i.theme, o = t === void 0 ? "muted" : t, n = i.use, _ = n === void 0 ? "secondary" : n, g = D;
-  return e = u(r), /* @__PURE__ */ s.createElement(g, e.cn("SNotice", d({}, h({
-    "use:theme": o,
-    "use:use": _
-  }, a))));
+function Notice(props) {
+  var _ref3 = arguments[0], _ref7;
+  var styles = props.styles, _props$theme = props.theme, theme = _props$theme === void 0 ? "muted" : _props$theme, _props$use = props.use, use = _props$use === void 0 ? "secondary" : _props$use;
+  var SNotice = NoticeSmart;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SNotice, _ref7.cn("SNotice", _objectSpread({}, assignProps({
+    "use:theme": theme,
+    "use:use": use
+  }, _ref3))));
 }
-const me = N(c, {
-  Item: O,
-  Success: b,
-  Submit: R,
-  Cancel: H,
-  Notice: T
+const FeedbackForm$1 = createComponent(FeedbackForm, {
+  Item: FeedbackItem,
+  Success,
+  Submit: SubmitButton,
+  Cancel,
+  Notice
 });
 export {
-  me as default
+  FeedbackForm$1 as default
 };