@tap-payments/os-micro-frontend-shared 0.3.191-test.4 → 0.3.191-test.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/_chunks/{chunk-34B5SOZX.js → chunk-7FIK3JHU.js} +1 -1
- package/build/_chunks/chunk-7LNZ4NVL.js +1 -0
- package/build/_chunks/chunk-BP2T7B7W.js +1 -0
- package/build/_chunks/chunk-L4ZZWQPN.js +1 -0
- package/build/_chunks/{chunk-SA2SXURC.js → chunk-WVVOEAW6.js} +2 -2
- package/build/_chunks/chunk-YDVNHIBD.js +15 -0
- package/build/components/AmountConversionFilter/index.js +1 -1
- package/build/components/AmountInput/index.js +1 -1
- package/build/components/AmountSlider/index.js +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/BrandLogo/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/CurrencyFilter/index.js +1 -1
- package/build/components/Customer/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/Discount/index.js +1 -1
- package/build/components/FileInputPreview/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/InputBase/index.d.ts +0 -1
- package/build/components/InputBase/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/MerchantCurrencyDropdown/index.js +1 -1
- package/build/components/MerchantLogo/index.js +1 -1
- package/build/components/MerchantsDropdown/index.js +1 -1
- package/build/components/PartnersFilter/index.js +1 -1
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/{InputBase/PhoneInputBase → PhoneInput}/CountriesList/CountriesList.d.ts +1 -1
- package/build/components/{InputBase/PhoneInputBase → PhoneInput}/CountriesList/style.d.ts +1 -1
- package/build/components/{InputBase/PhoneInputBase/PhoneInputBase.d.ts → PhoneInput/PhoneInput.d.ts} +4 -4
- package/build/components/PhoneInput/index.d.ts +3 -0
- package/build/components/PhoneInput/index.js +1 -0
- package/build/components/{InputBase/PhoneInputBase → PhoneInput}/style.d.ts +2 -2
- package/build/components/RFH/Inputs/index.d.ts +0 -1
- package/build/components/RFH/index.js +1 -1
- package/build/components/RHFPhoneInput/RHFPhoneInput.d.ts +11 -0
- package/build/components/RHFPhoneInput/index.d.ts +3 -0
- package/build/components/RHFPhoneInput/index.js +1 -0
- package/build/components/ReceiptsViewer/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/TableReports/index.js +1 -1
- package/build/components/TreeDropdown/index.js +1 -1
- package/build/components/VAT/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/WindowSideBar/index.js +1 -1
- package/build/components/index.d.ts +2 -0
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +2 -2
- package/build/_chunks/chunk-E6TL32ZE.js +0 -15
- package/build/_chunks/chunk-S5BNHR6O.js +0 -1
- package/build/components/InputBase/PhoneInputBase/index.d.ts +0 -3
- package/build/components/RFH/Inputs/PhoneInput/PhoneInput.d.ts +0 -11
- package/build/components/RFH/Inputs/PhoneInput/index.d.ts +0 -2
- /package/build/components/{InputBase/PhoneInputBase → PhoneInput}/CountriesList/index.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import {a}from'./chunk-4QONVXGE.js';import {aa,L,ba}from'./chunk-YMM2A5BP.js';import {yc,Ac}from'./chunk-PLMJIRXJ.js';import {Pc,Cb,A}from'./chunk-YKKS24ES.js';import ft,{forwardRef,memo,useId,useState,useCallback,useMemo,useEffect}from'react';import Ee from'@mui/material/Box';import yt from'@mui/material/InputLabel';import ht from'@mui/material/MenuItem';import at from'@mui/material/SvgIcon';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import dt from'@mui/material/IconButton';import st from'@mui/material/CircularProgress';import mt from'@mui/material/FormControl';import Re from'@mui/material/Select';import {styled}from'@mui/material/styles';import Tt from'@mui/material/InputAdornment';import At from'@mui/material/Skeleton';import {styled as styled$1,Popper,Box,ClickAwayListener}from'@mui/material';var ve=forwardRef((e,o)=>jsx(at,{ref:o,viewBox:"0 0 8 8",fontSize:"small",...e,children:jsx("path",{d:"M6.63965 0.102539C6.75727 0.0997602 6.87304 0.133137 6.97168 0.197266C7.07023 0.261345 7.14718 0.353407 7.19238 0.461914C7.23757 0.570522 7.24961 0.690513 7.22559 0.805664C7.20154 0.920834 7.1425 1.02595 7.05762 1.10742L7.05664 1.10938L4.56738 3.59766L4.49512 3.66992L7.05762 6.23242C7.11359 6.28617 7.15865 6.35066 7.18945 6.42188C7.22023 6.49308 7.23648 6.5699 7.2373 6.64746C7.23809 6.72499 7.22359 6.80223 7.19434 6.87402C7.16499 6.9459 7.1213 7.0115 7.06641 7.06641C7.01149 7.12132 6.94592 7.16498 6.87402 7.19434C6.8022 7.22362 6.72502 7.23809 6.64746 7.2373C6.56987 7.23649 6.4931 7.22024 6.42188 7.18945C6.35064 7.15865 6.28618 7.1136 6.23242 7.05762L6.23145 7.05664L3.74219 4.56836L3.66992 4.49512L3.59766 4.56836L1.1084 7.05664L1.10742 7.05762C1.05365 7.11362 0.989227 7.15864 0.917969 7.18945C0.846721 7.22025 0.769997 7.2365 0.692383 7.2373C0.614798 7.23809 0.537661 7.22364 0.46582 7.19434C0.393921 7.16498 0.328351 7.12132 0.273438 7.06641C0.218559 7.01151 0.174849 6.94589 0.145508 6.87402C0.116258 6.80223 0.101751 6.72498 0.102539 6.64746C0.103364 6.5699 0.119618 6.49308 0.150391 6.42188C0.181198 6.35065 0.226245 6.28617 0.282227 6.23242L2.84473 3.66992L2.77246 3.59766L0.283203 1.10938L0.282227 1.1084L0.224609 1.04297C0.172384 0.974382 0.136093 0.894624 0.118164 0.80957C0.0942576 0.695891 0.104774 0.577375 0.148438 0.469727C0.192107 0.362124 0.266971 0.269962 0.363281 0.205078C0.459591 0.140238 0.573348 0.105497 0.689453 0.105469C0.767281 0.105527 0.844313 0.121103 0.916016 0.151367C0.987801 0.181723 1.05308 0.226359 1.10742 0.282227L3.66992 2.84473L6.23242 0.282227C6.33914 0.171037 6.48558 0.106239 6.63965 0.102539Z",fill:"#20232B",stroke:"white",strokeWidth:.20511})}));ve.displayName="DefaultClearIcon";var H=ve;var Pe=forwardRef((e,o)=>jsx(at,{ref:o,viewBox:"0 0 8 5",fill:"none",fontSize:"small",sx:{width:8,height:5},...e,children:jsx("path",{d:"M7.30273 0.117188C7.3806 0.115307 7.4565 0.138248 7.52051 0.182617C7.58455 0.227088 7.63373 0.290458 7.66211 0.363281C7.69046 0.436073 7.69761 0.516047 7.68262 0.592773C7.66777 0.668745 7.63069 0.738375 7.57715 0.793945L4.17285 4.43164C4.10255 4.50662 4.00523 4.55078 3.90234 4.55078C3.79964 4.55064 3.703 4.5065 3.63281 4.43164L0.227539 0.794922L0.228516 0.793945C0.175799 0.738766 0.139848 0.669812 0.125 0.594727C0.11011 0.519097 0.116275 0.440194 0.143555 0.368164C0.170957 0.296002 0.218752 0.232474 0.28125 0.1875C0.343758 0.14262 0.418162 0.11821 0.495117 0.118164C0.546901 0.118166 0.598306 0.12907 0.645508 0.150391C0.691832 0.171346 0.733094 0.201824 0.767578 0.239258L3.90234 3.58691L7.03711 0.239258C7.10547 0.164191 7.20108 0.119752 7.30273 0.117188Z",fill:"#20232B",stroke:"#20232B",strokeWidth:.233333})}));Pe.displayName="DefaultSelectIcon";var Fe=Pe;function Ce({size:e=20,color:o="grey.A400",...a}){return jsx(st,{size:e,sx:{backgroundColor:"transparent",color:o},...a})}function G({endAdornmentProp:e,isLoading:o,showClear:a,showMenuArrow:i,menuOpen:x,IconComponent:c,ClearIconComponent:m=H,onClear:p,onClearDefault:l}){return !(e||a||o||i)?null:jsxs(Ee,{className:"SelectBase-endAdornmentRoot",component:"span",children:[e,o?jsx(Ce,{}):null,!o&&a?jsx(dt,{className:"SelectBase-clearIconButton",type:"button",tabIndex:0,size:"small","aria-label":"Clear selection",onMouseDown:r=>{r.preventDefault(),r.stopPropagation();},onClick:r=>{r.preventDefault(),r.stopPropagation(),p?p():l();},sx:r=>({p:"1px",flexShrink:0,cursor:"pointer",color:"inherit",backgroundColor:"transparent",...c?{mr:2}:{},"&:hover":{backgroundColor:r.palette.action.hover},"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:1}}),children:jsx(m,{sx:{fontSize:8,width:8,height:8}})}):null,!o&&i&&!c&&jsx(Ee,{component:"span",className:`SelectBase-menuTriggerIcon${x?" SelectBase-menuTriggerIcon-open":""}`,"aria-hidden":true,children:jsx(Fe,{})})]})}function te(e,o){if(e==null)return false;if(Array.isArray(e))return e.length>0;if(typeof e=="object"){if(o){let i=o(e);return i!=null&&i!==""}let a=e.id;return a!=null&&a!==""}return String(e)!==""}var oe=styled(mt)(({theme:e})=>({minWidth:52,height:"40px !important",maxHeight:"40px !important",backgroundColor:"transparent",width:"100%",cursor:"pointer","& .MuiInputBase-root":{cursor:"pointer"},"& .MuiInputBase-root.Mui-disabled":{cursor:"default"},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,height:"100%",pointerEvents:"none"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));styled(Re)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"4px",boxShadow:e.shadows[17],border:"none",outline:"none","&:focus":{border:"1px solid #1F88D0"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"rgba(0, 0, 0, 0.23)"},"&.Mui-focused fieldset":{border:"2px solid red"}},minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));var re=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),ne=styled(Re,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,error:o,feedbackType:a,hasFeedback:i})=>{let{borderColor:x}=aa(e,a),c=i?"4px 4px 0 0":"4px";return {width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:c,overflow:"hidden",backgroundColor:e.palette.grey[400],"&.Mui-disabled":{backgroundColor:e.palette.grey[400]},".MuiSelect-select":{padding:"0 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important",backgroundColor:`${e.palette.grey[400]} !important`,borderRadius:c,fontSize:"11px",cursor:"pointer","&:focus":{backgroundColor:`${e.palette.grey[400]} !important`}},"&.Mui-disabled .MuiSelect-select":{cursor:"default"},".MuiSelect-filled":{padding:"0 8px !important"},"&.MuiInputBase-adornedEnd":{display:"inline-flex",alignItems:"center",backgroundColor:e.palette.grey[400],gap:0},"&&.MuiInputBase-adornedEnd .MuiInputBase-input":{flex:"1 1 0%",minWidth:0,width:"auto",maxWidth:"100%"},"& .SelectBase-endAdornmentRoot":{display:"flex",alignItems:"center",flexShrink:0,gap:"8px",position:"relative",zIndex:1},"& .SelectBase-menuTriggerIcon":{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"inherit",lineHeight:0,"& svg, & .MuiSvgIcon-root":{transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})}},"& .SelectBase-menuTriggerIcon-open svg, & .SelectBase-menuTriggerIcon-open .MuiSvgIcon-root":{transform:"rotate(180deg)"},"&.Mui-disabled .MuiSelect-icon":{color:"rgba(0, 0, 0, 0.38)"},"&.Mui-disabled .SelectBase-menuTriggerIcon":{cursor:"default",color:"rgba(0, 0, 0, 0.38)","& svg path":{fill:"rgba(0, 0, 0, 0.38)",stroke:"rgba(0, 0, 0, 0.38)"}},...a&&{border:`1px solid ${x}`},...i&&{borderBottom:"none"},...o&&{border:`1px solid ${e.palette.error.main}`}}}),ae=styled(Ee)(()=>({display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1,cursor:"pointer","&:has(.MuiInputBase-root.Mui-disabled)":{cursor:"default"}}));function xt(e,o){let{menuSearchable:a,menuSearchPlaceholder:i,...x}=e,{required:c,hasError:m,label:p,value:l,helperText:S,feedback:r,onChange:y,options:L,isOptionEqualToValue:I,renderOption:f,getOptionValue:g,isLoading:h,children:k,getOptionLabel:B,IconComponent:s,showClearIcon:d=false,ClearIconComponent:P=H,onClear:v,endAdornment:K,inputProps:de,open:z,onOpen:J,onClose:Q,menuHasSelectedCheckMark:ce=false,...$}=x,ue=yc(useId(),"select-base"),[me,fe]=useState(false),O=z??me,F=useCallback((t,V)=>{V?J?.(t):Q?.(t),z===void 0&&fe(V);},[J,Q,z]),ge=t=>{y?.(t);},ye=()=>l==null?"":f?f(l):B?B(l):l?.label??"",X="";l!=null&&(X=(g?g(l):l?.id)??"");let _=!!($.disabled||h),Y=d&&te(l,g)&&!_,n=jsx(G,{endAdornmentProp:K,isLoading:!!h,showClear:Y,showMenuArrow:!h,menuOpen:O,IconComponent:s,ClearIconComponent:P,onClear:v,onClearDefault:()=>y?.(null)}),{isProvided:u,isVisible:M,type:C}=Ac(r);return jsxs(ae,{onMouseDown:t=>{t.button===0&&(t.target.closest('.MuiSelect-select[role="combobox"]')||t.target.closest(".SelectBase-clearIconButton")||_||(t.preventDefault(),t.stopPropagation(),F(t,!O)));},onClick:t=>{t.target.closest('.MuiSelect-select[role="combobox"]')||t.target.closest(".SelectBase-clearIconButton")||(t.preventDefault(),t.stopPropagation());},children:[jsxs(oe,{id:ue,variant:"filled","data-testid":"SelectBase",required:c,children:[jsx(yt,{id:`select-label-${p.trim()}`,"data-testid":"SelectBase_InputLabel",children:p}),jsx(ne,{"data-testid":"SelectBase_Select",ref:o,value:X,error:m&&!M,feedbackType:C,hasFeedback:M,disableUnderline:true,required:c,labelId:`select-label-${p.trim()}`,id:`select-label-${p.trim()}`,renderValue:ye,...$,open:O,onOpen:t=>F(t,true),onClose:t=>F(t,false),inputProps:de,disabled:_,IconComponent:s??(()=>null),endAdornment:n,children:k||L?.map(t=>{let V=I?I(t,l):t?.id===l?.id,ot=(g?g(t):t?.id)??t?.label??"select-base-item";return jsxs(ht,{disabled:!!t.disabled,value:(g?g(t):t?.id)??"",onClick:()=>{ge(t);},sx:{fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:1,backgroundColor:xe=>V?xe.palette.action.hover:xe.palette.common.white},children:[jsx(Ee,{component:"span",sx:{flex:1,minWidth:0},children:f?f(t):t.label}),ce&&V?jsx(Ee,{component:"img",src:Pc,alt:"",sx:{width:10,height:7.5,flexShrink:0}}):null]},`select-base-item-${ot}`)})})]}),u?jsx(ba,{...r}):jsx(re,{children:S})]})}var Ae=ft.forwardRef(xt);function wt({required:e,hasError:o,label:a,value:i,helperText:x,feedback:c,onChange:m,options:p,isOptionEqualToValue:l,renderOption:S,getOptionValue:r,isLoading:y,children:L,getOptionLabel:I,IconComponent:f,showClearIcon:g=false,ClearIconComponent:h=H,onClear:k,endAdornment:B,inputProps:s,open:d,onOpen:P,onClose:v,...K},de){let[z,J]=useState(false),Q=yc(useId(),"select-base-multiple"),ce=d??z,$=useCallback((n,u)=>{u?P?.(n):v?.(n),d===void 0&&J(u);},[P,v,d]),ue=n=>{m?.(n);},me=()=>{let n=i?.filter(u=>u!=null)??[];return r?n.map(r):n.map(u=>u?.id)},fe=useMemo(()=>p?.filter(n=>i?.some(u=>{if(u==null)return false;if(l)return l(n,u);if(r){let E=r(n),R=r(u);return E===R||String(E)===String(R)}let M=n?.id,C=u?.id;return M===C||String(M)===String(C)})),[p,i,l,r]),O=()=>fe?.map(n=>I?I(n):n.label)?.join(", "),F=!!(K.disabled||y),ge=g&&te(i,r)&&!F,X=jsx(G,{endAdornmentProp:B,isLoading:!!y,showClear:ge,showMenuArrow:!y,menuOpen:ce,IconComponent:f,ClearIconComponent:h,onClear:k,onClearDefault:()=>m?.([])}),{isProvided:_,isVisible:Y,type:he}=Ac(c);return jsxs(ae,{children:[jsxs(oe,{id:Q,variant:"filled","data-testid":"SelectBase",required:e,children:[jsx(yt,{id:`select-label-${a.trim()}`,"data-testid":"SelectBase_InputLabel",children:a}),jsx(ne,{multiple:true,"data-testid":"SelectBase_Select",ref:de,value:me()??"",error:o&&!Y,feedbackType:he,hasFeedback:Y,disableUnderline:true,required:e,labelId:`select-label-${a.trim()}`,id:`select-label-${a.trim()}`,renderValue:O,...K,open:d,onOpen:n=>$(n,true),onClose:n=>$(n,false),inputProps:s,disabled:F,IconComponent:f??(()=>null),endAdornment:X,onChange:n=>{let M=n.target.value?.map(C=>p?.find(E=>{if(r){let t=r(E);return t===C||String(t)===String(C)}let R=E?.id;return R===C||String(R)===String(C)}));m?.(M?.filter(C=>C!=null)??[]);},children:L||p?.map((n,u)=>{let M=l?l(n,i):n?.id===i?.id;return jsx(ht,{value:(r?r(n):n?.id)??"",onClick:()=>{ue(n);},sx:{fontSize:"12px",backgroundColor:C=>M?C.palette.action.hover:C.palette.common.white},children:S?S(n):n.label},`select-base-multiple-item-${u}`)})})]}),_?jsx(ba,{...c}):jsx(re,{children:x})]})}var He=ft.forwardRef(wt);var Pt=Ae;var De=styled$1("button")(({theme:e,disabled:o})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:o?"default":"pointer",opacity:o?.5:1})),Ne=styled$1(Popper)(({theme:e})=>({zIndex:9999,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),ze=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),$e=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),Oe=styled$1(L)(()=>({flexGrow:1,maxWidth:"100%",height:24,padding:"4px",marginBottom:"4px"})),_e=styled$1(Box)(()=>({color:"red !important"}));function Ue({isLoading:e,countries:o,value:a$1,onCountryChange:i,required:x,disabled:c}){let[m,p]=useState(),[l,S]=useState(null),[r,y]=useState([]),[L,I]=useState(""),f=!!l&&!c,g=s=>{s.stopPropagation(),S(s.currentTarget);},h=()=>{S(null);},k=s=>{i?.(s),p(s),h(),y(o);},B=s=>{let d=s.target.value.toString()??"";if(I(d),!d){y(o);return}let P=o.filter(v=>v.idd_prefix.toString().startsWith(d)||v.iso2.toLowerCase().startsWith(d.toLowerCase()));y(P);};return useEffect(()=>{a$1&&p(a$1);},[a$1?.countryId]),useEffect(()=>{o.length&&y(o);},[o.length]),jsxs(Ee,{"data-testid":"CountriesList",sx:{position:"relative"},children:[jsx(De,{type:"button","aria-describedby":"CountriesList_CountriesWrapper",onClick:g,disabled:e||c,sx:{backgroundColor:"transparent",border:"none",height:34,paddingInlineStart:"8px"},children:e?jsx(At,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[m&&jsxs(Fragment,{children:[jsx("img",{src:m.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${m?.idd_prefix}`})]}),x&&jsx(_e,{component:"span",children:"*"}),jsx(Ee,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...f&&{transform:"rotate(180deg)"}}})]})}),f&&jsx(a,{onClick:h,sx:{zIndex:9999}}),f&&jsx(ClickAwayListener,{onClickAway:h,children:jsxs(Ne,{id:"CountriesList_CountriesWrapper",open:f,anchorEl:l,"data-testid":"CountriesList_CountriesWrapper",placement:"bottom-start",children:[jsx(Oe,{type:"number",endAdornment:jsx(Tt,{position:"end",children:jsx("img",{src:A,alt:"arrow"})}),onChange:B,hideArrows:true,disableFocusRing:true,"data-testid":"CountriesList_InputStyled",value:L}),jsx(ze,{"data-testid":"CountriesList_CountriesListStyled",children:r.map(s=>{let d=m?.countryId===s.countryId;return jsxs($e,{onClick:()=>{k(s);},sx:{backgroundColor:d?"#F9F9F9":"transparent",color:d?"#000":"#8D8D94"},children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${s.idd_prefix}`})]},`country-code-${s.countryId}`)})})]})})]})}Ue.displayName="CountriesList";var Ze=memo(Ue);var ie=Ze;var Je=styled(Ee,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,feedbackType:o,hasFeedback:a})=>{let{borderColor:i}=aa(e,o);return {border:`1px solid ${o?i:e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",paddingInlineStart:"0px",alignItems:"center",borderRadius:a?"4px 4px 0 0":"4px",borderBottom:a?"none":void 0,height:"40px"}}),Qe=styled(L)(({error:e})=>({flexGrow:1,maxWidth:"100%",border:"none",paddingInlineEnd:0,img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}})),Xe=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),Ye=styled(Ee)(()=>({flex:1}));function et({phoneValue:e,hasError:o,countries:a,isCountriesLoading:i,countryValue:x,onCountryChange:c,onPhoneChange:m,helperText:p,required:l,disabled:S,feedback:r,...y},L){let I=d=>{m?.(d.target.value);},f=d=>{c?.(d);},g=r?.message??p,{isProvided:h,isVisible:k,type:B}=Ac(r,{message:g}),s=yc(useId(),"phone-input-base");return jsxs(Ye,{id:s,"data-testid":"PhoneInput",children:[jsxs(Je,{"data-testid":"PhoneInput_MobileWrapper",feedbackType:B,hasFeedback:k,children:[jsx(ie,{isLoading:i,countries:a,value:x,onCountryChange:f,required:l,disabled:S}),jsx(Qe,{type:"number",value:e,"data-testid":"PhoneInput_InputNumberStyled",ref:L,disableFocusRing:true,inputProps:{autoComplete:"off"},error:o&&!h,disabled:S,...y,onChange:I,hideArrows:true})]}),jsx(ba,{type:r?.type,message:g,icon:r?.icon}),!k&&!h?jsx(Xe,{children:p}):null]})}et.displayName="PhoneInputBase";var tt=ft.forwardRef(et);var Nt=tt;export{H as a,re as b,ae as c,He as d,Pt as e,ie as f,Nt as g};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { PhoneInputBaseProps } from '../../../InputBase/PhoneInputBase/PhoneInputBase';
|
|
3
|
-
export interface PhoneInputProps extends Omit<PhoneInputBaseProps, 'name' | 'hasError' | 'onChangeCountry'> {
|
|
4
|
-
countryName: string;
|
|
5
|
-
phoneName: string;
|
|
6
|
-
}
|
|
7
|
-
declare function PhoneInput({ phoneName, countries, countryName, helperText, isCountriesLoading, disabled, feedback, ...props }: Readonly<PhoneInputProps>): import("react").JSX.Element;
|
|
8
|
-
declare namespace PhoneInput {
|
|
9
|
-
var displayName: string;
|
|
10
|
-
}
|
|
11
|
-
export default PhoneInput;
|
|
File without changes
|