@tap-payments/os-micro-frontend-shared 0.3.85 → 0.3.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/_chunks/{chunk-3D7TPBDO.js → chunk-C7MSR26B.js} +1 -1
- package/build/_chunks/{chunk-XFNC66P7.js → chunk-NY3TSVBJ.js} +1 -1
- package/build/_chunks/{chunk-AY4KLPQD.js → chunk-QQA6W4GZ.js} +1 -1
- package/build/_chunks/{chunk-3USLREZE.js → chunk-RKPQ5VR7.js} +1 -1
- package/build/_chunks/{chunk-X4QGGQCD.js → chunk-UGN63WB2.js} +1 -1
- package/build/components/Amount/index.js +1 -1
- package/build/components/AmountConversionFilter/index.js +1 -1
- package/build/components/AmountInput/index.js +1 -1
- package/build/components/AmountSlider/index.js +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/AppWindowWrapper/index.js +1 -1
- package/build/components/BrandLogo/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/CopyImage/index.js +1 -1
- package/build/components/CountryFilter/index.js +1 -1
- package/build/components/CurrencyFilter/index.js +1 -1
- package/build/components/Customer/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/Dialog/index.js +1 -1
- package/build/components/Discount/index.js +1 -1
- package/build/components/ExpandableSideBar/index.js +1 -1
- package/build/components/FileInputPreview/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/Filters/index.js +1 -1
- package/build/components/JSONViewer/index.js +1 -1
- package/build/components/LanguageDropdown/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/MerchantCurrencyDropdown/index.js +1 -1
- package/build/components/MerchantLogo/index.js +1 -1
- package/build/components/MerchantsDropdown/index.js +1 -1
- package/build/components/PartnersFilter/index.js +1 -1
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/RFH/index.js +1 -1
- package/build/components/ReceiptsViewer/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/TableReports/index.js +1 -1
- package/build/components/TreeDropdown/index.js +1 -1
- package/build/components/VAT/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/WindowSideBar/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +1 -1
- package/build/components/AppServicesBar/style.d.ts +0 -4
- package/build/components/ColumnViews/components/index.d.ts +0 -2
- package/build/components/ColumnViews/hooks/useDialogPosition.d.ts +0 -8
- package/build/components/Dialog/components/index.d.ts +0 -2
- package/build/components/Inputs/Select/style.d.ts +0 -1
- package/build/components/StatusIcons/AuthIcons/utils.d.ts +0 -1
- package/build/components/StatusIcons/GeographyIcon/style.d.ts +0 -7
- package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +0 -1314
- package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +0 -1314
- package/build/components/TableCells/CustomCells/BusinessStatusCell/BusinessStatusCell.d.ts +0 -3
- package/build/components/TableCells/CustomCells/BusinessStatusCell/index.d.ts +0 -2
- package/build/components/TableCells/CustomCells/BusinessStatusCell/type.d.ts +0 -4
- package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +0 -266
- package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +0 -1314
- package/build/components/TableCells/CustomCells/DeviceCell/style.d.ts +0 -2
- package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +0 -266
- package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +0 -1314
- package/build/components/TreeDropdown/TreeNodeList/index.d.ts +0 -2
- package/build/components/VirtualTables/components/TableHeader/constant.d.ts +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c as c$2}from'./chunk-F5WQ6KES.js';import {c,d}from'./chunk-S4NV2NDC.js';import {a,c as c$1,d as d$1}from'./chunk-SOPBN7BO.js';import {b,a as a$1}from'./chunk-ILEH4ZCX.js';import {Lc,Ha}from'./chunk-NQYOESW4.js';import'./chunk-6LXNFUE6.js';import {ra,Nk,Ok,ei,rk,A,Rd,te,se as se$1,qa,oa,pa}from'./chunk-46OV7IMB.js';import ho,{memo,createContext,useState,useRef,useId,useMemo,useEffect,useCallback,useContext}from'react';import {styled,Popover,Input,Typography,Box,Dialog}from'@mui/material';import R from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {Resizable}from're-resizable';import jo from'react-draggable';import yo from'@mui/material/Box';import {useTranslation}from'react-i18next';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {styled as styled$1}from'@mui/material/styles';var I=37,Re="32px",J=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var go=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% - ${go+I}px`,overflow:"auto"},gt={...Ie,background:"transparent","--w-rjv-line-color":"transparent"},ht=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})),Je=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 ke=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"})),Be=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:i,theme:o})=>({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:o.shadows[23]},...t&&{paddingTop:Re,transition:"padding 0.3s ease-in-out",...i&&{width:"50%"}}})),Te=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:I,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),Pe=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),Ee=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),xt=styled(motion.div,{shouldForwardProp:e=>!["isRequestShown","isMaximized"].includes(e)})(({isRequestShown:e,isMaximized:t})=>({width:"100%",height:"100%",overflowY:"auto",overflowX:"hidden",background:"#fff",zIndex:20,position:"relative",display:"flex",flexDirection:"column",borderBottomRightRadius:"12px",borderBottomLeftRadius:e?0:"12px",...t&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,height:"100vh"}}));styled(motion.div,{shouldForwardProp:e=>!["isMaximized","currentRequestWidth"].includes(e)})(({isMaximized:e,currentRequestWidth:t})=>({backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:e?"100vh":"100%",overflowY:"auto",overflowX:"hidden",position:"absolute",width:e?"100vw":t,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"}));styled(Box,{shouldForwardProp:e=>!["isMaximized","currentHeight"].includes(e)})(({isMaximized:e,currentHeight:t})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:e?`calc(100vh - ${I}px)`:(t||J)-I+5,background:"transparent",position:"fixed",width:"100%"}));var yt=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),wt=styled("span")(()=>({color:"#032F62"})),bt=styled("span")(()=>({color:"#357fb9"}));function bo({onClick:e,icon:t,label:i,disableAnimation:o,...n}){let[s,l]=ho.useState(false),{t:d}=useTranslation();return jsxs(ht,{...n,onClick:u=>{e?.(u),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(yo,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:s&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!s&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:t,alt:"icon"},"id-icon")})]}),i&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:s&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:d("copied")})}),jsx(AnimatePresence,{children:!s&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:i})})]})]})}var St=memo(bo);var H=St;var vt=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),Ct=styled$1("button")(({theme:e,isActive:t})=>({width:"24px",height:"24px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,backgroundColor:e.palette.background.paper,cursor:"pointer",outline:"none",padding:0,position:"relative",zIndex:11,transition:"all 0.2s ease-in-out","&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`}})),Rt=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),It=styled$1(motion.input)(({theme:e})=>({width:"177px",height:"24px",borderRadius:"4px",color:e.palette.text.primary,fontSize:"10px",outline:0,background:e.palette.background.paper,boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`,paddingLeft:"8px",boxSizing:"border-box","::placeholder":{color:"#D5D5D5"}})),Oe={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},Jt={...Oe,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},kt=styled$1("button")(()=>({...Jt,right:53})),Bt=styled$1("button")(()=>({...Jt,right:39})),Tt=styled$1(motion.img)(()=>({...Oe,right:24,width:10,height:10,cursor:"pointer"})),Pt=styled$1(motion.img)(()=>({...Oe,right:8,width:11,height:11,cursor:"default"})),Ve=styled$1("img")(()=>({width:10,height:10})),Et=styled$1("img")(()=>({width:12,height:12})),Ht=styled$1("span")(({theme:e})=>({position:"absolute",right:67,top:"50%",transform:"translateY(-50%)",fontSize:"9px",lineHeight:1,color:e.palette.text.secondary,whiteSpace:"nowrap",userSelect:"none",zIndex:2,pointerEvents:"none"}));function Jo({value:e,onChange:t,currentIndex:i,totalCount:o,onPrev:n,onNext:s,onOpen:l,placeholder:d="Search..."}){let[p,u]=useState(false),w=useRef(null),S=e.trim().length>0,k=o>0,a=S,N=()=>{l?.(),u(true),requestAnimationFrame(()=>w.current?.focus());},f=()=>{t(""),u(false);};return jsxs(vt,{children:[jsx(AnimatePresence,{children:p&&jsxs(Rt,{initial:{clipPath:"inset(0 0 0 100%)",opacity:0},animate:{clipPath:"inset(0 0 0 0%)",opacity:1},exit:{clipPath:"inset(0 0 0 100%)",opacity:0},transition:{duration:.22,ease:[.4,0,.2,1]},children:[jsx(It,{ref:w,initial:false,animate:{paddingRight:a?"98px":"24px"},transition:{duration:.15},placeholder:d,value:e,onChange:v=>t(v.target.value),onKeyDown:v=>{v.key==="Enter"&&(v.shiftKey?n():s()),v.key==="Escape"&&f();},onBlur:()=>{S||u(false);}}),a&&jsx(kt,{onClick:n,disabled:!k,title:"Previous match (Shift+Enter)",children:jsx(Ve,{src:Nk,alt:"prev"})}),a&&jsx(Bt,{onClick:s,disabled:!k,title:"Next match (Enter)",children:jsx(Ve,{src:Ok,alt:"next"})}),a&&jsx(Tt,{src:ei,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:f}),jsx(Pt,{src:rk,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),a&&jsx(Ht,{children:k?`${i+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!p&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(Ct,{isActive:false,onClick:N,title:"Search",children:jsx(Et,{src:A,alt:"search"})})})})]})}var K=memo(Jo);function Mt(e,t){let i=[],o=t.length,n=0,s=e.indexOf(t,n);for(;s!==-1;){let l=s+o;i.push([s,l]),n=l,s=e.indexOf(t,n);}return i}var ko={padding:0,outline:"none"};function Wt({text:e,queryLength:t,ranges:i,idPrefix:o}){let n=[],s=0;return i.forEach(([l,d],p)=>{l>s&&n.push(e.slice(s,l)),n.push(jsx("mark",{style:ko,children:e.slice(l,l+t)},`${o}-${p}`)),s=d;}),s<e.length&&n.push(e.slice(s)),jsx(Fragment,{children:n})}function W({text:e,query:t}){let i=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let s=e.toLowerCase(),l=Mt(s,o);return l.length===0?e:jsx(Wt,{text:e,queryLength:t.length,ranges:l,idPrefix:i})},[e,t.length,o,i]);return jsx(Fragment,{children:n})}function re(e,t){return e.toLowerCase().includes(t)}function ie(e){return e.trim().toLowerCase()}function se(e){let t=ie(e);return (i,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(re(n,t))return jsx(bt,{children:jsx(W,{text:String(o),query:e})})}}function ae(e){let t=ie(e);return (i,{value:o})=>{if(!t)return;let n=String(o??"");if(re(n,t))return jsxs(wt,{children:['"',jsx(W,{text:String(o??""),query:e}),'"']})}}function Vo({title:e,onClose:t,onMaximize:i,maximized:o=false,id:n,onMouseHover:s,onMouseLeave:l,onRequestClick:d$2,isRequestExpanded:p=false,showRequestIcon:u=false,isHovered:w=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:s,onMouseLeave:l,isMaximized:o,title:e,icon:Rd,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:i}),u&&jsx(d$1,{onClick:d$2,isExpanded:p,isHovered:w,children:"Request"})]})})})}var jt=memo(Vo);var Me=jt;var Ft="#FFE20B";function le(e,t){let[i,o]=useState(0),[n,s]=useState(0);useEffect(()=>{if(!t.trim()){s(0),o(0);return}let p=setTimeout(()=>{let u=e.current?.querySelectorAll("mark")??[];s(u.length),o(0);},50);return ()=>clearTimeout(p)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let p=Array.from(e.current.querySelectorAll("mark"));p.forEach((u,w)=>{let S=w===i;u.style.backgroundColor=S?Ft:"transparent",u.style.outline=S?`1px solid ${Ft}`:"none",u.style.borderRadius="2px";}),p[i]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[i,n,t,e]);let l=useCallback(()=>{n!==0&&o(p=>(p+1)%n);},[n]),d=useCallback(()=>{n!==0&&o(p=>(p-1+n)%n);},[n]);return {currentIndex:i,totalCount:n,goNext:l,goPrev:d}}function Kt(e,t){return e==null?String(e).includes(t):typeof e=="string"?e.toLowerCase().includes(t):typeof e=="number"||typeof e=="boolean"?String(e).includes(t):false}function $t(e,t){if(Array.isArray(e)){let i=e.map(o=>$t(o,t)).filter(o=>o!=null);return i.length>0?i:null}return typeof e=="object"&&e!==null?Gt(e,t):Kt(e,t)?e:null}function Gt(e,t){let i={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))i[o]=n;else if(typeof n=="object"&&n!==null){let s=$t(n,t);s!==null&&(i[o]=s);}else Kt(n,t)&&(i[o]=n);return Object.keys(i).length>0?i:null}function ze(e,t){return t.trim()?Gt(e,t.toLowerCase()):e}var G=400,L=.5;function Y({index:e,json:t,requestJson:i={},isWindowMinimized:o,windowOrder:n,onClose:s,onJsonRequestOpen:l,onJsonSearch:d,onJsonCopy:p,onJsonIdCopy:u,onJsonNodesMinimize:w,onJsonNodesMaximize:S}){let k=Lc(useId(),"json-viewer"),[a,N]=useState(false),[f,O]=useState(false),[V,M]=useState(false),[v,qe]=useState(false),[je,eo]=useState({width:0,height:0}),[ue,z]=useState(true),[g,to]=useState(false),[fe,oo]=useState(true),[no,De]=useState(false),[Q,Le]=useState(G),[B,ro]=useState(""),[T,io]=useState(""),_e=useRef(null),Fe=useRef(null),U=le(_e,B),Z=le(Fe,T),me=useRef(),{onMouseEnter:so,onMouseLeave:ao,isHovered:lo}=b(),{height:ge,width:_}=a$1(),[Ke,po]=useState({x:_/2+G/4-e*20,y:ge/2-J/2+e*30}),ee=useRef(),co=useMemo(()=>Object.keys(t)?.length,[t]),$e=Ha(),P=Number(ee.current?.state?.width)||G,Ge=c=>{setTimeout(()=>{navigator.clipboard.writeText(c||"").then(()=>{});},10);},Ye=useMemo(()=>Object.keys(i)?.length,[i]),Xe=useMemo(()=>ze(t,B),[t,B]),Qe=useMemo(()=>ze(i,T),[i,T]);return useEffect(()=>{if(me.current&&clearTimeout(me.current),!g){me.current=setTimeout(()=>{Le(P);},L*1e3);return}Le(P);},[g,P]),jsx(jo,{disabled:a,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultPosition:{x:_/2-G/4,y:ge/2-J/2},position:{x:_-Ke.x,y:Ke.y},onStop:(c,m)=>{po({x:_-m.x,y:m.y});},bounds:{top:10},children:jsx(Dialog,{id:k,"data-testid":"JSONViewer",disableEnforceFocus:true,sx:{backgroundColor:"transparent",zIndex:(n||0)+3+(a?1:0),...o&&{display:"none"},transform:"translate(180px, 14px)",...!a&&{width:$e?je?.width||Q:"fit-content",height:$e?je?.height||J:"fit-content"},...a&&{transform:"none !important"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",width:f?"fit-content":Q,height:f?"fit-content":J,...a&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{N(false),z(true),setTimeout(()=>{z(false);},L*1e3);},open:true,hideBackdrop:true,fullScreen:a,"aria-labelledby":"draggable-dialog-title",children:jsx(Resizable,{enable:{left:false,right:true,bottomRight:true,bottom:true},maxHeight:ge-40,maxWidth:_,minWidth:a?"100vw":Q,minHeight:a?"100vh":"300px",ref:c=>{ee.current=c;},onResizeStart:()=>{z(true);},onResizeStop:()=>{z(false);},onResize:(c,m,A)=>{O(true),eo({width:A.offsetWidth,height:A.offsetHeight});},defaultSize:{width:Q,height:J},style:{background:"transparent",...a&&{height:"100% !important",width:"100% !important",flex:1},...a&&{position:"relative"}},children:jsxs(yt,{children:[jsx(motion.div,{style:{...a&&{height:Re,position:"fixed",zIndex:1e3}},animate:{width:g?P*2:P,...a&&{width:"100vw"},...!a&&{transform:`translateX(${g?-P:0}px)`}},transition:{duration:L,...ue&&{duration:0}},children:jsx(Me,{title:g?"JSON Request & Response":"JSON Response",onClose:()=>s(),onMaximize:()=>{N(c=>!c),z(true),setTimeout(()=>{z(false);},L*1e3);},isHovered:lo,onMouseHover:so,onMouseLeave:ao,maximized:a,id:"draggable-dialog-title",onRequestClick:()=>{to(c=>!c),z(false),g||(l?.(),ee.current?.updateSize({width:G,height:J}));},isRequestExpanded:g,showRequestIcon:!!Ye})}),jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:a?`calc(100vh - ${I}px)`:(Number(ee.current?.state?.height)||J)-I+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:g&&jsxs(motion.div,{initial:{left:a?"50vw":0,...a&&{position:"relative",left:"-50vw"}},animate:{left:a?"50vw":-P,...a&&{position:"relative",left:"0"},...!g&&{left:0}},exit:{left:a?"50vw":0,...a&&{position:"relative",left:"0"}},transition:{duration:L,...ue&&{duration:0}},ref:Fe,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:a?"100vh":"100%",overflowY:"auto",position:"absolute",width:a?"100vw":P,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{De(true),setTimeout(()=>{De(false);},2e3);},children:[jsxs(Be,{isMaximized:a,isScrollingRequest:no,sx:{background:"#E7E7E7B2"},isRequestShown:g,children:[jsx(Ee,{children:jsx(ke,{variant:"subtitle1",children:"API Request"})}),jsxs(Pe,{children:[jsx(K,{value:T,onChange:io,onOpen:()=>d?.(),currentIndex:Z.currentIndex,totalCount:Z.totalCount,onPrev:Z.goPrev,onNext:Z.goNext}),jsx(H,{disableAnimation:true,onClick:()=>{fe?S?.():w?.(),oo(c=>!c);},icon:fe?te:se$1}),jsx(H,{onClick:()=>{p?.(),navigator.clipboard.writeText(JSON.stringify(t)).then(()=>{});},icon:qa}),jsx(H,{onClick:()=>{u?.(),navigator.clipboard.writeText(t?.id||"").then(()=>{});},icon:oa})]})]}),T.trim()&&Qe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(R,{value:Qe??i,style:gt,displayDataTypes:false,collapsed:T.trim()?void 0:fe?1:void 0,onCopied:(c,m)=>{typeof m=="string"&&Ge(m);},enableClipboard:false,children:[jsx(R.String,{render:ae(T)}),jsx(R.KeyName,{render:se(T)}),jsx(R.CountInfo,{render:(c,{keyName:m})=>{if(!m)return jsx("span",{})}}),jsx(R.Copied,{render:({"data-copied":c,style:m,onClick:A},{keyName:he})=>he?jsxs(Je,{style:m,onClick:xe=>{A?.(xe);},children:[jsx(AnimatePresence,{children:c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:pa,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(AnimatePresence,{children:g&&jsx(Te,{sx:{flex:1,height:I,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Ye})})})]})}),jsxs(xt,{ref:_e,isMaximized:a,isRequestShown:g,style:{left:0,maxHeight:"100vw"},initial:{...a&&{width:"100vw",left:0}},animate:{...a&&{position:"absolute",left:g?"50vw":"0"}},transition:{duration:L,...ue&&{duration:0}},onScroll:()=>{qe(true),setTimeout(()=>{qe(false);},2e3);},children:[jsxs(Be,{isMaximized:a,isScrollingRequest:v,isRequestShown:g,children:[jsx(Ee,{children:jsx(ke,{variant:"subtitle1",children:"API Response"})}),jsxs(Pe,{children:[jsx(K,{value:B,onChange:ro,onOpen:()=>d?.(),currentIndex:U.currentIndex,totalCount:U.totalCount,onPrev:U.goPrev,onNext:U.goNext}),jsx(H,{disableAnimation:true,onClick:()=>{V?S?.():w?.(),M(c=>!c);},icon:V?te:se$1}),jsx(H,{onClick:()=>{p?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:qa}),jsx(H,{onClick:()=>{u?.(),navigator.clipboard.writeText(t?.id||"").then(()=>{});},icon:oa})]})]}),B.trim()&&Xe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(R,{value:Xe??t,style:Ie,displayDataTypes:false,collapsed:B.trim()?void 0:V?1:void 0,onCopied:(c,m)=>{typeof m=="string"&&Ge(m);},children:[jsx(R.String,{render:ae(B)}),jsx(R.KeyName,{render:se(B)}),jsx(R.CountInfo,{render:(c,{keyName:m})=>{if(!m)return jsx("span",{})}}),jsx(R.Copied,{render:({"data-copied":c,style:m,onClick:A},{keyName:he})=>he?jsxs(Je,{style:m,onClick:xe=>{A?.(xe);},children:[jsx(AnimatePresence,{children:c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:pa,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(Te,{sx:{flex:1,height:I},children:jsx(c$2,{sx:{borderBottomLeftRadius:g?0:"12px",background:"#f8f9fb",flex:1},totalCount:co})})]})]})]})})})})}var ce=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{}});var Qt=({list:e,events:t,onClose:i,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((s,l)=>jsx(Y,{index:l,...t,...s,onClose:()=>{i(l);},isWindowMinimized:o,windowOrder:n},s.json.id))}):null;var Fo=({children:e})=>{let[t,i]=useState([]),[o,n]=useState(false),[s,l]=useState(1),d=useRef({}),p=useCallback(f=>{if(t.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(t.some(v=>v.json.id===f.json.id))return;let O=structuredClone(f.json),V=O.request_body,M={...f,json:O,requestJson:f.requestJson||V||void 0};delete M.json.request_body,i(v=>[...v,M]);},[t]),u=useCallback(f=>{i(O=>O.filter((V,M)=>f!==M));},[]),w=useCallback(f=>{n(f);},[]),S=useCallback(f=>{l(f);},[]),k=useCallback(f=>{d.current=f;},[]),a=useMemo(()=>({onJsonRequestOpen:()=>d.current.onJsonRequestOpen?.(),onJsonSearch:()=>d.current.onJsonSearch?.(),onJsonCopy:()=>d.current.onJsonCopy?.(),onJsonIdCopy:()=>d.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>d.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>d.current.onJsonNodesMaximize?.()}),[]),N=useMemo(()=>({jsonViewerList:t,handleJsonViewerDialogOpen:p,handleWindowMinimize:w,handleWindowOrder:S,registerJsonViewerEvents:k}),[t,p,w,S,k]);return jsxs(ce.Provider,{value:N,children:[e,jsx(Qt,{list:t,events:a,onClose:u,isWindowMinimized:o,windowOrder:s})]})};var Yo=({isWindowMinimized:e,windowOrder:t,...i})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:s,registerJsonViewerEvents:l}=useContext(ce),d=useCallback(()=>{n(e);},[n,e]),p=useCallback(()=>{s(t);},[s,t]);return useEffect(()=>{p();},[p]),useEffect(()=>{d();},[d]),useEffect(()=>{l(i);},[l,i]),{handleJsonViewerDialogOpen:o}};var ti=Y;export{H as a,K as b,W as c,Me as d,le as e,ce as f,Qt as g,Fo as h,Yo as i,ti as j};
|
|
1
|
+
import {c as c$2}from'./chunk-F5WQ6KES.js';import {a,c as c$1,d as d$1}from'./chunk-SOPBN7BO.js';import {c,d}from'./chunk-S4NV2NDC.js';import {b,a as a$1}from'./chunk-ILEH4ZCX.js';import {Lc,Ha}from'./chunk-NQYOESW4.js';import'./chunk-6LXNFUE6.js';import {ra,Nk,Ok,ei,rk,A,Rd,te,se as se$1,qa,oa,pa}from'./chunk-46OV7IMB.js';import ho,{memo,createContext,useState,useRef,useId,useMemo,useEffect,useCallback,useContext}from'react';import {styled,Popover,Input,Typography,Box,Dialog}from'@mui/material';import R from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {Resizable}from're-resizable';import jo from'react-draggable';import yo from'@mui/material/Box';import {useTranslation}from'react-i18next';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {styled as styled$1}from'@mui/material/styles';var I=37,Re="32px",J=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var go=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% - ${go+I}px`,overflow:"auto"},gt={...Ie,background:"transparent","--w-rjv-line-color":"transparent"},ht=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})),Je=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 ke=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"})),Be=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:i,theme:o})=>({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:o.shadows[23]},...t&&{paddingTop:Re,transition:"padding 0.3s ease-in-out",...i&&{width:"50%"}}})),Te=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:I,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),Pe=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),Ee=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),xt=styled(motion.div,{shouldForwardProp:e=>!["isRequestShown","isMaximized"].includes(e)})(({isRequestShown:e,isMaximized:t})=>({width:"100%",height:"100%",overflowY:"auto",overflowX:"hidden",background:"#fff",zIndex:20,position:"relative",display:"flex",flexDirection:"column",borderBottomRightRadius:"12px",borderBottomLeftRadius:e?0:"12px",...t&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,height:"100vh"}}));styled(motion.div,{shouldForwardProp:e=>!["isMaximized","currentRequestWidth"].includes(e)})(({isMaximized:e,currentRequestWidth:t})=>({backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:e?"100vh":"100%",overflowY:"auto",overflowX:"hidden",position:"absolute",width:e?"100vw":t,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"}));styled(Box,{shouldForwardProp:e=>!["isMaximized","currentHeight"].includes(e)})(({isMaximized:e,currentHeight:t})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:e?`calc(100vh - ${I}px)`:(t||J)-I+5,background:"transparent",position:"fixed",width:"100%"}));var yt=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),wt=styled("span")(()=>({color:"#032F62"})),bt=styled("span")(()=>({color:"#357fb9"}));function bo({onClick:e,icon:t,label:i,disableAnimation:o,...n}){let[s,l]=ho.useState(false),{t:d}=useTranslation();return jsxs(ht,{...n,onClick:u=>{e?.(u),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(yo,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:s&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!s&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:t,alt:"icon"},"id-icon")})]}),i&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:s&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:d("copied")})}),jsx(AnimatePresence,{children:!s&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:i})})]})]})}var St=memo(bo);var H=St;var vt=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),Ct=styled$1("button")(({theme:e,isActive:t})=>({width:"24px",height:"24px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,backgroundColor:e.palette.background.paper,cursor:"pointer",outline:"none",padding:0,position:"relative",zIndex:11,transition:"all 0.2s ease-in-out","&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`}})),Rt=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),It=styled$1(motion.input)(({theme:e})=>({width:"177px",height:"24px",borderRadius:"4px",color:e.palette.text.primary,fontSize:"10px",outline:0,background:e.palette.background.paper,boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`,paddingLeft:"8px",boxSizing:"border-box","::placeholder":{color:"#D5D5D5"}})),Oe={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},Jt={...Oe,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},kt=styled$1("button")(()=>({...Jt,right:53})),Bt=styled$1("button")(()=>({...Jt,right:39})),Tt=styled$1(motion.img)(()=>({...Oe,right:24,width:10,height:10,cursor:"pointer"})),Pt=styled$1(motion.img)(()=>({...Oe,right:8,width:11,height:11,cursor:"default"})),Ve=styled$1("img")(()=>({width:10,height:10})),Et=styled$1("img")(()=>({width:12,height:12})),Ht=styled$1("span")(({theme:e})=>({position:"absolute",right:67,top:"50%",transform:"translateY(-50%)",fontSize:"9px",lineHeight:1,color:e.palette.text.secondary,whiteSpace:"nowrap",userSelect:"none",zIndex:2,pointerEvents:"none"}));function Jo({value:e,onChange:t,currentIndex:i,totalCount:o,onPrev:n,onNext:s,onOpen:l,placeholder:d="Search..."}){let[p,u]=useState(false),w=useRef(null),S=e.trim().length>0,k=o>0,a=S,N=()=>{l?.(),u(true),requestAnimationFrame(()=>w.current?.focus());},f=()=>{t(""),u(false);};return jsxs(vt,{children:[jsx(AnimatePresence,{children:p&&jsxs(Rt,{initial:{clipPath:"inset(0 0 0 100%)",opacity:0},animate:{clipPath:"inset(0 0 0 0%)",opacity:1},exit:{clipPath:"inset(0 0 0 100%)",opacity:0},transition:{duration:.22,ease:[.4,0,.2,1]},children:[jsx(It,{ref:w,initial:false,animate:{paddingRight:a?"98px":"24px"},transition:{duration:.15},placeholder:d,value:e,onChange:v=>t(v.target.value),onKeyDown:v=>{v.key==="Enter"&&(v.shiftKey?n():s()),v.key==="Escape"&&f();},onBlur:()=>{S||u(false);}}),a&&jsx(kt,{onClick:n,disabled:!k,title:"Previous match (Shift+Enter)",children:jsx(Ve,{src:Nk,alt:"prev"})}),a&&jsx(Bt,{onClick:s,disabled:!k,title:"Next match (Enter)",children:jsx(Ve,{src:Ok,alt:"next"})}),a&&jsx(Tt,{src:ei,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:f}),jsx(Pt,{src:rk,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),a&&jsx(Ht,{children:k?`${i+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!p&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(Ct,{isActive:false,onClick:N,title:"Search",children:jsx(Et,{src:A,alt:"search"})})})})]})}var K=memo(Jo);function Mt(e,t){let i=[],o=t.length,n=0,s=e.indexOf(t,n);for(;s!==-1;){let l=s+o;i.push([s,l]),n=l,s=e.indexOf(t,n);}return i}var ko={padding:0,outline:"none"};function Wt({text:e,queryLength:t,ranges:i,idPrefix:o}){let n=[],s=0;return i.forEach(([l,d],p)=>{l>s&&n.push(e.slice(s,l)),n.push(jsx("mark",{style:ko,children:e.slice(l,l+t)},`${o}-${p}`)),s=d;}),s<e.length&&n.push(e.slice(s)),jsx(Fragment,{children:n})}function W({text:e,query:t}){let i=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let s=e.toLowerCase(),l=Mt(s,o);return l.length===0?e:jsx(Wt,{text:e,queryLength:t.length,ranges:l,idPrefix:i})},[e,t.length,o,i]);return jsx(Fragment,{children:n})}function re(e,t){return e.toLowerCase().includes(t)}function ie(e){return e.trim().toLowerCase()}function se(e){let t=ie(e);return (i,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(re(n,t))return jsx(bt,{children:jsx(W,{text:String(o),query:e})})}}function ae(e){let t=ie(e);return (i,{value:o})=>{if(!t)return;let n=String(o??"");if(re(n,t))return jsxs(wt,{children:['"',jsx(W,{text:String(o??""),query:e}),'"']})}}function Vo({title:e,onClose:t,onMaximize:i,maximized:o=false,id:n,onMouseHover:s,onMouseLeave:l,onRequestClick:d$2,isRequestExpanded:p=false,showRequestIcon:u=false,isHovered:w=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:s,onMouseLeave:l,isMaximized:o,title:e,icon:Rd,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:i}),u&&jsx(d$1,{onClick:d$2,isExpanded:p,isHovered:w,children:"Request"})]})})})}var jt=memo(Vo);var Me=jt;var Ft="#FFE20B";function le(e,t){let[i,o]=useState(0),[n,s]=useState(0);useEffect(()=>{if(!t.trim()){s(0),o(0);return}let p=setTimeout(()=>{let u=e.current?.querySelectorAll("mark")??[];s(u.length),o(0);},50);return ()=>clearTimeout(p)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let p=Array.from(e.current.querySelectorAll("mark"));p.forEach((u,w)=>{let S=w===i;u.style.backgroundColor=S?Ft:"transparent",u.style.outline=S?`1px solid ${Ft}`:"none",u.style.borderRadius="2px";}),p[i]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[i,n,t,e]);let l=useCallback(()=>{n!==0&&o(p=>(p+1)%n);},[n]),d=useCallback(()=>{n!==0&&o(p=>(p-1+n)%n);},[n]);return {currentIndex:i,totalCount:n,goNext:l,goPrev:d}}function Kt(e,t){return e==null?String(e).includes(t):typeof e=="string"?e.toLowerCase().includes(t):typeof e=="number"||typeof e=="boolean"?String(e).includes(t):false}function $t(e,t){if(Array.isArray(e)){let i=e.map(o=>$t(o,t)).filter(o=>o!=null);return i.length>0?i:null}return typeof e=="object"&&e!==null?Gt(e,t):Kt(e,t)?e:null}function Gt(e,t){let i={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))i[o]=n;else if(typeof n=="object"&&n!==null){let s=$t(n,t);s!==null&&(i[o]=s);}else Kt(n,t)&&(i[o]=n);return Object.keys(i).length>0?i:null}function ze(e,t){return t.trim()?Gt(e,t.toLowerCase()):e}var G=400,L=.5;function Y({index:e,json:t,requestJson:i={},isWindowMinimized:o,windowOrder:n,onClose:s,onJsonRequestOpen:l,onJsonSearch:d,onJsonCopy:p,onJsonIdCopy:u,onJsonNodesMinimize:w,onJsonNodesMaximize:S}){let k=Lc(useId(),"json-viewer"),[a,N]=useState(false),[f,O]=useState(false),[V,M]=useState(false),[v,qe]=useState(false),[je,eo]=useState({width:0,height:0}),[ue,z]=useState(true),[g,to]=useState(false),[fe,oo]=useState(true),[no,De]=useState(false),[Q,Le]=useState(G),[B,ro]=useState(""),[T,io]=useState(""),_e=useRef(null),Fe=useRef(null),U=le(_e,B),Z=le(Fe,T),me=useRef(),{onMouseEnter:so,onMouseLeave:ao,isHovered:lo}=b(),{height:ge,width:_}=a$1(),[Ke,po]=useState({x:_/2+G/4-e*20,y:ge/2-J/2+e*30}),ee=useRef(),co=useMemo(()=>Object.keys(t)?.length,[t]),$e=Ha(),P=Number(ee.current?.state?.width)||G,Ge=c=>{setTimeout(()=>{navigator.clipboard.writeText(c||"").then(()=>{});},10);},Ye=useMemo(()=>Object.keys(i)?.length,[i]),Xe=useMemo(()=>ze(t,B),[t,B]),Qe=useMemo(()=>ze(i,T),[i,T]);return useEffect(()=>{if(me.current&&clearTimeout(me.current),!g){me.current=setTimeout(()=>{Le(P);},L*1e3);return}Le(P);},[g,P]),jsx(jo,{disabled:a,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultPosition:{x:_/2-G/4,y:ge/2-J/2},position:{x:_-Ke.x,y:Ke.y},onStop:(c,m)=>{po({x:_-m.x,y:m.y});},bounds:{top:10},children:jsx(Dialog,{id:k,"data-testid":"JSONViewer",disableEnforceFocus:true,sx:{backgroundColor:"transparent",zIndex:(n||0)+3+(a?1:0),...o&&{display:"none"},transform:"translate(180px, 14px)",...!a&&{width:$e?je?.width||Q:"fit-content",height:$e?je?.height||J:"fit-content"},...a&&{transform:"none !important"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",width:f?"fit-content":Q,height:f?"fit-content":J,...a&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{N(false),z(true),setTimeout(()=>{z(false);},L*1e3);},open:true,hideBackdrop:true,fullScreen:a,"aria-labelledby":"draggable-dialog-title",children:jsx(Resizable,{enable:{left:false,right:true,bottomRight:true,bottom:true},maxHeight:ge-40,maxWidth:_,minWidth:a?"100vw":Q,minHeight:a?"100vh":"300px",ref:c=>{ee.current=c;},onResizeStart:()=>{z(true);},onResizeStop:()=>{z(false);},onResize:(c,m,A)=>{O(true),eo({width:A.offsetWidth,height:A.offsetHeight});},defaultSize:{width:Q,height:J},style:{background:"transparent",...a&&{height:"100% !important",width:"100% !important",flex:1},...a&&{position:"relative"}},children:jsxs(yt,{children:[jsx(motion.div,{style:{...a&&{height:Re,position:"fixed",zIndex:1e3}},animate:{width:g?P*2:P,...a&&{width:"100vw"},...!a&&{transform:`translateX(${g?-P:0}px)`}},transition:{duration:L,...ue&&{duration:0}},children:jsx(Me,{title:g?"JSON Request & Response":"JSON Response",onClose:()=>s(),onMaximize:()=>{N(c=>!c),z(true),setTimeout(()=>{z(false);},L*1e3);},isHovered:lo,onMouseHover:so,onMouseLeave:ao,maximized:a,id:"draggable-dialog-title",onRequestClick:()=>{to(c=>!c),z(false),g||(l?.(),ee.current?.updateSize({width:G,height:J}));},isRequestExpanded:g,showRequestIcon:!!Ye})}),jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:a?`calc(100vh - ${I}px)`:(Number(ee.current?.state?.height)||J)-I+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:g&&jsxs(motion.div,{initial:{left:a?"50vw":0,...a&&{position:"relative",left:"-50vw"}},animate:{left:a?"50vw":-P,...a&&{position:"relative",left:"0"},...!g&&{left:0}},exit:{left:a?"50vw":0,...a&&{position:"relative",left:"0"}},transition:{duration:L,...ue&&{duration:0}},ref:Fe,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:a?"100vh":"100%",overflowY:"auto",position:"absolute",width:a?"100vw":P,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{De(true),setTimeout(()=>{De(false);},2e3);},children:[jsxs(Be,{isMaximized:a,isScrollingRequest:no,sx:{background:"#E7E7E7B2"},isRequestShown:g,children:[jsx(Ee,{children:jsx(ke,{variant:"subtitle1",children:"API Request"})}),jsxs(Pe,{children:[jsx(K,{value:T,onChange:io,onOpen:()=>d?.(),currentIndex:Z.currentIndex,totalCount:Z.totalCount,onPrev:Z.goPrev,onNext:Z.goNext}),jsx(H,{disableAnimation:true,onClick:()=>{fe?S?.():w?.(),oo(c=>!c);},icon:fe?te:se$1}),jsx(H,{onClick:()=>{p?.(),navigator.clipboard.writeText(JSON.stringify(t)).then(()=>{});},icon:qa}),jsx(H,{onClick:()=>{u?.(),navigator.clipboard.writeText(t?.id||"").then(()=>{});},icon:oa})]})]}),T.trim()&&Qe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(R,{value:Qe??i,style:gt,displayDataTypes:false,collapsed:T.trim()?void 0:fe?1:void 0,onCopied:(c,m)=>{typeof m=="string"&&Ge(m);},enableClipboard:false,children:[jsx(R.String,{render:ae(T)}),jsx(R.KeyName,{render:se(T)}),jsx(R.CountInfo,{render:(c,{keyName:m})=>{if(!m)return jsx("span",{})}}),jsx(R.Copied,{render:({"data-copied":c,style:m,onClick:A},{keyName:he})=>he?jsxs(Je,{style:m,onClick:xe=>{A?.(xe);},children:[jsx(AnimatePresence,{children:c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:pa,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(AnimatePresence,{children:g&&jsx(Te,{sx:{flex:1,height:I,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Ye})})})]})}),jsxs(xt,{ref:_e,isMaximized:a,isRequestShown:g,style:{left:0,maxHeight:"100vw"},initial:{...a&&{width:"100vw",left:0}},animate:{...a&&{position:"absolute",left:g?"50vw":"0"}},transition:{duration:L,...ue&&{duration:0}},onScroll:()=>{qe(true),setTimeout(()=>{qe(false);},2e3);},children:[jsxs(Be,{isMaximized:a,isScrollingRequest:v,isRequestShown:g,children:[jsx(Ee,{children:jsx(ke,{variant:"subtitle1",children:"API Response"})}),jsxs(Pe,{children:[jsx(K,{value:B,onChange:ro,onOpen:()=>d?.(),currentIndex:U.currentIndex,totalCount:U.totalCount,onPrev:U.goPrev,onNext:U.goNext}),jsx(H,{disableAnimation:true,onClick:()=>{V?S?.():w?.(),M(c=>!c);},icon:V?te:se$1}),jsx(H,{onClick:()=>{p?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:qa}),jsx(H,{onClick:()=>{u?.(),navigator.clipboard.writeText(t?.id||"").then(()=>{});},icon:oa})]})]}),B.trim()&&Xe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(R,{value:Xe??t,style:Ie,displayDataTypes:false,collapsed:B.trim()?void 0:V?1:void 0,onCopied:(c,m)=>{typeof m=="string"&&Ge(m);},children:[jsx(R.String,{render:ae(B)}),jsx(R.KeyName,{render:se(B)}),jsx(R.CountInfo,{render:(c,{keyName:m})=>{if(!m)return jsx("span",{})}}),jsx(R.Copied,{render:({"data-copied":c,style:m,onClick:A},{keyName:he})=>he?jsxs(Je,{style:m,onClick:xe=>{A?.(xe);},children:[jsx(AnimatePresence,{children:c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{children:!c&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:pa,alt:"icon"},"id-icon")})]}):jsx("span",{})})]}),jsx(Te,{sx:{flex:1,height:I},children:jsx(c$2,{sx:{borderBottomLeftRadius:g?0:"12px",background:"#f8f9fb",flex:1},totalCount:co})})]})]})]})})})})}var ce=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{}});var Qt=({list:e,events:t,onClose:i,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((s,l)=>jsx(Y,{index:l,...t,...s,onClose:()=>{i(l);},isWindowMinimized:o,windowOrder:n},s.json.id))}):null;var Fo=({children:e})=>{let[t,i]=useState([]),[o,n]=useState(false),[s,l]=useState(1),d=useRef({}),p=useCallback(f=>{if(t.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(t.some(v=>v.json.id===f.json.id))return;let O=structuredClone(f.json),V=O.request_body,M={...f,json:O,requestJson:f.requestJson||V||void 0};delete M.json.request_body,i(v=>[...v,M]);},[t]),u=useCallback(f=>{i(O=>O.filter((V,M)=>f!==M));},[]),w=useCallback(f=>{n(f);},[]),S=useCallback(f=>{l(f);},[]),k=useCallback(f=>{d.current=f;},[]),a=useMemo(()=>({onJsonRequestOpen:()=>d.current.onJsonRequestOpen?.(),onJsonSearch:()=>d.current.onJsonSearch?.(),onJsonCopy:()=>d.current.onJsonCopy?.(),onJsonIdCopy:()=>d.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>d.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>d.current.onJsonNodesMaximize?.()}),[]),N=useMemo(()=>({jsonViewerList:t,handleJsonViewerDialogOpen:p,handleWindowMinimize:w,handleWindowOrder:S,registerJsonViewerEvents:k}),[t,p,w,S,k]);return jsxs(ce.Provider,{value:N,children:[e,jsx(Qt,{list:t,events:a,onClose:u,isWindowMinimized:o,windowOrder:s})]})};var Yo=({isWindowMinimized:e,windowOrder:t,...i})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:s,registerJsonViewerEvents:l}=useContext(ce),d=useCallback(()=>{n(e);},[n,e]),p=useCallback(()=>{s(t);},[s,t]);return useEffect(()=>{p();},[p]),useEffect(()=>{d();},[d]),useEffect(()=>{l(i);},[l,i]),{handleJsonViewerDialogOpen:o}};var ti=Y;export{H as a,K as b,W as c,Me as d,le as e,ce as f,Qt as g,Fo as h,Yo as i,ti as j};
|