@accounter/client
Version:
Accounter client application
1 lines • 60.5 kB
JavaScript
import{s as e}from"./dist-BmACi7k_.js";import{i as t,o as n}from"./utils-BxkqV8PM.js";import{$ as r,Aa as i,At as a,Ba as o,Bn as s,Bt as c,Ca as l,Cr as u,Ct as d,Da as f,Dt as p,Ea as m,Et as h,Ft as g,Ha as ee,Ia as te,In as _,Kt as ne,Lr as re,Lt as ie,Mt as ae,Ot as oe,Pt as se,Ra as ce,Ro as v,Rt as le,Sa as ue,St as de,Ta as fe,Tt as pe,Va as me,bt as he,d as ge,f as _e,ja as ve,jt as ye,m as be,mr as xe,p as Se,qt as Ce,r as y,t as b,u as we,wa as Te,wt as Ee,xt as De,za as Oe,zn as ke,zo as x}from"./error-handling-sQ-z99nE.js";import{s as Ae,t as je}from"./routes-C4NpBRv7.js";import{dt as Me,gt as Ne,ht as S,s as C,ut as w}from"./select-KYQbDWZT.js";import{$ as Pe,$t as Fe,A as Ie,Bt as Le,Et as Re,H as ze,Jt as T,Tr as Be,Vt as Ve,Wt as E,Xn as He,Xt as D,at as Ue,ct as O,et as We,gr as k,hr as Ge,it as A,ln as Ke,nn as j,qt as M,rn as N,rr as P,st as qe,ut as Je,vt as Ye,wt as Xe}from"./common-DtK-TFhT.js";import{r as Ze,t as Qe}from"./similar-transactions-modal-DXaq6w4t.js";import{t as $e}from"./circle-alert-B4wswqW6.js";import{y as et}from"./separator-CNv9f_S5.js";import{t as F}from"./button-BZ6z_NAl.js";import{i as I,n as L,r as R,t as tt}from"./accordion-CVkRQ9pb.js";import{$c as z,Gc as B,Jc as V,Kl as H,Wc as U,Xc as W,Yc as G,Zc as K,el as q,nl as nt,ol as J,qc as Y,sl as X}from"./table-D4eAFW7G.js";import{t as rt}from"./Card-ByrLdy2y.js";import{t as it}from"./MultiSelect-DsfA2qgR.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]=v(we);return{fetching:e,addBusinessTripAccommodationsExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip accommodations expense`,r=st;y.loading(`Adding Business Trip Accommodations Expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip accommodations expense added`}),i.addBusinessTripAccommodationsExpense}catch(e){console.error(`${n}: ${e}`),y.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,trigger:s}=e,{controlledFields:c,append:l,remove:u}=qe(e,t),[d,f]=(0,Z.useState)(i),[p,m]=(0,Z.useState)(n??[]);(0,Z.useEffect)(()=>{n&&m(n)},[n]),(0,Z.useEffect)(()=>{f(i)},[i]);let[{data:h,fetching:g},ee]=x({query:r,pause:!0,variables:{businessTripId:a??``}});return(0,Z.useEffect)(()=>{if(h?.businessTrip?.attendees.length){let e=h.businessTrip.attendees.map(e=>({value:e.id,label:e.name}))??[];m(e)}},[h?.businessTrip?.attendees]),(0,Z.useEffect)(()=>{f(g)},[g]),(0,Z.useEffect)(()=>{!n&&!h&&!i&&!g&&ee({businessTripId:a})},[n,i,g,ee,a,h]),!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:[c?.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)(K,{name:`${t}.${n}.attendeeId`,control:o,rules:{required:`Required`},render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{...e,disabled:d,data:p,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)(K,{control:o,name:`${t}.${n}.nightsCount`,render:({field:e,fieldState:t})=>(0,Q.jsx)(T,{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)(F,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{u(n),s(t)},children:(0,Q.jsx)(et,{className:`size-5`})})]},e.id)),(0,Q.jsx)(F,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{l({}),s(t)},children:(0,Q.jsx)(Be,{className:`size-5`})})]})]})}function $({businessTripId:e,control:t,setFetching:n}){let[i,a]=(0,Z.useState)([]),[{data:o,fetching:s,error:c}]=x({query:r,variables:{businessTripId:e}}),{userContext:l}=(0,Z.useContext)(nt);(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&&y.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[c]);let u=(0,Z.useMemo)(()=>l?.context.ledgerLock,[l]);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Y,{name:`date`,control:t,rules:{min:u?{value:u,message:`Date must be after ${u}`}:void 0,pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{htmlFor:`expense-date`,children:`Date`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{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)(W,{})]})}),(0,Q.jsx)(Y,{name:`valueDate`,control:t,rules:{pattern:{value:P,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,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{htmlFor:`expense-value-date`,children:`Value Date`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{id:`expense-value-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(W,{})]})}),(0,Q.jsx)(Y,{name:`amount`,control:t,render:({field:e,fieldState:n})=>(0,Q.jsx)(Y,{name:`currency`,control:t,defaultValue:_.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)(Y,{name:`employeeBusinessId`,control:t,render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{children:`Attendee`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(M,{...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)(W,{})]})})]})}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)(O,{content:`Add Accommodations Expense`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(w,{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=z({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)(D,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Accommodation Expense`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...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)(Y,{control:a,name:`country`,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{children:`Country`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}),(0,Q.jsx)(Y,{name:`nightsCount`,control:a,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{children:`Nights Count`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(We,{...e,value:e.value??void 0,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,Q.jsx)(W,{})]})}),(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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var ft=`updateBusinessTripAccommodationsExpense`,pt=()=>{let[{fetching:e},t]=v(te);return{fetching:e,updateBusinessTripAccommodationsExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip accommodations expense`,r=ft;y.loading(`Updating trip accommodations expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip accommodations expense was updated`}),i.updateBusinessTripAccommodationsExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},mt=`categorizeIntoExistingBusinessTripExpense`,ht=()=>{let[{fetching:e},t]=v(Ce);return{fetching:e,categorizeIntoExistingBusinessTripExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip expense category`,r=mt;y.loading(`Updating business trip expense category`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip expense category was updated`}),i.categorizeIntoExistingBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Attach Uncategorized Transaction`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(!0)},children:(0,Q.jsx)(w,{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:a}){let{control:o,handleSubmit:s,setValue:c}=z({defaultValues:{businessTripExpenseId:e}}),[l,u]=(0,Z.useState)([]),[{data:d,fetching:f,error:p}]=x({query:i,variables:{businessTripId:t}}),{categorizeIntoExistingBusinessTripExpense:m,fetching:h}=ht();return(0,Z.useEffect)(()=>{if(d?.businessTrip?.uncategorizedTransactions.length){let e=d.businessTrip.uncategorizedTransactions.filter(e=>e?.transaction);u(e.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)))}},[d,u]),(0,Z.useEffect)(()=>{p&&y.error(`Error`,{description:`Oops, we have an error fetching transactions to categorize`})},[p]),(0,Q.jsxs)(D,{opened:n,onClose:r,centered:!0,children:[(0,Q.jsx)(D.Title,{children:`Set Transaction Category`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsxs)(`form`,{onSubmit:s(e=>{m({fields:e}).then(()=>{a?.(),r()})}),className:`flex flex-col gap-3 mt-3`,children:[(0,Q.jsx)(K,{name:`transactionId`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{...e,itemComponent:vt,data:l??[],disabled:f,label:`Transactions`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,error:t.error?.message,withAsterisk:!0,withinPortal:!0,onChange:t=>{let n=l.find(e=>e.value===t);n?.rawAmount&&c(`amount`,n.rawAmount),e.onChange(t)}})}),(0,Q.jsx)(K,{name:`amount`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(T,{...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`})})]})}),h&&(0,Q.jsx)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}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)(j,{children:[(0,Q.jsx)(j.Col,{span:4,children:e}),(0,Q.jsx)(j.Col,{span:4,children:(0,Q.jsx)(J,{size:`sm`,children:r})}),(0,Q.jsx)(j.Col,{span:4,children:(0,Q.jsx)(J,{size:`sm`,children:i})}),(0,Q.jsx)(j.Col,{span:8,children:(0,Q.jsx)(J,{size:`xs`,opacity:.65,children:t})}),(0,Q.jsxs)(j.Col,{span:4,children:[`Reference: `,n]})]})})),yt=`deleteBusinessTripExpense`,bt=()=>{let[{fetching:e},t]=v(s);return{fetching:e,deleteBusinessTripExpense:(0,Z.useCallback)(async e=>{let n=`Error deleting business trip expense`,r=`${yt}-${e.businessTripExpenseId}`;y.loading(`Deleting trip expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip expense was deleted`}),i.deleteBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function xt(e){let{fetching:t,deleteBusinessTripExpense:n}=bt();return(0,Q.jsx)(O,{content:`Remove Expense`,children:(0,Q.jsx)(ze,{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)(F,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,Q.jsx)(Ge,{className:`size-5`})})})})}var St=({data:e,isEditMode:t=!1,control:n,businessTripId:i})=>{let a=q(oe,e),[o,s]=(0,Z.useState)([]),[{data:c,fetching:l,error:u}]=x({query:r,variables:{businessTripId:i}});(0,Z.useEffect)(()=>{c?.businessTrip?.attendees.length&&s(c.businessTrip.attendees.map(e=>({value:e.id,label:e.name})).sort((e,t)=>e.label>t.label?1:-1))},[c,s]),(0,Z.useEffect)(()=>{u&&y.error(`Error`,{description:`Oops, we have an error fetching attendees`})},[u]);let d=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)(Y,{name:`date`,control:n,defaultValue:a.date,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{htmlFor:`business-trip-expense-date-${a.id}`,children:`Date`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{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)(W,{})]})}),(0,Q.jsx)(Y,{name:`valueDate`,control:n,defaultValue:a.valueDate,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{children:`Value Date`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{form:`form ${a.id}`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(W,{})]})})]}):(0,Q.jsxs)(Q.Fragment,{children:[a.date&&H(new Date(a.date),`dd/MM/yy`),(0,Q.jsx)(J,{fz:`sm`,c:`dimmed`,children:a.valueDate&&H(new Date(a.valueDate),`dd/MM/yy`)})]})})}),(0,Q.jsx)(`td`,{children:t&&a.payedByEmployee?(0,Q.jsx)(Y,{name:`amount`,control:n,defaultValue:a.amount?.raw??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(Y,{name:`currency`,control:n,defaultValue:a.amount?.currency??_.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)(Y,{name:`employeeBusinessId`,control:n,defaultValue:a.employee?.id,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{form:`form ${a.id}`,...e,data:o,value:e.value,disabled:l,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:d.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=q(de,e),[i,a]=(0,Z.useState)(!1),o=z({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)(U,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(Y,{name:`country`,control:s,defaultValue:r.country?.id??void 0,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}):(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)(U,{...o,children:(0,Q.jsx)(Y,{name:`nightsCount`,control:s,defaultValue:r.nightsCount,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(B,{children:(0,Q.jsx)(We,{...e,value:e.value??void 0,form:`form ${r.id}`,hideControls:!0,decimalScale:0,thousandSeparator:`,`})}),(0,Q.jsx)(W,{})]})})}):(0,Q.jsx)(J,{c:r.nightsCount?void 0:`red`,children:r.nightsCount??`Missing`})})}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(U,{...o,children:(0,Q.jsx)(lt,{formManager:o,attendeesStayPath:`attendeesStay`,businessTripId:t})}):(0,Q.jsx)(Fe,{listStyleType:`disc`,children:r.attendeesStay?.length?r.attendeesStay.map(e=>(0,Q.jsxs)(Fe.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)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),i&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{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=>q(d,e));return(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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}=q(De,e);return(0,Q.jsx)(Tt,{businessTripId:r,expenses:n,onChange:t})},Dt=`insertBusinessTripAttendee`,Ot=()=>{let[{fetching:e},t]=v(re);return{fetching:e,insertBusinessTripAttendee:(0,Z.useCallback)(async e=>{let n=`Error adding attendee to business trip`,r=Dt;y.loading(`Adding attendee`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Attendee was added to the business trip`}),i.insertBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Add Attendee`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,Q.jsx)(w,{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=z({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)(D,{opened:t,onClose:n,centered:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Attendee`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...o,children:(0,Q.jsxs)(`form`,{onSubmit:c(d),className:`space-y-4 pt-2`,children:[(0,Q.jsx)(K,{name:`attendeeId`,control:s,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{"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)(Y,{name:`arrivalDate`,control:s,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{htmlFor:`arrival-date`,children:`Arrival`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{id:`arrival-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(W,{})]})}),(0,Q.jsx)(Y,{name:`departureDate`,control:s,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{htmlFor:`departure-date`,children:`Departure`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{id:`departure-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,Q.jsx)(W,{})]})}),(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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var jt=`updateBusinessTripAttendee`,Mt=()=>{let[{fetching:e},t]=v(ce);return{fetching:e,updateBusinessTripAttendee:(0,Z.useCallback)(async e=>{let n=`Error updating business trip attendee`,r=jt;y.loading(`Updating trip attendee`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip attendee was updated`}),i.updateBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},Nt=`deleteBusinessTripAttendee`,Pt=()=>{let[{fetching:e},t]=v(ke);return{fetching:e,deleteBusinessTripAttendee:(0,Z.useCallback)(async e=>{let n=`Error removing business trip attendee`,r=Nt;y.loading(`Removing business trip attendee`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip attendee was removed`}),i.deleteBusinessTripAttendee}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function Ft(e){let{fetching:t,deleteBusinessTripAttendee:n}=Pt();return(0,Q.jsx)(O,{content:`Remove Attendee`,children:(0,Q.jsx)(ze,{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)(F,{variant:`outline`,size:`icon`,className:`size-7.5 text-red-500`,disabled:t,children:(0,Q.jsx)(Ge,{className:`size-5`})})})})}var It=`addBusinessTripFlightsExpense`,Lt=()=>{let[{fetching:e},t]=v(_e);return{fetching:e,addBusinessTripFlightsExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip flight expense`,r=It;y.loading(`Adding business trip flight expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip flight expense added`}),i.addBusinessTripFlightsExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}};function Rt({formManager:e,flightPathPath:t,flightPathData:n}){let{control:r,trigger:i}=e,{controlledFields:a,append:o,remove:s}=qe(e,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:[a?.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)(Y,{name:`${t}.${n}`,control:r,rules:{required:`Required`},render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{...e,value:e.value??void 0,placeholder:`Destination`})}),(0,Q.jsx)(W,{})]})})}),(0,Q.jsx)(F,{variant:`ghost`,size:`icon`,className:`mb-2 size-7.5`,onClick:()=>{s(n),i(t)},children:(0,Q.jsx)(et,{className:`size-5`})})]},e.id)),(0,Q.jsx)(F,{variant:`ghost`,size:`icon`,className:`size-7.5`,onClick:()=>{o(``),i(t)},children:(0,Q.jsx)(Be,{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)(O,{content:`Add Flight Expense`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(w,{className:`size-5`})})}),r&&(0,Q.jsx)(Vt,{businessTripId:t,opened:r,close:()=>i(!1),onAdd:n})]})}var Bt=Object.entries(u).map(([e,t])=>({value:t,label:e}));function Vt({businessTripId:e,opened:t,close:n,onAdd:i}){let a=z({defaultValues:{businessTripId:e}}),{control:o,handleSubmit:s}=a,[c,l]=(0,Z.useState)(!1),[{data:u,fetching:d}]=x({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)(D,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Flight Expense`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...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)(K,{name:`flightClass`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{...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)(K,{name:`attendeeIds`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(it,{...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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var Ht=`updateBusinessTripFlightsExpense`,Ut=()=>{let[{fetching:e},t]=v(o);return{fetching:e,updateBusinessTripFlightsExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip flights expense`,r=Ht;y.loading(`Updating trip flights expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip flights expense was updated`}),i.updateBusinessTripFlightsExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},Wt=Object.entries(u).map(([e,t])=>({value:t,label:e})),Gt=({data:e,businessTripId:t,onChange:n,attendees:r})=>{let i=q(ye,e),[a,o]=(0,Z.useState)(!1),s=z({defaultValues:{id:i.id,businessTripId:t,attendeeIds:i.attendees?.map(e=>e.id)??[],path:i.path??[]}}),{control:c,handleSubmit:l}=s,{updateBusinessTripFlightsExpense:u,fetching:d}=Ut(),f=e=>{u({fields:e}).then(()=>{n?.(),o(!1)})},p=r.map(e=>({value:e.id,label:e.name}));return(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(St,{data:i,isEditMode:a,control:c,businessTripId:t}),(0,Q.jsx)(`td`,{children:(0,Q.jsx)(U,{...s,children:(0,Q.jsx)(`form`,{id:`form ${i.id}`,onSubmit:l(f),children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2 justify-center`,children:[a?(0,Q.jsx)(Rt,{formManager:s,flightPathPath:`path`,flightPathData:i.path??void 0}):(0,Q.jsx)(`div`,{className:`flex gap-2 items-center`,children:i.path?.length?i.path.map((e,t)=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(J,{fw:700,children:e},t),t<i.path.length-1&&(e===i.path[t+1]?` | `:` → `)]})):(0,Q.jsx)(J,{fw:700,className:`flex gap-2 items-center`,c:`red`,children:`Missing`})}),a?(0,Q.jsx)(K,{name:`flightClass`,control:c,defaultValue:i.class??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{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,Q.jsx)(J,{c:i.class?void 0:`red`,fz:`sm`,children:`Class: ${i.class??`Missing`}`})]})})})}),(0,Q.jsx)(`td`,{children:a?(0,Q.jsx)(K,{name:`attendeeIds`,control:c,defaultValue:i.attendees?.map(e=>e.id)??void 0,render:({field:e,fieldState:t})=>(0,Q.jsx)(it,{...e,form:`form ${i.id}`,data:p,value:e.value??[],label:`Attendees`,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}):(0,Q.jsx)(Fe,{listStyleType:`disc`,children:i.attendees?.length?i.attendees.map(e=>(0,Q.jsx)(Fe.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)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:d,variant:a?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),o(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),a&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{type:`submit`,form:`form ${i.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:i.id,businessTripId:t,onChange:n}),(0,Q.jsx)(xt,{businessTripExpenseId:i.id,onDelete:n})]})})]},i.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=>q(ae,e));return(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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=q(Ee,e),[i,a]=(0,Z.useState)(!1),[o,s]=(0,Z.useState)(!1),c=z({defaultValues:{businessTripId:t,attendeeId:r.id,arrivalDate:r.arrivalDate,departureDate:r.departureDate}}),{control:l,handleSubmit:u}=c,{updateBusinessTripAttendee:d,fetching:f}=Mt(),p=e=>{d({fields:e}).then(()=>{n?.(),a(!1)})};return(0,Q.jsxs)(U,{...c,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:u(p),children:(0,Q.jsx)(Y,{name:`arrivalDate`,control:l,defaultValue:r.arrivalDate,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{className:`sr-only`,htmlFor:`arrival-date-${r.id}`,children:`Arrival`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{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)(W,{})]})})}):r.arrivalDate}),(0,Q.jsx)(`td`,{children:i?(0,Q.jsx)(Y,{name:`departureDate`,control:l,defaultValue:r.departureDate,rules:{pattern:{value:P,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(V,{className:`h-min`,children:[(0,Q.jsx)(G,{className:`sr-only`,htmlFor:`departure-date-${r.id}`,children:`Departure`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(A,{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)(W,{})]})}):r.departureDate}),(0,Q.jsxs)(`td`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:f,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),i&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{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)(Re,{toggleExpansion:s,isExpanded:o})]})]},r.id),o&&(0,Q.jsx)(`tr`,{children:(0,Q.jsx)(`td`,{colSpan:4,children:(0,Q.jsx)(rt,{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}=q(pe,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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]=v(ge);return{fetching:e,addBusinessTripCarRentalExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip car rental expense`;y.loading(`Adding car rental expense...`,{id:Yt});try{let r=b(await t(e),n,Yt);if(r)return y.success(`Success`,{id:Yt,description:`Car rental expense added`}),r.addBusinessTripCarRentalExpense}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Add Car Rental Expense`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,onClick:e=>{e.stopPropagation(),i(!0)},className:`size-7.5`,children:(0,Q.jsx)(w,{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=z({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)(D,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Car Rental Expense`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(d),children:[(0,Q.jsx)($,{businessTripId:e,control:a,setFetching:c}),(0,Q.jsx)(K,{name:`days`,control:a,render:({field:e,fieldState:t})=>(0,Q.jsx)(T,{...e,value:e.value??void 0,hideControls:!0,precision:2,removeTrailingZeros:!0,error:t.error?.message,label:`Rent Days`})}),(0,Q.jsx)(Y,{name:`isFuelExpense`,control:a,render:({field:{value:e,...t}})=>(0,Q.jsxs)(V,{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)(G,{children:`Is Fuel Expense`})}),(0,Q.jsx)(B,{children:(0,Q.jsx)(Ye,{...t,checked:e===!0,onCheckedChange:t.onChange})}),(0,Q.jsx)(W,{})]})}),(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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var $t=`updateBusinessTripCarRentalExpense`,en=()=>{let[{fetching:e},t]=v(Oe);return{fetching:e,updateBusinessTripCarRentalExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip car rental expense`,r=$t;y.loading(`Updating trip car rental expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip car rental expense was updated`}),i.updateBusinessTripCarRentalExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},tn=({data:e,businessTripId:t,onChange:n})=>{let r=q(p,e),[i,a]=(0,Z.useState)(!1),o=z({defaultValues:{id:r.id,businessTripId:t}}),{control:s,handleSubmit:c}=o,{updateBusinessTripCarRentalExpense:l,fetching:u}=en(),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)(U,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 justify-center`,children:r.isFuelExpense!==!0&&(i?(0,Q.jsx)(K,{name:`days`,control:s,defaultValue:r.days,render:({field:e,fieldState:t})=>(0,Q.jsx)(T,{...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)(U,{...o,children:(0,Q.jsx)(Y,{name:`isFuelExpense`,control:s,defaultValue:r.isFuelExpense,render:({field:e})=>(0,Q.jsxs)(V,{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)(G,{children:`Is Fuel Expense`})}),(0,Q.jsx)(B,{children:(0,Q.jsx)(Ye,{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)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),i&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{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}=q(h,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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}=q(a,e);return(0,Q.jsx)(Kt,{businessTripId:r,attendees:i,expenses:n,onChange:t})},an=`addBusinessTripOtherExpense`,on=()=>{let[{fetching:e},t]=v(Se);return{fetching:e,addBusinessTripOtherExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip "other" expense`,r=an;y.loading(`Adding trip "other" expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip "other" expense was added`}),i.addBusinessTripOtherExpense}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Add Other Expense`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(w,{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=z({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)(D,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Other Expense`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...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)(Y,{name:`description`,control:a,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{children:`Description`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}),(0,Q.jsx)(Y,{control:i.control,name:`deductibleExpense`,render:({field:e})=>(0,Q.jsxs)(V,{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)(G,{children:`Deductible Expense`})}),(0,Q.jsx)(B,{children:(0,Q.jsx)(Ye,{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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var ln=`updateBusinessTripOtherExpense`,un=()=>{let[{fetching:e},t]=v(me);return{fetching:e,updateBusinessTripOtherExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip "other" expense`,r=ln;y.loading(`Updating business trip "other" expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip "other" expense was updated`}),i.updateBusinessTripOtherExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},dn=({data:e,businessTripId:t,onChange:n})=>{let r=q(g,e),[i,a]=(0,Z.useState)(!1),o=z({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)(U,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(Y,{name:`description`,control:s,defaultValue:r.description,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}):(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)(U,{...o,children:(0,Q.jsx)(Y,{name:`deductibleExpense`,control:o.control,defaultValue:r.deductibleExpense,render:({field:e})=>(0,Q.jsx)(V,{children:(0,Q.jsx)(B,{children:(0,Q.jsx)(Ye,{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)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),i&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{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}=q(se,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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]=v(be);return{fetching:e,addBusinessTripTravelAndSubsistenceExpense:(0,Z.useCallback)(async e=>{let n=`Error adding business trip travel&subsistence expense`,r=pn;y.loading(`Adding trip travel&subsistence expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip travel&subsistence expense was added`}),i.addBusinessTripTravelAndSubsistenceExpense}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Add T&S Expense`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),i(!0)},children:(0,Q.jsx)(w,{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=z({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)(D,{opened:t,onClose:n,centered:!0,lockScroll:!0,children:[(0,Q.jsx)(D.Title,{children:`Add Travel & Subsistence Expense`}),(0,Q.jsx)(D.Body,{children:(0,Q.jsx)(U,{...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)(Y,{name:`expenseType`,control:a,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(G,{children:`Expense Type`}),(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}),(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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var _n=`updateBusinessTripTravelAndSubsistenceExpense`,vn=()=>{let[{fetching:e},t]=v(ee);return{fetching:e,updateBusinessTripTravelAndSubsistenceExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip travel&subsistence expense`,r=_n;y.loading(`Updating trip travel&subsistence expense`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip travel&subsistence expense was updated`}),i.updateBusinessTripTravelAndSubsistenceExpense}catch(e){console.error(`${n}: ${e}`),y.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},yn=({data:e,businessTripId:t,onChange:n})=>{let r=q(le,e),[i,a]=(0,Z.useState)(!1),o=z({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)(U,{...o,children:(0,Q.jsx)(`form`,{id:`form ${r.id}`,onSubmit:c(d),children:i?(0,Q.jsx)(Y,{name:`expenseType`,control:s,defaultValue:r.expenseType,render:({field:e})=>(0,Q.jsxs)(V,{children:[(0,Q.jsx)(B,{children:(0,Q.jsx)(C,{form:`form ${r.id}`,...e,value:e.value??void 0})}),(0,Q.jsx)(W,{})]})}):(0,Q.jsx)(J,{c:r.expenseType?void 0:`red`,children:r.expenseType??`Missing`})})})}),(0,Q.jsxs)(`td`,{children:[(0,Q.jsx)(O,{content:`Edit`,children:(0,Q.jsx)(F,{disabled:u,variant:i?`default`:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),a(e=>!e)},children:(0,Q.jsx)(k,{className:`size-5`})})}),i&&(0,Q.jsx)(O,{content:`Confirm Changes`,children:(0,Q.jsx)(F,{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}=q(ie,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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=q(l,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&&H(new Date(n),`dd/MM/yy`)}),t.sourceEffectiveDate&&(0,Q.jsxs)(`div`,{className:`text-xs text-gray-500`,children:[`(Originally `,H(new Date(t.sourceEffectiveDate),`dd/MM/yy`),`)`]})]})})},Sn=({data:e})=>{let t=q(m,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&&H(new Date(n),`dd/MM/yy`)})})},Cn=({data:e})=>{let{account:t}=q(ue,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=q(Te,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:q(f,e).referenceKey})})});function En({data:e,onChange:t,enableEdit:n}){let{id:r,counterparty:i,missingInfoSuggestions:a,sourceDescription:o}=q(fe,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}=Xe(),h=async e=>{await p({transactionId:r,fields:{counterpartyId:e}}),f(!0)},g=async e=>{await h(e),f(!0),t?.()},{selectableBusinesses:ee,fetching:te}=Je(),[_,ne]=(0,Z.useState)(l??null),[re,ie]=(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)(Pe,{options:ee,value:_,onChange:ne,search:re,onSearchChange:ie,placeholder:`Choose or create a business`,empty:re?(0,Q.jsx)(Ie,{description:re,onAdd:g}):null}),(0,Q.jsx)(O,{content:`Approve`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,onClick:()=>_&&h(_),disabled:m||te||!_,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]=v(ne);return{fetching:e,categorizeBusinessTripExpense:(0,Z.useCallback)(async e=>{let n=`Error updating business trip expense category`,r=Dn;y.loading(`Updating trip expense category`,{id:r});try{let i=b(await t(e),n,r);if(i)return y.success(`Success`,{id:r,description:`Business trip expense category was updated`}),i.categorizeBusinessTripExpense}catch(e){console.error(`${n}: ${e}`),y.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)(O,{content:`Categorize`,children:(0,Q.jsx)(F,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:e=>{e.stopPropagation(),o(!0)},children:(0,Q.jsx)(k,{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(he).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}=z({defaultValues:{businessTripId:e,transactionId:t}}),{categorizeBusinessTripExpense:c,fetching:l}=On();return(0,Q.jsxs)(D,{opened:r,onClose:i,centered:!0,children:[(0,Q.jsx)(D.Title,{children:`Set Expense Category`}),(0,Q.jsx)(D.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)(K,{name:`category`,control:o,render:({field:e,fieldState:t})=>(0,Q.jsx)(M,{"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)(K,{name:`amount`,control:o,defaultValue:n,render:({field:e,fieldState:t})=>(0,Q.jsx)(T,{...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)(N,{blur:1,center:!0,children:(0,Q.jsx)(X,{})})]})}var Mn=({data:e,onChange:t})=>{let{uncategorizedTransactions:n,id:r}=q(c,e);return n?.length?(0,Q.jsx)(`div`,{className:`flex flex-col gap-2 mt-5`,children:(0,Q.jsxs)(E,{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}=q(ve,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?`${He(i.raw*t.cryptoExchangeRate.rate)}$`:null]})]})})},Pn=({errors:e})=>{let[t,n]=(0,Z.useState)(!1);return(0,Q.jsxs)(Ke,{width:200,position:`bottom`,shadow:`md`,opened:t,children:[(0,Q.jsx)(Ke.Target,{children:(0,Q.jsx)($e,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)})}),(0,Q.jsx)(Ke.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]=x({query:xe,variables:{businessTripId:e}}),o=a;return(0,Z.useEffect)(()=>{i?.businessTrip&&r(i.businessTrip)},[i?.businessTrip]),(0,Q.jsx)(rt,{shadow:`sm`,radius:`md`,withBorder:!0,children:n?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Ve,{data:n,onChange:o}),(0,Q.jsxs)(tt,{className:`w-full`,type:`multiple`,children:[(0,Q.jsxs)(R,{value:`attendees`,children:[(0,Q.jsx)(I,{children:`Attendees`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(Jt,{data:n,onChange:o})})]}),t&&(0,Q.jsxs)(R,{value:`uncategorized-transactions`,children:[(0,Q.jsx)(I,{disabled:!n.uncategorizedTransactions?.length,children:`Uncategorized Transactions`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(Mn,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`flights`,children:[(0,Q.jsx)(I,{children:`Flights`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(rn,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`accommodations`,children:[(0,Q.jsx)(I,{children:`Accommodations`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(Et,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`travelAndSubsistence`,children:[(0,Q.jsx)(I,{children:`Travel & Subsistence`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(bn,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`other`,children:[(0,Q.jsx)(I,{children:`Other`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(fn,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`carRental`,children:[(0,Q.jsx)(I,{children:`Car Rental`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(nn,{data:n,onChange:o})})]}),(0,Q.jsxs)(R,{value:`summary`,children:[(0,Q.jsx)(I,{children:`Summary`}),(0,Q.jsx)(L,{children:(0,Q.jsx)(Le,{data:n})})]})]})]}):(0,Q.jsx)(Me,{className:`h-10 w-10 animate-spin mr-2 self-center`})})}export{Fn as t};