@tap-payments/os-micro-frontend-shared 0.3.195 → 0.3.197

package/build/_chunks/{chunk-SRBHCNCU.js → chunk-2UE35TIU.js}

@@ -1 +1 @@
-import'./chunk-E3JADKXE.js';import {memo,useState,useRef,useMemo,useEffect}from'react';import {useTheme}from'@mui/material';import {motion}from'framer-motion';import {Resizable}from're-resizable';import X from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var x={boxShadow:"rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px",display:"flex",flexDirection:"column",overflow:"visible",width:"-webkit-fill-available",height:"100% !important",margin:"auto"},C={position:"fixed",right:0,left:24,top:88,overflow:"visible",borderRadius:"12px"},S={width:"inherit",height:"inherit",gridRowStart:1,gridColumnStart:1,position:"relative",display:"flex",justifyContent:"center"},R=styled(motion.div,{shouldForwardProp:t=>t!=="maximized"&&t!=="minimized"})(({maximized:t,minimized:r})=>({overflow:"hidden",display:"flex",flexDirection:"column",width:"100%",height:"100%",zIndex:1,borderRadius:"12px",...t&&!r&&{transform:"translate(0,0) !important"},...r&&{visibility:"hidden",opacity:0,pointerEvents:"none"}})),v=styled(X)(()=>({flexGrow:1})),w=styled(motion.div)(()=>({width:"inherit",height:"100%",overflow:"hidden",flexGrow:1,position:"relative",display:"grid",gridTemplateColumns:"1fr"}));function V({children:t,id:r,onResize:y,isMaximized:e,isMinimized:s,dragControls:E,onClick:i,options:{width:o,height:H,minHeight:D,minWidth:A,maxHeight:P,maxWidth:z,order:d,openOrder:a=1},sandboxMode:m=false,sx:T}){let f=useTheme(),[I,g]=useState(true),_=useRef(null),N=useRef(null),u=useRef(),G=()=>{g(true);},L=()=>{i?.(),g(false);},k=useMemo(()=>({...x,maxWidth:o,borderRadius:e?"0 !important":12,...!e&&{top:0},background:m?f.palette.common.lightOrange:f.palette.background.transparent[0],backdropFilter:"blur(32px)"}),[o,e,m]);return useEffect(()=>{u.current?.updateSize({width:e?"100vw":o,height:e?"100vh":"100%"});},[e,o]),jsx(v,{id:"app-container-wrapper","data-testid":"AppContainerWrapper",sx:T,children:jsx(w,{"data-testid":"AppContainerContainer",children:jsx(motion.div,{id:"app-content","data-add-id":r,"data-testid":"AppContent",ref:N,initial:S,children:jsx(R,{id:"content-wrapper",drag:!e&&I,dragMomentum:false,dragConstraints:false,onDragStart:i,onDragEnter:i,onClick:i,dragControls:E,dragListener:false,style:{...d&&{zIndex:Number(d)+3},...C,height:H},initial:{marginInline:"auto",scale:0,left:0,...!e&&{left:48*(a-1)}},animate:{width:o,...e&&{width:"100vw"},scale:+!s,top:e?0:88+24*(a-1),left:e?0:48*(a-1)},ref:_,maximized:e,minimized:s,transition:{duration:e?.3:0},children:jsx(Resizable,{"data-id":r,ref:c=>{u.current=c;},style:k,minHeight:D,minWidth:A,maxHeight:P,maxWidth:z,onResizeStart:L,onResizeStop:G,onResize:(c,Y,B)=>{y?.(B);},children:t})})})})})}var W=memo(V);var ge=W;export{ge as a};
+import'./chunk-UVKRET3U.js';import {memo,useState,useRef,useMemo,useEffect}from'react';import {useTheme}from'@mui/material';import {motion}from'framer-motion';import {Resizable}from're-resizable';import X from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var x={boxShadow:"rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px",display:"flex",flexDirection:"column",overflow:"visible",width:"-webkit-fill-available",height:"100% !important",margin:"auto"},C={position:"fixed",right:0,left:24,top:88,overflow:"visible",borderRadius:"12px"},S={width:"inherit",height:"inherit",gridRowStart:1,gridColumnStart:1,position:"relative",display:"flex",justifyContent:"center"},R=styled(motion.div,{shouldForwardProp:t=>t!=="maximized"&&t!=="minimized"})(({maximized:t,minimized:r})=>({overflow:"hidden",display:"flex",flexDirection:"column",width:"100%",height:"100%",zIndex:1,borderRadius:"12px",...t&&!r&&{transform:"translate(0,0) !important"},...r&&{visibility:"hidden",opacity:0,pointerEvents:"none"}})),v=styled(X)(()=>({flexGrow:1})),w=styled(motion.div)(()=>({width:"inherit",height:"100%",overflow:"hidden",flexGrow:1,position:"relative",display:"grid",gridTemplateColumns:"1fr"}));function V({children:t,id:r,onResize:y,isMaximized:e,isMinimized:s,dragControls:E,onClick:i,options:{width:o,height:H,minHeight:D,minWidth:A,maxHeight:P,maxWidth:z,order:d,openOrder:a=1},sandboxMode:m=false,sx:T}){let f=useTheme(),[I,g]=useState(true),_=useRef(null),N=useRef(null),u=useRef(),G=()=>{g(true);},L=()=>{i?.(),g(false);},k=useMemo(()=>({...x,maxWidth:o,borderRadius:e?"0 !important":12,...!e&&{top:0},background:m?f.palette.common.lightOrange:f.palette.background.transparent[0],backdropFilter:"blur(32px)"}),[o,e,m]);return useEffect(()=>{u.current?.updateSize({width:e?"100vw":o,height:e?"100vh":"100%"});},[e,o]),jsx(v,{id:"app-container-wrapper","data-testid":"AppContainerWrapper",sx:T,children:jsx(w,{"data-testid":"AppContainerContainer",children:jsx(motion.div,{id:"app-content","data-add-id":r,"data-testid":"AppContent",ref:N,initial:S,children:jsx(R,{id:"content-wrapper",drag:!e&&I,dragMomentum:false,dragConstraints:false,onDragStart:i,onDragEnter:i,onClick:i,dragControls:E,dragListener:false,style:{...d&&{zIndex:Number(d)+3},...C,height:H},initial:{marginInline:"auto",scale:0,left:0,...!e&&{left:48*(a-1)}},animate:{width:o,...e&&{width:"100vw"},scale:+!s,top:e?0:88+24*(a-1),left:e?0:48*(a-1)},ref:_,maximized:e,minimized:s,transition:{duration:e?.3:0},children:jsx(Resizable,{"data-id":r,ref:c=>{u.current=c;},style:k,minHeight:D,minWidth:A,maxHeight:P,maxWidth:z,onResizeStart:L,onResizeStop:G,onResize:(c,Y,B)=>{y?.(B);},children:t})})})})})}var W=memo(V);var ge=W;export{ge as a};