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

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 l from"../FormFields/Select/Select.js";import i from"../FormFields/InputText.js";function a(e,r){if(null==e)return{};var o,n,t=function(e,r){if(null==e)return{};var o,n,t={},l=Object.keys(e);for(n=0;n<l.length;n++)o=l[n],r.indexOf(o)>=0||(t[o]=e[o]);return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)o=l[n],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(t[o]=e[o])}return t}function u(u){var p,h,m,{getError:c,showNumber:s,showPrefix:d,form:f,canSelectPrefix:b=!0}=u,x=a(u,["getError","showNumber","showPrefix","form","canSelectPrefix"]);const{i18n:N}=t(),{handleChangeFor:y,data:P,valid:g}=f;return o((()=>{P.phoneNumber&&y("phoneNumber","blur")(P.phoneNumber)}),[P.phonePrefix]),e(r,null,d&&e(n,{className:"adyen-checkout-field--phone-prefix",label:N.get("telephonePrefix"),errorMessage:c("phonePrefix"),showValidIcon:!1,isValid:g.phonePrefix,dir:"ltr",i18n:N,name:"phonePrefix"},e(l,{readonly:!b,className:"adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector",name:"phonePrefix",items:x.items,onChange:y("phonePrefix"),placeholder:null==x||null===(p=x.placeholders)||void 0===p?void 0:p.phonePrefix,selectedValue:P.phonePrefix})),s&&e(n,{className:"adyen-checkout-field--phone-number",label:x.phoneNumberKey?N.get(x.phoneNumberKey):N.get("telephoneNumber"),errorMessage:c("phoneNumber"),isValid:g.phoneNumber,filled:(null==P||null===(h=P.phoneNumber)||void 0===h?void 0:h.length)>0,dir:"ltr",i18n:N,name:"phoneNumber"},e(i,{className:"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number",type:"tel",name:"phoneNumber",value:P.phoneNumber,onInput:y("phoneNumber","input"),onBlur:y("phoneNumber","blur"),placeholder:null==x||null===(m=x.placeholders)||void 0===m?void 0:m.phoneNumber,autoCorrect:"off",required:!0})))}export{u as default};
//# sourceMappingURL=PhoneInputFields.js.map