@tap-payments/os-micro-frontend-shared 0.3.232 → 0.3.234

package/build/_chunks/{chunk-DSCMG7LA.js → chunk-NWLLDTBY.js}

@@ -1 +1 @@
-import {b}from'./chunk-SU7ER6UI.js';import {L,aa}from'./chunk-33NPK7L4.js';import {a}from'./chunk-BGHXV64M.js';import {Bc}from'./chunk-JG25IYWT.js';import {Cb,A}from'./chunk-YGH3HP53.js';import ne,{memo,useState,useEffect}from'react';import P from'@mui/material/Box';import te from'@mui/material/InputAdornment';import oe from'@mui/material/Skeleton';import {styled,Popper,Box,ClickAwayListener}from'@mui/material';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {styled as styled$1}from'@mui/material/styles';var N=styled("button")(({theme:e,disabled:o})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"12px",borderRadius:"3px"},".arrow":{width:14,alignSelf:""},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px",borderRadius:"2px"},cursor:o?"default":"pointer",opacity:o?.5:1,paddingTop:0,backgroundColor:"transparent",border:"none",paddingInlineStart:0,minWidth:70,marginTop:1})),_=styled(Popper)(({theme:e})=>({zIndex:9999,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),H=styled("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),q=styled("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"})),z=styled(L)(()=>({flexGrow:1,maxWidth:"100%",height:24,padding:"4px",marginBottom:"4px"})),D=styled(Box)(()=>({color:"red !important"}));function G({isLoading:e,countries:o,value:n,onCountryChange:l,required:b,disabled:f}){let[s,C]=useState(),[u,g]=useState(null),[y,i]=useState([]),[I,S]=useState(""),a$1=!!u&&!f,w=t=>{t.stopPropagation(),g(t.currentTarget);},m=()=>{g(null);},L=t=>{l?.(t),C(t),m(),i(o);},k=t=>{let p=t.target.value.toString()??"";if(S(p),!p){i(o);return}let Y=o.filter(F=>F.idd_prefix.toString().startsWith(p)||F.iso2.toLowerCase().startsWith(p.toLowerCase()));i(Y);};return useEffect(()=>{n&&C(n);},[n?.countryId]),useEffect(()=>{o.length&&i(o);},[o.length]),jsxs(P,{"data-testid":"CountriesList",sx:{position:"relative"},children:[jsx(N,{type:"button","aria-describedby":"CountriesList_CountriesWrapper",onClick:w,disabled:e||f,children:e?jsx(oe,{variant:"rectangular",width:56.5,height:15,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx(P,{component:"span",flex:1,children:`+${s?.idd_prefix}`})]}),b&&jsx(D,{component:"span",children:"*"}),jsx(P,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...a$1&&{transform:"rotate(180deg)"}}})]})}),a$1&&jsx(a,{onClick:m,sx:{zIndex:9999}}),a$1&&jsx(ClickAwayListener,{onClickAway:m,children:jsxs(_,{id:"CountriesList_CountriesWrapper",open:a$1,anchorEl:u,"data-testid":"CountriesList_CountriesWrapper",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-8,6]}}],children:[jsx(z,{type:"number",endAdornment:jsx(te,{position:"end",children:jsx("img",{src:A,alt:"arrow"})}),onChange:k,hideArrows:true,disableFocusRing:true,"data-testid":"CountriesList_InputStyled",value:I}),jsx(H,{"data-testid":"CountriesList_CountriesListStyled",children:y.map(t=>{let p=s?.countryId===t.countryId;return jsxs(q,{onClick:()=>{L(t);},sx:{backgroundColor:p?"#F9F9F9":"transparent",color:p?"#000":"#8D8D94"},children:[jsx("img",{src:t.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${t.idd_prefix}`})]},`country-code-${t.countryId}`)})})]})})]})}G.displayName="CountriesList";var V=memo(G);var v=V;styled$1(P,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,feedbackType:o,hasFeedback:n})=>{let{borderColor:l}=aa(e,o);return {border:`1px solid ${o?l:e.palette.divider}`,display:"flex",position:"relative",alignItems:"center",borderRadius:n?"4px 4px 0 0":"4px",borderBottom:n?"none":void 0}});var K=styled$1(b)({flexGrow:1,maxWidth:"100%",paddingInlineEnd:0,img:{cursor:"pointer"}});styled$1("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));styled$1(P)(()=>({flex:1}));function U({phoneValue:e,error:o,hasError:n,countries:l,isCountriesLoading:b,countryValue:f,onCountryChange:s,onPhoneChange:C,helperText:u,required:g,disabled:y,feedback:i,id:I="PhoneInput",...S},a){let w=t=>{s?.(t);},m=i?.message??u,{isProvided:L}=Bc(i,{message:m});return jsx(K,{id:I,type:"number",value:e,"data-testid":"PhoneInput",ref:a,disableFocusRing:true,inputProps:{autoComplete:"off"},error:(o??n??false)&&!L,disabled:y,feedback:i,helperText:u,startAdornment:jsx(v,{isLoading:b,countries:l,value:f,onCountryChange:w,required:g,disabled:y}),...S,onChange:C,hideArrows:true})}U.displayName="PhoneInput";var X=ne.forwardRef(U);export{v as a,X as b};
+import {b}from'./chunk-OTVBJARD.js';import {L,aa}from'./chunk-YFFUFJLA.js';import {a}from'./chunk-KBD5ZHSX.js';import {Bc}from'./chunk-MZMXF4IE.js';import {Cb,A}from'./chunk-GCJPCGH3.js';import ne,{memo,useState,useEffect}from'react';import P from'@mui/material/Box';import te from'@mui/material/InputAdornment';import oe from'@mui/material/Skeleton';import {styled,Popper,Box,ClickAwayListener}from'@mui/material';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {styled as styled$1}from'@mui/material/styles';var N=styled("button")(({theme:e,disabled:o})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"12px",borderRadius:"3px"},".arrow":{width:14,alignSelf:""},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px",borderRadius:"2px"},cursor:o?"default":"pointer",opacity:o?.5:1,paddingTop:0,backgroundColor:"transparent",border:"none",paddingInlineStart:0,minWidth:70,marginTop:1})),_=styled(Popper)(({theme:e})=>({zIndex:9999,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),H=styled("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),q=styled("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"})),z=styled(L)(()=>({flexGrow:1,maxWidth:"100%",height:24,padding:"4px",marginBottom:"4px"})),D=styled(Box)(()=>({color:"red !important"}));function G({isLoading:e,countries:o,value:n,onCountryChange:l,required:b,disabled:f}){let[s,C]=useState(),[u,g]=useState(null),[y,i]=useState([]),[I,S]=useState(""),a$1=!!u&&!f,w=t=>{t.stopPropagation(),g(t.currentTarget);},m=()=>{g(null);},L=t=>{l?.(t),C(t),m(),i(o);},k=t=>{let p=t.target.value.toString()??"";if(S(p),!p){i(o);return}let Y=o.filter(F=>F.idd_prefix.toString().startsWith(p)||F.iso2.toLowerCase().startsWith(p.toLowerCase()));i(Y);};return useEffect(()=>{n&&C(n);},[n?.countryId]),useEffect(()=>{o.length&&i(o);},[o.length]),jsxs(P,{"data-testid":"CountriesList",sx:{position:"relative"},children:[jsx(N,{type:"button","aria-describedby":"CountriesList_CountriesWrapper",onClick:w,disabled:e||f,children:e?jsx(oe,{variant:"rectangular",width:56.5,height:15,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx(P,{component:"span",flex:1,children:`+${s?.idd_prefix}`})]}),b&&jsx(D,{component:"span",children:"*"}),jsx(P,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...a$1&&{transform:"rotate(180deg)"}}})]})}),a$1&&jsx(a,{onClick:m,sx:{zIndex:9999}}),a$1&&jsx(ClickAwayListener,{onClickAway:m,children:jsxs(_,{id:"CountriesList_CountriesWrapper",open:a$1,anchorEl:u,"data-testid":"CountriesList_CountriesWrapper",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-8,6]}}],children:[jsx(z,{type:"number",endAdornment:jsx(te,{position:"end",children:jsx("img",{src:A,alt:"arrow"})}),onChange:k,hideArrows:true,disableFocusRing:true,"data-testid":"CountriesList_InputStyled",value:I}),jsx(H,{"data-testid":"CountriesList_CountriesListStyled",children:y.map(t=>{let p=s?.countryId===t.countryId;return jsxs(q,{onClick:()=>{L(t);},sx:{backgroundColor:p?"#F9F9F9":"transparent",color:p?"#000":"#8D8D94"},children:[jsx("img",{src:t.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${t.idd_prefix}`})]},`country-code-${t.countryId}`)})})]})})]})}G.displayName="CountriesList";var V=memo(G);var v=V;styled$1(P,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,feedbackType:o,hasFeedback:n})=>{let{borderColor:l}=aa(e,o);return {border:`1px solid ${o?l:e.palette.divider}`,display:"flex",position:"relative",alignItems:"center",borderRadius:n?"4px 4px 0 0":"4px",borderBottom:n?"none":void 0}});var K=styled$1(b)({flexGrow:1,maxWidth:"100%",paddingInlineEnd:0,img:{cursor:"pointer"}});styled$1("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));styled$1(P)(()=>({flex:1}));function U({phoneValue:e,error:o,hasError:n,countries:l,isCountriesLoading:b,countryValue:f,onCountryChange:s,onPhoneChange:C,helperText:u,required:g,disabled:y,feedback:i,id:I="PhoneInput",...S},a){let w=t=>{s?.(t);},m=i?.message??u,{isProvided:L}=Bc(i,{message:m});return jsx(K,{id:I,type:"number",value:e,"data-testid":"PhoneInput",ref:a,disableFocusRing:true,inputProps:{autoComplete:"off"},error:(o??n??false)&&!L,disabled:y,feedback:i,helperText:u,startAdornment:jsx(v,{isLoading:b,countries:l,value:f,onCountryChange:w,required:g,disabled:y}),...S,onChange:C,hideArrows:true})}U.displayName="PhoneInput";var X=ne.forwardRef(U);export{v as a,X as b};

package/build/_chunks/{chunk-P3FFXZOI.js → chunk-OOCQKRLE.js}

@@ -1 +1 @@
-import {r,p as p$1}from'./chunk-33NPK7L4.js';import {zc}from'./chunk-JG25IYWT.js';import {useId,Fragment}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),L=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function x({xAxis:e,yAxis:t,series:n,isLoading:s,tooltip:l}){let c=zc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:c,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx(L,{}),d.map((r,i)=>jsx(g,{children:e.render?e.render(r):r},`x-${i}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r$1,i)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r$1):r$1},`y-${i}-${r$1}`),d.map((m,h)=>{if(s)return jsx(r,{variant:"rectangular",width:"24px",height:"8px"},`${m}-${h}`);let f=n?.[m]?.[r$1]??{};return jsx(p$1,{title:l?.render&&f?.value?l.render(f,m,r$1):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${m}-${h}`)})]},`y-${i}-${r$1}`))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let s=n-t,l=(e-t)/s,c=Math.floor(l*10);return H[Math.max(0,Math.min(10,c))]}var j=x;export{D as a,j as b};
+import {r,p as p$1}from'./chunk-YFFUFJLA.js';import {zc}from'./chunk-MZMXF4IE.js';import {useId,Fragment}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),L=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function x({xAxis:e,yAxis:t,series:n,isLoading:s,tooltip:l}){let c=zc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:c,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx(L,{}),d.map((r,i)=>jsx(g,{children:e.render?e.render(r):r},`x-${i}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r$1,i)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r$1):r$1},`y-${i}-${r$1}`),d.map((m,h)=>{if(s)return jsx(r,{variant:"rectangular",width:"24px",height:"8px"},`${m}-${h}`);let f=n?.[m]?.[r$1]??{};return jsx(p$1,{title:l?.render&&f?.value?l.render(f,m,r$1):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${m}-${h}`)})]},`y-${i}-${r$1}`))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let s=n-t,l=(e-t)/s,c=Math.floor(l*10);return H[Math.max(0,Math.min(10,c))]}var j=x;export{D as a,j as b};

package/build/_chunks/{chunk-SU7ER6UI.js → chunk-OTVBJARD.js}

@@ -1 +1 @@
-import {L,ba,aa}from'./chunk-33NPK7L4.js';import {zc,Bc,kc,lc,Ya}from'./chunk-JG25IYWT.js';import {forwardRef,useId,memo}from'react';import ee from'@mui/material/Box';import {styled,alpha,useTheme}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var n="os-shared-TextInput",s={root:`${n}-root`,field:`${n}-field`,label:`${n}-label`,input:`${n}-input`,helperText:`${n}-helperText`};var h=styled(ee)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%"}));function S(e,t){let{borderColor:o}=aa(e,t),r=e.v2.radius(4);return {borderColor:o,borderBottom:"none",borderRadius:`${r} ${r} 0 0`,"&:focus-within":{borderColor:o,boxShadow:"none"}}}var g=styled("small",{shouldForwardProp:e=>e!=="$error"})(({theme:e,$error:t})=>({color:t?e.palette.error.main:alpha(e.v2.palette.base.black,.6),fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));function C(e,t){let o=typeof e=="string"&&Ya(e)?e:void 0;return {resolvedLabel:o??t??void 0,resolvedPlaceholder:o&&typeof t=="string"?t:void 0}}var P=forwardRef(({onChange:e,error:t=false,helperText:o,feedback:r,label:i,placeholder:v,disabled:F,fullWidth:$=true,startAdornment:k,endAdornment:L$1,readOnly:w,inputProps:A,InputProps:E,InputLabelProps:ae,className:H,sx:B,id:l="TextInput",...R},W)=>{let O=useTheme(),D=zc(useId(),"text-input"),M=Z=>{e?.(Z.target.value??"");},{isProvided:a,isVisible:V,type:z}=Bc(r),{resolvedLabel:_,resolvedPlaceholder:j}=C(i,v),m=!!t&&!a,{sx:q,startAdornment:G,endAdornment:J,readOnly:K,inputProps:Q,disabled:U}=E??{},X=V?S(O,z):{},Y=kc(kc(X,q),B);return jsxs(ee,{className:s.root,children:[jsx(h,{id:D,"data-testid":"TextInput",children:jsx(L,{id:l,...R,ref:W,label:_,placeholder:j,disabled:F??U,fullWidth:$,error:m,startAdornment:k??G,endAdornment:L$1??J,readOnly:w??K,inputProps:{...Q,...A},onChange:M,className:lc(s.field,H),sx:Y})}),a?jsx(ba,{...r}):null,!a&&o?jsx(g,{className:s.helperText,id:l?`${l}-helper-text`:void 0,$error:m,children:o}):null]})});P.displayName="TextInput";var N=memo(P);export{s as a,N as b};
+import {L,ba,aa}from'./chunk-YFFUFJLA.js';import {zc,Bc,kc,lc,Ya}from'./chunk-MZMXF4IE.js';import {forwardRef,useId,memo}from'react';import ee from'@mui/material/Box';import {styled,alpha,useTheme}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var n="os-shared-TextInput",s={root:`${n}-root`,field:`${n}-field`,label:`${n}-label`,input:`${n}-input`,helperText:`${n}-helperText`};var h=styled(ee)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%"}));function S(e,t){let{borderColor:o}=aa(e,t),r=e.v2.radius(4);return {borderColor:o,borderBottom:"none",borderRadius:`${r} ${r} 0 0`,"&:focus-within":{borderColor:o,boxShadow:"none"}}}var g=styled("small",{shouldForwardProp:e=>e!=="$error"})(({theme:e,$error:t})=>({color:t?e.palette.error.main:alpha(e.v2.palette.base.black,.6),fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));function C(e,t){let o=typeof e=="string"&&Ya(e)?e:void 0;return {resolvedLabel:o??t??void 0,resolvedPlaceholder:o&&typeof t=="string"?t:void 0}}var P=forwardRef(({onChange:e,error:t=false,helperText:o,feedback:r,label:i,placeholder:v,disabled:F,fullWidth:$=true,startAdornment:k,endAdornment:L$1,readOnly:w,inputProps:A,InputProps:E,InputLabelProps:ae,className:H,sx:B,id:l="TextInput",...R},W)=>{let O=useTheme(),D=zc(useId(),"text-input"),M=Z=>{e?.(Z.target.value??"");},{isProvided:a,isVisible:V,type:z}=Bc(r),{resolvedLabel:_,resolvedPlaceholder:j}=C(i,v),m=!!t&&!a,{sx:q,startAdornment:G,endAdornment:J,readOnly:K,inputProps:Q,disabled:U}=E??{},X=V?S(O,z):{},Y=kc(kc(X,q),B);return jsxs(ee,{className:s.root,children:[jsx(h,{id:D,"data-testid":"TextInput",children:jsx(L,{id:l,...R,ref:W,label:_,placeholder:j,disabled:F??U,fullWidth:$,error:m,startAdornment:k??G,endAdornment:L$1??J,readOnly:w??K,inputProps:{...Q,...A},onChange:M,className:lc(s.field,H),sx:Y})}),a?jsx(ba,{...r}):null,!a&&o?jsx(g,{className:s.helperText,id:l?`${l}-helper-text`:void 0,$error:m,children:o}):null]})});P.displayName="TextInput";var N=memo(P);export{s as a,N as b};