@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/CreateOrEditVendorPage-CzpSgxbO-2ilw068v.js

@@ -1,281 +0,0 @@
-import{g as He,e as v,aG as q,cT as qe,V as t,bE as Ye,ac as $,L as Je,cy as ie,cz as se,cA as le,dd as Ge,aT as Ke,x as Y,O as x,cc as Qe,o,de as Ze,c1 as S,cq as de,u as w,b9 as ce,ak as pe,an as G,bv as Xe,da as me,df as et,d as z,dg as ue,d9 as he}from"./index-C8o-xzAN.js";import{a as g}from"./sentry-DBhcw6Be.js";import{n as r}from"./mui-DOS4CfBc.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="73a31fbf-c45c-4630-826b-98f569824ac1",e._sentryDebugIdIdentifier="sentry-dbid-73a31fbf-c45c-4630-826b-98f569824ac1")}catch{}})();const tt=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:n,accountTypeLabel:s,accountType:l,bankName:m,routingNumberOrSwiftCode:p,accountName:f,routingNumberOrSwiftCodeLabel:j,onDeleteClick:u})=>{const b=v(),h=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,C=t.jsxs(ot,{children:[t.jsxs(I,{children:[t.jsx(N,{children:j}),t.jsx(T,{children:p})]}),t.jsxs(I,{children:[t.jsx(N,{children:h.achDetails.bankName}),t.jsx(T,{children:m})]}),t.jsxs(I,{children:[t.jsx(N,{children:n}),t.jsx(T,{children:e})]}),t.jsxs(I,{children:[t.jsx(N,{children:s}),t.jsx(T,{children:typeof l=="string"&&l!==""?et(l.toLowerCase()):l??""})]})]});return t.jsxs(it,{size:b,children:[t.jsxs(nt,{children:[t.jsxs(G,{children:[`${m} ${h.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(S,{title:C,placement:"top",children:t.jsx(lt,{children:t.jsx(dt,{})})})]}),t.jsx(rt,{children:f??h.emptyPlaceholderString})]}),t.jsx(at,{children:t.jsx(S,{enterDelay:600,display:"flex",title:h.deleteAccountTooltip,placement:"top",children:t.jsx(st,{onClick:k=>{k.stopPropagation(),u()},"data-testid":$("delete-vendor-account-section",f),children:t.jsx(ct,{})})})})]})},ot=r.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${o.sp1};
-`,I=r.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-`,N=r.div`
-  box-sizing: border-box;
-  text-align: left;
-  flex: 1 0 50%;
-  color: ${z.heroDark};
-`,T=r.div`
-  box-sizing: border-box;
-  text-align: right;
-  word-break: break-word;
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,rt=r(pe)`
-  color: ${e=>e.theme.colors.grey1};
-`,nt=r.div`
-  display: flex;
-  flex-direction: column;
-`,at=r.div`
-  margin-top: ${o.sp0};
-  display: flex;
-  flex-direction: row;
-  gap: ${o.sp5};
-`,it=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-top: ${o.sp2};
-  margin-bottom: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    cursor: pointer;
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    svg {
-      display: block;
-    }
-  }
-  border-radius: ${o.sp2};
-  padding: ${o.sp3} ${o.sp4};
-  color: ${e=>e.theme.colors.primary};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,st=r.div`
-  width: ${o.sp3};
-`,lt=r.div`
-  display: flex;
-  width: ${o.sp3};
-  transform: translate(${o.sp2}, 2px);
-  height: ${o.sp3};
-`,dt=r(ue)`
-  cursor: pointer;
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ct=r(he)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${z.important};
-  }
-`,pt=({paymentInstrument:e,onDeleteClick:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,m=t.jsx(mt,{children:e.piLabels.map(p=>t.jsxs(ut,{children:[t.jsxs(ht,{children:[p.name,l.colon]}),t.jsx(xt,{children:p.value})]},p.name))});return t.jsxs(yt,{size:s,children:[t.jsx(gt,{children:t.jsxs(G,{children:[e.displayText,t.jsx(S,{title:m,placement:"top",children:t.jsx(ft,{children:t.jsx(wt,{})})})]})}),t.jsx(bt,{children:t.jsx(S,{enterDelay:600,display:"flex",title:l.deleteAccountTooltip,placement:"top",children:t.jsx($t,{onClick:p=>{p.stopPropagation(),n()},"data-testid":$("delete-vendor-international-account-section",e.paymentInstrumentId),children:t.jsx(vt,{})})})})]})},mt=r.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${o.sp1};
-`,ut=r.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-`,ht=r.div`
-  box-sizing: border-box;
-  text-align: left;
-  flex: 1 0 50%;
-  color: ${z.heroDark};
-`,xt=r.div`
-  box-sizing: border-box;
-  text-align: right;
-  word-break: break-word;
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,gt=r.div`
-  display: flex;
-  flex-direction: column;
-`,bt=r.div`
-  margin-top: ${o.sp0};
-  display: flex;
-  flex-direction: row;
-  gap: ${o.sp5};
-`,yt=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-top: ${o.sp2};
-  margin-bottom: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    cursor: pointer;
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    svg {
-      display: block;
-    }
-  }
-  border-radius: ${o.sp2};
-  padding: ${o.sp3} ${o.sp4};
-  color: ${e=>e.theme.colors.primary};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,$t=r.div`
-  width: ${o.sp3};
-`,ft=r.div`
-  display: flex;
-  width: ${o.sp3};
-  transform: translate(${o.sp2}, 2px);
-  height: ${o.sp3};
-`,wt=r(ue)`
-  cursor: pointer;
-  height: ${o.sp3};
-  width: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,vt=r(he)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${z.important};
-  }
-`,xe=(e,n)=>{const s=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(e){case"ach":return s.achDetails.ach;case"wire":switch(n){case"us-domestic":return s.wireDetails.domestic.domestic;case"international":return s.wireDetails.international.international;default:return""}default:return""}},J=({type:e,subType:n,vendorAccountDetails:s,vendorAccountDetailsInternational:l,onRemoveBankAccount:m,onAddNewAccountDetailClick:p})=>{const f=v(),[j,u]=g.useState(!1),[b,h]=g.useState(""),[C,k]=g.useState(!1),c=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,A=i=>{h(i),u(!0)},B={onOkClick:()=>{u(!1),m(b,C)},onCancelClick:()=>{u(!1),h("")}},V=i=>e==="ach"||e==="wire"&&n==="us-domestic"?i.bankAccountNumber:e==="wire"&&n==="international"?i.bankAccountIban??"":"",E=i=>e==="ach"?i.bankRoutingNumberAch:e==="wire"&&n==="us-domestic"?i.bankRoutingNumberWireTransfer:e==="wire"&&n==="international"?i.bankSwiftCode??"":"",F=()=>e==="ach"?c.achDetails.bankRoutingNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.bankRoutingNumber:e==="wire"&&n==="international"?c.wireDetails.international.swiftCode:"",O=()=>e==="ach"?c.achDetails.bankAccountNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.accountNumber:e==="wire"&&n==="international"?c.wireDetails.international.iban:"",R=()=>e==="ach"||e==="wire"&&n==="us-domestic"?c.achDetails.accountTypeLabel:"";return t.jsxs(St,{children:[j===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:c.areYOuSure}),descriptionComponent:t.jsx(se,{children:c.ifYouSubmit}),primaryButtonText:c.delete,secondaryButtonText:c.cancel,action:B,isEditPopup:!0,proceedButtonVariant:"danger"}):null,t.jsx(Dt,{windowSize:f,children:`${xe(e,n)} ${c.accountsLabel}`}),s?.map(i=>t.jsx(oe,{children:t.jsx(tt,{bankName:i.bankName,accountType:i.bankAccountType??"",bankAccountNumberOrIban:V(i),routingNumberOrSwiftCode:E(i),routingNumberOrSwiftCodeLabel:F(),accountNumberOrIbanLabel:O(),accountTypeLabel:R(),accountName:i.bankAccountName,onDeleteClick:()=>A(i.bankAccountId)})},i.bankAccountId)),l?.map(i=>t.jsx(oe,{children:t.jsx(pt,{paymentInstrument:i,onDeleteClick:()=>{k(!0),A(i.paymentInstrumentId)}})},i.paymentInstrumentId)),t.jsx(jt,{onAddAccountDetailsSection:p,type:e,subType:n})]})},jt=({onAddAccountDetailsSection:e,type:n,subType:s})=>{const l=v(),m=x.getLocalizedStrings().spendManagement.billPay;return t.jsx(t.Fragment,{children:t.jsxs(kt,{windowSize:l,onClick:e,"data-testid":$("add-vendor-account",n),children:[t.jsx(Ct,{}),t.jsx(de,{children:`${m.vendorCreation.addPrefix} ${xe(n,s)}`})]})})},Ct=r(me)`
-  margin-right: ${o.sp2};
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,kt=r.div`
-  padding: ${o.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  margin-top: ${o.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    border: 1px solid ${e=>e.theme.colors.primary};
-  }
-`,Dt=r(ce)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp2};
-`,oe=r.div``,St=r.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp2};
-  padding-bottom: ${o.sp2};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp3};
-`,At=({addressState:e,onUpdateMailingAddress:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;return t.jsxs(Et,{children:[t.jsxs(Vt,{windowSize:s,children:[`${l.mailingAddressLabel}`,t.jsx(Bt,{children:`${l.mailingAddressPlaceholder}`})]}),e!=null?t.jsxs(zt,{children:[Lt(e),t.jsx(S,{enterDelay:600,display:"flex",title:l.editMailingAddressTooltip,placement:"top",children:t.jsx(It,{"data-testid":$("edit-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:t.jsx(Nt,{})})})]}):t.jsx(t.Fragment,{children:t.jsxs(Pt,{windowSize:s,"data-testid":$("add-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:[t.jsx(Tt,{}),t.jsx(de,{children:l.addMailingAddress})]})})]})},Lt=e=>[e.street[2],e.street[0],e.street[1],e.city,`${e.state} ${e.postalCode}`.trim(),e.countryCode??e.country].filter(Boolean).join(", "),It=r.div`
-  width: ${o.sp3};
-  svg {
-    display: none;
-  }
-`,Nt=r(Xe)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Tt=r(me)`
-  margin-right: ${o.sp2};
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,Pt=r.div`
-  padding: ${o.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  margin-top: ${o.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    border: 1px solid ${e=>e.theme.colors.primary};
-  }
-`,zt=r(G)`
-  margin-top: ${o.sp2};
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    border: 1px solid ${e=>e.theme.colors.primary};
-    svg {
-      display: block;
-    }
-  }
-`,Bt=r(pe)`
-  color: ${e=>e.theme.colors.grey1};
-  transform: translateY(${o.sp1});
-`,Vt=r(ce)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp2};
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  gap: ${o.sp3};
-`,Et=r.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp2};
-  padding-bottom: ${o.sp2};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp3};
-`,re="createVendorPage",ne=e=>`${e}_form`,P={containerPaddingLeft:new Y(w[3],w[6],w[6]),containerPaddingRight:new Y(w[3],w[6],w[8]),buttonWidth:new Y(125,125)},Ft=r.div`
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  width: 100%;
-`,Ot=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  padding-left: ${e=>`${P.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${P.containerPaddingRight.valuePx(e.windowSize)}`};
-  overflow: auto;
-`,Rt=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100vh;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Mt=r(Ze)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp3};
-  margin-top: ${o.sp3};
-`,Ut=r(Qe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Wt=r.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp11};
-`,y=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,_t=x.getLocalizedStrings().common.footer,ae=x.getLocalizedStrings().common.currency,oo=({vendorViewDetails:e,vendorId:n,screenType:s,analytics:l,filesEndPoint:m,authParams:p,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:u,onBackClick:b,onVendorSelected:h,navigateToBankDetailPage:C,updateSelectedVendorForCreate:k,onRemoveBankAccount:c,updateSaveFetchState:A,onSaveVendor:B,navigateToMailingAddressPage:V,saveVendorDetailLocalData:E,resetVendorDetailLocalData:F,saveContactsInVendorDetailLocalData:O,updateFilesEntity:R,onEditFileName:i,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:be},classList:{classes:ye},vendorTypeList:$e,ownerList:fe,editVendorState:K,newVendorState:Q,fetchState:we,hasWireTransfer:Z,hasInternationalWireTransfer:M,deleteFileStatusById:ve,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:ke}=e,L=n!=null?K?.vendorDetailLocalData:Q?.vendorDetailLocalData,d=Object.assign({},K??Q),De=He(),D=v(),[Se,U]=g.useState(!1),[Ae,W]=g.useState(!1),X=s==="create"?y.newVendorTitle:y.editVendor,Le=(d.bankAccountsUpdated??[]).map(a=>a.bankAccountId).sort(),Ie=(d.vendorBasic?.bankAccounts??[]).map(a=>a.bankAccountId).sort(),Ne=!q(Le,Ie),Te=(d.paymentInstrumentsUpdated??[]).map(a=>a.paymentInstrumentId).sort(),Pe=(d.vendorBasic?.paymentInstruments??[]).map(a=>a.paymentInstrumentId).sort(),ze=!q(Te,Pe),Be=(L?.contacts??[]).filter(a=>a.email!==""||a.fullName!==""||a.phone!=="").map(a=>qe(a,"contactInfoType")),Ve=d.vendorBasic?.contacts??[],Ee=!q(Be,Ve),Fe=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberAch),Oe=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberWireTransfer),Re=d.paymentInstrumentsUpdated.filter(a=>!!a.piNumber),ee=()=>{W(!0)},Me=a=>{U(a)},Ue={onOkClick:()=>{W(!1),U(!1),F?.(),b()},onCancelClick:()=>{W(!1),U(!1)}},_=g.useRef(null),We=a=>{_.current?.syncFormData(),V(a)},H=(a,_e)=>{_.current?.syncFormData(),C(a,_e)};g.useEffect(()=>{d?.saveStatus?.fetchState==="Completed"&&(A(),b())},[d]);const te=g.useRef(null);return t.jsxs(Ft,{windowSize:D,children:[t.jsx(Ye,{"data-testid":$("vendor-detail-container-nav-bar"),title:X,backgroundColor:De.colors.grey4,leftSideComponent:t.jsx(Ut,{onClick:ee,"data-testid":$("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:te,source:"CreateOrEditVendorPage"}),t.jsxs(Ot,{windowSize:D,ref:te,children:[we==="In-Progress"?t.jsx(Rt,{children:t.jsx(Je,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[Se===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:y.discardTitle}),descriptionComponent:t.jsx(se,{children:y.discardDescription}),primaryButtonText:y.discard,secondaryButtonText:y.cancel,action:Ue}):null,D!=="small"?t.jsx(Mt,{children:X}):null,t.jsx(Ge,{ref:_,id:ne(re),allAccounts:be,allClasses:ye,accountsHierarchyList:Ce,classHierarchyList:ke,vendorTypeList:$e,allOwners:fe,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,onVendorSelected:h,screenType:s,hasInternationalWireTransfer:M,selectedVendor:d,formLocalData:L,isBankAccountChanged:Ne,isContactListChanged:Ee,isPaymentInstrumentChanged:ze,analytics:l,pageBackBtnClicked:Ae,onBackClick:b,onSaveVendor:B,saveContactsInVendorDetailLocalData:O,updateSelectedVendorForCreate:k,saveVendorDetailLocalData:E,updateFilesEntity:R,toggleConfirmationPopup:Me,filesEndPoint:m,authParams:p,onEditFileName:i,deleteFileStatusById:ve,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:u}),Z||M?t.jsx(At,{addressState:d.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:We}):null,d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode?t.jsx(J,{type:"ach",vendorAccountDetails:Fe,onAddNewAccountDetailClick:()=>H("ach","standard"),onRemoveBankAccount:c}):null,Z&&(d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode)?t.jsx(J,{type:"wire",subType:"us-domestic",vendorAccountDetails:Oe,onAddNewAccountDetailClick:()=>H("wire","us-domestic"),onRemoveBankAccount:c}):null,M&&(L?.countryCode!=null&&L.countryCode!=="US"||u)?t.jsx(J,{type:"wire",subType:"international",vendorAccountDetailsInternational:Re,isLocalCurrencyEnabled:u,onAddNewAccountDetailClick:()=>H("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Wt,{})]}),t.jsx(Ke,{formId:ne(re),primaryBtn:{label:y.saveDetails,isLoading:d.saveStatus?.fetchState==="In-Progress",style:{width:P.buttonWidth.value(D)},isDisabled:!1},cancelBtn:{label:_t.cancel,style:{width:P.buttonWidth.value(D)},shouldResetOnCancel:!1,onClick:ee}})]})};export{oo as default,ne as formUniqueName};

package/dist/assets/CreditCardPaymentDrawerPage-c_q0MsSO-CoTzu5XT.js

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