@tap-payments/os-micro-frontend-shared 0.3.53 → 0.3.55

package/build/_chunks/{chunk-ASOXT57Y.js → chunk-LAIYGNRX.js}

@@ -1 +1 @@
-import {a,c as c$1,d as d$1}from'./chunk-QEAQZT5Q.js';import {c,d}from'./chunk-4RVTPLD5.js';import {b,a as a$1}from'./chunk-R6O5OQBU.js';import {Jc,Ga}from'./chunk-4SYKYIKL.js';import {Bf}from'./chunk-QUDJFPUU.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 Ue from'@mui/material/Box';import {Resizable}from're-resizable';import Xe from'react-draggable';import {motion}from'framer-motion';var O=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 ye=555,Te=545;function q({children:e,isOpen:o,onClose:i,defaultWindowHeight:r,defaultWindowWidth:a,initialPosition:s,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}){let{height:n,width:f}=a$1(),u=a||ye,t=r||Te,[b,z]=useState({x:s?.x??f/2+u/2,y:s?.y??n/2-t/2}),[I,c]=useState(false),[v,P]=useState(false),[S,C]=useState(false),[h,R]=useState(true),w=useRef(),[E,W]=useState({width:a??0,height:r??0}),x=useCallback(g=>{w?.current?.updateSize(g);},[]),D=useCallback(g=>{w.current?.updateSize(g),W(B=>({width:g.width??B.width,height:g.height??B.height}));},[]),U=useMemo(()=>({position:b,setPosition:z,resizableRef:w,windowZIndex:1,isOpen:o,setIsMaximized:c,setIsSidebarExpanded:R,setIsToolbarAnimationDisabled:C,setIsResized:P,isMaximized:I,isToolbarAnimationDisabled:S,isSidebarExpanded:h,isResized:v,dimensions:E,setNewDimensions:W,viewerDefaultWidth:u,viewerDefaultHeight:t,onClose:i,fullWindowWidth:f,fullWindowHeight:n,updateRefSize:x,updateSize:D,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}),[b,z,w,o,c,R,C,P,I,S,h,v,E,W,f,n,u,t,x,D,i,l,d,p,m]);return jsx(O.Provider,{value:U,children:e})}var A=.5,de=183,pe=287,se=840,le=545,Y=35;function Pe({title:e,onClose:o,onMaximize:i,maximized:r=false,id:a$1,onRequestClick:s,isSidebarExpanded:l=false,isHovered:d$2=false,onMouseHover:p,onMouseLeave:m,showSectionsButton:n,rightActions:f,icon:u}){return jsx(c,{id:a$1,"data-testid":"UserTitleBar",maximized:r||false,children:jsx(d,{onMouseEnter:p,onMouseLeave:m,isMaximized:r,isHovered:d$2,title:e,icon:u||Bf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:o}),jsx(c$1,{isMaximized:r,onClick:i}),n&&jsx(d$1,{onClick:s,isExpanded:!l,isHovered:d$2,children:"Sidebar"})]}),rightActions:f})})}var me=memo(Pe);var $=me;function ke({isMaximized:e,setIsToolbarAnimationDisabled:o,setIsMaximized:i,onClose:r,isSidebarExpanded:a,setIsSidebarExpanded:s,isToolbarAnimationDisabled:l,title:d,showSectionsButton:p,rightActions:m,icon:n}){let{isHovered:f,onMouseEnter:u,onMouseLeave:t}=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($,{title:d||"Users",showSectionsButton:p,onClose:r,onMaximize:()=>{i?.(b=>!b),o?.(true),setTimeout(()=>{o?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{o?.(false),s(!a);},isSidebarExpanded:a,isHovered:f,onMouseHover:u,onMouseLeave:t,rightActions:m,icon:n})})}var ue=memo(ke);var xe=ue;function qe({children:e,titleBar:o,titleBarText:i,mainAppOrder:r,mainAppIsMinimized:a,showSectionsButton:s=true,rightActions:l,titleBarIcon:d}){let p=useRef(null),m=Jc(useId(),"app-window"),{dimensions:n,position:f,resizableRef:u,isMaximized:t,isOpen:b,onClose:z,viewerDefaultWidth:I,viewerDefaultHeight:c,windowZIndex:v,setPosition:P,setNewDimensions:S,isToolbarAnimationDisabled:C,fullWindowWidth:h,fullWindowHeight:R,setIsMaximized:w,setIsResized:E,isResized:W,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:D,isSidebarExpanded:U,minWidth:g,maxWidth:B,minHeight:He,maxHeight:Ae}=useContext(O),j=Ga(),Ie=useCallback((Z,X,ee)=>{E(true),S({width:ee.offsetWidth,height:ee.offsetHeight});},[S,E]),M=n.width||I;return createPortal(jsx(Xe,{nodeRef:p,disabled:t,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:h/2-M/2,y:R/2-c/2},position:{x:h-f.x,y:f.y},onStop:(Z,X)=>{P({x:h-X.x,y:X.y});},bounds:{top:10},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",zIndex:Number(r||0)+v,...a&&{display:"none"},transform:"translate(180px, 14px)",...!t&&{width:j?M:"fit-content",height:j?c:"fit-content"},...t&&{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:W?"fit-content":M,height:W?"fit-content":"100%",...t&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{w(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:b,hideBackdrop:true,fullScreen:t,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,left:true,right:true,bottomRight:true,bottom:true,top:true},size:{width:n.width,height:n.height},maxHeight:Ae??R-40,maxWidth:B??h,minWidth:t?"100vw":g??I,minHeight:t?"100vh":He??c,ref:Z=>{u.current=Z;},onResizeStart:()=>{x(true);},onResizeStop:()=>{x(false);},onResize:Ie,defaultSize:{width:M,height:c},style:{background:"transparent",height:n.height,overflow:"hidden",...t&&{height:"100% !important",width:"100% !important",flex:1},...t&&{position:"relative"}},children:jsxs(Ue,{sx:{height:"100%"},id:m,"data-testid":"AppWindow",children:[o??jsx(xe,{setIsToolbarAnimationDisabled:x,onClose:z,setIsMaximized:w,isToolbarAnimationDisabled:C,setIsSidebarExpanded:D,isSidebarExpanded:U,title:i,isMaximized:t,showSectionsButton:s,rightActions:l,icon:d}),e]})})})}),document.body)}var ce=memo(qe);var Je=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:o})=>({background:o?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:o?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Ke=styled(Button)(({theme:e,disabled:o})=>({background:o?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}})),Qe=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})})),je=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"})),eo=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 K=ce;function oo({children:e,windowProps:o,...i}){return i.isOpen?jsx(q,{...i,children:jsx(K,{...o,children:e})}):null}var ge=oo;function io({title:e,maximized:o=false,id:i,isHovered:r=false,onMouseHover:a,onMouseLeave:s,leftActions:l,titleIconSrc:d$1,sx:p,...m}){return jsx(c,{className:"header-wrapper",id:i,maximized:o||false,sx:p,...m,children:jsx(d,{onMouseEnter:a,onMouseLeave:s,isMaximized:o,isHovered:r,title:e||"",icon:d$1,leftActions:l})})}var Q=memo(io);function ao({isMaximized:e,id:o,isToolbarAnimationDisabled:i,title:r,leftActions:a$1,onClose:s,onMaximize:l,sx:d}){let{isHovered:p,onMouseEnter:m,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,...i&&{duration:0}},children:jsx(Q,{title:r,maximized:e,id:o||"draggable-dialog-title",isHovered:p,onMouseHover:m,onMouseLeave:n,leftActions:a$1||jsxs(Fragment,{children:[jsx(a,{onClick:s}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:d})})}var We=memo(ao);var lo=We;var Rt=ge;export{O as a,q as b,A as c,de as d,pe as e,se as f,le as g,Y as h,$ as i,Je as j,Ke as k,Qe as l,je as m,eo as n,K as o,Q as p,lo as q,Rt as r};
+import {c,d}from'./chunk-4RVTPLD5.js';import {a,c as c$1,d as d$1}from'./chunk-QEAQZT5Q.js';import {b,a as a$1}from'./chunk-R6O5OQBU.js';import {Jc,Ga}from'./chunk-4SYKYIKL.js';import {Bf}from'./chunk-QUDJFPUU.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 Ue from'@mui/material/Box';import {Resizable}from're-resizable';import Xe from'react-draggable';import {motion}from'framer-motion';var O=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 ye=555,Te=545;function q({children:e,isOpen:o,onClose:i,defaultWindowHeight:r,defaultWindowWidth:a,initialPosition:s,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}){let{height:n,width:f}=a$1(),u=a||ye,t=r||Te,[b,z]=useState({x:s?.x??f/2+u/2,y:s?.y??n/2-t/2}),[I,c]=useState(false),[v,P]=useState(false),[S,C]=useState(false),[h,R]=useState(true),w=useRef(),[E,W]=useState({width:a??0,height:r??0}),x=useCallback(g=>{w?.current?.updateSize(g);},[]),D=useCallback(g=>{w.current?.updateSize(g),W(B=>({width:g.width??B.width,height:g.height??B.height}));},[]),U=useMemo(()=>({position:b,setPosition:z,resizableRef:w,windowZIndex:1,isOpen:o,setIsMaximized:c,setIsSidebarExpanded:R,setIsToolbarAnimationDisabled:C,setIsResized:P,isMaximized:I,isToolbarAnimationDisabled:S,isSidebarExpanded:h,isResized:v,dimensions:E,setNewDimensions:W,viewerDefaultWidth:u,viewerDefaultHeight:t,onClose:i,fullWindowWidth:f,fullWindowHeight:n,updateRefSize:x,updateSize:D,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}),[b,z,w,o,c,R,C,P,I,S,h,v,E,W,f,n,u,t,x,D,i,l,d,p,m]);return jsx(O.Provider,{value:U,children:e})}var A=.5,de=183,pe=287,se=840,le=545,Y=35;function Pe({title:e,onClose:o,onMaximize:i,maximized:r=false,id:a$1,onRequestClick:s,isSidebarExpanded:l=false,isHovered:d$2=false,onMouseHover:p,onMouseLeave:m,showSectionsButton:n,rightActions:f,icon:u}){return jsx(c,{id:a$1,"data-testid":"UserTitleBar",maximized:r||false,children:jsx(d,{onMouseEnter:p,onMouseLeave:m,isMaximized:r,isHovered:d$2,title:e,icon:u||Bf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:o}),jsx(c$1,{isMaximized:r,onClick:i}),n&&jsx(d$1,{onClick:s,isExpanded:!l,isHovered:d$2,children:"Sidebar"})]}),rightActions:f})})}var me=memo(Pe);var $=me;function ke({isMaximized:e,setIsToolbarAnimationDisabled:o,setIsMaximized:i,onClose:r,isSidebarExpanded:a,setIsSidebarExpanded:s,isToolbarAnimationDisabled:l,title:d,showSectionsButton:p,rightActions:m,icon:n}){let{isHovered:f,onMouseEnter:u,onMouseLeave:t}=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($,{title:d||"Users",showSectionsButton:p,onClose:r,onMaximize:()=>{i?.(b=>!b),o?.(true),setTimeout(()=>{o?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{o?.(false),s(!a);},isSidebarExpanded:a,isHovered:f,onMouseHover:u,onMouseLeave:t,rightActions:m,icon:n})})}var ue=memo(ke);var xe=ue;function qe({children:e,titleBar:o,titleBarText:i,mainAppOrder:r,mainAppIsMinimized:a,showSectionsButton:s=true,rightActions:l,titleBarIcon:d}){let p=useRef(null),m=Jc(useId(),"app-window"),{dimensions:n,position:f,resizableRef:u,isMaximized:t,isOpen:b,onClose:z,viewerDefaultWidth:I,viewerDefaultHeight:c,windowZIndex:v,setPosition:P,setNewDimensions:S,isToolbarAnimationDisabled:C,fullWindowWidth:h,fullWindowHeight:R,setIsMaximized:w,setIsResized:E,isResized:W,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:D,isSidebarExpanded:U,minWidth:g,maxWidth:B,minHeight:He,maxHeight:Ae}=useContext(O),j=Ga(),Ie=useCallback((Z,X,ee)=>{E(true),S({width:ee.offsetWidth,height:ee.offsetHeight});},[S,E]),M=n.width||I;return createPortal(jsx(Xe,{nodeRef:p,disabled:t,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:h/2-M/2,y:R/2-c/2},position:{x:h-f.x,y:f.y},onStop:(Z,X)=>{P({x:h-X.x,y:X.y});},bounds:{top:10},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",zIndex:Number(r||0)+v,...a&&{display:"none"},transform:"translate(180px, 14px)",...!t&&{width:j?M:"fit-content",height:j?c:"fit-content"},...t&&{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:W?"fit-content":M,height:W?"fit-content":"100%",...t&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{w(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:b,hideBackdrop:true,fullScreen:t,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,left:true,right:true,bottomRight:true,bottom:true,top:true},size:{width:n.width,height:n.height},maxHeight:Ae??R-40,maxWidth:B??h,minWidth:t?"100vw":g??I,minHeight:t?"100vh":He??c,ref:Z=>{u.current=Z;},onResizeStart:()=>{x(true);},onResizeStop:()=>{x(false);},onResize:Ie,defaultSize:{width:M,height:c},style:{background:"transparent",height:n.height,overflow:"hidden",...t&&{height:"100% !important",width:"100% !important",flex:1},...t&&{position:"relative"}},children:jsxs(Ue,{sx:{height:"100%"},id:m,"data-testid":"AppWindow",children:[o??jsx(xe,{setIsToolbarAnimationDisabled:x,onClose:z,setIsMaximized:w,isToolbarAnimationDisabled:C,setIsSidebarExpanded:D,isSidebarExpanded:U,title:i,isMaximized:t,showSectionsButton:s,rightActions:l,icon:d}),e]})})})}),document.body)}var ce=memo(qe);var Je=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:o})=>({background:o?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:o?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Ke=styled(Button)(({theme:e,disabled:o})=>({background:o?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}})),Qe=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})})),je=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"})),eo=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 K=ce;function oo({children:e,windowProps:o,...i}){return i.isOpen?jsx(q,{...i,children:jsx(K,{...o,children:e})}):null}var ge=oo;function io({title:e,maximized:o=false,id:i,isHovered:r=false,onMouseHover:a,onMouseLeave:s,leftActions:l,titleIconSrc:d$1,sx:p,...m}){return jsx(c,{className:"header-wrapper",id:i,maximized:o||false,sx:p,...m,children:jsx(d,{onMouseEnter:a,onMouseLeave:s,isMaximized:o,isHovered:r,title:e||"",icon:d$1,leftActions:l})})}var Q=memo(io);function ao({isMaximized:e,id:o,isToolbarAnimationDisabled:i,title:r,leftActions:a$1,onClose:s,onMaximize:l,sx:d}){let{isHovered:p,onMouseEnter:m,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,...i&&{duration:0}},children:jsx(Q,{title:r,maximized:e,id:o||"draggable-dialog-title",isHovered:p,onMouseHover:m,onMouseLeave:n,leftActions:a$1||jsxs(Fragment,{children:[jsx(a,{onClick:s}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:d})})}var We=memo(ao);var lo=We;var Rt=ge;export{O as a,q as b,A as c,de as d,pe as e,se as f,le as g,Y as h,$ as i,Je as j,Ke as k,Qe as l,je as m,eo as n,K as o,Q as p,lo as q,Rt as r};