@adyen/adyen-web/dist/es/components/internal/PhoneInput/PhoneInputFields.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

import{createElement as e,Fragment as r}from"../../../external/preact/dist/preact.js";import{useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";import n from"../FormFields/Field/Field.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import a from"../FormFields/Select/Select.js";import l from"../FormFields/InputText.js";function p({getError:p,showNumber:i,showPrefix:h,form:m,canSelectPrefix:u=!0,...s}){const{i18n:c}=t(),{handleChangeFor:d,data:f,valid:b}=m;return o(()=>{f.phoneNumber&&d("phoneNumber","blur")(f.phoneNumber)},[f.phonePrefix]),e(r,null,h&&e(n,{className:"adyen-checkout-field--phone-prefix",label:c.get("telephonePrefix"),errorMessage:p("phonePrefix"),showValidIcon:!1,isValid:b.phonePrefix,dir:"ltr",i18n:c,name:"phonePrefix"},e(a,{readonly:!u,className:"adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector",name:"phonePrefix",items:s.items,onChange:d("phonePrefix"),placeholder:s?.placeholders?.phonePrefix,selectedValue:f.phonePrefix})),i&&e(n,{className:"adyen-checkout-field--phone-number",label:s.phoneNumberKey?c.get(s.phoneNumberKey):c.get("telephoneNumber"),errorMessage:p("phoneNumber"),isValid:b.phoneNumber,filled:f?.phoneNumber?.length>0,dir:"ltr",i18n:c,name:"phoneNumber"},e(l,{className:"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number",type:"tel",name:"phoneNumber",value:f.phoneNumber,onInput:d("phoneNumber","input"),onBlur:d("phoneNumber","blur"),placeholder:s?.placeholders?.phoneNumber,autoCorrect:"off",required:!0})))}export{p as default};
//# sourceMappingURL=PhoneInputFields.js.map