@tap-payments/os-micro-frontend-shared 0.3.128 → 0.3.129

package/build/_chunks/chunk-F6DUDVKE.js

@@ -0,0 +1 @@
+import {c,d}from'./chunk-UNLNZAKM.js';import {a,c as c$1,d as d$1}from'./chunk-VEVE5DX7.js';import {b,a as a$1}from'./chunk-QQNTOFG6.js';import {yc,xa}from'./chunk-7OLVFHOH.js';import {Gf}from'./chunk-P3J2LGFL.js';import {createContext,memo,useRef,useId,useContext,useCallback,useState,useMemo}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {styled,Box,Button,alpha,Dialog}from'@mui/material';import Ye from'@mui/material/Box';import {Resizable}from're-resizable';import Je from'react-draggable';import {motion}from'framer-motion';var V=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{}});var Ce=555,Be=545;function j({children:e,isOpen:t,onClose:o,defaultWindowHeight:i,defaultWindowWidth:r,initialPosition:s,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}){let{height:a,width:f}=a$1(),u=r||Ce,n=i||Be,[b,D]=useState({x:s?.x??f/2+u/2,y:s?.y??a/2-n/2}),[I,c]=useState(false),[v,W]=useState(false),[S,P]=useState(false),[h,y]=useState(true),w=useRef(),[E,A]=useState({width:r??0,height:i??0}),x=useCallback(g=>{w?.current?.updateSize(g);},[]),C=useCallback(g=>{w.current?.updateSize(g),A(B=>({width:g.width??B.width,height:g.height??B.height}));},[]),Z=useMemo(()=>({position:b,setPosition:D,resizableRef:w,windowZIndex:1,isOpen:t,setIsMaximized:c,setIsSidebarExpanded:y,setIsToolbarAnimationDisabled:P,setIsResized:W,isMaximized:I,isToolbarAnimationDisabled:S,isSidebarExpanded:h,isResized:v,dimensions:E,setNewDimensions:A,viewerDefaultWidth:u,viewerDefaultHeight:n,onClose:o,fullWindowWidth:f,fullWindowHeight:a,updateRefSize:x,updateSize:C,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}),[b,D,w,t,c,y,P,W,I,S,h,v,E,A,f,a,u,n,x,C,o,l,d,p,m]);return jsx(V.Provider,{value:Z,children:e})}var se=(e,t)=>t.toLowerCase().includes(e);function le(e,t,o){let i=se("top",t),r=se("left",t);return !i&&!r?null:{x:r?e.x+o.width:e.x,y:i?e.y-o.height:e.y}}var R=.5,me=183,fe=287,ue=840,xe=545,q=35;function _e({title:e,onClose:t,onMaximize:o,maximized:i=false,id:r,onRequestClick:s,isSidebarExpanded:l=false,isHovered:d$2=false,onMouseHover:p,onMouseLeave:m,showSectionsButton:a$1,rightActions:f,icon:u}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:i||false,children:jsx(d,{onMouseEnter:p,onMouseLeave:m,isMaximized:i,isHovered:d$2,title:e,icon:u||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:i,onClick:o}),a$1&&jsx(d$1,{onClick:s,isExpanded:!l,isHovered:d$2,children:"Sidebar"})]}),rightActions:f})})}var ce=memo(_e);var Y=ce;function Ve({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:o,onClose:i,isSidebarExpanded:r,setIsSidebarExpanded:s,isToolbarAnimationDisabled:l,title:d,showSectionsButton:p,rightActions:m,icon:a}){let{isHovered:f,onMouseEnter:u,onMouseLeave:n}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...l&&{duration:0}},children:jsx(Y,{title:d||"Users",showSectionsButton:p,onClose:i,onMaximize:()=>{o?.(b=>!b),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),s(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:u,onMouseLeave:n,rightActions:m,icon:a})})}var we=memo(Ve);var ge=we;function Ke({children:e,titleBar:t,titleBarText:o,mainAppOrder:i,mainAppIsMinimized:r,showSectionsButton:s=true,rightActions:l,titleBarIcon:d}){let p=useRef(null),m=yc(useId(),"app-window"),{dimensions:a,position:f,resizableRef:u,isMaximized:n,isOpen:b,onClose:D,viewerDefaultWidth:I,viewerDefaultHeight:c,windowZIndex:v,setPosition:W,setNewDimensions:S,isToolbarAnimationDisabled:P,fullWindowWidth:h,fullWindowHeight:y,setIsMaximized:w,setIsResized:E,isResized:A,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:C,isSidebarExpanded:Z,minWidth:g,maxWidth:B,minHeight:ye,maxHeight:Ee}=useContext(V),Q=useRef({x:0,y:0}),ee=xa(),ze=useCallback((X,k,te,Te)=>{E(true),S({width:te.offsetWidth,height:te.offsetHeight});let oe=le(Q.current,k,Te);oe&&W(oe);},[S,E,W]),M=a.width||I;return createPortal(jsx(Je,{nodeRef:p,disabled:n,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:h/2-M/2,y:y/2-c/2},position:{x:h-f.x,y:f.y},onStop:(X,k)=>{W({x:h-k.x,y:k.y});},bounds:{top:10},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",zIndex:Number(i||0)+v,...r&&{display:"none"},transform:"translate(180px, 14px)",...!n&&{width:ee?M:"fit-content",height:ee?c:"fit-content"},...n&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)"},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",width:A?"fit-content":M,height:A?"fit-content":"100%",...n&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{w(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:b,hideBackdrop:true,fullScreen:n,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:a.width,height:a.height},maxHeight:Ee??y-40,maxWidth:B??h,minWidth:n?"100vw":g??I,minHeight:n?"100vh":ye??c,ref:X=>{u.current=X;},onResizeStart:()=>{Q.current=f,x(true);},onResizeStop:()=>{x(false);},onResize:ze,defaultSize:{width:M,height:c},style:{background:"transparent",height:a.height,overflow:"hidden",...n&&{height:"100% !important",width:"100% !important",flex:1},...n&&{position:"relative"}},children:jsxs(Ye,{sx:{height:"100%"},id:m,"data-testid":"AppWindow",children:[t??jsx(ge,{setIsToolbarAnimationDisabled:x,onClose:D,setIsMaximized:w,isToolbarAnimationDisabled:P,setIsSidebarExpanded:C,isSidebarExpanded:Z,title:o,isMaximized:n,showSectionsButton:s,rightActions:l,icon:d}),e]})})})}),document.body)}var We=memo(Ke);var tt=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),ot=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),it=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),rt=styled(Box)(()=>({position:"fixed",height:35,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),nt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var J=We;function at({children:e,windowProps:t,...o}){return o.isOpen?jsx(j,{...o,children:jsx(J,{...t,children:e})}):null}var Re=at;function pt({title:e,maximized:t=false,id:o,isHovered:i=false,onMouseHover:r,onMouseLeave:s,leftActions:l,titleIconSrc:d$1,sx:p,...m}){return jsx(c,{className:"header-wrapper",id:o,maximized:t||false,sx:p,...m,children:jsx(d,{onMouseEnter:r,onMouseLeave:s,isMaximized:t,isHovered:i,title:e||"",icon:d$1,leftActions:l})})}var K=memo(pt);function mt({isMaximized:e,id:t,isToolbarAnimationDisabled:o,title:i,leftActions:r,onClose:s,onMaximize:l,sx:d}){let{isHovered:p,onMouseEnter:m,onMouseLeave:a$1}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...o&&{duration:0}},children:jsx(K,{title:i,maximized:e,id:t||"draggable-dialog-title",isHovered:p,onMouseHover:m,onMouseLeave:a$1,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:s}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:d})})}var Se=memo(mt);var xt=Se;var Po=Re;export{V as a,j as b,R as c,me as d,fe as e,ue as f,xe as g,q as h,Y as i,tt as j,ot as k,it as l,rt as m,nt as n,J as o,K as p,xt as q,Po as r};

package/build/_chunks/{chunk-2SMPUEEY.js → chunk-PID2W7O7.js}

@@ -1 +1 @@
-import'./chunk-VWYSTIKM.js';import {b as b$1}from'./chunk-RPHP4TH7.js';import {yc}from'./chunk-7OLVFHOH.js';import {memo,useId,useState,useEffect}from'react';import d from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,Fragment}from'react/jsx-runtime';var s="32px";var f=styled(d,{shouldForwardProp:e=>e!=="isMaximized"})(({theme:e,isMaximized:r})=>({background:alpha(e.palette.common.white,.7),backdropFilter:"blur(8px)",width:183,position:"sticky",padding:"16px 8px",paddingTop:r?s:"16px",height:"100%",overflow:"auto"})),b=styled(d)(()=>({display:"flex",flexDirection:"column",gap:"8px"})),g=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:r?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600})),S=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"#FFFFFF":"transparent",borderRadius:"4px",padding:"4px 8px",color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600}));function H({sections:e,isMaximized:r,onClick:x,activeSection:h,activeSubSection:E}){let A=yc(useId(),"expandable-side-bar"),i=h||e?.[0]?.id,k=E||e?.[0]?.subSections?.[0]?.id,[I,c]=useState({});return useEffect(()=>{e?.length&&c(t=>{let o=false,a={...t};for(let l of e)l.id in a||(a[l.id]=i===l.id,o=true);return o?a:t});},[e,i]),useEffect(()=>{i&&c(t=>({...t,[i]:true}));},[i]),jsx(f,{isMaximized:r,id:A,"data-testid":"ExpandableSideBar",children:jsx(b,{children:e?.map(t=>jsx(b$1,{expanded:I[t.id]??false,onChange:o=>c(a=>({...a,[t.id]:o})),label:jsx(S,{onClick:()=>{x?.(t.id,t.subSections?.[0]?.id);},isActive:i===t.id,children:t.title}),content:jsx(Fragment,{children:t.subSections?.map(o=>jsx(g,{onClick:()=>{x?.(t.id,o.id);},isActive:k===o.id,children:o.title},`${t.id}-${o.id}`))}),slotProps:{root:{component:"section",sx:{background:"transparent",border:"none !important","&.MuiAccordion-root":{borderRadius:"4px !important"}}},label:{sx:{padding:0,paddingRight:1,minHeight:0,marginBottom:"4px",borderRadius:"4px !important","& .MuiAccordionSummary-content":{margin:"0 !important"}}},content:{sx:{borderTop:"none",padding:0}}}},`${t.id}`))})})}var B=memo(H);var K=B;export{K as a};
+import'./chunk-F6DUDVKE.js';import {b as b$1}from'./chunk-RPHP4TH7.js';import {yc}from'./chunk-7OLVFHOH.js';import {memo,useId,useState,useEffect}from'react';import d from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,Fragment}from'react/jsx-runtime';var s="32px";var f=styled(d,{shouldForwardProp:e=>e!=="isMaximized"})(({theme:e,isMaximized:r})=>({background:alpha(e.palette.common.white,.7),backdropFilter:"blur(8px)",width:183,position:"sticky",padding:"16px 8px",paddingTop:r?s:"16px",height:"100%",overflow:"auto"})),b=styled(d)(()=>({display:"flex",flexDirection:"column",gap:"8px"})),g=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:r?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600})),S=styled(d,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:r})=>({background:r?"#FFFFFF":"transparent",borderRadius:"4px",padding:"4px 8px",color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer",fontWeight:600}));function H({sections:e,isMaximized:r,onClick:x,activeSection:h,activeSubSection:E}){let A=yc(useId(),"expandable-side-bar"),i=h||e?.[0]?.id,k=E||e?.[0]?.subSections?.[0]?.id,[I,c]=useState({});return useEffect(()=>{e?.length&&c(t=>{let o=false,a={...t};for(let l of e)l.id in a||(a[l.id]=i===l.id,o=true);return o?a:t});},[e,i]),useEffect(()=>{i&&c(t=>({...t,[i]:true}));},[i]),jsx(f,{isMaximized:r,id:A,"data-testid":"ExpandableSideBar",children:jsx(b,{children:e?.map(t=>jsx(b$1,{expanded:I[t.id]??false,onChange:o=>c(a=>({...a,[t.id]:o})),label:jsx(S,{onClick:()=>{x?.(t.id,t.subSections?.[0]?.id);},isActive:i===t.id,children:t.title}),content:jsx(Fragment,{children:t.subSections?.map(o=>jsx(g,{onClick:()=>{x?.(t.id,o.id);},isActive:k===o.id,children:o.title},`${t.id}-${o.id}`))}),slotProps:{root:{component:"section",sx:{background:"transparent",border:"none !important","&.MuiAccordion-root":{borderRadius:"4px !important"}}},label:{sx:{padding:0,paddingRight:1,minHeight:0,marginBottom:"4px",borderRadius:"4px !important","& .MuiAccordionSummary-content":{margin:"0 !important"}}},content:{sx:{borderTop:"none",padding:0}}}},`${t.id}`))})})}var B=memo(H);var K=B;export{K as a};