@zeniai/web-components 3.17.3 → 3.17.4

package/dist/ScheduleDetailsPage-BwNUcSH7.cjs

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