<commit_before>/**
 * AdjustmentsForm
 *
 * Um componente para para submeter formulários de ajustes de widgets.
 */
import React from 'react'
import PropTypes from 'prop-types'
import {
  FormGroup,
  ControlLabel,
  FormControl,
  ColorPicker,
  HelpBlock
} from '~client/components/forms'
import { SettingsForm } from '~client/ux/components'

const AdjustmentsSettingsForm = (props) => {
  const {
    children,
    fields: {
      call_to_action: callToAction,
      button_text: buttonText,
      count_text: countText,
      main_color: mainColor
    },
    widget,
    asyncWidgetUpdate,
    // TODO: Remover essa dependencia da mobilização
    dispatch,
    colorScheme,
    ...formProps
  } = props
  return (
    <SettingsForm
      {...formProps}
      onSubmit={values => {
        const settings = widget.settings || {}

        return asyncWidgetUpdate({
          ...widget,
          settings: { ...settings, ...values }
        })
      }}
      successMessage='Formulário configurado com sucesso!'
    >
      <FormGroup controlId='call-to-action-id' {...callToAction}>
        <ControlLabel>Título do formulário</ControlLabel>
        <FormControl
          type='text'
          placeholder='Ex: Preencha o formulário abaixo para assinar a petição.'
        />
      </FormGroup>
      <FormGroup controlId='button-text-id' {...buttonText}>
        <ControlLabel>Botão</ControlLabel>
        <FormControl
          type='text'
          placeholder='Defina o texto do botão de confirmação do formulário.'
        />
      </FormGroup>
      <FormGroup controlId='count-text-id' {...countText}>
        <ControlLabel>Contador</ControlLabel>
        <FormControl
          type='text'
          placeholder='Defina o texto que ficará ao lado do número de pessoas que agiram.'
        />
      </FormGroup>
      <FormGroup controlId='main-color-id' {...mainColor}>
        <ControlLabel>Cor padrão</ControlLabel>
        <HelpBlock>
          Selecione a cor no box abaixo ou insira o valor em hex, por exemplo: #DC3DCE.
        </HelpBlock>
        <ColorPicker
          dispatch={dispatch}<commit_msg>chore(widget/adjustments): add help text to counter field<commit_after>/**
 * AdjustmentsForm
 *
 * Um componente para para submeter formulários de ajustes de widgets.
 */
import React from 'react'
import PropTypes from 'prop-types'
import {
  FormGroup,
  ControlLabel,
  FormControl,
  ColorPicker,
  HelpBlock
} from '~client/components/forms'
import { SettingsForm } from '~client/ux/components'

const AdjustmentsSettingsForm = (props) => {
  const {
    children,
    fields: {
      call_to_action: callToAction,
      button_text: buttonText,
      count_text: countText,
      main_color: mainColor
    },
    widget,
    asyncWidgetUpdate,
    // TODO: Remover essa dependencia da mobilização
    dispatch,
    colorScheme,
    ...formProps
  } = props
  return (
    <SettingsForm
      {...formProps}
      onSubmit={values => {
        const settings = widget.settings || {}

        return asyncWidgetUpdate({
          ...widget,
          settings: { ...settings, ...values }
        })
      }}
      successMessage='Formulário configurado com sucesso!'
    >
      <FormGroup controlId='call-to-action-id' {...callToAction}>
        <ControlLabel>Título do formulário</ControlLabel>
        <FormControl
          type='text'
          placeholder='Ex: Preencha o formulário abaixo para assinar a petição.'
        />
      </FormGroup>
      <FormGroup controlId='button-text-id' {...buttonText}>
        <ControlLabel>Botão</ControlLabel>
        <FormControl
          type='text'
          placeholder='Defina o texto do botão de confirmação do formulário.'
        />
      </FormGroup>
      <FormGroup controlId='count-text-id' {...countText}>
        <ControlLabel>Contador</ControlLabel>
        <FormControl
          type='text'
          placeholder='Defina o texto que ficará ao lado do número de pessoas que agiram.'
        />
        <HelpBlock>O contador será mostrado se existir um texto definido.</HelpBlock>
      </FormGroup>
      <FormGroup controlId='main-color-id' {...mainColor}>
        <ControlLabel>Cor padrão</ControlLabel>
        <HelpBlock>
          Selecione a cor no box abaixo ou insira o valor em hex, por exemplo: #DC3DCE.
        </HelpBlock>
        <ColorPicker
          dispatch={dispatch}
{'fraction_non_alphanumeric': 0.10795974382433669, 'fraction_numerical': 0.0004574565416285453, 'mean_word_length': 2.403112840466926, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 51, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2760706', 'n_tokens_mistral': 1290, 'n_tokens_neox': 1269, 'n_words': 320}