@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,At as i,Ca as a,Ct as o,Dt as s,Et as c,Gt as l,In as u,It as d,Lt as f,Mr as p,Nt as m,Pt as h,Rn as ee,Sa as te,St as g,Ta as _,Tt as ne,Wt as re,_o as v,aa as ie,br as ae,bt as oe,ca as se,d as ce,f as le,fr as ue,go as y,jt as de,kt as fe,la as pe,m as me,ma as he,oa as ge,p as _e,pa as ve,r as b,sa as ye,t as x,u as be,ua as xe,wa as Se,wt as Ce,xa as we,xt as Te,ya as Ee,yt as De,zn as Oe,zt as ke}from"./error-handling-DBz7h-2r.js";import{s as Ae,t as je}from"./routes-g2AjKuLo.js";import{dt as Me,gt as Ne,ht as S}from"./select-D_LnCowF.js";import{A as Pe,Br as C,Ft as w,Ht as T,It as E,Lt as D,Mt as O,Nt as k,Or as A,Rt as j,Tn as M,Ut as Fe,Wt as N,Yr as Ie,Yt as Le,_n as P,gn as F,gr as Re,gt as I,jn as ze,jt as Be,ln as Ve,lt as He,mt as Ue,pn as L,pt as R,qt as We,tt as Ge,un as Ke,ut as qe,vt as Je,wn as z,xn as Ye,yn as B,zr as Xe}from"./common-3l1_jDFS.js";import{r as Ze,t as Qe}from"./similar-transactions-modal-2F0oABrO.js";import{h as V,x as H,y as $e}from"./separator-CH02FkEe.js";import{t as U}from"./button-DATCl8sW.js";import{i as W,n as G,r as K,t as et}from"./accordion-BTjkCjsR.js";import{C as q,S as J,g as Y,it as X,v as tt}from"./table-CZ9XLwX9.js";import{t as nt}from"./Card-BUij8DOU.js";import{t as rt}from"./MultiSelect-D-kdKljH.js";import{M as it}from"./index-C5FJSqDD.js";var at=Ne(`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`}]]),ot=Ne(`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`}]]),Z=e(n(),1),st=`addBusinessTripAccommodationsExpense`,ct=()=>{let[{fetching:e},t]=y(be);return{fetching:e,addBusinessTripAccommodationsExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip accommodations expense`,r=st;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])}},Q=t();function lt({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}=Fe({control:o,name:t}),[f,p]=(0,Z.useState)(i),[m,h]=(0,Z.useState)(n??[]),ee=s(t),te=l.map((e,t)=>({...e,...ee[t]}));(0,Z.useEffect)(()=>{n&&h(n)},[n]),(0,Z.useEffect)(()=>{p(i)},[i]);let[{data:g,fetching:_},ne]=v({query:r,pause:!0,variables:{businessTripId:a??``}});return(0,Z.useEffect)(()=>{g?.businessTrip?.attendees.length&&h(g.businessTrip.attendees.map(e=>({value:e.id,label:e.name}))??[])},[g?.businessTrip?.attendees]),(0,Z.useEffect)(()=>{p(_)},[_]),(0,Z.useEffect)(()=>{!n&&!g&&!i&&!_&&ne({businessTripId:a})},[n,i,_,ne,a,g]),!a&&!n?(0,Q.jsx)(`div`,{children:`Cannot edit attendees stay, lacking some mandatory information!`}):(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`span`,{className:`mantine-InputWrapper-label mantine-Select-label`,children:`Employees Stay`}),(0,Q.jsxs)(`div`,{className:`h-full flex flex-col overflow-hidden`,children:[te?.map((e,n)=>(0,Q.jsxs)(`div`,{className:`flex items-end gap-2 text-gray-600 mb-2`,children:[(0,Q.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,Q.jsx)(T,{name:`${t}.${n}.attendeeId`,control:o,rules:{required:`Required`},render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{...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,Q.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,Q.jsx)(T,{control:o,name:`${t}.${n}.nightsCount`,render:({field:e,fieldState:t})=>(0,Q.jsx)(P,{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,Q.jsx)(U,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{d(n),c(t)},children:(0,Q.jsx)($e,{className:`size-5`})})]},e.id)),(0,Q.jsx)(U,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{u({}),c(t)},children:(0,Q.jsx)(Ie,{className:`size-5`})})]})]})}function $({businessTripId:e,control:t,setFetching:n}){let[i,a]=(0,Z.useState)([]),[{data:o,fetching:s,error:c}]=v({query:r,variables:{businessTripId:e}}),{userContext:l}=(0,Z.useContext)(tt);(0,Z.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,Z.useEffect)(()=>{n(s)},[n,s]),(0,Z.useEffect)(()=>{c&&b.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[c]);let d=(0,Z.useMemo)(()=>l?.context.ledgerLock,[l]);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(w,{name:`date`,control:t,rules:{min:d?{value:d,message:`Date must be after ${d}`}:void 0,pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{htmlFor:`expense-date`,children:`Date`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{id:`expense-date`,"data-autofocus":!0,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{name:`valueDate`,control:t,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`},min:d?{value:d,message:`Date must be after ${d}`}:void 0},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{htmlFor:`expense-value-date`,children:`Value Date`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{id:`expense-value-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{name:`amount`,control:t,render:({field:e,fieldState:n})=>(0,Q.jsx)(w,{name:`currency`,control:t,defaultValue:u.Ils,render:({field:t,fieldState:r})=>(0,Q.jsx)(Ue,{...e,value:e.value??void 0,error:n.error?.message||r.error?.message,label:`Amount`,currencyCodeProps:{...t,label:`Currency`}})})}),(0,Q.jsx)(w,{name:`employeeBusinessId`,control:t,render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{children:`Attendee`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(F,{...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,Q.jsx)(j,{})]})})]})}function ut(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add Accommodations Expense`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.jsx)(dt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function dt({businessTripId:e,opened:t,close:n,onAdd:r}){let i=N({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Z.useState)(!1),{addBusinessTripAccommodationsExpense:l,fetching:u}=ct(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Accommodation Expense`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,Q.jsx)($,{businessTripId:e,control:a,setFetching:c}),(0,Q.jsx)(w,{control:a,name:`country`,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{children:`Country`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{name:`nightsCount`,control:a,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{children:`Nights Count`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(qe,{...e,value:e.value??void 0,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(lt,{formManager:i,attendeesStayPath:`attendeesStay`,businessTripId:e}),(0,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var ft=`updateBusinessTripAccommodationsExpense`,pt=()=>{let[{fetching:e},t]=y(Ee);return{fetching:e,updateBusinessTripAccommodationsExpense:(0,Z.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]=y(l);return{fetching:e,categorizeIntoExistingBusinessTripExpense:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Attach Uncategorized Transaction`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(!0)},children:(0,Q.jsx)(H,{className:`size-5`})})}),i&&(0,Q.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}=N({defaultValues:{businessTripExpenseId:e}}),[c,l]=(0,Z.useState)([]),[{data:u,fetching:d,error:f}]=v({query:ve,variables:{businessTripId:t}}),{categorizeIntoExistingBusinessTripExpense:p,fetching:m}=ht();return(0,Z.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,Z.useEffect)(()=>{f&&b.error(`Error`,{description:`Oops, we have an error fetching transactions to categorize`})},[f]),(0,Q.jsxs)(B,{opened:n,onClose:r,centered:!0,children:[(0,Q.jsx)(B.Title,{children:`Set Transaction Category`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsxs)(`form`,{onSubmit:o(e=>{p({fields:e}).then(()=>{i?.(),r()})}),className:`flex flex-col gap-3 mt-3`,children:[(0,Q.jsx)(T,{name:`transactionId`,control:a,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{...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,Q.jsx)(T,{name:`amount`,control:a,render:({field:e,fieldState:t})=>(0,Q.jsx)(P,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Amount`})}),(0,Q.jsx)(`div`,{className:`flex justify-center gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var vt=(0,Z.forwardRef)(({eventDate:e,sourceDescription:t,referenceKey:n,counterparty:r,amount:i,...a},o)=>(0,Q.jsx)(`div`,{ref:o,...a,children:(0,Q.jsxs)(z,{children:[(0,Q.jsx)(z.Col,{span:4,children:e}),(0,Q.jsx)(z.Col,{span:4,children:(0,Q.jsx)(J,{size:`sm`,children:r})}),(0,Q.jsx)(z.Col,{span:4,children:(0,Q.jsx)(J,{size:`sm`,children:i})}),(0,Q.jsx)(z.Col,{span:8,children:(0,Q.jsx)(J,{size:`xs`,opacity:.65,children:t})}),(0,Q.jsxs)(z.Col,{span:4,children:[`Reference: `,n]})]})})),yt=`deleteBusinessTripExpense`,bt=()=>{let[{fetching:e},t]=y(Oe);return{fetching:e,deleteBusinessTripExpense:(0,Z.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,Q.jsx)(I,{content:`Remove Expense`,children:(0,Q.jsx)(Ge,{onConfirm:(0,Z.useCallback)(()=>{n({businessTripExpenseId:e.businessTripExpenseId}).then(()=>{e.onDelete?.()})},[e,n]),title:`Are you sure you want to remove expense?`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,Q.jsx)(Xe,{className:`size-5`})})})})}var St=({data:e,isEditMode:t=!1,control:n,businessTripId:i})=>{let a=Y(s,e),[o,c]=(0,Z.useState)([]),[{data:l,fetching:d,error:f}]=v({query:r,variables:{businessTripId:i}});(0,Z.useEffect)(()=>{l?.businessTrip?.attendees.length&&c(l.businessTrip.attendees.map(e=>({value:e.id,label:e.name})).sort((e,t)=>e.label>t.label?1:-1))},[l,c]),(0,Z.useEffect)(()=>{f&&b.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[f]);let p=Array.from(new Set(a.charges?.map(e=>e.id)));return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:t&&a.payedByEmployee?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(w,{name:`date`,control:n,defaultValue:a.date,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{htmlFor:`business-trip-expense-date-${a.id}`,children:`Date`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{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,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{name:`valueDate`,control:n,defaultValue:a.valueDate,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{children:`Value Date`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{form:`form ${a.id}`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})})]}):(0,Q.jsxs)(Q.Fragment,{children:[a.date&&X(new Date(a.date),`dd/MM/yy`),(0,Q.jsx)(J,{fz:`sm`,c:`dimmed`,children:a.valueDate&&X(new Date(a.valueDate),`dd/MM/yy`)})]})})}),(0,Q.jsx)(`td`,{children:t&&a.payedByEmployee?(0,Q.jsx)(w,{name:`amount`,control:n,defaultValue:a.amount?.raw??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(w,{name:`currency`,control:n,defaultValue:a.amount?.currency??u.Ils,render:({field:n,fieldState:r})=>(0,Q.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,Q.jsx)(`div`,{children:a.amount?.formatted})}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:t&&a.payedByEmployee?(0,Q.jsx)(w,{name:`employeeBusinessId`,control:n,defaultValue:a.employee?.id,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{form:`form ${a.id}`,...e,data:o,value:e.value,disabled:d,label:`Attendee`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}):(0,Q.jsx)(`div`,{className:`flex flex-row gap-2 items-center`,children:a.payedByEmployee&&(0,Q.jsx)(J,{c:a.employee?.name?void 0:`red`,children:a.employee?.name??`Missing`})})})}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2`,children:p.map(e=>(0,Q.jsx)(Ae,{to:je.CHARGES.DETAIL(e),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:`To Charge`},e))})})]})},Ct=()=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`th`,{children:`Date`}),(0,Q.jsx)(`th`,{children:`Amount`}),(0,Q.jsx)(`th`,{children:`Payed By Attendee`}),(0,Q.jsx)(`th`,{children:`Charges`})]}),wt=({data:e,businessTripId:t,onChange:n})=>{let r=Y(Te,e),[i,a]=(0,Z.useState)(!1),o=N({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,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(w,{name:`country`,control:s,defaultValue:r.country,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}):(0,Q.jsx)(J,{c:r.country?void 0:`red`,children:r.country?.name??`Missing`})})})}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:i?(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(w,{name:`nightsCount`,control:s,defaultValue:r.nightsCount,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(k,{children:(0,Q.jsx)(qe,{...e,value:e.value??void 0,form:`form ${r.id}`,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,Q.jsx)(j,{})]})})}):(0,Q.jsx)(J,{c:r.nightsCount?void 0:`red`,children:r.nightsCount??`Missing`})})}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(lt,{formManager:o,attendeesStayPath:`attendeesStay`,businessTripId:t})}):(0,Q.jsx)(Ye,{listStyleType:`disc`,children:r.attendeesStay?.length?r.attendeesStay.map(e=>(0,Q.jsxs)(Ye.Item,{children:[e.attendee.name,` (`,e.nightsCount,`)`]},e.id)):(0,Q.jsx)(J,{c:`red`,fz:`sm`,children:`Missing`})})}),(0,Q.jsx)(`td`,{children:n&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),i&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})})]},r.id)},Tt=({businessTripId:e,expenses:t,onChange:n})=>{if(!t?.length)return n?(0,Q.jsx)(ut,{businessTripId:e,onAdd:n}):(0,Q.jsx)(Q.Fragment,{});let r=t.map(e=>Y(g,e));return(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Ct,{}),(0,Q.jsx)(`th`,{children:`Location`}),(0,Q.jsx)(`th`,{children:`Nights`}),(0,Q.jsx)(`th`,{children:`Attendees Stay`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.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,Q.jsx)(wt,{data:t,businessTripId:e,onChange:n},t.id)),n&&(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:6,children:(0,Q.jsx)(ut,{businessTripId:e,onAdd:n})})})]})]})})},Et=({data:e,onChange:t})=>{let{accommodationExpenses:n,id:r}=Y(oe,e);return(0,Q.jsx)(Tt,{businessTripId:r,expenses:n,onChange:t})},Dt=`insertBusinessTripAttendee`,Ot=()=>{let[{fetching:e},t]=y(p);return{fetching:e,insertBusinessTripAttendee:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add Attendee`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.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=N({defaultValues:{businessTripId:e}}),{control:s,handleSubmit:c}=o,{insertBusinessTripAttendee:l,fetching:u}=Ot(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Attendee`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...o,children:(0,Q.jsxs)(`form`,{onSubmit:c(d),className:`space-y-4 pt-2`,children:[(0,Q.jsx)(T,{name:`attendeeId`,control:s,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{"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,Q.jsx)(w,{name:`arrivalDate`,control:s,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{htmlFor:`arrival-date`,children:`Arrival`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{id:`arrival-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{name:`departureDate`,control:s,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{htmlFor:`departure-date`,children:`Departure`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{id:`departure-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var jt=`updateBusinessTripAttendee`,Mt=()=>{let[{fetching:e},t]=y(we);return{fetching:e,updateBusinessTripAttendee:(0,Z.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]=y(ee);return{fetching:e,deleteBusinessTripAttendee:(0,Z.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,Q.jsx)(I,{content:`Remove Attendee`,children:(0,Q.jsx)(Ge,{onConfirm:(0,Z.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,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,Q.jsx)(Xe,{className:`size-5`})})})})}var It=`addBusinessTripFlightsExpense`,Lt=()=>{let[{fetching:e},t]=y(le);return{fetching:e,addBusinessTripFlightsExpense:(0,Z.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}=Fe({control:r,name:t}),l=i(t),u=o.map((e,t)=>({...e,...l[t]}));return n?(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`span`,{className:`mantine-InputWrapper-label mantine-Select-label`,children:`Flight Path`}),(0,Q.jsxs)(`div`,{className:`h-full flex flex-col overflow-hidden`,children:[u?.map((e,n)=>(0,Q.jsxs)(`div`,{className:`flex items-end gap-2 text-gray-600 mb-2`,children:[(0,Q.jsx)(`div`,{className:`w-full mt-1 relative rounded-md shadow-xs`,children:(0,Q.jsx)(w,{name:`${t}.${n}`,control:r,rules:{required:`Required`},render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{...e,value:e.value??void 0,placeholder:`Destination`})}),(0,Q.jsx)(j,{})]})})}),(0,Q.jsx)(U,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{c(n),a(t)},children:(0,Q.jsx)($e,{className:`size-5`})})]},e.id)),(0,Q.jsx)(U,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{s(``),a(t)},children:(0,Q.jsx)(Ie,{className:`size-5`})})]})]}):(0,Q.jsx)(`div`,{children:`Cannot edit flight path stay, lacking some mandatory information!`})}function zt(e){let{businessTripId:t,onAdd:n}=e,[r,i]=(0,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add Flight Expense`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.jsx)(Vt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}var Bt=Object.entries(ae).map(([e,t])=>({value:t,label:e}));function Vt({businessTripId:e,opened:t,close:n,onAdd:i}){let a=N({defaultValues:{businessTripId:e}}),{control:o,handleSubmit:s}=a,[c,l]=(0,Z.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,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Flight Expense`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...a,children:(0,Q.jsxs)(`form`,{onSubmit:s(m),children:[(0,Q.jsx)($,{businessTripId:e,control:o,setFetching:l}),(0,Q.jsx)(Rt,{formManager:a,flightPathPath:`path`}),(0,Q.jsx)(T,{name:`flightClass`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{...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,Q.jsx)(T,{name:`attendeeIds`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(rt,{...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,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var Ht=`updateBusinessTripFlightsExpense`,Ut=()=>{let[{fetching:e},t]=y(a);return{fetching:e,updateBusinessTripFlightsExpense:(0,Z.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(ae).map(([e,t])=>({value:t,label:e})),Gt=({data:e,businessTripId:t,onChange:n,attendees:r})=>{let a=Y(i,e),[o,s]=(0,Z.useState)(!1),c=N({defaultValues:{id:a.id,businessTripId:t,attendeeIds:a.attendees?.map(e=>e.id)??[],path:a.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,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:a,isEditMode:o,control:l,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(O,{...c,children:(0,Q.jsx)(`form`,{id:`form ${a.id}`,onSubmit:u(p),children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2 justify-center`,children:[o?(0,Q.jsx)(Rt,{formManager:c,flightPathPath:`path`,flightPathData:a.path??void 0}):(0,Q.jsx)(`div`,{className:`flex gap-2 items-center`,children:a.path?.length?a.path.map((e,t)=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(J,{fw:700,children:e},t),t<a.path.length-1&&(e===a.path[t+1]?` | `:` → `)]})):(0,Q.jsx)(J,{fw:700,className:`flex gap-2 items-center`,c:`red`,children:`Missing`})}),o?(0,Q.jsx)(T,{name:`flightClass`,control:l,defaultValue:a.class??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{form:`form ${a.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,Q.jsx)(J,{c:a.class?void 0:`red`,fz:`sm`,children:`Class: ${a.class??`Missing`}`})]})})})}),(0,Q.jsx)(`td`,{children:o?(0,Q.jsx)(T,{name:`attendeeIds`,control:l,defaultValue:a.attendees?.map(e=>e.id)??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(rt,{...e,form:`form ${a.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,Q.jsx)(Ye,{listStyleType:`disc`,children:a.attendees?.length?a.attendees.map(e=>(0,Q.jsx)(Ye.Item,{children:e.name},e.id)):(0,Q.jsx)(J,{c:`red`,fz:`sm`,children:`Missing`})})}),(0,Q.jsx)(`td`,{children:n&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:f,variant:o?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),s(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),o&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${a.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(gt,{businessTripExpenseId:a.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:a.id,onDelete:n})]})})]},a.id)},Kt=({businessTripId:e,expenses:t,attendees:n,onChange:r})=>{if(!t?.length)return r?(0,Q.jsx)(zt,{businessTripId:e,onAdd:r}):(0,Q.jsx)(Q.Fragment,{});let i=t.map(e=>Y(de,e));return(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Ct,{}),(0,Q.jsx)(`th`,{children:`Flight`}),(0,Q.jsx)(`th`,{children:`Attendees`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.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,Q.jsx)(Gt,{data:t,businessTripId:e,onChange:r,attendees:n},t.id)),r&&(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:5,children:(0,Q.jsx)(zt,{businessTripId:e,onAdd:r})})})]})]})})},qt=({data:e,businessTripId:t,onChange:n})=>{let r=Y(o,e),[i,a]=(0,Z.useState)(!1),[s,c]=(0,Z.useState)(!1),l=N({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,Q.jsxs)(O,{...l,children:[(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(`td`,{children:r.name}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:d(m),children:(0,Q.jsx)(w,{name:`arrivalDate`,control:u,defaultValue:r.arrivalDate,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{className:`sr-only`,htmlFor:`arrival-date-${r.id}`,children:`Arrival`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{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,Q.jsx)(j,{})]})})}):r.arrivalDate}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(w,{name:`departureDate`,control:u,defaultValue:r.departureDate,rules:{pattern:{value:A,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(E,{className:`h-min`,children:[(0,Q.jsx)(D,{className:`sr-only`,htmlFor:`departure-date-${r.id}`,children:`Departure`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(R,{id:`departure-date-${r.id}`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(j,{})]})}):r.departureDate}),(0,Q.jsxs)(`td`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:p,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),i&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(Ft,{businessTripId:t,attendeeId:r.id,onDelete:n}),(0,Q.jsx)(Le,{toggleExpansion:c,isExpanded:s})]})]},r.id),s&&(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:4,children:(0,Q.jsx)(nt,{shadow:`sm`,withBorder:!0,children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r.flights&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{children:`Flights:`}),(0,Q.jsx)(Kt,{businessTripId:t,attendees:[],expenses:r.flights})]}),r.accommodations&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{children:`Accommodations:`}),(0,Q.jsx)(Tt,{businessTripId:t,expenses:r.accommodations})]})]})})})},`${r.id}-expension`)]})},Jt=({data:e,onChange:t})=>{let{attendees:n,id:r}=Y(Ce,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(`th`,{children:`Name`}),(0,Q.jsx)(`th`,{children:`Arrival Date`}),(0,Q.jsx)(`th`,{children:`Departure Date`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.jsxs)(`tbody`,{children:[n.sort((e,t)=>e.name.toLocaleLowerCase()>t.name.toLocaleLowerCase()?1:-1).map(e=>(0,Q.jsx)(qt,{data:e,businessTripId:r,onChange:t},e.id)),(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:4,children:(0,Q.jsx)(kt,{businessTripId:r,onAdd:t})})})]})]})}):(0,Q.jsx)(kt,{businessTripId:r,onAdd:t})},Yt=`addBusinessTripCarRentalExpense`,Xt=()=>{let[{fetching:e},t]=y(ce);return{fetching:e,addBusinessTripCarRentalExpense:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add Car Rental Expense`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.jsx)(Qt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function Qt({businessTripId:e,opened:t,close:n,onAdd:r}){let i=N({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Z.useState)(!1),{addBusinessTripCarRentalExpense:l,fetching:u}=Xt(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Car Rental Expense`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(d),children:[(0,Q.jsx)($,{businessTripId:e,control:a,setFetching:c}),(0,Q.jsx)(T,{name:`days`,control:a,render:({field:e,fieldState:t})=>(0,Q.jsx)(P,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Rent Days`})}),(0,Q.jsx)(w,{name:`isFuelExpense`,control:a,render:({field:{value:e,...t}})=>(0,Q.jsxs)(E,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(D,{children:`Is Fuel Expense`})}),(0,Q.jsx)(k,{children:(0,Q.jsx)(Be,{...t,checked:e===!0,onCheckedChange:t.onChange})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var $t=`updateBusinessTripCarRentalExpense`,en=()=>{let[{fetching:e},t]=y(te);return{fetching:e,updateBusinessTripCarRentalExpense:(0,Z.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=Y(c,e),[i,a]=(0,Z.useState)(!1),o=N({defaultValues:{id:r.id,businessTripId:t}}),{control:s,handleSubmit:l}=o,{updateBusinessTripCarRentalExpense:u,fetching:d}=en(),f=e=>{u({fields:e}).then(()=>{n?.(),a(!1)})};return(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:l(f),children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:r.isFuelExpense!==!0&&(i?(0,Q.jsx)(T,{name:`days`,control:s,defaultValue:r.days,render:({field:e,fieldState:t})=>(0,Q.jsx)(P,{...e,value:e.value??void 0,form:`form ${r.id}`,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,placeholder:`Rent Days`})}):(0,Q.jsx)(J,{c:r.days?void 0:`red`,children:r.days??`Missing`}))})})})}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(w,{name:`isFuelExpense`,control:s,defaultValue:r.isFuelExpense,render:({field:e})=>(0,Q.jsxs)(E,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(D,{children:`Is Fuel Expense`})}),(0,Q.jsx)(k,{children:(0,Q.jsx)(Be,{form:`form ${r.id}`,checked:e.value===!0,onCheckedChange:e.onChange})})]})})}):r.isFuelExpense===!0?(0,Q.jsx)(ot,{}):(0,Q.jsx)(at,{})}),(0,Q.jsxs)(`td`,{children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:d,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),i&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},nn=({data:e,onChange:t})=>{let{carRentalExpenses:n,id:r}=Y(ne,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Ct,{}),(0,Q.jsx)(`th`,{children:`Days`}),(0,Q.jsx)(`th`,{children:`Type`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.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,Q.jsx)(tn,{data:e,businessTripId:r,onChange:t},e.id)),(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:6,children:(0,Q.jsx)(Zt,{businessTripId:r,onAdd:t})})})]})]})}):(0,Q.jsx)(Zt,{businessTripId:r,onAdd:t})},rn=({data:e,onChange:t})=>{let{flightExpenses:n,id:r,attendees:i}=Y(fe,e);return(0,Q.jsx)(Kt,{businessTripId:r,attendees:i,expenses:n,onChange:t})},an=`addBusinessTripOtherExpense`,on=()=>{let[{fetching:e},t]=y(_e);return{fetching:e,addBusinessTripOtherExpense:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add Other Expense`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.jsx)(cn,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function cn({businessTripId:e,opened:t,close:n,onAdd:r}){let i=N({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Z.useState)(!1),{addBusinessTripOtherExpense:l,fetching:u}=on(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Other Expense`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,Q.jsx)($,{businessTripId:e,control:a,setFetching:c}),(0,Q.jsx)(w,{name:`description`,control:a,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{children:`Description`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(w,{control:i.control,name:`deductibleExpense`,render:({field:e})=>(0,Q.jsxs)(E,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(D,{children:`Deductible Expense`})}),(0,Q.jsx)(k,{children:(0,Q.jsx)(Be,{checked:e.value===!0,onCheckedChange:e.onChange})})]})}),(0,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var ln=`updateBusinessTripOtherExpense`,un=()=>{let[{fetching:e},t]=y(Se);return{fetching:e,updateBusinessTripOtherExpense:(0,Z.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=Y(h,e),[i,a]=(0,Z.useState)(!1),o=N({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,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(w,{name:`description`,control:s,defaultValue:r.description,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}):(0,Q.jsx)(J,{c:r.description?void 0:`red`,children:r.description??`Missing`})})})}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:i?(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(w,{name:`deductibleExpense`,control:o.control,defaultValue:r.deductibleExpense,render:({field:e})=>(0,Q.jsx)(E,{children:(0,Q.jsx)(k,{children:(0,Q.jsx)(Be,{form:`form ${r.id}`,checked:e.value===!0,onCheckedChange:e.onChange})})})})}):(0,Q.jsx)(J,{c:r.deductibleExpense?void 0:`red`,children:r.deductibleExpense===!0?`Yes`:r.deductibleExpense===!1?`No`:`Missing`})})}),(0,Q.jsxs)(`td`,{children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),i&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},fn=({data:e,onChange:t})=>{let{otherExpenses:n,id:r}=Y(m,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Ct,{}),(0,Q.jsx)(`th`,{children:`Description`}),(0,Q.jsx)(`th`,{children:`Deductible Expense`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.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,Q.jsx)(dn,{data:e,businessTripId:r,onChange:t},e.id)),(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:6,children:(0,Q.jsx)(sn,{businessTripId:r,onAdd:t})})})]})]})}):(0,Q.jsx)(sn,{businessTripId:r,onAdd:t})},pn=`addBusinessTripTravelAndSubsistenceExpense`,mn=()=>{let[{fetching:e},t]=y(me);return{fetching:e,addBusinessTripTravelAndSubsistenceExpense:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Add T&S Expense`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(H,{className:`size-5`})})}),r&&(0,Q.jsx)(gn,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}function gn({businessTripId:e,opened:t,close:n,onAdd:r}){let i=N({defaultValues:{businessTripId:e}}),{control:a,handleSubmit:o}=i,[s,c]=(0,Z.useState)(!1),{addBusinessTripTravelAndSubsistenceExpense:l,fetching:u}=mn(),d=e=>{l({fields:e}).then(()=>{r?.(),n()})};return(0,Q.jsxs)(B,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(B.Title,{children:`Add Travel & Subsistence Expense`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsx)(O,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(d),className:`space-y-3`,children:[(0,Q.jsx)($,{businessTripId:e,control:a,setFetching:c}),(0,Q.jsx)(w,{name:`expenseType`,control:a,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(D,{children:`Expense Type`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}),(0,Q.jsx)(`div`,{className:`flex justify-center mt-5 gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var _n=`updateBusinessTripTravelAndSubsistenceExpense`,vn=()=>{let[{fetching:e},t]=y(_);return{fetching:e,updateBusinessTripTravelAndSubsistenceExpense:(0,Z.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=Y(f,e),[i,a]=(0,Z.useState)(!1),o=N({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,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:r,isEditMode:i,control:s,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(O,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(w,{name:`expenseType`,control:s,defaultValue:r.expenseType,render:({field:e})=>(0,Q.jsxs)(E,{children:[(0,Q.jsx)(k,{children:(0,Q.jsx)(V,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(j,{})]})}):(0,Q.jsx)(J,{c:r.expenseType?void 0:`red`,children:r.expenseType??`Missing`})})})}),(0,Q.jsxs)(`td`,{children:[(0,Q.jsx)(I,{content:`Edit`,children:(0,Q.jsx)(U,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(C,{className:`size-5`})})}),i&&(0,Q.jsx)(I,{content:`Confirm Changes`,children:(0,Q.jsx)(U,{type:`submit`,form:`form ${r.id}`,variant:`outline`,size:`icon`,className:`size-7.5 text-green-500`,children:(0,Q.jsx)(S,{className:`size-5`})})}),(0,Q.jsx)(gt,{businessTripExpenseId:r.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:r.id,onDelete:n})]})]},r.id)},bn=({data:e,onChange:t})=>{let{travelAndSubsistenceExpenses:n,id:r}=Y(d,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Ct,{}),(0,Q.jsx)(`th`,{children:`Expense Type`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.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,Q.jsx)(yn,{data:e,businessTripId:r,onChange:t},e.id)),(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:6,children:(0,Q.jsx)(hn,{businessTripId:r,onAdd:t})})})]})]})}):(0,Q.jsx)(hn,{businessTripId:r,onAdd:t})},xn=({data:e})=>{let t=Y(ge,e),n=`effectiveDate`in t?t.effectiveDate:void 0;return(0,Q.jsx)(`td`,{children:(0,Q.jsxs)(`div`,{className:`flex flex-col justify-center`,children:[(0,Q.jsx)(`div`,{children:n&&X(new Date(n),`dd/MM/yy`)}),t.sourceEffectiveDate&&(0,Q.jsxs)(`div`,{className:`text-xs text-gray-500`,children:[`(Originally `,X(new Date(t.sourceEffectiveDate),`dd/MM/yy`),`)`]})]})})},Sn=({data:e})=>{let t=Y(pe,e),n=`eventDate`in t?t.eventDate:void 0;return(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-col justify-center`,children:n&&X(new Date(n),`dd/MM/yy`)})})},Cn=({data:e})=>{let{account:t}=Y(ie,e),n=Ze(t.type),r=t.name;return(0,Q.jsx)(`td`,{children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2 items-center`,children:[(0,Q.jsx)(`p`,{children:n}),(0,Q.jsx)(`p`,{children:r})]})})},wn=({data:e})=>{let t=Y(ye,e);return(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-wrap`,children:(0,Q.jsx)(`div`,{className:`flex flex-col justify-center`,children:`sourceDescription`in t?t.sourceDescription:`Missing`})})})},Tn=({data:e})=>(0,Q.jsx)(`td`,{children:(0,Q.jsx)(`div`,{className:`flex flex-wrap`,children:(0,Q.jsx)(`div`,{className:`flex flex-col justify-center`,children:Y(xe,e).referenceKey})})});function En({data:e,onChange:t,enableEdit:n}){let{id:r,counterparty:i,missingInfoSuggestions:a,sourceDescription:o}=Y(se,e),s=!!a?.business&&n,c=s?a?.business?.name:`Missing`,l=s?a?.business?.id:null,u=i?.name??c,[d,f]=(0,Z.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(),[_,ne]=(0,Z.useState)(l??null),[re,v]=(0,Z.useState)(o);return(0,Q.jsxs)(`td`,{children:[(0,Q.jsx)(`div`,{className:`flex flex-wrap gap-1 items-center justify-center`,children:i?.id?(0,Q.jsx)(Ae,{to:je.BUSINESSES.DETAIL(i.id),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:u}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(He,{options:te,value:_,onChange:ne,search:re,onSearchChange:v,placeholder:`Choose or create a business`,empty:re?(0,Q.jsx)(Pe,{description:re,onAdd:ee}):null}),(0,Q.jsx)(I,{content:`Approve`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,onClick:()=>_&&h(_),disabled:m||g||!_,children:(0,Q.jsx)(S,{className:`size-4`})})})]})}),(0,Q.jsx)(Qe,{transactionId:r,counterpartyId:i?.id??_,open:d,onOpenChange:f,onClose:t})]})}var Dn=`categorizeBusinessTripExpense`,On=()=>{let[{fetching:e},t]=y(re);return{fetching:e,categorizeBusinessTripExpense:(0,Z.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,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(I,{content:`Categorize`,children:(0,Q.jsx)(U,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),o(!0)},children:(0,Q.jsx)(C,{className:`size-5`})})}),a&&(0,Q.jsx)(jn,{businessTripId:t,transactionId:n,opened:a,close:()=>o(!1),onChange:r,defaultAmount:i})]})}var An=Object.entries(De).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}=N({defaultValues:{businessTripId:e,transactionId:t}}),{categorizeBusinessTripExpense:c,fetching:l}=On();return(0,Q.jsxs)(B,{opened:r,onClose:i,centered:!0,children:[(0,Q.jsx)(B.Title,{children:`Set Expense Category`}),(0,Q.jsx)(B.Body,{children:(0,Q.jsxs)(`form`,{onSubmit:s(e=>{c({fields:e}).then(()=>{a?.(),i()})}),className:`flex flex-col gap-3 mt-3`,children:[(0,Q.jsx)(T,{name:`category`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(F,{"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,Q.jsx)(T,{name:`amount`,control:o,defaultValue:n,render:({field:e,fieldState:t})=>(0,Q.jsx)(P,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Amount`})}),(0,Q.jsx)(`div`,{className:`flex justify-center gap-3`,children:(0,Q.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,Q.jsx)(M,{blur:1,center:!0,children:(0,Q.jsx)(q,{})})]})}var Mn=({data:e,onChange:t})=>{let{uncategorizedTransactions:n,id:r}=Y(ke,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(L,{highlightOnHover:!0,withBorder:!0,children:[(0,Q.jsx)(`thead`,{children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(`th`,{children:`Event Date`}),(0,Q.jsx)(`th`,{children:`Debit Date`}),(0,Q.jsx)(`th`,{children:`Amount`}),(0,Q.jsx)(`th`,{}),(0,Q.jsx)(`th`,{children:`Account`}),(0,Q.jsx)(`th`,{children:`Description`}),(0,Q.jsx)(`th`,{children:`Reference#`}),(0,Q.jsx)(`th`,{children:`Counterparty`}),(0,Q.jsx)(`th`,{})]})}),(0,Q.jsx)(`tbody`,{children:n.sort((e,t)=>e.transaction.eventDate.localeCompare(t.transaction.eventDate)).map(e=>(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(Sn,{data:e.transaction}),(0,Q.jsx)(xn,{data:e.transaction}),(0,Q.jsx)(Nn,{data:e}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(Ae,{to:je.CHARGES.DETAIL(e.transaction.chargeId),target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:`To Charge`})}),(0,Q.jsx)(Cn,{data:e.transaction}),(0,Q.jsx)(wn,{data:e.transaction}),(0,Q.jsx)(Tn,{data:e.transaction}),(0,Q.jsx)(En,{data:e.transaction}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(kn,{businessTripId:r,transactionId:e.transaction.id,onChange:t,defaultAmount:e.transaction.amount.raw})})]},e.transaction.id))})]})}):(0,Q.jsx)(Q.Fragment,{})},Nn=({data:e})=>{let{transaction:t,categorizedAmount:n,errors:r}=Y(he,e),i=`amount`in t?t.amount:void 0,a=i?.raw!==n.raw&&n.raw!==0;return(0,Q.jsx)(`td`,{children:(0,Q.jsxs)(`div`,{className:`flex flex-col whitespace-nowrap`,style:{color:Number(i?.raw)>0?`green`:`red`},children:[(0,Q.jsxs)(`div`,{className:`flex gap-1`,children:[i?.formatted,r.length>0&&(0,Q.jsx)(Pn,{errors:r})]}),a&&(0,Q.jsxs)(`div`,{className:`text-gray-500 ml-2`,children:[n.formatted,` categorized `]}),t.cryptoExchangeRate&&(0,Q.jsxs)(`div`,{className:`text-gray-500 ml-2`,children:[`(Rate: ${t.cryptoExchangeRate.rate})`,(0,Q.jsx)(`br`,{}),i?.raw?`${Re(i.raw*t.cryptoExchangeRate.rate)}$`:null]})]})})},Pn=({errors:e})=>{let[t,n]=(0,Z.useState)(!1);return(0,Q.jsxs)(ze,{width:200,position:`bottom`,shadow:`md`,opened:t,children:[(0,Q.jsx)(ze.Target,{children:(0,Q.jsx)(it,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)})}),(0,Q.jsx)(ze.Dropdown,{sx:{pointerEvents:`none`},className:`whitespace-normal text-red-500`,children:e.map((e,t)=>(0,Q.jsx)(J,{size:`sm`,children:e},t))})]})};function Fn({tripId:e,isExtended:t=!1}){let[n,r]=(0,Z.useState)(),[{data:i},a]=v({query:ue,variables:{businessTripId:e}}),o=a;return(0,Z.useEffect)(()=>{i?.businessTrip&&r(i.businessTrip)},[i?.businessTrip]),(0,Q.jsx)(nt,{shadow:`sm`,radius:`md`,withBorder:!0,children:n?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Ke,{data:n,onChange:o}),(0,Q.jsxs)(et,{className:`w-full`,type:`multiple`,children:[(0,Q.jsxs)(K,{value:`attendees`,children:[(0,Q.jsx)(W,{children:`Attendees`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(Jt,{data:n,onChange:o})})]}),t&&(0,Q.jsxs)(K,{value:`uncategorized-transactions`,children:[(0,Q.jsx)(W,{disabled:!n.uncategorizedTransactions?.length,children:`Uncategorized Transactions`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(Mn,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`flights`,children:[(0,Q.jsx)(W,{children:`Flights`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(rn,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`accommodations`,children:[(0,Q.jsx)(W,{children:`Accommodations`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(Et,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`travelAndSubsistence`,children:[(0,Q.jsx)(W,{children:`Travel & Subsistence`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(bn,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`other`,children:[(0,Q.jsx)(W,{children:`Other`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(fn,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`carRental`,children:[(0,Q.jsx)(W,{children:`Car Rental`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(nn,{data:n,onChange:o})})]}),(0,Q.jsxs)(K,{value:`summary`,children:[(0,Q.jsx)(W,{children:`Summary`}),(0,Q.jsx)(G,{children:(0,Q.jsx)(Ve,{data:n})})]})]})]}):(0,Q.jsx)(Me,{className:`h-10 w-10 animate-spin mr-2 self-center`})})}export{Fn as t};