Request a Custom Quote

This form is for pricing only and is not an order.

{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-full-name" as=${html``} />
{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-company-facility" 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":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-phone" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-industry'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-industry" placeholder="${ parent.decodeEntities(`Select industry`) } " isSearchable=${false} options=${[{"label":"Hospital","value":"hospital","isDisabled":false},{"label":"Nursing Home","value":"nursing-home","isDisabled":false},{"label":"Assisted Living","value":"assisted-living","isDisabled":false},{"label":"Emergency Response","value":"emergency-response","isDisabled":false},{"label":"Government","value":"government","isDisabled":false},{"label":"Disaster Relief Program","value":"disaster-relief-program","isDisabled":false},{"label":"School & Institution","value":"school-institution","isDisabled":false},{"label":"Industrial Facility","value":"industrial-facility","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-industry") ? [{"label":"Hospital","value":"hospital","isDisabled":false},{"label":"Nursing Home","value":"nursing-home","isDisabled":false},{"label":"Assisted Living","value":"assisted-living","isDisabled":false},{"label":"Emergency Response","value":"emergency-response","isDisabled":false},{"label":"Government","value":"government","isDisabled":false},{"label":"Disaster Relief Program","value":"disaster-relief-program","isDisabled":false},{"label":"School & Institution","value":"school-institution","isDisabled":false},{"label":"Industrial Facility","value":"industrial-facility","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-industry"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-industry")} ref=${() => { register({ name: "mf-industry" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true})); if ( parent.getValue("mf-industry") === '' && false ) { parent.setValue( 'mf-industry', '', true ); parent.handleChange({ target: { name: 'mf-industry', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-industry" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-kit-type'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-kit-type" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"Standard Kit","value":"standard-kit","isDisabled":false},{"label":"Custom Build","value":"custom-build","isDisabled":false},{"label":"Both","value":"both","isDisabled":false}]} value=${parent.getValue("mf-kit-type") ? [{"label":"Standard Kit","value":"standard-kit","isDisabled":false},{"label":"Custom Build","value":"custom-build","isDisabled":false},{"label":"Both","value":"both","isDisabled":false}].filter(item => item.value === parent.getValue("mf-kit-type"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-kit-type")} ref=${() => { register({ name: "mf-kit-type" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true})); if ( parent.getValue("mf-kit-type") === '' && false ) { parent.setValue( 'mf-kit-type', '', true ); parent.handleChange({ target: { name: 'mf-kit-type', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-kit-type" as=${html``} />
Standard Kit
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-protection-level'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-protection-level" placeholder="${ parent.decodeEntities(`Select level`) } " isSearchable=${false} options=${[{"label":"Level 1 (Basic)","value":"level-1-basic","isDisabled":false},{"label":"Level 2 (Moderate)","value":"level-2-moderate","isDisabled":false},{"label":"Level 3 (High Risk)","value":"level-3-high Risk","isDisabled":false}]} value=${parent.getValue("mf-protection-level") ? [{"label":"Level 1 (Basic)","value":"level-1-basic","isDisabled":false},{"label":"Level 2 (Moderate)","value":"level-2-moderate","isDisabled":false},{"label":"Level 3 (High Risk)","value":"level-3-high Risk","isDisabled":false}].filter(item => item.value === parent.getValue("mf-protection-level"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-protection-level")} ref=${() => { register({ name: "mf-protection-level" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-protection-level") === '' && false ) { parent.setValue( 'mf-protection-level', '', true ); parent.handleChange({ target: { name: 'mf-protection-level', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-protection-level" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
Custom Build
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-gloves'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-gloves" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-gloves") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-gloves"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-gloves")} ref=${() => { register({ name: "mf-gloves" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-gloves") === '' && false ) { parent.setValue( 'mf-gloves', '', true ); parent.handleChange({ target: { name: 'mf-gloves', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-gloves" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-masks'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-masks" placeholder="${ parent.decodeEntities(`Select type`) } " isSearchable=${false} options=${[{"label":"1-Ply","value":"1-ply","isDisabled":false},{"label":"2-Ply","value":"2-ply","isDisabled":false},{"label":"3-Ply","value":"3-ply","isDisabled":false}]} value=${parent.getValue("mf-masks") ? [{"label":"1-Ply","value":"1-ply","isDisabled":false},{"label":"2-Ply","value":"2-ply","isDisabled":false},{"label":"3-Ply","value":"3-ply","isDisabled":false}].filter(item => item.value === parent.getValue("mf-masks"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-masks")} ref=${() => { register({ name: "mf-masks" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-masks") === '' && false ) { parent.setValue( 'mf-masks', '', true ); parent.handleChange({ target: { name: 'mf-masks', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-masks" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-gowns-level-1'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-gowns-level-1" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-gowns-level-1") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-gowns-level-1"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-gowns-level-1")} ref=${() => { register({ name: "mf-gowns-level-1" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-gowns-level-1") === '' && false ) { parent.setValue( 'mf-gowns-level-1', '', true ); parent.handleChange({ target: { name: 'mf-gowns-level-1', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-gowns-level-1" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-gowns-level-2'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-gowns-level-2" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-gowns-level-2") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-gowns-level-2"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-gowns-level-2")} ref=${() => { register({ name: "mf-gowns-level-2" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-gowns-level-2") === '' && false ) { parent.setValue( 'mf-gowns-level-2', '', true ); parent.handleChange({ target: { name: 'mf-gowns-level-2', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-gowns-level-2" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-gowns-level-3'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-gowns-level-3" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-gowns-level-3") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-gowns-level-3"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-gowns-level-3")} ref=${() => { register({ name: "mf-gowns-level-3" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-gowns-level-3") === '' && false ) { parent.setValue( 'mf-gowns-level-3', '', true ); parent.handleChange({ target: { name: 'mf-gowns-level-3', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-gowns-level-3" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-head-covers'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-head-covers" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-head-covers") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-head-covers"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-head-covers")} ref=${() => { register({ name: "mf-head-covers" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-head-covers") === '' && false ) { parent.setValue( 'mf-head-covers', '', true ); parent.handleChange({ target: { name: 'mf-head-covers', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-head-covers" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-full-body-suits'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-full-body-suits" placeholder="${ parent.decodeEntities(`Select size`) } " isSearchable=${false} options=${[{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}]} value=${parent.getValue("mf-full-body-suits") ? [{"label":"Small","value":"small","isDisabled":false},{"label":"Medium","value":"medium","isDisabled":false},{"label":"Large","value":"large","isDisabled":false},{"label":"Extra Large","value":"extra-large","isDisabled":false}].filter(item => item.value === parent.getValue("mf-full-body-suits"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-full-body-suits")} ref=${() => { register({ name: "mf-full-body-suits" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-full-body-suits") === '' && false ) { parent.setValue( 'mf-full-body-suits', '', true ); parent.handleChange({ target: { name: 'mf-full-body-suits', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-full-body-suits" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-quantity-needed'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-quantity-needed" placeholder="${ parent.decodeEntities(`Select quantity`) } " isSearchable=${false} options=${[{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}]} value=${parent.getValue("mf-quantity-needed") ? [{"label":"1,000 packs","value":"1k-packs","isDisabled":false},{"label":"10,000 packs","value":"10k-packs","isDisabled":false},{"label":"50,000 packs","value":"50k-packs","isDisabled":false},{"label":"100,000+ packs","value":"100k-packs","isDisabled":false},{"label":"150,000+ packs","value":"150k-packs","isDisabled":false},{"label":"Other","value":"other","isDisabled":false}].filter(item => item.value === parent.getValue("mf-quantity-needed"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-quantity-needed")} ref=${() => { register({ name: "mf-quantity-needed" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-quantity-needed") === '' && false ) { parent.setValue( 'mf-quantity-needed', '', true ); parent.handleChange({ target: { name: 'mf-quantity-needed', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quantity-needed" as=${html``} />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-comment" as=${html``} />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-gdpr-consent" as=${html``} />