@tap-payments/os-micro-frontend-shared 0.3.180-test.2 → 0.3.180-test.3

package/build/_chunks/chunk-UPNQOXP5.js

@@ -1 +0,0 @@
-import {j,f,p}from'./chunk-OM4K4XT4.js';import {yc}from'./chunk-HI62DX6A.js';import {vb}from'./chunk-DBRZBG7Q.js';import {memo,useRef,useState,useEffect,useMemo,useId}from'react';import se from'@mui/material/Popper';import {styled,Box}from'@mui/material';import {jsx,jsxs}from'react/jsx-runtime';var k=styled(j)(({theme:e})=>({fontWeight:e.v2.typography.fontWeight.medium,fontSize:"0.6875rem",color:e.v2.palette.grey[500],paddingInlineStart:e.v2.spacing(16),paddingTop:e.v2.spacing(8),paddingBottom:e.v2.spacing(8),paddingInlineEnd:e.v2.spacing(8)})),R=styled(Box,{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:n})=>({fontWeight:e.typography.fontWeightMedium,padding:e.spacing(1),position:"relative",display:"flex",alignItems:"center",textTransform:"capitalize",cursor:n?"not-allowed":"pointer",flex:1,zIndex:99999,".MuiButtonBase-root":{width:"16px",marginInlineEnd:"4px"}})),z=styled(Box)(({theme:e})=>({borderRadius:e.spacing(.5),background:e.palette.background.default,width:"max-content",cursor:"pointer",zIndex:99999,boxShadow:e.shadows[11],display:"flex",flexDirection:"column",".nested-menu-item + .nested-menu-item":{borderTop:`1px solid ${e.palette.divider}`,zIndex:99999},".nested-menu-item:hover":{transition:e.transitions.create(["boxShadow","border"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex}),boxShadow:e.shadows[6],border:"none",position:"relative"}})),B=styled(Box)(({theme:e})=>({...e.typography.subtitle1,color:e.palette.text.primary})),H=styled(f)(()=>({padding:0,paddingRight:"4px",".MuiSvgIcon-root":{width:12,height:12}})),$=styled(Box)(()=>({display:"flex",gap:"4px",alignItems:"center",flexGrow:1,minWidth:0,overflow:"hidden"})),A=styled(Box)(()=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",minWidth:0,overflow:"hidden"})),O=styled(Box)(({theme:e})=>({borderRadius:"50%",background:e.palette.divider,width:13,height:14,fontSize:"8px",fontWeight:700,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"10px"})),G=styled(Box)(()=>({display:"flex",alignItems:"center",gap:"8px",flexShrink:0,position:"relative",left:4})),F=styled(Box)(()=>({flex:"1 0 auto"})),_=styled(Box)(()=>({position:"relative",zIndex:999999}));function q(e){return e.scrollWidth-e.clientWidth>1}function oe({children:e}){let n=useRef(null),[r,t]=useState(false);return jsx(p,{arrow:true,placement:"top",title:e,open:r,onOpen:()=>{let u=n.current;u&&q(u)&&t(true);},onClose:()=>t(false),componentsProps:{tooltip:{sx:{maxWidth:280,whiteSpace:"normal",wordBreak:"break-word"}}},wrapperProps:{sx:{flex:1,minWidth:0,display:"block",overflow:"hidden"}},children:jsx(B,{ref:n,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e})})}var K=memo(oe);function ie({label:e,icon:n,name:r,menuItems:t,setSelected:u,onSelect:C,selected:s,displayChildrenCount:I,disabled:i,placement:h="right",sx:g,menuSx:P}){let[f,S]=useState(null),l=useRef(null),[a,p]=useState(false),w=o=>{!i&&s!==void 0&&(u({name:o,selected:!s}),s||p(false));};return useEffect(()=>{p(!!(t?.some(o=>o.selected)&&!t?.every(o=>o.selected)));},[]),jsxs(R,{"data-testid":"NestedDropdown_MenuItem",ref:l,className:`nested-menu-item ${f?"active":""} ${i?"disabled":""}`,onMouseEnter:o=>{!f&&t?.length&&S(o.currentTarget);},onMouseLeave:()=>{f&&S(null);},onClick:o=>{i||(o.stopPropagation(),w(r));},sx:{...t?.length&&{cursor:i?"not-allowed":"pointer"},zIndex:99999,...g},disabled:i,children:[s!==void 0&&jsx(H,{size:"small",indeterminate:a,checked:s,disabled:i}),jsxs($,{children:[n&&n,jsxs(A,{children:[e&&jsx(K,{children:e}),!!t?.length&&jsxs(G,{children:[I&&jsx(O,{children:t.length}),jsx("img",{src:vb,className:"arrow-icon",alt:"arrow",style:{height:12}})]})]})]}),t?.length&&jsx(se,{open:!!(f&&t?.length),anchorEl:f,placement:h==="left"?"left-start":"right-start",sx:{zIndex:99999,...P},children:jsx(b,{className:"child-dropdown",menuItems:t,placement:h,sx:P,onChildrenChange:o=>{let y=o.every(d=>d.selected);s!==void 0&&!i&&(y&&u({name:r,selected:true}),o.every(d=>!d.selected)&&u({name:r,selected:false}),p(o?.some(d=>d.selected)&&!o.every(d=>!d.selected)&&!y));},onSelect:o=>{C(o,r);}})})]})}var W=memo(ie);function ae({title:e,menuItems:n,onChildrenChange:r,onSelect:t,className:u,updatedList:C,footer:s,header:I,placement:i="right",...h}){let[g,P]=useState({name:"",selected:false}),[f,S]=useState();return useEffect(()=>{S(n);},[n]),useEffect(()=>{if(g.name){let{name:l,selected:a}=g,p=[],w=d=>d?.map(m=>(p.push({name:m.name,selected:a}),{...m,selected:a,...m.menuItems?.length&&{menuItems:w(m.menuItems)}})),y=(d=>d.map(m=>m.name===l?(p.push({name:m.name,selected:a}),{...m,selected:a,...m.menuItems?.length&&{menuItems:w(m.menuItems)}}):m))(f);S(y),C&&C(y),r&&r(y),t&&t(p);}},[g]),jsxs(z,{component:"article",className:`tap-dropdown  ${u||""}`,...h,children:[jsx(_,{children:e&&jsx(k,{component:"p",children:e})}),I,jsx(F,{children:f?.map((l,a)=>jsx(W,{setSelected:({name:p,selected:w})=>{P({name:p,selected:w});},onSelect:p=>{t&&t(p);},placement:i,...l},`${l.name}-${a}`))}),s&&s]})}var b=memo(ae);var Y=(e,{menuItemSx:n,menuSx:r})=>(e.forEach(t=>{t.sx={...n,...t.sx},t.menuSx={...r,...t.menuSx},t.menuItems?.length&&Y(t.menuItems,{menuItemSx:n,menuSx:r});}),e);function he({title:e,menuItems:n,onSelect:r,updatedList:t,header:u,placement:C="right",menuItemSx:s={},menuSx:I={},...i}){let h=useMemo(()=>Y(n,{menuItemSx:s,menuSx:I}),[n,s,I]),[g,P]=useState(h),f=yc(useId(),"nested-dropdown");useEffect(()=>{P(h);},[h]);let S=l=>{let a=w=>w.map(o=>({...o,selected:l.find(y=>o.name===y.name)?.selected??o.selected,...o.menuItems?.length&&{menuItems:a(o.menuItems)}})),p=a(g);P(p),t&&t(p);};return jsx(b,{id:f,"data-testid":"NestedDropdown",placement:C,menuItems:g,title:e,header:u,onSelect:l=>{r&&r(l),S(l);},...i})}var Z=memo(he);var Qe=Z;export{W as a,b,Qe as c};

package/build/_chunks/chunk-USQKHWMR.js

@@ -1 +0,0 @@
-import {a}from'./chunk-FRBQHATH.js';var m=a;export{m as a};

package/build/_chunks/chunk-WXGXXEPI.js

@@ -1 +0,0 @@
-import {alpha,createTheme}from'@mui/material/styles';var B={2:"blur(2px)",4:"blur(4px)",6:"blur(6px)",8:"blur(8px)",12:"blur(12px)",20:"blur(20px)",32:"blur(32px)",36:"blur(36px)"};var O={100:"0px 0px 4px 0px rgba(0, 0, 0, 0.2)",200:"0px 0px 16px 0px rgba(0, 0, 0, 0.13)",300:"0px 8px 20px 0px rgba(0, 0, 0, 0.16)",400:"0px 0px 32px 0px rgba(0, 0, 0, 0.24)",500:"0px 8px 40px 0px rgba(0, 0, 0, 0.24)",600:"0px 2px 56px 0px rgba(32, 35, 43, 0.14)"},D=()=>O;var p=(e,t,o)=>`linear-gradient(${e}deg, ${t} 0%, ${o} 100%)`,E={brand:p(90,"#147DC5","#3DA6E1"),dark:p(180,"#42464F","#272B34"),aqua:p(180,"#B4D9EB","#CAE4C5"),mint:p(180,"#CAE4C5","#FFFCBB"),warm:p(180,"#FFFCBB","#FFDBB1"),peach:p(180,"#FFDBB1","#FFC9C9"),rose:p(180,"#FFC9C9","#CEB9E8"),lavender:p(180,"#CEB9E8","#B4D9EB")};var r={50:"#F9F9F9",100:"#F2F2F2",200:"#E4E6E9",400:"#ABAAB2",500:"#8D8D94",700:"#5C5D61",900:"#20232B"},l={50:"#E9F3FA",500:"#1F88D0"},f={500:"#2ACE00",700:"#39953E"},b={500:"#FF0000",700:"#CC393C"},u={500:"#FFD200",600:"#C9A605"},F={white:"#FFFFFF",black:"#20232B"},n=(e,t)=>alpha(e,t),$={base:F,grey:r,brand:l,success:f,error:b,warning:u,foreground:{primary:r[900],secondary:r[500],tertiary:n(r[900],.5),disabled:n(r[900],.25),inverted:F.white,brand:l[500]},background:{primary:F.white,secondary:r[100],tertiary:r[50]},gradient:E,border:{default:r[100],subtle:n(r[100],.7),strong:r[400]},interactive:{primary:{default:l[500],disabled:n(l[500],.4),subtle:n(l[500],.1)}},status:{success:{default:f[500],subtle:n(f[500],.1),emphasis:f[700]},danger:{default:b[500],subtle:n(b[500],.14),emphasis:b[700]},warning:{default:u[500],emphasis:u[600]}}},C=()=>$;var a={light:300,regular:400,medium:500,semibold:600,bold:700},i=({family:e,size:t,lineHeight:o})=>h=>({fontFamily:e,fontSize:`${t}px`,lineHeight:typeof o=="string"?o:`${o}px`,fontWeight:a[h],letterSpacing:0}),V=e=>e==="ltr"?["Tap Sans","sans-serif"].join(", "):["Noto Sans Arabic","sans-serif"].join(", "),z=(e="ltr")=>{let t=V(e),o=i({family:t,size:24,lineHeight:32}),h=i({family:t,size:18,lineHeight:26}),S=i({family:t,size:15,lineHeight:22}),m=i({family:t,size:14,lineHeight:"normal"}),x=i({family:t,size:12,lineHeight:18}),g=i({family:t,size:11,lineHeight:16}),s=i({family:t,size:10,lineHeight:14}),d=i({family:t,size:9,lineHeight:12}),c=i({family:t,size:8,lineHeight:10});return {htmlFontSize:16,fontFamily:t,fontSize:14,fontWeightLight:a.light,fontWeightRegular:a.regular,fontWeightMedium:a.medium,fontWeightBold:a.semibold,fontWeightBolder:a.bold,allVariants:{fontFamily:t,fontSize:"0.875rem",lineHeight:"normal",fontStyle:"normal",fontWeight:"normal",fontStretch:"normal",letterSpacing:"normal"},h1:{fontSize:"3.5rem"},h2:{fontSize:"3rem"},h3:{fontSize:"2.5rem"},h4:{fontSize:"2rem"},h5:{fontSize:"1.5rem"},h6:{fontSize:"1.25rem"},subtitle1:{fontSize:"0.6875rem",lineHeight:"15px",fontWeight:400},subtitle2:{fontSize:"0.875rem"},body1:{fontSize:"1rem"},body2:{fontSize:"0.875rem"},button:{fontSize:"0.875rem"},caption:{fontSize:"0.75rem"},overline:{fontSize:"0.75rem"},fontWeight:a,textVariants:{heading:{h1:{medium:o("medium"),semibold:o("semibold"),bold:o("bold")},h2:{medium:h("medium")}},body:{large:{semibold:S("semibold"),bold:S("bold")},default:{regular:m("regular"),medium:m("medium"),semibold:m("semibold"),bold:m("bold")},medium:{regular:x("regular"),medium:x("medium"),semibold:x("semibold"),bold:x("bold")},small:{regular:g("regular"),medium:g("medium"),semibold:g("semibold"),bold:g("bold")},xsmall:{regular:s("regular"),medium:s("medium"),semibold:s("semibold"),bold:s("bold")}},caption:{regular:d("regular"),medium:d("medium"),semibold:d("semibold"),bold:d("bold")},micro:{medium:c("medium"),semibold:c("semibold"),bold:c("bold")}}}};var T=e=>typeof e=="number"?`${e}px`:e,k=T,A=T;var y=(e="ltr")=>({palette:C(),typography:z(e),elevation:D(),blur:B,spacing:k,radius:A});var W={MuiSvgIcon:{styleOverrides:{root:{width:"0.8em",height:"0.8em"}}},MuiButtonBase:{defaultProps:{disableRipple:true}},MuiPopper:{styleOverrides:{root:{zIndex:1400}}}};var v={mode:"light",common:{black:"#000",white:"#fff",blue:"#147DC5",green:"#2ACE00",purple:"#6D4BCB",red:"#ff0000",orange:"#DD702C",lightOrange:"#FFF7F2",lightPurple:"#4E1FD0"},text:{primary:"#20232B",textSecondary:"#9F9F9F"},grey:{50:"#FEFEFE",100:"#F2F2F2",200:"#002945",300:"rgba(246, 248, 250, 0.8)",400:"#f9f9f9",500:"#8C9196",600:"#5C5C5C",700:"#8D8D94",800:"#E4E6E9",900:"#1D1B20",A50:"#fbfbfb",A100:"#8d8d94",A200:"#000014",A400:"#C1C1C1",A700:"#818181",A800:"#1F222A"},primary:{light:"#FCFCFC",main:"#1D1E21",dark:"#1D1E21"},background:{default:"#fff",highlight:"rgba(117, 122, 135, 0.1)",gradient:{blueGreen:"linear-gradient(180deg, #b4d9eb 0%, #cae4c5 100%)",greenYellow:"linear-gradient(180deg, #cae4c5 0%, #fffcbb 100%)",yellowOrange:"linear-gradient(180deg, #fffcbb 0%, #ffdbb1 100%)",orangeRed:"linear-gradient(180deg, #ffdbb1 0%, #ffc9c9 100%)",redPurple:"linear-gradient(180deg, #ffc9c9 0%, #ceb9e8 100%)",purpleBlue:"linear-gradient(180deg, #CEB9E8 0%, #B4D9EB 100%)",shadedBlue:"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)",darkShadedBlue:"linear-gradient(256deg, #147DC5 0%, #3DA6E1 100%)",darkToLight:"linear-gradient(254deg, #101010 0.51%, #343740 49.67%, #101010 100%)",error:"linear-gradient(0deg, rgba(255, 0, 0, 0.14) 0%, rgba(255, 0, 0, 0.14) 100%), #FFF"},transparent:["rgba(249, 249, 249, 0.80)","rgba(32, 35, 43, 0.60)","rgba(242, 242, 242, 0.50)"]},warning:{main:"#F4BE4F",light:"#E9DB94",dark:"#E37B00"},error:{light:"#FF0000",main:"#FF3D00",dark:"#EA611C"},success:{light:"#BFEBB4",main:"#2ACE00",dark:"#76BB40"},divider:"#F2F2F2",info:{light:"#F4F9FD",main:"#29b6f6",dark:"#1F88D0"},action:{hover:"#f5f5f5"},secondary:{main:"#6D4BCB",light:"#DDDDDD"},custom:{50:"#e7f4fc",100:"#FFF0DE",200:"#E4F0F8",300:"#FFECE5",400:"#efefef",500:"#FF7A00",600:"#FFF5F2",700:"#128C7E",800:"#0085FF",900:"#3BC84F"}},M={mode:"dark",text:{primary:"#fff"},background:{default:"#000"}};var P=["none","0px 0px 1.4847px #FFFFFF","0px 0px 28px rgba(0, 0, 0, 0.04)","0px 0px 16px 0px rgba(0, 0, 0, 0.13)}","7px 0px 8px 0px #F2F2F2","0px 0px 28px 0px rgba(0, 0, 0, 0.04)","0px 0px 8px 0px rgba(0, 0, 0, 0.13)","0px 0px 4px 0px rgba(31, 136, 208, 0.50)","0px 0px 12px 0px rgba(0, 0, 0, 0.15)","0px 8px 30px 0px rgba(0, 0, 0, 0.16)","0px 0px 16px 0px rgba(0, 0, 0, 0.15)","0px 0px 16px 0px rgba(0, 0, 0, 0.13)","-4px 0px 16px 0px rgba(0, 0, 0, 0.10)","0px 0px 32px 0px rgba(0, 0, 0, 0.11)","0px 4px 8px 0px rgba(0, 0, 0, 0.14)","0px 0px 36px 0px rgba(0, 0, 0, 0.05)","0px 0px 44px 0px rgba(0, 0, 0, 0.25)","0px 0px 6px 0px rgba(0, 0, 0, 0.11)","0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)","0px 8px 30px 0px rgba(0, 0, 0, 0.15)","0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)","0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)","0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 5px 3px 0px rgba(0, 0, 0, 0.05), 0px 9px 4px 0px rgba(0, 0, 0, 0.01), 0px 14px 4px 0px rgba(0, 0, 0, 0.00)","0px 1px 16px 0px rgba(0, 0, 0, 0.07)","0px -1px 16px 0px rgba(0, 0, 0, 0.07)"];var w=e=>e==="ltr"?["Tap Sans","sans-serif"].join(", "):["Noto Sans Arabic","sans-serif"].join(", "),H=(e="ltr")=>({htmlFontSize:16,fontFamily:w(e),fontSize:14,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:600,fontWeightBolder:700,allVariants:{fontFamily:w(e),fontSize:"0.875rem",lineHeight:"normal",fontStyle:"normal",fontWeight:"normal",fontStretch:"normal",letterSpacing:"normal"},h1:{fontSize:"3.5rem"},h2:{fontSize:"3rem"},h3:{fontSize:"2.5rem"},h4:{fontSize:"2rem"},h5:{fontSize:"1.5rem"},h6:{fontSize:"1.25rem"},subtitle1:{fontSize:"0.6875rem",lineHeight:"15px",fontWeight:400},subtitle2:{fontSize:"0.875rem"},body1:{fontSize:"1rem"},body2:{fontSize:"0.875rem"},button:{fontSize:"0.875rem"},caption:{fontSize:"0.75rem"},overline:{fontSize:"0.75rem"}});var f0=(e,t)=>createTheme({palette:e==="dark"?M:v,direction:t,typography:H(t),components:W,shape:{borderRadius:8},shadows:P,v2:y(t)});export{W as a,v as b,M as c,P as d,H as e,f0 as f};