@tap-payments/os-micro-frontend-shared 0.3.75 → 0.3.77
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-L5J7SZWK.js → chunk-5QRHDPVV.js} +1 -1
- package/build/_chunks/chunk-6SQNDGEV.js +1 -0
- package/build/_chunks/{chunk-E2IWCGU4.js → chunk-CNM3JUUC.js} +1 -1
- package/build/_chunks/{chunk-Q6ZO27XA.js → chunk-DQTSITYQ.js} +1 -1
- package/build/_chunks/{chunk-UOATOA4T.js → chunk-EJU57OEG.js} +1 -1
- package/build/_chunks/{chunk-26FOSCE5.js → chunk-ET3BIAVX.js} +1 -1
- package/build/_chunks/{chunk-JLGDAAWW.js → chunk-I24KLDOC.js} +1 -1
- package/build/_chunks/chunk-KAHERHR3.js +2 -0
- package/build/_chunks/{chunk-RJT5UOJH.js → chunk-MTSDZKZP.js} +1 -1
- package/build/_chunks/{chunk-EEH6RGBE.js → chunk-O7D7YUU5.js} +1 -1
- package/build/_chunks/{chunk-26RAEX7M.js → chunk-S5TW2IUV.js} +1 -1
- package/build/_chunks/{chunk-7MXLJ5KB.js → chunk-SDRTTD47.js} +1 -1
- package/build/_chunks/{chunk-NQMBUQ77.js → chunk-U7GVDXIZ.js} +1 -1
- package/build/_chunks/{chunk-IQJRQX5D.js → chunk-UFTEVFEZ.js} +1 -1
- package/build/_chunks/{chunk-IN72KUIO.js → chunk-V7IKGFGF.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/FileUpload/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/MultiSelectDropdownButton/index.js +1 -1
- package/build/components/MultiSelectWithSearch/index.js +1 -1
- package/build/components/NestedDropdown/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/RangeCalender/index.js +1 -1
- package/build/components/ReceiptsViewer/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/SalesChannelFilter/index.js +1 -1
- package/build/components/SelectWithSearch/index.js +1 -1
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/StatusLabel/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/VirtualTables/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/_chunks/chunk-WPRSWA4H.js +0 -1
- package/build/_chunks/chunk-YJS2LA35.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {d}from'./chunk-3IKAVWPZ.js';import {a}from'./chunk-XIFGIS6F.js';import {Lc}from'./chunk-K4W2YD5I.js';import {memo,useState,useId}from'react';import l from'@mui/material/Box';import {styled}from'@mui/material/styles';import {motion}from'framer-motion';import {jsx}from'react/jsx-runtime';var c=styled(motion.div)(({theme:o})=>({borderRadius:"8px",position:"fixed",display:"flex",flexDirection:"column",maxHeight:"calc(100vh - 46px)",width:416,margin:"auto",background:o.palette.grey[400],boxShadow:o.shadows[3]})),C=styled(l)(({theme:o})=>({background:o.palette.common.white,flex:1,paddingTop:"31px",paddingBottom:"31px",display:"flex",justifyContent:"flex-start",alignItems:"center",flexDirection:"column",position:"relative",overflow:"auto"})),b=styled(l)(({theme:o})=>({minHeight:95,background:o.palette.grey[400],paddingInline:"24px",paddingTop:"23px",paddingBottom:"23px",gap:"15px",position:"relative",zIndex:2})),h=styled(l)(({theme:o})=>({display:"flex",flexDirection:"column",padding:"18px 24px",boxShadow:o.shadows[15],position:"relative",gap:8,minHeight:68,backgroundColor:o.palette.common.white,borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"}));function p({children:o,index:e,dialogRef:a,height:t,onClick:r,order:s,dragControls:d,style:m}){let n=Lc(useId(),"dialog");return jsx(c,{id:n,"data-testid":"Dialog",drag:true,dragListener:false,dragMomentum:false,dragControls:d,initial:{top:"50%",left:`calc(50% + ${e*10}px - ${416/2}px)`},transition:{duration:.1},animate:{...t&&{top:`calc(50% + ${e*10}px - ${t/2}px)`},zIndex:2+s},onClick:r,ref:a,style:m,children:o})}function L({title:o,onCloseDialog:e,...a$1}){let[t,r]=useState(false);return jsx(d,{onMouseEnter:()=>{r(true);},onMouseLeave:()=>{r(false);},isHovered:t,title:o,leftActions:jsx(a,{onClick:n=>{n.stopPropagation(),e();}}),...a$1})}var M=memo(L);var K=p;export{C as a,b,h as c,M as d,K as e};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {f,b as b$3,g,a as a$3,e as e$1,d,c as c$1}from'./chunk-5SQHRFFG.js';import {a as a$2}from'./chunk-2DWZF5VU.js';import {c}from'./chunk-IIM3KUQY.js';import {o,j,k as k$1,l,p}from'./chunk-C7KUSA2X.js';import {b as b$2}from'./chunk-JEFQJHZO.js';import {b as b$1,e,d as d$1}from'./chunk-CEMNPTGR.js';import {a as a$1}from'./chunk-KHM5KW53.js';import {a as a$4}from'./chunk-HIL3BWQJ.js';import {fb,gb,db,Lc,Ra,Sa,oc,q as q$1}from'./chunk-K4W2YD5I.js';import {q}from'./chunk-Q37PZZQR.js';import {T,gi,ii,hi,fi,mi,Mg,Dg,Lg,zj,Aj,rb,Qj,Tj,ik,Rj,sb,ta,sa,ak,h,Cg}from'./chunk-ISV4GUHO.js';import {a,b}from'./chunk-YRT7GXGY.js';import {useId,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';import {styled,Box,useTheme}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {motion}from'framer-motion';import {styled as styled$1,useTheme as useTheme$1}from'@mui/material/styles';import cr from'@mui/material/Box';var V=a((Sa,Ve)=>{var Xo=fb(),Qo=gb(),Yo=Qo(function(t,e,o){return e=e.toLowerCase(),t+(o?Xo(e):e)});Ve.exports=Yo;});var ct={ORDER:{label:"order",icon:fi,color:"#5E30EB"},SAVED_CARD:{label:"cardAgreement",icon:hi,color:"#76BB40"},SUBSCRIPTION:{label:"subscription",icon:ii,color:"#00C7BE"},INSTALLMENT:{label:"installment",icon:gi,color:"#32ADE6"}},mt={SAVED_TOKEN:{label:"savedToken",icon:T,color:"#76BB40"},COUNT:{label:"countBadge",icon:"countBadge",color:"#76BB40"}};styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5)}));styled("img")(()=>({width:"35px",height:"16px",display:"block"}));styled("span")(()=>({display:"flex",alignItems:"center",justifyContent:"center",width:"14.67px",height:"10px"}));styled("img")(()=>({maxWidth:"100%",width:"100%"}));var ut=styled("span")(({theme:t})=>({fontSize:"11px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"2px 0",color:t.palette.text.primary})),ft=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"8px"}));function Wo({type:t,hasSavedCard:e,totalPaymentsCount:o,isTextShown:r}){let l=Lc(useId(),"agreement-icon"),p=useTheme(),{t:i}=useTranslation(),n=useMemo(()=>[...e?[mt.SAVED_TOKEN]:[],...(o||0)>0?[mt.COUNT]:[],...t&&ct[t]?[ct[t]]:[]],[e,o,t]),d=c=>r?jsx(b$1,{"data-testid":"AgreementCell_countBadge",children:jsx(a$1,{title:i("totalPaymentCount",{amount:q$1(o)}),children:jsx(ft,{children:jsxs(ut,{"data-testid":"AgreementCell_totalPaymentsCount",sx:{color:mt.COUNT.color},children:["x",o]})})})},c):jsx(d$1,{totalPaymentsCount:o,index:c},c),s=n.map((c,g)=>c.label==="countBadge"?d(g):jsx(a$1,{title:i(c.label),children:jsx(b$1,{children:r?jsx(ft,{children:jsx(ut,{"data-testid":"AgreementCell_agreementType",sx:{color:c.color},children:i(c.label)})}):jsx(a$2,{sx:{maxWidth:"16px",maxHeight:"16px",height:"auto",width:"auto"},src:c.icon,alt:"agreement"})},c.color)},c.color)),f=jsx(a$1,{title:"No agreement",children:jsx(b$1,{children:r?jsx(ft,{children:jsx(ut,{"data-testid":"AgreementCell_agreementType",sx:{color:p.palette.text.secondary},children:"No agreement"})}):jsx(a$2,{sx:{maxWidth:"24px",maxHeight:"24px",height:"auto",width:"auto"},src:mi,alt:"agreement"})},"no-agreement")},"no-agreement");return jsx(Box,{id:l,"data-testid":"AgreementIcon",sx:{display:"flex",alignItems:"center",gap:"4px"},children:s?.length>0?s:f})}var Ae=Wo;var Ro=Ae;styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));styled("img")(()=>({maxWidth:"36px",maxHeight:"24px"}));styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({theme:t,sourcesCount:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${e*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:t.palette.background.paper,borderRadius:"16px"}));var Pe=styled("span")(({theme:t})=>({fontSize:"11px",padding:"2px 0",color:t.palette.text.primary})),We=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"4px",textAlign:"center",width:"100%"}));styled("span")(({theme:t})=>({position:"absolute",left:0,zIndex:6,border:`1px solid ${t.palette.divider}`,borderRadius:"12px",backgroundColor:t.palette.background.paper,width:"36px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center"}));styled(motion.div)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));var ve=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px"}));var Et={"3DS":{tooltip:"3DS",icon:Aj,borderColor:"rgba(31, 136, 208, 0.10)"},"Device Biometric":{tooltip:"Biometric",icon:zj,borderColor:"rgba(31, 136, 208, 0.10)"},"Non-3DS":{tooltip:"Non 3DS",icon:Lg,borderColor:"rgba(31, 136, 208, 0.10)"}},Re={FAILED:{tooltip:"Failed",icon:Dg,borderColor:"rgba(255, 61, 0, 0.10)"},REJECTED:{tooltip:"Rejected",icon:Mg,borderColor:"rgba(255, 61, 0, 0.10)"}};function Bo({transactionStatus:t,eci:e,authType:o,isTextShown:r}){let l=Lc(useId(),"auth-icons"),p=useMemo(()=>{let n=t?Re[t]:null,d=n?.tooltip,s=t==="AUTHENTICATED"?null:n?.icon;return [{tooltip:d,content:r?d:s,type:r?"text":"icon"},...o?[{tooltip:o,content:r?Et[o]?.tooltip:Et[o]?.icon,type:r?"text":"icon"}]:[],{tooltip:"",content:e?`ECI ${e}`:"",type:"text"}]},[t,r,o,e]),i=useMemo(()=>p.filter(n=>!!n.content).map((n,d)=>{let s=n.type==="text"?jsx(We,{"data-testid":"AuthenticationCell_BadgeTextWrapper",children:jsx(Pe,{sx:{border:"none"},"data-testid":"AuthenticationCell_TextLabel","data-source":n.content,children:n.content})}):jsx(a$2,{sx:{width:"16px",height:"16px"},src:n.content,alt:n.tooltip});return jsx(a$1,{title:n.tooltip,children:s},`${n.tooltip}-${d}`)}),[p]);return jsx(ve,{id:l,"data-testid":"AuthIcons",children:i})}var Be=Bo;var Lo=(t,e,o)=>({start:{x:t*6,transition:{duration:.3,type:"tween",ease:"easeIn"},...t>0&&{opacity:0}},animate:{x:o?t*o:t*39,transition:{duration:.3,type:"tween",ease:"easeOut"},boxShadow:e,...t>0&&{opacity:1}}});var Do=Be;var ot={VOID:{icon:Rj},CAPTURED:{icon:Qj}};var xt=styled$1(motion.div)(({theme:t,isCapture:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:t.spacing(.5),paddingInline:t.spacing(.3),paddingBlock:t.spacing(.3),height:"100%",minWidth:"100%",backgroundColor:e?"#eaf3fb":"#eeeeee",borderRadius:"56px",width:"fit-content",fontSize:"10px",color:t.palette.text.primary,position:"relative",zIndex:10})),gt=styled$1("div")(({theme:t,percentage:e,isCapture:o})=>({border:`0.6px ${[0,100].includes(e)?"solid":"dashed"} ${o?t.palette.info.dark:"#656565"}`,borderRadius:"80px",padding:t.spacing(.316),paddingLeft:t.spacing(.516),fontSize:"7px",fontWeight:t.typography.fontWeightBold,color:o?t.palette.info.dark:"#656565",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5)})),It=styled$1("div")(({percentage:t,isCapture:e,theme:o})=>({background:`conic-gradient(${e?o.palette.info.dark:"#656565"} ${t}%, transparent 0.00%)`,borderRadius:"50%",width:"8.333px",height:"8.333px",border:`0.6px solid ${e?o.palette.info.dark:"#656565"}`})),ht=styled$1("img")({width:"14px",height:"14px"}),H=styled$1(o)({width:"16px",height:"16px"}),F=styled$1("img")({width:"16px",height:"16px"}),Le=styled$1(Box)({display:"flex",alignItems:"center",justifyContent:"center"});function Ct(t){return t<5?5:t===100?95:t}function Fo({voidPercentage:t,capturePercentage:e$1,captureCount:o,autoType:r,captureAmount:l,voidAmount:p,currency:i,isTextShown:n,remainingAmount:d,isSheetViewShown:s,selectionProps:f={}}){let c=Number(e$1)+Number(t)===100||d<=0,g=Lc(useId(),"capture-auto-icon"),T=useTheme$1(),{t:w}=useTranslation(),P=Ra(d||0),D=useCallback(C=>`Auto ${C} - ${i} ${P.integerAmount}.${P.decimalAmount}`,[i,P.decimalAmount,P.integerAmount]),Q=useCallback(C=>{let Y=C==="Capture"?l:p,{integerAmount:E,decimalAmount:v}=Sa(Y,i);return `Partial ${C} - ${i} ${E}.${v}`},[l,p,i]),x=e$1>0?jsx(a$1,{title:Q("Capture"),children:jsxs(xt,{isCapture:true,isFullyUsed:c,whileHover:["animate","fadeIn"],animate:"start",variants:{animate:{boxShadow:T.shadows[4]}},children:[jsx(ht,{src:rb,alt:"captured"}),jsxs(motion.div,{style:{display:"none",alignItems:"center",justifyContent:"center",gap:"4px"},initial:{width:0,opacity:0},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex"},fadeIn:{transition:{delay:.5},opacity:1}},children:[jsxs(gt,{isCapture:true,percentage:e$1,children:[e$1,"% ",jsx(It,{isCapture:true,percentage:Ct(e$1)})]}),o>1&&jsxs(e,{compact:true,variant:"dark",children:[o,"x"]})]})]})}):r==="CAPTURED"&&!c?jsx(a$1,{title:D("Capture"),children:jsx(H,{children:jsx(F,{src:ot.CAPTURED?.icon,alt:"auto"})})}):jsx(a$1,{title:D("Capture"),children:jsx(H,{children:jsx(F,{src:ot.CAPTURED?.icon,alt:"auto"})})}),I=e$1===100?jsx(a$1,{title:w("captured"),children:jsx(Le,{children:jsx(F,{src:Tj,alt:"captured"})})}):x,W=useMemo(()=>s&&I?jsx(b$2,{chipIndex:4,copyText:w("captured"),selectionProps:f,children:w("captured")}):n&&I?jsx(k$1,{children:w("captured")}):I,[n,I,s,f]);return W&&jsx("div",{id:g,"data-testid":"CaptureAutoIcon",style:{zIndex:12},children:W})}var Ee=Fo;function Ko({voidPercentage:t,capturePercentage:e$1,voidCount:o,autoType:r,captureAmount:l$1,voidAmount:p,currency:i,isTextShown:n,isSheetViewShown:d,selectionProps:s={},remainingAmount:f}){let c=Number(e$1)+Number(t)===100||f<=0,g=Lc(useId(),"void-auto-icon"),T=useTheme$1(),{t:w}=useTranslation(),P=Ra(f||0),D=useCallback(C=>`Auto ${C} - ${i} ${P.integerAmount}.${P.decimalAmount}`,[i,P.decimalAmount,P.integerAmount]),Q=useCallback(C=>{let Y=C==="Capture"?l$1:p,{integerAmount:E,decimalAmount:v}=Sa(Y,i);return `Partial ${C} - ${i} ${E}.${v}`},[l$1,p,i]),x=t>0||p?jsx(a$1,{title:Q("Void"),children:jsxs(xt,{isFullyUsed:c,whileHover:["animate","fadeIn"],animate:"start",sx:{zIndex:14,background:T.palette.common.white,border:`0.75px solid ${T.palette.grey[600]}1A`},variants:{animate:{boxShadow:T.shadows[4]}},children:[jsx(ht,{src:ik,alt:"void"}),jsxs(motion.div,{style:{display:"none",alignItems:"center",justifyContent:"center",gap:"4px"},initial:{width:0,opacity:0},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex"},fadeIn:{transition:{delay:.5},opacity:1}},children:[jsxs(gt,{percentage:t,children:[t,"% ",jsx(It,{percentage:Ct(t)})]}),o>0&&jsxs(e,{compact:true,variant:"neutral",children:[o,"x"]})]})]})}):r==="VOID"&&!c?jsx(a$1,{title:D("Void"),children:jsx(H,{children:jsx(F,{src:ot.VOID?.icon,alt:"auto"})})}):null,I=t===100?jsx(a$1,{title:w("void"),children:jsx(H,{children:jsx(F,{src:ik,alt:"void"})})}):x,W=useMemo(()=>d&&I?jsx(b$2,{chipIndex:5,copyText:w("void"),selectionProps:s,children:w("void")}):n&&I?jsx(l,{children:w("void")}):I,[n,I,d,s]);return W?jsx("div",{id:g,"data-testid":"VoidAutoIcon",style:{...!d&&{zIndex:11}},children:W}):null}var _e=Ko;var Jo=Ee;var Me=b(V(),1);var er=({authorizedStatus:t,isTextShown:e,iconStyles:o,tableMode:r,chipIndex:l=0,selectionProps:p={}})=>{let{t:i}=useTranslation(),n=useTheme$1(),d=i((0, Me.default)(t));return db(r)?jsx(b$2,{copyText:d,chipIndex:l,selectionProps:p,children:d}):jsx(a$1,{title:d,children:e?jsx(j,{"data-testid":"StatusCell_AuthorizedStatusLabel",sx:{color:n.palette.info.dark},children:d}):jsx(a$2,{src:f[t],alt:"authorized-icon","data-testid":"StatusCell_AuthorizedStatusIcon",sx:o})})};var k=b(V(),1);var ze=styled$1(motion.span)(({theme:t})=>({color:t.palette.common.white,display:"block",fontWeight:t.typography.fontWeightBold,fontSize:"9.78px",borderRadius:"4px",paddingInline:t.spacing(.45)})),Ne=styled$1(motion.span)(()=>({display:"block",width:"0",overflow:"hidden"})),$t=styled$1("img")(()=>({width:"10px",height:"10px"})),_t=styled$1(motion.span)(({theme:t})=>({width:"18px",height:"18px",borderRadius:"50%",backgroundColor:t.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,position:"relative"})),Vt=styled$1(motion.div,{shouldForwardProp:t=>t!=="isVisible"})(({isVisible:t})=>({display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"0",overflow:"hidden",opacity:0,...!t&&{padding:"0 !important"}})),Ge=styled$1(motion.div)(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start"})),Fe=styled$1(motion.span)(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minHeight:"24px",cursor:"pointer",borderRadius:"16px"})),Ue={delay:.2,ease:"easeIn",fadeIn:{duration:.2}},Oe={animate:{width:"auto",paddingRight:"4px",paddingLeft:"4px"},fadeIn:{opacity:1,transition:{delay:.7}}},je={animate:{width:"auto"},fadeIn:{opacity:1,transition:{delay:1}}},He={animate:{width:"auto",paddingRight:"8px",paddingLeft:"4px"}},Mt={fadeIn:{duration:.3},animate:{duration:.1}},qe={fadeIn:{opacity:1}},Ke=styled$1(j)(()=>({width:"88px",height:"100%"})),zt=styled$1(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.25),height:"100%"}));function ir({chargeStatus:t,gatewayTooltip:e,acquirerTooltip:o$1,chargeTooltip:r,errorCode:l,isTextShown:p$1,gatewayCode:i,acquirerCode:n,unCapturedStyles:d,iconStyles:s,iconWrapperStyles:f,gatewayIconWrapperStyles:c,gatewayContainerStyles:g$1,gateWayIconStyles:T,showBadge:w=true,isSheetViewShown:P=false,selectionProps:D={},chipIndex:Q=0}){let x=t?b$3[t]:null,I=t?g[t]:null,W=useTheme$1(),{t:C}=useTranslation(),Y=Lc(useId(),"charge-status-icon"),E=r&&jsx(Fragment,{children:jsx("div",{children:r})}),v=o$1&&jsxs(Fragment,{children:[jsx("div",{children:"Acquirer"}),jsx("div",{children:o$1})]}),Z=e&&jsxs(Fragment,{children:[jsx("div",{children:"Gateway"}),jsx("div",{children:e})]}),Ot=t&&a$3[t]&&jsx("div",{"data-testid":"ChargeStatusIcon_ChargeIcon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:x?"50%":"",...f},children:jsx(p,{src:a$3[t],alt:"charge-icon","data-testid":"ChargeStatusIcon_StatusIcon",style:{borderRadius:x?"50%":"",width:"16px",height:"16px",...s}})});return P?jsxs(zt,{children:[jsxs(b$2,{copyText:C((0, k.default)(t)),chipIndex:Q,selectionProps:D,children:[C((0, k.default)(t))," ",l]}),x&&jsxs(Fragment,{children:[i&&jsxs(b$2,{copyText:"Gateway",chipIndex:1,selectionProps:D,children:["Gateway ",i]}),n&&jsxs(b$2,{copyText:"Acquirer",chipIndex:2,selectionProps:D,children:["Acquirer ",n]})]})]}):p$1?jsxs(zt,{children:[jsx(a$1,{title:E,children:jsxs(Ke,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark,borderColor:`${x?.color||I?.color||W.palette.info.dark}1A`},children:[C((0, k.default)(t))," ",l]})}),x&&jsxs(Fragment,{children:[i&&jsx(a$1,{title:Z,children:jsxs(j,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark},children:["Gateway ",i]})}),n&&jsx(a$1,{title:v,children:jsxs(j,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark},children:["Acquirer ",n]})})]})]}):jsx(o,{id:Y,"data-testid":"ChargeStatusIcon_StatusIconWrapper",style:{...f},children:q?.includes(t||"")&&(E||v||Z)?jsxs(Fe,{"data-testid":"ChargeStatusIcon_UnCapturedContainer",whileHover:["animate","fadeIn"],style:{left:"0",...w&&{paddingInline:"12px",border:"1px solid #F2F2F2",borderRadius:"12px",backgroundColor:"#fff"},...d},children:[jsx(Ge,{"data-testid":"ChargeStatusIcon_UnCapturedBadge",sx:{borderRadius:"56px"},initial:{background:"transparent"},variants:{animate:{background:x?.background}},children:jsx(a$1,{title:E??C((0, k.default)(t)),children:jsxs(Fragment,{children:[Ot,jsx(Ne,{"data-testid":"ChargeStatusIcon_ErrorCodeWrapper",transition:{animate:{duration:.05}},variants:He,style:{...l&&{padding:"0 !important"}},children:jsx(ze,{"data-testid":"ChargeStatusIcon_ErrorCodeLabel",sx:{background:x?.color},transition:Ue,variants:qe,initial:{opacity:0},children:l})})]})})}),jsx(Vt,{"data-testid":"ChargeStatusIcon_GatewaysContainer",transition:Mt,variants:Oe,style:g$1,isVisible:!!Z,children:Z&&jsx(a$1,{title:Z,children:jsx(_t,{"data-testid":"ChargeStatusIcon_GatewayIconWrapper",style:{background:x?.background,...c},children:jsx($t,{src:x?.gatewayIcon,alt:"gateway-icon","data-testid":"ChargeStatusIcon_GatewayIcon",style:T})})})}),jsx(Vt,{"data-testid":"ChargeStatusIcon_GatewaysContainer",transition:Mt,variants:je,style:g$1,isVisible:!!v,children:v&&jsx(a$1,{title:v,children:jsx(_t,{"data-testid":"ChargeStatusIcon_AcquirerIconWrapper",style:{background:x?.background,...c},children:jsx($t,{src:x?.acquirerIcon,alt:"acquirer-icon","data-testid":"ChargeStatusIcon_AcquirerIcon",style:T})})})})]}):jsx(a$1,{title:E??C((0, k.default)(t)),children:jsx(o,{children:Ot})})})}var lr=()=>{let{t}=useTranslation(),e=Lc(useId(),"customer-initiated-icon");return jsx(a$1,{title:t("merchantInitiated"),children:jsx("img",{id:e,"data-testid":"merchantInitiatedIcon",src:sb,alt:"merchant",style:{width:"16px",height:"16px"}})})};var dr={G:"Global",R:"Regional",L:"Local"},rt=({geographyVariant:t,countryCode:e,isTextShown:o})=>{let r=t?dr[t]:void 0,l=r||e?`${r||""} ${r&&e?"-":""} ${e?`Country - ${e}`:""}`:void 0;return o||!e?null:jsx(a$1,{title:l,children:jsx(a$4,{countryCode:e})})};var ur=({geographyVariant:t,isTextShown:e,deviceCountry:o,deviceType:r,tableMode:l})=>{let p=Lc(useId(),"device-icon-chip");return jsxs(cr,{id:p,"data-testid":"DeviceIconChip",sx:{display:"flex",gap:"8px",alignItems:"center",...db(l)&&{height:"18px"}},children:[jsx(rt,{geographyVariant:t,isTextShown:e,countryCode:o}),jsx(c,{type:r,isTextShown:e,tableMode:l})]})};var gr=({isDisputeOpen:t,iconStyles:e})=>{let o=Lc(useId(),"dispute-icon");return jsx(p,{id:o,"data-testid":"StatusCell_DisputeStatusIcon",sx:{width:"13.5px",height:"13.5px"},src:t?ta:sa,alt:"dispute-icon",style:e})};var Ze=styled$1(cr,{shouldForwardProp:t=>t!=="tableMode"})(({theme:t,tableMode:e})=>({display:"flex",gap:t.spacing(.5),...db(e)&&{height:"18px"},alignItems:"center"})),to=styled$1("span")(({theme:t})=>({fontSize:"10px",fontWeight:500,color:t.palette.text.primary}));function Gt({countryCode:t,isTextShown:e,cardNumber:o,bankName:r,tableMode:l}){let p=Lc(useId(),"issuer-icon"),i=o?.slice(0,4),n=o?.slice(-4);return jsxs(Ze,{id:p,"data-testid":"IssuerIcon",tableMode:l,children:[t&&jsx(rt,{countryCode:t,isTextShown:e}),jsx(a$1,{title:`${r?`Issuer - ${r}`:""}`,children:jsx(to,{children:`${i||""} ${n||""}`})})]})}var br=Gt;var eo=b(V(),1);styled(motion.div)(({theme:t,background:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5),paddingInline:t.spacing(.75),paddingBlock:t.spacing(.5),backgroundColor:e,height:"24px",width:"fit-content",borderRadius:"24px",fontSize:"10px",color:t.palette.text.primary}));var Mi=styled("img")(()=>({height:"13.125px",width:"12px"})),Tt=styled("div")(()=>({fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"center",width:"65px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"4.5px 8px",borderRadius:"24px"})),zi=styled("div")(({theme:t})=>({color:t.palette.common.white,background:t.palette.error.main,fontSize:"0.6rem",fontWeight:600,borderRadius:"16px",padding:"2px 8px",display:"flex",alignItems:"center",justifyContent:"center"})),Ni=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px"}));var wr=({payoutStatus:t="PENDING",isTextShown:e,payoutTooltip:o,iconStyles:r,isSheetViewShown:l,chipIndex:p$1=0,selectionProps:i={}})=>{let{t:n}=useTranslation(),d=Lc(useId(),"payout-icon"),s=n((0, eo.default)(t)),f=o||s;return l?jsx(b$2,{chipIndex:p$1,copyText:s,selectionProps:i,children:s}):jsx(a$1,{title:f,children:e?jsx(Tt,{id:d,"data-testid":"StatusCell_PayoutStatusLabel",children:s}):jsx(p,{id:d,src:e$1[t],alt:"settled-icon","data-testid":"StatusCell_PayoutStatusIcon",style:r})})};var no=b(V(),1);var oo=styled$1(motion.img)(()=>({width:"14px",height:"14px"})),ro=styled$1(motion.span)(({theme:t})=>({color:t.palette.common.white,borderRadius:t.spacing(.5),height:"12px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"9.782px",fontWeight:600,backgroundColor:t.palette.secondary.main})),Ft=styled$1(motion.div)(({theme:t})=>({height:"16px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:`${t.palette.secondary.main}1A`,paddingInline:t.spacing(.5),borderRadius:"56px"}));var ep=styled$1(motion.span)(({isTextShown:t,theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:"12px",backgroundColor:e.palette.background.paper,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",minWidth:t?"auto":"36px",...t&&{border:"none"}})),op=styled$1(motion.div,{shouldForwardProp:t=>t!=="statusesCount"})(({statusesCount:t})=>({display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",minWidth:`${t*6+36}px `,minHeight:"24px",cursor:"pointer",borderRadius:"16px","&:hover":{zIndex:"200 !important"}})),rp=styled$1(motion.div)(()=>({display:"flex",gap:"4px",justifyContent:"flex-start",alignItems:"center",position:"relative",width:"100%",overflow:"visible"}));var Rr=({isTextShown:t,refundStatus:e="PENDING",refundTooltip:o="",refundCount:r,iconStyles:l,isSheetViewShown:p$1,chipIndex:i=0,selectionProps:n={}})=>{let{t:d$1}=useTranslation(),s=useTheme$1(),f=Lc(useId(),"refund-icon"),c=(r||0)>1,g=d$1((0, no.default)(e));if(p$1)return jsxs(b$2,{chipIndex:i,selectionProps:n,copyText:g,children:[g," ",c?`${r}x`:null]});let T=jsxs(ro,{"data-testid":"StatusCell_RefundsCountBadge",initial:{width:0,opacity:0,padding:"0px"},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex",padding:"1.285px 2.569px"},fadeIn:{transition:{delay:.5},opacity:1}},children:[r,"x"]});return t?jsx(a$1,{title:jsx("div",{children:jsx("div",{children:o})}),children:jsx(Tt,{id:f,"data-testid":"StatusCell_RefundStatusLabel",sx:{color:d[e].color,backgroundColor:d[e].backgroundColor,width:"90px"},children:jsxs(Ft,{whileInView:c?["animate","fadeIn"]:void 0,variants:{animate:{boxShadow:s.shadows[4],gap:s.spacing(.5)}},children:[g," ",c?T:null]})})}):jsx(a$1,{title:jsx("div",{children:jsx("div",{children:o})}),children:c?jsxs(Ft,{id:f,whileHover:["animate","fadeIn"],animate:"start",variants:{animate:{boxShadow:s.shadows[4],gap:s.spacing(.5)}},children:[jsx(oo,{src:ak,alt:"multi-refunded-icon","data-testid":"StatusCell_MultiRefundIcon"}),T]}):jsx(p,{id:f,src:c$1[e],alt:"refunded-icon","data-testid":"StatusCell_RefundStatusIcon",style:l})})},ao=Rr;var kr=ao;var vt=b(V(),1);var Br={american_express:"AMEX",debit:"card",credit:"card"},L=t=>Br[t?.toLowerCase()||""]||t;var co=b(V(),1);styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));var io=styled("img")(()=>({maxWidth:"24px",maxHeight:"16px"}));styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({theme:t,sourcesCount:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${e*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:t.palette.background.paper,borderRadius:"16px"}));var po=styled("span")(({theme:t})=>({fontSize:"11px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"2px 0",color:t.palette.text.primary})),so=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"8px",textAlign:"center",width:"100%"}));styled("span")(({theme:t})=>({position:"absolute",left:0,zIndex:6,border:`1px solid ${t.palette.divider}`,borderRadius:"12px",backgroundColor:t.palette.background.paper,width:"36px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center"}));var lo=styled("span")(({theme:t})=>({fontSize:"10px",fontWeight:500,color:t.palette.text.primary}));function Wt({source:t,isTextShown:e,title:o,width:r,height:l,imgSx:p}){let{t:i}=useTranslation(),n=h(t);return jsx(a$1,{title:o,children:e?jsx(so,{"data-testid":"SourceCell_BadgeTextWrapper",children:jsx(po,{"data-testid":"SourceCell_TextLabel","data-source":t,children:i((0, co.default)(t))})}):jsx(io,{src:n,alt:t,width:r,height:l,onError:d=>{d.currentTarget.src=h("card");},sx:p})})}function Mr({payment:t,card:e,isTextShown:o,firstIcon:r}){let l=Lc(useId(),"source-icons"),{t:p}=useTranslation(),i=useCallback(()=>{let s=[],f=oc(t),c=t?.method,g=t?.scheme;return L(c)?.toLowerCase()===L(g)?.toLowerCase()?s.push(L(c),L(f)):s.push(L(c),L(f),L(g)),s},[t]),n=useMemo(()=>jsx(Wt,{source:r,isTextShown:o,title:p((0, vt.default)(r))},r),[r,o,p]),d=useMemo(()=>i()?.filter(s=>!!s&&s!==r)?.map((s,f,c)=>{let g=t?.wallet===p("sv_wallet")?p("storedValueWallet"):p("passThruWallet"),T=f===c.length-1&&e?.last_four?`${p((0, vt.default)(s))} - ${e?.last_four}`:p((0, vt.default)(s));return jsx(Wt,{source:s,isTextShown:o,title:f===0&&s==="Wallet"?g:T},`${s}-${f}`)}),[i,t,e,o,p,r]);return jsxs(Box,{id:l,"data-testid":"SourceIcons",display:"flex",alignItems:"center",gap:.5,children:[r&&n,d,e?.last_four&&jsxs(lo,{children:["\xB7\xB7\xB7 ",e?.last_four]})]})}var at={PROCESSED:Cg,FAILED:""};var xo=styled("span")(({theme:t})=>({fontSize:"11px",padding:"2px 0",color:t.palette.text.primary})),go=styled("img")(()=>({width:"16px",height:"16px"})),Io=styled("span")(()=>({width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"transparent",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}));var Rt=b(V(),1);function ho({status:t,isTextShown:e,isSheetViewShown:o,chipIndex:r=0,selectionProps:l={}}){let p=useTheme(),{t:i}=useTranslation(),n=Lc(useId(),"destination-icon"),d=i((0, Rt.default)(t));return o&&at[t]?jsx(b$2,{copyText:d,chipIndex:r,selectionProps:l,children:d}):e&&at[t]?jsx(xo,{id:n,"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, Rt.default)(t),sx:{background:"#1F88D00D",color:t==="PROCESSED"?p.palette.info.dark:p.palette.common.black},children:d}):jsx(Io,{id:n,"data-testid":"DestinationIcon",className:"destination-status",children:t&&at[t]&&jsx(a$1,{title:i((0, Rt.default)(t)),children:jsx(go,{src:at[t],alt:"destination-icon"})})})}export{ep as a,op as b,rp as c,Ro as d,Lo as e,Do as f,_e as g,Jo as h,V as i,er as j,ir as k,lr as l,rt as m,ur as n,gr as o,br as p,Mi as q,zi as r,Ni as s,wr as t,kr as u,L as v,Wt as w,Mr as x,ho as y};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {e as e$2}from'./chunk-
|
|
1
|
+
import {e as e$2}from'./chunk-EJU57OEG.js';import {a as a$1}from'./chunk-Y4NV6QMR.js';import {a as a$2}from'./chunk-4FQIFS2J.js';import {a,f,e as e$1}from'./chunk-HUCDH4XF.js';import {e}from'./chunk-CEMNPTGR.js';import {Ua,r,Lc}from'./chunk-K4W2YD5I.js';import {Ab}from'./chunk-ISV4GUHO.js';import {memo,useRef,useMemo,useCallback,useId,useState}from'react';import {styled,Typography,Box,Popper}from'@mui/material';import {useTranslation}from'react-i18next';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var O=styled(Typography)(()=>({display:"block",textAlign:"center",fontSize:"10px",fontWeight:500,color:"#8D8D94",padding:"24px 0"})),A=styled(Box,{shouldForwardProp:t=>t!=="isDisabled"})(({isDisabled:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",...t&&{"& img":{opacity:.3}}}));var tt=memo(t=>{let{variant:e$2="inActive",badgeCount:o,label:r$1,...n}=t,s=useRef(null),m=useMemo(()=>!o||Number.isNaN(Ua(o))?null:jsx(e,{variant:"inActive",children:r(Number(o))}),[o]),u=useCallback(p=>{p.stopPropagation(),t?.onClick?.(p);},[t]),l=a[e$2];return jsx(l,{"data-testid":"MultiSelectStatusButton",...n,ref:s,onClick:u,statusVariant:e$2,children:jsx(f,{children:jsxs(e$1,{variant:e$2,children:[r$1,m]})})})}),V=tt;function W(t){let e=new Set;return t.filter(o=>e.has(o.value)?false:(e.add(o.value),true))}function h(t,e){let o=e.toLowerCase();return t.reduce((r,n)=>{if(n.options?.length){let s=h(n.options,e);s.length&&r.push({...n,options:s});}else (n.placeholder?.toLowerCase().includes(o)||n.value.toLowerCase().includes(o))&&r.push(n);return r},[])}function it({buttonLabel:t,onClear:e,onConfirm:o,dropdownItems:r,apiKey:n,data:s,styles:m,buttonDisabled:u,searchable:l,searchPlaceholder:p}){let{t:Q}=useTranslation(),Y=p??`${Q("search")}...`,$=Lc(useId(),"multi-select-dropdown-button"),[C,b]=useState(null),[a,d]=useState(""),G=c=>{b(c.currentTarget);},g=()=>{b(null),d("");},x=!!C,L=s?.[n],J=Array.isArray(L)?L.length:0,S=useMemo(()=>{if(!r)return r;let c=W(r);return !l||!a?c:h(c,a)},[l,a,r]),v=l&&!!a&&S?.length===0,U=l?jsxs(Fragment,{children:[jsx(a$1,{name:"multi-select-search",value:a,placeholder:Y,onSearchChange:d,onSearchReset:()=>d(""),sx:{pt:0}}),v&&jsx(O,{children:"No results found"})]}):void 0;return jsxs("div",{id:$,"data-testid":"MultiSelectDropdownButton",children:[jsx(V,{onClick:G,label:jsxs(A,{isDisabled:u,children:[t,jsx("img",{src:Ab,alt:"arrow-down"})]}),disabled:u,badgeCount:J}),x&&jsx(a$2,{onClick:g}),jsx(Popper,{open:x,anchorEl:C,placement:"bottom-start",sx:{zIndex:9999},children:jsx(e$2,{onCloseDropdown:g,filter:{apiKey:n,data:s,onClear:e,onConfirm:o,options:S,type:"list"},styles:{...m,height:v?"auto":"300px",overflowY:"scroll",maxWidth:"200px"},header:U,searchable:l})})]})}var z=memo(it);var At=z;export{At as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a as a$4}from'./chunk-2DWZF5VU.js';import {a as a$2}from'./chunk-HBBAQUBR.js';import {a as a$3}from'./chunk-XRGGXQ5G.js';import {a}from'./chunk-
|
|
1
|
+
import {a as a$4}from'./chunk-2DWZF5VU.js';import {a as a$2}from'./chunk-HBBAQUBR.js';import {a as a$3}from'./chunk-XRGGXQ5G.js';import {a as a$1}from'./chunk-E5TE7V56.js';import {a}from'./chunk-GNY2VGGW.js';import {tb,Cb,A,Ab,Nc}from'./chunk-ISV4GUHO.js';import me,{useState,useRef,useMemo}from'react';import {Box,CircularProgress,Typography}from'@mui/material';import xe from'@mui/material/ClickAwayListener';import h from'@mui/material/Box';import le from'@mui/material/Input';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';styled(a)(({theme:e})=>({fontSize:"10px",color:e.palette.grey[700],fontWeight:600,lineHeight:"10px"}));styled(a)(({theme:e})=>({fontSize:"11px",color:e.palette.text.primary,fontWeight:600,lineHeight:"14.3px",width:200}));styled(h)(()=>({display:"flex",flexDirection:"column",maxHeight:400,overflow:"auto",gap:"8px"}));var H=styled(le)(({theme:e})=>({width:"inherit",height:32,padding:"11px 12px",fontSize:"10px",borderRadius:"5px",backgroundColor:"#F9F9F9",border:"1px solid transparent","&.Mui-focused":{borderColor:e.palette.info.dark}}));styled(a$1)(()=>({padding:0,width:12,height:12,".MuiSvgIcon-root, img":{width:12,height:12}}));var D=styled(h)(()=>({display:"flex",flexDirection:"column",gap:"8px",padding:"4px"})),I=styled(h)(()=>({display:"flex",gap:"8px",padding:"4px",flexWrap:"wrap",paddingInlineEnd:"20px"})),M=styled(h)(({theme:e,maxWidth:o})=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:`${e.palette.info.dark}1a`,fontSize:"10px",fontWeight:500,cursor:"pointer",...o&&{maxWidth:`${o}%`}}));styled(a)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",fontSize:"10px",fontWeight:500,color:e.palette.common.black,cursor:"pointer",padding:8}));var N=styled(h)(({theme:e})=>({width:"100%",flexDirection:"column",border:`1px solid ${e.palette.grey[100]}`,borderRadius:"4px",backgroundColor:e.palette.grey[400],minWidth:"89px",position:"relative"})),z=styled(h)(()=>({position:"absolute",right:8,bottom:13.5,width:15,height:15}));var R=e=>e.length===0?true:"value"in e[0],$=(e,o,p)=>o?e.filter(r=>p.some(a=>r?.[a]?.toLowerCase().includes(o.toLowerCase()))):e,G=(e,o,p)=>e.map(r=>{let a=r?.options.map(l=>{let S=l?.options?.filter(n=>p.some(d=>n?.[d]?.toLowerCase().includes(o.toLowerCase())));return {...l,options:S}}).filter(l=>l?.options?.length>0);return {...r,options:a}}).filter(r=>r?.options?.length>0);function X({childOption:e,selectedOptions:o,onChangeOptions:p}){let[r,a]=useState(null),l=n=>{p([...o||[],n]);},S=n=>{p(o?.filter(d=>d.value!==n.value)||[]);};return jsxs(a$2,{onMouseEnter:n=>{e.options?.length>0&&a(n.currentTarget);},onMouseLeave:()=>{r&&a(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"220px",minWidth:"89px"},children:[e.label,jsx("img",{src:tb,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!r,anchorEl:r,placement:"right-start",children:e.options?.map(n=>{let w=!!o?.find(s=>s.value===n.value);return jsx(a$2,{isSelected:w,onClick:s=>{s.stopPropagation(),s.preventDefault(),w?S(n):l(n);},children:jsx(Box,{sx:{flex:1,maxWidth:"220px",minWidth:"89px"},children:n.label})},n.value)})})]})}function J({parentOption:e,selectedOptions:o,onChangeOptions:p}){let[r,a]=useState(null);return jsxs(a$2,{onMouseEnter:l=>{e.options?.length>0&&a(l.currentTarget);},onMouseLeave:()=>{r&&a(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px"},children:[e.label,jsx("img",{src:tb,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!r,anchorEl:r,placement:"right-start",children:e.options?.map(l=>jsx(X,{childOption:l,selectedOptions:o,onChangeOptions:p},l.label))})]})}function Q({option:e,selectedOptions:o,onChangeOptions:p}){let r=o?.some(a=>a.value===e.value)??false;return jsx(a$2,{isSelected:r,onClick:a=>{if(a.stopPropagation(),a.preventDefault(),r){p(o?.filter(l=>l.value!==e.value)||[]);return}p([...o||[],e]);},children:jsx(Box,{sx:{flex:1,maxWidth:"220px",minWidth:"89px"},children:e.label})})}function ge({options:e,onChangeOptions:o,selectedOptions:p,placeholder:r,isLoading:a,searchBy:l=["label"],disabled:S}){let n=R(e),[d,w]=useState(null),[s,E]=useState(""),ee=useRef(null),b=!!d,te=t=>{w(b?null:t.currentTarget);},oe=()=>{w(null);},re=()=>{s&&E("");},T=useMemo(()=>{if(n)return $(e,s,l)},[n,e,s,l]),F=useMemo(()=>{if(!n)return s?G(e,s,l):e},[n,e,s,l]),ne=!!(n?T:F)?.length,ie=a?jsx(CircularProgress,{size:16}):jsx(a$4,{src:s?Cb:A,alt:s?"close":"search",onClick:re,sx:{width:12,height:12}}),f=Number(p?.length??0);return jsx(xe,{onClickAway:()=>{b&&oe();},children:jsxs(N,{id:"TriggerWrapper","data-testid":"MultiSelectWithSearch",onClick:t=>!S&&te(t),ref:ee,children:[jsx(Typography,{color:"grey",sx:{cursor:"pointer",fontSize:"10px",padding:"4px"},component:"label",children:r}),f===0&&jsx(Typography,{sx:{fontWeight:500,fontSize:"11px",padding:"0px 4px 4px"},component:"p",children:"Please Select"}),jsx(z,{component:"img",src:Ab,alt:"down arrow",sx:{...b&&{transform:"rotate(180deg)"}}}),!!f&&jsx(I,{id:"SelectedBadgesWrapper",children:f>0&&f<=2?p?.map(t=>jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]},t.value)):f>2&&p?.slice(0,2)?.map((t,y)=>jsxs(me.Fragment,{children:[jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]}),y===1&&jsx(M,{maxWidth:90,children:jsxs("span",{children:["+",f-2]})})]},t.value))}),jsx(a$3,{open:b,anchorEl:d,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",maxWidth:"340px"},children:jsxs(D,{children:[jsx(H,{placeholder:r||"Select",endAdornment:ie,onClick:t=>{t.stopPropagation();},value:s,onChange:t=>{E(t.target.value);},disableUnderline:true,sx:{cursor:"default",width:"100%",backgroundColor:"white",border:"1px solid #F2F2F2",...ne&&{marginBottom:"4px"},...s&&{cursor:"pointer"}}}),jsx(I,{children:p?.map(t=>jsxs(M,{sx:{maxWidth:"150px"},onClick:y=>{y.stopPropagation(),y.preventDefault(),o(p?.filter(pe=>pe.value!==t.value)||[]);},children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.label}),jsx(a$4,{src:Cb,alt:"close",sx:{width:9,height:9}})]},t.value))}),n?T?.map(t=>jsx(Q,{option:t,selectedOptions:p,onChangeOptions:o},t.value)):F?.map(t=>jsx(J,{parentOption:t,selectedOptions:p,onChangeOptions:o},t.label))]})})]})})}var j=ge;var st=j;export{X as a,J as b,Q as c,st as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c}from'./chunk-
|
|
1
|
+
import {c}from'./chunk-S5TW2IUV.js';import {s}from'./chunk-OY7FD3PP.js';import {memo,useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import S from'@mui/material/Box';import F from'@mui/material/Button';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var q=styled(S)(({theme:o})=>({background:o.palette.grey[700],width:27,height:14,display:"inline-flex",alignItems:"center",marginInlineStart:"4px",borderRadius:"10px",padding:"2px 6px",img:{cursor:"pointer"}})),K=styled(S)(()=>({padding:"8px 16px",display:"flex",gap:"8px",justifyContent:"center"})),L=styled(F)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:"100%",borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),b=styled(F)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:"100%",borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}}));function N({onCloseDropdown:o,filter:i,styles:x,header:O,searchable:u}){let[E,V]=useState([]),{t:f}=useTranslation(),p=useRef([]),B=i?.options?.map(e=>e.value).join(",")??"";useEffect(()=>{let e=r=>{let n=i?.data?.[i.apiKey]??[];if(Array.isArray(n)&&n.length)return new Set(n).has(r)},s=r=>r.map(({placeholder:n,value:t,isSelected:a,icon:l,options:d})=>{let y;if(u){let c=p.current.find(C=>C.apiKey===t);y=c!==void 0?c.isSelected??false:(a||e(t)||d?.every(({value:C})=>e(C)))??false;}else y=(a||e(t)||d?.every(({value:c})=>e(c)))??false;return {...n&&{label:n},name:t,selected:y,...l&&{icon:l},...d?.length&&{menuItems:s(d)}}});i.options&&V(s(i.options));},[i?.data,B,u]);let h=()=>{p.current=[];},R=e=>{h(),o(e);},w=()=>{if(u){let e=new Set(i?.data?.[i.apiKey]??[]);p.current.forEach(({apiKey:s,options:r,isSelected:n})=>{r?r.forEach(({apiKey:t,isSelected:a})=>{a?e.add(t):e.delete(t);}):n?e.add(s):e.delete(s);}),i?.onConfirm?.({[i.apiKey]:[...e]});}else {let e=p.current.reduce((s,{options:r,apiKey:n,isSelected:t})=>{if(r){let a=r.filter(({isSelected:l})=>l);a.length&&s.push(...a.map(({apiKey:l})=>l));}else t&&s.push(n);return s},[]);p.current.length&&i?.onConfirm?.({[i.apiKey]:[...new Set(e)]});}h();},M=s(w,o),P=e=>{w(),o(e);},T=e=>{let s=n=>n.map(({name:t,selected:a,menuItems:l,label:d})=>({...d&&{placeholder:d},apiKey:t,isSelected:a,...l?.length&&{options:s(l)}})),r=s(e);if(u){let n=new Set(r.map(t=>t.apiKey));p.current=[...p.current.filter(t=>!n.has(t.apiKey)),...r];}else p.current=r;};return jsx(c,{"data-testid":"ColumnFilter_List",title:f("filterBy")||"Filter by",menuItems:E,style:x,sx:e=>({marginTop:"10px",textAlign:"left",boxShadow:e.shadows[3],".nested-menu-item":{height:41,zIndex:9999},...x}),updatedList:T,header:O,onKeyDown:M,footer:jsxs(K,{sx:{position:"sticky",bottom:0,backgroundColor:"white",zIndex:99999},children:[jsx(b,{onClick:R,children:f("cancel")},"nested-dropdown-cancel"),jsx(L,{onClick:P,children:f("okay")},"nested-dropdown-ok")]})})}var v=memo(N);var se=v;export{q as a,K as b,L as c,b as d,se as e};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c as c$2}from'./chunk-ZG64SJA5.js';import {a,c as c$1,d as d$1}from'./chunk-XIFGIS6F.js';import {c,d}from'./chunk-3IKAVWPZ.js';import {b,a as a$1}from'./chunk-OY7FD3PP.js';import {Lc,Ha}from'./chunk-K4W2YD5I.js';import'./chunk-Q37PZZQR.js';import {ra,Nk,Ok,ei,rk,A,Rd,te,se as se$1,qa,oa,pa}from'./chunk-ISV4GUHO.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-ZG64SJA5.js';import {c,d}from'./chunk-3IKAVWPZ.js';import {a,c as c$1,d as d$1}from'./chunk-XIFGIS6F.js';import {b,a as a$1}from'./chunk-OY7FD3PP.js';import {Lc,Ha}from'./chunk-K4W2YD5I.js';import'./chunk-Q37PZZQR.js';import {ra,Nk,Ok,ei,rk,A,Rd,te,se as se$1,qa,oa,pa}from'./chunk-ISV4GUHO.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 +1 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {c,d}from'./chunk-3IKAVWPZ.js';import {a,c as c$1,d as d$1}from'./chunk-XIFGIS6F.js';import {b,a as a$1}from'./chunk-OY7FD3PP.js';import {Lc,Ha}from'./chunk-K4W2YD5I.js';import {Bf}from'./chunk-ISV4GUHO.js';import {createContext,memo,useRef,useId,useContext,useCallback,useState,useMemo}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 Ue from'@mui/material/Box';import {Resizable}from're-resizable';import Xe from'react-draggable';import {motion}from'framer-motion';var O=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:()=>{}});var ye=555,Te=545;function q({children:e,isOpen:o,onClose:i,defaultWindowHeight:r,defaultWindowWidth:a,initialPosition:s,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}){let{height:n,width:f}=a$1(),u=a||ye,t=r||Te,[b,z]=useState({x:s?.x??f/2+u/2,y:s?.y??n/2-t/2}),[I,c]=useState(false),[v,P]=useState(false),[S,C]=useState(false),[h,R]=useState(true),w=useRef(),[E,W]=useState({width:a??0,height:r??0}),x=useCallback(g=>{w?.current?.updateSize(g);},[]),D=useCallback(g=>{w.current?.updateSize(g),W(B=>({width:g.width??B.width,height:g.height??B.height}));},[]),U=useMemo(()=>({position:b,setPosition:z,resizableRef:w,windowZIndex:1,isOpen:o,setIsMaximized:c,setIsSidebarExpanded:R,setIsToolbarAnimationDisabled:C,setIsResized:P,isMaximized:I,isToolbarAnimationDisabled:S,isSidebarExpanded:h,isResized:v,dimensions:E,setNewDimensions:W,viewerDefaultWidth:u,viewerDefaultHeight:t,onClose:i,fullWindowWidth:f,fullWindowHeight:n,updateRefSize:x,updateSize:D,minWidth:l,maxWidth:d,minHeight:p,maxHeight:m}),[b,z,w,o,c,R,C,P,I,S,h,v,E,W,f,n,u,t,x,D,i,l,d,p,m]);return jsx(O.Provider,{value:U,children:e})}var A=.5,de=183,pe=287,se=840,le=545,Y=35;function Pe({title:e,onClose:o,onMaximize:i,maximized:r=false,id:a$1,onRequestClick:s,isSidebarExpanded:l=false,isHovered:d$2=false,onMouseHover:p,onMouseLeave:m,showSectionsButton:n,rightActions:f,icon:u}){return jsx(c,{id:a$1,"data-testid":"UserTitleBar",maximized:r||false,children:jsx(d,{onMouseEnter:p,onMouseLeave:m,isMaximized:r,isHovered:d$2,title:e,icon:u||Bf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:o}),jsx(c$1,{isMaximized:r,onClick:i}),n&&jsx(d$1,{onClick:s,isExpanded:!l,isHovered:d$2,children:"Sidebar"})]}),rightActions:f})})}var me=memo(Pe);var $=me;function ke({isMaximized:e,setIsToolbarAnimationDisabled:o,setIsMaximized:i,onClose:r,isSidebarExpanded:a,setIsSidebarExpanded:s,isToolbarAnimationDisabled:l,title:d,showSectionsButton:p,rightActions:m,icon:n}){let{isHovered:f,onMouseEnter:u,onMouseLeave:t}=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($,{title:d||"Users",showSectionsButton:p,onClose:r,onMaximize:()=>{i?.(b=>!b),o?.(true),setTimeout(()=>{o?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{o?.(false),s(!a);},isSidebarExpanded:a,isHovered:f,onMouseHover:u,onMouseLeave:t,rightActions:m,icon:n})})}var ue=memo(ke);var xe=ue;function qe({children:e,titleBar:o,titleBarText:i,mainAppOrder:r,mainAppIsMinimized:a,showSectionsButton:s=true,rightActions:l,titleBarIcon:d}){let p=useRef(null),m=Lc(useId(),"app-window"),{dimensions:n,position:f,resizableRef:u,isMaximized:t,isOpen:b,onClose:z,viewerDefaultWidth:I,viewerDefaultHeight:c,windowZIndex:v,setPosition:P,setNewDimensions:S,isToolbarAnimationDisabled:C,fullWindowWidth:h,fullWindowHeight:R,setIsMaximized:w,setIsResized:E,isResized:W,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:D,isSidebarExpanded:U,minWidth:g,maxWidth:B,minHeight:He,maxHeight:Ae}=useContext(O),j=Ha(),Ie=useCallback((Z,X,ee)=>{E(true),S({width:ee.offsetWidth,height:ee.offsetHeight});},[S,E]),M=n.width||I;return createPortal(jsx(Xe,{nodeRef:p,disabled:t,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:h/2-M/2,y:R/2-c/2},position:{x:h-f.x,y:f.y},onStop:(Z,X)=>{P({x:h-X.x,y:X.y});},bounds:{top:10},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",zIndex:Number(r||0)+v,...a&&{display:"none"},transform:"translate(180px, 14px)",...!t&&{width:j?M:"fit-content",height:j?c:"fit-content"},...t&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)"},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",width:W?"fit-content":M,height:W?"fit-content":"100%",...t&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{w(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:b,hideBackdrop:true,fullScreen:t,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,left:true,right:true,bottomRight:true,bottom:true,top:true},size:{width:n.width,height:n.height},maxHeight:Ae??R-40,maxWidth:B??h,minWidth:t?"100vw":g??I,minHeight:t?"100vh":He??c,ref:Z=>{u.current=Z;},onResizeStart:()=>{x(true);},onResizeStop:()=>{x(false);},onResize:Ie,defaultSize:{width:M,height:c},style:{background:"transparent",height:n.height,overflow:"hidden",...t&&{height:"100% !important",width:"100% !important",flex:1},...t&&{position:"relative"}},children:jsxs(Ue,{sx:{height:"100%"},id:m,"data-testid":"AppWindow",children:[o??jsx(xe,{setIsToolbarAnimationDisabled:x,onClose:z,setIsMaximized:w,isToolbarAnimationDisabled:C,setIsSidebarExpanded:D,isSidebarExpanded:U,title:i,isMaximized:t,showSectionsButton:s,rightActions:l,icon:d}),e]})})})}),document.body)}var ce=memo(qe);var Je=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:o})=>({background:o?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:o?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Ke=styled(Button)(({theme:e,disabled:o})=>({background:o?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}})),Qe=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})})),je=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"})),eo=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 K=ce;function oo({children:e,windowProps:o,...i}){return i.isOpen?jsx(q,{...i,children:jsx(K,{...o,children:e})}):null}var ge=oo;function io({title:e,maximized:o=false,id:i,isHovered:r=false,onMouseHover:a,onMouseLeave:s,leftActions:l,titleIconSrc:d$1,sx:p,...m}){return jsx(c,{className:"header-wrapper",id:i,maximized:o||false,sx:p,...m,children:jsx(d,{onMouseEnter:a,onMouseLeave:s,isMaximized:o,isHovered:r,title:e||"",icon:d$1,leftActions:l})})}var Q=memo(io);function ao({isMaximized:e,id:o,isToolbarAnimationDisabled:i,title:r,leftActions:a$1,onClose:s,onMaximize:l,sx:d}){let{isHovered:p,onMouseEnter:m,onMouseLeave:n}=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(Q,{title:r,maximized:e,id:o||"draggable-dialog-title",isHovered:p,onMouseHover:m,onMouseLeave:n,leftActions:a$1||jsxs(Fragment,{children:[jsx(a,{onClick:s}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:d})})}var We=memo(ao);var lo=We;var Rt=ge;export{O as a,q as b,A as c,de as d,pe as e,se as f,le as g,Y as h,$ as i,Je as j,Ke as k,Qe as l,je as m,eo as n,K as o,Q as p,lo as q,Rt as r};
|