{% sw_extends "@Storefront/storefront/component/address/address-form.html.twig" %}
{% block component_address_form_phone_number_input %}
{% set campitValidationOptions = {
'snippets': {
'validationError': {
'tooShort': "campitValidation.validationError.tooShort"|trans|sw_sanitize,
'tooLong': "campitValidation.validationError.tooLong"|trans|sw_sanitize,
'notANumber': "campitValidation.validationError.notANumber"|trans|sw_sanitize,
'invalidCountryCode': "campitValidation.validationError.invalidCountryCode"|trans|sw_sanitize,
'invalidPhoneNumber': "campitValidation.validationError.invalidPhoneNumber"|trans|sw_sanitize,
},
},
'config':{
'showFlags' : config('CampitValidation.config.showFlags'),
'showSelectedDialCode' : config('CampitValidation.config.showSelectedDialCode'),
'countrySearch' : config('CampitValidation.config.countrySearch'),
'phoneNumberFormat' : config('CampitValidation.config.phoneNumberFormat'),
'initialCountry' : config('CampitValidation.config.initialCountry'),
},
'assetPath': asset('')
} %}
<input type="text"
class="form-control"
placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
value="{{ data.get('phoneNumber') }}"
{{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}
data-form-validation-required
data-form-validation-required-message="{{ "campitValidation.validationError.invalidPhoneNumber"|trans|sw_sanitize }}"
data-campit-validation
data-campit-validation-options="{{ campitValidationOptions|json_encode }}"
>
<input type="hidden"
name="{{ prefix }}[phoneNumber]"
value="{{ data.get('phoneNumber') }}"
{{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
{% endblock %}