https://www.stickermule.com/core/_next/static/chunks/6628-166870bb5b600c73.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6628],{66628:function(e,t,n){n.d(t,{s:function(){return M}});var r=n(85893),l=n(5379),a=n.n(l),o=n(67294),u=n(94613),c=n(86359),i=n(98576),d=n(52874),s=n(59361),f=n(2031),p=n(9522),x=n(25813),b=n(89450),y=n(56297),h=n(12080),m=n(37120),g=n(35354);let C=(0,m.o)(),useCountryList=()=>{let[e,t]=(0,o.useState)(!1),{language:n,country:r}=(0,g.bU)();(0,o.useEffect)(()=>{t(!0)},[]);let l=(0,o.useMemo)(()=>new Intl.DisplayNames([n],{type:"region"}),[n]);return(0,o.useMemo)(()=>e?C.map(e=>({iso:e,name:l.of(e),isUserCountry:e===r})).sort((e,t)=>e.isUserCountry?-1:t.isUserCountry||e.name>t.name?1:t.name>e.name?-1:0):[],[r,l,e])},CountrySelect=e=>{let{allowedCountries:t,country:n,onCountryChange:l,disabled:u,size:c,dropdownAnchorRef:i}=e,{space:d,colors:s}=(0,b.k)(),m=(0,h.M)(),{t:g}=(0,f.$)(),C=useCountryList(),v=(0,o.useMemo)(()=>(null==t?void 0:t.length)?C.filter(e=>{let{iso:n}=e;return t.includes(n)}):C,[C,t]),S=(0,o.useCallback)(e=>{l(e)},[l]);return(0,r.jsxs)("div",{className:a().dynamic([["87231d813b9c8cc8",[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]]],["4250dcef7415f05d",[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]]]])+" wrapper",children:[(0,r.jsx)(y.Ph,{anchorRefForListBox:i,"aria-label":g("Select_country"),className:"countrySelectContainer",disabled:u||v.length<=1,id:m,onChange:e=>{S(e)},size:c,value:n,children:v.map(e=>{let{iso:t,name:l}=e,o=x.ZP[t];return(0,r.jsx)(y.$m,{"aria-selected":n===t,className:"sharedPhoneInputCountrySelectOption",label:(0,r.jsxs)("div",{className:a().dynamic([["87231d813b9c8cc8",[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]]],["4250dcef7415f05d",[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]]]])+" sharedPhoneInputCountrySelectOptionContentWrapper",children:[(0,r.jsx)(o,{className:a().dynamic([["87231d813b9c8cc8",[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]]],["4250dcef7415f05d",[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]]]])+" flag"}),(0,r.jsx)("span",{className:a().dynamic([["87231d813b9c8cc8",[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]]],["4250dcef7415f05d",[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]]]])+" countryName",children:l}),(0,r.jsxs)("span",{className:a().dynamic([["87231d813b9c8cc8",[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]]],["4250dcef7415f05d",[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]]]])+" countryCode",children:["+",(0,p.G)(t)]})]}),value:t},t)})}),(0,r.jsx)(a(),{id:"4250dcef7415f05d",dynamic:[d["1x"],s.neutral.fg,s.neutral.fgMuted,s.neutral.border,d["1x"],d["2x"],d["2x"]],children:".sharedPhoneInputCountrySelectOptionContentWrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:".concat(d["1x"],";color:").concat(s.neutral.fg,"}.sharedPhoneInputCountrySelectOptionContentWrapper .countryCode{color:").concat(s.neutral.fgMuted,';word-break:keep-all}.sharedPhoneInputCountrySelectOption[role="option"]:first-child{border-bottom:1px solid ').concat(s.neutral.border,"}.sharedPhoneInputCountrySelectOptionContentWrapper .flag{height:-webkit-calc(1lh - ").concat(d["1x"],");height:-moz-calc(1lh - ").concat(d["1x"],");height:calc(1lh - ").concat(d["1x"],")}.sharedPhoneInputCountrySelectOptionContentWrapper .flag.xs{height:-webkit-calc(1lh - ").concat(d["2x"],");height:-moz-calc(1lh - ").concat(d["2x"],");height:calc(1lh - ").concat(d["2x"],")}.sharedPhoneInputCountrySelectOption .countryName{margin-left:").concat(d["2x"],"}")}),(0,r.jsx)(a(),{id:"87231d813b9c8cc8",dynamic:[s.neutral.fgMuted,s.neutral.fgMuted,d["1x"]],children:".wrapper.__jsx-style-dynamic-selector .countrySelectContainer>button{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:transparent}.wrapper.__jsx-style-dynamic-selector .countrySelectContainer .optionLabel{color:".concat(s.neutral.fgMuted,"}.wrapper.__jsx-style-dynamic-selector .countrySelectContainer .countryName{display:none}.wrapper.__jsx-style-dynamic-selector .countrySelectContainer button .caret svg{fill:").concat(s.neutral.fgMuted,"}.wrapper.__jsx-style-dynamic-selector .countrySelectContainer button .caret{margin-left:").concat(d["1x"],"}")})]})};var v=n(58805),S=n(6898),w=n(65150),j=n(63246),k=n(39773);let usePhoneInputFunctionalities=e=>{var t;let{name:n,allowedCountries:r,countryIso:l,defaultValue:a,propValue:u,required:c,onChange:i,onBlur:d}=e,{requiredValidator:s}=(0,w.t)(),p=(0,o.useRef)(null),{country:x}=(0,g.bU)(),{data:b}=(0,j.kP)(),{t:y}=(0,f.$)(),h=(null==b?void 0:null===(t=b.user)||void 0===t?void 0:t.clientRegion)||x,m=l||h||"US";(null==r?void 0:r.length)&&(m=r.includes(m)?m:r[0]);let[C,M]=(0,o.useState)(u||a||""),[N,_]=(0,o.useState)(!(u||a)),[I,z]=(0,o.useState)(a||""),[P,W]=(0,o.useState)(!0),[O,R]=(0,o.useState)(!0),[E,U]=(0,o.useState)(m),L=(0,o.useRef)(r);L.current=r,(0,o.useEffect)(()=>{l&&(!L.current||L.current.includes(l))&&U(l)},[l]);let A=(0,o.useCallback)(e=>!(null==r?void 0:r.length)||r.includes(e),[r]),B=(0,o.useCallback)(()=>{let e=P||!c&&0===C.length;return[e,e?"":y("validation.Please_enter_a_valid_phone_number")]},[P,c,C.length,y]),F=(0,o.useCallback)(()=>{let e=O||!c&&0===C.length;return[e,e?"":y("validation.phone_country_not_allowed")]},[O,c,C.length,y]),{errorMessage:V,validate:$}=(0,k.V)({getValue:()=>C,fieldRef:p,name:n,required:c,validators:[...c?[s]:[],B,F]});return(0,o.useEffect)(()=>

1{if(!u&&!a)return;let e=(0,v.S)(u||a);e&&(e.country&&U(e.country),z(e.formatNational()),M(e.number))},[a]),(0,o.useEffect)(()=>{N||$(C)},[N,$,C]),{fieldRef:p,country:E,formattedNumber:I,errorMessage:V,onCountryChange:e=>{U(e);let t=(0,v.S)(I,e),n=C;t&&(z(t.formatNational()),M(t.number),n=t.number);let r=(0,S.y)(n,e);W(r);let l=A(e);R(l),null==i||i(r&&l,null==t?void 0:t.number,null!=e?e:E)},onInputChange:e=>{var t,n,r;let{target:{value:l}}=e;if(_(!1),![null,"+"].includes(l.charAt(l.length))&&Number.isNaN(Number(l.charAt(l.length))))return;let a=(0,v.S)(l,E),o=(0,S.y)(l,E);W(o),a?(a.country&&U(a.country),z(a.country?a.formatNational():a.number),M(a.number)):(z(l),M(l));let u=A(null!==(t=null==a?void 0:a.country)&&void 0!==t?t:E);R(u),null==i||i(o&&u,null!==(n=null==a?void 0:a.number)&&void 0!==n?n:l,null!==(r=null==a?void 0:a.country)&&void 0!==r?r:E)},onInputBlur:()=>{var e;_(!1);let t=(0,v.S)(C,E),n=(0,S.y)(C,E);W(n);let r=A(E);R(r),null==d||d(n&&r,null!==(e=null==t?void 0:t.number)&&void 0!==e?e:C,E)}}},M=(0,o.forwardRef)((e,t)=>{var n,l;let{name:f,allowedCountries:p,countryIso:x,defaultValue:b,onChange:y,onBlur:h,placeholder:m,required:g,disabled:C,value:v,inputSize:S,...w}=e,{size:j}=(0,o.useContext)(d.zb),k=null!==(l=null!=S?S:j)&&void 0!==l?l:"sm",M=(0,o.useRef)(null),{fieldRef:N,country:_,formattedNumber:I,errorMessage:z,onCountryChange:P,onInputChange:W,onInputBlur:O}=usePhoneInputFunctionalities({name:f,allowedCountries:p,countryIso:x,defaultValue:b,propValue:v,required:g,onChange:y,onBlur:h});return(0,r.jsxs)("span",{ref:N,className:"jsx-23438fce7df8e5d2",children:[(0,r.jsx)(s.u,{content:z,isVisible:!!z,variant:"error",children:(0,r.jsx)("div",{ref:M,className:"jsx-23438fce7df8e5d2 inputWrapper",children:(0,r.jsx)(i.II,{...w,ref:t,disabled:C,inputSize:k,leftAddOn:{containerClassName:"countrySelectContainer",variant:"contained",content:(0,r.jsx)(CountrySelect,{allowedCountries:p,country:_,disabled:C,dropdownAnchorRef:M,onCountryChange:P,size:k})},name:f,onBlur:O,onChange:W,placeholder:m||(null===(n=(0,u.L)(_,c.Z))||void 0===n?void 0:n.formatNational()),type:"tel",value:I})})}),(0,r.jsx)(a(),{id:"23438fce7df8e5d2",children:".inputWrapper.jsx-23438fce7df8e5d2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.inputWrapper.jsx-23438fce7df8e5d2 .wrapper{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.inputWrapper.jsx-23438fce7df8e5d2 input{border-left:0;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.inputWrapper.jsx-23438fce7df8e5d2 .countrySelectContainer.countrySelectContainer{padding:0}"})]})});M.displayName="PhoneInput"}}]);