https://app.bayzat.com/react-ts-app/ExpenseOverviewTransactionLayout-D9iiDLRY__cache.js

1import{aV as xe,k as a,aW as he,m as ve,J as ce,e as de,u as be,n as fe,aX as se,aY as te,fO as Se,l as _e,aQ as oe,I as Me,aS as je,T as me,aO as Te,B as we,Q as Be,o as ae,G as pe,a6 as Ce,k$ as Ie,P as Ue,bH as Re,gP as $e}from"./assets/index-CDolKBrm.js";import{c as re}from"./compiler-runtime-Dz-4Foan__cache.js";import{S as ne,a as Ee}from"./SimpleTabs-Dgou2a-B__cache.js";import{g as We}from"./getLastRouteFromUrl-BV6nePvT__cache.js";import{u as ke,E as ze,U as De,W as Pe}from"./Application-gCLSYkKm__cache.js";import{A as Ae}from"./AccountingCoinsBillIcon-DLvFvllU__cache.js";import"./TabScrollButton-DD5tYZtT__cache.js";import"./ArrowRight1Icon-BdP7oZK6__cache.js";import"./Tabs-K9VXHNPS__cache.js";import"./tabsClasses-a_I6Kw0q__cache.js";import"./usePaginatedData-BXjQLDa0__cache.js";import"./mappers-BTgo7q_4__cache.js";import"./WorkExpenseStatus-XcX5rFTl__cache.js";import"./mapResponseArrayDataOnlyGenerator-DC4F1Bb6__cache.js";import"./ButtonWithTooltip-hEcTcajQ__cache.js";import"./MenuButton-DfC98Zxj__cache.js";import"./NavigationMenuVerticalIcon-D2JyxDgp__cache.js";import"./Pagination-Dy6vQ5w5__cache.js";import"./Select-D43IuCtN__cache.js";import"./Select-jJdZfoM6__cache.js";import"./PaginatedTable-C4wd1Wvj__cache.js";import"./FormatDate-DKipurU8__cache.js";import"./KeyboardArrowReturnIcon-Yo3R3cUg__cache.js";import"./CurrencyEuroDollarExchangeIcon-Bty9Ynym__cache.js";import"./ReceiptDollarIcon-kWA3N9uO__cache.js";import"./usePaginatedQueryParams-D-7YGDFC__cache.js";import"./useStateWatcherRef-ByUL7K95__cache.js";import"./index-C3ieSnIv__cache.js";import"./useDebouncedState-BrVAbArs__cache.js";import"./DateRangePicker-C62WWUdh__cache.js";import"./index-DAm7cI5G__cache.js";import"./index-Chjiymov__cache.js";import"./shared-C9_hEo6j__cache.js";import"./PickersLayout-ByOzi7U7__cache.js";import"./index-pz20KdmP__cache.js";import"./dateViewRenderers-L96D0Lof__cache.js";import"./Calendar3Icon-D3JBKL6l__cache.js";import"./SubtractIcon-CwhtxSVU__cache.js";import"./index-B1cIi8rc__cache.js";import"./FileSaveAsDialog-CGqdle9U__cache.js";import"./TextField-C-Jd2K-E__cache.js";import"./InputAdornment-BStMZQOy__cache.js";import"./fetchBlob-DLabPdFI__cache.js";import"./CommonFileTextIcon-BDTIoLub__cache.js";import"./SearchInput-Dn5IG8zQ__cache.js";import"./Autocomplete-Bm0QK8dH__cache.js";import"./Close-D68RSlnU__cache.js";import"./useAutocomplete-Bxdhe5js__cache.js";import"./TextField-B8dZcxdz__cache.js";import"./FolderIllustration-ATqKNCQx__cache.js";import"./TokenGuard-3L73tanf__cache.js";import"./withAbilityGuard-CP3bYq-___cache.js";import"./UnauthorizedUser.route-DsNXLb7n__cache.js";const ue="interface-essential/pie-line-graph",Le=`${he}#${ue}`,ye=xe(a.jsx("use",{href:Le}),"PieLineGraph");ye.id=ue;const N=fe({availableBalance:{id:"company-expense.expense-overview.transactions-summary-card.available-balance",defaultMessage:"Available Balance"},pendingSettlement:{id:"company-expense.expense-overview.transactions-summary-card.pending-settlement",defaultMessage:"Pending Settlement"},currentBalance:{id:"company-expense.expense-overview.transactions-summary-card.current-balance",defaultMessage:"Current Balance"},availableBalanceTooltip:{id:"company-expense.expense-overview.transactions-summary-card.available-balance-tooltip",defaultMessage:"Available balance refers to the amount of money currently available to spend after settlements via cards"},pendingSettlementTooltip:{id:"company-expense.expense-overview.transactions-summary-card.pending-settlement-tooltip",defaultMessage:"Total amount of money yet to be settled after transaction"},currentBalanceTooltip:{id:"company-expense.expense-overview.transactions-summary-card.current-balance-tooltip",defaultMessage:"Total amount of money currently present in the wallet before pending settlement transactions"}}),Ge=ve()(e=>({root:{backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,border:`1px solid ${ce.grey[200]}`},dividerRight:{borderRight:`1px solid ${ce.grey[200]}`}})),He=e=>{const{availableBalance:t,pendingSettlementBalance:s,currentBalance:g}=_e(e);return{availableBalance:oe(t),pendingSettlementBalance:oe(s),currentBalance:oe(g)}},ie=e=>{const t=re.c(19),{icon:s,title:g,value:o,tooltip:_}=e;let i;t[0]!==s?(i=a.jsx("div",{children:s}),t[0]=s,t[1]=i):i=t[1];let M;t[2]===Symbol.for("react.memo_cache_sentinel")?(M={ml:1,mb:-.3},t[2]=M):M=t[2];let j;t[3]===Symbol.for("react.memo_cache_sentinel")?(j=a.jsx(Me,{fontSize:"x-small"}),t[3]=j):j=t[3];let p;t[4]!==_?(p=a.jsx(je,{title:_,sx:M,placement:"top-end",children:j}),t[4]=_,t[5]=p):p=t[5];let r;t[6]!==p||t[7]!==g?(r=a.jsxs(me,{color:"text.secondary",variant:"body2",children:[g,p]}),t[6]=p,t[7]=g,t[8]=r):r=t[8];let n;t[9]!==o?(n=o?a.jsx(Te,{money:o,showCurrency:!0}):"--",t[9]=o,t[10]=n):n=t[10];let c;t[11]!==n?(c=a.jsx(me,{variant:"h4",mt:1,children:n}),t[11]=n,t[12]=c):c=t[12];let m;t[13]!==r||t[14]!==c?(m=a.jsxs("div",{children:[r,c]}),t[13]=r,t[14]=c,t[15]=m):m=t[15];let l;return t[16]!==i||t[17]!==m?(l=a.jsxs(we,{display:"flex",columnGap:2,p:3,children:[i,m]}),t[16]=i,t[17]=m,t[18]=l):l=t[18],l},Oe=()=>{const e=re.c(44),t=de(),{classes:s}=Ge(),g=be();let o;e[0]!==g?(o={companyId:g},e[0]=g,e[1]=o):o=e[1];let _;e[2]===Symbol.for("react.memo_cache_sentinel")?(_={select:He}

1,e[2]=_):_=e[2];const{data:i}=ke(o,_),M=s.root,j=s.dividerRight;let p;e[3]===Symbol.for("react.memo_cache_sentinel")?(p={xs:12,md:4},e[3]=p):p=e[3];let r;e[4]===Symbol.for("react.memo_cache_sentinel")?(r=a.jsx(se,{Icon:Ae,color:"primary"}),e[4]=r):r=e[4];let n;e[5]!==t?(n=t.formatMessage(N.availableBalance),e[5]=t,e[6]=n):n=e[6];const c=i?.availableBalance;let m;e[7]!==t?(m=t.formatMessage(N.availableBalanceTooltip),e[7]=t,e[8]=m):m=e[8];let l;e[9]!==n||e[10]!==c||e[11]!==m?(l=a.jsx(ie,{icon:r,title:n,value:c,tooltip:m}),e[9]=n,e[10]=c,e[11]=m,e[12]=l):l=e[12];let x;e[13]!==s.dividerRight||e[14]!==l?(x=a.jsx(te,{className:j,size:p,children:l}),e[13]=s.dividerRight,e[14]=l,e[15]=x):x=e[15];const Q=s.dividerRight;let B;e[16]===Symbol.for("react.memo_cache_sentinel")?(B={xs:12,md:4},e[16]=B):B=e[16];let U;e[17]===Symbol.for("react.memo_cache_sentinel")?(U=a.jsx(se,{Icon:ye,color:"primary"}),e[17]=U):U=e[17];let T;e[18]!==t?(T=t.formatMessage(N.pendingSettlement),e[18]=t,e[19]=T):T=e[19];const w=i?.pendingSettlementBalance;let d;e[20]!==t?(d=t.formatMessage(N.pendingSettlementTooltip),e[20]=t,e[21]=d):d=e[21];let f;e[22]!==T||e[23]!==w||e[24]!==d?(f=a.jsx(ie,{icon:U,title:T,value:w,tooltip:d}),e[22]=T,e[23]=w,e[24]=d,e[25]=f):f=e[25];let h;e[26]!==s.dividerRight||e[27]!==f?(h=a.jsx(te,{className:Q,size:B,children:f}),e[26]=s.dividerRight,e[27]=f,e[28]=h):h=e[28];let C;e[29]===Symbol.for("react.memo_cache_sentinel")?(C={xs:12,md:4},e[29]=C):C=e[29];let v;e[30]===Symbol.for("react.memo_cache_sentinel")?(v=a.jsx(se,{Icon:Se,color:"primary"}),e[30]=v):v=e[30];let u;e[31]!==t?(u=t.formatMessage(N.currentBalance),e[31]=t,e[32]=u):u=e[32];const R=i?.currentBalance;let b;e[33]!==t?(b=t.formatMessage(N.currentBalanceTooltip),e[33]=t,e[34]=b):b=e[34];let y;e[35]!==u||e[36]!==R||e[37]!==b?(y=a.jsx(te,{size:C,children:a.jsx(ie,{icon:v,title:u,value:R,tooltip:b})}),e[35]=u,e[36]=R,e[37]=b,e[38]=y):y=e[38];let S;return e[39]!==s.root||e[40]!==x||e[41]!==h||e[42]!==y?(S=a.jsxs(te,{container:!0,className:M,children:[x,h,y]}),e[39]=s.root,e[40]=x,e[41]=h,e[42]=y,e[43]=S):S=e[43],S}

1,I=fe({cardsOverview:{id:"company-expense.common.cards-overview",defaultMessage:"Cards Overview"},employeeCardTransactions:{id:"company-expense.common.employee-card-transactions",defaultMessage:"Employee Card Transactions"},walletTopUpHistory:{id:"company-expense.common.wallet-top-up-history",defaultMessage:"Wallet Top Up History"},generalLedger:{id:"company-expense.common.general-ledger",defaultMessage:"General Ledger"},addFundsToWallet:{id:"company-expense.common.add-funds-to-wallet",defaultMessage:"Add funds to wallet"},unloadMoney:{id:"company-expense.common.unload-money",defaultMessage:"Unload money"}}),Ot=()=>{const e=re.c(73),t=Be();let s;e[0]!==t.location.pathname?(s=We(t.location.pathname),e[0]=t.location.pathname,e[1]=s):s=e[1];const g=s,[o,_]=ae.useState(g||"cards"),[i,M]=ae.useState(null),[j,p]=ae.useState(!1),[r,n]=ae.useState(!1);let c;e[2]===Symbol.for("react.memo_cache_sentinel")?(c=()=>{M(null),p(!0)},e[2]=c):c=e[2];const m=c,l=de();let x;e[3]!==t?(x=V=>{_(V),t.push(`/expense-overview/transactions/${V}`)},e[3]=t,e[4]=x):x=e[4];const Q=x;let B;e[5]!==o||e[6]!==l?(B=()=>{switch(o){case"cards":return l.formatMessage(I.employeeCardTransactions);case"wallet-top-ups":return l.formatMessage(I.walletTopUpHistory);case"general-ledger":return l.formatMessage(I.generalLedger)}},e[5]=o,e[6]=l,e[7]=B):B=e[7];const U=B,T=`expense-overview-${o}-route`;let w;e[8]!==U?(w=U(),e[8]=U,e[9]=w):w=e[9];let d;e[10]!==l?(d=l.formatMessage(I.cardsOverview),e[10]=l,e[11]=d):d=e[11];let f;e[12]!==d?(f={paths:[{title:d,to:"/expense-overview"}]},e[12]=d,e[13]=f):f=e[13];let h;e[14]===Symbol.for("react.memo_cache_sentinel")?(h={sx:{pt:3}},e[14]=h):h=e[14];let C;e[15]===Symbol.for("react.memo_cache_sentinel")?(C=()=>n(!0),e[15]=C):C=e[15];let v;e[16]!==l?(v=l.formatMessage(I.addFundsToWallet),e[16]=l,e[17]=v):v=e[17];let u;e[18]!==v?(u=a.jsx(pe,{variant:"contained",onClick:C,children:v},0),e[18]=v,e[19]=u):u=e[19];let R;e[20]===Symbol.for("react.memo_cache_sentinel")?(R=V=>M(V.currentTarget),e[20]=R):R=e[20];let b;e[21]===Symbol.for("react.memo_cache_sentinel")?(b=a.jsx(Ce,{onClick:R,size:"small",children:a.jsx(Ie,{color:"primary",fontSize:"x-small"})},1),e[21]=b):b=e[21];let y;e[22]!==u?(y=[u,b],e[22]=u,e[23]=y):y=e[23];let S;e[24]!==y||e[25]!==T||e[26]!==w||e[27]!==f?(S=a.jsx(ze,{externalId:T,title:w,breadcrumbs:f,bodyProps:h,buttons:y}),e[24]=y,e[25]=T,e[26]=w,e[27]=f,e[28]=S):S=e[28];let J;e[29]===Symbol.for("react.memo_cache_sentinel")?(J=a.jsx(Oe,{}),e[29]=J):J=e[29];let X;e[30]===Symbol.for("react.memo_cache_sentinel")?(X={mt:3},e[30]=X):X=e[30];let $;e[31]!==Q?($=(V,ge)=>Q(ge),e[31]=Q,e[32]=$):$=e[32];let E;e[33]!==l?(E=l.formatMessage(I.employeeCardTransactions),e[33]=l,e[34]=E):E=e[34];let W;e[35]!==E?(W=a.jsx(ne,{value:"cards",label:E}),e[35]=E,e[36]=W):W=e[36];let k;e[37]!==l?(k=l.formatMessage(I.walletTopUpHistory),e[37]=l,e[38]=k):k=e[38];let z;e[39]!==k?(z=a.jsx(ne,{value:"wallet-top-ups",label:k}),e[39]=k,e[40]=z):z=e[40];let D;e[41]!==l?(D=l.formatMessage(I.generalLedger),e[41]=l,e[42]=D):D=e[42];let P;e[43]!==D?(P=a.jsx(ne,{value:"general-ledger",label:D}),e[43]=D,e[44]=P):P=e[44];let A;e[45]!==o||e[46]!==$||e[47]!==W||e[48]!==z||e[49]!==P?(A=a.jsx(Ue,{elevation:0,variant:"outlined",sx:X,children:a.jsxs(Ee,{value:o,onChange:$,children:[W,z,P]})}),e[45]=o,e[46]=$,e[47]=W,e[48]=z,e[49]=P,e[50]=A):A=e[50];let Y;e[51]===Symbol.for("react.memo_cache_sentinel")?(Y=a.jsx(Re,{}),e[51]=Y):Y=e[51];const le=!!i;let q;e[52]===Symbol.for("react.memo_cache_sentinel")?(q=()=>M(null),e[52]=q):q=e[52];let L;e[53]!==l?(L=l.formatMessage(I.unloadMoney),e[53]=l,e[54]=L):L=e[54];let G;e[55]!==L?(G=a.jsx(pe,{color:"inherit",onClick:m,children:L}),e[55]=L,e[56]=G):G=e[56];let H;e[57]!==i||e[58]!==le||e[59]!==G?(H=a.jsx($e,{anchorEl:i,open:le,onClose:q,children:G}),e[57]=i,e[58]=le,e[59]=G,e[60]=H):H=e[60];let K;e[61]===Symbol.for("react.memo_cache_sentinel")?(K=()=>p(!1),e[61]=K):K=e[61];let O;e[62]!==j?(O=a.jsx(De,{open:j,onClose:K}),e[62]=j,e[63]=O):O=e[63];let Z;e[64]===Symbol.for("react.memo_cache_sentinel")?(Z=()=>n(!1),e[64]=Z):Z=e[64];let F;e[65]!==r?(F=a.jsx(Pe,{open:r,onClose:Z}),e[65]=r,e[66]=F):F=e[66];let ee;return e[67]!==S||e[68]!==A||e[69]!==H||e[70]!==O||e[71]!==F?(ee=a.jsxs(a.Fragment,{children:[S,J,A,Y,H,O,F]}),e[67]=S,e[68]=A,e[69]=H,e[70]=O,e[71]=F,e[72]=ee):ee=e[72],ee};export{Ot as default};