@tap-payments/os-micro-frontend-shared 0.3.153 → 0.3.154

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.3.153",
+  "version": "0.3.154",
   "testVersion": 0,
   "type": "module",
   "sideEffects": false,

package/build/_chunks/chunk-VFZLSRQH.js

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