UNPKG

@accounter/client

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