@tap-payments/os-micro-frontend-shared 0.3.228-test.5 → 0.3.228-test.6

package/build/_chunks/chunk-WE7NB24K.js

@@ -1 +0,0 @@
-import {t,p}from'./chunk-TIO3V7XA.js';import {zc,ec,Aa}from'./chunk-4XXNGLS6.js';import St,{forwardRef,useId,memo,useMemo,Children,useState,useRef,useEffect,useCallback,useLayoutEffect,isValidElement}from'react';import {motion}from'framer-motion';import P from'@mui/material/Box';import {styled}from'@mui/material/styles';import {styled as styled$1}from'@mui/material';import Ye from'@mui/material/TableCell';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=24;var $=.22;var pe=styled(Ye,{shouldForwardProp:e=>e!=="rowId"})(({theme:e})=>({fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightRegular,color:e.palette.text.primary,padding:e.spacing(0),verticalAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block",width:"100%",border:"none",textAlign:e?.direction==="ltr"?"left":"right"}));var ot=forwardRef(({children:e,...t},r)=>{let o=zc(useId(),"table-cell");return jsx(pe,{id:o,component:"div","data-testid":"TableCell",...t,ref:r,children:e})}),le=memo(ot);var Xt=styled$1("span",{shouldForwardProp:e=>e!=="variant"})(({theme:e,variant:t})=>({display:"flex",width:"17px",height:"12px",backgroundColor:t?ec(e.palette)[t]:"transparent",borderRadius:"2px",flexShrink:0,overflow:"hidden",visibility:"hidden","& > img":{width:"100%",height:"100%",objectFit:"cover"}})),Zt=styled$1("button")({background:"transparent",border:"none",padding:0,cursor:"pointer",outline:"none",display:"flex",alignItems:"center",justifyContent:"center",overflow:"visible"}),jt=styled$1(motion.div)(({theme:e})=>({borderRadius:"12px",backgroundColor:e.palette.background.paper,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",gap:e.spacing(.5)})),Ut=styled$1("img")(()=>({width:"12px",height:"12px"})),Gt=styled$1("span",{shouldForwardProp:e=>e!=="isShown"})(({theme:e,isShown:t})=>({...t&&{border:`1px solid ${e.palette.divider}`},borderRadius:"12px",backgroundColor:t?e.palette.background.paper:"transparent",width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden",visibility:"hidden"})),qt=styled$1("span")(({theme:e})=>({color:e.palette.common.white,borderRadius:e.spacing(.5),padding:"1.285px 2.569px",height:"12px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"9.782px",fontWeight:600})),Jt=styled$1("div")(()=>({display:"flex",width:"24px",height:"24px",alignItems:"center",justifyContent:"center",borderRadius:"64px;",border:"1px solid #F2F2F2;"})),ce=styled$1(t)(({theme:e})=>({width:24,height:24,fontSize:"8.5px",fontWeight:500,color:e.palette.background.default,border:`1px solid ${e.palette.divider}`})),se=styled$1("div")(({theme:e})=>({fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"4px 8px",borderRadius:"24px",border:`1px solid ${e.palette.divider}`})),Qt=styled$1(se)(({theme:e})=>({color:e.palette.info.dark,backgroundColor:e.palette.info.light,borderColor:e.palette.divider,minWidth:"88px",height:"24px"})),Yt=styled$1(se)(({theme:e})=>({color:e.palette.grey.A700,backgroundColor:`${e.palette.grey.A700}1A`,minWidth:"88px",height:"24px"})),er=styled$1(le)(()=>({fontSize:"11px",textAlign:"left",display:"flex",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",gap:"4px",textOverflow:"ellipsis",whiteSpace:"nowrap"})),tr=styled$1("span")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:e.spacing(1)})),rr=styled$1("span")(()=>({width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"transparent",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0})),or=styled$1("img")(()=>({width:"36px",height:"24px"})),nr=styled$1("div")(({percentage:e,isCapture:t,theme:r})=>({background:`conic-gradient(${t?r.palette.info.dark:"#656565"} ${e}%, transparent 0.00%)`,borderRadius:"50%",width:"8.333px",height:"8.333px",border:`0.6px solid ${t?r.palette.info.dark:"#656565"}`}));var de=styled(P)(()=>({display:"flex",gap:"8px",overflow:"visible"})),lt=["trackWidth","minTrackWidth","slotSize","hoverZIndex"],me=styled("div",{shouldForwardProp:e=>!lt.includes(e)})(({trackWidth:e,minTrackWidth:t,slotSize:r,hoverZIndex:o})=>({position:"relative",overflow:"visible",width:e,minWidth:t,height:r,transition:`width ${.22}s ease-out`,...o!==void 0?{zIndex:o}:{}})),B=styled(P)(()=>({display:"flex",alignItems:"center",paddingRight:"8px","& .chip-stack-overlap-slot":{marginRight:"-8px",position:"relative",zIndex:1},"& .chip-stack-overlap-slot:hover":{zIndex:2}}));function ue(e){return {display:"flex",alignItems:"center",justifyContent:"center",width:`var(--chip-stack-slot-size, ${24}px)`,height:`var(--chip-stack-slot-size, ${24}px)`,borderRadius:"50%",border:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.common.white,flexShrink:0}}var he=styled(({title:e,className:t,...r})=>e!=null&&e!==""?jsx(p,{title:e,wrapperProps:{className:"chip-stack-overlap-slot"},children:jsx(P,{className:t,...r})}):jsx(P,{className:["chip-stack-overlap-slot",t].filter(Boolean).join(" "),...r}))(({theme:e})=>({...ue(e),overflow:"hidden",lineHeight:0,boxSizing:"border-box",padding:0,"& > *":{width:"100%",height:"100%",minWidth:0,minHeight:0},"& img":{display:"block",width:"100%",height:"100%",objectFit:"contain"}})),V=styled(({title:e,...t})=>jsx(p,{title:e??"",wrapperProps:{className:"chip-stack-overlap-slot"},children:jsx(P,{...t})}))(({theme:e})=>({...ue(e),fontSize:`max(${8}px, calc(var(--chip-stack-slot-size, ${24}px) * ${8.5} / ${24}))`,fontWeight:500,color:e.palette.text.disabled}));function fe({overflowItems:e,size:t}){let r=`${Math.max(8,8.5*t/24)}px`;return jsxs(P,{sx:{width:t,height:t,borderRadius:"50%",border:o=>`1px solid ${o.palette.divider}`,display:"flex",alignItems:"center",justifyContent:"center",fontSize:r,fontWeight:600,bgcolor:"action.hover",flexShrink:0},children:["+",e.length]})}var ct=["faceSize","avatarFill"],Se=styled(ce,{shouldForwardProp:e=>!ct.includes(e)})(({theme:e,faceSize:t,avatarFill:r})=>{let o=`${t}px`,i=`${Math.max(7,8.5*t/24)}px`;return {width:o,height:o,fontSize:i,fontWeight:500,lineHeight:"100%",letterSpacing:"0%",textAlign:"center",color:e.palette.common.white,background:r,backgroundSize:"cover","&.MuiAvatar-colorDefault":{background:r,color:e.palette.common.white},"& .MuiAvatar-img":{objectFit:"cover"}}});function xe(e){return e==="fanout-left"?"left":e==="fanout-center"?"center":"right"}function Ce(e,t,r){return e==="static"?t?"static-children":r?"static-items":null:t?"animated-children":r?"animated-items":null}function ge({size:e,stackStep:t,gap:r,minTrackWidth:o}){let i=e??24,n=t??Math.round(i/2),l=r??Math.max(1,Math.round(i*3/24)),a=o??Math.max(60,Math.round(i*60/24));return {size:i,stackStep:n,gap:l,minTrackWidth:a}}function ke(e,t){if(e<=0)return 0;switch(t){case "right":return 0;case "left":return e-1;default:return Math.floor((e-1)/2)}}function ye(e,t){return t!==void 0&&e>t}function M(e,t){return t===void 0||t<1||e.length<t?{visibleItems:e,hiddenItems:[]}:{visibleItems:e.slice(0,t-1),hiddenItems:e.slice(t-1)}}function ht(e,t){return isValidElement(e)&&e.key!=null&&e.key!==""?String(e.key):`chip-stack-child-${t}`}function Z({items:e,maxItems:t,getItemKey:r,renderItem:o,renderOverflow:i,slotSize:n}){let l={slotSize:n};if(e.length===0)return [];let{visibleItems:a,hiddenItems:p}=M(e,t),c=a.map((d,s)=>({key:r(d,s),render:()=>o(d,s,l)}));return p.length>0&&c.push({key:`chip-stack-overflow-${p.length}-${a.length}`,render:()=>i({items:e,overflowItems:p,size:n})}),c}function be({children:e,maxItems:t,slotSize:r,renderOverflow:o}){let i=Children.toArray(e);return Z({items:i,maxItems:t,getItemKey:ht,renderItem:n=>n,renderOverflow:o,slotSize:r})}function Ae(e,t){return e.length===t.length&&e.every((r,o)=>r===t[o])}function X(e,t,r){return e[t]??r}function ve(e,t,r,o,i,n){if(e===0)return [];let l=t*i,a=new Array(e);a[t]=l;for(let p=t-1;p>=0;p-=1)a[p]=a[p+1]-X(r,p,n)-o;for(let p=t+1;p<e;p+=1)a[p]=a[p-1]+X(r,p-1,n)+o;return a}function Te(e,t,r){return e<=0?0:(e-1)*t+r}function Re(e,t,r,o){return Array.from({length:e},(i,n)=>e<=1||!t?0:r[n]-n*o)}function Ie(e,t,r,o,i){if(e<=0)return 0;let n=t.map((p,c)=>p+X(r,c,i)),l=Math.min(...t),a=Math.max(...n);return Math.max(o,a-l)}function Pe(e,t,r){return Array.from({length:e},(o,i)=>{let n=t.current[i];return n?n.offsetWidth:r})}function j(e,t){return e.id??`${e.first}-${e.last}-${t}`}function we(e){return [e.first,e.last].map(t=>t?.[0]).filter(t=>t!=null&&t!=="").join("")}function _e(e){if(e.tooltip!==void 0)return e.tooltip===null?null:e.tooltip;let t=`${e.first||""} ${e.last||""}`.trim();return t!==""?t:null}function Ne({slotCount:e,anchorIndex:t,size:r,stackStep:o,gap:i,fanOutEnabled:n,compact:l}){let[a,p]=useState(false),[c,d]=useState(()=>Array.from({length:e},()=>r)),s=useRef(null),S=useRef([]),g=useRef(null),k=useCallback(()=>{let R=Pe(e,S,r);d(b=>Ae(b,R)?b:R);},[e,r]),u=useCallback(()=>{g.current&&cancelAnimationFrame(g.current),g.current=requestAnimationFrame(k);},[k]),y=useMemo(()=>ve(e,t,c,i,o,r),[e,t,c,i,o,r]),A=useMemo(()=>Re(e,n&&a,y,o),[e,n,a,y,o]),x=useMemo(()=>Te(e,o,r),[e,o,r]),O=useMemo(()=>Ie(e,y,c,x,r),[e,y,c,x,r]),C=useCallback(()=>{n&&(s.current&&clearTimeout(s.current),p(true));},[n]),h=useCallback(()=>{n&&(s.current&&clearTimeout(s.current),s.current=setTimeout(()=>p(false),120));},[n]);useEffect(()=>()=>{s.current&&clearTimeout(s.current);},[]),useEffect(()=>{n||p(false);},[n]),useLayoutEffect(()=>{d(Array.from({length:e},()=>r));},[e,r]),useLayoutEffect(()=>{k();},[e,r,k]),useEffect(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),g.current&&cancelAnimationFrame(g.current);}),[u]);let v=n&&a?O:l?r:x,T=n&&a,N=useMemo(()=>l?Array.from({length:e},(R,b)=>b===t||a?1:0):Array.from({length:e},()=>1),[l,e,t,a]);return {isHovering:a,handleMouseEnter:C,handleMouseLeave:h,slotRefs:S,translateX:A,slotOpacity:N,collapsedStackWidthPx:x,fannedRowWidthPx:O,trackWidth:v,hoverZIndexActive:T}}function D({items:e,children:t,maxItems:r,getItemKey:o,renderItem:i,renderOverflow:n,fanOutDirection:l,compact:a=false,"data-testid":p,sx:c,className:d,slotProps:s}){let S=Children.count(t)>0,{zIndex:g=1e3,size:k,stackStep:u,gap:y,minTrackWidth:A}=s?.layout??{},x=useMemo(()=>S?Children.toArray(t??null).length:e?.length??0,[S,t,e]),C=!(!a&&ye(x,r)),{size:h,stackStep:F,gap:v,minTrackWidth:T}=useMemo(()=>ge({size:k,stackStep:u,gap:y,minTrackWidth:A}),[k,u,y,A]),N=n??fe,R=useMemo(()=>S?be({children:t??null,maxItems:r,slotSize:h,renderOverflow:N}):!e?.length||!o||!i?[]:Z({items:e,maxItems:r,getItemKey:o,renderItem:i,slotSize:h,renderOverflow:N}),[S,t,e,r,o,i,N,h]),b=R.length,Ke=useMemo(()=>ke(b,l),[b,l]),{handleMouseEnter:He,handleMouseLeave:De,slotRefs:$e,translateX:Be,slotOpacity:te,collapsedStackWidthPx:Xe,trackWidth:Ze,hoverZIndexActive:je}=Ne({slotCount:b,anchorIndex:Ke,size:h,stackStep:F,gap:v,fanOutEnabled:C,compact:a});if(b===0)return null;let{sx:z,...Ue}=s?.shell??{},{style:Ge,...qe}=s?.track??{};return jsx(de,{className:d,...Ue,sx:[{justifyContent:"flex-start",...C||a?{width:"100%"}:{}},...Array.isArray(c)?c:c!=null?[c]:[],...Array.isArray(z)?z:z!=null?[z]:[]],children:jsx(me,{"data-testid":p,...qe,style:Ge,onMouseEnter:C?He:void 0,onMouseLeave:C?De:void 0,trackWidth:Ze,minTrackWidth:a?h:Math.max(T,Xe),slotSize:h,hoverZIndex:je?g:void 0,children:R.map((re,I)=>jsx(motion.div,{ref:Je=>{$e.current[I]=Je;},initial:false,animate:{x:Be[I]??0,opacity:te[I]??1},transition:{duration:.22,ease:"easeOut"},style:{position:"absolute",top:0,left:I*F,zIndex:I,width:h,height:h,pointerEvents:te[I]===0?"none":"auto"},children:re.render()},re.key))})})}function Ct({children:e,maxItems:t,renderOverflow:r,slotSize:o=24,sx:i,...n}){let l=useMemo(()=>St.Children.toArray(e),[e]),{visibleItems:a,hiddenItems:p}=useMemo(()=>M(l,t),[l,t]),c=p.length>0,d=useMemo(()=>[{"--chip-stack-slot-size":`${o}px`},...Array.isArray(i)?i:i!=null?[i]:[]],[o,i]);if(!c)return jsx(B,{"data-testid":"ChipStack",...n,sx:d,children:e});let s=r?.({items:l,overflowItems:p,size:o});return jsxs(B,{"data-testid":"ChipStack",...n,sx:d,children:[a,s??jsx(V,{title:`${p.length} more`,children:jsxs("span",{children:["+",p.length]})})]})}var Q=memo(Ct);function kt(e){return jsx(he,{"data-testid":"OverlapChip",...e})}var Y=memo(kt);var bt=["static","fanout-right","fanout-left","fanout-center"],ee="static";function vt(e){let{variant:t=ee,maxItems:r,renderOverflow:o,children:i,items:n,getItemKey:l,renderItem:a,compact:p=false,"data-testid":c,slotProps:d,sx:s,className:S}=e,g=Children.count(i??null)>0,k=!g&&(n?.length??0)>0&&l!=null&&a!=null,u=Ce(t,g,k);if(u===null)return null;if(u==="static-children"||u==="static-items"){let x=d?.layout?.size??24;if(u==="static-items"&&n&&l&&a){let{visibleItems:O,hiddenItems:C}=M(n,r),h=C.length>0?o?.({items:n,overflowItems:C,size:x})??jsx(V,{title:`${C.length} more`,children:jsxs("span",{children:["+",C.length]})}):null,F=jsxs(Fragment,{children:[O.map((v,T)=>jsx(Y,{children:a(v,T,{slotSize:x})},l(v,T))),h]});return jsx(Q,{"data-testid":c,slotSize:x,sx:s,className:S,children:F})}return jsx(Q,{"data-testid":c,maxItems:r,renderOverflow:o,slotSize:x,sx:s,className:S,children:i})}let y=xe(t),A={maxItems:r,renderOverflow:o,fanOutDirection:y,compact:p,"data-testid":c??"ChipStack",slotProps:d,sx:s,className:S};return u==="animated-children"?jsx(D,{...A,children:i}):jsx(D,{...A,items:n,getItemKey:l,renderItem:a})}var ze=vt;function wt({item:e,sourceIndex:t,slotSize:r}){let[o,i]=useState(false),n=useRef(null);useEffect(()=>{i(false);},[e.logo]);let l=!e.logo||o,a=j(e,t),p$1="transparent";l&&(n.current?.key!==a&&(n.current={key:a,fill:Aa()}),p$1=n.current.fill);let c=jsx(Se,{faceSize:r,avatarFill:p$1,src:l?void 0:e.logo,slotProps:l?void 0:{img:{onError:()=>i(true)}},children:we(e)}),d=_e(e);return d!=null&&d!==""?jsx(p,{title:d,children:c}):c}var _t=wt;var to=ze;export{le as a,Xt as b,Zt as c,jt as d,Ut as e,Gt as f,qt as g,Jt as h,ce as i,se as j,Qt as k,Yt as l,er as m,tr as n,rr as o,or as p,nr as q,f as r,$ as s,j as t,Y as u,bt as v,ee as w,ze as x,_t as y,to as z};