https://kwiff.com/static/js/6078.9a5c0bee.chunk.js

1"use strict";(self.webpackChunkweb_app=self.webpackChunkweb_app||[]).push([[6078],{19152(e,t,o){o.r(t),o.d(t,{default:()=>G});var n=o(29011),r=o(9950),a=o(89288),i=o(38195),l=(o(445),o(56460)),c=o(89379),p=o(80045),d=o(11088),u=o(70006),s=o(14857),h=o(48738),m=o.n(h),g=o(9431),b=o(89173),C=o(11678),y=o(42285),w=o(35382),x=o(27730),f=o(84803);const k=o.p+"static/media/internationalIcon.bc2dc177b3677f80018b23bd7cce1f13.svg";var A=o(44414);const I=(0,n.Ay)("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:5,width:40,height:40})),v=(0,n.Ay)("img")(()=>({width:20,height:20})),S=e=>{let{countryCode:t}=e;return(0,A.jsx)(I,{children:t===C.mn?(0,A.jsx)(v,{src:k,alt:"",loading:"lazy"}):(0,A.jsx)(f.A,{countryCode:t,svg:!0,style:{width:"25px",height:"25px"}})})},M=["value","onChange"],P=(0,n.Ay)(u.A)(e=>{let{theme:t}=e;return{width:x.ry,height:x.IW,border:"1px solid",borderRadius:l.ax[5],color:t.palette.common.white,backgroundColor:t.palette.primary.main,fontSize:10,marginRight:t.spacing(x.i9),"&.wa-opened":{backgroundColor:t.palette.primaryShade.dark},"& .MuiSvgIcon-root":{color:t.palette.mainText.main,right:-3}}}),L=(0,n.Ay)(d.A)(e=>{let{theme:t}=e;return{width:"250px",minHeight:"35px",height:"35px",textAlign:"center",fontSize:"12px",backgroundColor:t.palette.grey[900],color:t.palette.common.white,"&:hover":{backgroundColor:t.palette.primary.light,color:t.palette.mainText.main},"&:focus":{backgroundColor:t.palette.grey[900],color:t.palette.common.white},"&.Mui-selected":{backgroundColor:t.palette.grey[900],borderLeft:"8px solid ".concat(t.palette.primary.main),paddingLeft:"".concat(t.spacing(1)," !important")},"&.Mui-selected:hover":{backgroundColor:t.palette.grey[900],borderLeft:"8px solid ".concat(t.palette.primary.main),color:t.palette.common.white,cursor:"default"}}}),j=e=>{let{value:t,onChange:o}=e,n=(0,p.A)(e,M);const a=(0,s.A)(),[i,l]=(0,r.useState)(!1),d=(0,r.useMemo)(()=>t||C.mn,[t]),u=(0,r.useMemo)(()=>(0,y.p)(),[]),h=(0,r.useMemo)(()=>(0,w.V)(),[]),x=(0,r.useCallback)(()=>l(!0),[]),f=(0,r.useCallback)(()=>l(!1),[]),k=(0,r.useCallback)(e=>{const t=e.target.value;t!==C.mn?o(t):o(void 0)},[o]),I=(0,r.useMemo)(()=>(0,g.X6)().filter(e=>u?!C.Bw.includes(e):h?C.W_.includes(e):C.Sn.includes(e)),[u,h]),v=(0,r.useCallback)(e=>()=>(0,A.jsx)(S,{countryCode:e}),[]);return(0,A.jsxs)(P,(0,c.A)((0,c.A)({},n),{},{variant:"standard",value:d,onChange:k,renderValue:v(d),onOpen:x,onClose:f,disableUnderline:!0,"data-testid":"phone-number-country-dropdown",className:m()({"wa-opened":i}),MenuProps:{PaperProps:{style:{backgroundColor:a.palette.grey[900]}},MenuListProps:{style:{maxHeight:250}},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},children:[u&&(0,A.jsx)(L,{value:C.mn,children:b.A[C.mn]},C.mn),I.map(e=>(0,A.jsx)(L,{value:e,children:b.A[e]},e))]}))},_=(0,n.Ay)(i.Ay)(e=>{let{theme:t}=e;return{"&.PhoneInput":{background:l.C3.LIGHT_GRADIENT_GLASS,borderRadius:t.spacing(1),padding:t.spacing(x.m9),border:"none"},"& .PhoneInputInput":{height:x.n3,fontSize:16,width:"100%",background:"transparent",border:"none",color:t.palette.appText.main,paddingLeft:t.spacing(.5)},"& .PhoneInputCountry":{backgroundColor:t.palette.primary.main,justifyContent:"center",width:44,borderRadius:5},"& .PhoneInputCountrySelectArrow":{color:"".concat(t.palette.common.white," !important"),opacity:"1 !important"},"& .PhoneInputCountryIcon":{color:"".concat(t.palette.common.white," !important")},"& .PhoneInputCountryIcon--border":{boxShadow:"none !important",border:"none !important"},"&.wa-v2-wrapper":{borderRadius:l.ax[8],background:l.C3.LIGHT_GRADIENT_GLASS,"& .MuiInputBase-formControl":{border:"unset"},"& .PhoneInputInput":{width:"100%",backgroundColor:"transparent",color:t.palette.common.white,height:48,fontSize:16,border:"unset",outline:"none"},"& .MuiInputBase-root":{background:l.C3.LIGHT_GRADIENT_GLASS,height:38,width:58,margin:t.spacing(0,.5)}}}}),G=e=>{let{location:t,phoneNumber:o,onChange:n,disabled:i,useV2Design:l}=e;const{formatMessage:c}=(0,a.A)(),p=(0,r.useCallback)(e=>{n(void 0!==e?String(e):"")},[n]);return(0,A.jsx)(_,{disabled:i,placeholder:c({id:"phone_number.header"}),numberInputProps:{"data-testid":"login-phone-input"},value:o,defaultCountry:t,onChange:p,countrySelectComponent:j,className:l?"wa-v2-wrapper":void 0})}}}]);