@zeniai/web-components 3.16.58 → 3.16.59

package/dist/CreateOrEditVendorPage-btc1IFcl.cjs

@@ -0,0 +1,281 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-BW93Fnli.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-C93Jm_tC.cjs"),Ee=({bankAccountNumberOrIban:t,accountNumberOrIbanLabel:s,bankName:a,routingNumberOrSwiftCode:l,accountName:x,routingNumberOrSwiftCodeLabel:u,onDeleteClick:j})=>{const $=e.useWindowSizeContext(),p=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,h=o.jsxRuntimeExports.jsxs(Ae,{children:[o.jsxRuntimeExports.jsxs(B,{children:[o.jsxRuntimeExports.jsx(V,{children:u}),o.jsxRuntimeExports.jsx(O,{children:l})]}),o.jsxRuntimeExports.jsxs(B,{children:[o.jsxRuntimeExports.jsx(V,{children:p.achDetails.bankName}),o.jsxRuntimeExports.jsx(O,{children:a})]}),o.jsxRuntimeExports.jsxs(B,{children:[o.jsxRuntimeExports.jsx(V,{children:s}),o.jsxRuntimeExports.jsx(O,{children:t})]})]});return o.jsxRuntimeExports.jsxs(Le,{size:$,children:[o.jsxRuntimeExports.jsxs(ke,{children:[o.jsxRuntimeExports.jsxs(e.StandardRegular,{children:[`${a} ${p.paymentAccountDetailConnector} ${t.slice(-4)}`,o.jsxRuntimeExports.jsx(e.Tooltip,{title:h,placement:"top",children:o.jsxRuntimeExports.jsx(Te,{children:o.jsxRuntimeExports.jsx(Ne,{})})})]}),o.jsxRuntimeExports.jsx(Ie,{children:x??p.emptyPlaceholderString})]}),o.jsxRuntimeExports.jsx(De,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,display:"flex",title:p.deleteAccountTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(Pe,{onClick:S=>{S.stopPropagation(),j()},"data-testid":e.generateDataTestId("delete-vendor-account-section",x),children:o.jsxRuntimeExports.jsx(ze,{})})})})]})},Ae=n.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${e.Space.sp1};
+`,B=n.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,V=n.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${e.Colors.heroDark};
+`,O=n.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${t=>t.theme.colors.brandColorPearl};
+`,Ie=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.grey1};
+`,ke=n.div`
+  display: flex;
+  flex-direction: column;
+`,De=n.div`
+  margin-top: ${e.Space.sp0};
+  display: flex;
+  flex-direction: row;
+  gap: ${e.Space.sp5};
+`,Le=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp2};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  background-color: ${t=>t.theme.colors.grey5};
+  &:hover {
+    cursor: pointer;
+    z-index: 1;
+    outline: 1px solid ${t=>t.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+  border-radius: ${e.Space.sp2};
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  color: ${t=>t.theme.colors.primary};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,Pe=n.div`
+  width: ${e.Space.sp3};
+`,Te=n.div`
+  display: flex;
+  width: ${e.Space.sp3};
+  transform: translate(${e.Space.sp2}, 2px);
+  height: ${e.Space.sp3};
+`,Ne=n(e.SvgVisibleOn)`
+  cursor: pointer;
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,ze=n(e.SvgDelete)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${e.Colors.important};
+  }
+`,Be=({paymentInstrument:t,onDeleteClick:s})=>{const a=e.useWindowSizeContext(),l=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,x=o.jsxRuntimeExports.jsx(Ve,{children:t.piLabels.map(u=>o.jsxRuntimeExports.jsxs(Oe,{children:[o.jsxRuntimeExports.jsxs(We,{children:[u.name,l.colon]}),o.jsxRuntimeExports.jsx(Me,{children:u.value})]},u.name))});return o.jsxRuntimeExports.jsxs(qe,{size:a,children:[o.jsxRuntimeExports.jsx(Ue,{children:o.jsxRuntimeExports.jsxs(e.StandardRegular,{children:[t.displayText,o.jsxRuntimeExports.jsx(e.Tooltip,{title:x,placement:"top",children:o.jsxRuntimeExports.jsx(He,{children:o.jsxRuntimeExports.jsx(Ye,{})})})]})}),o.jsxRuntimeExports.jsx(Fe,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,display:"flex",title:l.deleteAccountTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(_e,{onClick:u=>{u.stopPropagation(),s()},"data-testid":e.generateDataTestId("delete-vendor-international-account-section",t.paymentInstrumentId),children:o.jsxRuntimeExports.jsx(Ge,{})})})})]})},Ve=n.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${e.Space.sp1};
+`,Oe=n.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,We=n.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${e.Colors.heroDark};
+`,Me=n.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${t=>t.theme.colors.brandColorPearl};
+`,Ue=n.div`
+  display: flex;
+  flex-direction: column;
+`,Fe=n.div`
+  margin-top: ${e.Space.sp0};
+  display: flex;
+  flex-direction: row;
+  gap: ${e.Space.sp5};
+`,qe=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp2};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  background-color: ${t=>t.theme.colors.grey5};
+  &:hover {
+    cursor: pointer;
+    z-index: 1;
+    outline: 1px solid ${t=>t.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+  border-radius: ${e.Space.sp2};
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  color: ${t=>t.theme.colors.primary};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,_e=n.div`
+  width: ${e.Space.sp3};
+`,He=n.div`
+  display: flex;
+  width: ${e.Space.sp3};
+  transform: translate(${e.Space.sp2}, 2px);
+  height: ${e.Space.sp3};
+`,Ye=n(e.SvgVisibleOn)`
+  cursor: pointer;
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Ge=n(e.SvgDelete)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${e.Colors.important};
+  }
+`,K=(t,s)=>{const a=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(t){case"ach":return a.achDetails.ach;case"wire":switch(s){case"us-domestic":return a.wireDetails.domestic.domestic;case"international":return a.wireDetails.international.international;default:return""}default:return""}},W=({type:t,subType:s,vendorAccountDetails:a,vendorAccountDetailsInternational:l,onRemoveBankAccount:x,onAddNewAccountDetailClick:u})=>{const j=e.useWindowSizeContext(),[$,p]=m.useState(!1),[h,S]=m.useState(""),[R,v]=m.useState(!1),d=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,b=i=>{S(i),p(!0)},C={onOkClick:()=>{p(!1),x(h,R)},onCancelClick:()=>{p(!1),S("")}},E=i=>t==="ach"||t==="wire"&&s==="us-domestic"?i.bankAccountNumber:t==="wire"&&s==="international"?i.bankAccountIban??"":"",A=i=>t==="ach"?i.bankRoutingNumberAch:t==="wire"&&s==="us-domestic"?i.bankRoutingNumberWireTransfer:t==="wire"&&s==="international"?i.bankSwiftCode??"":"",I=()=>t==="ach"?d.achDetails.bankRoutingNumber:t==="wire"&&s==="us-domestic"?d.wireDetails.bankRoutingNumber:t==="wire"&&s==="international"?d.wireDetails.international.swiftCode:"",k=()=>t==="ach"?d.achDetails.bankAccountNumber:t==="wire"&&s==="us-domestic"?d.wireDetails.accountNumber:t==="wire"&&s==="international"?d.wireDetails.international.iban:"";return o.jsxRuntimeExports.jsxs(Ze,{children:[$===!0?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:d.areYOuSure}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:d.ifYouSubmit}),primaryButtonText:d.delete,secondaryButtonText:d.cancel,action:C,isEditPopup:!0,proceedButtonVariant:"danger"}):null,o.jsxRuntimeExports.jsx(Xe,{windowSize:j,children:`${K(t,s)} ${d.accountsLabel}`}),a?.map(i=>o.jsxRuntimeExports.jsx(Y,{children:o.jsxRuntimeExports.jsx(Ee,{bankName:i.bankName,bankAccountNumberOrIban:E(i),routingNumberOrSwiftCode:A(i),routingNumberOrSwiftCodeLabel:I(),accountNumberOrIbanLabel:k(),accountName:i.bankAccountName,onDeleteClick:()=>b(i.bankAccountId)})},i.bankAccountId)),l?.map(i=>o.jsxRuntimeExports.jsx(Y,{children:o.jsxRuntimeExports.jsx(Be,{paymentInstrument:i,onDeleteClick:()=>{v(!0),b(i.paymentInstrumentId)}})},i.paymentInstrumentId)),o.jsxRuntimeExports.jsx(Je,{onAddAccountDetailsSection:u,type:t,subType:s})]})},Je=({onAddAccountDetailsSection:t,type:s,subType:a})=>{const l=e.useWindowSizeContext(),x=e.appLocale.getLocalizedStrings().spendManagement.billPay;return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(Qe,{windowSize:l,onClick:t,"data-testid":e.generateDataTestId("add-vendor-account",s),children:[o.jsxRuntimeExports.jsx(Ke,{}),o.jsxRuntimeExports.jsx(e.StandardMedium,{children:`${x.vendorCreation.addPrefix} ${K(s,a)}`})]})})},Ke=n(e.SvgAddRound)`
+  margin-right: ${e.Space.sp2};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Qe=n.div`
+  padding: ${e.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${e.Space.sp2};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    border: 1px solid ${t=>t.theme.colors.primary};
+  }
+`,Xe=n(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp2};
+`,Y=n.div``,Ze=n.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp2};
+  padding-bottom: ${e.Space.sp2};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp3};
+`,et=({addressState:t,onUpdateMailingAddress:s})=>{const a=e.useWindowSizeContext(),l=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation;return o.jsxRuntimeExports.jsxs(lt,{children:[o.jsxRuntimeExports.jsxs(ct,{windowSize:a,children:[`${l.mailingAddressLabel}`,o.jsxRuntimeExports.jsx(at,{children:`${l.mailingAddressPlaceholder}`})]}),t!=null?o.jsxRuntimeExports.jsxs(it,{children:[tt(t),o.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,display:"flex",title:l.editMailingAddressTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(ot,{"data-testid":e.generateDataTestId("edit-vendor-mailing-address"),onClick:()=>s("vendor_address"),children:o.jsxRuntimeExports.jsx(nt,{})})})]}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(st,{windowSize:a,"data-testid":e.generateDataTestId("add-vendor-mailing-address"),onClick:()=>s("vendor_address"),children:[o.jsxRuntimeExports.jsx(rt,{}),o.jsxRuntimeExports.jsx(e.StandardMedium,{children:l.addMailingAddress})]})})]})},tt=t=>[t.street[2],t.street[0],t.street[1],t.city,`${t.state} ${t.postalCode}`.trim(),t.countryCode??t.country].filter(Boolean).join(", "),ot=n.div`
+  width: ${e.Space.sp3};
+  svg {
+    display: none;
+  }
+`,nt=n(e.SvgEdit)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,rt=n(e.SvgAddRound)`
+  margin-right: ${e.Space.sp2};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,st=n.div`
+  padding: ${e.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${e.Space.sp2};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    border: 1px solid ${t=>t.theme.colors.primary};
+  }
+`,it=n(e.StandardRegular)`
+  margin-top: ${e.Space.sp2};
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    border: 1px solid ${t=>t.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+`,at=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.grey1};
+  transform: translateY(${e.Space.sp1});
+`,ct=n(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp2};
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: ${e.Space.sp3};
+`,lt=n.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp2};
+  padding-bottom: ${e.Space.sp2};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp3};
+`,G="createVendorPage",M=t=>`${t}_form`,y={containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[6]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),buttonWidth:new e.ResponsiveSized(125,125)},dt=n.div`
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  width: 100%;
+`,pt=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  padding-left: ${t=>`${y.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${y.containerPaddingRight.valuePx(t.windowSize)}`};
+  overflow: auto;
+`,ut=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,xt=n(e.H5Medium)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+  margin-top: ${e.Space.sp3};
+`,mt=n(e.SvgArrowLeft)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,ht=n.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp11};
+`,g=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,gt=e.appLocale.getLocalizedStrings().common.footer,J=e.appLocale.getLocalizedStrings().common.currency,St=({vendorViewDetails:t,vendorId:s,screenType:a,analytics:l,filesEndPoint:x,authParams:u,vendorSearchAutoCompleteData:j,vendorSearchAutoCompleteActions:$,isLocalCurrencyEnabled:p,onBackClick:h,onVendorSelected:S,navigateToBankDetailPage:R,updateSelectedVendorForCreate:v,onRemoveBankAccount:d,updateSaveFetchState:b,onSaveVendor:C,navigateToMailingAddressPage:E,saveVendorDetailLocalData:A,resetVendorDetailLocalData:I,saveContactsInVendorDetailLocalData:k,updateFilesEntity:i,onEditFileName:Q,onFetchAndUpdateVendorRecommendations:X})=>{const{accountList:{accounts:Z},classList:{classes:ee},vendorTypeList:te,ownerList:oe,editVendorState:D,newVendorState:U,fetchState:ne,hasWireTransfer:F,hasInternationalWireTransfer:L,deleteFileStatusById:re,updateFileStatusById:se,accountsHierarchyList:ie,classHierarchyList:ae}=t,w=s!=null?D?.vendorDetailLocalData:U?.vendorDetailLocalData,c=Object.assign({},D??U),ce=o.useTheme(),f=e.useWindowSizeContext(),[le,P]=m.useState(!1),[de,T]=m.useState(!1),q=a==="create"?g.newVendorTitle:g.editVendor,pe=(c.bankAccountsUpdated??[]).map(r=>r.bankAccountId).sort(),ue=(c.vendorBasic?.bankAccounts??[]).map(r=>r.bankAccountId).sort(),xe=!o.isEqual(pe,ue),me=(c.paymentInstrumentsUpdated??[]).map(r=>r.paymentInstrumentId).sort(),he=(c.vendorBasic?.paymentInstruments??[]).map(r=>r.paymentInstrumentId).sort(),ge=!o.isEqual(me,he),Se=(w?.contacts??[]).filter(r=>r.email!==""||r.fullName!==""||r.phone!=="").map(r=>o.omit(r,"contactInfoType")),je=c.vendorBasic?.contacts??[],$e=!o.isEqual(Se,je),fe=c.bankAccountsUpdated.filter(r=>!!r.bankRoutingNumberAch),be=c.bankAccountsUpdated.filter(r=>!!r.bankRoutingNumberWireTransfer),we=c.paymentInstrumentsUpdated.filter(r=>!!r.piNumber),_=()=>{T(!0)},ye=r=>{P(r)},Re={onOkClick:()=>{T(!1),P(!1),I?.(),h()},onCancelClick:()=>{T(!1),P(!1)}},N=m.useRef(null),ve=r=>{N.current?.syncFormData(),E(r)},z=(r,Ce)=>{N.current?.syncFormData(),R(r,Ce)};m.useEffect(()=>{c?.saveStatus?.fetchState==="Completed"&&(b(),h())},[c]);const H=m.useRef(null);return o.jsxRuntimeExports.jsxs(dt,{windowSize:f,children:[o.jsxRuntimeExports.jsx(e.NavBar,{"data-testid":e.generateDataTestId("vendor-detail-container-nav-bar"),title:q,backgroundColor:ce.colors.grey4,leftSideComponent:o.jsxRuntimeExports.jsx(mt,{onClick:_,"data-testid":e.generateDataTestId("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:H,source:"CreateOrEditVendorPage"}),o.jsxRuntimeExports.jsxs(pt,{windowSize:f,ref:H,children:[ne==="In-Progress"?o.jsxRuntimeExports.jsx(ut,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[le===!0?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:g.discardTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:g.discardDescription}),primaryButtonText:g.discard,secondaryButtonText:g.cancel,action:Re}):null,f!=="small"?o.jsxRuntimeExports.jsx(xt,{children:q}):null,o.jsxRuntimeExports.jsx(e.CreateOrEditVendorPageForm,{ref:N,id:M(G),allAccounts:Z,allClasses:ee,accountsHierarchyList:ie,classHierarchyList:ae,vendorTypeList:te,allOwners:oe,vendorSearchAutoCompleteData:j,vendorSearchAutoCompleteActions:$,onVendorSelected:S,screenType:a,hasInternationalWireTransfer:L,selectedVendor:c,formLocalData:w,isBankAccountChanged:xe,isContactListChanged:$e,isPaymentInstrumentChanged:ge,analytics:l,pageBackBtnClicked:de,onBackClick:h,onSaveVendor:C,saveContactsInVendorDetailLocalData:k,updateSelectedVendorForCreate:v,saveVendorDetailLocalData:A,updateFilesEntity:i,toggleConfirmationPopup:ye,filesEndPoint:x,authParams:u,onEditFileName:Q,deleteFileStatusById:re,updateFileStatusById:se,onFetchAndUpdateVendorRecommendations:X,isLocalCurrencyEnabled:p}),F||L?o.jsxRuntimeExports.jsx(et,{addressState:c.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:ve}):null,c.vendorDetailLocalData?.currencyCode==null||c.vendorDetailLocalData?.currencyCode===J.currencyCode?o.jsxRuntimeExports.jsx(W,{type:"ach",vendorAccountDetails:fe,onAddNewAccountDetailClick:()=>z("ach","standard"),onRemoveBankAccount:d}):null,F&&(c.vendorDetailLocalData?.currencyCode==null||c.vendorDetailLocalData?.currencyCode===J.currencyCode)?o.jsxRuntimeExports.jsx(W,{type:"wire",subType:"us-domestic",vendorAccountDetails:be,onAddNewAccountDetailClick:()=>z("wire","us-domestic"),onRemoveBankAccount:d}):null,L&&(w?.countryCode!=null&&w.countryCode!=="US"||p)?o.jsxRuntimeExports.jsx(W,{type:"wire",subType:"international",vendorAccountDetailsInternational:we,isLocalCurrencyEnabled:p,onAddNewAccountDetailClick:()=>z("wire","international"),onRemoveBankAccount:d}):null]}),o.jsxRuntimeExports.jsx(ht,{})]}),o.jsxRuntimeExports.jsx(e.Footer,{formId:M(G),primaryBtn:{label:g.saveDetails,isLoading:c.saveStatus?.fetchState==="In-Progress",style:{width:y.buttonWidth.value(f)},isDisabled:!1},cancelBtn:{label:gt.cancel,style:{width:y.buttonWidth.value(f)},shouldResetOnCancel:!1,onClick:_}})]})};exports.default=St;exports.formUniqueName=M;

package/dist/CreditCardPaymentDrawerPage-3iLV02Xb.cjs

@@ -0,0 +1,224 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-.pnpm-BW93Fnli.cjs"),o=require("@emotion/styled"),d=require("react"),e=require("./index-C93Jm_tC.cjs"),P=require("@zeniai/client-epic-state"),ze=require("./LabeledControlledCheckBoxField-DajfmZhw.cjs"),Be=require("./ChargeCardUtils-CB7C88_V.cjs"),de=require("./CreditCardPaymentPlgSection-CbAVUTrP.cjs"),K={largeLabelWidth:new e.ResponsiveSized(120,120,160),navBarContainerPaddingXaxis:new e.ResponsiveSized(10,19),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),reviewContentWrapperPaddingBottom:new e.ResponsiveSized(e.sp[5],e.sp[8])},oe={pageTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular"),integerAmountInput:new e.ResponsiveSizedStyle("h5Regular","h2Regular"),decimalAmountInput:new e.ResponsiveSizedStyle("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Me}},common:{edit:_e,labels:pe,currency:ue,navBar:{back:Oe}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ne}},chargeCard:{payEarly:Z}}}=e.appLocale.getLocalizedStrings(),Ie=({paymentDetails:t,isCashbackInfoFetchStateCompleted:r,isCreditCardInfoFetchStateCompleted:u,isDebitCardInfoFetchStateCompleted:n,controllerEmails:m,productInformation:s,cashbackInformation:x,paymentSourceInformation:j,creditAccountInformation:g,debitAccountInformation:S,setShowReviewContent:y,onTransferClick:h,isCompleteOutstandingBalanceBeingPaid:w})=>{const l=e.useWindowSizeContext(),T=a.useTheme(),A=e.useToolkitContext().analytics,[z,C]=d.useState(!1);d.useEffect(()=>{t.error!=null?C(!0):C(!1)},[t.error]);const k=K.largeLabelWidth.value(l);return a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsxs(Xe,{windowSize:l,children:[a.jsxRuntimeExports.jsx(rt,{windowSize:l,children:a.jsxRuntimeExports.jsx(e.Tooltip,{title:Oe,enterTouchDelay:600,placement:"bottom",children:a.jsxRuntimeExports.jsx(ot,{"data-testid":e.generateDataTestId("nav-bar-back-credit-card-payment-review"),onClick:()=>{r&&u&&n&&A.trackCardsPayEarlyFormClick(m,s,x,"Back",t.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:t.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:t.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:t.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:t.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},j,g,S),y(!1)}})})}),a.jsxRuntimeExports.jsx(it,{windowSize:l,children:Ne.reviewAndConfirm}),a.jsxRuntimeExports.jsx(Ve,{children:a.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.chargeCardRepaymentDetailLocalData.amount,integerStyles:oe.integerAmountInput.styleObject(l),decimalStyles:oe.decimalAmountInput.styleObject(l)})}),z?a.jsxRuntimeExports.jsx(Ke,{children:a.jsxRuntimeExports.jsxs(He,{children:[a.jsxRuntimeExports.jsxs(Je,{children:[a.jsxRuntimeExports.jsx(et,{}),a.jsxRuntimeExports.jsxs(Ue,{children:[a.jsxRuntimeExports.jsx(Ge,{children:t.error?.title}),a.jsxRuntimeExports.jsx(Ze,{children:t.error?.message})]})]}),a.jsxRuntimeExports.jsx(Qe,{children:a.jsxRuntimeExports.jsx(tt,{"data-testid":e.generateDataTestId("close-error-credit-card-payment-review"),onClick:()=>{C(!1)},style:{width:e.Space.sp3,height:e.Space.sp3,color:e.Colors.heroLight}})})]})}):null,a.jsxRuntimeExports.jsx(nt,{windowSize:l,children:a.jsxRuntimeExports.jsxs(qe,{children:[a.jsxRuntimeExports.jsx(e.LabeledReadOnlyTextField,{label:{label:pe.transferFrom,width:k},text:a.jsxRuntimeExports.jsxs(me,{windowSize:l,children:[Ce(t.transferFromAccounts,t.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsxRuntimeExports.jsx(Ye,{windowSize:l,children:t.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsxRuntimeExports.jsx(at,{}),a.jsxRuntimeExports.jsx(e.LabeledReadOnlyTextField,{label:{label:pe.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${w?Z.creditLimitReset:Z.creditLimitUpdate} ${P.zeniDate(P.getNextNthWorkingDay(P.dateNow().toDate(),[0,6],3).toDateString()).format(Me)} ${Z.business23Days}`,additionalInfoLabelStyles:{color:T.colors.hero,...e.textStyles.smallRegular.cssObject},text:a.jsxRuntimeExports.jsx(me,{windowSize:l,children:e.amountToString("0,0.[00]",{amount:t.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:ue.currencyCode,currencySymbol:ue.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsxRuntimeExports.jsx(e.Footer,{style:{zIndex:4,paddingTop:e.Space.sp3,paddingBottom:e.Space.sp0},helperText:Z.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0}`},cancelBtn:{label:_e,onClick:()=>{r&&u&&n&&A.trackCardsPayEarlyFormClick(m,s,x,"Edit",t.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:t.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:t.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:t.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:t.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},j,g,S),y(!1)},style:{minWidth:94}},primaryBtn:{label:Z.payNow,onClick:h,isLoading:t.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ce=(t,r,u)=>{if(r==="")return a.jsxRuntimeExports.jsx(ut,{});const n=t.find(s=>s.id===r),m=t.findIndex(s=>s.id===r);if(n!=null){if(n.accType==="depositAccount")return a.jsxRuntimeExports.jsx(dt,{isOptionSelected:u,children:a.jsxRuntimeExports.jsx(pt,{color:e.getAccountsColorMappingFromIndex(m)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsxRuntimeExports.jsx(st,{src:We(n.logo),isOptionSelected:u,loading:"lazy"}):a.jsxRuntimeExports.jsx(ct,{isOptionSelected:u,children:a.jsxRuntimeExports.jsx(lt,{})})}return null},We=t=>t.base64!==void 0?`${e.JPEG_IMAGE_BASE_64}${t.base64.toString()}`:t.url!==void 0?t.url.toString():"",Ve=o(e.H2Regular)`
+  color: ${t=>t.theme.colors.primary};
+  padding-top: ${e.Space.sp3};
+`,Ye=o.div`
+  display: flex;
+  flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
+`,me=o(e.StandardRegular)`
+  display: flex;
+  align-items: ${t=>t.windowSize==="small"?"start":"center"};
+`,qe=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,He=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  background-color: ${e.Colors.importantLight};
+  border-radius: ${e.Space.sp2};
+`,Ue=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e.Space.sp2};
+`,Ge=o(e.StandardMedium)`
+  color: ${e.Colors.important};
+`,Ze=o(e.StandardRegular)`
+  color: ${e.Colors.important};
+`,Ke=o.div`
+  margin-top: ${e.Space.sp3};
+  display: flex;
+  background-color: ${t=>t.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+  border-radius: ${e.Space.sp2};
+  box-shadow: ${t=>`${e.Space.sp0} 2px 2px ${t.theme.colors.dropShadowNormal}`};
+`,Xe=o.div`
+  height: auto;
+  padding-left: ${t=>`${K.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${K.containerPaddingRight.valuePx(t.windowSize)}`};
+  margin-bottom: auto;
+`,Je=o.div`
+  display: flex;
+  align-items: flex-start;
+`,Qe=o.div``,et=o(e.SvgAlertRound)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${e.Colors.important};
+`,tt=o(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,at=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,nt=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp3};
+  padding-bottom: ${t=>`${K.reviewContentWrapperPaddingBottom.valuePx(t.windowSize)}`};
+`,ot=o(e.SvgArrowLeft)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,rt=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${K.navBarContainerPaddingXaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+  background-color: ${t=>t.theme.colors.grey4};
+`,it=o(e.H6Regular)`
+  ${t=>`${oe.pageTitle.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  padding: ${e.Space.sp3} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0};
+`,st=o.img`
+  display: flex;
+  width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  height: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  min-width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  margin-right: ${e.Space.sp2};
+`,ct=o.div`
+  min-width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  height: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+`,lt=o(e.SvgExternalAccount)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${e.Space.sp2};
+`,dt=o.div`
+  min-width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  width: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  height: ${t=>t.isOptionSelected?e.Space.sp4:e.Space.sp5};
+  margin-right: ${e.Space.sp2};
+`,pt=o(e.SvgZeniBrandCheckingAcc)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${e.Space.sp2};
+`,ut=o(e.SvgAddRound)`
+  min-width: ${e.Space.sp4};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  margin-right: 12px;
+  margin-left: ${e.Space.sp1};
+  color: ${t=>t.theme.colors.hero};
+`,{common:ne,spendManagement:{zeniAccounts:{zeniAccountList:mt},billPay:{insufficientFunds:gt},chargeCard:{payEarly:I}},commonSetUp:{setUp:{accountsPlg:Q}}}=e.appLocale.getLocalizedStrings(),ve="amount",xt="withdrawFrom",B="paymentDetails",$e="creditCardPaymentPage",ee=(t,r)=>`${t}.${r}`,je=t=>`${t}_form`,f={largeLabelWidth:new e.ResponsiveSized(120,120,160),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[3]),labelMarginLeftPicker:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRightPicker:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTopPicker:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingLeft:new e.ResponsiveSized(e.sp[2],e.sp[0]),labeledFieldPaddingRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),infoLabelPaddingRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),infoLabelMarginTop:new e.ResponsiveSized(e.sp[1],e.sp[0]),checkBoxTop:new e.ResponsiveSized(e.sp[1],e.sp[0])},ge={integerAmountInput:new e.ResponsiveSizedStyle("h5Regular","h2Regular"),decimalAmountInput:new e.ResponsiveSizedStyle("largeSemiBold","h5Medium")};function ht({autoPayThreshold:t,plaidConnectionDetails:r,maxInsuredAmount:u,paymentDetails:n,lowBalanceAdditionalInfo:m,paymentAccount:s,isAccountsEnabled:x,onSaveChangesToLocalStore:j,onUpdatePaymentAccountStatus:g,onEstablishConnectionClick:S,onEstablishConnectionSuccess:y,onFetchLinkTokenClick:h,setShowReviewLoading:w,onSignUpAccountClick:l,onMoveMoneyClick:T,isCashbackInfoFetchStateCompleted:M,isCreditCardInfoFetchStateCompleted:A,isDebitCardInfoFetchStateCompleted:z,controllerEmails:C,productInformation:k,cashbackInformation:V,paymentSourceInformation:Y,creditAccountInformation:q,debitAccountInformation:H}){const c=e.useWindowSizeContext(),te=a.useTheme(),R=f.largeLabelWidth.value(c),U=e.useToolkitContext().analytics,G=d.useRef(null),[D,F]=d.useState(!1),[L,_]=d.useState(void 0),$=r.link_account,J=r.update_account,v=L==="update_account"?J:$,[O,re]=d.useState(v.linkToken??null),ie=e.usePrevious($.updateStatus.fetchState),N=a.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:d.useMemo(()=>xe(n),[n]),values:d.useMemo(()=>xe(n),[n])}),se=s?.isLoginRequired??!1,b=s?.providerVerificationStatus?.code,ce=e.usePrevious(J.updateStatus.fetchState),be=d.useCallback((i,p)=>{const E=p.accounts.find(Fe=>Fe.id===s?.providerAccountId)??p.accounts[0];s?.paymentAccountId!=null&&L==="update_account"&&E?.verification_status!=null&&!se?g(E?.verification_status,s.paymentAccountId,"update_account"):S?.(i,L),_(void 0),F(!1)},[s?.paymentAccountId,s?.providerAccountId,L,se,g,S]),Ee=d.useCallback((i,p)=>{i!=null&&(i.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&s?.paymentAccountId!=null&&g("verification_failed",s.paymentAccountId,"update_account"),console.log("Plaid Connection Error",i,p)),_(void 0),F(!1)},[s?.paymentAccountId,g]),{open:ae,ready:le}=a.usePlaidLink({token:O,onSuccess:be,onExit:Ee});d.useEffect(()=>{(ie==="In-Progress"&&$.updateStatus.fetchState==="Completed"||ce==="In-Progress"&&J.updateStatus.fetchState==="Completed")&&(P.isVerifiedPaymentAccountProviderStatusCode(b??"")||(h?.("link_account"),y()))},[$.updateStatus.fetchState,y,h,ie,ce,J.updateStatus.fetchState,b]),d.useEffect(()=>{(P.isVerifiedStatusCode(b??"")||b==="verification_failed")&&!D&&L!=null&&v.linkToken===O&&v.fetchStatus.fetchState==="Completed"&&le&&F(!0)},[le,O,v.fetchStatus.fetchState,v.linkToken,b,L,D]),d.useEffect(()=>{v.fetchStatus.fetchState==="Completed"&&v.linkToken!=null&&v.linkToken!==O&&re(v.linkToken)},[v.fetchStatus.fetchState,v.linkToken,O]),d.useEffect(()=>{D&&ae()},[D,ae]),d.useEffect(()=>{(b==null||b==="verification_failed"||b==="verification_expired"||P.isVerifiedStatusCode(b))&&(P.zeniDate(new Date().toISOString()).isAfter($.expiration)||$.linkToken==null)&&h?.("link_account")},[]);const{isValid:Pe}=N.formState,Te=async(i,p)=>{if(i!=null){if(i.includes("amount"))return;const E=he(p,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);j(E)}},Ae=i=>{if(m!=null)return m;const p=n.transferFromAccounts.find(E=>E.id===i);return p?.accountBalance?.available!=null&&P.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,p?.accountBalance?.available)?gt.addMoney:""};d.useEffect(()=>{const i=N.watch((p,{name:E})=>{E!=null&&p!=null&&a.defer(()=>Te(E,p))});return()=>{i.unsubscribe()}});const ke=N.watch("paymentDetails.amount"),De=N.handleSubmit(()=>{if(Pe){const i=N.getValues(),p=he(i,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);j(p),w(!0),M&&A&&z&&U.trackCardsPayEarlyFormClick(C,k,V,"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},Y,q,H)}});return a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(wt,{children:a.jsxRuntimeExports.jsx(e.AmountBalance,{amount:{amount:ke??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ge.integerAmountInput.styleObject(c),decimalStyles:ge.decimalAmountInput.styleObject(c)})}),a.jsxRuntimeExports.jsx(a.FormProvider,{...N,children:a.jsxRuntimeExports.jsx(Rt,{id:je($e),onSubmit:De,children:a.jsxRuntimeExports.jsxs(Ct,{children:[a.jsxRuntimeExports.jsx(e.LabeledSingleSelectPickerField,{selectRef:G,label:{label:ne.labels.transferFrom,width:R,style:{marginLeft:f.labelMarginLeftPicker.valuePx(c),marginTop:f.labelMarginTopPicker.valuePx(c),marginRight:f.labelMarginRightPicker.valuePx(c),width:f.largeLabelWidth.value(c)}},style:{paddingTop:f.labeledFieldPaddingTop.valuePx(c),paddingBottom:f.labeledFieldPaddingBottom.valuePx(c),paddingLeft:f.labeledFieldPaddingLeft.valuePx(c),paddingRight:f.labeledFieldPaddingRight.valuePx(c),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:f.infoLabelPaddingRight.valuePx(c),marginTop:f.infoLabelMarginTop.valuePx(c),color:e.Colors.brandColorGoldDark},bottomComponent:a.jsxRuntimeExports.jsx(ze.LabeledControlledCheckBoxField,{label:{label:I.enableAutoPay.replace("__autoPayThreshold__",t.toString()),style:{textAlign:c==="small"?"end":"center",color:te.colors.primary}},style:{width:"unset",marginRight:e.Space.sp3,alignItems:c==="small"?"flex-start":"center"},checkBoxField:{name:ee(B,"enableAutoPay"),checkBoxValue:ee(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:f.checkBoxTop.valuePx(c)}}}),singleSelectPickerField:{name:ee(B,xt),placeholder:e.getPlaceholderTextWithPrefix(ne.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(i,p)=>Ce(n.transferFromAccounts,i,p),valueToSubLabels:(i,p)=>e.getSubLabels(n.transferFromAccounts,i,p,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>i!=null&&!!i.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{_("link_account"),$.linkToken==null||P.zeniDate(new Date().toISOString()).isAfter($.expiration)?h?.("link_account"):O!==$.linkToken?re($.linkToken):D?ae():F(!0)}},valueToAdditionalLabel:Ae}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsxRuntimeExports.jsx(de.CreditCardPaymentPlgSection,{maxInsuredAmount:u,heading:a.jsxRuntimeExports.jsxs(St,{windowSize:c,children:[I.earn,a.jsxRuntimeExports.jsx(yt,{children:I.percentageCashback.replace("__percentage__",Be.CASHBACK_PERCENTAGE_WHEN_YOU_PAY_VIA_ZENI_CHECKING)}),I.whenYouPayViaZeniChecking]}),buttonText:x?Q.switchButtonText:Q.signUpButtonText,isAccountsEnabled:x,pageName:I.creditCardPayment,onSignUpClick:l,onSwitchClick:()=>{G.current!=null&&G.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?a.jsxRuntimeExports.jsx(de.CreditCardPaymentPlgSection,{maxInsuredAmount:u,heading:Q.moveMoneyHeading,buttonText:Q.moveMoneyButtonText,isAccountsEnabled:x,pageName:I.creditCardPayment,onMoveMoneyClick:T}):a.jsxRuntimeExports.jsx(ft,{}),a.jsxRuntimeExports.jsx(e.LabeledFormattedTextField,{showAdditionalInfoLabel:!1,label:{label:ne.labels.amount,width:R},formattedTextField:{type:"number",name:ee(B,ve),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:mt.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:f.labeledFieldPaddingLeft.valuePx(c)}})]})})})]})}const St=o(e.StandardMediumSp)`
+  color: ${t=>t.theme.colors.primary};
+  width: ${t=>t.windowSize==="small"?"80%":"100%"};
+`,yt=o(e.ExtraLargeBoldSp)`
+  color: ${t=>t.theme.colors.primary};
+`,ft=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,xe=t=>({paymentDetails:{[ve]:t.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:t.transferFromAccounts.map(r=>({label:r.label,value:r.id})),selectedOption:t.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:t.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),Rt=o.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: ${e.Space.sp6};
+`,wt=o(e.H2Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin: ${e.Space.sp5} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0};
+`,Ct=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,he=(t,r,u)=>({amount:{amount:t[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:r.find(n=>n.id===t[B].withdrawFrom.selectedOption),isAutoRepayment:t[B].enableAutoPay,idempotencyKey:u}),X={navBarContainerPaddingXaxis:new e.ResponsiveSized(10,19),containerPaddingLeft:new e.ResponsiveSized(16,40,56),containerPaddingRight:new e.ResponsiveSized(16,40,56),successContentMargin:new e.ResponsiveSized(e.sp[3],e.sp[12]),buttonTrayGap:new e.ResponsiveSized(e.sp[4],e.sp[5])},vt={sectionTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},Se=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,W=e.appLocale.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:ye}=e.appLocale.getLocalizedStrings(),$t=({autoPayThreshold:t,paymentDetails:r,maxInsuredAmount:u,isAccountsEnabled:n,productInformation:m,controllerEmails:s,creditAccountInformation:x,creditAccountSpentAmount:j,debitAccountInformation:g,cashbackInformation:S,paymentSourceInformation:y,isCashbackInfoFetchStateCompleted:h,isCreditCardInfoFetchStateCompleted:w,isDebitCardInfoFetchStateCompleted:l,paymentInitiatedDate:T,onSaveChangesToLocalStore:M,onTransferClick:A,goToCards:z,onDismissClick:C,onEstablishConnectionClick:k,onFetchLinkTokenClick:V,plaidConnectionDetails:Y,onSignUpAccountClick:q,onMoveMoneyClick:H,onUpdatePaymentAccountStatus:c,onEstablishConnectionSuccess:te})=>{const R=e.useWindowSizeContext(),U=e.useToolkitContext().analytics,[G,D]=d.useState(!1),[F,L]=d.useState(!1);d.useEffect(()=>{F&&setTimeout(()=>{L(!1),D(!0)},1e3)},[F]);const _=r.chargeCardRepaymentDetailLocalData.amount.amount===j;return a.jsxRuntimeExports.jsx(jt,{windowSize:R,children:r.updateStatus==="Completed"?a.jsxRuntimeExports.jsxs(fe,{windowSize:R,isTransferCompleted:!0,children:[a.jsxRuntimeExports.jsx(Re,{windowSize:R,children:a.jsxRuntimeExports.jsx(we,{"data-testid":e.generateDataTestId("cross-credit-card-payment-success-close-button"),onClick:()=>{h&&w&&l&&U.trackCardsPayEarlyFormClick(s,m,S,"Cross Icon",r.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:r.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:r.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:r.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:r.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},y,x,g),C?.()}})}),a.jsxRuntimeExports.jsxs(Pt,{windowSize:R,children:[a.jsxRuntimeExports.jsx(e.MoneyTransferSuccessAnimation,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsxRuntimeExports.jsx(Lt,{children:a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[W.youvePaid,a.jsxRuntimeExports.jsx(bt,{children:e.amountToString("0,0.[00]",r.chargeCardRepaymentDetailLocalData.amount)}),Se.transferDrawer.internal.transferSuccessMsgMidfix,`"${r.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,_?W.theCreditLimitWillResetWithin23BusinessDays:W.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsxRuntimeExports.jsx(Et,{windowSize:R,children:a.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:W.goToCards,"data-testid":e.generateDataTestId("back-to-cards-button"),onClick:z})})]})]}):G?a.jsxRuntimeExports.jsx(Ie,{paymentDetails:r,setShowReviewContent:D,onTransferClick:A,isCashbackInfoFetchStateCompleted:h,isCreditCardInfoFetchStateCompleted:w,isDebitCardInfoFetchStateCompleted:l,controllerEmails:s,productInformation:m,cashbackInformation:S,paymentSourceInformation:y,creditAccountInformation:x,debitAccountInformation:g,isCompleteOutstandingBalanceBeingPaid:_}):a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsxs(fe,{windowSize:R,isTransferCompleted:!1,children:[a.jsxRuntimeExports.jsx(Re,{windowSize:R,children:a.jsxRuntimeExports.jsx(we,{"data-testid":e.generateDataTestId("cross-amount-details-close-button"),onClick:()=>{h&&w&&l&&U.trackCardsPayEarlyFormClick(s,m,S,"Cross Icon",r.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:r.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:r.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:r.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:r.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:T?.add(3,"day").format(ye.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(ye.visual.MMMDCommaYYYYformat)},y,x,g),C?.()}})}),R==="small"?a.jsxRuntimeExports.jsx(Tt,{windowSize:R,children:W.payCreditCardBalance}):a.jsxRuntimeExports.jsx(At,{children:W.payCreditCardBalance}),r.fetchState==="Completed"?a.jsxRuntimeExports.jsx(ht,{autoPayThreshold:t,maxInsuredAmount:u,onSaveChangesToLocalStore:M,plaidConnectionDetails:Y,paymentDetails:r,setShowReviewLoading:L,onEstablishConnectionSuccess:te,isAccountsEnabled:n,onFetchLinkTokenClick:V,onUpdatePaymentAccountStatus:c,onEstablishConnectionClick:k,onSignUpAccountClick:q,onMoveMoneyClick:H,isCashbackInfoFetchStateCompleted:h,isCreditCardInfoFetchStateCompleted:w,isDebitCardInfoFetchStateCompleted:l,controllerEmails:s,productInformation:m,cashbackInformation:S,paymentSourceInformation:y,creditAccountInformation:x,debitAccountInformation:g}):a.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsxRuntimeExports.jsx(e.Footer,{style:{zIndex:4,paddingTop:e.Space.sp3,paddingBottom:e.Space.sp3},formId:je($e),helperStyle:{paddingTop:e.Space.sp0,paddingBottom:e.Space.sp0},primaryBtn:{label:e.appLocale.getLocalizedStrings().common.review,isLoading:F},cancelBtn:{label:Se.transferDrawer.cancelBtn,onClick:()=>{h&&w&&l&&U.trackCardsPayEarlyFormClick(s,m,S,"Cancel",r.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:r.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:r.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:r.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:r.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},y,x,g),C?.()}}})]})})},jt=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,Lt=o(e.LargeRegular)`
+  color: ${t=>t.theme.colors.primary};
+  text-align: center;
+  white-space: pre-line;
+`,bt=o(e.LargeSemiBoldSp)`
+  display: inline;
+`,fe=o.div`
+  height: ${t=>t.isTransferCompleted?"100%":"auto"};
+  padding-left: ${t=>`${X.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${X.containerPaddingRight.valuePx(t.windowSize)}`};
+  margin-bottom: auto;
+`,Et=o.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: ${t=>t.windowSize==="small"?"column-reverse":"row"};
+  margin-top: ${e.Space.sp6};
+  gap: ${t=>`${X.buttonTrayGap.valuePx(t.windowSize)}`};
+`,Pt=o.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${t=>`${e.Space.sp0} ${X.successContentMargin.valuePx(t.windowSize)}`};
+  align-items: center;
+`,Re=o.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${X.navBarContainerPaddingXaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+  background-color: ${t=>t.theme.colors.grey4};
+`,we=o(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Tt=o(e.H6Regular)`
+  ${t=>`${vt.sectionTitle.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp0};
+  margin-right: ${e.Space.sp3};
+`,At=o(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp2};
+`,kt=({autoPayThreshold:t,paymentDetails:r,isZeniAccountSetupEnabled:u,maxInsuredAmount:n,onUpdatePaymentAccountStatus:m,onSaveChangesToLocalStore:s,creditAccountSpentAmount:x,onTransferClick:j,controllerEmails:g,productInformation:S,creditAccountInformation:y,debitAccountInformation:h,cashbackInformation:w,paymentSourceInformation:l,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:A,goToCards:z,onDismissClick:C,onEstablishConnectionClick:k,onEstablishConnectionSuccess:V,onFetchLinkTokenClick:Y,plaidConnectionDetails:q,onSignUpAccountClick:H,onMoveMoneyClick:c})=>a.jsxRuntimeExports.jsx(Dt,{children:a.jsxRuntimeExports.jsx($t,{autoPayThreshold:t,paymentDetails:r,maxInsuredAmount:n,productInformation:S,controllerEmails:g,creditAccountInformation:y,debitAccountInformation:h,cashbackInformation:w,paymentSourceInformation:l,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:A,creditAccountSpentAmount:x,onSaveChangesToLocalStore:s,onTransferClick:j,goToCards:z,onDismissClick:C,plaidConnectionDetails:q,isAccountsEnabled:u,onEstablishConnectionClick:k,onFetchLinkTokenClick:Y,onUpdatePaymentAccountStatus:m,onEstablishConnectionSuccess:V,onSignUpAccountClick:H,onMoveMoneyClick:c})}),Dt=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`;exports.default=kt;