@tap-payments/os-micro-frontend-shared 0.3.252 → 0.3.253-test.1793092010
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-5DMZRTSS.js +1 -0
- package/build/_chunks/{chunk-LNEWGSQE.js → chunk-GPLYYFGL.js} +1 -1
- package/build/_chunks/{chunk-RGKJLODO.js → chunk-QLZME6RI.js} +1 -1
- package/build/_chunks/{chunk-R4T2G3EB.js → chunk-R6HRVVIK.js} +1 -1
- package/build/_chunks/chunk-YGEN2NPL.js +1 -0
- package/build/components/AnimatedSpinnerIcon/style.d.ts +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/AppWindowWrapper/AppWindow/AppWindow.d.ts +1 -2
- package/build/components/AppWindowWrapper/AppWindow/nestingContext.d.ts +3 -0
- package/build/components/AppWindowWrapper/AppWindowWrapper.d.ts +1 -1
- package/build/components/AppWindowWrapper/index.js +1 -1
- package/build/components/AppWindowWrapper/type.d.ts +6 -0
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/JSONViewer/components/JSONSearchBar/styles.d.ts +2 -2
- package/build/components/JSONViewer/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/ListHeader/types.d.ts +2 -0
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/RangeCalender/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/SearchButton/SearchButton.d.ts +2 -7
- package/build/components/SearchButton/constants.d.ts +37 -0
- package/build/components/SearchButton/icons.d.ts +3 -0
- package/build/components/SearchButton/index.d.ts +4 -2
- package/build/components/SearchButton/index.js +1 -1
- package/build/components/SearchButton/{styles.d.ts → style.d.ts} +173 -173
- package/build/components/SearchButton/type.d.ts +20 -0
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +1 -1
- package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts +1 -1
- package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/VirtualTables/components/style.d.ts +1 -1
- package/build/components/index.d.ts +1 -1
- package/build/components/index.js +1 -1
- package/build/datetime/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +2 -2
- package/build/_chunks/chunk-3TTOSX76.js +0 -1
- package/build/_chunks/chunk-VTFUWYYT.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {b as b$1,a}from'./chunk-4Y2COEZC.js';import {nc}from'./chunk-CZWXKHO7.js';import {forwardRef,useState,useRef,useEffect,memo}from'react';import {styled,alpha,useTheme}from'@mui/material/styles';import {motion,AnimatePresence}from'framer-motion';import {useTranslation}from'react-i18next';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import nt from'@mui/material/Box';var l="os-shared-SearchButton",o={root:`${l}-root`,field:`${l}-field`,clear:`${l}-clear`,trigger:`${l}-trigger`,triggerActive:`${l}-triggerActive`},n=12,r=30,u=32,f=30,R=200,b={duration:.18,ease:"easeInOut"},y={duration:.05,ease:"easeIn"},A=3,O=10,x=11,H=48;var D=t=>jsxs("svg",{width:n,height:n,viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",...t,children:[jsx("circle",{cx:"6",cy:"6",r:"4.25",stroke:"currentColor",strokeWidth:"1.2"}),jsx("path",{d:"M9.2 9.2L12 12",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]}),L=t=>jsxs("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none","aria-hidden":"true",...t,children:[jsx("rect",{width:"13",height:"13",rx:"6.5",fill:"#F2F2F2"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.69808 4.16259C8.78018 4.16065 8.86095 4.18356 8.92981 4.22833C8.99866 4.27309 9.05239 4.33762 9.08393 4.41344C9.11548 4.48927 9.12338 4.57286 9.10659 4.65325C9.08981 4.73365 9.04911 4.80708 8.98986 4.86395L7.07755 6.77626L8.98839 8.68713L8.98986 8.68854C9.02896 8.72608 9.06018 8.77105 9.08169 8.82081C9.1032 8.87057 9.11456 8.92413 9.11511 8.97833C9.11566 9.03254 9.10539 9.08631 9.0849 9.1365C9.06441 9.18669 9.03411 9.23229 8.99578 9.27062C8.95745 9.30895 8.91185 9.33925 8.86166 9.35974C8.81147 9.38023 8.7577 9.3905 8.70349 9.38995C8.64928 9.3894 8.59573 9.37804 8.54597 9.35653C8.49621 9.33502 8.45125 9.30379 8.41371 9.26469L6.50141 7.35239L4.59054 9.26323L4.58913 9.2647C4.55159 9.30381 4.50662 9.33502 4.45685 9.35653C4.40709 9.37804 4.35354 9.3894 4.29933 9.38995C4.24513 9.3905 4.19135 9.38023 4.14116 9.35974C4.09098 9.33925 4.04538 9.30895 4.00705 9.27062C3.96872 9.23229 3.93842 9.18669 3.91793 9.1365C3.89744 9.08631 3.88717 9.03254 3.88772 8.97833C3.88827 8.92413 3.89963 8.87057 3.92114 8.82081C3.94264 8.77105 3.97388 8.7261 4.01298 8.68855L5.92528 6.77626L4.01443 4.86539L4.01339 4.86438C3.95522 4.80788 3.91524 4.73531 3.89855 4.65596C3.88186 4.5766 3.88923 4.49407 3.91971 4.41893C3.95019 4.34379 4.00239 4.27945 4.06964 4.23414C4.13689 4.18884 4.21615 4.16462 4.29722 4.1646C4.30093 4.1646 4.30464 4.16465 4.30835 4.16475C4.35906 4.16614 4.4091 4.17699 4.45589 4.19678C4.5061 4.21801 4.55154 4.24911 4.58952 4.28822L6.50141 6.20012L8.41228 4.28928L8.4137 4.2878C8.43812 4.26236 8.4655 4.24043 8.49507 4.22235C8.55578 4.18521 8.62571 4.1643 8.69808 4.16259Z",fill:"#8D8D94"})]});var U=styled(nt)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"relative",zIndex:A,width:"fit-content",height:t.v2.spacing(32),gap:t.v2.spacing(8)})),F=styled(motion.input)(({theme:t})=>{let{base:i,grey:e,brand:s}=t.v2.palette;return {padding:t.v2.spacing(8),paddingRight:t.v2.spacing(24),borderRadius:t.v2.radius(4),height:t.v2.spacing(32),color:e[900],fontSize:t.v2.typography.textVariants.body.small.regular.fontSize,outline:0,position:"relative",zIndex:O,background:i.white,display:"flex",minWidth:0,flexGrow:0,flexShrink:0,boxShadow:`0px 0px 4px 0px ${alpha(s[500],.5)}`,border:`1px solid ${s[500]}`,willChange:"width","::placeholder":{color:"#D5D5D5"}}}),G=styled(motion.button)(({theme:t})=>({position:"absolute",zIndex:x,top:0,bottom:0,right:t.v2.spacing(H),marginBlock:"auto",width:t.v2.spacing(24),height:t.v2.spacing(24),padding:0,border:"none",background:"transparent",color:t.v2.palette.grey[500],cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",lineHeight:0})),P=styled(b$1)(({theme:t})=>{let{base:i}=t.v2.palette,e="linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)";return {position:"relative",zIndex:x,"&&":{boxSizing:"border-box",width:t.v2.spacing(r),minWidth:t.v2.spacing(r),height:t.v2.spacing(u),padding:0,borderWidth:"1px",borderStyle:"solid",borderRadius:t.v2.radius(4)},[`&& .${a.icon}`]:{width:t.v2.spacing(n),height:t.v2.spacing(n)},"&:hover":{opacity:.7},[`&&.${o.triggerActive}`]:{boxSizing:"border-box",width:t.v2.spacing(r),minWidth:t.v2.spacing(r),height:t.v2.spacing(u),padding:0,border:"1px solid transparent",backgroundColor:"transparent",backgroundImage:e,backgroundClip:"padding-box",backgroundOrigin:"padding-box",color:i.white,boxShadow:"none",outline:"none","&:hover, &:focus, &:focus-visible":{width:t.v2.spacing(r),minWidth:t.v2.spacing(r),height:t.v2.spacing(u),padding:0,border:"1px solid transparent",backgroundColor:"transparent",backgroundImage:e,backgroundClip:"padding-box",backgroundOrigin:"padding-box",boxShadow:"none",outline:"none",opacity:.8}}}});var $=forwardRef(({onSearchChange:t,placeholder:i,defaultValue:e,id:s,className:V,sx:M},K)=>{let[c,S]=useState(!!e),[Y,h]=useState(false),[p,T]=useState(e??""),B=useRef(null),d=useRef(false),j=useTheme(),{t:q}=useTranslation(),N=i??(q("search")||"");useEffect(()=>{T(e??""),S(!!e);},[e]),useEffect(()=>{if(!c){d.current=false;return}d.current&&(d.current=false,B.current?.focus());},[c]);let J=()=>{h(true),S(false),t?.(""),T("");},Q=()=>{p&&t?.(p);},tt=()=>{c||(d.current=true),h(false),S(true),Q();},et=_=>{_.key==="Enter"&&t?.(p);},ot=_=>{T(_.currentTarget.value);},rt=c||Y;return jsxs(U,{ref:K,id:s,className:nc(o.root,V),sx:M,"data-testid":s??"SearchButton",children:[jsx(AnimatePresence,{initial:false,onExitComplete:()=>h(false),children:c&&jsxs(Fragment,{children:[jsx(F,{ref:B,className:o.field,initial:{width:f},animate:{width:R},exit:{width:f,border:`1px solid ${j.v2.palette.grey[100]}`,boxShadow:"none"},transition:b,placeholder:N,value:p,onKeyDown:et,onChange:ot,"aria-label":N||"Search"}),jsx(G,{className:o.clear,type:"button",initial:{opacity:1},exit:{opacity:0},transition:y,"aria-label":"Clear search",onClick:J,children:jsx(L,{})})]})}),jsx(P,{type:"button",variant:"secondary",icon:jsx(D,{}),"aria-label":"Search",className:nc(o.trigger,rt&&o.triggerActive),onClick:tt})]})});$.displayName="SearchButton";var z=memo($);export{o as a,z as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c as c$2}from'./chunk-SKJZPJBN.js';import {m,a as a$2}from'./chunk-VTFUWYYT.js';import {c,d}from'./chunk-4FOFVTQ2.js';import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {a as a$1,b}from'./chunk-JLL4EOYJ.js';import {xn,ta,dl,el,vi,Ik,A,Ud,we as we$1,ve,sa,qa,ra}from'./chunk-2GSUGMI7.js';import Gt,{memo,createContext,useState,useRef,useId,useMemo,useCallback,useEffect,useContext}from'react';import {styled,Popover,Input,Typography,Box}from'@mui/material';import C from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import Xt from'@mui/material/Box';import {useTranslation}from'react-i18next';import {styled as styled$1}from'@mui/material/styles';var R=37,M=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var Kt=44,ce={"--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% - ${Kt+R}px`,overflow:"auto"},Ye={...ce,background:"transparent","--w-rjv-line-color":"transparent"},Xe=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})),Qe=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 ue=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"})),fe=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:r,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:xn,transition:"padding 0.3s ease-in-out",...r&&{width:"50%"}}})),me=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:R,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),ge=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),he=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),Ue=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 - ${R}px)`:(t||M)-R+5,background:"transparent",position:"fixed",width:"100%"}));var Ze=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),et=styled("span")(()=>({color:"#032F62"})),tt=styled("span")(()=>({color:"#357fb9"}));function G({"data-copied":e,style:t,onClick:r},{keyName:o}){return o?jsxs(Qe,{style:t,onClick:n=>{r?.(n);},children:[jsx(AnimatePresence,{children:e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ta,alt:"icon"},"copied-icon")}),jsx(AnimatePresence,{children:!e&&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"},"copy-icon")})]}):jsx("span",{})}function Ut({onClick:e,icon:t,label:r,disableAnimation:o,...n}){let[i,l]=Gt.useState(false),{t:p}=useTranslation();return jsxs(Xe,{...n,onClick:d=>{e?.(d),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(Xt,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ta,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!i&&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")})]}),r&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:p("copied")})}),jsx(AnimatePresence,{children:!i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:r})})]})]})}var rt=memo(Ut);var B=rt;var it=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),st=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}`}})),at=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),lt=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"}})),ye={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},pt={...ye,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},dt=styled$1("button")(()=>({...pt,right:53})),ct=styled$1("button")(()=>({...pt,right:39})),ut=styled$1(motion.img)(()=>({...ye,right:24,width:10,height:10,cursor:"pointer"})),ft=styled$1(motion.img)(()=>({...ye,right:8,width:11,height:11,cursor:"default"})),we=styled$1("img")(()=>({width:10,height:10})),mt=styled$1("img")(()=>({width:12,height:12})),gt=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 ro({value:e,onChange:t,currentIndex:r,totalCount:o,onPrev:n,onNext:i,onOpen:l,placeholder:p="Search..."}){let[s,d]=useState(false),g=useRef(null),m=e.trim().length>0,w=o>0,x=m,b=()=>{l?.(),d(true),requestAnimationFrame(()=>g.current?.focus());},S=()=>{t(""),d(false);};return jsxs(it,{children:[jsx(AnimatePresence,{children:s&&jsxs(at,{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(lt,{ref:g,initial:false,animate:{paddingRight:x?"98px":"24px"},transition:{duration:.15},placeholder:p,value:e,onChange:u=>t(u.target.value),onKeyDown:u=>{u.key==="Enter"&&(u.shiftKey?n():i()),u.key==="Escape"&&S();},onBlur:()=>{m||d(false);}}),x&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:dl,alt:"prev"})}),x&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:el,alt:"next"})}),x&&jsx(ut,{src:vi,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Ik,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),x&&jsx(gt,{children:w?`${r+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!s&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(st,{isActive:false,onClick:b,title:"Search",children:jsx(mt,{src:A,alt:"search"})})})})]})}var z=memo(ro);function yt(e,t){let r=[],o=t.length,n=0,i=e.indexOf(t,n);for(;i!==-1;){let l=i+o;r.push([i,l]),n=l,i=e.indexOf(t,n);}return r}var io={padding:0,outline:"none"};function bt({text:e,queryLength:t,ranges:r,idPrefix:o}){let n=[],i=0;return r.forEach(([l,p],s)=>{l>i&&n.push(e.slice(i,l)),n.push(jsx("mark",{style:io,children:e.slice(l,l+t)},`${o}-${s}`)),i=p;}),i<e.length&&n.push(e.slice(i)),jsx(Fragment,{children:n})}function T({text:e,query:t}){let r=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let i=e.toLowerCase(),l=yt(i,o);return l.length===0?e:jsx(bt,{text:e,queryLength:t.length,ranges:l,idPrefix:r})},[e,t.length,o,r]);return jsx(Fragment,{children:n})}function U(e,t){return e.toLowerCase().includes(t)}function Z(e){return e.trim().toLowerCase()}function ee(e){let t=Z(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(U(n,t))return jsx(tt,{children:jsx(T,{text:String(o),query:e})})}}function te(e){let t=Z(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(U(n,t))return jsxs(et,{children:['"',jsx(T,{text:String(o??""),query:e}),'"']})}}function fo({title:e,onClose:t,onMaximize:r,maximized:o=false,id:n,onMouseHover:i,onMouseLeave:l,onRequestClick:p,isRequestExpanded:s=false,showRequestIcon:d$2=false,isHovered:g=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:i,onMouseLeave:l,isMaximized:o,title:e,icon:Ud,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:r}),d$2&&jsx(d$1,{onClick:p,isExpanded:s,isHovered:g,children:"Request"})]})})})}var It=memo(fo);var be=It;var H=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{},containerRef:{current:null}});var Jt=({list:e,events:t,onClose:r,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((i,l)=>jsx(q,{index:l,...t,...i,onClose:()=>{r(l);},isWindowMinimized:o,windowOrder:n},i.json.id))}):null;var wo=({children:e,containerRef:t})=>{let[r,o]=useState([]),[n,i]=useState(false),[l,p]=useState(1),s=useRef({}),d=useCallback(c=>{if(r.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(r.some(N=>N.json.id===c.json.id))return;let O=structuredClone(c.json),V=O.request_body,u={...c,json:O,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(O=>O.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),x=useCallback(c=>{s.current=c;},[]),b=useMemo(()=>({onJsonRequestOpen:()=>s.current.onJsonRequestOpen?.(),onJsonSearch:()=>s.current.onJsonSearch?.(),onJsonCopy:()=>s.current.onJsonCopy?.(),onJsonIdCopy:()=>s.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>s.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>s.current.onJsonNodesMaximize?.()}),[]),S=useMemo(()=>({jsonViewerList:r,handleJsonViewerDialogOpen:d,handleWindowMinimize:m,handleWindowOrder:w,registerJsonViewerEvents:x,containerRef:t}),[r,d,m,w,x,t]);return jsxs(H.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Tt="#FFE20B";function oe(e,t){let[r,o]=useState(0),[n,i]=useState(0);useEffect(()=>{if(!t.trim()){i(0),o(0);return}let s=setTimeout(()=>{let d=e.current?.querySelectorAll("mark")??[];i(d.length),o(0);},50);return ()=>clearTimeout(s)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let s=Array.from(e.current.querySelectorAll("mark"));s.forEach((d,g)=>{let m=g===r;d.style.backgroundColor=m?Tt:"transparent",d.style.outline=m?`1px solid ${Tt}`:"none",d.style.borderRadius="2px";}),s[r]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[r,n,t,e]);let l=useCallback(()=>{n!==0&&o(s=>(s+1)%n);},[n]),p=useCallback(()=>{n!==0&&o(s=>(s-1+n)%n);},[n]);return {currentIndex:r,totalCount:n,goNext:l,goPrev:p}}function Et(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 Vt(e,t){if(Array.isArray(e)){let r=e.map(o=>Vt(o,t)).filter(o=>o!=null);return r.length>0?r:null}return typeof e=="object"&&e!==null?Wt(e,t):Et(e,t)?e:null}function Wt(e,t){let r={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))r[o]=n;else if(typeof n=="object"&&n!==null){let i=Vt(n,t);i!==null&&(r[o]=i);}else Et(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Wt(e,t.toLowerCase()):e}var L=400,re=.5;function q(e){let{containerRef:t}=useContext(H),{height:r,width:o}=a$1(),[n,i]=useState(false);return jsx(m,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:M,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r/2-M/2+e.index*30},windowProps:{mainAppOrder:e.windowOrder,mainAppIsMinimized:e.isWindowMinimized,overflow:"visible",titleBar:jsx(Co,{...e,isRequestShown:n,setIsRequestShown:i})},children:jsx(vo,{...e,isRequestShown:n})})}function Co({requestJson:e={},onClose:t,onJsonRequestOpen:r,isRequestShown:o,setIsRequestShown:n}){let{isMaximized:i,setIsMaximized:l,isToolbarAnimationDisabled:p,setIsToolbarAnimationDisabled:s,dimensions:d,updateSize:g}=useContext(a$2),{onMouseEnter:m,onMouseLeave:w,isHovered:x}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:xn,position:"fixed",zIndex:1e3}},animate:{width:o?b$1*2:b$1,...i&&{width:"100vw"},...!i&&{transform:`translateX(${o?-b$1:0}px)`}},transition:{duration:re,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},re*1e3);},isHovered:x,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:M}));},isRequestExpanded:o,showRequestIcon:!!S})})}function vo({json:e,requestJson:t={},onJsonSearch:r,onJsonCopy:o,onJsonIdCopy:n,onJsonNodesMinimize:i,onJsonNodesMaximize:l,isRequestShown:p}){let{isMaximized:s,isToolbarAnimationDisabled:d,dimensions:g}=useContext(a$2),[m,w]=useState(false),[x,b]=useState(false),[S,c]=useState(true),[O,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),_=oe(Je,u),F=oe(ke,k),qt=useMemo(()=>Object.keys(e)?.length,[e]),Pe=g.width||L,Be=v=>{setTimeout(()=>{navigator.clipboard.writeText(v||"").then(()=>{});},10);},Dt=useMemo(()=>Object.keys(t)?.length,[t]),Oe=useMemo(()=>Ce(e,u),[e,u]),Te=useMemo(()=>Ce(t,k),[t,k]);return jsx(Ze,{"data-testid":"JSONViewer",children:jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:s?`calc(100vh - ${R}px)`:(g.height||M)-R+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:p&&jsxs(motion.div,{initial:{left:s?"50vw":0,...s&&{position:"relative",left:"-50vw"}},animate:{left:s?"50vw":-Pe,...s&&{position:"relative",left:"0"},...!p&&{left:0}},exit:{left:s?"50vw":0,...s&&{position:"relative",left:"0"}},transition:{duration:re,...d&&{duration:0}},ref:ke,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:s?"100vh":"100%",overflowY:"auto",position:"absolute",width:s?"100vw":Pe,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{V(true),setTimeout(()=>{V(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:O,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),k.trim()&&Te===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(C,{value:Te??t,style:Ye,displayDataTypes:false,collapsed:k.trim()?void 0:S?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},enableClipboard:false,children:[jsx(C.String,{render:te(k)}),jsx(C.KeyName,{render:ee(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(AnimatePresence,{children:p&&jsx(me,{sx:{flex:1,height:R,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Dt})})})]})}),jsxs(Ue,{ref:Je,isMaximized:s,isRequestShown:p,style:{left:0,maxHeight:"100vw"},initial:{...s&&{width:"100vw",left:0}},animate:{...s&&{position:"absolute",left:p?"50vw":"0"}},transition:{duration:re,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:x,isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(e,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),u.trim()&&Oe===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(C,{value:Oe??e,style:ce,displayDataTypes:false,collapsed:u.trim()?void 0:m?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},children:[jsx(C.String,{render:te(u)}),jsx(C.KeyName,{render:ee(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(me,{sx:{flex:1,height:R},children:jsx(c$2,{sx:{borderBottomLeftRadius:p?0:"12px",background:"#f8f9fb",flex:1},totalCount:qt})})]})]})})}var Ro=({isWindowMinimized:e,windowOrder:t,...r})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:i,registerJsonViewerEvents:l}=useContext(H),p=useCallback(()=>{n(e);},[n,e]),s=useCallback(()=>{i(t);},[i,t]);return useEffect(()=>{s();},[s]),useEffect(()=>{p();},[p]),useEffect(()=>{l(r);},[l,r]),{handleJsonViewerDialogOpen:o}};var zr=q;export{B as a,z as b,T as c,be as d,H as e,Jt as f,wo as g,oe as h,Ro as i,zr as j};
|
|
1
|
+
import {c as c$2}from'./chunk-SKJZPJBN.js';import {m,a as a$2}from'./chunk-YGEN2NPL.js';import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {c,d}from'./chunk-4FOFVTQ2.js';import {a as a$1,b}from'./chunk-JLL4EOYJ.js';import {xn,ta,dl,el,vi,Ik,A,Ud,we as we$1,ve,sa,qa,ra}from'./chunk-2GSUGMI7.js';import Gt,{memo,createContext,useState,useRef,useId,useMemo,useCallback,useEffect,useContext}from'react';import {styled,Popover,Input,Typography,Box}from'@mui/material';import C from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import Xt from'@mui/material/Box';import {useTranslation}from'react-i18next';import {styled as styled$1}from'@mui/material/styles';var R=37,M=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var Kt=44,ce={"--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% - ${Kt+R}px`,overflow:"auto"},Ye={...ce,background:"transparent","--w-rjv-line-color":"transparent"},Xe=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})),Qe=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 ue=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"})),fe=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:r,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:xn,transition:"padding 0.3s ease-in-out",...r&&{width:"50%"}}})),me=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:R,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),ge=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),he=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),Ue=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 - ${R}px)`:(t||M)-R+5,background:"transparent",position:"fixed",width:"100%"}));var Ze=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),et=styled("span")(()=>({color:"#032F62"})),tt=styled("span")(()=>({color:"#357fb9"}));function G({"data-copied":e,style:t,onClick:r},{keyName:o}){return o?jsxs(Qe,{style:t,onClick:n=>{r?.(n);},children:[jsx(AnimatePresence,{children:e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ta,alt:"icon"},"copied-icon")}),jsx(AnimatePresence,{children:!e&&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"},"copy-icon")})]}):jsx("span",{})}function Ut({onClick:e,icon:t,label:r,disableAnimation:o,...n}){let[i,l]=Gt.useState(false),{t:p}=useTranslation();return jsxs(Xe,{...n,onClick:d=>{e?.(d),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(Xt,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ta,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!i&&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")})]}),r&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:p("copied")})}),jsx(AnimatePresence,{children:!i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:r})})]})]})}var rt=memo(Ut);var B=rt;var it=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),st=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}`}})),at=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),lt=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"}})),ye={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},pt={...ye,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},dt=styled$1("button")(()=>({...pt,right:53})),ct=styled$1("button")(()=>({...pt,right:39})),ut=styled$1(motion.img)(()=>({...ye,right:24,width:10,height:10,cursor:"pointer"})),ft=styled$1(motion.img)(()=>({...ye,right:8,width:11,height:11,cursor:"default"})),we=styled$1("img")(()=>({width:10,height:10})),mt=styled$1("img")(()=>({width:12,height:12})),gt=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 ro({value:e,onChange:t,currentIndex:r,totalCount:o,onPrev:n,onNext:i,onOpen:l,placeholder:p="Search..."}){let[s,d]=useState(false),g=useRef(null),m=e.trim().length>0,w=o>0,x=m,b=()=>{l?.(),d(true),requestAnimationFrame(()=>g.current?.focus());},S=()=>{t(""),d(false);};return jsxs(it,{children:[jsx(AnimatePresence,{children:s&&jsxs(at,{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(lt,{ref:g,initial:false,animate:{paddingRight:x?"98px":"24px"},transition:{duration:.15},placeholder:p,value:e,onChange:u=>t(u.target.value),onKeyDown:u=>{u.key==="Enter"&&(u.shiftKey?n():i()),u.key==="Escape"&&S();},onBlur:()=>{m||d(false);}}),x&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:dl,alt:"prev"})}),x&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:el,alt:"next"})}),x&&jsx(ut,{src:vi,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Ik,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),x&&jsx(gt,{children:w?`${r+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!s&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(st,{isActive:false,onClick:b,title:"Search",children:jsx(mt,{src:A,alt:"search"})})})})]})}var z=memo(ro);function yt(e,t){let r=[],o=t.length,n=0,i=e.indexOf(t,n);for(;i!==-1;){let l=i+o;r.push([i,l]),n=l,i=e.indexOf(t,n);}return r}var io={padding:0,outline:"none"};function bt({text:e,queryLength:t,ranges:r,idPrefix:o}){let n=[],i=0;return r.forEach(([l,p],s)=>{l>i&&n.push(e.slice(i,l)),n.push(jsx("mark",{style:io,children:e.slice(l,l+t)},`${o}-${s}`)),i=p;}),i<e.length&&n.push(e.slice(i)),jsx(Fragment,{children:n})}function T({text:e,query:t}){let r=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let i=e.toLowerCase(),l=yt(i,o);return l.length===0?e:jsx(bt,{text:e,queryLength:t.length,ranges:l,idPrefix:r})},[e,t.length,o,r]);return jsx(Fragment,{children:n})}function U(e,t){return e.toLowerCase().includes(t)}function Z(e){return e.trim().toLowerCase()}function ee(e){let t=Z(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(U(n,t))return jsx(tt,{children:jsx(T,{text:String(o),query:e})})}}function te(e){let t=Z(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(U(n,t))return jsxs(et,{children:['"',jsx(T,{text:String(o??""),query:e}),'"']})}}function fo({title:e,onClose:t,onMaximize:r,maximized:o=false,id:n,onMouseHover:i,onMouseLeave:l,onRequestClick:p,isRequestExpanded:s=false,showRequestIcon:d$2=false,isHovered:g=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:i,onMouseLeave:l,isMaximized:o,title:e,icon:Ud,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:r}),d$2&&jsx(d$1,{onClick:p,isExpanded:s,isHovered:g,children:"Request"})]})})})}var It=memo(fo);var be=It;var H=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{},containerRef:{current:null}});var Jt=({list:e,events:t,onClose:r,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((i,l)=>jsx(q,{index:l,...t,...i,onClose:()=>{r(l);},isWindowMinimized:o,windowOrder:n},i.json.id))}):null;var wo=({children:e,containerRef:t})=>{let[r,o]=useState([]),[n,i]=useState(false),[l,p]=useState(1),s=useRef({}),d=useCallback(c=>{if(r.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(r.some(N=>N.json.id===c.json.id))return;let O=structuredClone(c.json),V=O.request_body,u={...c,json:O,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(O=>O.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),x=useCallback(c=>{s.current=c;},[]),b=useMemo(()=>({onJsonRequestOpen:()=>s.current.onJsonRequestOpen?.(),onJsonSearch:()=>s.current.onJsonSearch?.(),onJsonCopy:()=>s.current.onJsonCopy?.(),onJsonIdCopy:()=>s.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>s.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>s.current.onJsonNodesMaximize?.()}),[]),S=useMemo(()=>({jsonViewerList:r,handleJsonViewerDialogOpen:d,handleWindowMinimize:m,handleWindowOrder:w,registerJsonViewerEvents:x,containerRef:t}),[r,d,m,w,x,t]);return jsxs(H.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Tt="#FFE20B";function oe(e,t){let[r,o]=useState(0),[n,i]=useState(0);useEffect(()=>{if(!t.trim()){i(0),o(0);return}let s=setTimeout(()=>{let d=e.current?.querySelectorAll("mark")??[];i(d.length),o(0);},50);return ()=>clearTimeout(s)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let s=Array.from(e.current.querySelectorAll("mark"));s.forEach((d,g)=>{let m=g===r;d.style.backgroundColor=m?Tt:"transparent",d.style.outline=m?`1px solid ${Tt}`:"none",d.style.borderRadius="2px";}),s[r]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[r,n,t,e]);let l=useCallback(()=>{n!==0&&o(s=>(s+1)%n);},[n]),p=useCallback(()=>{n!==0&&o(s=>(s-1+n)%n);},[n]);return {currentIndex:r,totalCount:n,goNext:l,goPrev:p}}function Et(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 Vt(e,t){if(Array.isArray(e)){let r=e.map(o=>Vt(o,t)).filter(o=>o!=null);return r.length>0?r:null}return typeof e=="object"&&e!==null?Wt(e,t):Et(e,t)?e:null}function Wt(e,t){let r={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))r[o]=n;else if(typeof n=="object"&&n!==null){let i=Vt(n,t);i!==null&&(r[o]=i);}else Et(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Wt(e,t.toLowerCase()):e}var L=400,re=.5;function q(e){let{containerRef:t}=useContext(H),{height:r,width:o}=a$1(),[n,i]=useState(false);return jsx(m,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:M,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r/2-M/2+e.index*30},windowProps:{mainAppOrder:e.windowOrder,mainAppIsMinimized:e.isWindowMinimized,overflow:"visible",titleBar:jsx(Co,{...e,isRequestShown:n,setIsRequestShown:i})},children:jsx(vo,{...e,isRequestShown:n})})}function Co({requestJson:e={},onClose:t,onJsonRequestOpen:r,isRequestShown:o,setIsRequestShown:n}){let{isMaximized:i,setIsMaximized:l,isToolbarAnimationDisabled:p,setIsToolbarAnimationDisabled:s,dimensions:d,updateSize:g}=useContext(a$2),{onMouseEnter:m,onMouseLeave:w,isHovered:x}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:xn,position:"fixed",zIndex:1e3}},animate:{width:o?b$1*2:b$1,...i&&{width:"100vw"},...!i&&{transform:`translateX(${o?-b$1:0}px)`}},transition:{duration:re,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},re*1e3);},isHovered:x,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:M}));},isRequestExpanded:o,showRequestIcon:!!S})})}function vo({json:e,requestJson:t={},onJsonSearch:r,onJsonCopy:o,onJsonIdCopy:n,onJsonNodesMinimize:i,onJsonNodesMaximize:l,isRequestShown:p}){let{isMaximized:s,isToolbarAnimationDisabled:d,dimensions:g}=useContext(a$2),[m,w]=useState(false),[x,b]=useState(false),[S,c]=useState(true),[O,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),_=oe(Je,u),F=oe(ke,k),qt=useMemo(()=>Object.keys(e)?.length,[e]),Pe=g.width||L,Be=v=>{setTimeout(()=>{navigator.clipboard.writeText(v||"").then(()=>{});},10);},Dt=useMemo(()=>Object.keys(t)?.length,[t]),Oe=useMemo(()=>Ce(e,u),[e,u]),Te=useMemo(()=>Ce(t,k),[t,k]);return jsx(Ze,{"data-testid":"JSONViewer",children:jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:s?`calc(100vh - ${R}px)`:(g.height||M)-R+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:p&&jsxs(motion.div,{initial:{left:s?"50vw":0,...s&&{position:"relative",left:"-50vw"}},animate:{left:s?"50vw":-Pe,...s&&{position:"relative",left:"0"},...!p&&{left:0}},exit:{left:s?"50vw":0,...s&&{position:"relative",left:"0"}},transition:{duration:re,...d&&{duration:0}},ref:ke,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:s?"100vh":"100%",overflowY:"auto",position:"absolute",width:s?"100vw":Pe,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{V(true),setTimeout(()=>{V(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:O,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),k.trim()&&Te===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(C,{value:Te??t,style:Ye,displayDataTypes:false,collapsed:k.trim()?void 0:S?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},enableClipboard:false,children:[jsx(C.String,{render:te(k)}),jsx(C.KeyName,{render:ee(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(AnimatePresence,{children:p&&jsx(me,{sx:{flex:1,height:R,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Dt})})})]})}),jsxs(Ue,{ref:Je,isMaximized:s,isRequestShown:p,style:{left:0,maxHeight:"100vw"},initial:{...s&&{width:"100vw",left:0}},animate:{...s&&{position:"absolute",left:p?"50vw":"0"}},transition:{duration:re,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:x,isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(e,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),u.trim()&&Oe===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(C,{value:Oe??e,style:ce,displayDataTypes:false,collapsed:u.trim()?void 0:m?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},children:[jsx(C.String,{render:te(u)}),jsx(C.KeyName,{render:ee(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(me,{sx:{flex:1,height:R},children:jsx(c$2,{sx:{borderBottomLeftRadius:p?0:"12px",background:"#f8f9fb",flex:1},totalCount:qt})})]})]})})}var Ro=({isWindowMinimized:e,windowOrder:t,...r})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:i,registerJsonViewerEvents:l}=useContext(H),p=useCallback(()=>{n(e);},[n,e]),s=useCallback(()=>{i(t);},[i,t]);return useEffect(()=>{s();},[s]),useEffect(()=>{p();},[p]),useEffect(()=>{l(r);},[l,r]),{handleJsonViewerDialogOpen:o}};var zr=q;export{B as a,z as b,T as c,be as d,H as e,Jt as f,wo as g,oe as h,Ro as i,zr as j};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'./chunk-UFOU3EJK.js';import {j,a as a$1}from'./chunk-JNIXJXK3.js';import {b}from'./chunk-G5OEG7OX.js';import {R,B as B$1,x,h}from'./chunk-4Y2COEZC.js';import {oc,pc,Bc,o}from'./chunk-CZWXKHO7.js';import {Vc,Wc,Vj,Wj,Xj,ec,fc,Yj,dc}from'./chunk-2GSUGMI7.js';import {memo,forwardRef,useState,useMemo,useRef,useId,useEffect,useCallback}from'react';import S from'@mui/material/Box';import bt from'@mui/material/Popper';import It from'dayjs';import {useTranslation}from'react-i18next';import {Calendar,DateObject}from'react-multi-date-picker';import Ko from'@mui/material/ClickAwayListener';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import he from'@mui/material/Button';import q from'react-date-object';import ot from'react-date-object/calendars/arabic';import tt from'react-date-object/calendars/gregorian';import rt from'react-date-object/locales/arabic_ar';import nt from'react-date-object/locales/arabic_en';import it from'react-date-object/locales/gregorian_ar';import at from'react-date-object/locales/gregorian_en';var Ne=styled(S)(({theme:e})=>({color:e.palette.grey[700],fontSize:"9px",fontWeight:500,marginBottom:"6px"})),Ke=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,height:32,padding:"8px",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",...o&&{border:`1px solid ${e.palette.info.dark}`,background:e.palette.common.white,boxShadow:e.shadows[7]}})),_e=styled(S)(({theme:e})=>({borderRadius:"8px",background:e.palette.common.white,boxShadow:"0px 8px 36px 0px rgba(0, 0, 0, 0.15)",textAlign:"center",color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px",padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",flexDirection:"column"})),qe=styled(S)(({theme:e})=>({width:71,padding:"4px 0",cursor:"pointer","&:hover, &.active":{borderRadius:"100px",background:e.palette.info.light}}));var Xe={day:"Day",month:"Month",quarter:"Quarter",year:"Year"};function qo({sx:e,groupBy:o,isCalenderOpen:i,onUpdate:t}){let[n,p]=useState(null),m=!!n&&i,{t:s}=useTranslation(),c=()=>{p(null);},u=d=>{p(d.currentTarget);},l=d=>{t?.(d),c();};return jsx(Ko,{onClickAway:c,children:jsxs(S,{sx:e,children:[jsx(Ne,{children:s("groupedBy")}),jsxs(Ke,{onClick:u,open:m,children:[jsx("span",{children:Xe[o]}),jsx(S,{component:"img",src:Wc,alt:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]}),jsx(R,{open:m,anchorEl:n,children:jsx(_e,{sx:{width:n?.clientWidth},children:Object.entries(Xe).map(([d,a])=>jsx(qe,{onClick:()=>{l(d);},className:o===d?"active":"",children:a},`${d}-groupedBy`))})})]})})}var Ve=memo(qo);var eo=Ve;var oo=styled(S)(({theme:e})=>({border:"1px solid",borderColor:e.palette.divider,borderRadius:"50px",paddingInline:"6px 12px",color:e.palette.text.primary,fontSize:"11px",display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",height:32,marginTop:"8px",img:{width:16,height:16},"& > div":{display:"flex",alignItems:"center",gap:"2px"}}));function se({isHijri:e,onCalendarModeSwitch:o}){let{t:i}=useTranslation(),t=()=>{o?.(e?"gregorian":"hijri");};return jsx(S,{children:jsxs(oo,{children:[jsxs(S,{children:[jsx("img",{src:dc,alt:"hijri"}),jsx("span",{children:i("hijri")})]}),jsx(h,{checked:e,onChange:t})]})})}var no=se;var ao=styled(he)(({theme:e})=>({cursor:"pointer",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,color:e.palette.text.primary,fontSize:"11px",fontWeight:e.typography.fontWeightRegular,paddingInline:"12px",height:32,width:"max-content",textTransform:"unset","&:hover":{boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark}})),po=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));var J=({isHijri:e,isAr:o=false})=>e?o?rt:nt:o?it:at,X=e=>e?ot:tt,M=e=>e.setHour(0).setMinute(0).setSecond(0).setMillisecond(0),B=e=>e.setHour(23).setMinute(59).setSecond(59).setMillisecond(999),Z=e=>{if(!(e?.[0]instanceof Date)||!(e?.[1]instanceof Date)){let[o$1,i]=o();return [new q(o$1),new q(i)]}return [new q(e?.[0]),new q(e?.[1])]};function ce({onChange:e,isHijri:o,isAr:i=false}){let t={locale:J({isHijri:o,isAr:i}),calendar:X(o)},n=useMemo(()=>[{id:"today",value:[new DateObject(t),new DateObject(t)]},{id:"lastWeek",value:[new DateObject(t).subtract(6,"day"),new DateObject(t)]},{id:"lastMonth",value:[new DateObject(t).subtract(30,"day"),new DateObject(t)]},{id:new DateObject(t).subtract(1,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(1,"month").toFirstOfMonth(),new DateObject(t).subtract(1,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(2,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(2,"month").toFirstOfMonth(),new DateObject(t).subtract(2,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(3,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(3,"month").toFirstOfMonth(),new DateObject(t).subtract(3,"month").toLastOfMonth()]}],[o,i]),{t:p}=useTranslation();return jsx(S,{"data-testid":"RangeCalender_QuickFilters",children:jsx(po,{children:n.map(m=>jsx(ao,{onClick:s=>{s.preventDefault(),e(m.value);},children:p(m.id)},m.id))})})}var lo=ce;var so=styled(he)(()=>({minWidth:"auto",padding:0,"& > img":{cursor:"pointer"}}));var ft=["Su","Mo","Tu","We","Th","Fr","Sa"];function gt({isAr:e=false,isHijri:o,values:i,onChange:t,numberOfMonths:n=2,...p},m){let s=c=>c==="right"?e?ec:fc:e?fc:ec;return jsx(Calendar,{ref:m,numberOfMonths:n,value:i,onChange:t,calendar:X(o),locale:J({isHijri:o,isAr:e}),range:true,format:"MMM DD",monthYearSeparator:" ",renderButton:(c,u)=>jsx(so,{onClick:u,children:jsx("img",{src:s(c),alt:"arrow"})}),weekDays:e?void 0:ft,maxDate:new Date,...p})}var mo=forwardRef(gt);var co=mo;var uo=styled(S)(()=>({'[class$="-IndicatorsContainer2"]':{display:"none"},"#react-select-2-listbox":{width:300}})),V=styled(S)(({theme:e})=>({borderRadius:e.spacing(.5),border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,boxShadow:e.shadows[10],minWidth:200,width:"max-content",overflow:"auto"})),fo=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({width:156,fontSize:"11px",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,minHeight:32,borderRadius:"4px",padding:e.spacing(1),whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer",display:"flex",alignItems:"center",gap:e.spacing(1),fontWeight:500,...o&&{borderRadius:"4px",boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark,background:e.palette.common.white},span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}})),L=styled(S)(({theme:e})=>({padding:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",gap:e.spacing(1),height:33,cursor:"pointer","&:hover":{boxShadow:"0px 0px 16px 0px #00000021"},"&+&":{borderTop:"1px solid",borderColor:e.palette.divider},"&.active span":{fontWeight:500},span:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),A=styled(S)(()=>({width:12,height:12})),F=styled(S)(({theme:e})=>({fontSize:"11px",color:e.palette.text.secondary,lineHeight:"15.03px","&.selected":{color:e.palette.info.dark}}));function ge({selectedTimezone:e,onChange:o,timezoneCountriesCodes:i,defaultCountryTimezone:t}){let[n,p]=useState(null),m=a=>{n||p(a.currentTarget);},s=()=>{n&&p(null);},c=(a,D)=>{a.stopPropagation(),o(D);},u=useMemo(()=>i?.map(a=>oc(a)),[i]),l=useMemo(()=>u?.some(a=>e?.timezone===a?.timezone),[u,e]),d=useMemo(()=>e&&l?e:t,[e,t,l]);return jsxs(L,{onMouseEnter:m,onMouseLeave:s,onClick:()=>{e&&o(d);},children:[l?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Wj,alt:"entity-timezone"}),jsx(a,{countryCode:d?.countryCode}),jsx(F,{className:l?"selected":"",children:l?e?.label:t?.label}),jsx(bt,{open:!!n,anchorEl:n,placement:"right-start",sx:{zIndex:3},disablePortal:true,children:jsx(V,{sx:{maxHeight:300},children:u?.map((a$1,D)=>{let j=a$1?.timezone===e?.timezone;return jsxs(L,{onClick:te=>{c(te,a$1);},sx:{gap:"4px"},children:[j?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx(a,{countryCode:a$1?.countryCode}),jsx(F,{className:j?"selected":"",children:a$1?.label})]},`timezone-item-${D}`)})})})]})}function xe({onChange:e,selectedTimezone:o,browserTimezone:i}){let t=useMemo(()=>i?pc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Vj,alt:"user-timezone"}),jsx(a,{countryCode:t?.countryCode}),jsx(F,{className:p?"selected":"",children:t?.label})]})}function St({onChange:e,selectedTimezone:o,browserTimezone:i,defaultCountryTimezone:t,timezoneCountriesCodes:n}){let[p,m]=useState(null),s=!!p,c=()=>{m(null);},u=a=>{e(a),c();},l=a=>{m(a.currentTarget);},d=useMemo(()=>i===o?.timezone?Vj:o?.timezone===t.timezone?Wj:Xj,[i,t.timezone,o?.timezone]);return jsx(Ko,{onClickAway:c,children:jsxs(uo,{"data-testid":"CustomTimezone",children:[jsxs(fo,{open:s,onClick:l,children:[jsx("img",{src:d,alt:"timezone-icon"}),jsx(a,{countryCode:o?.countryCode}),jsx("span",{children:o?.label})]}),jsx(bt,{open:s,anchorEl:p,placement:"top-start",sx:{zIndex:1400},children:jsxs(V,{"data-testid":"CustomTimezone_dropdown",children:[jsx(ge,{onChange:u,selectedTimezone:o,defaultCountryTimezone:t,timezoneCountriesCodes:n}),jsx(xe,{onChange:u,selectedTimezone:o,browserTimezone:i})]})})]})})}var xo=memo(St);var bo=xo;var ho=styled(S,{shouldForwardProp:e=>e!=="$isSingleMonth"})(({theme:e,$isSingleMonth:o})=>({display:"flex",marginTop:"8px",background:e.palette.common.white,boxShadow:e.shadows[9],borderRadius:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",".rmdp-calendar":{padding:"8px 16px 16px"},".rmdp-rtl *":{fontFamily:"Tajawal"},".rmdp-rtl .sd":{paddingTop:"4px"},".rmdp-wrapper":{position:"relative",borderRadius:"8px",boxShadow:"none",...o&&{width:"100%"}},".rmdp-day span":{fontSize:"11px",fontWeight:500},".rmdp-day, .rmdp-week-day":{width:40,height:40,marginBottom:"2px",padding:"4px",fontSize:"11px",color:e.palette.grey[900]},".rmdp-day-picker":{padding:0,...o&&{display:"block !important"}},".rmdp-day.rmdp-today span":{backgroundColor:"transparent !important",color:e.palette.info.dark},".rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span":{color:e.palette.common.white},".rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover":{background:e.palette.info.light,boxShadow:"none",color:e.palette.grey[900]},".rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end":{borderRadius:"50%",background:e.palette.background.gradient.darkShadedBlue,color:e.palette.common.white},".rmdp-range.start:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",right:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.start:after":{right:"unset",left:0},".rmdp-range.end:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",left:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.end:after":{left:"unset",right:0},".rmdp-week-day":{color:e.palette.grey[700],marginBottom:"4px",fontSize:"11px",padding:"4px"},".rmdp-header-values":{color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px"},".rmdp-header-values span:nth-of-type(2)":{display:"none"},".rmdp-header":{padding:"4px 0",margin:0,fontSize:"12px"},".rmdp-top-class":{display:"block !important"},".rmdp-day.rmdp-selected span:not(.highlight)":{background:e.palette.info.dark},".rmdp-day.start.end":{overflow:"hidden"},".rmdp-day.rmdp-disabled":{color:"#ccc",cursor:"not-allowed"}})),yo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",background:"transparent",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,fontWeight:500,borderRadius:"4px","&:hover":{background:"transparent",color:e.palette.text.primary}})),wo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",borderRadius:"4px",fontWeight:700,background:e.palette.info.dark,"&:hover":{background:e.palette.info.dark}})),Co=styled(S)(()=>({display:"flex",gap:8,marginLeft:"auto",flexShrink:0})),To=styled(he,{shouldForwardProp:e=>e!=="open"})(({open:e,theme:o})=>({color:o.palette.text.primary,fontSize:"11px",fontWeight:500,padding:o.spacing(1),borderRadius:"4px",border:"1px solid",borderColor:o.palette.divider,background:o.palette.common.white,textTransform:"none",height:32,...e&&{border:"1px solid",borderColor:o.palette.info.dark,boxShadow:o.shadows[7]}})),ko=styled(S)(({theme:e})=>({background:e.palette.common.white,display:"flex",justifyContent:"space-between",alignItems:"center",gap:10,padding:"16px",borderTop:"1px solid",borderColor:e.palette.divider,borderBottomRightRadius:"8px"})),zo=styled(S)(({theme:e})=>({padding:16,paddingInlineEnd:"23px",borderRight:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,width:"max-content",borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",display:"flex",flexDirection:"column",gap:10,justifyContent:"space-between"})),So=styled(S)(()=>({display:"flex",alignItems:"center",gap:"10px"})),vo=styled(S)(()=>({position:"relative"})),Do=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"24px"}));var Mo=styled(S,{shouldForwardProp:e=>e!=="isAllDay"})(({theme:e,isAllDay:o})=>({display:"flex",alignItems:"center",gap:e.spacing(1),position:"relative",paddingInline:"5px",".label":{width:"max-content"},...!o&&{paddingRight:e.spacing(1),"&:after":{content:'""',position:"absolute",width:"1px",background:e.palette.divider,right:0,height:17}}})),Bo=styled(S)(()=>({width:235})),Eo=styled(S)(({theme:e})=>({display:"flex",gap:"4px",".rmdp-input":{width:"64px",borderRadius:"19px",border:"1px solid",borderColor:e.palette.divider,color:e.palette.text.primary,fontSize:"11px",fontWeight:500,background:"transparent",cursor:"pointer"},".rmdp-input:focus":{boxShadow:e.shadows[7],border:`1px solid ${e.palette.info.dark}`,borderRadius:"19px"},".rmdp-time-picker":{boxShadow:e.shadows[5],borderRadius:e.spacing(1),padding:e.spacing(2),minWidth:"auto !important",div:{marginTop:0,display:"block"},"> div":{width:32,height:64},".rmdp-arrow":{borderColor:`${e.palette.background.transparent[1]} !important`},".rmdp-arrow-container":{justifyContent:"center","&:hover":{backgroundColor:"transparent",boxShadow:"unset"}},input:{borderRadius:"4px",border:`1px solid ${e.palette.divider}`,padding:0,width:32,height:32,fontSize:"11px",color:e.palette.text.primary,fontWeight:500,"&:focus, &:focus-visible":{border:`1px solid ${e.palette.info.dark}`,outline:"unset"}},".dvdr":{margin:"7px 4px 0"},".rmdp-am, .rmdp-pm":{margin:0,width:32,height:32,flex:"auto",justifyContent:"center",fontSize:"11px",color:e.palette.text.primary,fontWeight:500,display:"flex",cursor:"default"},"> div:last-child":{marginInlineStart:"4px",display:"block !important"},".rmdp-down, .rmdp-up":{position:"relative",i:{display:"none"},"&:before":{content:'""',position:"absolute",top:"5px",width:"10px",height:"10px",backgroundImage:`url(${Vc})`}},".rmdp-down:before":{transform:"rotate(180deg)"}},".rmdp-container":{position:"relative","> div":{top:"unset !important",bottom:"28px",transform:"unset !important"}}})),Oo=styled(S)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,paddingInline:"5px",width:"fit-content",height:32}));function Mt({values:e,setValues:o}){let{t:i}=useTranslation(),t=new DateObject(e[0]),n=new DateObject(e[1]),[p,m]=useState(t.dayOfYear===n.dayOfYear&&t.hour===0&&t.minute===0&&n.hour===23&&n.minute===59),s=({period:l,hour:d})=>l==="PM"&&d!==12?d+12:l==="AM"&&d===12?0:d,c=({hour:l,minute:d,period:a})=>{o([t.setHour(s({hour:l,period:a})).setMinute(d).setSecond(0),n]);},u=({hour:l,minute:d,period:a})=>{o([t,n.setHour(s({hour:l,period:a})).setMinute(d).setSecond(59)]);};return jsx(Bo,{children:jsxs(Oo,{children:[jsxs(Mo,{isAllDay:p,children:[jsx("span",{className:"label",children:i("allDay")}),jsx(h,{checked:p,onChange:l=>{m(!p),l.target.checked?o([M(e[0]),B(e[1])]):o(e);}})]}),!p&&jsxs(Eo,{children:[jsx(j,{defaultTime:{hour:a$1(t.hour),minute:t.minute,period:t.hour>=12?"PM":"AM"},size:"small",onChange:c,enableRealTimeChange:true},`${e[0]?.toString()}-start`),jsx(j,{defaultTime:{hour:a$1(n.hour),minute:n.minute,period:n.hour>=12?"PM":"AM"},size:"small",onChange:u,enableRealTimeChange:true},`${e[1]?.toString()}-end`)]})]})})}var Po=Mt;var Io=Po;function At({defaultDate:e,onDateChange:o,mode:i="gregorian",onCalendarModeSwitch:t,numberOfMonths:n,noTimezone:p,noQuickFilter:m,maxDateRange:s,onCalendarGroupChange:c,groupBy:u,timezone:l,onChangeTimezone:d,browserTimezone:a,renderCalendarButton:D,mainSx:j,popperProps:te,rangeDatePickerProps:Fo,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te}){let[w,ke]=useState(Z(e)),[x$1,C]=useState(w),[ze,Se]=useState(l??null),[ve,Wo]=useState(u||"day"),[De,Me]=useState(null),y=!!De,[Be,Ee]=useState(false),{t:re}=useTranslation(),P=useRef(null),Ho=Bc(useId(),"range-calender"),ne=i==="hijri",Y=()=>{Me(null);},Oe=r=>{Me(r.currentTarget);};useEffect(()=>{if(!y){if(n===1)return;C(Z(e));}},[y]),useEffect(()=>{if(e){let r=Z(e);ke(r),C(r),P.current&&P.current.set("date",r[0]);}},[e]),useEffect(()=>{Se(l??null);},[l,y]);let Re=()=>{ke(x$1),Y();let r;x$1[0].dayOfYear===x$1[1].dayOfYear?r=[x$1[0],x$1[1]]:r=[M(x$1[0]),B(x$1[1])],o([r[0].toDate(),r[1].toDate()]),c?.(ve||"day"),d?.(ze);},jo=useCallback(()=>{let r=w[0].format("MMM D"),$=w[1]?w[1].format("MMM D"):w[0].format("MMM D");return r===$&&!p?r:`${r} - ${$}`},[w,p]),Yo=r=>{if(r.length<2||!s){C(r);return}let $=M(r[0]).toDate(),Qo=B(r[1]).toDate(),Pe=It(Qo).diff($,"day");if(Pe<=s){C(r);return}Ee(true),C([r[0],r[1].subtract(Pe-s,"d")]),setTimeout(()=>{Ee(false);},3e3);},$o=r=>{C([M(r[0]),B(r[1])]),P.current&&P.current.set("date",r[0]);},Go=r=>{r.key==="Enter"&&x$1[1]&&!Be?(r.stopPropagation(),Re()):r.key==="Escape"&&(r.stopPropagation(),Y());};return jsxs(vo,{id:Ho,"data-testid":"RangeCalender",sx:j,children:[D?D(y,Oe):jsx(To,{onClick:Oe,open:y,children:(w[0]||w[1])&&jo()}),y&&jsx(B$1,{onClick:r=>{r.stopPropagation(),Y();}}),jsx(bt,{open:y,anchorEl:De,placement:"bottom-end",...te,children:jsxs(ho,{onKeyDown:Go,$isSingleMonth:n===1,children:[!m&&jsxs(zo,{children:[jsx(lo,{onChange:$o,isHijri:ne}),jsxs(Do,{children:[u&&jsx(eo,{groupBy:ve,isCalenderOpen:y,onUpdate:r=>{Wo(r);}}),jsx(no,{isHijri:ne,onCalendarModeSwitch:t})]})]}),jsxs(S,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[jsx(co,{values:x$1,onChange:Yo,isHijri:ne,ref:P,numberOfMonths:n,...Fo}),jsx(x,{in:Be&&!!s,children:jsx(b,{severity:"error",message:re("dateRangeError",{number:s}),sx:{marginInline:"16px",marginBottom:"16px"}})}),jsxs(ko,{sx:{borderBottomLeftRadius:"8px"},children:[!p&&Ce&&a&&Te&&jsx(So,{children:jsx(bo,{onChange:Se,selectedTimezone:ze,browserTimezone:a,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te},String(y))}),new DateObject(x$1[0]).dayOfYear===new DateObject(x$1[1]).dayOfYear&&jsx(Io,{values:x$1,setValues:C}),jsxs(Co,{children:[jsx(yo,{variant:"contained",onClick:Y,children:re("cancel")}),jsx(wo,{variant:"contained",onClick:Re,disabled:!x$1[1],children:re("okay")})]})]})]})]})})]})}var Ao=At;var bi=Ao;export{bi as a};
|
|
1
|
+
import {j,a as a$1}from'./chunk-JNIXJXK3.js';import {a}from'./chunk-UFOU3EJK.js';import {b}from'./chunk-G5OEG7OX.js';import {R,B as B$1,x,h}from'./chunk-4Y2COEZC.js';import {oc,pc,Bc,o}from'./chunk-CZWXKHO7.js';import {Vc,Wc,Vj,Wj,Xj,ec,fc,Yj,dc}from'./chunk-2GSUGMI7.js';import {memo,forwardRef,useState,useMemo,useRef,useId,useEffect,useCallback}from'react';import S from'@mui/material/Box';import bt from'@mui/material/Popper';import It from'dayjs';import {useTranslation}from'react-i18next';import {Calendar,DateObject}from'react-multi-date-picker';import Ko from'@mui/material/ClickAwayListener';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import he from'@mui/material/Button';import q from'react-date-object';import ot from'react-date-object/calendars/arabic';import tt from'react-date-object/calendars/gregorian';import rt from'react-date-object/locales/arabic_ar';import nt from'react-date-object/locales/arabic_en';import it from'react-date-object/locales/gregorian_ar';import at from'react-date-object/locales/gregorian_en';var Ne=styled(S)(({theme:e})=>({color:e.palette.grey[700],fontSize:"9px",fontWeight:500,marginBottom:"6px"})),Ke=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,height:32,padding:"8px",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",...o&&{border:`1px solid ${e.palette.info.dark}`,background:e.palette.common.white,boxShadow:e.shadows[7]}})),_e=styled(S)(({theme:e})=>({borderRadius:"8px",background:e.palette.common.white,boxShadow:"0px 8px 36px 0px rgba(0, 0, 0, 0.15)",textAlign:"center",color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px",padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",flexDirection:"column"})),qe=styled(S)(({theme:e})=>({width:71,padding:"4px 0",cursor:"pointer","&:hover, &.active":{borderRadius:"100px",background:e.palette.info.light}}));var Xe={day:"Day",month:"Month",quarter:"Quarter",year:"Year"};function qo({sx:e,groupBy:o,isCalenderOpen:i,onUpdate:t}){let[n,p]=useState(null),m=!!n&&i,{t:s}=useTranslation(),c=()=>{p(null);},u=d=>{p(d.currentTarget);},l=d=>{t?.(d),c();};return jsx(Ko,{onClickAway:c,children:jsxs(S,{sx:e,children:[jsx(Ne,{children:s("groupedBy")}),jsxs(Ke,{onClick:u,open:m,children:[jsx("span",{children:Xe[o]}),jsx(S,{component:"img",src:Wc,alt:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]}),jsx(R,{open:m,anchorEl:n,children:jsx(_e,{sx:{width:n?.clientWidth},children:Object.entries(Xe).map(([d,a])=>jsx(qe,{onClick:()=>{l(d);},className:o===d?"active":"",children:a},`${d}-groupedBy`))})})]})})}var Ve=memo(qo);var eo=Ve;var oo=styled(S)(({theme:e})=>({border:"1px solid",borderColor:e.palette.divider,borderRadius:"50px",paddingInline:"6px 12px",color:e.palette.text.primary,fontSize:"11px",display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",height:32,marginTop:"8px",img:{width:16,height:16},"& > div":{display:"flex",alignItems:"center",gap:"2px"}}));function se({isHijri:e,onCalendarModeSwitch:o}){let{t:i}=useTranslation(),t=()=>{o?.(e?"gregorian":"hijri");};return jsx(S,{children:jsxs(oo,{children:[jsxs(S,{children:[jsx("img",{src:dc,alt:"hijri"}),jsx("span",{children:i("hijri")})]}),jsx(h,{checked:e,onChange:t})]})})}var no=se;var ao=styled(he)(({theme:e})=>({cursor:"pointer",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,color:e.palette.text.primary,fontSize:"11px",fontWeight:e.typography.fontWeightRegular,paddingInline:"12px",height:32,width:"max-content",textTransform:"unset","&:hover":{boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark}})),po=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));var J=({isHijri:e,isAr:o=false})=>e?o?rt:nt:o?it:at,X=e=>e?ot:tt,M=e=>e.setHour(0).setMinute(0).setSecond(0).setMillisecond(0),B=e=>e.setHour(23).setMinute(59).setSecond(59).setMillisecond(999),Z=e=>{if(!(e?.[0]instanceof Date)||!(e?.[1]instanceof Date)){let[o$1,i]=o();return [new q(o$1),new q(i)]}return [new q(e?.[0]),new q(e?.[1])]};function ce({onChange:e,isHijri:o,isAr:i=false}){let t={locale:J({isHijri:o,isAr:i}),calendar:X(o)},n=useMemo(()=>[{id:"today",value:[new DateObject(t),new DateObject(t)]},{id:"lastWeek",value:[new DateObject(t).subtract(6,"day"),new DateObject(t)]},{id:"lastMonth",value:[new DateObject(t).subtract(30,"day"),new DateObject(t)]},{id:new DateObject(t).subtract(1,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(1,"month").toFirstOfMonth(),new DateObject(t).subtract(1,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(2,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(2,"month").toFirstOfMonth(),new DateObject(t).subtract(2,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(3,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(3,"month").toFirstOfMonth(),new DateObject(t).subtract(3,"month").toLastOfMonth()]}],[o,i]),{t:p}=useTranslation();return jsx(S,{"data-testid":"RangeCalender_QuickFilters",children:jsx(po,{children:n.map(m=>jsx(ao,{onClick:s=>{s.preventDefault(),e(m.value);},children:p(m.id)},m.id))})})}var lo=ce;var so=styled(he)(()=>({minWidth:"auto",padding:0,"& > img":{cursor:"pointer"}}));var ft=["Su","Mo","Tu","We","Th","Fr","Sa"];function gt({isAr:e=false,isHijri:o,values:i,onChange:t,numberOfMonths:n=2,...p},m){let s=c=>c==="right"?e?ec:fc:e?fc:ec;return jsx(Calendar,{ref:m,numberOfMonths:n,value:i,onChange:t,calendar:X(o),locale:J({isHijri:o,isAr:e}),range:true,format:"MMM DD",monthYearSeparator:" ",renderButton:(c,u)=>jsx(so,{onClick:u,children:jsx("img",{src:s(c),alt:"arrow"})}),weekDays:e?void 0:ft,maxDate:new Date,...p})}var mo=forwardRef(gt);var co=mo;var uo=styled(S)(()=>({'[class$="-IndicatorsContainer2"]':{display:"none"},"#react-select-2-listbox":{width:300}})),V=styled(S)(({theme:e})=>({borderRadius:e.spacing(.5),border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,boxShadow:e.shadows[10],minWidth:200,width:"max-content",overflow:"auto"})),fo=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({width:156,fontSize:"11px",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,minHeight:32,borderRadius:"4px",padding:e.spacing(1),whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer",display:"flex",alignItems:"center",gap:e.spacing(1),fontWeight:500,...o&&{borderRadius:"4px",boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark,background:e.palette.common.white},span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}})),L=styled(S)(({theme:e})=>({padding:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",gap:e.spacing(1),height:33,cursor:"pointer","&:hover":{boxShadow:"0px 0px 16px 0px #00000021"},"&+&":{borderTop:"1px solid",borderColor:e.palette.divider},"&.active span":{fontWeight:500},span:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),A=styled(S)(()=>({width:12,height:12})),F=styled(S)(({theme:e})=>({fontSize:"11px",color:e.palette.text.secondary,lineHeight:"15.03px","&.selected":{color:e.palette.info.dark}}));function ge({selectedTimezone:e,onChange:o,timezoneCountriesCodes:i,defaultCountryTimezone:t}){let[n,p]=useState(null),m=a=>{n||p(a.currentTarget);},s=()=>{n&&p(null);},c=(a,D)=>{a.stopPropagation(),o(D);},u=useMemo(()=>i?.map(a=>oc(a)),[i]),l=useMemo(()=>u?.some(a=>e?.timezone===a?.timezone),[u,e]),d=useMemo(()=>e&&l?e:t,[e,t,l]);return jsxs(L,{onMouseEnter:m,onMouseLeave:s,onClick:()=>{e&&o(d);},children:[l?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Wj,alt:"entity-timezone"}),jsx(a,{countryCode:d?.countryCode}),jsx(F,{className:l?"selected":"",children:l?e?.label:t?.label}),jsx(bt,{open:!!n,anchorEl:n,placement:"right-start",sx:{zIndex:3},disablePortal:true,children:jsx(V,{sx:{maxHeight:300},children:u?.map((a$1,D)=>{let j=a$1?.timezone===e?.timezone;return jsxs(L,{onClick:te=>{c(te,a$1);},sx:{gap:"4px"},children:[j?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx(a,{countryCode:a$1?.countryCode}),jsx(F,{className:j?"selected":"",children:a$1?.label})]},`timezone-item-${D}`)})})})]})}function xe({onChange:e,selectedTimezone:o,browserTimezone:i}){let t=useMemo(()=>i?pc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Yj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Vj,alt:"user-timezone"}),jsx(a,{countryCode:t?.countryCode}),jsx(F,{className:p?"selected":"",children:t?.label})]})}function St({onChange:e,selectedTimezone:o,browserTimezone:i,defaultCountryTimezone:t,timezoneCountriesCodes:n}){let[p,m]=useState(null),s=!!p,c=()=>{m(null);},u=a=>{e(a),c();},l=a=>{m(a.currentTarget);},d=useMemo(()=>i===o?.timezone?Vj:o?.timezone===t.timezone?Wj:Xj,[i,t.timezone,o?.timezone]);return jsx(Ko,{onClickAway:c,children:jsxs(uo,{"data-testid":"CustomTimezone",children:[jsxs(fo,{open:s,onClick:l,children:[jsx("img",{src:d,alt:"timezone-icon"}),jsx(a,{countryCode:o?.countryCode}),jsx("span",{children:o?.label})]}),jsx(bt,{open:s,anchorEl:p,placement:"top-start",sx:{zIndex:1400},children:jsxs(V,{"data-testid":"CustomTimezone_dropdown",children:[jsx(ge,{onChange:u,selectedTimezone:o,defaultCountryTimezone:t,timezoneCountriesCodes:n}),jsx(xe,{onChange:u,selectedTimezone:o,browserTimezone:i})]})})]})})}var xo=memo(St);var bo=xo;var ho=styled(S,{shouldForwardProp:e=>e!=="$isSingleMonth"})(({theme:e,$isSingleMonth:o})=>({display:"flex",marginTop:"8px",background:e.palette.common.white,boxShadow:e.shadows[9],borderRadius:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",".rmdp-calendar":{padding:"8px 16px 16px"},".rmdp-rtl *":{fontFamily:"Tajawal"},".rmdp-rtl .sd":{paddingTop:"4px"},".rmdp-wrapper":{position:"relative",borderRadius:"8px",boxShadow:"none",...o&&{width:"100%"}},".rmdp-day span":{fontSize:"11px",fontWeight:500},".rmdp-day, .rmdp-week-day":{width:40,height:40,marginBottom:"2px",padding:"4px",fontSize:"11px",color:e.palette.grey[900]},".rmdp-day-picker":{padding:0,...o&&{display:"block !important"}},".rmdp-day.rmdp-today span":{backgroundColor:"transparent !important",color:e.palette.info.dark},".rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span":{color:e.palette.common.white},".rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover":{background:e.palette.info.light,boxShadow:"none",color:e.palette.grey[900]},".rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end":{borderRadius:"50%",background:e.palette.background.gradient.darkShadedBlue,color:e.palette.common.white},".rmdp-range.start:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",right:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.start:after":{right:"unset",left:0},".rmdp-range.end:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",left:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.end:after":{left:"unset",right:0},".rmdp-week-day":{color:e.palette.grey[700],marginBottom:"4px",fontSize:"11px",padding:"4px"},".rmdp-header-values":{color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px"},".rmdp-header-values span:nth-of-type(2)":{display:"none"},".rmdp-header":{padding:"4px 0",margin:0,fontSize:"12px"},".rmdp-top-class":{display:"block !important"},".rmdp-day.rmdp-selected span:not(.highlight)":{background:e.palette.info.dark},".rmdp-day.start.end":{overflow:"hidden"},".rmdp-day.rmdp-disabled":{color:"#ccc",cursor:"not-allowed"}})),yo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",background:"transparent",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,fontWeight:500,borderRadius:"4px","&:hover":{background:"transparent",color:e.palette.text.primary}})),wo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",borderRadius:"4px",fontWeight:700,background:e.palette.info.dark,"&:hover":{background:e.palette.info.dark}})),Co=styled(S)(()=>({display:"flex",gap:8,marginLeft:"auto",flexShrink:0})),To=styled(he,{shouldForwardProp:e=>e!=="open"})(({open:e,theme:o})=>({color:o.palette.text.primary,fontSize:"11px",fontWeight:500,padding:o.spacing(1),borderRadius:"4px",border:"1px solid",borderColor:o.palette.divider,background:o.palette.common.white,textTransform:"none",height:32,...e&&{border:"1px solid",borderColor:o.palette.info.dark,boxShadow:o.shadows[7]}})),ko=styled(S)(({theme:e})=>({background:e.palette.common.white,display:"flex",justifyContent:"space-between",alignItems:"center",gap:10,padding:"16px",borderTop:"1px solid",borderColor:e.palette.divider,borderBottomRightRadius:"8px"})),zo=styled(S)(({theme:e})=>({padding:16,paddingInlineEnd:"23px",borderRight:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,width:"max-content",borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",display:"flex",flexDirection:"column",gap:10,justifyContent:"space-between"})),So=styled(S)(()=>({display:"flex",alignItems:"center",gap:"10px"})),vo=styled(S)(()=>({position:"relative"})),Do=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"24px"}));var Mo=styled(S,{shouldForwardProp:e=>e!=="isAllDay"})(({theme:e,isAllDay:o})=>({display:"flex",alignItems:"center",gap:e.spacing(1),position:"relative",paddingInline:"5px",".label":{width:"max-content"},...!o&&{paddingRight:e.spacing(1),"&:after":{content:'""',position:"absolute",width:"1px",background:e.palette.divider,right:0,height:17}}})),Bo=styled(S)(()=>({width:235})),Eo=styled(S)(({theme:e})=>({display:"flex",gap:"4px",".rmdp-input":{width:"64px",borderRadius:"19px",border:"1px solid",borderColor:e.palette.divider,color:e.palette.text.primary,fontSize:"11px",fontWeight:500,background:"transparent",cursor:"pointer"},".rmdp-input:focus":{boxShadow:e.shadows[7],border:`1px solid ${e.palette.info.dark}`,borderRadius:"19px"},".rmdp-time-picker":{boxShadow:e.shadows[5],borderRadius:e.spacing(1),padding:e.spacing(2),minWidth:"auto !important",div:{marginTop:0,display:"block"},"> div":{width:32,height:64},".rmdp-arrow":{borderColor:`${e.palette.background.transparent[1]} !important`},".rmdp-arrow-container":{justifyContent:"center","&:hover":{backgroundColor:"transparent",boxShadow:"unset"}},input:{borderRadius:"4px",border:`1px solid ${e.palette.divider}`,padding:0,width:32,height:32,fontSize:"11px",color:e.palette.text.primary,fontWeight:500,"&:focus, &:focus-visible":{border:`1px solid ${e.palette.info.dark}`,outline:"unset"}},".dvdr":{margin:"7px 4px 0"},".rmdp-am, .rmdp-pm":{margin:0,width:32,height:32,flex:"auto",justifyContent:"center",fontSize:"11px",color:e.palette.text.primary,fontWeight:500,display:"flex",cursor:"default"},"> div:last-child":{marginInlineStart:"4px",display:"block !important"},".rmdp-down, .rmdp-up":{position:"relative",i:{display:"none"},"&:before":{content:'""',position:"absolute",top:"5px",width:"10px",height:"10px",backgroundImage:`url(${Vc})`}},".rmdp-down:before":{transform:"rotate(180deg)"}},".rmdp-container":{position:"relative","> div":{top:"unset !important",bottom:"28px",transform:"unset !important"}}})),Oo=styled(S)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,paddingInline:"5px",width:"fit-content",height:32}));function Mt({values:e,setValues:o}){let{t:i}=useTranslation(),t=new DateObject(e[0]),n=new DateObject(e[1]),[p,m]=useState(t.dayOfYear===n.dayOfYear&&t.hour===0&&t.minute===0&&n.hour===23&&n.minute===59),s=({period:l,hour:d})=>l==="PM"&&d!==12?d+12:l==="AM"&&d===12?0:d,c=({hour:l,minute:d,period:a})=>{o([t.setHour(s({hour:l,period:a})).setMinute(d).setSecond(0),n]);},u=({hour:l,minute:d,period:a})=>{o([t,n.setHour(s({hour:l,period:a})).setMinute(d).setSecond(59)]);};return jsx(Bo,{children:jsxs(Oo,{children:[jsxs(Mo,{isAllDay:p,children:[jsx("span",{className:"label",children:i("allDay")}),jsx(h,{checked:p,onChange:l=>{m(!p),l.target.checked?o([M(e[0]),B(e[1])]):o(e);}})]}),!p&&jsxs(Eo,{children:[jsx(j,{defaultTime:{hour:a$1(t.hour),minute:t.minute,period:t.hour>=12?"PM":"AM"},size:"small",onChange:c,enableRealTimeChange:true},`${e[0]?.toString()}-start`),jsx(j,{defaultTime:{hour:a$1(n.hour),minute:n.minute,period:n.hour>=12?"PM":"AM"},size:"small",onChange:u,enableRealTimeChange:true},`${e[1]?.toString()}-end`)]})]})})}var Po=Mt;var Io=Po;function At({defaultDate:e,onDateChange:o,mode:i="gregorian",onCalendarModeSwitch:t,numberOfMonths:n,noTimezone:p,noQuickFilter:m,maxDateRange:s,onCalendarGroupChange:c,groupBy:u,timezone:l,onChangeTimezone:d,browserTimezone:a,renderCalendarButton:D,mainSx:j,popperProps:te,rangeDatePickerProps:Fo,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te}){let[w,ke]=useState(Z(e)),[x$1,C]=useState(w),[ze,Se]=useState(l??null),[ve,Wo]=useState(u||"day"),[De,Me]=useState(null),y=!!De,[Be,Ee]=useState(false),{t:re}=useTranslation(),P=useRef(null),Ho=Bc(useId(),"range-calender"),ne=i==="hijri",Y=()=>{Me(null);},Oe=r=>{Me(r.currentTarget);};useEffect(()=>{if(!y){if(n===1)return;C(Z(e));}},[y]),useEffect(()=>{if(e){let r=Z(e);ke(r),C(r),P.current&&P.current.set("date",r[0]);}},[e]),useEffect(()=>{Se(l??null);},[l,y]);let Re=()=>{ke(x$1),Y();let r;x$1[0].dayOfYear===x$1[1].dayOfYear?r=[x$1[0],x$1[1]]:r=[M(x$1[0]),B(x$1[1])],o([r[0].toDate(),r[1].toDate()]),c?.(ve||"day"),d?.(ze);},jo=useCallback(()=>{let r=w[0].format("MMM D"),$=w[1]?w[1].format("MMM D"):w[0].format("MMM D");return r===$&&!p?r:`${r} - ${$}`},[w,p]),Yo=r=>{if(r.length<2||!s){C(r);return}let $=M(r[0]).toDate(),Qo=B(r[1]).toDate(),Pe=It(Qo).diff($,"day");if(Pe<=s){C(r);return}Ee(true),C([r[0],r[1].subtract(Pe-s,"d")]),setTimeout(()=>{Ee(false);},3e3);},$o=r=>{C([M(r[0]),B(r[1])]),P.current&&P.current.set("date",r[0]);},Go=r=>{r.key==="Enter"&&x$1[1]&&!Be?(r.stopPropagation(),Re()):r.key==="Escape"&&(r.stopPropagation(),Y());};return jsxs(vo,{id:Ho,"data-testid":"RangeCalender",sx:j,children:[D?D(y,Oe):jsx(To,{onClick:Oe,open:y,children:(w[0]||w[1])&&jo()}),y&&jsx(B$1,{onClick:r=>{r.stopPropagation(),Y();}}),jsx(bt,{open:y,anchorEl:De,placement:"bottom-end",...te,children:jsxs(ho,{onKeyDown:Go,$isSingleMonth:n===1,children:[!m&&jsxs(zo,{children:[jsx(lo,{onChange:$o,isHijri:ne}),jsxs(Do,{children:[u&&jsx(eo,{groupBy:ve,isCalenderOpen:y,onUpdate:r=>{Wo(r);}}),jsx(no,{isHijri:ne,onCalendarModeSwitch:t})]})]}),jsxs(S,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[jsx(co,{values:x$1,onChange:Yo,isHijri:ne,ref:P,numberOfMonths:n,...Fo}),jsx(x,{in:Be&&!!s,children:jsx(b,{severity:"error",message:re("dateRangeError",{number:s}),sx:{marginInline:"16px",marginBottom:"16px"}})}),jsxs(ko,{sx:{borderBottomLeftRadius:"8px"},children:[!p&&Ce&&a&&Te&&jsx(So,{children:jsx(bo,{onChange:Se,selectedTimezone:ze,browserTimezone:a,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te},String(y))}),new DateObject(x$1[0]).dayOfYear===new DateObject(x$1[1]).dayOfYear&&jsx(Io,{values:x$1,setValues:C}),jsxs(Co,{children:[jsx(yo,{variant:"contained",onClick:Y,children:re("cancel")}),jsx(wo,{variant:"contained",onClick:Re,disabled:!x$1[1],children:re("okay")})]})]})]})]})})]})}var Ao=At;var bi=Ao;export{bi as a};
|