<${validation.ErrorMessage} errors=${validation.errors} name="mf-name" as=${html``} />
{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-skype" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-contactmethod'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-contactmethod" placeholder="${ parent.decodeEntities(`Choose One`) } " isSearchable=${false} options=${[{"label":"Skype","value":"skype","isDisabled":false},{"label":"Email","value":"email","isDisabled":false},{"label":"Call (phone)","value":"Call (phone)","isDisabled":false},{"label":"Call (cell)","value":"Call (cell)","isDisabled":false},{"label":"Text (cell)","value":"Text (cell)","isDisabled":false}]} value=${parent.getValue("mf-contactmethod") ? [{"label":"Skype","value":"skype","isDisabled":false},{"label":"Email","value":"email","isDisabled":false},{"label":"Call (phone)","value":"Call (phone)","isDisabled":false},{"label":"Call (cell)","value":"Call (cell)","isDisabled":false},{"label":"Text (cell)","value":"Text (cell)","isDisabled":false}].filter(item => item.value === parent.getValue("mf-contactmethod"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-contactmethod")} ref=${() => { register({ name: "mf-contactmethod" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true})); if ( parent.getValue("mf-contactmethod") === '' && false ) { parent.setValue( 'mf-contactmethod', '', true ); parent.handleChange({ target: { name: 'mf-contactmethod', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-contactmethod" as=${html``} />
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-email" as=${html``} />
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-telephone" as=${html``} />
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-cell" as=${html``} />

All about WHMCS

Great! Now, let’s get your WHMCS information. None of this is required at all, it just might be useful in the future!

NOTE:
Do not provide admin information (urls, etc) in this form. IF we need those from you, we will ask for them later.

<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-whmcsver'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-whmcsver" placeholder="${ parent.decodeEntities(`WHMCS Version`) } " isSearchable=${false} options=${[{"label":"8.x","value":"8.x","isDisabled":false},{"label":"7.x","value":"7.x","isDisabled":false},{"label":"6.x","value":"6.x","isDisabled":false}]} value=${parent.getValue("mf-whmcsver") ? [{"label":"8.x","value":"8.x","isDisabled":false},{"label":"7.x","value":"7.x","isDisabled":false},{"label":"6.x","value":"6.x","isDisabled":false}].filter(item => item.value === parent.getValue("mf-whmcsver"))[0] : {"label":"8.x","value":"8.x","isDisabled":false}} onChange=${(e)=> parent.handleSelect(e, "mf-whmcsver")} ref=${() => { register({ name: "mf-whmcsver" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-whmcsver") === '' && true ) { parent.setValue( 'mf-whmcsver', '8.x', true ); parent.handleChange({ target: { name: 'mf-whmcsver', value: '8.x' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-whmcsver" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-whmcsdev'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-whmcsdev" placeholder="${ parent.decodeEntities(``) } " isSearchable=${false} options=${[{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}]} value=${parent.getValue("mf-whmcsdev") ? [{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}].filter(item => item.value === parent.getValue("mf-whmcsdev"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-whmcsdev")} ref=${() => { register({ name: "mf-whmcsdev" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-whmcsdev") === '' && false ) { parent.setValue( 'mf-whmcsdev', '', true ); parent.handleChange({ target: { name: 'mf-whmcsdev', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-whmcsdev" as=${html``} /> ${ parent.decodeEntities(`Do you have a dev license?`) }
parent.activateValidation({"message":"This field is required.","urlMessage":"Please enter a valid URL","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-whmcsurl" as=${html``} /> ${ parent.decodeEntities(`Do not put your admin url in here`) }
parent.activateValidation({"message":"This field is required.","urlMessage":"Please enter a valid URL","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-devurl" as=${html``} /> ${ parent.decodeEntities(`Do not put your admin url in here`) }

All about contact

FINALLY, the good stuff . Why you’re here, right? Fill out the following info and we’ll get back with you ASAP! Usually, we respond to stuff within 1-2 hours, but may take a bit longer depending on circumstances

{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-subject" as=${html``} />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-message" as=${html``} />
`} ${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''} ${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''} `