@zeniai/web-components 3.16.99 → 3.17.1

package/dist/ScheduleDetailsFixedAssetsPage-sveMEr_o.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),x=require("react"),H=require("@emotion/styled"),ue=require("@zeniai/client-epic-state"),e=require("./index-oPmOjv0R.cjs"),ee=require("./ScheduleSequenceTable-RjP2BTif.cjs"),B={labelWidth:new e.ResponsiveSized(160,160,160),depCategoryLabelWidth:new e.ResponsiveSized(200,280,280)},je=H.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${s=>s.theme.colors.grey5};
+  border: 1px solid ${s=>s.theme.colors.grey3};
+
+  border-top-left-radius: ${e.Space.sp2};
+  border-top-right-radius: ${e.Space.sp2};
+  border-bottom-left-radius: ${e.Space.sp0};
+  border-bottom-right-radius: ${e.Space.sp0};
+`,K=H.div`
+  display: flex;
+  flex: 1;
+  background-color: ${s=>s.theme.colors.grey3};
+  min-height: 1px;
+`,ve=H.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp4} ${e.Space.sp8} ${e.Space.sp0} ${e.Space.sp8};
+`,M=(s,r)=>`${s}.${r}`;function Oe({sectionId:s,jeScheduledTransaction:r,updateStatus:y,allAccountOptions:o,allAccountList:l,allClassList:p,allClassOptions:d,allDepreciationAccountList:m,allDepreciationAccountOptions:b,allMonthOptions:v,uncategorizedAccounts:R,selectedAccount:D,selectedClass:_,selectedAccumulatedDepreciationCategory:q,assetId:F,selectedDate:J,selectedMonths:k,selectedPostingDay:O,lastDayOfMonth:I,isDisabled:h,allowCreateSchedule:A,onCreateSchedule:z,onDelete:i,onMarkAsComplete:X}){const{resetField:f}=n.useFormContext(),se=M(s,"scheduleExpenseCategory"),oe=M(s,"scheduleClass"),le=M(s,"accumulatedDepreciationCategory"),ae=M(s,"assetId"),Z=M(s,"startDate"),S=M(s,"postingDate"),u=M(s,"months"),t=e.appLocale.getLocalizedStrings().jeSchedules.scheduleDetails.scheduleDetailsSection,E=a=>l.filter(W=>W.qboId===a)[0]?.qboId,j=a=>m.filter(W=>W.qboId===a)[0]?.qboId,ce=a=>p.filter(W=>W.classId===a)[0]?.accountingClassNumber,Q={valueContainer:a=>({...a,overflow:"unset"})},L=e.useWindowSizeContext(),G=e.getMonthsAndYearsForAllowedTimeframe({startDate:r.baseTransaction.date,endDate:r.baseTransaction.date.add(1,"year")}),U=()=>{f(S)},Y=O==null&&I==null?void 0:I===!0?"lastDayOfMonth":"day",N=a=>[R.expense?.qboId,R.income?.qboId].includes(a),w=()=>{r.jeScheduleId!=null&&i(r.jeScheduleId)},g=r.scheduledJournalEntry.flatMap(a=>a.error);return n.jsxRuntimeExports.jsxs(ve,{children:[n.jsxRuntimeExports.jsx(ee.ScheduleDetailsTitleWithOptions,{status:r.status.code,jeScheduleId:r.jeScheduleId,allowCreateSchedule:A,onDelete:w,isUpdating:y==="In-Progress",onMarkAsComplete:X,onCreateSchedule:z}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:A===!0,children:n.jsxRuntimeExports.jsxs(je,{children:[n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:g.includes("debit_category_deleted")?void 0:h,isLoading:!1,label:{label:t.expenseCategory,width:B.labelWidth.value(L)},groupedSingleSelectField:{customPlaceholderColor:g.includes("debit_category_deleted")?e.Colors.brandColorGoldDark:void 0,shouldShowChevronIcon:!1,name:se,placeholder:t.expenseCategoryPlaceholder,valueToId:a=>E(a),defaultValue:{selectedOption:D,allOptions:o},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},disableCurrentOption:N,style:{borderTopLeftRadius:e.sp[2],borderTopRightRadius:e.sp[2]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:h,isLoading:!1,label:{label:t.class,width:B.labelWidth.value(L)},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:oe,placeholder:t.classPlaceholder,valueToId:a=>ce(a),defaultValue:{selectedOption:_,allOptions:d},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},style:{borderTopLeftRadius:e.sp[0],borderTopRightRadius:e.sp[0]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:g.includes("credit_category_deleted")?void 0:h,isLoading:!1,label:{label:t.accumulatedDepreciationCategory,width:B.depCategoryLabelWidth.value(L)},groupedSingleSelectField:{customPlaceholderColor:g.includes("credit_category_deleted")?e.Colors.brandColorGoldDark:void 0,shouldShowChevronIcon:!1,name:le,placeholder:t.accumulatedDepreciationCategoryPlaceholder,valueToId:a=>j(a),defaultValue:{selectedOption:q,allOptions:b},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},disableCurrentOption:N,style:{borderTopLeftRadius:e.sp[0],borderTopRightRadius:e.sp[0]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:t.assetId,width:B.labelWidth.value(L)},style:{width:"auto"},text:{type:"text",name:ae,defaultValue:F,placeholder:t.assetIdPlaceholder,autoComplete:"new-password",options:{maxLength:e.sp[3],required:!0,validate:a=>!!a}},isDisabled:h}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledMonthSelectorField,{label:{label:t.startMonth,width:B.labelWidth.value(L)},monthSelectorField:{name:Z,placeholder:t.startMonthPlaceholder,defaultValue:J,showDownChevron:!1,isDisabled:h,monthsAndYears:G},isDisabled:h}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(ee.LabeledDayOfMonthSelectorField,{label:{label:t.postingDate,width:B.labelWidth.value(L)},isDisabled:h,dayOfMonthField:{placeholder:t.postingDatePlaceholder,name:S,defaultValue:{type:Y,dayOfMonth:O},onSaveClick:()=>{},onCancelClick:U}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledSingleSelectNumericField,{label:{label:t.months,width:B.labelWidth.value(L)},singleSelectNumericField:{name:u,isDisabled:h,placeholder:t.monthsPlaceholder,defaultValue:{selectedOption:k!=null?v[k-1]:void 0,allOptions:v},registerOptions:{required:!0,validate:a=>!!a.selectedOption}}})]})}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:A===!1,children:n.jsxRuntimeExports.jsx(e.InfoBox,{text:t.scheduleMarkedAsCompleted})})]})}const Te=H.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  background-color: ${s=>s.theme.colors.grey4};
+`,De=H.div`
+  display: flex;
+  z-index: 2;
+`,Ie=H.div`
+  display: flex;
+  flex-direction: column;
+`,Ae=H.div`
+  display: flex;
+  justify-content: center;
+`,pe="scheduleDetailsPage",te="scheduleDetailsFixedAssetsSection",ne="scheduleDetailsListSection",Le=e.appLocale.getLocalizedStrings(),{common:P,jeSchedules:{scheduleDetails:Re}}=Le;function Fe({analytics:s,controllerUserDetails:r,expenseAutomationSelectedPeriod:y,scheduleDetailsView:o,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:p,usedInExpenseAutomation:d,onNavigateBack:m,onEditAmount:b,onJELinkClick:v,onSave:R,onDelete:D,onDetailPageChange:_,onViewLinkedJE:q,onTransactionClick:F,onMarkAsComplete:J,removeJeScheduleTransactionKey:k}){const[O,I]=x.useState(!1),h=e.usePrevious(o.updateStatus.fetchState),A=e.usePrevious(o.selectedJEScheduleTransaction?.status.code),z=e.usePrevious(o.deleteStatus.fetchState),[i,X]=x.useState(!1),f=o.scheduleDetailsLocalData.fixed_assets,se=e.usePrevious(f.jeScheduleDetails.length),oe=e.usePrevious(f.selectedDate),le=e.usePrevious(f.selectedDayOfMonth),[ae,Z]=x.useState(!0),S=o.selectedJEScheduleTransaction?.vendor,u=o.selectedJEScheduleTransaction?.baseTransaction,t=o.selectedJEScheduleTransaction,E=ue.getFirstControllerEmail(r.controllers),j=ue.getFirstControllerId(r.controllerUserIds),ce={onOkClick:()=>{I(!1),m()},onCancelClick:()=>{I(!1)}},Q=c=>{const C=t?.scheduledJournalEntry[c];u!=null&&C!=null&&t!=null&&s.trackScheduleDetailsLinkJournalEntry({scheduleType:"fixed_assets",transaction:{...e.transactionDetailsForAnalytics(u)},scheduleExpenseCategoryAndClass:{expenseCategory:t.jeDebit.account?.accountName??null,expenseClass:t.jeDebit.accountingClass?.className??null},journalEntryDetails:{...e.scheduleJournalEntryDetailsForAnalytics(C)},vendorName:S!=null?S.name:P.strings.hyphen,controllerEmails:E,controllerUserIds:j,fixedAssetsDetails:{accumulatedDepreciationCategory:t.jeCredit.account?.accountName??null,assetId:t.otherAttributes.assetId??null}}),v(c)},L=(c,C)=>{const T=t?.scheduledJournalEntry[C];u!=null&&T!=null&&t!=null&&s.trackScheduleDetailsViewJournalEntry({scheduleType:"fixed_assets",scheduleExpenseCategoryAndClass:{expenseCategory:t.jeDebit.account?.accountName??null,expenseClass:t.jeDebit.accountingClass?.className??null},journalEntryDetails:e.scheduleJournalEntryDetailsForAnalytics(T),controllerEmails:E,controllerUserIds:j,fixedAssetsDetails:{accumulatedDepreciationCategory:t.jeCredit.account?.accountName??null,assetId:t.otherAttributes.assetId??null}}),q(c)};x.useEffect(()=>{h==="In-Progress"&&o.updateStatus.fetchState==="Completed"&&(u!=null&&t!=null&&s.trackScheduleDetailsSaved(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),d===!0&&t?.jeScheduleTransactionKey!=null&&A==="draft"&&o.selectedJEScheduleTransaction?.status.code==="ongoing"&&k(t.jeScheduleTransactionKey,{month:y.month,year:y.year}),m())},[y,A,o.selectedJEScheduleTransaction?.status.code,s,m,h,k,d,o.updateStatus,t,u,S,E,j]),x.useEffect(()=>{z==="In-Progress"&&o.deleteStatus.fetchState==="Completed"&&m()},[z,o.deleteStatus,m]);const G=e.getGroupedAccountOptions(o.accountListNestedAccountHierarchy),U=e.getGroupedAccountOptions(o.allDepreciationAccountListNestedAccountHierarchy),Y=e.getGroupedClassOptions(o.classListNestedAccountHierarchy),N=e.getOptionsForScheduleTab("fixed_assets"),w=x.useRef(),g=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:de(o,G,Y,U,N,p.entityAutoCompleteView),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:de(o,G,Y,U,N,p.entityAutoCompleteView)}),a=g.watch("scheduleDetailsFixedAssetsSection.vendor");x.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&w.current?.(e.getVendorOptions(p.entityAutoCompleteView))},[p.entityAutoCompleteView.fetchState]);const V=(c,C)=>{l.onAutoCompleteInputChange?.(c,"vendor"),w.current=C},W=g.handleSubmit(()=>{R(o.selectedJEScheduleTransaction?.jeScheduleId)}),me=async(c,C)=>{const T=C[te].vendor;if(c.includes("vendor")){const re=T?.defaultOptions.map($=>$.value);if(T?.selectedOption!=null&&re?.includes(T.selectedOption)!==!0){const $=p.entityAutoCompleteView.vendor.find(Ee=>Ee.id===T.selectedOption);$!=null&&g.setValue("scheduleDetailsFixedAssetsSection.vendor.defaultOptions",[{label:$.name??"",value:$.id}])}}const be=c.includes("amount");if(_(C,be),c.includes("amount")){const re=c.split(".")[1],$=parseInt(re);X(!0),b($,o.selectedJEScheduleTransaction?.jeScheduleId)}};x.useEffect(()=>{const c=g.watch((C,{name:T})=>{T!=null&&C!=null&&n.defer(()=>me(T,C))});return()=>{c.unsubscribe()}}),x.useEffect(()=>{(se!==f.jeScheduleDetails.length||oe!==f.selectedDate||le!==f.selectedDayOfMonth)&&i===!0&&(g.resetField(ne,{defaultValue:de(o,G,Y,U,N,p.entityAutoCompleteView)[ne],keepDirty:!1}),X(!1))},[f.jeScheduleDetails.length,f.selectedDate,f.selectedDayOfMonth]),x.useEffect(()=>{o.selectedJEScheduleTransaction?.status.code==="marked_as_completed"&&Z(!1)},[o.selectedJEScheduleTransaction?.status.code]);const ie=(e.formHasDirtyFields(g.formState.dirtyFields)||o.selectedJEScheduleTransaction?.status.code==="draft")&&f.jeScheduleDetails.length>0,xe=()=>{ie===!0?I(!0):(u!=null&&t!=null&&s.trackScheduleDetailsCanceled(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),m())},fe=()=>{o.selectedJEScheduleTransaction!=null&&F({id:o.selectedJEScheduleTransaction.baseTransaction.id,type:o.selectedJEScheduleTransaction.baseTransaction.type})},Se=x.useCallback(()=>{Z(!0)},[]),ge=x.useCallback(()=>{u!=null&&t!=null&&s.trackScheduleDetailsMarkedAsCompleted(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),J()},[s,E,j,t,J,u,S]),Ce=x.useCallback(c=>{u!=null&&t!=null&&s.trackScheduleDetailsDeleted(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),D(c)},[s,E,j,t,D,u,S]),ye=(o.selectedJEScheduleTransaction?.scheduledJournalEntry.flatMap(c=>c.error??[]).filter(c=>!!c)??[])?.includes("vendor_deleted")===!0?a?.defaultOptions.find(c=>c.value===a?.selectedOption)?.[0]?.label:o?.selectedJEScheduleTransaction?.vendor?.name;return n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(Je,{title:ye??P.strings.empty,onNavigateBack:xe,onTransactionClick:fe}),n.jsxRuntimeExports.jsx(De,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...g,children:n.jsxRuntimeExports.jsxs("form",{style:{width:"100%"},id:he(pe),onSubmit:W,children:[n.jsxRuntimeExports.jsx(ke,{vendorLoadOptions:V,vendorField:a,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:p,scheduleDetailsView:o,allAccountOptions:G,allClassOptions:Y,allMonthOptions:N,allDepAccountOptions:U,onEditAmount:b,onDelete:Ce,onJELinkClick:Q,onViewLinkedJE:L,onMarkAsComplete:ge,allowCreateSchedule:ae,onCreateSchedule:Se}),O===!0?n.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:P.confirmationPopup.discardTitle}),descriptionComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:P.confirmationPopup.discardDescription}),primaryButtonText:P.confirmationPopup.discard,secondaryButtonText:P.confirmationPopup.cancel,proceedButtonVariant:"danger",action:ce}):null,ie===!0?n.jsxRuntimeExports.jsx(e.Footer,{formId:he(pe),primaryBtn:{label:P.footer.save,style:{minWidth:"82px"},isLoading:o.updateStatus.fetchState==="In-Progress",isDisabled:o.updateStatus.fetchState==="In-Progress"},cancelBtn:{label:P.footer.cancel,shouldResetOnCancel:!0,onClick:()=>{I(!0)},style:{minWidth:"82px"}}}):null]})})})]})}function Je({onNavigateBack:s,onTransactionClick:r,title:y}){return n.jsxRuntimeExports.jsx(e.NavBarWithLaunch,{title:y,tooltipTextOnLaunch:Re.showTransactionTooltip,onBackClick:s,onLaunchClick:r,style:{zIndex:3}})}function ke({vendorField:s,vendorLoadOptions:r,vendorSearchAutoCompleteActions:y,vendorSearchAutoCompleteData:o,scheduleDetailsView:l,allAccountOptions:p,allClassOptions:d,allDepAccountOptions:m,allMonthOptions:b,allowCreateSchedule:v,onCreateSchedule:R,onEditAmount:D,onDelete:_,onJELinkClick:q,onViewLinkedJE:F,onMarkAsComplete:J}){const k=l.selectedJEScheduleTransaction?.scheduledJournalEntry.flatMap(O=>O.error).filter(O=>!!O)??[];return l.selectedJEScheduleTransaction!=null?n.jsxRuntimeExports.jsxs(Ie,{children:[n.jsxRuntimeExports.jsx(Ae,{children:n.jsxRuntimeExports.jsx(ee.ScheduleTransactionHeader,{vendorLoadOptions:r,vendorField:s,vendorFieldName:M(te,"vendor"),vendorSearchAutoCompleteActions:y,vendorSearchAutoCompleteData:o,errors:k,transaction:l.selectedJEScheduleTransaction.baseTransaction,vendor:l.selectedJEScheduleTransaction.vendor})}),n.jsxRuntimeExports.jsx(Oe,{sectionId:te,jeScheduledTransaction:l.selectedJEScheduleTransaction,allAccountOptions:p,allAccountList:l.allAccountList,allClassList:l.allClassList,allClassOptions:d,allDepreciationAccountOptions:m,allDepreciationAccountList:l.allDepreciationAccountList,allMonthOptions:b,uncategorizedAccounts:l.uncategorizedAccounts,lastDayOfMonth:l.scheduleDetailsLocalData.fixed_assets.lastDayOfMonth,assetId:l.scheduleDetailsLocalData.fixed_assets.assetId,selectedPostingDay:l.scheduleDetailsLocalData.fixed_assets.selectedDayOfMonth,selectedMonths:l.scheduleDetailsLocalData.fixed_assets.selectedMonths,isDisabled:l.selectedJEScheduleTransaction.jeScheduleId!=null&&l.selectedJEScheduleTransaction.status.code!=="draft"&&l.selectedJEScheduleTransaction.status.code!=="marked_as_completed"?"disabled":void 0,updateStatus:l.deleteStatus.fetchState,allowCreateSchedule:v,onDelete:_,onMarkAsComplete:J,onCreateSchedule:R}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:v===!0,children:n.jsxRuntimeExports.jsx(ee.ScheduleSequenceTable,{sectionId:ne,totalAmount:l.selectedJEScheduleTransaction.baseTransaction.amount.amount,listFetchState:l.fetchState,scheduleJournalEntries:l.selectedJEScheduleTransaction.scheduledJournalEntry,hideMemoField:l.selectedJEScheduleTransaction.jeScheduleId==null,localData:l.scheduleDetailsLocalData.fixed_assets.jeScheduleDetails,uiState:l.uiState,onEditAmount:D,onJELinkClick:q,onViewLinkedJE:F,jeScheduleId:l.selectedJEScheduleTransaction.baseTransaction.id})})]}):null}const he=s=>`${s}_form`,de=(s,r,y,o,l,p)=>{const d=s.scheduleDetailsLocalData.fixed_assets,m=d.selectedAccount,b=d.selectedVendor,v=b!=null?p.vendor.find(i=>i.zeniId===b.id):void 0,R=m!=null?s.allAccountList.find(i=>i.accountId===m):void 0,D=d.selectedAccumulatedDepreciationCategory,_=D!=null?s.allDepreciationAccountList.find(i=>i.accountId===D):void 0,q=d.assetId,F=d.selectedClass,J=F!=null?s.allClassList.find(i=>i.classId===F):void 0,O=d.selectedMonths,I=d.jeScheduleDetails.map(i=>({postingDate:i.postingDate,amount:i.amount.amount,runningBalance:i.runningBalance.amount,postingStatus:i.postingStatus,jeLink:i.jeLink.thirdPartyTransactionId})),h=d.selectedDayOfMonth,A=d.lastDayOfMonth,z=h==null&&A==null?void 0:A===!0?"lastDayOfMonth":"day";return{[te]:{scheduleExpenseCategory:{selectedOption:R?.qboId,allOptions:r},accumulatedDepreciationCategory:{selectedOption:_?.qboId,allOptions:o},assetId:q,scheduleClass:{selectedOption:J?.classId,allOptions:y},startDate:d.selectedDate,months:{selectedOption:O,allOptions:l},vendor:{selectedOption:v?.id??b?.id,defaultOptions:e.getDefaultVendorOptions$1(p,v??b)},postingDate:{type:z,dayOfMonth:h}},[ne]:I}};exports.default=Fe;