@tap-payments/os-micro-frontend-shared 0.3.219-test.2-test.4 → 0.3.220

package/build/_chunks/chunk-FCQZSF6C.js

@@ -1 +0,0 @@
-import {c,d}from'./chunk-RXZVFV7R.js';import {a,c as c$1,d as d$1}from'./chunk-V4IMVJZP.js';import {b,a as a$1}from'./chunk-74FYV7XE.js';import {zc,xa}from'./chunk-MOCDGJR4.js';import {Gf}from'./chunk-M5HS3EYQ.js';import {createContext,memo,useRef,useId,useContext,useMemo,useState,useLayoutEffect,useCallback}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 pt from'@mui/material/Box';import {Resizable}from're-resizable';import lt from'react-draggable';import {motion}from'framer-motion';var Z=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,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var he=(e,t)=>t.toLowerCase().includes(e);function we(e,t,i){let n=he("top",t),r=he("left",t);return !n&&!r?null:{x:r?e.x+i.width:e.x,y:n?e.y-i.height:e.y}}var be=e=>{let{viewportWidth:t,viewportHeight:i,viewerDefaultWidth:n,viewerDefaultHeight:r,initialPosition:d,isMaximized:l,containerRef:a}=e,s=!l&&a?.current&&a.current!==document.body?a.current:null,p=s?.getBoundingClientRect(),u=p?.left??0,f=p?.top??0,m=s?.clientWidth||t,c=d?.x??t/2-n/2,o=d?.y??i/2-r/2;return {x:m-(c-u),y:o-f}};var Ue=555,je=545;function te({children:e,isOpen:t,onClose:i,defaultWindowHeight:n,defaultWindowWidth:r,initialPosition:d,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u,windowZIndex:f=1}){let {height:m,width:c}=a$1(),[o,M]=useState(false),B=o?null:u?.current,A=B?.clientWidth||c,b=B?.clientHeight||m,I=r||Ue,g=n||je;useRef(false);let [k,H]=useState(()=>be({viewportWidth:c,viewportHeight:m,viewerDefaultWidth:I,viewerDefaultHeight:g,initialPosition:d,isMaximized:o,containerRef:u})),[L,_]=useState(false),[F,S]=useState(false),[E,P]=useState(true),x=useRef(),[G,z]=useState({width:r??0,height:n??0}),O=useCallback(W=>{x?.current?.updateSize(W);},[]),V=useCallback(W=>{x.current?.updateSize(W),z(D=>({width:W.width??D.width,height:W.height??D.height}));},[]),ee=useMemo(()=>({position:k,setPosition:H,resizableRef:x,windowZIndex:f,isOpen:t,setIsMaximized:M,setIsSidebarExpanded:P,setIsToolbarAnimationDisabled:S,setIsResized:_,isMaximized:o,isToolbarAnimationDisabled:F,isSidebarExpanded:E,isResized:L,dimensions:G,setNewDimensions:z,viewerDefaultWidth:I,viewerDefaultHeight:g,onClose:i,fullWindowWidth:A,fullWindowHeight:b,viewportWidth:c,viewportHeight:m,updateRefSize:O,updateSize:V,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u}),[k,H,x,t,M,P,S,_,o,F,E,L,G,z,A,b,c,m,I,g,O,V,i,l,a,s,p,u,f]);return jsx(Z.Provider,{value:ee,children:e})}var R=.5,He=183,ve=287,ye=840,Re=545,oe=35;function Ke({title:e,onClose:t,onMaximize:i,maximized:n=false,id:r,onRequestClick:d$2,isSidebarExpanded:l=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:p,showSectionsButton:u,rightActions:f,icon:m}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:n||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:p,isMaximized:n,isHovered:a$1,title:e,icon:m||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:n,onClick:i}),u&&jsx(d$1,{onClick:d$2,isExpanded:!l,isHovered:a$1,children:"Sidebar"})]}),rightActions:f})})}var Ae=memo(Ke);var ie=Ae;function Qe({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:n,isSidebarExpanded:r,setIsSidebarExpanded:d,isToolbarAnimationDisabled:l,title:a,showSectionsButton:s,rightActions:p,icon:u}){let{isHovered:f,onMouseEnter:m,onMouseLeave:c}=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(ie,{title:a||"Users",showSectionsButton:s,onClose:n,onMaximize:()=>{i?.(o=>!o),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),d(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:m,onMouseLeave:c,rightActions:p,icon:u})})}var Se=memo(Qe);var Ee=Se;function ut({children:e,titleBar:t,titleBarText:i,mainAppOrder:n,mainAppIsMinimized:r,showSectionsButton:d=true,rightActions:l,titleBarIcon:a,overflow:s="hidden"}){let p=useRef(null),u=zc(useId(),"app-window"),{dimensions:f,position:m,resizableRef:c,isMaximized:o,isOpen:M,onClose:B,viewerDefaultWidth:A,viewerDefaultHeight:b,windowZIndex:I,setPosition:g,setNewDimensions:Q,isToolbarAnimationDisabled:k,fullWindowWidth:H,fullWindowHeight:L,viewportWidth:_,viewportHeight:F,setIsMaximized:S,setIsResized:E,isResized:P,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:G,isSidebarExpanded:z,minWidth:O,maxWidth:V,minHeight:ee,maxHeight:W,containerRef:D}=useContext(Z),h=useMemo(()=>document.createElement("div"),[]),[Le,_e]=useState(null);useLayoutEffect(()=>{_e(D?.current??document.body);},[D]);let w=o?document.body:Le;useLayoutEffect(()=>{if(!w)return;let v=w===document.body;return h.style.position=v?"":"absolute",h.style.inset=v?"":"0",h.style.pointerEvents="none",h.style.overflow="visible",w.appendChild(h),()=>{h.parentNode===w&&w.removeChild(h);}},[w,h]);let se=useRef({x:0,y:0}),pe=xa(),Fe=useCallback((v,U,de,Oe)=>{E(true),Q({width:de.offsetWidth,height:de.offsetHeight});let le=we(se.current,U,Oe);le&&g(le);},[Q,E,g]),N=f.width||A;if(!w)return null;let Ge=jsx(lt,{nodeRef:p,disabled:o,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:H/2-N/2,y:L/2-b/2},position:{x:H-m.x,y:m.y},onStop:(v,U)=>{g({x:H-U.x,y:U.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(n||0)+I+(o?1:0),...r&&{display:"none"},...w===document.body?!o&&{transform:"translate(180px, 14px)"}:!o&&{position:"absolute"},...!o&&{width:pe?N:"fit-content",height:pe?b:"fit-content"},...o&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:s,width:P?"fit-content":N,height:P?"fit-content":"100%",...o&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{S(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:M,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:h,fullScreen:o,"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:f.width,height:f.height},maxHeight:W??F-40,maxWidth:V??_,minWidth:o?"100vw":O??A,minHeight:o?"100vh":ee??b,ref:v=>{c.current=v;},onResizeStart:()=>{se.current=m,x(true);},onResizeStop:()=>{x(false);},onResize:Fe,defaultSize:{width:N,height:b},style:{background:"transparent",height:f.height,overflow:s,...o&&{height:"100% !important",width:"100% !important",flex:1},...o&&{position:"relative"}},children:jsxs(pt,{sx:{height:"100%"},id:u,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:B,setIsMaximized:S,isToolbarAnimationDisabled:k,setIsSidebarExpanded:G,isSidebarExpanded:z,title:i,isMaximized:o,showSectionsButton:d,rightActions:l,icon:a}),e]})})})});return createPortal(Ge,h)}var De=memo(ut);var ct=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"})),xt=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}})),ht=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})})),wt=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"})),bt=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 re=De;function gt({children:e,windowProps:t,...i}){return i.isOpen?jsx(te,{...i,children:jsx(re,{...t,children:e})}):null}var Me=gt;function Ht({title:e,maximized:t=false,id:i,isHovered:n=false,onMouseHover:r,onMouseLeave:d$1,leftActions:l,titleIconSrc:a,sx:s,...p}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...p,children:jsx(d,{onMouseEnter:r,onMouseLeave:d$1,isMaximized:t,isHovered:n,title:e||"",icon:a,leftActions:l})})}var ae=memo(Ht);function Rt({isMaximized:e,id:t,isToolbarAnimationDisabled:i,title:n,leftActions:r,onClose:d,onMaximize:l,sx:a$1}){let{isHovered:s,onMouseEnter:p,onMouseLeave:u}=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(ae,{title:n,maximized:e,id:t||"draggable-dialog-title",isHovered:s,onMouseHover:p,onMouseLeave:u,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:d}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:a$1})})}var ke=memo(Rt);var St=ke;var qo=Me;export{Z as a,te as b,R as c,He as d,ve as e,ye as f,Re as g,oe as h,ie as i,ct as j,xt as k,ht as l,wt as m,bt as n,re as o,ae as p,St as q,qo as r};