discourse-custom-wizard/assets/javascripts/discourse/templates/components/wizard-custom-step.hbs

<div class="setting">
  <div class="setting-label">
    <label>{{i18n 'admin.wizard.step.title'}}</label>
  </div>
  <div class="setting-value">
    {{input
      name="title"
      value=step.title}}
  </div>
</div>

<div class="setting full">
  <div class="setting-label">
    <label>{{i18n 'admin.wizard.step.banner'}}</label>
  </div>
  <div class="setting-value">
    {{image-uploader
      imageUrl=step.banner
      onUploadDone=(action "bannerUploadDone")
      onUploadDeleted=(action "bannerUploadDeleted")
      type="wizard-banner"
      class="no-repeat contain-image"}}
  </div>
</div>

<div class="setting full">
  <div class="setting-label">
    <label>{{i18n 'admin.wizard.step.description'}}</label>
  </div>
  <div class="setting-value">
    {{wizard-text-editor
      value=step.raw_description
      fieldsEnabled=false}}
  </div>
</div>

{{#if siteSettings.wizard_step_advanced}}
  {{wizard-advanced-toggle showAdvanced=step.showAdvanced}}

  {{#if step.showAdvanced}}
    <div class="advanced-settings">
      
      <div class="setting full field-mapper-setting">
        <div class="setting-label">
          <label>{{i18n 'admin.wizard.step.required_data.label'}}</label>
        </div>
        <div class="setting-value">
          {{wizard-mapper
            inputs=step.required_data
            options=(hash
              inputTypes='validation'
              inputConnector='and'
              wizardFieldSelection='value'
              userFieldSelection='value'
              keyPlaceholder="admin.wizard.submission_key"
              context='step'
            )}}
          {{#if step.required_data}}
            <div class="required-data-message">
              <div class="label">
                {{i18n 'admin.wizard.step.required_data.not_permitted_message'}}
              </div>
              {{input value=step.required_data_message}}
            </div>
          {{/if}}
        </div>
      </div>

      <div class="setting full field-mapper-setting">
        <div class="setting-label">
          <label>{{i18n 'admin.wizard.step.permitted_params.label'}}</label>
        </div>
        <div class="setting-value">
          {{wizard-mapper
            inputs=step.permitted_params
            options=(hash
              pairConnector='set'
              inputTypes='association'
              keyPlaceholder='admin.wizard.param_key'
              valuePlaceholder='admin.wizard.submission_key'
              context='step'
            )}}
        </div>
      </div>
      
      <div class="setting">
        <div class="setting-label">
          <label>{{i18n 'admin.wizard.translation'}}</label>
        </div>
        <div class="setting-value">
          {{input
            name="key"
            value=step.key
            placeholderKey="admin.wizard.translation_placeholder"}}
        </div>
      </div>
      
    </div>
  {{/if}}
{{/if}}

{{wizard-links itemType="field" current=currentField items=step.fields}}

{{#if currentField}}
  {{wizard-custom-field
    field=currentField
    fieldTypes=fieldTypes
    removeField="removeField"
    wizardFields=wizardFields}}
{{/if}}