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

<div class="setting">
  <div class="setting-label">
    <h3>{{i18n 'admin.wizard.id'}}</h3>
  </div>
  <div class="setting-value">
    {{input name="id" value=step.id placeholderKey="admin.wizard.id_placeholder" disabled=existingId}}
  </div>
</div>

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

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

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

<div class="setting">
  <div class="setting-label">
    <h3>{{i18n 'admin.wizard.step.description'}}</h3>
  </div>
  <div class="setting-value">
    {{textarea name="description" value=step.description placeholder=(i18n "admin.wizard.custom_text_placeholder")}}
  </div>
</div>

<div class="wizard-links">
  <div class="wizard-header medium">{{i18n 'admin.wizard.field.header'}}</div>
  {{#each fieldLinks as |f|}}
    {{d-button action="changeField" actionParam=f.id translatedLabel=f.label class=f.classes}}
    {{d-button action='removeField' actionParam=f.id icon='times' class='remove'}}
  {{/each}}
  {{d-button action='addField' label='admin.wizard.add' icon='plus'}}
</div>

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

<div class="wizard-links">
  <div class="wizard-header medium">{{i18n 'admin.wizard.action.header'}}</div>
  {{#each actionLinks as |a|}}
    {{d-button action="changeAction" actionParam=a.id translatedLabel=a.label class=a.classes}}
    {{d-button action='removeAction' actionParam=a.id icon='times' class='remove'}}
  {{/each}}
  {{d-button action='addAction' label='admin.wizard.add' icon='plus'}}
</div>

{{#if currentAction}}
  {{wizard-custom-action action=currentAction stepFields=step.fields removeAction="removeAction"}}
{{/if}}