@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/CreditCardPaymentDrawerPage-BRcbxJYU-DxBcUp2U.js

@@ -1,224 +0,0 @@
-import{j as t,u as pe,a7 as ue,bm as ee,iN as ea,a as V,bn as je,B as aa,A as ta,bC as Ee,b as a,R as d,f as Be,L as na,ae as oa,i as ze,cH as ia,gC as Me,d as W,C as Y,hK as Se,t as ra,as as Oe,H as la,bB as xe,a8 as ca,gV as sa,dt as da,aa as ma,gl as pa,gZ as ua,dx as ha,i$ as be,j0 as ga,hx as ya,s as r,cS as fa,cQ as _e,gL as Ca,d6 as Sa,ah as Ne,iO as xa,h7 as ba,br as wa,j1 as Da,dP as Aa,iQ as ka,h5 as La}from"./index-2CdI-B2B.js";import{n as o}from"./mui-kiGMfX4-.js";import{a as p}from"./core-tlHkQPPu.js";import{bO as de,bT as va,bj as $a,bM as Ia,bN as we,bL as Ra}from"./zeni-epic-state-Bo1aGezX.js";import{c as Fa}from"./LabeledControlledCheckBoxField-D7yxgfu0-DldJVWKR.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const ae={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},me={pageTitle:new W("h6Regular","h5Regular"),integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Ta}},common:{edit:Pa,labels:De,currency:Ae,navBar:{back:ja}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ea}},chargeCard:{payEarly:J}}}=V.getLocalizedStrings(),Ba=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:l,cashbackInformation:f,paymentSourceInformation:v,creditAccountInformation:y,debitAccountInformation:S,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=pe(),F=ze(),T=ue().analytics,[E,$]=p.useState(!1);p.useEffect(()=>{e.error!=null?$(!0):$(!1)},[e.error]);const k=ae.largeLabelWidth.value(m);return t.jsxs(t.Fragment,{children:[t.jsxs(Ha,{windowSize:m,children:[t.jsx(et,{windowSize:m,children:t.jsx(ia,{title:ja,enterTouchDelay:600,placement:"bottom",children:t.jsx(Ja,{"data-testid":ee("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&T.trackCardsPayEarlyFormClick(g,l,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},v,y,S),x(!1)}})})}),t.jsx(at,{windowSize:m,children:Ea.reviewAndConfirm}),t.jsx(Ma,{children:t.jsx(Me,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:me.integerAmountInput.styleObject(m),decimalStyles:me.decimalAmountInput.styleObject(m)})}),E?t.jsx(Ya,{children:t.jsxs(Na,{children:[t.jsxs(Za,{children:[t.jsx(Ka,{}),t.jsxs(Ua,{children:[t.jsx(Wa,{children:e.error?.title}),t.jsx(Va,{children:e.error?.message})]})]}),t.jsx(Ga,{children:t.jsx(Xa,{"data-testid":ee("close-error-credit-card-payment-review"),onClick:()=>{$(!1)},style:{width:a.sp3,height:a.sp3,color:Y.heroLight}})})]})}):null,t.jsx(Qa,{windowSize:m,children:t.jsxs(_a,{children:[t.jsx(Se,{label:{label:De.transferFrom,width:k},text:t.jsxs(ke,{windowSize:m,children:[Ue(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),t.jsx(Oa,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),t.jsx(qa,{}),t.jsx(Se,{label:{label:De.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?J.creditLimitReset:J.creditLimitUpdate} ${de(va($a().toDate(),[0,6],3).toDateString()).format(Ta)} ${J.business23Days}`,additionalInfoLabelStyles:{color:F.colors.hero,...ra.smallRegular.cssObject},text:t.jsx(ke,{windowSize:m,children:je("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:Ae.currencyCode,currencySymbol:Ae.currencySymbol})}),style:{width:"auto"}})]})})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp0},helperText:J.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0}`},cancelBtn:{label:Pa,onClick:()=>{i&&h&&n&&T.trackCardsPayEarlyFormClick(g,l,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},v,y,S),x(!1)},style:{minWidth:94}},primaryBtn:{label:J.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ue=(e,i,h)=>{if(i==="")return t.jsx(lt,{});const n=e.find(l=>l.id===i),g=e.findIndex(l=>l.id===i);if(n!=null){if(n.accType==="depositAccount")return t.jsx(it,{isOptionSelected:h,children:t.jsx(rt,{color:xa(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?t.jsx(tt,{src:za(n.logo),isOptionSelected:h,loading:"lazy"}):t.jsx(nt,{isOptionSelected:h,children:t.jsx(ot,{})})}return null},za=e=>e.base64!==void 0?`${ba}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Ma=o(_e)`
-  color: ${e=>e.theme.colors.primary};
-  padding-top: ${a.sp3};
-`,Oa=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,ke=o(Ne)`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,_a=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  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};
-`,Na=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${a.sp3} ${a.sp4};
-  background-color: ${Y.importantLight};
-  border-radius: ${a.sp2};
-`,Ua=o.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${a.sp2};
-`,Wa=o(Sa)`
-  color: ${Y.important};
-`,Va=o(Ne)`
-  color: ${Y.important};
-`,Ya=o.div`
-  margin-top: ${a.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${a.sp3} ${a.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${a.sp2};
-  box-shadow: ${e=>`${a.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Ha=o.div`
-  height: auto;
-  padding-left: ${e=>`${ae.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ae.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Za=o.div`
-  display: flex;
-  align-items: flex-start;
-`,Ga=o.div``,Ka=o(Ca)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${Y.important};
-`,Xa=o(Be)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,qa=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Qa=o.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${a.sp3};
-  padding-bottom: ${e=>`${ae.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Ja=o(fa)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,et=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  top: ${a.sp0};
-  padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,at=o(Oe)`
-  ${e=>`${me.pageTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  padding: ${a.sp3} ${a.sp0} ${a.sp3} ${a.sp0};
-`,tt=o.img`
-  display: flex;
-  width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  min-width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  margin-right: ${a.sp2};
-`,nt=o.div`
-  min-width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-`,ot=o(La)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${a.sp2};
-`,it=o.div`
-  min-width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  margin-right: ${a.sp2};
-`,rt=o(ka)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${a.sp2};
-`,lt=o(Aa)`
-  min-width: ${a.sp4};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-right: 12px;
-  margin-left: ${a.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,{common:se,spendManagement:{zeniAccounts:{zeniAccountList:ct},billPay:{insufficientFunds:st},chargeCard:{payEarly:N}},commonSetUp:{setUp:{accountsPlg:ie}}}=V.getLocalizedStrings(),We="amount",z="paymentDetails",Ve="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,Ye=e=>`${e}_form`,b={largeLabelWidth:new d(120,120,160),labelMarginLeftPicker:new d(r[3],r[4]),labelMarginRightPicker:new d(r[3],r[4]),labelMarginTopPicker:new d(r[2],r[2]),labeledFieldPaddingLeft:new d(r[2],r[0]),labeledFieldPaddingRight:new d(r[2],r[2]),labeledFieldPaddingTop:new d(r[2],r[2]),labeledFieldPaddingBottom:new d(r[2],r[2]),infoLabelPaddingRight:new d(r[0],r[3]),infoLabelMarginTop:new d(r[1],r[0]),checkBoxTop:new d(r[1],r[0])},Le={integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")};function dt({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:l,isAccountsEnabled:f,onSaveChangesToLocalStore:v,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:S,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:F,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:E,isDebitCardInfoFetchStateCompleted:$,controllerEmails:k,productInformation:H,cashbackInformation:Z,paymentSourceInformation:G,creditAccountInformation:K,debitAccountInformation:X}){const s=pe(),le=ze(),w=b.largeLabelWidth.value(s),q=ue().analytics,Q=p.useRef(null),[P,j]=p.useState(!1),[I,M]=p.useState(void 0),L=i.link_account,ne=i.update_account,A=I==="update_account"?ne:L,[O,he]=p.useState(A.linkToken??null),ge=xe(L.updateStatus.fetchState),_=ca({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ve(n),[n]),values:p.useMemo(()=>ve(n),[n])}),ye=l?.isLoginRequired??!1,He=l?.providerVerificationStatus,R=He?.code,fe=xe(ne.updateStatus.fetchState),Ze=p.useCallback((c,u)=>{const B=u.accounts.find(oe=>oe.id===l?.providerAccountId)??u.accounts[0];l?.paymentAccountId==null||I!=="update_account"||B?.verification_status==null||ye?S?.(c,I):y(B?.verification_status,l.paymentAccountId,"update_account"),M(void 0),j(!1)},[l?.paymentAccountId,l?.providerAccountId,I,ye,y,S]),Ge=p.useCallback((c,u)=>{c!=null&&(c.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&l?.paymentAccountId!=null&&y("verification_failed",l.paymentAccountId,"update_account"),console.log("Plaid Connection Error",c,u)),M(void 0),j(!1)},[l?.paymentAccountId,y]),{open:ce,ready:Ce}=sa({token:O,onSuccess:Ze,onExit:Ge});p.useEffect(()=>{(ge==="In-Progress"&&L.updateStatus.fetchState==="Completed"||fe==="In-Progress"&&ne.updateStatus.fetchState==="Completed")&&(Ia(R??"")||(C?.("link_account"),x()))},[L.updateStatus.fetchState,x,C,ge,fe,ne.updateStatus.fetchState,R]),p.useEffect(()=>{!we(R??"")&&R!=="verification_failed"||P||I==null||A.linkToken!==O||A.fetchStatus.fetchState!=="Completed"||!Ce||j(!0)},[Ce,O,A.fetchStatus.fetchState,A.linkToken,R,I,P]),p.useEffect(()=>{A.fetchStatus.fetchState==="Completed"&&A.linkToken!=null&&A.linkToken!==O&&he(A.linkToken)},[A.fetchStatus.fetchState,A.linkToken,O]),p.useEffect(()=>{P&&ce()},[P,ce]),p.useEffect(()=>{R!=null&&R!=="verification_failed"&&R!=="verification_expired"&&!we(R)||!de(new Date().toISOString()).isAfter(L.expiration)&&L.linkToken!=null||C?.("link_account")},[]);const{isValid:Ke}=_.formState;p.useEffect(()=>{const c=_.watch((u,{name:B})=>{B!=null&&u!=null&&da(()=>(async(oe,Qe)=>{if(oe!=null){if(oe.includes("amount"))return;const Je=$e(Qe,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);v(Je)}})(B,u))});return()=>{c.unsubscribe()}});const Xe=_.watch("paymentDetails.amount"),qe=_.handleSubmit(()=>{if(Ke){const c=_.getValues(),u=$e(c,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);v(u),D(!0),T&&E&&$&&q.trackCardsPayEarlyFormClick(k,H,Z,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},G,K,X)}});return t.jsxs(t.Fragment,{children:[t.jsx(gt,{children:t.jsx(Me,{amount:{amount:Xe??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:Le.integerAmountInput.styleObject(s),decimalStyles:Le.decimalAmountInput.styleObject(s)})}),t.jsx(ma,{..._,children:t.jsx(ht,{id:Ye(Ve),onSubmit:qe,children:t.jsxs(yt,{children:[t.jsx(pa,{selectRef:Q,label:{label:se.labels.transferFrom,width:w,style:{marginLeft:b.labelMarginLeftPicker.valuePx(s),marginTop:b.labelMarginTopPicker.valuePx(s),marginRight:b.labelMarginRightPicker.valuePx(s),width:b.largeLabelWidth.value(s)}},style:{paddingTop:b.labeledFieldPaddingTop.valuePx(s),paddingBottom:b.labeledFieldPaddingBottom.valuePx(s),paddingLeft:b.labeledFieldPaddingLeft.valuePx(s),paddingRight:b.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:b.infoLabelPaddingRight.valuePx(s),marginTop:b.infoLabelMarginTop.valuePx(s),color:Y.brandColorGoldDark},bottomComponent:t.jsx(Fa,{label:{label:N.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:le.colors.primary}},style:{width:"unset",marginRight:a.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(z,"enableAutoPay"),checkBoxValue:re(z,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:b.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(z,"withdrawFrom"),placeholder:ha(se.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(c,u)=>Ue(n.transferFromAccounts,c,u),valueToSubLabels:(c,u)=>ua(n.transferFromAccounts,c,u,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(c=>({label:c.label,value:c.id,isRecommended:c.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{M("link_account"),L.linkToken==null||de(new Date().toISOString()).isAfter(L.expiration)?C?.("link_account"):O!==L.linkToken?he(L.linkToken):P?ce():j(!0)}},valueToAdditionalLabel:c=>{if(g!=null)return g;const u=n.transferFromAccounts.find(B=>B.id===c);return u?.accountBalance?.available!=null&&Ra(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?st.addMoney:""}}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?t.jsx(be,{maxInsuredAmount:h,heading:t.jsxs(mt,{windowSize:s,children:[N.earn,t.jsx(pt,{children:N.percentageCashback.replace("__percentage__",ga)}),N.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:N.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{Q.current!=null&&Q.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?t.jsx(be,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:N.creditCardPayment,onMoveMoneyClick:F}):t.jsx(ut,{}),t.jsx(ya,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(z,We),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:ct.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:c=>!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:b.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const mt=o(wa)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,pt=o(Da)`
-  color: ${e=>e.theme.colors.primary};
-`,ut=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ve=e=>({paymentDetails:{[We]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(i=>({label:i.label,value:i.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),ht=o.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: ${a.sp6};
-`,gt=o(_e)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${a.sp5} ${a.sp0} ${a.sp3} ${a.sp0};
-`,yt=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  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};
-`,$e=(e,i,h)=>({amount:{amount:e[z].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[z].withdrawFrom.selectedOption),isAutoRepayment:e[z].enableAutoPay,idempotencyKey:h}),te={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),successContentMargin:new d(r[3],r[12]),buttonTrayGap:new d(r[4],r[5])},ft={sectionTitle:new W("h6Regular","h5Regular")},Ie=V.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,U=V.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Re}=V.getLocalizedStrings(),Ct=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:l,creditAccountInformation:f,creditAccountSpentAmount:v,debitAccountInformation:y,cashbackInformation:S,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:F,onSaveChangesToLocalStore:T,onTransferClick:E,goToCards:$,onDismissClick:k,onEstablishConnectionClick:H,onFetchLinkTokenClick:Z,plaidConnectionDetails:G,onSignUpAccountClick:K,onMoveMoneyClick:X,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=pe(),q=ue().analytics,[Q,P]=p.useState(!1),[j,I]=p.useState(!1);p.useEffect(()=>{j&&setTimeout(()=>{I(!1),P(!0)},1e3)},[j]);const M=i.chargeCardRepaymentDetailLocalData.amount.amount===v;return t.jsx(St,{windowSize:w,children:i.updateStatus==="Completed"?t.jsxs(Fe,{windowSize:w,isTransferCompleted:!0,children:[t.jsx(Te,{windowSize:w,children:t.jsx(Pe,{"data-testid":ee("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(l,g,S,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}})}),t.jsxs(Dt,{windowSize:w,children:[t.jsx(ea,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(xt,{children:t.jsxs(t.Fragment,{children:[U.youvePaid,t.jsx(bt,{children:je("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Ie.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,M?U.theCreditLimitWillResetWithin23BusinessDays:U.theCreditLimitWillUpdateWithin23BusinessDays]})}),t.jsx(wt,{windowSize:w,children:t.jsx(aa,{variant:"primary",label:U.goToCards,"data-testid":ee("back-to-cards-button"),onClick:$})})]})]}):Q?t.jsx(Ba,{paymentDetails:i,setShowReviewContent:P,onTransferClick:E,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:l,productInformation:g,cashbackInformation:S,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:M}):t.jsxs(t.Fragment,{children:[t.jsxs(Fe,{windowSize:w,isTransferCompleted:!1,children:[t.jsx(Te,{windowSize:w,children:t.jsx(Pe,{"data-testid":ee("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(l,g,S,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:F?.add(3,"day").format(Re.visual.MMMDCommaYYYYformat),paymentInitiatedDate:F?.format(Re.visual.MMMDCommaYYYYformat)},x,f,y),k?.()}})}),w==="small"?t.jsx(At,{windowSize:w,children:U.payCreditCardBalance}):t.jsx(kt,{children:U.payCreditCardBalance}),i.fetchState==="Completed"?t.jsx(dt,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:T,plaidConnectionDetails:G,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:H,onSignUpAccountClick:K,onMoveMoneyClick:X,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:l,productInformation:g,cashbackInformation:S,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):t.jsx(ta,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Ye(Ve),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:V.getLocalizedStrings().common.review,isLoading:j},cancelBtn:{label:Ie.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(l,g,S,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}}})]})})},St=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,xt=o(na)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  white-space: pre-line;
-`,bt=o(oa)`
-  display: inline;
-`,Fe=o.div`
-  height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${te.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${te.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,wt=o.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  margin-top: ${a.sp6};
-  gap: ${e=>`${te.buttonTrayGap.valuePx(e.windowSize)}`};
-`,Dt=o.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${a.sp0} ${te.successContentMargin.valuePx(e.windowSize)}`};
-  align-items: center;
-`,Te=o.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${a.sp0};
-  padding: ${e=>`${te.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Pe=o(Be)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,At=o(Oe)`
-  ${e=>`${ft.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${a.sp3};
-  margin-bottom: ${a.sp0};
-  margin-right: ${a.sp3};
-`,kt=o(la)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${a.sp3};
-  margin-bottom: ${a.sp2};
-`,Bt=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:l,creditAccountSpentAmount:f,onTransferClick:v,controllerEmails:y,productInformation:S,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:F,isCreditCardInfoFetchStateCompleted:T,isDebitCardInfoFetchStateCompleted:E,goToCards:$,onDismissClick:k,onEstablishConnectionClick:H,onEstablishConnectionSuccess:Z,onFetchLinkTokenClick:G,plaidConnectionDetails:K,onSignUpAccountClick:X,onMoveMoneyClick:s})=>t.jsx(Lt,{children:t.jsx(Ct,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:S,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:F,isCreditCardInfoFetchStateCompleted:T,isDebitCardInfoFetchStateCompleted:E,creditAccountSpentAmount:f,onSaveChangesToLocalStore:l,onTransferClick:v,goToCards:$,onDismissClick:k,plaidConnectionDetails:K,isAccountsEnabled:h,onEstablishConnectionClick:H,onFetchLinkTokenClick:G,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:Z,onSignUpAccountClick:X,onMoveMoneyClick:s})}),Lt=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`;export{Bt as default};

package/dist/assets/CurrencySelectField-DR8cDrIS-TTiuldkA.js

@@ -1,139 +0,0 @@
-import{dF as M,i as N,dN as P,a as H,j as l,dO as L,bm as $,co as B,b as o,eB as z,dj as _,cp as g,ah as T,t as S,gm as A,gn as q,go as G,af as J,cn as K,f as Q,C as m}from"./index-2CdI-B2B.js";import{a as w}from"./core-tlHkQPPu.js";import{n}from"./mui-kiGMfX4-.js";const xe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),b=N(),[j,C]=w.useState(!1),k=P(y,e??""),D=H.getLocalizedStrings().common.currency,I=s=>{if(s!=null&&s)return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??D.countryCode}},R={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},V={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:f,defaultValue:t,rules:r,"data-testid":$("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:F,ref:E}})=>{const v=F;return w.createElement(B,{...V,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":$("currency-select",e),onChange:x=>{i&&x?.value!=null&&v?.selectedOption===x.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:x?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:U,Option:W,Input:Z,SingleValue:ee,ValueContainer:Y,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:X},hideSelectedOptions:!1,styles:R,isDisabled:a!=null})}})},U=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},W=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":$("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},X=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(_,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:t[f]})})},Y=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),Z=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(T)`
-  color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&A(e)===!1)return l.jsx(l.Fragment,{});{const r=q[`${G(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
-  width: 100%;
-  background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
-  border-radius: ${o.sp1};
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  .select-control {
-    border: none;
-    height: ${o.sp6};
-    background-color: inherit;
-    box-shadow: none;
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?m.importantLight:e.theme.colors.background};
-      border-color: none;
-    }
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    margin: ${o.sp0} ${o.sp3};
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-    justify-content: ${e=>e.controlStyle?.justifyContent!=null?e.controlStyle?.justifyContent:e.menuIsOpen===!1?"flex-end":"flex-start"};
-
-    .currency-select-field__single-value {
-      display: flex;
-      margin: ${o.sp0};
-      color: ${e=>e.hasError?m.important:e.theme.colors.primary};
-      ${S.standardRegular.css};
-    }
-
-    .currency-select-field__input-container {
-      display: flex;
-      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
-      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${S.standardRegular.css};
-      color: ${e=>e.hasError===!0?m.important:e.theme.colors.primary};
-      margin: ${o.sp0};
-      cursor: inherit;
-      top: ${o.sp2};
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
-        text-align: ${e=>e.isFocused===!1?"right":"left"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${e=>e.hasError?m.important:e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,re=n.div`
-  border-radius: inherit;
-  .select-option {
-    ${S.smallRegular.css};
-    height: ${o.sp6};
-    padding: 9px ${o.sp3};
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-    opacity: ${e=>e.isDisabled?.32:1};
-    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
-    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    border-radius: inherit;
-    .close-tick-icon {
-      display: none;
-    }
-
-    &:hover {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
-      .right-tick-icon {
-        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
-      }
-      .close-tick-icon {
-        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
-      }
-    }
-  }
-`,se=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,ie=n.div`
-  padding-right: ${o.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  fill: initial;
-  color: initial;
-`,ne=n(J)`
-  padding-right: 10px;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  ${e=>e.isSelected&&"cursor: default"};
-`,ae=n.div`
-  width: ${e=>e.isSelected?`calc(100% - ${o.sp3})`:"100%"};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,ce=n.div`
-  :first-of-type {
-    border-top-left-radius: ${o.sp1};
-    border-top-right-radius: ${o.sp1};
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: ${o.sp1};
-    border-bottom-right-radius: ${o.sp1};
-  }
-`,de=n.div`
-  display: flex;
-`,ue=n(K)`
-  width: 12px;
-  height: 12px;
-  margin-right: 2px;
-  margin-left: ${o.sp1};
-  color: ${e=>e.theme.colors.primary};
-`,pe=n(Q)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,he=()=>null,me=()=>null,ge=()=>null;export{xe as O};

package/dist/assets/CustomerOnboardingContainerPage-CiLsQ_pQ-BpWpryzi.js

@@ -1 +0,0 @@
-import{j as r}from"./index-2CdI-B2B.js";import o from"./CustomerOnboardingNoStepsPage-B0y5uw1X-DTSY3wEk.js";import m from"./CustomerOnboardingPage-BheJqVUY-DnAWhFCF.js";import"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./PaymentAccountSetupBillingAddressSection-NPYLXD6--Bula2_j9.js";import"./SetUpAccountSection-DQMufunh-D76vpY_K.js";import"./CustomerOnboardingDetailPageSkeleton-DImhzWZN-BU1ePL5b.js";import"./CompanyOfficerDetailsSection-K0bu4TF7-zO2jQ48g.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";import"./LabeledCreatableSingleSelectField-BoymBi06-CmNh4XiF.js";import"./LabeledDocumentField-BEg2KNOF-CXhVMSrJ.js";import"./QBOSetupSection-BqbiJ_dk-CZU6Pjgx.js";import"./QBOConnectionDialog-Bn425Vnl-D7-SW8Tv.js";const P=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(m,{...t});export{P as default};

package/dist/assets/CustomerOnboardingNoStepsPage-B0y5uw1X-DTSY3wEk.js

@@ -1,66 +0,0 @@
-import{a7 as le,j as n,gS as fe,u as Ce,i as Pe,a8 as we,j5 as be,a as xe,bB as ke,dt as Ae,gi as Ie,gj as ve,cf as $e,b as a,bm as Oe,aa as je,bC as Ve,c0 as Te,ad as Be,R as Q,ah as Le,s as $}from"./index-2CdI-B2B.js";import{n as c}from"./mui-kiGMfX4-.js";import{a as O}from"./core-tlHkQPPu.js";import{D as ze,A as Ee}from"./PaymentAccountSetupBillingAddressSection-NPYLXD6--Bula2_j9.js";import{X as Ue}from"./CustomerOnboardingDetailPageSkeleton-DImhzWZN-BU1ePL5b.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./SetUpAccountSection-DQMufunh-D76vpY_K.js";const ee="onboardingPaymentAccountSetupSection",de="customerOnboardingNoStepsDetailPage",t="onboardingSubscriptionBillingAddress",Y={titleWidth:new Q(343,580,726,826),subTitlePaddingTop:new Q($[3],$[3]),subTitlePaddingBottom:new Q($[3],$[3])},De=xe.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:w,cardPaymentView:S,stripeKey:V,googleAPIKey:T,signedInUser:b,currentTenant:B,onUpdateStep:L,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:E,updateCardPaymentModalState:x,handleAddCardPaymentSource:U,resetCardPaymentViewState:D,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:k,onUpdateCustomerView:_,...R})=>{const p=Ce(),K=le(),{analytics:f}=K,{onFetchLinkTokenClick:M,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:G,onEstablishConnectionClick:C,onEstablishConnectionSuccess:W,handleLogOutClick:Z,onZeniLogoClick:H,onAddressEditHandler:A}=R,X=Pe(),s=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:j(e),values:j(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:ce,saveStatus:m,paymentAccount:I,paymentAccountStatus:ue,plaidConnectionDetails:te,uiState:pe,allNationalityCountries:ne,subscriptionBillingAddress:g}=e,{customerOnboardingPage:me,common:y}=De,{footer:ge,steps:ye}=me,{buttons:q}=ge,ae=ye.link_payment_account,v=ke(m.fetchState),oe=Object.values(ce).findIndex(d=>d?.isSelectedForVerification===!0)??0,Se=`Officer_${oe<0?1:oe+1}`;O.useEffect(()=>{const d=s.watch((l,{name:o})=>{o!=null&&l!=null&&Ae(()=>(async(r,i)=>{if(r.includes(t)&&i[t]!=null){const u=s.getValues(`${t}`).country;let h=i[t];if(r.includes(`${t}.street`)&&i[t].street!=null){const{addressValue:P}=i[t].street,J=Ie(P?.country);h={street:i[t].street??y.strings.empty,city:P?.locality??y.strings.empty,state:P?.administrativeAreaLevel1??y.strings.empty,country:J,countryCode:P?.countryCode??y.strings.empty,postalCode:P?.postalCode??y.strings.empty,secondaryInfo:i[t].secondaryInfo,suite:i[t].suite},u.selectedOption!==J.selectedOption&&(h={...h,country:J})}else(r===`${t}.country`&&u.selectedOption!=null||u.selectedOption!=null&&r.includes(`${t}.street`)===!1)&&(h={...h,countryCode:ve(u.selectedOption)});A(h)}})(o,l))});return()=>{d.unsubscribe()}}),O.useEffect(()=>{v==="In-Progress"&&m.fetchState==="Completed"&&s.reset(j(e),{keepDirtyValues:!1})},[s,e,v,m.fetchState,ne]);const se=()=>{const d=Object.values(te).some(u=>u.fetchStatus.fetchState==="Completed"),l=I?.providerVerificationStatus?.code?.includes("verified")??!1,o=S.cardsList.length>0,r=S.bankAccountsList[0],i=r?.providerVerificationStatus?.code?.includes("verified")??!1;return d&&l||!l&&!I&&o||!o&&!I&&i};O.useEffect(()=>{v==="In-Progress"&&m.fetchState==="Completed"&&(s.reset(j(e),{keepDirtyValues:!1}),k())},[s,e,v,m.fetchState,ne,k]);const[ie,he]=O.useState(!1);return n.jsxs(_e,{children:[n.jsxs(Re,{windowSize:p,children:[n.jsx($e,{title:ae.sectionTitle,showBackButton:!1,backgroundColor:X.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:p!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:a.sp0,paddingBottom:a.sp0},leftSideComponent:n.jsx(Ge,{children:n.jsx(We,{"data-testid":Oe("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),n.jsx(je,{...s,children:n.jsx(Me,{id:(re=de,`${re}_form`),children:n.jsxs(Ke,{children:[n.jsx(Ze,{windowSize:p,children:ae.sectionSubTitle}),n.jsx(ze,{connectedAccountProvider:w,paymentAccount:I,accountStatus:ue,plaidConnectionDetails:te,subscriptionBillingAddressSectionId:t,sectionId:ee,analytics:f,isValid:se(),onFetchLinkTokenClick:M,onEstablishConnectionClick:C,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:G,onEstablishConnectionSuccess:W,updateCardPaymentModalState:x,cardPaymentView:S,resetCardPaymentViewState:D,cardSetupInProgress:ie,googleAPIKey:T,subscriptionBillingAddress:g})]},"link_payment_account")})}),n.jsx(Ve,{formId:`${de}`,leftSideComponent:n.jsx(Ne,{windowSize:p,children:n.jsx(Te,{signedInUser:b,currentTenant:B,onLogOutClick:Z})}),style:{width:p==="small"?"auto":"100%",padding:a.sp0,rowGap:a.sp1},helperContainerStyle:{width:"100%",rowGap:a.sp1,marginTop:"12px",marginBottom:a.sp2},primaryBtn:{onClick:async()=>{const d=await s.trigger(t),l=await s.trigger(ee);d&&l&&((()=>{const o=s.getValues(t),r={street:o.street.addressString,suite:o.suite,city:o.city,state:o.state,postalCode:o.postalCode,country:o.country.selectedOption??y.strings.empty,secondaryInfo:o.secondaryInfo};f.trackOnboardingBillingAddressSave(r)})(),L("link_payment_account"),_(Se,!1,!0))},label:q.submit,isLoading:m.fetchState==="In-Progress",isDisabled:m.fetchState==="In-Progress"||!(function(){if(s.getFieldState(t).error)return!1;const d=s.getValues(t),l=g?.street.join("").trim(),o=g?.city,r=g?.state,i=g?.country,u=g?.postalCode!=null&&g.postalCode||d.postalCode||y.strings.empty;return!!l&&!!o&&!!r&&!!i&&!!u}()&&se())},containerStyle:{width:"auto",justifyContent:"center"},helperText:q.submitText.replace("__action__",q.submit),helperStyle:{width:"auto",padding:a.sp0,rowGap:a.sp0,textAlign:"center"}})]}),n.jsx(Ee,{handleConfirmCardSetupIntent:E,updateCardPaymentModalState:x,handleCreateCardSetupIntent:z,handleAddCardPaymentSource:U,cardPaymentView:S,stripeKey:V,isCardPaymentOpen:pe.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:F,cardSetupInProgress:ie,setCardSetupInProgress:he})]});var re},_e=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${a.sp0};
-  }
-`,Re=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${e=>e.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${e=>e.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${e=>e.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Ke=c.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding-bottom: ${a.sp0};
-`,Me=c.form`
-  padding-top: ${a.sp0};
-  flex: 1;
-`,Ne=c.div`
-  display: flex;
-  height: ${a.sp7};
-  left: ${a.sp4};
-  bottom: ${a.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,Ge=c.div`
-  display: flex;
-`,We=c(Be)`
-  height: ${a.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${a.sp4};
-`,Ze=c(Le)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>Y.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>Y.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>Y.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-  width: 100%;
-`,j=e=>({[ee]:{account:{allOptions:[],selectedOption:void 0}},[t]:be(t,e?.subscriptionBillingAddress)[t]}),it=e=>{const{onboardingCustomerView:w,cardPaymentView:S,signedInUser:V,currentTenant:T,isOnAddressPage:b,stripeKey:B,googleAPIKey:L,meetingUrl:z,onUpdateStep:E,onZeniLogoClick:x,handleLogOutClick:U,handleCockpitClick:D,handleCreateCardSetupIntent:F,handleConfirmCardSetupIntent:k,handleFetchPaymentSources:_,updateCardPaymentModalState:R,resetCardPaymentViewState:p,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:f,...M}=e,{allSteps:N,currentStep:G,fetchStatus:C}=w,W=le(),{analytics:Z}=W,H={allSteps:N,isOnAddressPage:b,currentStep:G,fetchStatus:C,signedInUser:V,currentTenant:T,onUpdateStep:X=>{E(X)},onZeniLogoClick:x,handleLogOutClick:U,handleCockpitClick:D,redirectToProductSuitePage:f},A=C.fetchState==="In-Progress"||C.fetchState==="Not-Started";return n.jsxs(He,{isOnAddressPage:b,children:[A?n.jsx(Ue,{isNoStepsPage:!0}):n.jsx(Fe,{...H,onboardingCustomerView:w,handleCreateCardSetupIntent:F,handleConfirmCardSetupIntent:k,updateCardPaymentModalState:R,handleFetchPaymentSources:_,cardPaymentView:S,resetCardPaymentViewState:p,stripeKey:B,googleAPIKey:L,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:f,...M}),A?null:n.jsx(fe,{isFooterRendered:!0,meetingUrl:z,analytics:Z,productType:"onboarding"})]})},He=c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`;export{it as default};

package/dist/assets/CustomerOnboardingPage-BheJqVUY-DnAWhFCF.js

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