@tap-payments/os-micro-frontend-shared 0.3.196 → 0.3.198-test.1

package/build/_chunks/chunk-SBYZSKAZ.js

@@ -0,0 +1 @@
+import {b}from'./chunk-LAZS2HBW.js';import {p}from'./chunk-TZCPVIH4.js';import {V as V$1,f,l,R,v}from'./chunk-RQBLNWQJ.js';import {wb}from'./chunk-UVKRET3U.js';import {createContext,forwardRef,useMemo,useState,useRef,useCallback,useEffect,useImperativeHandle,useContext}from'react';import Re from'@mui/material/Stack';import ne from'@mui/material/Typography';import ie from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import {Stack}from'@mui/material';import it from'lodash/debounce';import j from'memoize-one';var Ue=(r=>(r.CHECKED="CHECKED",r.UNCHECKED="UNCHECKED",r.INDETERMINATE="INDETERMINATE",r))(Ue||{});styled("img",{shouldForwardProp:e=>e!=="expanded"})(({theme:e,expanded:t})=>({transform:t?"rotate(180deg)":"rotate(0deg)",marginLeft:"auto",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest})}));styled(ie)(()=>({display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"4px",borderTop:"1px solid #F2F2F2"}));var F=styled(V$1)({minWidth:120,minHeight:36,maxHeight:36,paddingTop:0,paddingBottom:0,backgroundColor:"#fff","--menuitem-border-rad":"4px","&:hover":{boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.13)",zIndex:1}}),V=styled(e=>jsx(F,{startAdornment:null,...e}))(({theme:e})=>({fontSize:11,fontWeight:500,color:e.palette.grey[700],minHeight:36,maxHeight:"auto",cursor:"auto",":hover":{boxShadow:"none",zIndex:1}}));var _=createContext({treeMapper:{},handleSelect:()=>{},multiple:false}),Ve=({children:e,treeMapper:t,handleSelect:o,multiple:r,IconComponent:n})=>{let i=useMemo(()=>({treeMapper:t,handleSelect:o,multiple:r,IconComponent:n}),[t,o,r,n]);return jsx(_.Provider,{value:i,children:e})},re=Ve;var Ge=()=>{let e=useContext(_);if(!e)throw new Error("'useTreeDropdown' must be used within an 'TreeDropdownProvider'");return e},B=Ge;var ae=styled(f)({padding:0,paddingRight:"4px",width:"14px !important",".MuiSvgIcon-root":{width:"12px !important",height:"12px !important"}}),se=styled(l)({padding:0}),le=styled(ie)(()=>({display:"flex",gap:"8px",justifyContent:"space-between",flexGrow:1,width:"100%",alignItems:"center",minWidth:0})),pe=styled(e=>jsx(ne,{noWrap:true,component:"span",...e}))(({theme:e})=>({flex:1,fontSize:"inherit",width:"100%",display:"inline-block",color:e.palette.text.primary})),de=styled(e=>jsx(ne,{noWrap:true,...e}))(({theme:e})=>({color:alpha(e.palette.text.primary,.5),fontSize:8})),ce=styled(ie,{shouldForwardProp:e=>e!=="isOneDigit"})(({theme:e,isOneDigit:t=true})=>({borderRadius:t?"50%":"4px",background:e.palette.divider,width:t?13:"auto",height:14,fontSize:"8px",fontWeight:700,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"10px",...!t&&{padding:"0 3px"}})),ue=styled("img")(()=>({height:12}));var Je=e=>{let{checked:t,indeterminate:o,onSelect:r}=e,{multiple:n}=B(),i=useCallback(a=>{a.stopPropagation(),r(a);},[r]);return n?jsx(ae,{size:"small",checked:t,indeterminate:o,onChange:i}):jsx(se,{checked:t,onChange:i})},he=Je;var Ze=e=>{let{renderItem:t,header:o,footer:r,...n}=e,{treeMapper:i,handleSelect:a,multiple:c,IconComponent:p}=B(),{label:s,icon:d,iconComponent:l,levelIndex:h=0,children:f,nestedMenuSx:I,hintText:y,disableHovering:m,itemProps:T,searchProps:u,subLevelKey:E}=n,[x,N]=useState(null),w=!!f,H=f?.length,L=useCallback(R=>{m||N(R.currentTarget);},[m]),S=useCallback(()=>{m||N(null);},[m]);useEffect(()=>{m&&N(null);},[m]);let M=useMemo(()=>l||(d&&p?jsx(p,{fileId:d.fileId,width:d.width??20,height:d.height??20}):null),[l,d,p]),g=i[n.id]?.status==="CHECKED",k=c?i[n.id]?.status==="INDETERMINATE":false,O=c||!w,v=useCallback(R=>{R.stopPropagation(),a(R.target.checked,n);},[a,n]);return jsxs(F,{startAdornment:null,onMouseEnter:L,onMouseLeave:S,"data-testid":n.id,onClick:()=>{a(!g,n);},...T,children:[t?t({nodeProps:n,checked:g,indeterminate:k,onSelect:v}):jsxs(le,{width:"100%","data-testid":"Content",children:[O&&jsx(he,{checked:g,indeterminate:k,onSelect:v}),M,jsxs(Stack,{flex:1,width:"100%",minWidth:0,children:[jsx(pe,{title:typeof s=="string"?s:void 0,children:s}),y&&jsx(de,{title:typeof y=="string"?y:void 0,children:y})]}),jsxs(Stack,{direction:"row",alignItems:"center",spacing:.5,children:[H&&jsx(ce,{isOneDigit:Math.floor(H/10)===0,children:H}),w&&jsx(ue,{src:wb,alt:"Expand"})]})]}),!!f&&jsx(U,{anchorEl:x,menuItems:f,levelIndex:h+1,sx:I,header:o,levelKey:E,footer:r,searchProps:u})]})},ge=Ze;var xe=ge;var Ce=styled(R)({maxHeight:"100%"}),ye=styled("div")({position:"relative","&:before, &:after":{display:"none"},"&.scrollable":{position:"relative","&::before, &::after":{display:"block",content:'""',position:"absolute",left:0,width:"100%",height:"20px",opacity:1,pointerEvents:"none",zIndex:2,transition:"opacity 0.3s ease-out"},"&::before":{top:0,background:"linear-gradient(to top, transparent, rgba(255, 255, 255, 1))"},"&::after":{bottom:0,background:"linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1))"}},"&.scrolled-to-top":{"&::before":{opacity:0}},"&.scrolled-to-bottom":{"&::after":{opacity:0}}}),be=styled("ul")({listStyle:"none",padding:0,margin:0,maxHeight:300,overflow:"auto"});var rt=({children:e,onScroll:t})=>{let o=useRef(null),{scrolledToBottom:r,scrolledToTop:n,scrollable:i,handleScroll:a}=p({containerRef:o}),c=useMemo(()=>[r&&"scrolled-to-bottom",n&&"scrolled-to-top",i&&"scrollable"].filter(Boolean).join(" "),[r,n,i]),p$1=useCallback(s=>{t(s),a(s);},[t,a]);return jsx(ye,{sx:{position:"relative"},className:c,children:jsx(be,{ref:o,onScroll:p$1,children:e})})},Ne=rt;var at=e=>{let{initialValue:t="",getValues:o,filterItem:r,onChange:n,items:i,enabled:a=false,debounceMs:c=300}=e,[p,s]=useState(t),[d,l]=useState(t),h=useMemo(()=>it(m=>{l(m);},c),[c]);useEffect(()=>(h(p),()=>h.cancel()),[h,p]);let f=useCallback(m=>{let T=m.target.value;s(T),h(T),n?.(m);},[n,h]),I=useCallback(()=>{s(""),l(""),h.cancel(),n?.({target:{value:""}});},[n,h]),y=useMemo(()=>{if(!a||!d.trim())return i;let m=d.toLowerCase();return r?i.reduce((T,u)=>{let E=r(u,m);return E&&T.push(E),T},[]):o?i.filter(T=>o(T).some(u=>u.toLowerCase().includes(m))):(console.error("`searchProps.getValues` is required for searching, provide it on the tree node level or the global search props"),i)},[i,d,o,r,a]);return {searchText:p,filteredItems:y,handleSearch:f,handleReset:I}},ve=at;var ft=e=>{let{anchorEl:t,sx:o,levelIndex:r=0,placement:n,menuItems:i,header:a,footer:c,levelKey:p,searchProps:s}=e,[d,l]=useState(false),h=!!t,f=!!s,{searchText:I,filteredItems:y,handleSearch:m,handleReset:T}=ve({...s,enabled:f,items:i}),u=useRef(),E=useCallback(()=>{l(true),clearTimeout(u.current),u.current=setTimeout(()=>{l(false);},100);},[]);return useEffect(()=>()=>clearTimeout(u.current),[]),jsx(Ce,{open:h,anchorEl:t,placement:r>0?"right-start":n,"data-level":r,"data-level-key":p,onClick:x=>x.stopPropagation(),sx:{...o,"&.MuiPopper-dropdown":{"&:after":{display:"none"}}},children:jsxs(Re,{divider:jsx(v,{flexItem:true}),children:[a&&jsx(V,{children:a}),f&&jsxs(Re,{divider:jsx(v,{flexItem:true,sx:{my:1}}),children:[jsx(ie,{sx:{p:1},children:jsx(b,{id:`tree-search-input-${r}`,...s?.inputProps,placeholder:s?.inputProps?.placeholder??"Search...",onChange:m,value:I,inputProps:{autoComplete:"off"},onClear:T})}),y.length===0&&s?.noResultsText&&jsx(ne,{component:"div",fontSize:10,color:x=>alpha(x.palette.text.primary,.4),textAlign:"center",minHeight:36,fontWeight:500,display:"flex",alignItems:"center",justifyContent:"center",children:jsx("span",{children:"No results found"})})]}),jsx(Ne,{onScroll:E,children:y.map((x,N)=>jsx(xe,{disableHovering:d,...x,levelIndex:r,subLevelKey:x.levelKey,nestedMenuSx:o},`${r}-${x.id}-${N}`))}),c&&jsx(V,{children:c})]})})},U=ft;function ht(e){function t(o){let r=o.children?o.children.map(t):void 0;if(r?.length===1&&r[0].children?.length&&!r[0].disablePromotion){let n=r[0];r=n.children,o={...o,header:n.header??o.header,footer:n.footer??o.footer,searchProps:n.searchProps??o.searchProps};}return {...o,children:r}}return e.map(t)}function we(e,t,o=[]){for(let r of e)r.status==="CHECKED"&&o.push(r.id),r.children&&we(r.children,t,o);return o}function He(e,t=[],o={},r=false){for(let n of e){let i=r?"CHECKED":n.status??"UNCHECKED";o[n.id]={status:i,...t.length?{_parents:t}:{}},n.children&&He(n.children,[...t,n.id],o,i==="CHECKED");}return o}function Le(e,t){let o=He(e),r=we(e,t),n=o;for(let i of r)n=q(n,i,true);return n}function ke(e,t){return e.map(o=>({...o,status:t[o.id]?.status??"UNCHECKED",children:o.children?ke(o.children,t):void 0}))}function Tt(e){let t={};for(let o of Object.keys(e)){let r=e[o]._parents;if(!r?.length)continue;let n=r[r.length-1];t[n]??(t[n]=[]),t[n].push(o);}return t}function q(e,t,o){let r=structuredClone(e),n=Tt(e),i=o?"CHECKED":"UNCHECKED";function a(p){r[p].status=i;for(let s of n[p]??[])a(s);}function c(p){let s=r[p]._parents;if(!s?.length)return;let d=s[s.length-1],h=(n[d]??[]).map(f=>r[f].status);h.every(f=>f==="CHECKED")?r[d].status="CHECKED":h.every(f=>f==="UNCHECKED")?r[d].status="UNCHECKED":r[d].status="INDETERMINATE",c(d);}return a(t),c(t),r}function gt(e){function t(o){let r=o.children?.map(t).filter(Boolean);return o.status==="CHECKED"||o.status==="INDETERMINATE"||r&&r.length>0?{...o,children:r}:null}return e.map(t).filter(Boolean)}function De(e){let t={};for(let o in e)t[o]={status:"UNCHECKED",...e[o]._parents?{_parents:e[o]._parents}:{}};return t}function Ke(e,t,o,r){if(r)return q(e,t,o);if(!o)return De(e);let n=De(e);return q(n,t,true)}function xt(e,t){let o=[];function r(n){n.levelKey===t&&o.push(n),n.children?.forEach(i=>r(i));}return e.forEach(r),o}var C={denormalizeTree:j((e,t)=>ke(e,t)),extractSelectedBranches:j(e=>gt(e)),filterNodesByLevelKey:j((e,t)=>xt(e,t))};function J(e){let t=ht(e.children??[]);if(t.length===1&&t[0].children?.length&&!t[0].disablePromotion){let[o]=t;return J({levelKey:o.levelKey,children:o.children,header:o.header??e.header,footer:o.footer??e.footer,searchProps:o.searchProps??e.searchProps})}return {...e,children:t}}var It=forwardRef((e,t)=>{let{anchorEl:o,placement:r="bottom-start",treeDefinition:n,sx:i,onChange:a,multiple:c=true,exposeOnlySelectedTree:p=false,IconComponent:s,onMounted:d}=e,{children:l=[]}=n,h=useMemo(()=>J(n),[n]),{header:f,footer:I,children:y=[],searchProps:m,levelKey:T}=h,[u,E]=useState({}),x=useRef(d);x.current=d;let N=useCallback(()=>C.denormalizeTree(l,u),[l,u]),w=useCallback(()=>C.extractSelectedBranches(N()),[N]),H=useCallback((S,M)=>{let g=Ke(u,M.id,S,c);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[a,l,u,c,p]),L=useCallback(S=>{let g=((k,O)=>{let v={...k};return Object.keys(v).forEach(R=>{v[R]={...v[R],status:O?"CHECKED":"UNCHECKED"};}),v})(u,S);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[u,a,l,p]);return useEffect(()=>{let S=Le(l||[],c);E(S);let M=C.denormalizeTree(l,S),g=C.extractSelectedBranches(M);x.current?.({state:S,tree:M,selectedTree:g});},[l,c]),useImperativeHandle(t,()=>({treeMapper:u,getFullTree:N,getSelectedTree:w,toggleAll:L}),[u,N,w,L]),jsx(re,{treeMapper:u,IconComponent:s,handleSelect:H,multiple:c,children:jsx(U,{anchorEl:o,sx:i,header:f,footer:I,menuItems:y,levelKey:T,searchProps:m,placement:r})})}),ze=It;var Xo=ze;export{Ue as a,C as b,Xo as c};

package/build/_chunks/{chunk-MDVKAAAG.js → chunk-SM5W367U.js}

@@ -1 +1 @@
-import {yc}from'./chunk-JDPHN2VN.js';import {useId}from'react';import a from'@mui/material/Box';import {motion}from'framer-motion';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var e=styled(motion.div)(()=>({width:"100%",height:"100%",cursor:"pointer",".card-front > div, .card-back > div, .card-container":{width:"inherit",height:"inherit"},".card-container":{perspective:"1000px"},".card":{width:"100%",height:"100%",position:"relative",transformStyle:"preserve-3d"},".card-front, .card-back":{position:"absolute",backfaceVisibility:"hidden",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},".card-back":{transform:"rotateY(180deg)"}}));function t({frontCard:d,backCard:n,isFlipped:p,isHovered:c}){let m=yc(useId(),"flipping-card");return jsx(e,{id:m,"data-testid":"FlippingCard",children:jsx(motion.div,{className:"card-container",children:jsxs(motion.div,{className:"card",animate:{rotateY:p?180:c?20:0},transition:{duration:.3},children:[jsx(motion.div,{className:"card-front",children:jsx(a,{children:d})}),jsx(motion.div,{className:"card-back",children:jsx(a,{children:n})})]})})})}var N=t;export{N as a};
+import {yc}from'./chunk-QMBLENVJ.js';import {useId}from'react';import a from'@mui/material/Box';import {motion}from'framer-motion';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var e=styled(motion.div)(()=>({width:"100%",height:"100%",cursor:"pointer",".card-front > div, .card-back > div, .card-container":{width:"inherit",height:"inherit"},".card-container":{perspective:"1000px"},".card":{width:"100%",height:"100%",position:"relative",transformStyle:"preserve-3d"},".card-front, .card-back":{position:"absolute",backfaceVisibility:"hidden",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},".card-back":{transform:"rotateY(180deg)"}}));function t({frontCard:d,backCard:n,isFlipped:p,isHovered:c}){let m=yc(useId(),"flipping-card");return jsx(e,{id:m,"data-testid":"FlippingCard",children:jsx(motion.div,{className:"card-container",children:jsxs(motion.div,{className:"card",animate:{rotateY:p?180:c?20:0},transition:{duration:.3},children:[jsx(motion.div,{className:"card-front",children:jsx(a,{children:d})}),jsx(motion.div,{className:"card-back",children:jsx(a,{children:n})})]})})})}var N=t;export{N as a};

package/build/_chunks/{chunk-O6YZKYYU.js → chunk-SRF3QHE4.js}

@@ -1 +1 @@
-import {a}from'./chunk-CTCBGFO6.js';import {R,V}from'./chunk-5W5466MB.js';import {yc}from'./chunk-JDPHN2VN.js';import {Cb}from'./chunk-YKKS24ES.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function l({defaultValue:o,label:a$1,onChange:D,options:i}){let M=yc(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$1}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:Cb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(R,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:i.map((e,B)=>jsx(V,{onClick:()=>{k(e.value);},sx:T=>({...B!==i.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a,{onClick:m})]})}var N=l;export{N as a};
+import {a}from'./chunk-74MOID4D.js';import {R,V}from'./chunk-RQBLNWQJ.js';import {yc}from'./chunk-QMBLENVJ.js';import {Cb}from'./chunk-UVKRET3U.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function l({defaultValue:o,label:a$1,onChange:D,options:i}){let M=yc(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$1}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:Cb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(R,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:i.map((e,B)=>jsx(V,{onClick:()=>{k(e.value);},sx:T=>({...B!==i.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a,{onClick:m})]})}var N=l;export{N as a};

package/build/_chunks/{chunk-V4ZJLLXG.js → chunk-TIBNT63K.js}

@@ -1 +1 @@
-import {yc}from'./chunk-JDPHN2VN.js';import {memo,useId}from'react';import a from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var o=styled(a)(()=>({flex:1,position:"relative",display:"flex",flexDirection:"column",height:"100%"}));function e({children:p,...r}){let s=yc(useId(),"list-layout");return jsx(o,{id:s,component:"article","data-testid":"ListLayout",...r,children:p})}e.displayName="ListLayout";var i=memo(e);var C=i;export{C as a};
+import {yc}from'./chunk-QMBLENVJ.js';import {memo,useId}from'react';import a from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var o=styled(a)(()=>({flex:1,position:"relative",display:"flex",flexDirection:"column",height:"100%"}));function e({children:p,...r}){let s=yc(useId(),"list-layout");return jsx(o,{id:s,component:"article","data-testid":"ListLayout",...r,children:p})}e.displayName="ListLayout";var i=memo(e);var C=i;export{C as a};