@tap-payments/os-micro-frontend-shared 0.1.482 → 0.1.484

package/build/chunk-TZDBATZU.js

@@ -1 +0,0 @@
-import {c as c$2}from'./chunk-YO6CMXAI.js';import {c,e}from'./chunk-UIUJ55RJ.js';import {a,c as c$1,d}from'./chunk-WRDDVTG7.js';import {b as b$1,a as a$1}from'./chunk-LFP7PJUC.js';import {Ra}from'./chunk-RACDVPDX.js';import {na,_c,Cd,Bd,ma,ka,la}from'./chunk-RC7QOYMU.js';import tt,{memo,createContext,useState,useRef,useMemo,useEffect,useCallback,useContext}from'react';import {styled,Popover,Input,Typography,Box,Dialog}from'@mui/material';import B from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {Resizable}from're-resizable';import xt from'react-draggable';import it from'@mui/material/Box';import {useTranslation}from'react-i18next';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var w=37,oe="32px",h=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var et=44,ie={"--w-rjv-color":"#9cdcfe","--w-rjv-key-string":"#357fb9","--w-rjv-background-color":"#ffffff","--w-rjv-line-color":"#ffffff","--w-rjv-arrow-color":"#116e6bed","--w-rjv-edit-color":"#9cdcfe","--w-rjv-info-color":"#9c9c9c7a","--w-rjv-update-color":"#FFE20B","--w-rjv-copied-color":"#9cdcfe","--w-rjv-copied-success-color":"#28a745","--w-rjv-curlybraces-color":"#000000","--w-rjv-colon-color":"#000000","--w-rjv-brackets-color":"#000000","--w-rjv-quotes-color":"#9cdcfe","--w-rjv-quotes-string-color":"#c27c46","--w-rjv-type-string-color":"#c27c46","--w-rjv-type-int-color":"#956ea5","--w-rjv-type-float-color":"#956ea5","--w-rjv-type-bigint-color":"#956ea5","--w-rjv-type-boolean-color":"#956ea5","--w-rjv-type-date-color":"#956ea5","--w-rjv-type-url-color":"#3b89cf","--w-rjv-type-null-color":"#956ea5","--w-rjv-type-nan-color":"#956ea5","--w-rjv-type-undefined-color":"#956ea5",padding:"1rem",height:`calc(100% - ${et+w}px`,overflow:"auto"},Pe={...ie,background:"transparent","--w-rjv-line-color":"transparent"},ze=styled("button")(({theme:e})=>({padding:"0rem",borderRadius:"0.25rem",backgroundColor:e.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",gap:"0.25rem",color:e.palette.text.primary,fontSize:"0.625rem",fontWeight:e.typography.fontWeightBold,outline:"none",cursor:"pointer",border:`1px solid ${e.palette.grey[100]}`,"&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark};`},position:"relative",overflow:"hidden",transition:"all 0.2s ease-in-out",width:"24px",height:"24px",flexShrink:0})),re=styled("button")(({theme:e})=>({outline:"none",cursor:"pointer",border:"1px solid transparent","&:hover":{boxShadow:e.shadows[8]},borderRadius:"0.25rem",position:"relative",backgroundColor:e.palette.background.transparent,display:"inline-flex",alignItems:"center",justifyContent:"center"}));styled(Input)(({theme:e})=>({border:`1px solid ${e.palette.grey[100]}`,borderRadius:"0.25rem",padding:"0.375rem",fontSize:"0.625rem",outline:"none",width:"100%",maxWidth:"150px",height:"1.5rem",backgroundColor:e.palette.background.paper,"&:focus":{border:`1px solid ${e.palette.info.dark}`}}));var ne=styled(Typography)(()=>({border:"1px solid rgba(242, 242, 242, 0.70);",display:"inline-flex",height:"24px",padding:"0px 8px",justifyContent:"center",alignItems:"center",borderRadius:"37.5px",backgroundColor:"#fff"})),se=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:i,isRequestShown:n,theme:a})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",paddingBlock:"0px",paddingInlineStart:"12px",paddingInlineEnd:"12px",position:"sticky",left:0,right:0,top:0,background:"#fff",zIndex:5,...e&&{boxShadow:a.shadows[23]},...i&&{paddingTop:oe,transition:"padding 0.3s ease-in-out",...n&&{width:"50%"}}})),ae=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:i})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:w,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!i&&{left:0}})),le=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),de=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),Ee=styled(motion.div,{shouldForwardProp:e=>!["isRequestShown","isMaximized"].includes(e)})(({isRequestShown:e,isMaximized:i})=>({width:"100%",height:"100%",overflowY:"auto",background:"#fff",zIndex:20,position:"relative",display:"flex",flexDirection:"column",borderBottomRightRadius:"12px",borderBottomLeftRadius:e?0:"12px",...i&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,height:"100vh"}}));styled(motion.div,{shouldForwardProp:e=>!["isMaximized","currentRequestWidth"].includes(e)})(({isMaximized:e,currentRequestWidth:i})=>({backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:e?"100vh":"100%",overflowY:"auto",position:"absolute",width:e?"100vw":i,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"}));styled(Box,{shouldForwardProp:e=>!["isMaximized","currentHeight"].includes(e)})(({isMaximized:e,currentHeight:i})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:e?`calc(100vh - ${w}px)`:(i||h)-w+5,background:"transparent",position:"fixed",width:"100%"}));var Ve=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"}));function nt({onClick:e,icon:i,label:n,disableAnimation:a,...p}){let[l,t]=tt.useState(false),{t:x}=useTranslation();return jsxs(ze,{...p,onClick:S=>{e?.(S),!a&&(t(true),setTimeout(()=>{t(false);},2e3));},children:[jsxs(it,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:l&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:na,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!l&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:i,alt:"icon"},"id-icon")})]}),n&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:l&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:x("copied")})}),jsx(AnimatePresence,{children:!l&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:n})})]})]})}var Oe=memo(nt);var b=Oe;function lt({title:e$1,onClose:i,onMaximize:n,maximized:a$1=false,id:p,onMouseHover:l,onMouseLeave:t,onRequestClick:x,isRequestExpanded:v=false,showRequestIcon:S=false,isHovered:I=false}){return jsx(c,{id:p,maximized:a$1||false,children:jsx(e,{isHovered:true,onMouseEnter:l,onMouseLeave:t,isMaximized:a$1,title:e$1,icon:_c,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:i}),jsx(c$1,{isMaximized:a$1,onClick:n}),S&&jsx(d,{onClick:x,isExpanded:v,isHovered:I,children:"Request"})]})})})}var Me=memo(lt);var ce=Me;var q=400,E=.5;function H({index:e,json:i,requestJson:n={},isWindowMinimized:a,windowOrder:p,onClose:l}){let[t,x]=useState(false),[v,S]=useState(false),[I,L]=useState(false),[f,C]=useState(false),[V,J]=useState({width:0,height:0}),[R,k]=useState(true),[d,_e]=useState(false),[fe,Fe]=useState(true),[Le,me]=useState(false),[D,xe]=useState(q),$=useRef(),{onMouseEnter:$e,onMouseLeave:Ge,isHovered:Ye}=b$1(),{height:G,width:O}=a$1(),[we,Xe]=useState({x:O/2+q/4-e*20,y:G/2-h/2+e*30}),A=useRef(),Ze=useMemo(()=>Object.keys(i)?.length,[i]),he=Ra(),g=Number(A.current?.state?.width)||q,ge=r=>{setTimeout(()=>{navigator.clipboard.writeText(r||"").then(()=>{});},10);},ye=useMemo(()=>Object.keys(n)?.length,[n]);return useEffect(()=>{if($.current&&clearTimeout($.current),!d){$.current=setTimeout(()=>{xe(g);},E*1e3);return}xe(g);},[d,g]),jsx(xt,{disabled:t,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultPosition:{x:O/2-q/4,y:G/2-h/2},position:{x:O-we.x,y:we.y},onStop:(r,s)=>{Xe({x:O-s.x,y:s.y});},bounds:{top:10},children:jsx(Dialog,{disableEnforceFocus:true,sx:{backgroundColor:"transparent",zIndex:(p||0)+3+(t?1:0),...a&&{display:"none"},transform:"translate(180px, 14px)",...!t&&{width:he?V?.width||D:"fit-content",height:he?V?.height||h:"fit-content"},...t&&{transform:"none !important"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",width:v?"fit-content":D,height:v?"fit-content":h,...t&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{x(false),k(true),setTimeout(()=>{k(false);},E*1e3);},open:true,hideBackdrop:true,fullScreen:t,"aria-labelledby":"draggable-dialog-title",children:jsx(Resizable,{enable:{left:false,right:true,bottomRight:true,bottom:true},maxHeight:G-40,maxWidth:O,minWidth:t?"100vw":D,minHeight:t?"100vh":"300px",ref:r=>{A.current=r;},onResizeStart:()=>{k(true);},onResizeStop:()=>{k(false);},onResize:(r,s,T)=>{S(true),J({width:T.offsetWidth,height:T.offsetHeight});},defaultSize:{width:D,height:h},style:{background:"transparent",...t&&{height:"100% !important",width:"100% !important",flex:1},...t&&{position:"relative"}},children:jsxs(Ve,{children:[jsx(motion.div,{style:{...t&&{height:oe,position:"fixed",zIndex:1e3}},animate:{width:d?g*2:g,...t&&{width:"100vw"},...!t&&{transform:`translateX(${d?-g:0}px)`}},transition:{duration:E,...R&&{duration:0}},children:jsx(ce,{title:d?"JSON Request & Response":"JSON Response",onClose:()=>l(),onMaximize:()=>{x(r=>!r),k(true),setTimeout(()=>{k(false);},E*1e3);},isHovered:Ye,onMouseHover:$e,onMouseLeave:Ge,maximized:t,id:"draggable-dialog-title",onRequestClick:()=>{_e(r=>!r),k(false),d||A.current?.updateSize({width:q,height:h});},isRequestExpanded:d,showRequestIcon:!!ye})}),jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:t?`calc(100vh - ${w}px)`:(Number(A.current?.state?.height)||h)-w+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:d&&jsxs(motion.div,{initial:{left:t?"50vw":0,...t&&{position:"relative",left:"-50vw"}},animate:{left:t?"50vw":-g,...t&&{position:"relative",left:"0"},...!d&&{left:0}},exit:{left:t?"50vw":0,...t&&{position:"relative",left:"0"}},transition:{duration:E,...R&&{duration:0}},style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:t?"100vh":"100%",overflowY:"auto",position:"absolute",width:t?"100vw":g,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{me(true),setTimeout(()=>{me(false);},2e3);},children:[jsxs(se,{isMaximized:t,isScrollingRequest:Le,sx:{background:"#E7E7E7B2"},isRequestShown:d,children:[jsx(de,{children:jsx(ne,{variant:"subtitle1",children:"API Request"})}),jsxs(le,{children:[jsx(b,{disableAnimation:true,onClick:()=>{Fe(r=>!r);},icon:fe?Cd:Bd}),jsx(b,{onClick:()=>{navigator.clipboard.writeText(JSON.stringify(i)).then(()=>{});},icon:ma}),jsx(b,{onClick:()=>{navigator.clipboard.writeText(i?.id||"").then(()=>{});},icon:ka})]})]}),jsxs(B,{value:n,style:Pe,displayDataTypes:false,collapsed:fe?1:void 0,onCopied:(r,s)=>{typeof s=="string"&&ge(s);},enableClipboard:false,children:[jsx(B.CountInfo,{render:(r,{keyName:s})=>{if(!s)return jsx("span",{})}}),jsx(B.Copied,{render:({"data-copied":r,style:s,onClick:T},{keyName:Y})=>Y?jsxs(re,{style:s,onClick:X=>{T?.(X);},children:[jsx(AnimatePresence,{children:r&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:na,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!r&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:la,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(AnimatePresence,{children:d&&jsx(ae,{sx:{flex:1,height:w,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:ye})})})]})}),jsxs(Ee,{isMaximized:t,isRequestShown:d,style:{left:0,maxHeight:"100vw"},initial:{...t&&{width:"100vw",left:0}},animate:{...t&&{position:"absolute",left:d?"50vw":"0"}},transition:{duration:E,...R&&{duration:0}},onScroll:()=>{C(true),setTimeout(()=>{C(false);},2e3);},children:[jsxs(se,{isMaximized:t,isScrollingRequest:f,isRequestShown:d,children:[jsx(de,{children:jsx(ne,{variant:"subtitle1",children:"API Response"})}),jsxs(le,{children:[jsx(b,{disableAnimation:true,onClick:()=>{L(r=>!r);},icon:I?Cd:Bd}),jsx(b,{onClick:()=>{navigator.clipboard.writeText(JSON.stringify(i,null,2)).then(()=>{});},icon:ma}),jsx(b,{onClick:()=>{navigator.clipboard.writeText(i?.id||"").then(()=>{});},icon:ka})]})]}),jsxs(B,{value:i,style:ie,displayDataTypes:false,collapsed:I?1:void 0,onCopied:(r,s)=>{typeof s=="string"&&ge(s);},children:[jsx(B.CountInfo,{render:(r,{keyName:s})=>{if(!s)return jsx("span",{})}}),jsx(B.Copied,{render:({"data-copied":r,style:s,onClick:T},{keyName:Y})=>Y?jsxs(re,{style:s,onClick:X=>{T?.(X);},children:[jsx(AnimatePresence,{children:r&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:na,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!r&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:la,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(ae,{sx:{flex:1,height:w},children:jsx(c$2,{sx:{borderBottomLeftRadius:d?0:"12px",background:"#f8f9fb",flex:1},totalCount:Ze})})]})]})]})})})})}var F=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{}});var De=({list:e,onClose:i,isWindowMinimized:n,windowOrder:a})=>e?.length?jsx(Fragment,{children:e.map((p,l)=>jsx(H,{index:l,json:p.json,requestJson:p?.requestJson,onClose:()=>{i(l);},isWindowMinimized:n,windowOrder:a},p.json.id))}):null;var bt=({children:e})=>{let[i,n]=useState([]),[a,p]=useState(false),[l,t]=useState(1),x=useCallback(f=>{if(i.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(i.some(R=>R.json.id===f.json.id))return;let C=structuredClone(f.json),V=C.request_body,J={json:C,requestJson:f.requestJson||V||void 0};delete J.json.request_body,n(R=>[...R,J]);},[i]),v=f=>{n(C=>C.filter((V,J)=>f!==J));},S=f=>{p(f);},I=f=>{t(f);},L=useMemo(()=>({jsonViewerList:i,handleJsonViewerDialogOpen:x,handleWindowMinimize:S,handleWindowOrder:I}),[i,x]);return jsxs(F.Provider,{value:L,children:[e,jsx(De,{list:i,onClose:v,isWindowMinimized:a,windowOrder:l})]})};var Rt=({isWindowMinimized:e,windowOrder:i})=>{let{handleJsonViewerDialogOpen:n,handleWindowMinimize:a,handleWindowOrder:p}=useContext(F),l=useCallback(()=>{a(e);},[a,e]),t=useCallback(()=>{p(i);},[p,i]);return useEffect(()=>{t();},[t]),useEffect(()=>{l();},[l]),{handleJsonViewerDialogOpen:n}};var Mo=H;export{b as a,ce as b,F as c,De as d,bt as e,Rt as f,Mo as g};