@accounter/client
Version:
Accounter client application
1 lines • 60.6 kB
JavaScript
import{s as e}from"./dist-BBBZL-zT.js";import{i as t,o as n}from"./utils-C9b7NsUD.js";import{$ as r,Aa as i,At as a,Ct as o,Da as s,Dt as c,Ea as l,Et as u,Gt as d,In as f,It as p,Lt as m,Nr as h,Nt as ee,Oa as te,Pt as g,Rn as _,So as v,St as y,Tt as ne,Wt as re,bt as ie,d as ae,da as oe,f as se,fa as ce,ha as le,jt as ue,ka as de,kt as fe,m as pe,ma as me,p as he,pa as ge,pr as _e,r as b,t as x,u as ve,ua as ye,va as be,wa as xe,wt as Se,xo as S,xr as Ce,xt as we,ya as Te,yt as Ee,zn as De,zt as Oe}from"./error-handling-DIXN-FX1.js";import{s as ke,t as Ae}from"./routes-g2AjKuLo.js";import{dt as je,gt as Me,ht as C}from"./select-D5MmcncR.js";import{A as Ne,Fr as Pe,Ft as w,Gr as Fe,Ht as T,Ir as E,It as D,Lt as O,Mt as k,Nt as A,Or as j,Rt as M,Tn as N,Ut as Ie,Wt as P,Yt as Le,_n as F,gn as I,gr as Re,gt as L,jn as ze,jt as Be,ln as Ve,lt as He,mt as Ue,pn as R,pt as z,qt as We,tt as Ge,un as Ke,ut as qe,vt as Je,wn as B,xn as Ye,yn as V}from"./common-vBU3G9KD.js";import{r as Xe,t as Ze}from"./similar-transactions-modal-CDLVQl0D.js";import{h as H,x as U,y as Qe}from"./separator-CotXr7HB.js";import{t as W}from"./button-DATCl8sW.js";import{i as G,n as K,r as q,t as $e}from"./accordion-5AHrIqha.js";import{C as J,S as Y,g as X,it as Z,v as et}from"./table-69kLt-n3.js";import{t as tt}from"./Card-cbbWQc_m.js";import{t as nt}from"./MultiSelect-CMSnzpr2.js";import{M as rt}from"./index-hp82RaKL.js";var it=Me(`car`,[[`path`,{d:`M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2`,key:`5owen`}],[`circle`,{cx:`7`,cy:`17`,r:`2`,key:`u2ysq9`}],[`path`,{d:`M9 17h6`,key:`r8uit2`}],[`circle`,{cx:`17`,cy:`17`,r:`2`,key:`axvx0g`}]]),at=Me(`fuel`,[[`path`,{d:`M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5`,key:`1wtuz0`}],[`path`,{d:`M14 21V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16`,key:`e09ifn`}],[`path`,{d:`M2 21h13`,key:`1x0fut`}],[`path`,{d:`M3 9h11`,key:`1p7c0w`}]]),Q=e(n(),1),ot=`addBusinessTripAccommodationsExpense`,st=()=>{let[{fetching:e},t]=S(ve);return{fetching:e,addBusinessTripAccommodationsExpense:(0,Q.useCallback)(async e=>{let n=`Error adding business trip accommodations expense`,r=ot;b.loading(`Adding Business Trip Accommodations Expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip accommodations expense added`}),i.addBusinessTripAccommodationsExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},$=t();function ct({formManager:e,attendeesStayPath:t,attendeesData:n,fetchingAttendees:i=!1,businessTripId:a}){let{control:o,watch:s,trigger:c}=e,{fields:l,append:u,remove:d}=Ie({control:o,name:t}),[f,p]=(0,Q.useState)(i),[m,h]=(0,Q.useState)(n??[]),ee=s(t),te=l.map((e,t)=>({...e,...ee[t]}));(0,Q.useEffect)(()=>{n&&h(n)},[n]),(0,Q.useEffect)(()=>{p(i)},[i]);let[{data:g,fetching:_},y]=v({query:r,pause:!0,variables:{businessTripId:a??``}});return(0,Q.useEffect)(()=>{g?.businessTrip?.attendees.length&&h(g.businessTrip.attendees.map(e=>({value:e.id,label:e.name}))??[])},[g?.businessTrip?.attendees]),(0,Q.useEffect)(()=>{p(_)},[_]),(0,Q.useEffect)(()=>{!n&&!g&&!i&&!_&&y({businessTripId:a})},[n,i,_,y,a,g]),!a&&!n?(0,$.jsx)(`div`,{children:`Cannot edit attendees stay, lacking some mandatory information!`}):(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`mantine-InputWrapper-label mantine-Select-label`,children:`Employees Stay`}),(0,$.jsxs)(`div`,{className:`h-full flex flex-col overflow-hidden`,children:[te?.map((e,n)=>(0,$.jsxs)(`div`,{className:`flex items-end gap-2 text-gray-600 mb-2`,children:[(0,$.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,$.jsx)(T,{name:`${t}.${n}.attendeeId`,control:o,rules:{required:`Required`},render:({field:e,fieldState:t})=>(0,$.jsx)(I,{...e,disabled:f,data:m,value:e.value??void 0,label:`Attendee`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0,required:!0})})}),(0,$.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,$.jsx)(T,{control:o,name:`${t}.${n}.nightsCount`,render:({field:e,fieldState:t})=>(0,$.jsx)(F,{className:`w-full`,...e,min:0,label:`Nights Count`,value:e.value??void 0,hideControls:!0,precision:0,error:t.error?.message,required:!0,onChange:t=>e.onChange(t&&typeof t==`number`?t:void 0)})})}),(0,$.jsx)(W,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{d(n),c(t)},children:(0,$.jsx)(Qe,{className:`size-5`})})]},e.id)),(0,$.jsx)(W,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{u({}),c(t)},children:(0,$.jsx)(Fe,{className:`size-5`})})]})]})}function lt({businessTripId:e,control:t,setFetching:n}){let[i,a]=(0,Q.useState)([]),[{data:o,fetching:s,error:c}]=v({query:r,variables:{businessTripId:e}}),{userContext:l}=(0,Q.useContext)(et);(0,Q.useEffect)(()=>{o?.businessTrip?.attendees.length&&a(o.businessTrip.attendees.map(e=>({value:e.id,label:e.name})).sort((e,t)=>e.label>t.label?1:-1))},[o,a]),(0,Q.useEffect)(()=>{n(s)},[n,s]),(0,Q.useEffect)(()=>{c&&b.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[c]);let u=(0,Q.useMemo)(()=>l?.context.ledgerLock,[l]);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(w,{name:`date`,control:t,rules:{min:u?{value:u,message:`Date must be after ${u}`}:void 0,pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{htmlFor:`expense-date`,children:`Date`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`expense-date`,"data-autofocus":!0,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{name:`valueDate`,control:t,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`},min:u?{value:u,message:`Date must be after ${u}`}:void 0},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{htmlFor:`expense-value-date`,children:`Value Date`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`expense-value-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{name:`amount`,control:t,render:({field:e,fieldState:n})=>(0,$.jsx)(w,{name:`currency`,control:t,defaultValue:f.Ils,render:({field:t,fieldState:r})=>(0,$.jsx)(Ue,{...e,value:e.value??void 0,error:n.error?.message||r.error?.message,label:`Amount`,currencyCodeProps:{...t,label:`Currency`}})})}),(0,$.jsx)(w,{name:`employeeBusinessId`,control:t,render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{children:`Attendee`}),(0,$.jsx)(A,{children:(0,$.jsx)(I,{...e,data:i,value:e.value,disabled:s,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,$.jsx)(M,{})]})})]})}function ut(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add Accommodations Expense`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(dt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function dt({businessTripId:e,opened:t,close:n,onAdd:r}){let i=P({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Q.useState)(!1),{addBusinessTripAccommodationsExpense:l,fetching:u}=st(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,$.jsx)(V.Title,{children:`Add Accommodation Expense`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...i,children:(0,$.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,$.jsx)(lt,{businessTripId:e,control:a,setFetching:c}),(0,$.jsx)(w,{control:a,name:`country`,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{children:`Country`}),(0,$.jsx)(A,{children:(0,$.jsx)(H,{...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{name:`nightsCount`,control:a,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{children:`Nights Count`}),(0,$.jsx)(A,{children:(0,$.jsx)(qe,{...e,value:e.value??void 0,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(ct,{formManager:i,attendeesStayPath:`attendeesStay`,businessTripId:e}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(u||s)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var ft=`updateBusinessTripAccommodationsExpense`,pt=()=>{let[{fetching:e},t]=S(xe);return{fetching:e,updateBusinessTripAccommodationsExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip accommodations expense`,r=ft;b.loading(`Updating trip accommodations expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip accommodations expense was updated`}),i.updateBusinessTripAccommodationsExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},mt=`categorizeIntoExistingBusinessTripExpense`,ht=()=>{let[{fetching:e},t]=S(d);return{fetching:e,categorizeIntoExistingBusinessTripExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip expense category`,r=mt;b.loading(`Updating business trip expense category`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip expense category was updated`}),i.categorizeIntoExistingBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function gt(e){let{businessTripExpenseId:t,businessTripId:n,onChange:r}=e,[i,a]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Attach Uncategorized Transaction`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(!0)},children:(0,$.jsx)(U,{className:`size-5`})})}),i&&(0,$.jsx)(_t,{businessTripExpenseId:t,businessTripId:n,opened:i,close:()=>a(!1),onChange:r})]})}function _t({businessTripExpenseId:e,businessTripId:t,opened:n,close:r,onChange:i}){let{control:a,handleSubmit:o,setValue:s}=P({defaultValues:{businessTripExpenseId:e}}),[c,l]=(0,Q.useState)([]),[{data:u,fetching:d,error:f}]=v({query:be,variables:{businessTripId:t}}),{categorizeIntoExistingBusinessTripExpense:p,fetching:m}=ht();return(0,Q.useEffect)(()=>{u?.businessTrip?.uncategorizedTransactions.length&&l(u.businessTrip.uncategorizedTransactions.filter(e=>e?.transaction).map(({transaction:e})=>({eventDate:e.eventDate,sourceDescription:e.sourceDescription,referenceKey:e.referenceKey,counterparty:e.counterparty?.name,amount:e.amount.formatted,rawAmount:e.amount.raw,value:e.id,label:`${e.eventDate} | ${e.counterparty?.name} | ${e.amount.formatted}`})).sort((e,t)=>e.eventDate.localeCompare(t.eventDate)))},[u,l]),(0,Q.useEffect)(()=>{f&&b.error(`Error`,{description:`Oops, we have an error fetching transactions to categorize`})},[f]),(0,$.jsxs)(V,{opened:n,onClose:r,centered:!0,children:[(0,$.jsx)(V.Title,{children:`Set Transaction Category`}),(0,$.jsx)(V.Body,{children:(0,$.jsxs)(`form`,{onSubmit:o(e=>{p({fields:e}).then(()=>{i?.(),r()})}),className:`flex flex-col gap-3 mt-3`,children:[(0,$.jsx)(T,{name:`transactionId`,control:a,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{...e,itemComponent:vt,data:c??[],disabled:d,label:`Transactions`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,error:t.error?.message,withAsterisk:!0,withinPortal:!0,onChange:t=>{let n=c.find(e=>e.value===t);n?.rawAmount&&s(`amount`,n.rawAmount),e.onChange(t)}})}),(0,$.jsx)(T,{name:`amount`,control:a,render:({field:e,fieldState:t})=>(0,$.jsx)(F,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Amount`})}),(0,$.jsx)(`div`,{className:`flex justify-center gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Confirm`})})]})}),m&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var vt=(0,Q.forwardRef)(({eventDate:e,sourceDescription:t,referenceKey:n,counterparty:r,amount:i,...a},o)=>(0,$.jsx)(`div`,{ref:o,...a,children:(0,$.jsxs)(B,{children:[(0,$.jsx)(B.Col,{span:4,children:e}),(0,$.jsx)(B.Col,{span:4,children:(0,$.jsx)(Y,{size:`sm`,children:r})}),(0,$.jsx)(B.Col,{span:4,children:(0,$.jsx)(Y,{size:`sm`,children:i})}),(0,$.jsx)(B.Col,{span:8,children:(0,$.jsx)(Y,{size:`xs`,opacity:.65,children:t})}),(0,$.jsxs)(B.Col,{span:4,children:[`Reference: `,n]})]})})),yt=`deleteBusinessTripExpense`,bt=()=>{let[{fetching:e},t]=S(De);return{fetching:e,deleteBusinessTripExpense:(0,Q.useCallback)(async e=>{let n=`Error deleting business trip expense`,r=`${yt}-${e.businessTripExpenseId}`;b.loading(`Deleting trip expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip expense was deleted`}),i.deleteBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function xt(e){let{fetching:t,deleteBusinessTripExpense:n}=bt();return(0,$.jsx)(L,{content:`Remove Expense`,children:(0,$.jsx)(Ge,{onConfirm:(0,Q.useCallback)(()=>{n({businessTripExpenseId:e.businessTripExpenseId}).then(()=>{e.onDelete?.()})},[e,n]),title:`Are you sure you want to remove expense?`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,$.jsx)(Pe,{className:`size-5`})})})})}var St=({data:e,isEditMode:t=!1,control:n,businessTripId:i})=>{let a=X(c,e),[o,s]=(0,Q.useState)([]),[{data:l,fetching:u,error:d}]=v({query:r,variables:{businessTripId:i}});(0,Q.useEffect)(()=>{l?.businessTrip?.attendees.length&&s(l.businessTrip.attendees.map(e=>({value:e.id,label:e.name})).sort((e,t)=>e.label>t.label?1:-1))},[l,s]),(0,Q.useEffect)(()=>{d&&b.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[d]);let p=Array.from(new Set(a.charges?.map(e=>e.id)));return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:t&&a.payedByEmployee?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(w,{name:`date`,control:n,defaultValue:a.date,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{htmlFor:`business-trip-expense-date-${a.id}`,children:`Date`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`business-trip-expense-date-${a.id}`,form:`form ${a.id}`,"data-autofocus":!0,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{name:`valueDate`,control:n,defaultValue:a.valueDate,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{children:`Value Date`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{form:`form ${a.id}`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})})]}):(0,$.jsxs)($.Fragment,{children:[a.date&&Z(new Date(a.date),`dd/MM/yy`),(0,$.jsx)(Y,{fz:`sm`,c:`dimmed`,children:a.valueDate&&Z(new Date(a.valueDate),`dd/MM/yy`)})]})})}),(0,$.jsx)(`td`,{children:t&&a.payedByEmployee?(0,$.jsx)(w,{name:`amount`,control:n,defaultValue:a.amount?.raw??void 0,render:({field:e,fieldState:t})=>(0,$.jsx)(w,{name:`currency`,control:n,defaultValue:a.amount?.currency??f.Ils,render:({field:n,fieldState:r})=>(0,$.jsx)(Ue,{form:`form ${a.id}`,...e,value:e.value??void 0,error:t.error?.message||r.error?.message,label:`Amount`,currencyCodeProps:{...n,label:`Currency`,form:`form ${a.id}`}})})}):(0,$.jsx)(`div`,{children:a.amount?.formatted})}),(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:t&&a.payedByEmployee?(0,$.jsx)(w,{name:`employeeBusinessId`,control:n,defaultValue:a.employee?.id,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{form:`form ${a.id}`,...e,data:o,value:e.value,disabled:u,label:`Attendee`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}):(0,$.jsx)(`div`,{className:`flex flex-row gap-2 items-center`,children:a.payedByEmployee&&(0,$.jsx)(Y,{c:a.employee?.name?void 0:`red`,children:a.employee?.name??`Missing`})})})}),(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:p.map(e=>(0,$.jsx)(ke,{to:Ae.CHARGES.DETAIL(e),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:`To Charge`},e))})})]})},Ct=()=>(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`th`,{children:`Date`}),(0,$.jsx)(`th`,{children:`Amount`}),(0,$.jsx)(`th`,{children:`Payed By Attendee`}),(0,$.jsx)(`th`,{children:`Charges`})]}),wt=({data:e,businessTripId:t,onChange:n})=>{let r=X(we,e),[i,a]=(0,Q.useState)(!1),o=P({defaultValues:{id:r.id,businessTripId:t,attendeesStay:r.attendeesStay.map(e=>({attendeeId:e.id,nightsCount:e.nightsCount}))}}),{control:s,handleSubmit:c}=o,{updateBusinessTripAccommodationsExpense:l,fetching:u}=pt(),d=e=>{l({fields:e}).then(()=>{n?.(),a(!1)})};return(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,$.jsx)(`td`,{children:(0,$.jsx)(k,{...o,children:(0,$.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,$.jsx)(w,{name:`country`,control:s,defaultValue:r.country,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(A,{children:(0,$.jsx)(H,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}):(0,$.jsx)(Y,{c:r.country?void 0:`red`,children:r.country?.name??`Missing`})})})}),(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:i?(0,$.jsx)(k,{...o,children:(0,$.jsx)(w,{name:`nightsCount`,control:s,defaultValue:r.nightsCount,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(A,{children:(0,$.jsx)(qe,{...e,value:e.value??void 0,form:`form ${r.id}`,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,$.jsx)(M,{})]})})}):(0,$.jsx)(Y,{c:r.nightsCount?void 0:`red`,children:r.nightsCount??`Missing`})})}),(0,$.jsx)(`td`,{children:i?(0,$.jsx)(k,{...o,children:(0,$.jsx)(ct,{formManager:o,attendeesStayPath:`attendeesStay`,businessTripId:t})}):(0,$.jsx)(Ye,{listStyleType:`disc`,children:r.attendeesStay?.length?r.attendeesStay.map(e=>(0,$.jsxs)(Ye.Item,{children:[e.attendee.name,` (`,e.nightsCount,`)`]},e.id)):(0,$.jsx)(Y,{c:`red`,fz:`sm`,children:`Missing`})})}),(0,$.jsx)(`td`,{children:n&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),i&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,$.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})})]},r.id)},Tt=({businessTripId:e,expenses:t,onChange:n})=>{if(!t?.length)return n?(0,$.jsx)(ut,{businessTripId:e,onAdd:n}):(0,$.jsx)($.Fragment,{});let r=t.map(e=>X(y,e));return(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Ct,{}),(0,$.jsx)(`th`,{children:`Location`}),(0,$.jsx)(`th`,{children:`Nights`}),(0,$.jsx)(`th`,{children:`Attendees Stay`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[r.sort((e,t)=>e.date&&t.date?e.date<t.date?1:-1:e.date?-1:+!!t.date).map(t=>(0,$.jsx)(wt,{data:t,businessTripId:e,onChange:n},t.id)),n&&(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:6,children:(0,$.jsx)(ut,{businessTripId:e,onAdd:n})})})]})]})})},Et=({data:e,onChange:t})=>{let{accommodationExpenses:n,id:r}=X(ie,e);return(0,$.jsx)(Tt,{businessTripId:r,expenses:n,onChange:t})},Dt=`insertBusinessTripAttendee`,Ot=()=>{let[{fetching:e},t]=S(h);return{fetching:e,insertBusinessTripAttendee:(0,Q.useCallback)(async e=>{let n=`Error adding attendee to business trip`,r=Dt;b.loading(`Adding attendee`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Attendee was added to the business trip`}),i.insertBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function kt(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add Attendee`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(At,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function At({businessTripId:e,opened:t,close:n,onAdd:r}){let{selectableBusinesses:i,fetching:a}=Je(),o=P({defaultValues:{businessTripId:e}}),{control:s,handleSubmit:c}=o,{insertBusinessTripAttendee:l,fetching:u}=Ot(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,children:[(0,$.jsx)(V.Title,{children:`Add Attendee`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...o,children:(0,$.jsxs)(`form`,{onSubmit:c(d),className:`space-y-4 pt-2`,children:[(0,$.jsx)(T,{name:`attendeeId`,control:s,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{"data-autofocus":!0,...e,data:i,value:e.value,disabled:a,label:`Attendee`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withAsterisk:!0,withinPortal:!0})}),(0,$.jsx)(w,{name:`arrivalDate`,control:s,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{htmlFor:`arrival-date`,children:`Arrival`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`arrival-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{name:`departureDate`,control:s,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{htmlFor:`departure-date`,children:`Departure`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`departure-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(u||a)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var jt=`updateBusinessTripAttendee`,Mt=()=>{let[{fetching:e},t]=S(l);return{fetching:e,updateBusinessTripAttendee:(0,Q.useCallback)(async e=>{let n=`Error updating business trip attendee`,r=jt;b.loading(`Updating trip attendee`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip attendee was updated`}),i.updateBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},Nt=`deleteBusinessTripAttendee`,Pt=()=>{let[{fetching:e},t]=S(_);return{fetching:e,deleteBusinessTripAttendee:(0,Q.useCallback)(async e=>{let n=`Error removing business trip attendee`,r=Nt;b.loading(`Removing business trip attendee`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip attendee was removed`}),i.deleteBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function Ft(e){let{fetching:t,deleteBusinessTripAttendee:n}=Pt();return(0,$.jsx)(L,{content:`Remove Attendee`,children:(0,$.jsx)(Ge,{onConfirm:(0,Q.useCallback)(()=>{n({fields:{businessTripId:e.businessTripId,attendeeId:e.attendeeId}}).then(()=>{e.onDelete?.()})},[e,n]),title:`Are you sure you want to remove attendee?`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,$.jsx)(Pe,{className:`size-5`})})})})}var It=`addBusinessTripFlightsExpense`,Lt=()=>{let[{fetching:e},t]=S(se);return{fetching:e,addBusinessTripFlightsExpense:(0,Q.useCallback)(async e=>{let n=`Error adding business trip flight expense`,r=It;b.loading(`Adding business trip flight expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip flight expense added`}),i.addBusinessTripFlightsExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function Rt({formManager:e,flightPathPath:t,flightPathData:n}){let{control:r,watch:i,trigger:a}=e,{fields:o,append:s,remove:c}=Ie({control:r,name:t}),l=i(t),u=o.map((e,t)=>({...e,...l[t]}));return n?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`mantine-InputWrapper-label mantine-Select-label`,children:`Flight Path`}),(0,$.jsxs)(`div`,{className:`h-full flex flex-col overflow-hidden`,children:[u?.map((e,n)=>(0,$.jsxs)(`div`,{className:`flex items-end gap-2 text-gray-600 mb-2`,children:[(0,$.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,$.jsx)(w,{name:`${t}.${n}`,control:r,rules:{required:`Required`},render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(A,{children:(0,$.jsx)(H,{...e,value:e.value??void 0,placeholder:`Destination`})}),(0,$.jsx)(M,{})]})})}),(0,$.jsx)(W,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{c(n),a(t)},children:(0,$.jsx)(Qe,{className:`size-5`})})]},e.id)),(0,$.jsx)(W,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{s(``),a(t)},children:(0,$.jsx)(Fe,{className:`size-5`})})]})]}):(0,$.jsx)(`div`,{children:`Cannot edit flight path stay, lacking some mandatory information!`})}function zt(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add Flight Expense`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(Vt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}var Bt=Object.entries(Ce).map(([e,t])=>({value:t,label:e}));function Vt({businessTripId:e,opened:t,close:n,onAdd:i}){let a=P({defaultValues:{businessTripId:e}}),{control:o,handleSubmit:s}=a,[c,l]=(0,Q.useState)(!1),[{data:u,fetching:d}]=v({query:r,variables:{businessTripId:e}}),{addBusinessTripFlightsExpense:f,fetching:p}=Lt(),m=e=>{f({fields:e}).then(()=>{i?.(),n()})},h=u?.businessTrip?.attendees.map(e=>({value:e.id,label:e.name}))??[];return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,$.jsx)(V.Title,{children:`Add Flight Expense`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...a,children:(0,$.jsxs)(`form`,{onSubmit:s(m),children:[(0,$.jsx)(lt,{businessTripId:e,control:o,setFetching:l}),(0,$.jsx)(Rt,{formManager:a,flightPathPath:`path`}),(0,$.jsx)(T,{name:`flightClass`,control:o,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{...e,data:Bt,value:e.value,label:`Flight Class`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,$.jsx)(T,{name:`attendeeIds`,control:o,render:({field:e,fieldState:t})=>(0,$.jsx)(nt,{...e,disabled:d,data:h,value:e.value??[],label:`Attendees`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(p||c)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var Ht=`updateBusinessTripFlightsExpense`,Ut=()=>{let[{fetching:e},t]=S(te);return{fetching:e,updateBusinessTripFlightsExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip flights expense`,r=Ht;b.loading(`Updating trip flights expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip flights expense was updated`}),i.updateBusinessTripFlightsExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},Wt=Object.entries(Ce).map(([e,t])=>({value:t,label:e})),Gt=({data:e,businessTripId:t,onChange:n,attendees:r})=>{let i=X(a,e),[o,s]=(0,Q.useState)(!1),c=P({defaultValues:{id:i.id,businessTripId:t,attendeeIds:i.attendees?.map(e=>e.id)??[],path:i.path??[]}}),{control:l,handleSubmit:u}=c,{updateBusinessTripFlightsExpense:d,fetching:f}=Ut(),p=e=>{d({fields:e}).then(()=>{n?.(),s(!1)})},m=r.map(e=>({value:e.id,label:e.name}));return(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(St,{data:i,isEditMode:o,control:l,businessTripId:t}),(0,$.jsx)(`td`,{children:(0,$.jsx)(k,{...c,children:(0,$.jsx)(`form`,{id:`form ${i.id}`,onSubmit:u(p),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 justify-center`,children:[o?(0,$.jsx)(Rt,{formManager:c,flightPathPath:`path`,flightPathData:i.path??void 0}):(0,$.jsx)(`div`,{className:`flex gap-2 items-center`,children:i.path?.length?i.path.map((e,t)=>(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Y,{fw:700,children:e},t),t<i.path.length-1&&(e===i.path[t+1]?` | `:` → `)]})):(0,$.jsx)(Y,{fw:700,className:`flex gap-2 items-center`,c:`red`,children:`Missing`})}),o?(0,$.jsx)(T,{name:`flightClass`,control:l,defaultValue:i.class??void 0,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{form:`form ${i.id}`,"data-autofocus":!0,...e,data:Wt,value:e.value,label:`Flight Class`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}):(0,$.jsx)(Y,{c:i.class?void 0:`red`,fz:`sm`,children:`Class: ${i.class??`Missing`}`})]})})})}),(0,$.jsx)(`td`,{children:o?(0,$.jsx)(T,{name:`attendeeIds`,control:l,defaultValue:i.attendees?.map(e=>e.id)??void 0,render:({field:e,fieldState:t})=>(0,$.jsx)(nt,{...e,form:`form ${i.id}`,data:m,value:e.value??[],label:`Attendees`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}):(0,$.jsx)(Ye,{listStyleType:`disc`,children:i.attendees?.length?i.attendees.map(e=>(0,$.jsx)(Ye.Item,{children:e.name},e.id)):(0,$.jsx)(Y,{c:`red`,fz:`sm`,children:`Missing`})})}),(0,$.jsx)(`td`,{children:n&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:f,variant:o?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),s(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),o&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${i.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(gt,{businessTripExpenseId:i.id,businessTripId:t,onChange:n}),(0,$.jsx)(xt,{businessTripExpenseId:i.id,onDelete:n})]})})]},i.id)},Kt=({businessTripId:e,expenses:t,attendees:n,onChange:r})=>{if(!t?.length)return r?(0,$.jsx)(zt,{businessTripId:e,onAdd:r}):(0,$.jsx)($.Fragment,{});let i=t.map(e=>X(ue,e));return(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Ct,{}),(0,$.jsx)(`th`,{children:`Flight`}),(0,$.jsx)(`th`,{children:`Attendees`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[i.sort((e,t)=>e.date&&t.date?e.date<t.date?1:-1:e.date?-1:+!!t.date).map(t=>(0,$.jsx)(Gt,{data:t,businessTripId:e,onChange:r,attendees:n},t.id)),r&&(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:5,children:(0,$.jsx)(zt,{businessTripId:e,onAdd:r})})})]})]})})},qt=({data:e,businessTripId:t,onChange:n})=>{let r=X(o,e),[i,a]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(!1),l=P({defaultValues:{businessTripId:t,attendeeId:r.id,arrivalDate:r.arrivalDate,departureDate:r.departureDate}}),{control:u,handleSubmit:d}=l,{updateBusinessTripAttendee:f,fetching:p}=Mt(),m=e=>{f({fields:e}).then(()=>{n?.(),a(!1)})};return(0,$.jsxs)(k,{...l,children:[(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`td`,{children:r.name}),(0,$.jsx)(`td`,{children:i?(0,$.jsx)(`form`,{id:`form ${r.id}`,onSubmit:d(m),children:(0,$.jsx)(w,{name:`arrivalDate`,control:u,defaultValue:r.arrivalDate,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{className:`sr-only`,htmlFor:`arrival-date-${r.id}`,children:`Arrival`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`arrival-date-${r.id}`,"data-autofocus":!0,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})})}):r.arrivalDate}),(0,$.jsx)(`td`,{children:i?(0,$.jsx)(w,{name:`departureDate`,control:u,defaultValue:r.departureDate,rules:{pattern:{value:j,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,$.jsxs)(D,{className:`h-min`,children:[(0,$.jsx)(O,{className:`sr-only`,htmlFor:`departure-date-${r.id}`,children:`Departure`}),(0,$.jsx)(A,{children:(0,$.jsx)(z,{id:`departure-date-${r.id}`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,$.jsx)(M,{})]})}):r.departureDate}),(0,$.jsxs)(`td`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:p,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),i&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(Ft,{businessTripId:t,attendeeId:r.id,onDelete:n}),(0,$.jsx)(Le,{toggleExpansion:c,isExpanded:s})]})]},r.id),s&&(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:4,children:(0,$.jsx)(tt,{shadow:`sm`,withBorder:!0,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r.flights&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{children:`Flights:`}),(0,$.jsx)(Kt,{businessTripId:t,attendees:[],expenses:r.flights})]}),r.accommodations&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{children:`Accommodations:`}),(0,$.jsx)(Tt,{businessTripId:t,expenses:r.accommodations})]})]})})})},`${r.id}-expension`)]})},Jt=({data:e,onChange:t})=>{let{attendees:n,id:r}=X(Se,e);return n?.length?(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{children:`Name`}),(0,$.jsx)(`th`,{children:`Arrival Date`}),(0,$.jsx)(`th`,{children:`Departure Date`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[n.sort((e,t)=>e.name.toLocaleLowerCase()>t.name.toLocaleLowerCase()?1:-1).map(e=>(0,$.jsx)(qt,{data:e,businessTripId:r,onChange:t},e.id)),(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:4,children:(0,$.jsx)(kt,{businessTripId:r,onAdd:t})})})]})]})}):(0,$.jsx)(kt,{businessTripId:r,onAdd:t})},Yt=`addBusinessTripCarRentalExpense`,Xt=()=>{let[{fetching:e},t]=S(ae);return{fetching:e,addBusinessTripCarRentalExpense:(0,Q.useCallback)(async e=>{let n=`Error adding business trip car rental expense`;b.loading(`Adding car rental expense...`,{id:Yt});try{let r=x(await t(e),n,Yt);if(r)return b.success(`Success`,{id:Yt,description:`Car rental expense added`}),r.addBusinessTripCarRentalExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:Yt,description:n,duration:1e5,closeButton:!0})}},[t])}};function Zt(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add Car Rental Expense`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(Qt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function Qt({businessTripId:e,opened:t,close:n,onAdd:r}){let i=P({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Q.useState)(!1),{addBusinessTripCarRentalExpense:l,fetching:u}=Xt(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,$.jsx)(V.Title,{children:`Add Car Rental Expense`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...i,children:(0,$.jsxs)(`form`,{onSubmit:o(d),children:[(0,$.jsx)(lt,{businessTripId:e,control:a,setFetching:c}),(0,$.jsx)(T,{name:`days`,control:a,render:({field:e,fieldState:t})=>(0,$.jsx)(F,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Rent Days`})}),(0,$.jsx)(w,{name:`isFuelExpense`,control:a,render:({field:{value:e,...t}})=>(0,$.jsxs)(D,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,$.jsx)(`div`,{className:`space-y-0.5`,children:(0,$.jsx)(O,{children:`Is Fuel Expense`})}),(0,$.jsx)(A,{children:(0,$.jsx)(Be,{...t,checked:e===!0,onCheckedChange:t.onChange})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(u||s)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var $t=`updateBusinessTripCarRentalExpense`,en=()=>{let[{fetching:e},t]=S(s);return{fetching:e,updateBusinessTripCarRentalExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip car rental expense`,r=$t;b.loading(`Updating trip car rental expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip car rental expense was updated`}),i.updateBusinessTripCarRentalExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},tn=({data:e,businessTripId:t,onChange:n})=>{let r=X(u,e),[i,a]=(0,Q.useState)(!1),o=P({defaultValues:{id:r.id,businessTripId:t}}),{control:s,handleSubmit:c}=o,{updateBusinessTripCarRentalExpense:l,fetching:d}=en(),f=e=>{l({fields:e}).then(()=>{n?.(),a(!1)})};return(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,$.jsx)(`td`,{children:(0,$.jsx)(k,{...o,children:(0,$.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(f),children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:r.isFuelExpense!==!0&&(i?(0,$.jsx)(T,{name:`days`,control:s,defaultValue:r.days,render:({field:e,fieldState:t})=>(0,$.jsx)(F,{...e,value:e.value??void 0,form:`form ${r.id}`,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,placeholder:`Rent Days`})}):(0,$.jsx)(Y,{c:r.days?void 0:`red`,children:r.days??`Missing`}))})})})}),(0,$.jsx)(`td`,{children:i?(0,$.jsx)(k,{...o,children:(0,$.jsx)(w,{name:`isFuelExpense`,control:s,defaultValue:r.isFuelExpense,render:({field:e})=>(0,$.jsxs)(D,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,$.jsx)(`div`,{className:`space-y-0.5`,children:(0,$.jsx)(O,{children:`Is Fuel Expense`})}),(0,$.jsx)(A,{children:(0,$.jsx)(Be,{form:`form ${r.id}`,checked:e.value===!0,onCheckedChange:e.onChange})})]})})}):r.isFuelExpense===!0?(0,$.jsx)(at,{}):(0,$.jsx)(it,{})}),(0,$.jsxs)(`td`,{children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:d,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),i&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,$.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},nn=({data:e,onChange:t})=>{let{carRentalExpenses:n,id:r}=X(ne,e);return n?.length?(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Ct,{}),(0,$.jsx)(`th`,{children:`Days`}),(0,$.jsx)(`th`,{children:`Type`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[n.sort((e,t)=>e.date&&t.date?e.date<t.date?1:-1:e.date?-1:+!!t.date).map(e=>(0,$.jsx)(tn,{data:e,businessTripId:r,onChange:t},e.id)),(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:6,children:(0,$.jsx)(Zt,{businessTripId:r,onAdd:t})})})]})]})}):(0,$.jsx)(Zt,{businessTripId:r,onAdd:t})},rn=({data:e,onChange:t})=>{let{flightExpenses:n,id:r,attendees:i}=X(fe,e);return(0,$.jsx)(Kt,{businessTripId:r,attendees:i,expenses:n,onChange:t})},an=`addBusinessTripOtherExpense`,on=()=>{let[{fetching:e},t]=S(he);return{fetching:e,addBusinessTripOtherExpense:(0,Q.useCallback)(async e=>{let n=`Error adding business trip "other" expense`,r=an;b.loading(`Adding trip "other" expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip "other" expense was added`}),i.addBusinessTripOtherExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function sn(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add Other Expense`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(cn,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function cn({businessTripId:e,opened:t,close:n,onAdd:r}){let i=P({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Q.useState)(!1),{addBusinessTripOtherExpense:l,fetching:u}=on(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,$.jsx)(V.Title,{children:`Add Other Expense`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...i,children:(0,$.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,$.jsx)(lt,{businessTripId:e,control:a,setFetching:c}),(0,$.jsx)(w,{name:`description`,control:a,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{children:`Description`}),(0,$.jsx)(A,{children:(0,$.jsx)(H,{...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(w,{control:i.control,name:`deductibleExpense`,render:({field:e})=>(0,$.jsxs)(D,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,$.jsx)(`div`,{className:`space-y-0.5`,children:(0,$.jsx)(O,{children:`Deductible Expense`})}),(0,$.jsx)(A,{children:(0,$.jsx)(Be,{checked:e.value===!0,onCheckedChange:e.onChange})})]})}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(u||s)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var ln=`updateBusinessTripOtherExpense`,un=()=>{let[{fetching:e},t]=S(de);return{fetching:e,updateBusinessTripOtherExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip "other" expense`,r=ln;b.loading(`Updating business trip "other" expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip "other" expense was updated`}),i.updateBusinessTripOtherExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},dn=({data:e,businessTripId:t,onChange:n})=>{let r=X(g,e),[i,a]=(0,Q.useState)(!1),o=P({defaultValues:{id:r.id,businessTripId:t}}),{control:s,handleSubmit:c}=o,{updateBusinessTripOtherExpense:l,fetching:u}=un(),d=e=>{l({fields:e}).then(()=>{n?.(),a(!1)})};return(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,$.jsx)(`td`,{children:(0,$.jsx)(k,{...o,children:(0,$.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,$.jsx)(w,{name:`description`,control:s,defaultValue:r.description,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(A,{children:(0,$.jsx)(H,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}):(0,$.jsx)(Y,{c:r.description?void 0:`red`,children:r.description??`Missing`})})})}),(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:i?(0,$.jsx)(k,{...o,children:(0,$.jsx)(w,{name:`deductibleExpense`,control:o.control,defaultValue:r.deductibleExpense,render:({field:e})=>(0,$.jsx)(D,{children:(0,$.jsx)(A,{children:(0,$.jsx)(Be,{form:`form ${r.id}`,checked:e.value===!0,onCheckedChange:e.onChange})})})})}):(0,$.jsx)(Y,{c:r.deductibleExpense?void 0:`red`,children:r.deductibleExpense===!0?`Yes`:r.deductibleExpense===!1?`No`:`Missing`})})}),(0,$.jsxs)(`td`,{children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),i&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,$.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},fn=({data:e,onChange:t})=>{let{otherExpenses:n,id:r}=X(ee,e);return n?.length?(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Ct,{}),(0,$.jsx)(`th`,{children:`Description`}),(0,$.jsx)(`th`,{children:`Deductible Expense`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[n.sort((e,t)=>e.date&&t.date?e.date<t.date?1:-1:e.date?-1:+!!t.date).map(e=>(0,$.jsx)(dn,{data:e,businessTripId:r,onChange:t},e.id)),(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:6,children:(0,$.jsx)(sn,{businessTripId:r,onAdd:t})})})]})]})}):(0,$.jsx)(sn,{businessTripId:r,onAdd:t})},pn=`addBusinessTripTravelAndSubsistenceExpense`,mn=()=>{let[{fetching:e},t]=S(pe);return{fetching:e,addBusinessTripTravelAndSubsistenceExpense:(0,Q.useCallback)(async e=>{let n=`Error adding business trip travel&subsistence expense`,r=pn;b.loading(`Adding trip travel&subsistence expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip travel&subsistence expense was added`}),i.addBusinessTripTravelAndSubsistenceExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function hn(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Add T&S Expense`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,$.jsx)(U,{className:`size-5`})})}),r&&(0,$.jsx)(gn,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function gn({businessTripId:e,opened:t,close:n,onAdd:r}){let i=P({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Q.useState)(!1),{addBusinessTripTravelAndSubsistenceExpense:l,fetching:u}=mn(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,$.jsxs)(V,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,$.jsx)(V.Title,{children:`Add Travel & Subsistence Expense`}),(0,$.jsx)(V.Body,{children:(0,$.jsx)(k,{...i,children:(0,$.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,$.jsx)(lt,{businessTripId:e,control:a,setFetching:c}),(0,$.jsx)(w,{name:`expenseType`,control:a,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(O,{children:`Expense Type`}),(0,$.jsx)(A,{children:(0,$.jsx)(H,{...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}),(0,$.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Add`})})]})})}),(u||s)&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var _n=`updateBusinessTripTravelAndSubsistenceExpense`,vn=()=>{let[{fetching:e},t]=S(i);return{fetching:e,updateBusinessTripTravelAndSubsistenceExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip travel&subsistence expense`,r=_n;b.loading(`Updating trip travel&subsistence expense`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip travel&subsistence expense was updated`}),i.updateBusinessTripTravelAndSubsistenceExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},yn=({data:e,businessTripId:t,onChange:n})=>{let r=X(m,e),[i,a]=(0,Q.useState)(!1),o=P({defaultValues:{id:r.id,businessTripId:t}}),{control:s,handleSubmit:c}=o,{updateBusinessTripTravelAndSubsistenceExpense:l,fetching:u}=vn(),d=e=>{l({fields:e}).then(()=>{n?.(),a(!1)})};return(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,$.jsx)(`td`,{children:(0,$.jsx)(k,{...o,children:(0,$.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,$.jsx)(w,{name:`expenseType`,control:s,defaultValue:r.expenseType,render:({field:e})=>(0,$.jsxs)(D,{children:[(0,$.jsx)(A,{children:(0,$.jsx)(H,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,$.jsx)(M,{})]})}):(0,$.jsx)(Y,{c:r.expenseType?void 0:`red`,children:r.expenseType??`Missing`})})})}),(0,$.jsxs)(`td`,{children:[(0,$.jsx)(L,{content:`Edit`,children:(0,$.jsx)(W,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,$.jsx)(E,{className:`size-5`})})}),i&&(0,$.jsx)(L,{content:`Confirm Changes`,children:(0,$.jsx)(W,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,$.jsx)(C,{className:`size-5`})})}),(0,$.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,$.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},bn=({data:e,onChange:t})=>{let{travelAndSubsistenceExpenses:n,id:r}=X(p,e);return n?.length?(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Ct,{}),(0,$.jsx)(`th`,{children:`Expense Type`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsxs)(`tbody`,{children:[n.sort((e,t)=>e.date&&t.date?e.date<t.date?1:-1:e.date?-1:+!!t.date).map(e=>(0,$.jsx)(yn,{data:e,businessTripId:r,onChange:t},e.id)),(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:6,children:(0,$.jsx)(hn,{businessTripId:r,onAdd:t})})})]})]})}):(0,$.jsx)(hn,{businessTripId:r,onAdd:t})},xn=({data:e})=>{let t=X(oe,e),n=`effectiveDate`in t?t.effectiveDate:void 0;return(0,$.jsx)(`td`,{children:(0,$.jsxs)(`div`,{className:`flex flex-col justify-center`,children:[(0,$.jsx)(`div`,{children:n&&Z(new Date(n),`dd/MM/yy`)}),t.sourceEffectiveDate&&(0,$.jsxs)(`div`,{className:`text-xs text-gray-500`,children:[`(Originally `,Z(new Date(t.sourceEffectiveDate),`dd/MM/yy`),`)`]})]})})},Sn=({data:e})=>{let t=X(me,e),n=`eventDate`in t?t.eventDate:void 0;return(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-col justify-center`,children:n&&Z(new Date(n),`dd/MM/yy`)})})},Cn=({data:e})=>{let{account:t}=X(ye,e),n=Xe(t.type),r=t.name;return(0,$.jsx)(`td`,{children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 items-center`,children:[(0,$.jsx)(`p`,{children:n}),(0,$.jsx)(`p`,{children:r})]})})},wn=({data:e})=>{let t=X(ce,e);return(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-wrap`,children:(0,$.jsx)(`div`,{className:`flex flex-col justify-center`,children:`sourceDescription`in t?t.sourceDescription:`Missing`})})})},Tn=({data:e})=>(0,$.jsx)(`td`,{children:(0,$.jsx)(`div`,{className:`flex flex-wrap`,children:(0,$.jsx)(`div`,{className:`flex flex-col justify-center`,children:X(le,e).referenceKey})})});function En({data:e,onChange:t,enableEdit:n}){let{id:r,counterparty:i,missingInfoSuggestions:a,sourceDescription:o}=X(ge,e),s=!!a?.business&&n,c=s?a?.business?.name:`Missing`,l=s?a?.business?.id:null,u=i?.name??c,[d,f]=(0,Q.useState)(!1),{updateTransaction:p,fetching:m}=We(),h=async e=>{await p({transactionId:r,fields:{counterpartyId:e}}),f(!0)},ee=async e=>{await h(e),f(!0),t?.()},{selectableBusinesses:te,fetching:g}=Je(),[_,v]=(0,Q.useState)(l??null),[y,ne]=(0,Q.useState)(o);return(0,$.jsxs)(`td`,{children:[(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1 items-center justify-center`,children:i?.id?(0,$.jsx)(ke,{to:Ae.BUSINESSES.DETAIL(i.id),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:u}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(He,{options:te,value:_,onChange:v,search:y,onSearchChange:ne,placeholder:`Choose or create a business`,empty:y?(0,$.jsx)(Ne,{description:y,onAdd:ee}):null}),(0,$.jsx)(L,{content:`Approve`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,onClick:()=>_&&h(_),disabled:m||g||!_,children:(0,$.jsx)(C,{className:`size-4`})})})]})}),(0,$.jsx)(Ze,{transactionId:r,counterpartyId:i?.id??_,open:d,onOpenChange:f,onClose:t})]})}var Dn=`categorizeBusinessTripExpense`,On=()=>{let[{fetching:e},t]=S(re);return{fetching:e,categorizeBusinessTripExpense:(0,Q.useCallback)(async e=>{let n=`Error updating business trip expense category`,r=Dn;b.loading(`Updating trip expense category`,{id:r});try{let i=x(await t(e),n,r);if(i)return b.success(`Success`,{id:r,description:`Business trip expense category was updated`}),i.categorizeBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),b.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function kn(e){let{businessTripId:t,transactionId:n,onChange:r,defaultAmount:i}=e,[a,o]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{content:`Categorize`,children:(0,$.jsx)(W,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),o(!0)},children:(0,$.jsx)(E,{className:`size-5`})})}),a&&(0,$.jsx)(jn,{businessTripId:t,transactionId:n,opened:a,close:()=>o(!1),onChange:r,defaultAmount:i})]})}var An=Object.entries(Ee).map(([e,t])=>({value:t,label:e}));function jn({businessTripId:e,transactionId:t,defaultAmount:n,opened:r,close:i,onChange:a}){let{control:o,handleSubmit:s}=P({defaultValues:{businessTripId:e,transactionId:t}}),{categorizeBusinessTripExpense:c,fetching:l}=On();return(0,$.jsxs)(V,{opened:r,onClose:i,centered:!0,children:[(0,$.jsx)(V.Title,{children:`Set Expense Category`}),(0,$.jsx)(V.Body,{children:(0,$.jsxs)(`form`,{onSubmit:s(e=>{c({fields:e}).then(()=>{a?.(),i()})}),className:`flex flex-col gap-3 mt-3`,children:[(0,$.jsx)(T,{name:`category`,control:o,render:({field:e,fieldState:t})=>(0,$.jsx)(I,{"data-autofocus":!0,...e,data:An,value:e.value,label:`Category`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,$.jsx)(T,{name:`amount`,control:o,defaultValue:n,render:({field:e,fieldState:t})=>(0,$.jsx)(F,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Amount`})}),(0,$.jsx)(`div`,{className:`flex justify-center gap-3`,children:(0,$.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Confirm`})})]})}),l&&(0,$.jsx)(N,{blur:1,center:!0,children:(0,$.jsx)(J,{})})]})}var Mn=({data:e,onChange:t})=>{let{uncategorizedTransactions:n,id:r}=X(Oe,e);return n?.length?(0,$.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,$.jsxs)(R,{highlightOnHover:!0,withBorder:!0,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{children:`Event Date`}),(0,$.jsx)(`th`,{children:`Debit Date`}),(0,$.jsx)(`th`,{children:`Amount`}),(0,$.jsx)(`th`,{}),(0,$.jsx)(`th`,{children:`Account`}),(0,$.jsx)(`th`,{children:`Description`}),(0,$.jsx)(`th`,{children:`Reference#`}),(0,$.jsx)(`th`,{children:`Counterparty`}),(0,$.jsx)(`th`,{})]})}),(0,$.jsx)(`tbody`,{children:n.sort((e,t)=>e.transaction.eventDate.localeCompare(t.transaction.eventDate)).map(e=>(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(Sn,{data:e.transaction}),(0,$.jsx)(xn,{data:e.transaction}),(0,$.jsx)(Nn,{data:e}),(0,$.jsx)(`td`,{children:(0,$.jsx)(ke,{to:Ae.CHARGES.DETAIL(e.transaction.chargeId),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:`To Charge`})}),(0,$.jsx)(Cn,{data:e.transaction}),(0,$.jsx)(wn,{data:e.transaction}),(0,$.jsx)(Tn,{data:e.transaction}),(0,$.jsx)(En,{data:e.transaction}),(0,$.jsx)(`td`,{children:(0,$.jsx)(kn,{businessTripId:r,transactionId:e.transaction.id,onChange:t,defaultAmount:e.transaction.amount.raw})})]},e.transaction.id))})]})}):(0,$.jsx)($.Fragment,{})},Nn=({data:e})=>{let{transaction:t,categorizedAmount:n,errors:r}=X(Te,e),i=`amount`in t?t.amount:void 0,a=i?.raw!==n.raw&&n.raw!==0;return(0,$.jsx)(`td`,{children:(0,$.jsxs)(`div`,{className:`flex flex-col whitespace-nowrap`,style:{color:Number(i?.raw)>0?`green`:`red`},children:[(0,$.jsxs)(`div`,{className:`flex gap-1`,children:[i?.formatted,r.length>0&&(0,$.jsx)(Pn,{errors:r})]}),a&&(0,$.jsxs)(`div`,{className:`text-gray-500 ml-2`,children:[n.formatted,` categorized `]}),t.cryptoExchangeRate&&(0,$.jsxs)(`div`,{className:`text-gray-500 ml-2`,children:[`(Rate: ${t.cryptoExchangeRate.rate})`,(0,$.jsx)(`br`,{}),i?.raw?`${Re(i.raw*t.cryptoExchangeRate.rate)}$`:null]})]})})},Pn=({errors:e})=>{let[t,n]=(0,Q.useState)(!1);return(0,$.jsxs)(ze,{width:200,position:`bottom`,shadow:`md`,opened:t,children:[(0,$.jsx)(ze.Target,{children:(0,$.jsx)(rt,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)})}),(0,$.jsx)(ze.Dropdown,{sx:{pointerEvents:`none`},className:`whitespace-normal text-red-500`,children:e.map((e,t)=>(0,$.jsx)(Y,{size:`sm`,children:e},t))})]})};function Fn({tripId:e,isExtended:t=!1}){let[n,r]=(0,Q.useState)(),[{data:i},a]=v({query:_e,variables:{businessTripId:e}}),o=a;return(0,Q.useEffect)(()=>{i?.businessTrip&&r(i.businessTrip)},[i?.businessTrip]),(0,$.jsx)(tt,{shadow:`sm`,radius:`md`,withBorder:!0,children:n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ke,{data:n,onChange:o}),(0,$.jsxs)($e,{className:`w-full`,type:`multiple`,children:[(0,$.jsxs)(q,{value:`attendees`,children:[(0,$.jsx)(G,{children:`Attendees`}),(0,$.jsx)(K,{children:(0,$.jsx)(Jt,{data:n,onChange:o})})]}),t&&(0,$.jsxs)(q,{value:`uncategorized-transactions`,children:[(0,$.jsx)(G,{disabled:!n.uncategorizedTransactions?.length,children:`Uncategorized Transactions`}),(0,$.jsx)(K,{children:(0,$.jsx)(Mn,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`flights`,children:[(0,$.jsx)(G,{children:`Flights`}),(0,$.jsx)(K,{children:(0,$.jsx)(rn,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`accommodations`,children:[(0,$.jsx)(G,{children:`Accommodations`}),(0,$.jsx)(K,{children:(0,$.jsx)(Et,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`travelAndSubsistence`,children:[(0,$.jsx)(G,{children:`Travel & Subsistence`}),(0,$.jsx)(K,{children:(0,$.jsx)(bn,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`other`,children:[(0,$.jsx)(G,{children:`Other`}),(0,$.jsx)(K,{children:(0,$.jsx)(fn,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`carRental`,children:[(0,$.jsx)(G,{children:`Car Rental`}),(0,$.jsx)(K,{children:(0,$.jsx)(nn,{data:n,onChange:o})})]}),(0,$.jsxs)(q,{value:`summary`,children:[(0,$.jsx)(G,{children:`Summary`}),(0,$.jsx)(K,{children:(0,$.jsx)(Ve,{data:n})})]})]})]}):(0,$.jsx)(je,{className:`h-10 w-10 animate-spin mr-2 self-center`})})}export{Fn as t};