@zeniai/web-cockpit-ui 1.14.87-qa → 1.14.88-dev

package/dist/assets/BillDetailPage-CtThP7Y9-go2TByqn.js

@@ -1,266 +0,0 @@
-import{Q as On,av as Fn,d as En,gc as _n,gd as Zn,ge as Wn,gf as Kn,ca as Vn,aN as Xn,F as Gn,y as u,V as t,f3 as rt,f4 as Un,o as a,f5 as qn,f6 as Hn,aK as b,f7 as Qn,aL as $e,f8 as Yn,bz as st,bm as dt,dw as ct,cm as pt,cn as mt,co as ut,gg as Jn,gh as ea,gi as ta,gj as na,fd as I,fe as $,ff as A,gk as k,fc as aa,b as yt,p as ie,fg as Nt,fh as ia,fi as la,fj as oa,gl as ra,gm as sa,aO as da,an as ht,bQ as we,gn as ca,go as L,u as r,ah as pa,b$ as ma,gp as ua,_ as ya,gq as ha,gr as bt,fn as gt,B as ba,d0 as ga,cf as xa,b5 as fa,b7 as wa,c as Ta,bS as Lt,gs as va,ag as Ot,aW as ja,b3 as Da,br as Ia,eN as $a,ak as Aa}from"./index-Bbd5Axbp.js";import{a as p}from"./core-3dlyNYRL.js";import{n as i}from"./mui-bYXq4XMS.js";import{a as ka}from"./liveblocks-B3KbWbMM.js";import{bR as Sa,bO as Ca,bS as Pa,fI as Ba,bQ as za,bK as Ra,bj as Ma}from"./zeni-epic-state-xFtF3OLs.js";import{o as Na,t as La}from"./LowBalancePopup-BMSJwe7h-DBEdfgpI.js";import"./sentry-DxvQlcJu.js";import"./lottie-CaGAfnTY.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./utils-C70QTjQC.js";import"./lexical-DPEnH3HH.js";const Oa=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",...e},p.createElement("g",{id:"Layer_1"},p.createElement("path",{fill:"none",stroke:"#757d7e",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",d:"M4.4,30.6l6-5.9c1,.6,2.1.9,3.3,1,1.1.1,2.3,0,3.4-.4,1.1-.4,2.1-.9,2.9-1.7.9-.8,1.5-1.7,2-2.7,0-.1,0-.2,0-.4,0-.1,0-.2-.1-.3,0-.1-.2-.2-.3-.2-.1,0-.2,0-.4,0h-4.6c-.8,0-1.6-.3-2.1-.9-.6-.6-.9-1.3-.9-2.1s.3-1.5.9-2.1c.6-.6,1.3-.9,2.1-.9h3.8c.1,0,.3,0,.4-.1s.2-.2.3-.3c0-.1,0-.3,0-.4,0-.1,0-.3-.1-.4-1.3-1.6-3.1-2.7-5.2-3.1-2.1-.4-4.2,0-5.9,1.2-1.8,1.1-3,2.8-3.5,4.8s-.2,4.1.8,5.9l-6.1,5.7,3.3,3.3Z"})),p.createElement("g",{id:"Layer_2"},p.createElement("g",null,p.createElement("path",{fill:"#c27419",stroke:"#f3f7f7",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round",d:"M31,8c0,1.9-.7,3.8-2.1,5.1-1.3,1.4-3.2,2.2-5.1,2.2-.9,0-1.9-.2-2.7-.5-.9-.3-1.7-.9-2.3-1.5-.7-.7-1.2-1.4-1.6-2.3-.4-.9-.6-1.8-.6-2.7,0-1.9.7-3.8,2.1-5.1,1.3-1.4,3.2-2.2,5.1-2.2.9,0,1.9.2,2.7.5.9.3,1.7.9,2.3,1.5.7.7,1.2,1.4,1.6,2.3.4.9.6,1.8.6,2.7Z"}),p.createElement("path",{fill:"none",stroke:"#f3f7f7",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round",d:"M23.8,9.4v-4.6"}),p.createElement("path",{fill:"none",stroke:"#f3f7f7",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round",d:"M23.8,11.4s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.1,0,0,0,0,.1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.1,0,0,0,0-.1,0h0"})))),Fa={formTitle:new ba("h6Medium","h5Medium")},m={containerPaddingLeft:new u(r[3],r[6],r[6]),containerPaddingRight:new u(r[3],r[6],r[8]),marginBottom:new u(r[3],r[3]),labelWidth:new u(120,160,160),formTitlePaddingLeftRight:new u(30,0),marginTop:new u(r[1],0),rightIconsGap:new u(r[4],r[5]),closeContainerMarginTop:new u(r[1],0),formTitleMarginTopBottom:new u(0,0),footerButtonWidth:new u(120,120,120,165,165),right:new u(r[3],r[0]),actionsContainerRight:new u(r[0],r[3],r[3],r[6],r[6]),otherActionsIconContainerMarginLeft:new u(r[5],r[4],r[4],r[5]),otherActionsContainerBottom:new u(58,44),iconContainerMarginTop:new u(2,r[1]),recurringSchedulePaddingLeft:new u(r[2],0),paddingRight:new u(r[2],r[3]),labelMarginRight:new u(r[0],r[3]),textPadding:new u(r[0],r[3]),additionalTextMarginTop:new u(-4,0),refundPopupWidth:new u(300,420,420),drawerSectionPaddingLeftRight:new u(r[4],r[5]),infoLabelPaddingRight:new u(r[3],r[3]),infoLabelMarginTop:new u(r[1],r[0]),navBarHeight:new u(0,0,r[8]),navBarContainerWidth:new u(100,58)},{dateFormat:Ea,common:{noText:C,strings:{empty:d},currency:xt,via:_a,more:Za,edit:Wa},spendManagement:{billPay:{billDetails:n,billsByTabs:Ae,bulkActions:ft,vendorCreation:wt,insufficientFunds:Ft}},collaboration:{threads:{placeholder:Tt,tooltip:vt,title:{comments:Ka}}}}=Gn.getLocalizedStrings(),Te=Ea.visual.MMMDCommaYYYYformat,Mi=({billDetails:e,currentTenant:x,showApproveRejectBtns:g,isShowDeletedBillsEnabled:W,signedInUser:le,isAdmin:Et,isRealTimeApprovalEnabled:_t,isInternationalPaymentShaVsOurEnabled:Zt,hasZeniAssistAccess:Wt,analytics:M,showMarkAsPaidButtonToCreator:K,showMarkAsPaidButtonToApprover:ke,isBillPayCommentingEnabled:Se,isZeniUser:Kt,showBackButton:Ce=!0,isDetectInsufficientFundsEnabled:Vt,redirectToEditableBillScreen:Xt,redirectToBillsScreen:H,discardBillDetailsFromLocalStore:Pe,deleteBill:Gt,cancelAndDeleteBill:Be,approveOrRejectBill:ze,onAddNewRule:Ut,onAttachmentClick:Re,saveBillDetails:qt,discardOutsideZeniPaymentData:Ht,onBackClick:Me,updateEditRealTimeApproverClicked:Qt,onSaveRealTimeApprovals:Yt,onRetryPaymentClick:Jt,onRefundPaymentClick:en})=>{const l=On(),o=Fn(),Ne=En(),[tn,V]=p.useState(!1),[Le,oe]=p.useState(!1),[re,se]=p.useState(!1),[Oe,de]=p.useState(!1),[nn,ce]=p.useState(!1),[Fe,Q]=p.useState(!1),h=e.transactionDetails?.id,an=Kt?_n:Zn,{requestToOpenThread:pe,setRequestToOpenThread:Ee,setOpenThread:Y}=p.useContext(an),[ln,X]=p.useState(!1),T={application:"dashboard",companyId:o.currentTenant?.companyId,tab:"bill",entityId:h,isGlobalComment:!1},{threads:G,isLoading:P}=Wn(T,"both",!1),f=Se&&h!=null,_e=p.useMemo(()=>h==null?[]:G.filter(c=>c.resolved===!1&&!c.id.includes(Kn)),[G,h]).length,v=`dashboard_${o.currentTenant?.companyId}`,on=p.useCallback((c,y)=>{Y(y),X(!1)},[Y,X]);p.useEffect(()=>{pe?.threadId!=null&&G.length>0&&!P&&(Y(pe.threadId),Ee(null))},[pe,G,P,Y,Ee]),Vn({componentName:"bill.details"});const[N,J]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[Ze,We]=p.useState("approved"),[rn,Ke]=p.useState(!1),[sn,Ve]=p.useState(!1),[Xe,Ge]=p.useState(!1),Ue=()=>Ke(!1),dn=()=>Ke(!0),qe=Xn(e.zeniAssist?.refundStatus.fetchState),ee=p.useCallback(()=>{H()},[H]);p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed"||e.billSaveStatus==="Completed")&&(Pe(),H())},[e,H,Pe]),p.useEffect(()=>{qe==="In-Progress"&&(e.zeniAssist?.refundStatus.fetchState==="Completed"||e.zeniAssist?.refundStatus.fetchState==="Error")&&(se(!1),ee())},[qe,e.zeniAssist?.refundStatus,ee]);const w=e.transactionDetails?.billPayInfo.stage,te=e.transactionDetails?.billPayInfo.billStatus,U=e.transactionDetails?.billPayInfo.billPaymentStatus,cn=e.transactionDetails?.billPayInfo.billPaymentRefundStatus,me=w?.code==="paid",j=me?w:te?.code=="approved"&&U?.code?U:te,S=Va(j,e.transactionDetails),O=e.transactionDetails?.billPayInfo.isRefundInitiated===!0?cn:U?.code!=null&&(te?.code=="approved"||U.code==="mark_as_paid")?U:te,ue=e.transactionDetails?.vendor?.name,B=e.isRecurring,He=()=>{e.transactionDetails?.id!=null&&Xt(e.transactionDetails?.id??"")},pn=()=>{J({title:B?n.recurringBill.deleteRecurringTitle:n.deleteBillTitle,description:B?n.recurringBill.deleteRecurringAlertText:n.deleteAlertDescription,primaryButtonText:n.delete,secondaryButtonText:n.cancel}),V(!0)},mn=()=>{J({title:n.cancelBillTitle,description:n.cancelAlertDescription,primaryButtonText:n.yes,secondaryButtonText:n.no}),V(!0)},un=()=>{J({title:B?n.recurringBill.cancelAndDeleteRecurringTitle:n.cancelAndDeleteBillTitle,description:B?n.recurringBill.cancelAndDeleteRecurringAlertText:n.cancelAndDeleteAlertDescription,primaryButtonText:n.yes,secondaryButtonText:n.no}),V(!0)},yn=()=>{M.trackRefundClick(j?.code??"",w?.code??"",O?.description??"",B?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??""),J({title:n.zeniAssist.refundTitle,description:n.zeniAssist.refundDescription,primaryButtonText:n.zeniAssist.proceed,secondaryButtonText:n.cancel}),se(!0)},hn={onOkClick:()=>{V(!1),N.primaryButtonText===n.delete?Gt?.(e.isRecurring):N.title===n.cancelBillTitle?Be?.(e.isRecurring):N.title===n.cancelAndDeleteBillTitle||N.title===n.recurringBill.cancelAndDeleteRecurringTitle?Be?.(e.isRecurring,!0):N.primaryButtonText===n.zeniAssist.proceed&&(M.trackRefundConfirmClick(j?.code??"",w?.code??"",O?.description??"",B?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??""),en())},onCancelClick:()=>{V(!1),se(!1)}},bn={onOkClick:c=>{ce(!1),ze({billId:e.transactionDetails?.id??"",type:"rejected",description:c})},onCancelClick:()=>{ce(!1)}},gn=()=>{const[c]=ja("ZeniAssist");return c!=null?t.jsx(Da,{"data-testid":b("bill-details-zeni-assist-icon",h),onClick:()=>{de(!Oe),M.trackZeniAssistClick(j?.code??"",w?.code??"",O?.description??"",B?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??"")},style:{width:`${a.sp5}`,height:`${a.sp5}`,marginBottom:`${a.sp2}`},animationData:c,loop:!0,play:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null},ne={invoiceNumber:e.transactionDetails?.documentId??"",invoiceDate:e.transactionDetails?.date,billDueDate:e.transactionDetails?.dueDate,memo:e.transactionDetails?.memo,currencyCode:e.vendorCurrency??xt.currencyCode},ye=e.transactionDetails?.lines?.map((c,y)=>{const z=c;return{lineIndex:y,lineId:z.id,account:z.account,class:z.class,amount:z.amount.amount,billable:z.billable,customer:z.customer,lineDescription:z.lineDescription,recipientAmount:z.recipientAmount?.amount}})??[],xn=e.transactionDetails?.recipientTotalAmount.amount??0,he=e.transactionDetails?.recipientTotalAmount,s={paymentType:e.paymentMethodType,paymentDate:e.transactionDetails?.billPayInfo.paymentDate,internationalTransferFeeBearerPaymentMethod:e.transactionDetails?.billPayInfo.internationalTransferFeeBearerPaymentMethod,paymentToBankAccount:e.bankAccount,paymentToPI:e.paymentInstrument},D=m.labelWidth.value(l),fn=c=>c==="billable"||c==="has_been_billed"?n.yes:n.no,wn=s.paymentToBankAccount?.bankAccountNumber?s.paymentToBankAccount?.bankAccountNumber?.slice(s.paymentToBankAccount?.bankAccountNumber?.length-4):s.paymentType?.method?.includes("international")&&s.paymentToBankAccount?.bankAccountIban?s.paymentToBankAccount?.bankAccountIban?.slice(s.paymentToBankAccount?.bankAccountIban.length-4):"",Tn=s.paymentToBankAccount?.bankAccountName!=null&&s.paymentToBankAccount?.bankAccountName!=""?s.paymentToBankAccount?.bankAccountName:`${e.transactionDetails?.vendor?.name} - ${s.paymentToBankAccount?.bankName} XXXX${wn}`,vn=e.transactionDetails?.billPayInfo?.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${n.magicLink.collectFrom} ${e.transactionDetails?.billPayInfo?.toAccountVendorEmail}`,t.jsx(fi,{windowSize:l,children:t.jsx(xi,{})})]}):void 0,Qe=e.transactionDetails?.date!=null&&e.transactionDetails.bookCloseDate!=null&&e.transactionDetails.date.isBefore(e.transactionDetails.bookCloseDate),jn=()=>`${wt.achDetails.bankRoutingNumber} ${s?.paymentToBankAccount?.bankRoutingNumberAch}, ${s?.paymentToBankAccount?.bankName}
-      ${wt.achDetails.bankAccountNumber} ${s?.paymentToBankAccount?.bankAccountNumber}`,ae=e.transactionDetails?.billPayInfo!=null?Sa(e.transactionDetails?.billPayInfo):void 0,Dn=ae!=null&&e.paymentMethodType?.maxPeriod?.value!=null?Ca(Pa(ae?.toDate(),[0,6],e.paymentMethodType?.maxPeriod.value).toDateString()):void 0,Ye=e.transactionDetails?.billPayInfo.expectedDepositDate??Dn,Je=rt(s?.paymentType?.method??"").replace("Same Day",""),In=(s?.paymentToBankAccount!=null||s?.paymentToPI)!=null?n.addedByZeni:e.transactionDetails?.billPayInfo.isCollectToAccountInfoFromVendorContact?t.jsx(Un,{paymentTypeLabel:Je,onClick:dn,style:{marginTop:`${l==="small"?a.sp2:a.sp0}`}}):void 0,$n=()=>s?.paymentToBankAccount==null&&s?.paymentToPI==null&&s?.paymentType?.method!=null&&e.transactionDetails?.billPayInfo.isCollectToAccountInfoFromVendorContact&&e.transactionDetails?.billPayInfo.paymentDate!=null?t.jsx(va,{paymentType:s?.paymentType?.method,paymentDate:e.transactionDetails?.billPayInfo.paymentDate}):null,et=e.transactionDetails?.lines?.some(c=>{const y=c.account;return y?.isDeleted===!0&&y?.isBillEditableCoaAccountType===!1})??!1,be=!(j?.code==="processing"||e.transactionDetails?.billPayInfo.isRefundInitiated===!0||e.transactionDetails?.billPayInfo.isRefundComplete===!0||(w?.code==="scheduled"||w?.code==="pending_approval")&&et),tt=!((w?.code==="scheduled"||w?.code==="pending_approval")&&et),ge=e.zeniAssist?.isEligibleForRetryIBT===!0||e.zeniAssist?.isEligibleForRetryOBP===!0,xe=e.zeniAssist?.isEligibleForRefund===!0,An=e?.transactionDetails?.billPayInfo.billPaymentMethodType.code==="wire"&&e?.transactionDetails?.billPayInfo.billPaymentMethodType.subCode==="international",kn=Wt&&e.transactionDetails?.billPayInfo.billPaymentStatus.code!=null&&["failed","cancelled","returned"].includes(e.transactionDetails.billPayInfo.billPaymentStatus.code)&&(ge||xe)&&An===!1,fe=ge||xe,Sn=e.transactionDetails?.billPayInfo.isRefundInitiated===!0&&e.transactionDetails?.billPayInfo.isRefundComplete===!1,E=j?.code,Cn=!Sn&&(!Qe||j?.code==="processing"&&!B),nt=!Qe,at=["small","medium-compact","medium-regular"].includes(l),q=Ba(e.transactionDetails?.bulkProcessingDetail?.type),F=za(e.paymentMethodType?.method),Pn=!q&&(E!=="processing"&&tt||E==="processing"&&!B||E==="processing"&&nt||g&&F&&ke),Bn=c=>{M.trackBillPayMarkAsPaidSubmit(c.paymentMode??"other",w?.code??"",j?.code??""),qt(!0,Xe,c)},it=()=>{Ve(!0),M.trackBillPayMarkAsPaid(w?.code??"",j?.code??"")},zn=()=>{Ge(!0),it()},Rn=()=>{Ht(),Ve(!1),Xe&&Ge(!1)},Mn=p.useMemo(()=>({companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,entityType:"bill.details",entityId:h??d,isGlobalComment:!1,application:"dashboard",tab:"bill",url:window.location.href}),[o.currentTenant,h]),_=Vt&&e.transactionDetails?.totalAmountWithFeesInUSD!=null&&w?.code!=="paid"&&j?.code!=="failed"&&j?.code!=="processing"&&j?.code!=="cancelled"&&j?.code!=="returned"&&j?.code!=="rejected"?qn(e.transactionDetails?.totalAmountWithFeesInUSD,e.withdrawFrom,s.paymentDate):void 0,lt=()=>{We("approved"),Fe===!0&&Q(!1),_!=null&&M.trackLowBalanceAccountApprove(w?.code??"",e.transactionDetails?.billPayInfo.billPaymentStatus.code??"",e.isRecurring?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??"",gt(o.loggedInUser),e.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account"),ze({billId:e.transactionDetails?.id??"",type:"approved"})},Nn=()=>{We("rejected"),_!=null&&M.trackLowBalanceAccountReject(w?.code??"",e.transactionDetails?.billPayInfo.billPaymentStatus.code??"",e.isRecurring?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??"",gt(o.loggedInUser),e.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account"),ce(!0)},ot=p.useRef(null);return t.jsxs(li,{windowSize:l,ref:ot,children:[t.jsx(Hn,{anchor:"right",open:rn,onClose:Ue,transitionDuration:250,"data-testid":b("vendor-email-preview-drawer"),children:t.jsx(Qn,{companyName:Yn(x.company?.companyInfo),vendor:e.transactionDetails?.vendor?.name,paymentDate:s.paymentDate?.format(Te)??"",paymentType:Je,amount:$e("0,0.[00]",he),isInvoiceAttached:!!e.transactionDetails?.attachments?.length,onClose:Ue})}),t.jsxs(di,{windowSize:l,children:[t.jsx(vi,{windowSize:l,children:l==="small"?t.jsx(st,{"data-testid":b("bill-detail-nav-bar-mobile"),title:t.jsxs(t.Fragment,{children:[ue,e.isRecurring?t.jsx(Ie,{width:a.sp4,height:a.sp4}):null]}),backgroundColor:Ne.colors.grey4,rightSideComponent:t.jsxs(kt,{windowSize:l,children:[f?t.jsxs(Rt,{isDisabled:P,"data-testid":b("bill-comment-button"),onClick:P?()=>null:c=>{c.preventDefault(),c.stopPropagation(),X(!0),M.trackCommentActivity("bill","clicked",o.currentTenant?.companyName??"",o.controllersList.controllers.map(y=>ct(y)),void 0,void 0,"page icon")},children:[t.jsx(dt,{count:P?void 0:_e,isLoading:P,style:{left:"12px"}}),t.jsx(Mt,{})]}):null,t.jsx(St,{onClick:()=>ee(),"data-testid":b("bill-detail-nav-bar-small-close-button"),children:t.jsx(At,{})})]}),leftSideComponent:t.jsx($t,{windowSize:l,onClick:Me,"data-testid":b("bill-detail-nav-bar-small-back-button"),style:{visibility:`${Ce?"visible":"hidden"}`},children:t.jsx(It,{})}),source:"BillDetailPage"}):t.jsx(st,{"data-testid":b("bill-detail-nav-bar"),title:t.jsxs(t.Fragment,{children:[ue,e.isRecurring?t.jsx(Ie,{width:a.sp4,height:a.sp4}):null]}),rightSideComponent:t.jsxs(kt,{windowSize:l,children:[f?t.jsxs(Rt,{isDisabled:P,"data-testid":b("bill-comment-button"),onClick:P?()=>null:c=>{c.preventDefault(),c.stopPropagation(),X(!0),M.trackCommentActivity("bill","clicked",o.currentTenant?.companyName??"",o.controllersList.controllers.map(y=>ct(y)),void 0,void 0,"page icon")},children:[t.jsx(dt,{count:P?void 0:_e,isLoading:P,style:{left:"12px"}}),t.jsx(Mt,{})]}):null,t.jsx(St,{onClick:()=>ee(),"data-testid":b("bill-detail-nav-bar-close-button"),children:t.jsx(At,{})})]}),leftSideComponent:t.jsx($t,{windowSize:l,onClick:Me,"data-testid":b("bill-detail-nav-bar-back-button"),style:{visibility:`${Ce?"visible":"hidden"}`},children:t.jsx(It,{})}),enableTitleOnScroll:!0,scrollableContent:ot,source:"BillDetailPage"})}),t.jsxs(ci,{windowSize:l,children:[Fe?t.jsx(Na,{withdrawFrom:e.withdrawFrom,paymentDate:e?.transactionDetails?.billPayInfo.paymentDate,onOkClick:lt,onCancelClick:()=>{Q(!1),He()},onClickAway:()=>{Q(!1)}}):null,sn?t.jsx(La,{onCancel:Rn,onProceedForMarkAsPaid:Bn,saveDetailsFetchState:e.billSaveStatus,paymentData:e.outsideZeniPaymentInfo}):null,tn||re?t.jsx(pt,{titleComponent:t.jsx(ut,{children:N.title}),descriptionComponent:t.jsx(mt,{children:N.description}),primaryButtonText:N.primaryButtonText,proceedButtonVariant:re?"primary":"danger",secondaryButtonText:N.secondaryButtonText,action:hn,isEditPopup:!0,isLoading:e.zeniAssist?.refundStatus.fetchState==="In-Progress",children:re?Xa(l,e):null}):null,nn?t.jsx(pt,{titleComponent:t.jsx(ut,{children:n.rejectBillTitlePrefix+" "+(e.transactionDetails?.vendor?.name!=null?e.transactionDetails.vendor.name:"")}),descriptionComponent:t.jsx(mt,{children:n.rejectBillDescription}),primaryButtonText:n.send,secondaryButtonText:n.cancel,action:bn,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:n.rejectBillReasonPlaceholder}):null,l!=="small"||S?t.jsxs(mi,{windowSize:l,children:[l!=="small"?t.jsxs(ui,{windowSize:l,children:[ue,e.isRecurring?t.jsx(Ie,{height:a.sp5,width:a.sp5}):null]}):null,W&&S!=null&&S.code==="deleted"?t.jsx(Ct,{color:S.color,bgColor:S.bgColor,borderColor:S.borderColor,children:S.value}):S?.value===Ae.tabsById.overdue?t.jsx(Ct,{color:S.color,bgColor:S.bgColor,borderColor:S.borderColor,children:S.value}):null]}):null,O!=null&&O.code?l==="small"?t.jsx(Jn,{progressSectionObj:O,createDate:e.transactionDetails?.createTime,paymentDate:Ye,scheduleDate:ae,approvedDate:e.latestApprovedDate,isFrozen:e.transactionDetails?.isDeleted}):t.jsx(ea,{progressSectionObj:O,createDate:e.transactionDetails?.createTime,paymentDate:Ye,scheduleDate:ae,approvedDate:e.latestApprovedDate,isFrozen:e.transactionDetails?.isDeleted}):null,qa(q,e,_),t.jsx(ta,{sectionId:na,currentVendorOption:{defaultOptions:[]},billId:h,isBillPayCommentingEnabled:Se,isBillPaid:me,disableVendorActions:!0,vendor:e.transactionDetails?.vendor,prevBills:e.previousBills,onAttachmentClick:Re,isVendorRecommendationEnabled:!1,showVendorGptRecommendationText:!1}),s.paymentType?.method?.includes("ach"),t.jsxs(je,{children:[t.jsx(De,{children:n.whatForTitle}),t.jsxs(ve,{children:[t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"invoiceNumber"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("invoiceNumber")}`},children:t.jsx(k,{label:{label:n.invoiceNumber,width:D},text:ne.invoiceNumber??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"invoiceDate"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("invoiceDate")}`},children:t.jsx(k,{label:{label:n.invoiceDate,width:D},text:ne.invoiceDate?.format(Te)??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"billDueDate"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("billDueDate")}`},children:t.jsx(k,{label:{label:n.billDueDate,width:D},text:ne.billDueDate?.format(Te)??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"memo"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("memo")}`},children:t.jsx(k,{label:{label:n.memo,width:D},text:ne.memo??C,style:{width:"auto"}})})]})]}),t.jsxs(je,{children:[t.jsx(pi,{windowSize:l,children:t.jsx(De,{children:n.lineItemsTitle})}),ye.length>0?ye.map((c,y)=>{const z=e?.transactionDetails?.lines?.find(Ln=>Ln.id===c.lineId)?.recipientAmount;return t.jsxs(oi,{children:[ye.length>1?t.jsx(ri,{windowSize:l,children:t.jsx(si,{windowSize:l,children:`${n.line} # ${y+1}`})}):null,t.jsxs(ve,{children:[t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.recipientAmount`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("recipientAmount",y)}`},children:t.jsx(k,{label:{label:n.amount,width:D},text:z!=null?$e("0,0[.]00",z):C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.lineDescription`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("lineDescription",y)}`},children:t.jsx(k,{label:{label:n.description,width:D},text:c.lineDescription??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.account`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("account",y)}`},children:t.jsx(k,{label:{label:n.category,width:D},text:c.account?.accountName??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.class`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("class",y)}`},children:t.jsx(k,{label:{label:n.class,width:D},text:c.class?.className??C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.billable`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("billable",y)}`},children:t.jsx(k,{label:{label:n.billable,width:D},text:c.billable!=null?fn(c.billable):C,style:{width:"auto"}})}),t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:`${y}.customer`}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("customer",y)}`},children:t.jsx(k,{label:{label:n.customer,width:D},text:c.customer?.name??C,style:{width:"auto"}})})]})]},y)}):null]}),t.jsxs(yi,{windowSize:l,children:[t.jsx(hi,{children:n.total}),t.jsx(bi,{children:he!=null?t.jsx(aa,{amount:he,integerStyles:yt.h6Medium.cssObject,decimalStyles:yt.standardMedium.cssObject}):C})]}),t.jsxs(je,{children:[t.jsx(De,{children:n.paymentDetailsTitle}),t.jsxs(ve,{children:[F?null:t.jsxs(t.Fragment,{children:[t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"withdrawFrom"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("withdrawFrom")}`},children:t.jsx(k,{label:{label:n.withdrawFrom,width:D},text:e.withdrawFrom!=null?Nt(e.withdrawFrom,l):d,style:{width:"auto"},additionalInfoLabelStyles:{textAlign:"right",paddingRight:m.infoLabelPaddingRight.valuePx(l),marginTop:m.infoLabelMarginTop.valuePx(l),color:ie.brandColorGoldDark},additionalInfoLabel:_!=null&&w?.code==="pending_approval"?Ft.addMoney:_})}),t.jsx(R,{})]}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"paymentType"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("paymentType")}`},children:t.jsx(k,{additionalInfoLabel:s.paymentType?.method!=null&&s.paymentType.method.includes(Ra)&&Zt&&s.internationalTransferFeeBearerPaymentMethod!=null?t.jsx(Qa,{children:ia(s.internationalTransferFeeBearerPaymentMethod)}):void 0,label:{label:n.paymentMethod,width:D},text:F&&e.outsideZeniPaymentInfo!=null?Ua(e.outsideZeniPaymentInfo):rt(s.paymentType?.method??""),style:{width:"auto"}})}),F?null:t.jsxs(t.Fragment,{children:[t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"paymentTo"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("paymentTo")}`},children:t.jsxs(t.Fragment,{children:[t.jsx(k,{label:{label:n.paymentTo,width:D},text:s.paymentToBankAccount!=null?Tn:s.paymentToPI!=null?s.paymentToPI.displayText:vn,style:{width:"auto"},showEyeIcon:s.paymentToBankAccount!=null&&!!s.paymentType?.method?.includes("ach"),showAdditionalInfoLabel:!!e.transactionDetails?.billPayInfo.isCollectToAccountInfoFromVendorContact||s.paymentType?.method?.includes("ach"),tooltipText:jn(),additionalInfoLabel:t.jsx(Ha,{children:In})}),$n()]})})]}),F||e.isRecurring?t.jsxs(t.Fragment,{children:[t.jsx(R,{}),t.jsx(I,{isThreadAllowed:f,entityId:h,dashboardTabKey:A({type:"details",key:"recurringPaymentType"}),roomId:v,companyId:o.currentTenant?.companyId??d,companyName:o.currentTenant?.companyName??d,dashboardOptionType:"bill",filterMetaData:{...T,entityType:`bill.details.${$("recurringPaymentType")}`},children:t.jsxs(t.Fragment,{children:[t.jsx(k,{label:{label:n.paymentType,width:D},labelStyles:{marginRight:m.labelMarginRight.valuePx(l)},style:{width:"auto"},text:oa(e.isRecurring,F,e.transactionDetails?.recurringBillInstance??1,e.recurringBillConfigDetail?.totalPaymentCycles??0),textStyles:{paddingLeft:m.textPadding.valuePx(l),paddingRight:m.textPadding.valuePx(l)},additionalInfoLabel:la(l,e.isRecurring,F,e.recurringBillConfigDetail),additionalInfoLabelStyles:{paddingRight:m.paddingRight.valuePx(l),marginTop:m.additionalTextMarginTop.valuePx(l)}}),e.recurringBillInstances!=null&&e.recurringBillInstances.length>0?t.jsx(wi,{style:{paddingLeft:m.recurringSchedulePaddingLeft.valuePx(l)},children:t.jsx(ra,{onAttachmentClick:Re,currencySymbol:e.transactionDetails?.recipientTotalAmount.currencySymbol??xt.currencySymbol,recurringBillInstances:e.recurringBillInstances})}):null]})})]}):null]})]}),e.transactionDetails&&e.transactionDetails.id&&t.jsx(sa,{amount:xn,activities:e.billActivities,stage:w?.code??"draft",onAddNewRule:Ut,entity:"bill_pay",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,allAccountingClass:e.allAccountingClasses,vendorOwnerId:e.vendorOwnerId??"",isAdmin:Et,signedInUserId:le?.userId,showRealTimeApproval:_t,entityApprovalId:e.billActivities[0]?.entityApprovalId??e.transactionDetails.entityApprovalId,updateEditMode:Qt,onSaveRealTimeApprovals:Yt},historicActivities:e.billHistory.activities}),t.jsx(gi,{})]}),e.transactionDetails?.vendor!=null&&!me&&!e.transactionDetails.isDeleted?t.jsx(da,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:K||g,showCancel:!K&&g,cancelBtn:{label:at?n.buttons.reject:n.buttons.rejectBill,isLoading:Ze==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:Nn,style:{width:m.footerButtonWidth.value(l)},reverseSpinnerColor:!1},primaryBtn:{label:Ga(K,at),isLoading:Ze==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:K?it:()=>{_!=null?Q(!0):lt()},isDisabled:e.billSaveStatus==="In-Progress"||e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0,style:{width:K?"auto":m.footerButtonWidth.value(l)}},rightSideComponent:t.jsx(Ya,{children:t.jsxs(ii,{windowSize:l,children:[!q&&Le?t.jsx(ht,{onClickAway:()=>{oe(!1),de(!1)},children:t.jsxs(Dt,{windowSize:l,"data-testid":b("bill-actions-container"),children:[E!=="processing"&&tt?t.jsx(Z,{onClick:pn,"data-testid":b("delete-bill-action-item"),children:n.buttons.deleteBill}):null,E==="processing"&&!B?t.jsx(Z,{onClick:mn,"data-testid":b("cancel-bill-action-item"),children:n.buttons.cancel}):null,E==="processing"&&nt?t.jsx(Z,{onClick:un,"data-testid":b("cancel-and-delete-bill-action-item"),children:n.buttons.cancelAndDelete}):null,g&&F&&ke?t.jsx(Z,{onClick:zn,"data-testid":b("mark-as-paid-action-item"),children:n.paymentOutsideZeni.markAsPaid}):null]})}):null,Oe?t.jsx(ht,{onClickAway:()=>{oe(!1),de(!1)},children:t.jsxs(Dt,{windowSize:l,"data-testid":b("bill-actions-with-zeni-assist-container"),children:[ge?t.jsx(Z,{onClick:()=>{M.trackRetryClick(j?.code??"",w?.code??"",O?.description??"",B?["Recurring"]:["One-Time"],e.transactionDetails?.documentId??""),Jt()},"data-testid":b("retry-bill-action-item"),children:n.buttons.retry}):null,xe?t.jsx(Z,{onClick:yn,"data-testid":b("refund-bill-action-item"),children:n.buttons.refund}):null]})}):null,t.jsxs(ai,{windowSize:l,children:[kn===!0?t.jsx(we,{enterDelay:600,style:{color:ie.heroDark,padding:`2px ${a.sp2}`},display:"flex",title:fe?n.zeniAssist.tooltip:n.zeniAssist.connectToTeamTooltip,placement:"top",maxWidth:"267px",children:t.jsx(jt,{windowSize:l,showEditIcon:be,isIconClickable:fe,"data-testid":b("other-actions-icon-container"),children:fe?t.jsx(gn,{}):t.jsx(ei,{})})}):null,!q&&be===!0?t.jsx(we,{enterDelay:600,style:{color:ie.heroDark,padding:`2px ${a.sp2}`},display:"flex",title:Wa,placement:"top",children:t.jsx(ni,{onClick:He,"data-testid":b("edit-bill-icon-container"),children:t.jsx(ti,{})})}):null,!q&&Cn===!0&&Pn?t.jsx(we,{enterDelay:600,style:{color:ie.heroDark,padding:`2px ${a.sp2}`},display:"flex",title:Za,placement:"top",children:t.jsx(jt,{windowSize:l,showEditIcon:be,isIconClickable:!0,"data-testid":b("more-details-icon-container"),children:t.jsx(Ja,{onClick:()=>oe(!Le)})})}):null]})]})}),style:{minHeight:62}}):null]}),f?t.jsx(ka,{id:v,children:t.jsx(ca,{isDrawerOpen:ln,allowComposer:!0,drawerTitle:Ka,threads:G,filter:T,autoExpand:!0,autoFocus:!1,isLoading:P,textOverrides:{composerPlaceholder:Tt.addANewComment,replyComposerPlaceholder:Tt.replyAComment,threadResolve:vt.resolveComment,threadUnResolve:vt.unResolveComment},threadMetadata:Mn,onThreadClick:on,onCloseAllThreadsDrawer:()=>X(!1),drawerSectionStyle:{width:l==="small"?"100%":"400px",boxSizing:l==="small"?"border-box":"content-box",padding:`${a.sp0} ${m.drawerSectionPaddingLeftRight.valuePx(l)}`,backgroundColor:Ne.colors.background},collapsibleThreadStyle:{width:l==="small"?"100%":"360px"}})}):null]})},Va=(e,x)=>{const g=e?.code;if(e!=null&&g!=null)return x?.isDeleted===!0?{value:Ae.tabsById.deleted,color:L.deleted.color,bgColor:L.deleted.bgColor,borderColor:L.deleted.borderColor,code:"deleted"}:g==="pending_approval"&&x?.dueDate?.isBefore(Ma(),"date")===!0?{value:Ae.tabsById.overdue,color:L.overdue.color,bgColor:L.overdue.bgColor,borderColor:L.overdue.borderColor}:{value:e.name,color:L[g].color,bgColor:L[g].bgColor,borderColor:L[g].borderColor}},Xa=(e,x)=>{const g=x.transactionDetails?.recipientTotalAmount;return t.jsxs(Ti,{windowSize:e,children:[t.jsxs(Pt,{windowSize:e,children:[t.jsx(Bt,{children:n.zeniAssist.accountNumber}),t.jsx(zt,{children:x.withdrawFrom!=null?Nt(x.withdrawFrom,e):d})]}),t.jsxs(Pt,{windowSize:e,children:[t.jsx(Bt,{children:n.zeniAssist.amount}),t.jsx(zt,{children:g!=null?$e("0,0[.]00",g):C})]})]})},Ga=(e,x)=>e?n.paymentOutsideZeni.markAsPaid:x?n.buttons.approve:n.buttons.approveBill,Ua=e=>{const x=e.paymentMode,g=n.paymentOutsideZeni.offline;if(x==null||x==="other")return g;const W=n.paymentOutsideZeni.paymentModeOptions.find(le=>le.value===x)?.label;return`${g} ${_a} ${W}`},qa=(e,x,g)=>{if(e)return t.jsx(bt,{variant:"warning",style:{marginTop:a.sp5,marginBottom:a.sp3},title:ft.duplicateWarning.title,description:ft.duplicateWarning.description});if(g!=null){const W=`${x.withdrawFrom?.label??""} ${x.withdrawFrom?.maskedAccountNumber??""}`;return t.jsx(bt,{variant:"low-balance",style:{marginTop:a.sp2,marginBottom:a.sp3},title:`${Ft.lowBalanceIn.replace("__account__",W)}`,description:g.replace("Low balance! ","")})}else return null},Ha=i.div``,Qa=i.div``,Ya=i.div`
-  display: flex;
-  justify-content: flex-end;
-`,Ja=i($a)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,jt=i.div`
-  display: flex;
-  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:m.otherActionsIconContainerMarginLeft.valuePx(e.windowSize)};
-  cursor: ${e=>e.isIconClickable===!0?"pointer":"default"};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ei=i(Oa)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  margin-bottom: ${a.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ti=i(Ia)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ni=i.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ai=i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Dt=i.div`
-  display: flex;
-  width: max-content;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  padding-top: ${a.sp1};
-  padding-bottom: ${a.sp1};
-  position: absolute;
-  bottom: ${e=>m.otherActionsContainerBottom.valuePx(e.windowSize)};
-  z-index: 3;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${a.sp1};
-  right: ${e=>m.right.valuePx(e.windowSize)};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1}3D`};
-`,ii=i.div`
-  width: auto;
-  justify-content: flex-end;
-  position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>m.actionsContainerRight.valuePx(e.windowSize)};
-  height: 100%;
-  display: flex;
-`,Z=i(Ot)`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-left: ${a.sp3};
-  padding-right: ${a.sp3};
-  height: ${a.sp6};
-  box-sizing: border-box;
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,It=i(ma)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,$t=i.div`
-  margin-top: ${e=>m.marginTop.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-`,At=i(ya)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,kt=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${e=>m.rightIconsGap.valuePx(e.windowSize)};
-  margin-top: ${e=>m.closeContainerMarginTop.valuePx(e.windowSize)};
-`,St=i.div`
-  float: right;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  display: flex;
-`,li=i.div`
-  height: 100%;
-  overflow: scroll;
-`,ve=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  margin: ${a.sp3} 0;
-`,je=i.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${a.sp3};
-`,oi=i.div``,De=i(fa)`
-  color: ${e=>e.theme.colors.primary};
-`,R=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ri=i(wa)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.champion};
-  margin-top: ${a.sp2};
-  height: 31px;
-`,si=i(Ta)`
-  color: ${e=>e.theme.colors.champion};
-`,di=i.div`
-  display: flex;
-  flex-direction: column;
-`,ci=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-left: ${e=>m.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>m.containerPaddingRight.valuePx(e.windowSize)};
-  overflow-x: hidden;
-  margin-top: ${e=>m.navBarHeight.valuePx(e.windowSize)};
-`,pi=i.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
-  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,mi=i.div`
-  display: flex;
-  margin-bottom: ${a.sp3};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
-  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,ui=i(ga)`
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  ${e=>`${Fa.formTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${e=>m.formTitleMarginTopBottom.valuePx(e.windowSize)};
-  margin-bottom: ${e=>m.formTitleMarginTopBottom.valuePx(e.windowSize)};
-  word-break: break-all;
-  padding: ${e=>`${a.sp0} ${m.formTitlePaddingLeftRight.valuePx(e.windowSize)}`};
-`,yi=i.div`
-  padding: ${a.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${e=>m.marginBottom.valuePx(e.windowSize)};
-`,hi=i(Lt)`
-  display: flex;
-  width: 176px;
-  color: ${e=>e.theme.colors.primary};
-`,bi=i(Lt)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,Ct=i(xa)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1px 6px 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${a.sp1};
-  min-width: fit-content;
-`,gi=i.div`
-  display: flex;
-  flex-direction: column;
-  height: ${a.sp11};
-`,xi=i(pa)`
-  height: ${a.sp3};
-  width: ${a.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,fi=i.div`
-  display: flex;
-  align-items: center;
-  margin-left: ${a.sp2};
-  margin-top: ${e=>m.iconContainerMarginTop.valuePx(e.windowSize)};
-  align-self: center;
-`,Ie=i(ha)`
-  margin-left: ${a.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,wi=i.div``,Ti=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${a.sp2};
-  margin: ${e=>e.windowSize==="small"?`0 ${a.sp3} ${a.sp6} ${a.sp3}`:`0 ${a.sp8} ${a.sp5} ${a.sp8}`};
-`,Pt=i.div`
-  display: flex;
-  justify-content: space-between;
-  width: ${e=>m.refundPopupWidth.valuePx(e.windowSize)};
-`,Bt=i(Ot)`
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-`,zt=i(Aa)`
-  justify-content: end;
-  display: flex;
-  flex: 1;
-`,Rt=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Mt=i(ua)`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  align-items: center;
-  justify-content: center;
-`,vi=i.div`
-  display: flex;
-  justify-content: space-evenly;
-  margin-top: 0px;
-  position: fixed;
-  top: 0px;
-  width: ${e=>m.navBarContainerWidth.valuePercentage(e.windowSize)};
-  z-index: 3;
-`;export{Mi as default};

package/dist/assets/CustomerOnboardingContainerPage-J1gLDhpW-CJp3S6CI.js

@@ -1 +0,0 @@
-import{V as t}from"./index-Bbd5Axbp.js";import o from"./CustomerOnboardingNoStepsPage-B_0Hrx2F-BdzwfopU.js";import i from"./CustomerOnboardingPage-aBkvsh1l-BXmnzO_g.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-DxvQlcJu.js";import"./zeni-epic-state-xFtF3OLs.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";import"./PaymentAccountSetupBillingAddressSection-DFeVoMTQ-pcJ_okiT.js";import"./SetUpAccountSection-BKOCyUH3-BQ3VpPaI.js";import"./CustomerOnboardingDetailPageSkeleton-XJtMtsSn-CAwoUQOk.js";import"./CompanyOfficerDetailsSection-BqY-k8Ic-DYr7jvqd.js";import"./LabeledAddressValueField-C4ft1l-K-DncA4cPY.js";import"./LabeledCreatableSingleSelectField-BeelRB2Y-fxP4qWXW.js";import"./LabeledDocumentField-CgMzc8wC-BKcbKApj.js";import"./QBOSetupSection-CvWw_-bE-QtY2CQq9.js";import"./QBOConnectionDialog-BRU6xjQi-DU5o3RS5.js";const k=r=>r.currentTenant?.productSettings.isOtherProductsEnabled===!0?t.jsx(o,{...r}):t.jsx(i,{...r});export{k as default};

package/dist/assets/CustomerOnboardingPage-aBkvsh1l-BXmnzO_g.js

@@ -1,107 +0,0 @@
-import{V as r,fs as tn,Q as We,d as nn,a8 as an,cB as me,F as Ye,aN as Qe,x as ft,aA as He,bz as on,o as re,ab as sn,u as K,aO as rn,hE as cn,g6 as ln,ft as yt,d3 as Ot,d4 as gt,y as fe,g9 as ye,cO as dn,ak as pn,hF as ht,ac as St,cM as un,g8 as mn}from"./index-Bbd5Axbp.js";import{a as m}from"./core-3dlyNYRL.js";import{n as P,k as xt}from"./mui-bYXq4XMS.js";import{bi as j}from"./zeni-epic-state-xFtF3OLs.js";import{s as Ct,o as fn}from"./PaymentAccountSetupBillingAddressSection-DFeVoMTQ-pcJ_okiT.js";import{b as bt,f as yn,a as Pt}from"./CustomerOnboardingDetailPageSkeleton-XJtMtsSn-CAwoUQOk.js";import{s as gn,S as hn}from"./CompanyOfficerDetailsSection-BqY-k8Ic-DYr7jvqd.js";import{t as Sn}from"./QBOSetupSection-CvWw_-bE-QtY2CQq9.js";import"./sentry-DxvQlcJu.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";import"./SetUpAccountSection-BKOCyUH3-BQ3VpPaI.js";import"./LabeledAddressValueField-C4ft1l-K-DncA4cPY.js";import"./LabeledCreatableSingleSelectField-BeelRB2Y-fxP4qWXW.js";import"./LabeledDocumentField-CgMzc8wC-BKcbKApj.js";import"./QBOConnectionDialog-BRU6xjQi-DU5o3RS5.js";const Cn=({companyView:n,companyOfficerLocalData:k,allNationalityCountries:c,isVerificationPopupOpen:g,setIsVerificationPopupOpen:v,verifiedPhoneNumber:I,onPhoneVerified:h,...O})=>{const y=We(),N=n?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:V}=l,$=n?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(bn,{children:r.jsx(hn,{companyOfficerData:k,allOfficers:N??[],allNationalityCountries:c,sectionHeader:V,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:$,showInfoTooltip:y!=="small",showCompletedIcon:y==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:I,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...O})})},bn=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Pn=({fileProps:n,companyDetails:k,companyIndustries:c,sectionId:g,isCompleted:v,isDisabled:I,style:h,onCompanyAddressClick:O,onRegisteredAddressClick:y})=>{const N=We(),{company_details:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:V}=l;return r.jsx(In,{children:r.jsx(gn,{fileProps:n,companyDetails:k,sectionId:g,isDisabled:I,style:h,sectionHeader:V,productType:"onboarding",showInfoTooltip:N!=="small",showCompletedIcon:N==="small",isCompleted:v,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:O,onRegisteredAddressClick:y})})},In=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,On=P.div`
-  display: flex;
-`,xn=P.input`
-  display: none;
-`,wn=({isValid:n,sectionId:k="onboardingQboConnection",...c})=>{const{register:g}=dn();return r.jsxs(On,{children:[r.jsx(xn,{type:"hidden",...g(`${k}.connected`,{validate:v=>v==="true"}),value:n?"true":"false"}),r.jsx(Sn,{isValid:n,...c})]})},B="companyDetails",C="companyOfficer",Z="onboardingPaymentAccountSetupSection",It="customerOnboardingDetailPage",f="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(K[5],K[9],112),subTitlePaddingTop:new fe(K[3],K[3]),subTitlePaddingBottom:new fe(K[3],K[3])},kn=n=>`${n}_form`,ce=Ye.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:k,isAdmin:c,onboardingCustomerView:g,companyTitles:v,connectedAccountProvider:I,analytics:h,cardPaymentView:O,stripeKey:y,googleAPIKey:N,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:V,updateCardPaymentModalState:$,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:ve,redirectToProductSuitePage:Se,onFormErrorsChange:D,...Ae})=>{const z=We(),Ne=m.useRef(null),Ve=m.useRef(null),W=m.useRef(null),_e=m.useRef(null),[Ce,R]=m.useState(!1),[U,q]=m.useState("next"),[F,be]=m.useState(!1),[le,Pe]=m.useState(!1),[te,Y]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Ie,onCompanyOfficerUpdated:_,onFetchLinkTokenClick:Oe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:A,onEditFileName:Ge,updateFilesEntity:Xe,onGetOtp:wt,onSkipSetupClick:De,onUpdateCustomerView:Te,updateStepHandler:M,onVerifyOtp:kt,onResendOtp:vt,handleOnConnectClick:At,updateQBOPopupState:Nt,onUpdateStep:$e,onAddressEditHandler:Vt}=Ae,_t=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Ke(g,g.allNationalityCountries),values:Ke(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),Q=m.useCallback(()=>{const e=[];return(s.getFieldState(Z).error!=null||s.getFieldState(f).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);m.useEffect(()=>{const e=Q();D?.(e)},[Q,D]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:i})=>{a!=null&&(i==="change"||i==="blur")&&me(()=>{const u=Q();D?.(u)})});return()=>e.unsubscribe()},[s,Q,D]);const Je=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Ze,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Fe,paymentAccount:H,paymentAccountStatus:et,externalConnections:Ee,plaidConnectionDetails:Le,uiState:je,allNationalityCountries:Be,pendingSaveDetails:{companyDetails:Dt,officer:Tt},subscriptionBillingAddress:G}=g,xe=m.useRef(""),$t=e=>{xe.current=e;const t=Object.values(g.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,a=t<0?0:t;s.clearErrors(`${C}.${a}.phone`)},tt=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${X}.phone`):wt(e)},X=Object.values(E).findIndex(e=>e?.isSelectedForVerification===!0)??0,T=`Officer_${X<0?1:X+1}`,Ft=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),ze=E[T]?.userId!=null?Ft?.find(e=>e.user.userId===E[T]?.userId)?.address:null,nt=E[T]?.addressStatus?.addressToCreate,we=se?.companyAddress,at=d?.addressStatus?.addressToCreate,Re=se?.registeredAddress,ot=d?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Et,common:p}=ce,{footer:Lt,steps:jt}=Et,{buttons:st}=Lt,it=jt[o],Ue=S.length,ie=Qe(x.fetchState),L=Qe(o);function Bt(){return Ee?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Le).some(u=>u.fetchStatus.fetchState==="Completed"),t=H?.providerVerificationStatus?.code?.includes("verified")??!1,a=O.cardsList.length>0,i=O.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!H&&a||!a&&!H&&i};function rt(){if(s.getFieldState(f).error)return!1;const e=s.getValues(f),t=G?.street.join("").trim(),a=G?.city,i=G?.state,u=G?.country,w=G?.postalCode!=null&&G.postalCode||e.postalCode||p.strings.empty;return!!t&&!!a&&!!i&&!!u&&!!w}const ct=Qe(H?.providerVerificationStatus?.code),zt=()=>{const e=d,t=[];return e?.companyLegalName!=null&&t.push("legal_name"),e?.companyDescription!=null&&e?.companyDescription!==p.strings.empty&&t.push("company_description"),e?.addressStatus?.addressToCreate!=null&&t.push("company_address"),e?.registeredAddressStatus?.addressToCreate!=null&&t.push("registered_address"),e?.website!=null&&t.push("website"),e?.companyIndustry!=null&&e?.companyIndustry!==p.strings.empty&&t.push("industry"),e?.typeOfIncorporation!=null&&e?.typeOfIncorporation!==p.strings.empty&&t.push("type_of_incorporation"),e?.incDate!=null&&t.push("inc_date"),e?.phone!=null&&t.push("phone"),e?.primaryContactLocalData?.firstName!=null&&e?.primaryContactLocalData?.lastName!=null&&t.push("primary_contact_name"),e?.primaryContactLocalData?.email!=null&&t.push("primary_contact_email"),e?.taxIdOrEIN!=null&&t.push("tax_id_or_ein"),e?.companyFiles.find(a=>a.documentType==="certificate_of_incorporation")!=null&&t.push("certificate_of_incorporation"),e?.companyFiles.find(a=>a.documentType==="tax_ein")!=null&&t.push("ein"),{completedFields:t,status:t.length===14?"complete":t.length>0?"partially_complete":"incomplete"}},Rt=()=>{const e=E[T],t=[];return e?.firstName!=null&&e.firstName!==p.strings.empty&&t.push("first_name"),e?.lastName!=null&&e.lastName!==p.strings.empty&&t.push("last_name"),e?.birthday!=null&&t.push("dob"),e?.nationalityCountryCode!=null&&t.push("nationality"),e?.addressStatus?.addressToCreate!=null&&t.push("address"),e?.phone!=null&&e.phone!==p.strings.empty&&e.isPhoneVerified===!0&&t.push("phone"),e?.titleAtCompany!=null&&e.titleAtCompany!==p.strings.empty&&t.push("company_role"),e?.ownershipInCompany!=null&&t.push("ownership"),e?.ssn!=null&&e.ssn!==p.strings.empty&&t.push("ssn"),e?.documentTypeSelectedForVerification!=null&&t.push("document_type"),e?.fileIds!=null&&e.fileIds.length>0&&t.push("document_uploaded"),{completedFields:t,status:t.length===11?"complete":t.length>0?"partially_complete":"incomplete"}};m.useEffect(()=>{ct==="pending_manual_verification"&&H?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,H?.providerVerificationStatus?.code,ct]);const Ut=async(e,t)=>{if(e.includes(B))Ie?.(t[B]);else if(e.includes(C))_?.(t[C]);else if(e.includes(f)&&t[f]!=null){const a=s.getValues(`${f}`).country;let i=t[f];if(e.includes(`${f}.street`)&&t[f].street!=null){const{addressValue:u}=t[f].street,w=Ot(u?.country);i={street:t[f].street??p.strings.empty,city:u?.locality??p.strings.empty,state:u?.administrativeAreaLevel1??p.strings.empty,country:w,countryCode:u?.countryCode??p.strings.empty,postalCode:u?.postalCode??p.strings.empty,secondaryInfo:t[f].secondaryInfo,suite:t[f].suite},a.selectedOption!==w.selectedOption&&(i={...i,country:w})}else e===`${f}.country`&&a.selectedOption!=null?i={...i,countryCode:gt(a.selectedOption)}:a.selectedOption!=null&&e.includes(`${f}.street`)===!1&&(i={...i,countryCode:gt(a.selectedOption)});Vt(i)}};m.useEffect(()=>{const e=s.watch((t,{name:a})=>{a!=null&&t!=null&&me(()=>Ut(a,t))});return()=>{e.unsubscribe()}}),m.useEffect(()=>{ie==="In-Progress"&&x.fetchState==="Completed"&&(s.reset(Ke(g,Be),{keepDirtyValues:!1}),L==="company_details"&&o==="link_payment_account"&&!S.includes("qbo_connection")&&!g.qboConnected&&Se())},[s,g,ie,x.fetchState,Be,L,o,S,Se]),m.useEffect(()=>{Ce&&ie==="In-Progress"&&x.fetchState==="Completed"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},[ie,Ce,x.fetchState,De]),m.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&x.fetchState==="Completed"&&(Y(null),M(te.fromStep,te.stepDirection,!0))},[te,ie,x.fetchState,M]),m.useLayoutEffect(()=>{L!=null&&L!==o&&(S.indexOf(L)===S.indexOf(o)-1||S.indexOf(L)===Ue-1&&S.indexOf(o)===0?U!=="next"&&q("next"):(S.indexOf(L)-1===S.indexOf(o)||S.indexOf(L)===0&&S.indexOf(o)===Ue-1)&&U!=="previous"&&q("previous"))},[S,o,L,U,Ue]);const lt=()=>{const e=E[T];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},qt=!He(nt!=null?j(nt):null,ze!=null?j(ze):null),Mt=!He(at!=null?j(at):null,we!=null?j(we):null),Qt=!He(ot!=null?j(ot):null,Re!=null?j(Re):null),Ht=s.getFieldState(B).isDirty||Mt||Qt||Dt,qe=s.getFieldState(C).isDirty&&lt()||qt||Tt,dt=s.getFieldState(`${f}`).isDirty,ke=d?.primaryContactLocalData,Kt=()=>{M(o,"previous",!0)},Wt=()=>{const e=s.getValues(f),t={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??p.strings.empty,secondaryInfo:e.secondaryInfo};h.trackOnboardingBillingAddressSave(t)},Yt=()=>{switch(Pe(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=Q();D?.(e),rt()&&dt?(Wt(),Te(T,!1,!0),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):M(o,"next",!0)},200):M(o,"next",!0);break;case"qbo_connection":M(o,"next",!0);break;case"company_officer":if(qe){const e=pt();if(me(()=>{const t=Q();D?.(t)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const t=s.formState.errors[C]?.[X<0?0:X],a=t?.phone,i=t!=null&&Object.keys(t).some(u=>u!=="phone"&&t[u]!=null);if(a!=null&&!i){Je(e.phoneNumber);return}}e.isValid&&(Te(T,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},Rt()),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"}))}else M(o,"next",!0);break;case"company_details":Pe(!0);{const e=!(rt()&&ue()),t=!Bt()&&S.includes("qbo_connection");if(e||t){e&&(s.trigger(`${Z}`),s.trigger(`${f}`)),t&&s.trigger(ge),me(()=>{const a=Q();D?.(a)}),e?$e("link_payment_account"):t&&$e("qbo_connection");return}}if(Ht||qe||!ke?.email){const e=Xt(),t=qe?pt():{isValid:!0};me(()=>{const a=Q();D?.(a)}),e&&t.isValid?(Fe&&(R(!0),Jt()),Te(T,!Fe,!1),h.trackOnboardingCompanyDetailsSave({companyDescription:d?.companyDescription,legalName:d?.companyLegalName,industry:d?.companyIndustry??p.strings.empty,incDate:d?.incDate?.toString(),phone:d?.phone,website:d?.website?.toString(),formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},zt(),{firstName:ke?.firstName,lastName:ke?.lastName,email:ke?.email}),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||$e("company_officer")}else Fe?Gt():M(o,"next",!0);break}},Gt=()=>{x.fetchState!=="In-Progress"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},pt=()=>{const e=E[T],t=e?.email??p.strings.empty,a=e?.phone??p.strings.empty,i=e?.ssn??p.strings.empty,u=e?.ownershipInCompany,w=X<0?0:X,en=!!e?.firstName&&!!e?.lastName;let J=!0,mt=!1;return t&&!en&&(s.trigger([`${C}.${w}.name.firstName`,`${C}.${w}.name.lastName`],{shouldFocus:o==="company_officer"}),J=!1),(!t&&lt()||St.test(t)===!1)&&(s.trigger(`${C}.${w}.email`,{shouldFocus:o==="company_officer"}),J=!1),a&&ye(a)===!1&&(s.trigger(`${C}.${w}.phone`,{shouldFocus:o==="company_officer"}),J=!1),a&&ye(a)===!0&&I==="unit"&&(xe.current!==""&&a===xe.current||(mt=!0,s.setError(`${C}.${w}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:o==="company_officer"}),J=!1)),u!=null&&u>100&&(s.trigger(`${C}.${w}.ownership`,{shouldFocus:o==="company_officer"}),J=!1),i&&mn.test(i)===!1&&(s.trigger(`${C}.${w}.ssn`,{shouldFocus:o==="company_officer"}),J=!1),{isValid:J,needsOtp:mt,phoneNumber:a}},Xt=()=>{const e=d?.website?.toString()??p.strings.empty,t=d?.phone??p.strings.empty,a=d?.taxIdOrEIN??p.strings.empty,i=d?.primaryContactLocalData?.email??p.strings.empty;let u=!0;return e&&ht.test(e)===!1&&(s.trigger(`${B}.companyWebsite`,{shouldFocus:o==="company_details"}),u=!1),ht.lastIndex=0,t&&ye(t)===!1&&(s.trigger(`${B}.companyPhone`,{shouldFocus:o==="company_details"}),u=!1),(!i||St.test(i)===!1)&&(s.trigger(`${B}.primaryContactEmail`,{shouldFocus:o==="company_details"}),u=!1),a&&un.test(a)===!1&&(s.trigger(`${B}.companyTaxId`,{shouldFocus:o==="company_details"}),u=!1),u},ut=()=>{const e=E[T];return{email:e?.email??p.strings.empty,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?j(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Jt=()=>{const e=d?.primaryContactLocalData;h.trackBusinessVerificationSave(ut(),{companyDescription:d?.companyDescription,legalName:d?.companyLegalName,phone:d?.phone,website:d?.website?.toString(),industry:d?.companyIndustry??p.strings.empty,formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[Me,Zt]=m.useState(!1);return r.jsxs(Vn,{children:[r.jsxs(_n,{windowSize:z,children:[S.indexOf(o)>=0?r.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:_t.colors.grey4,style:{zIndex:4},showLeftSection:z!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx(Dn,{windowSize:z,children:r.jsx($n,{windowSize:z,children:r.jsx(Tn,{})})}),r.jsx(sn,{...s,children:r.jsx(En,{id:kn(It),children:S.map(e=>{let t;t=r.jsx(Ct,{connectedAccountProvider:I,paymentAccount:H,accountStatus:et,plaidConnectionDetails:Le,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:O,resetCardPaymentViewState:ee,updateCardPaymentModalState:$,cardSetupInProgress:Me,subscriptionBillingAddressSectionId:f});let a=Ne;switch(e){case"link_payment_account":t=r.jsx(Ct,{connectedAccountProvider:I,paymentAccount:H,accountStatus:et,plaidConnectionDetails:Le,subscriptionBillingAddressSectionId:f,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:$,cardPaymentView:O,resetCardPaymentViewState:ee,cardSetupInProgress:Me,googleAPIKey:N,subscriptionBillingAddress:G});break;case"qbo_connection":t=r.jsx(wn,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:Ee?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:Ee?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:At,updateQBOPopupState:Nt}),a=Ve;break;case"company_officer":t=r.jsx(Cn,{companyOfficerLocalData:E,allNationalityCountries:Be,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:n.filesEndPoint,authParams:n.authParams,isRefreshingViewInBackground:k,companyTitles:v,isVerificationPopupOpen:F,setIsVerificationPopupOpen:be,onGetOtp:Je,onVerifyOtp:kt,onResendOtp:vt,onOfficerAddressClick:i=>ne(i,ze?.addressId),updateFilesEntity:Xe,onEditFileName:Ge,onDeleteFile:A,verifiedPhoneNumber:xe.current,onPhoneVerified:$t,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=_e;break;case"company_details":t=r.jsx(Pn,{fileProps:{...n,onEditFileName:Ge,onDeleteFile:A,updateFilesEntity:Xe},sectionId:B,companyIndustries:g.companyIndustries,companyDetails:d,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:i=>{const u=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;we?.addressId==null&&u!=null?ne(i,u):ne(i,we?.addressId)},onRegisteredAddressClick:i=>ne(i,Re?.addressId)}),a=W;break}return r.jsxs(Fn,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!je.isQBOPopupOpen:o==="company_officer"?!F:!0,paddingBottom:e==="company_details"||e==="company_officer"?K[6]:K[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?r.jsx(Ln,{windowSize:z,children:it.sectionSubTitle}):null,t]},e)})})}),r.jsx(rn,{formId:`${It}`,style:{width:z==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Yt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Kt,label:st.back,isDisabled:x.fetchState==="In-Progress"||S.indexOf(o)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(fn,{handleConfirmCardSetupIntent:V,updateCardPaymentModalState:$,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:O,stripeKey:y,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ve,cardSetupInProgress:Me,setCardSetupInProgress:Zt})]})},An=xt`
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Nn=xt`
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Vn=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: calc(100% - ${Pt}px);
-  padding-left: ${Pt}px;
-  flex: 1;
-
-  ${n=>n.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${re.sp0};
-  }
-`,_n=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  min-height: 100vh;
-  background-image: ${n=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${n.windowSize==="small"?"m":"w"}-${n.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${n=>n.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${n=>n.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${n=>n.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Dn=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  width: ${n=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(n.windowSize)})`};
-`,Tn=P.div``,$n=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: ${n=>he.topNavBarHeight.valuePx(n.windowSize)};
-`,Fn=P.div`
-  min-height: 100%;
-  display: ${n=>n.isVisible?"flex":"none"};
-  flex-direction: column;
-  padding-bottom: ${n=>n.paddingBottom+"px"};
-  animation-name: ${n=>n.stepAnimationDirection==="next"?An:Nn};
-  ${n=>n.includeAnimation?`
-          animation-duration: 0.6s; 
-          animation-delay: 0s;  
-          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
-          animation-fill-mode: both;
-        `:null}
-`,En=P.form`
-  padding-top: ${re.sp0};
-  flex: 1;
-`,Ln=P(pn)`
-  color: ${n=>n.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${n=>he.titleWidth.valuePx(n.windowSize)};
-  padding-top: ${n=>he.subTitlePaddingTop.valuePx(n.windowSize)};
-  padding-bottom: ${n=>he.subTitlePaddingBottom.valuePx(n.windowSize)};
-  text-align: ${n=>n.windowSize==="small"?"initial":"center"};
-  width: 100%;
-  white-space: pre-line;
-`,Ke=(n,k)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:g,companyView:v}=n,I=ce.commonSetUp.businessVerification,h=ce.companyPassport,O=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[B]:{companyDescription:c?.companyDescription??ce.common.strings.empty,ein:c?.companyFiles.find(y=>y.documentType==="tax_ein"),companyId:c?.companyId,syncToken:c?.syncToken,companyLegalName:c?.companyLegalName,companyWebsite:c?.website?.toString()??ce.common.strings.empty,companyAddress:c?.addressStatus?.addressToCreate,registeredAddress:c?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:c?.companyIndustry,allOptions:n.companyIndustries.map(y=>y.code)},companyPhone:c?.phone,companyTaxId:c?.taxIdOrEIN,primaryContactName:{firstName:c?.primaryContactLocalData?.firstName,lastName:c?.primaryContactLocalData?.lastName},primaryContactEmail:c?.primaryContactLocalData?.email,primaryContactUserId:c?.primaryContactLocalData?.userId,primaryContactSyncToken:c?.primaryContactLocalData?.syncToken,fileIds:c?.companyFiles.map(y=>y.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(y=>y.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:h.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(g).map((y,N)=>{const l=y,V=ln(l?.documentTypeSelectedForVerification);return{userId:l?.userId,officerType:l?.officerType??`Officer_${N+1}`,name:{firstName:l?.firstName,lastName:l?.lastName},email:l?.email,fileIds:l?.fileIds??[],dob:l?.birthday?.toDate(),nationalityCountryCode:Ot(l?.nationalityCountryCode,k.map($=>$.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:I.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:yt(!0,l?.userFiles??[],V),back:yt(!1,l?.userFiles??[],V),selectDocumentType:V},isSelectedForVerification:!O&&N===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[f]:cn(f,n?.subscriptionBillingAddress)[f],[ge]:{connected:n.externalConnections?.accounting[0]?.isValid??!1}}},ia=n=>{const{onboardingCustomerView:k,cardPaymentView:c,signedInUser:g,currentTenant:v,isOnAddressPage:I,stripeKey:h,googleAPIKey:O,onUpdateStep:y,onZeniLogoClick:N,handleLogOutClick:l,handleCockpitClick:V,meetingUrl:$,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,handleFetchPaymentSources:Se,updateCardPaymentModalState:D,resetCardPaymentViewState:Ae,handleResetCardPaymentErrorStatuses:z,redirectToProductSuitePage:Ne,...Ve}=n,{allSteps:W,completedSteps:_e,halfCompletedSteps:Ce,currentStep:R,fetchStatus:U}=k,q=m.useRef(R),F=m.useRef(W),[be,le]=m.useState(!1),[Pe,te]=m.useState([]),Y={allSteps:W,isOnAddressPage:I,completedSteps:_e,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:R,fetchStatus:U,signedInUser:g,currentTenant:v,onUpdateStep:_=>{y(_)},onZeniLogoClick:N,handleLogOutClick:l,handleCockpitClick:V,setIsStepClicked:le};m.useEffect(()=>{if(q.current!==R){const _=q.current;be===!0&&(b?.trackOnboardingCurrentStep(R,_),le(!1)),q.current=R}},[R,be,b]),m.useEffect(()=>{W.length!==F.current.length&&(F.current=W)},[W]);const ne=(_,Oe,de)=>{const ae=F.current.length,pe=F.current.indexOf(_);switch(Oe){case"next":{const oe=(pe+1)%ae,A=F.current[oe];q.current=A,y(A),de===!0?b.trackOnboardingNext(_,A):b.trackOnboardingCurrentStep(A,_);break}case"previous":{const oe=(pe+ae-1)%ae,A=F.current[oe];q.current=A,y(A),de===!0?b.trackOnboardingBack(_,A):b.trackOnboardingCurrentStep(A,_);break}}},Ie=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return r.jsx(jn,{isOnAddressPage:I,children:I?r.jsx(bt,{...Y}):r.jsxs(Bn,{children:[r.jsx(bt,{...Y}),Ie?r.jsx(yn,{isNoStepsPage:!1}):r.jsx(vn,{onboardingCustomerView:k,analytics:b,updateStepHandler:ne,onUpdateStep:y,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,updateCardPaymentModalState:D,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:Ae,stripeKey:h,googleAPIKey:O,handleResetCardPaymentErrorStatuses:z,redirectToProductSuitePage:Ne,onFormErrorsChange:te,...Ve}),Ie?null:r.jsx(tn,{isFooterRendered:!0,meetingUrl:$,analytics:b,productType:"onboarding"})]})})},jn=P.div`
-  display: flex;
-  flex-direction: column;
-  width: ${n=>n.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`,Bn=P.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-`;export{ia as default};