https://www.fazwaz.ph/build/js/chunks/index.B2ZoylWC.js

1import{g as a}from"./flags.qCmls6Z6.js";import{C as u}from"./index.Brx7cXIu.js";import{c as d,a as h,b as p}from"./phone.HfeL9WX_.js";import{n as l}from"./_plugin-vue2_normalizer.yT5ADOs5.js";import"./isSymbol.IFp43oYL.js";import"./parsePhoneNumber.CA9uO5hm.js";import"./parsePhoneNumber_.CXEDQ9po.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};t.SENTRY_RELEASE={id:"v3.306.0"};var e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="a9f0b77d-b6f8-4db0-bfbb-bceb71c6009e",t._sentryDebugIdIdentifier="sentry-dbid-a9f0b77d-b6f8-4db0-bfbb-bceb71c6009e")}catch{}})();const f={name:"CountryDropdown",props:["code","prefix","containerClassName","focus","error","onShowOption","onHideOption"],data(){const{code:t="th",prefix:e}=this;return{isShowDropdown:!1,countries:d,tmpValue:0,selectedValue:t,query:"",selectedPrefix:e}},watch:{selectedValue(t,e){t!==e&&this.updatePropsValue(t)},code(t,e){t!==e&&(this.selectedValue=!t||t===null?"us":t)}},computed:{tmpValueIndex(){return this.countries.findIndex(t=>t.iso2===this.tmpValue)}},methods:{updatePropsValue(t){const e=this.getCountrySelected(t),{dialCode:s}=e,i=`+${s}`;this.prefix!==i&&(this.selectedPrefix=i,this.$emit("update:prefix",i))},getCountrySelected(t){return this.countries.find(e=>e.iso2===t.toUpperCase())},onSelectingClick(){const{isShowDropdown:t}=this;this.isShowDropdown=!t,this.isShowDropdown?this.onShowOption&&this.onShowOption():this.onHideOption&&this.onHideOption()},onSelectCountry(t){this.selectedValue=t,this.isShowDropdown&&this.onHideOption&&this.onHideOption(),this.isShowDropdown=!1},onClose(){this.isShowDropdown&&this.onHideOption&&this.onHideOption(),this.isShowDropdown=!1},scrollToSelectedOnFocus(t){this.$nextTick(()=>{this.$refs.countriesList.scrollTop=t*35-105})},keyboardNav(t){const e=t.keyCode;if(e===40||e===38){t.view&&t.view.event&&t.view.event.preventDefault();let s=e===40?this.tmpValueIndex+1:this.tmpValueIndex-1;(s===-1||s>=this.countries.length)&&(s=s===-1?this.countries.length-1:0),this.tmpValue=this.countries[s].iso2,this.scrollToSelectedOnFocus(s)}else if(e===13)this.onSelectCountry(this.tmpValue);else if(e===27)this.onClose();else{clearTimeout(this.queryTimer),this.queryTimer=setTimeout(()=>{this.query=""},1e3);const s=String.fromCharCode(e);if(e===8&&this.query!=="")this.query=this.query.substring(0,this.query.length-1);else if(/[a-zA-Z-e ]/.test(s)){this.query+=t.key;const o=(this.preferredCountries?this.countries.slice(this.preferredCountries.length):this.countries).findIndex(n=>(this.tmpValue=n.iso2,n.name.toLowerCase().startsWith(this.query)));o!==-1&&this.scrollToSelectedOnFocus(o+(this.preferredCountries?this.preferredCountries.length:0))}}}},directives:{ClickOutside:u}};var m=function(){var e=this,s=e._self._c;return s("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.onClose,expression:"onClose"}],staticClass:"phone-input-country",class:{error:e.error,focus:e.focus},attrs:{tabindex:"0"},on:{keydown:e.keyboardNav}},[s("span",{staticClass:"phone-input-country__selection",on:{click:e.onSelectingClick}},[s("div",{staticClass:"selection__flag iti-flag",class:{[e.selectedValue.toLocaleLowerCase()]:!0}}),s("span",{staticClass:"country-prefix"},[e._v(e._s(e.selectedPrefix))])]),s("ul",{directives:[{name:"show",rawName:"v-show",value:e.isShowDropdown,expression:"isShowDropdown"}],ref:"countriesList",staticClass:"phone-input-country__dropdown"},e._l(e.countries,function(i,o){return s("li",{key:o,staticClass:"dropdown__item",class:{"keyboard-selected":e.tmpValue===i.iso2,selected:e.selectedValue===i.iso2},on:{click:function(n){return e.onSelectCountry(i.iso2)}}},[s("div",{staticClass:"dropdown__flag iti-flag",class:{[i.iso2.toLocaleLowerCase()]:!0}}),s("div",{staticClass:"dropdown__name"},[e._v(e._s(i.name))]),s("span",{staticClass:"dropdown__code"},[e._v(e._s(`+${i.dialCode}`))])])}),0)])},_=[],w=l(f,m,_,!1,null,"25bf9829");const C=w.exports,v={name:"PhoneInput",components:{CountryDropdown:C}

1,props:["refName","label","title","name","code","value","errorMessage","placeholder","onFieldChange","active"],data(){const{code:t="us",value:e}=this,s=e?h(e):{},{number:i,country:o}=s,r=(o?o.toLowerCase():void 0)||t,c=p(r);return{selectedCode:r,prefix:c,phoneNumber:i||"",isFocus:!1,isShowOption:!1}},mounted(){this.value&&this.filterPrefix(this.value)},watch:{selectedCode(t,e){t!==e&&this.$emit("update:code",t)},prefix(t,e){if(t!==e){const s=`${t}${this.phoneNumber}`;this.$emit("input",s),this.phoneNumber&&this.onFieldChange&&this.onFieldChange(this.name,s)}},phoneNumber(t,e){if(t!==e){this.filterPrefix(t);const s=`${this.prefix}${t}`;this.$emit("input",s)}},value(t,e){t!==e&&this.filterPrefix(t)},code(t,e){t!==e&&(this.selectedCode=t)}},methods:{onChange(t){const{value:e}=t.target,s=`${this.prefix}${e}`;this.onFieldChange&&this.onFieldChange(this.name,s)},onBlur(t){this.$emit("blur",t),setTimeout(()=>{this.isShowOption||(this.isFocus=!1)},200)},onFocus(){this.isFocus=!0},onShowOption(){this.isShowOption=!0},onHideOption(){this.isShowOption=!1},filterPrefix(t=""){const{prefix:e}=this;this.phoneNumber="",this.prefix="";const s=t===null?"":t;if(s.includes(e)){const o=s.replace(e,"");this.phoneNumber=a(o)}else this.phoneNumber=a(s);this.prefix=e}}};var b=function(){var e=this,s=e._self._c;return e.active!==!1?s("div",{staticClass:"mb-3",class:{"text-input__focus":e.isFocus,"text-input__has-value":e.phoneNumber}},[e.label?s("label",{staticClass:"topic"},[e._v(" "+e._s(e.label)+" "),e.title?s("i",{staticClass:"fa fa-info-circle tooltip"},[s("div",{staticClass:"tooltiptext"},[e._v(" "+e._s(e.title)+" ")])]):e._e()]):e._e(),s("div",{staticClass:"input-phone"},[s("div",{staticClass:"input-phone__wrap"},[s("country-dropdown",{attrs:{error:e.errorMessage,focus:e.isFocus,code:e.selectedCode,prefix:e.prefix,"on-show-option":e.onShowOption,"on-hide-option":e.onHideOption},on:{"update:prefix":function(i){e.prefix=i}}}),s("input",{directives:[{name:"model",rawName:"v-model",value:e.phoneNumber,expression:"phoneNumber"}],ref:e.refName,staticClass:"input-phone__input form-control",class:{"is-invalid":e.errorMessage,"input-phone__input-no-data":!e.phoneNumber||e.phoneNumber===""},attrs:{placeholder:e.placeholder,type:"tel",pattern:"[+][0-9]*"},domProps:{value:e.phoneNumber},on:{change:e.onChange,blur:e.onBlur,focus:e.onFocus,input:function(i){i.target.composing||(e.phoneNumber=i.target.value)}}}

1)],1),s("div",{staticClass:"invalid-feedback",class:{"is-invalid":e.errorMessage}},[e._v(e._s(e.errorMessage))])])]):e._e()},g=[],x=l(v,b,g,!1,null,"d2e1338e");const F=x.exports;export{F as default};