<label for="mf-input-text-19548a0">
${ parent.decodeEntities(`First Name`) } *
</label>
<input id="mf-input-text-19548a0" name="mf-listing-fname" type="text" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-listing-fname']" /> parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-listing-fname" as=${html``} /&gt;
<label for="mf-input-telephone-253b9ab">
${ parent.decodeEntities(`Phone Number`) } *
</label>
<input id="mf-input-telephone-253b9ab" class="mf-input " name="mf-telephone" type="tel" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-telephone']" /> parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-telephone" as=${html``} /&gt;
<label for="mf-input-text-3009481">
${ parent.decodeEntities(`City`) } *
</label>
<input id="mf-input-text-3009481" class="mf-input " name="mf-text" type="text" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-text']" />{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-text" as=${html``} /&gt;
<label>
${ parent.decodeEntities(`Store or Distributer?`) } *
</label>
&lt;${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-select" placeholder="${ parent.decodeEntities(`-- Please choose an option --`) } " isSearchable=${false} options=${[{"label":"Store","value":"Store","isDisabled":false},{"label":"Distributer","value":"Distributer","isDisabled":false}]} value=${parent.getValue("mf-select") ? [{"label":"Store","value":"Store","isDisabled":false},{"label":"Distributer","value":"Distributer","isDisabled":false}].filter(item =&gt; item.value === parent.getValue("mf-select"))[0] : []}
onChange=${(e)=&gt; parent.handleSelect(e, "mf-select")}
ref=${() =&gt; {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("mf-select") === '' &amp;&amp; false ) {
parent.setValue( 'mf-select', '', true );
parent.handleChange({
target: {
name: 'mf-select',
value: ''
}
});
}
}}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-select" as=${html``} /&gt;
<label for="mf-input-text-d72fec9">
${ parent.decodeEntities(`Last Name`) } *
</label>
<input id="mf-input-text-d72fec9" name="mf-listing-lname" type="text" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-listing-lname']" /> parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-listing-lname" as=${html``} /&gt;
<label for="mf-input-email-84fc7e5">
${ parent.decodeEntities(`Email`) } *
</label>
<input id="mf-input-email-84fc7e5" class="mf-input " name="mf-email" type="email" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-email']" /> parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-email" as=${html``} /&gt;
<label for="mf-input-text-faa15fb">
${ parent.decodeEntities(`State`) } *
</label>
<input id="mf-input-text-faa15fb" class="mf-input " name="mf-text" type="text" placeholder="${ parent.decodeEntities(&#96;Text&#96;) } " aria-invalid="${validation.errors['mf-text']" />{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-text" as=${html``} /&gt;
<label>
${ parent.decodeEntities(`Did you read the message above?`) } *
</label>
&lt;${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-select" placeholder="${ parent.decodeEntities(`-- Please choose an option --`) } " isSearchable=${false} options=${[{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}]} value=${parent.getValue("mf-select") ? [{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}].filter(item =&gt; item.value === parent.getValue("mf-select"))[0] : []}
onChange=${(e)=&gt; parent.handleSelect(e, "mf-select")}
ref=${() =&gt; {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("mf-select") === '' &amp;&amp; false ) {
parent.setValue( 'mf-select', '', true );
parent.handleChange({
target: {
name: 'mf-select',
value: ''
}
});
}
}}
/&gt;
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-select" as=${html``} /&gt;
<label for="mf-input-text-area-f200b40">
${ parent.decodeEntities(`Your Message`) } *
</label>
<textarea id="mf-input-text-area-f200b40" cols="30" name="mf-textarea" rows="10" placeholder="${ parent.decodeEntities(&#96;&#96;) } " aria-invalid="${validation.errors['mf-textarea']"> parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}&lt;br /&gt;
								&gt;</textarea>
&lt;${validation.ErrorMessage} errors=${validation.errors} name="mf-textarea" as=${html``} /&gt;
<button id="" type="submit">
${ parent.decodeEntities(`Submit`) }
</button>