@zeniai/web-components 3.17.10 → 3.17.11

package/dist/CreateOrEditVendorPage-ChvAJHZX.cjs

@@ -0,0 +1,281 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),h=require("react"),n=require("@emotion/styled"),e=require("./index-B3k6KNNf.cjs"),Ee=({bankAccountNumberOrIban:t,accountNumberOrIbanLabel:r,accountTypeLabel:c,accountType:a,bankName:u,routingNumberOrSwiftCode:p,accountName:j,routingNumberOrSwiftCodeLabel:$,onDeleteClick:x})=>{const g=e.useWindowSizeContext(),m=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,f=o.jsxRuntimeExports.jsxs(Ae,{children:[o.jsxRuntimeExports.jsxs(C,{children:[o.jsxRuntimeExports.jsx(v,{children:$}),o.jsxRuntimeExports.jsx(E,{children:p})]}),o.jsxRuntimeExports.jsxs(C,{children:[o.jsxRuntimeExports.jsx(v,{children:m.achDetails.bankName}),o.jsxRuntimeExports.jsx(E,{children:u})]}),o.jsxRuntimeExports.jsxs(C,{children:[o.jsxRuntimeExports.jsx(v,{children:r}),o.jsxRuntimeExports.jsx(E,{children:t})]}),o.jsxRuntimeExports.jsxs(C,{children:[o.jsxRuntimeExports.jsx(v,{children:c}),o.jsxRuntimeExports.jsx(E,{children:typeof a=="string"&&a!==""?e.formatToSentenceCase(a.toLowerCase()):a??""})]})]});return o.jsxRuntimeExports.jsxs(Le,{size:g,children:[o.jsxRuntimeExports.jsxs(ke,{children:[o.jsxRuntimeExports.jsxs(e.StandardRegular,{children:[`${u} ${m.paymentAccountDetailConnector} ${t.slice(-4)}`,o.jsxRuntimeExports.jsx(e.Tooltip,{title:f,placement:"top",children:o.jsxRuntimeExports.jsx(Pe,{children:o.jsxRuntimeExports.jsx(Ne,{})})})]}),o.jsxRuntimeExports.jsx(Ie,{children:j??m.emptyPlaceholderString})]}),o.jsxRuntimeExports.jsx(De,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,display:"flex",title:m.deleteAccountTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(Te,{onClick:b=>{b.stopPropagation(),x()},"data-testid":e.generateDataTestId("delete-vendor-account-section",j),children:o.jsxRuntimeExports.jsx(ze,{})})})})]})},Ae=n.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${e.Space.sp1};
+`,C=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};
+`,E=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}`};
+`,Te=n.div`
+  width: ${e.Space.sp3};
+`,Pe=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:r})=>{const c=e.useWindowSizeContext(),a=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,u=o.jsxRuntimeExports.jsx(Ve,{children:t.piLabels.map(p=>o.jsxRuntimeExports.jsxs(Oe,{children:[o.jsxRuntimeExports.jsxs(We,{children:[p.name,a.colon]}),o.jsxRuntimeExports.jsx(Me,{children:p.value})]},p.name))});return o.jsxRuntimeExports.jsxs(qe,{size:c,children:[o.jsxRuntimeExports.jsx(Ue,{children:o.jsxRuntimeExports.jsxs(e.StandardRegular,{children:[t.displayText,o.jsxRuntimeExports.jsx(e.Tooltip,{title:u,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:a.deleteAccountTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(_e,{onClick:p=>{p.stopPropagation(),r()},"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};
+  }
+`,Q=(t,r)=>{const c=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(t){case"ach":return c.achDetails.ach;case"wire":switch(r){case"us-domestic":return c.wireDetails.domestic.domestic;case"international":return c.wireDetails.international.international;default:return""}default:return""}},M=({type:t,subType:r,vendorAccountDetails:c,vendorAccountDetailsInternational:a,onRemoveBankAccount:u,onAddNewAccountDetailClick:p})=>{const j=e.useWindowSizeContext(),[$,x]=h.useState(!1),[g,m]=h.useState(""),[f,b]=h.useState(!1),d=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,y=i=>{m(i),x(!0)},I={onOkClick:()=>{x(!1),u(g,f)},onCancelClick:()=>{x(!1),m("")}},k=i=>t==="ach"||t==="wire"&&r==="us-domestic"?i.bankAccountNumber:t==="wire"&&r==="international"?i.bankAccountIban??"":"",D=i=>t==="ach"?i.bankRoutingNumberAch:t==="wire"&&r==="us-domestic"?i.bankRoutingNumberWireTransfer:t==="wire"&&r==="international"?i.bankSwiftCode??"":"",L=()=>t==="ach"?d.achDetails.bankRoutingNumber:t==="wire"&&r==="us-domestic"?d.wireDetails.bankRoutingNumber:t==="wire"&&r==="international"?d.wireDetails.international.swiftCode:"",T=()=>t==="ach"?d.achDetails.bankAccountNumber:t==="wire"&&r==="us-domestic"?d.wireDetails.accountNumber:t==="wire"&&r==="international"?d.wireDetails.international.iban:"",P=()=>t==="ach"||t==="wire"&&r==="us-domestic"?d.achDetails.accountTypeLabel:"";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:I,isEditPopup:!0,proceedButtonVariant:"danger"}):null,o.jsxRuntimeExports.jsx(Xe,{windowSize:j,children:`${Q(t,r)} ${d.accountsLabel}`}),c?.map(i=>o.jsxRuntimeExports.jsx(G,{children:o.jsxRuntimeExports.jsx(Ee,{bankName:i.bankName,accountType:i.bankAccountType??"",bankAccountNumberOrIban:k(i),routingNumberOrSwiftCode:D(i),routingNumberOrSwiftCodeLabel:L(),accountNumberOrIbanLabel:T(),accountTypeLabel:P(),accountName:i.bankAccountName,onDeleteClick:()=>y(i.bankAccountId)})},i.bankAccountId)),a?.map(i=>o.jsxRuntimeExports.jsx(G,{children:o.jsxRuntimeExports.jsx(Be,{paymentInstrument:i,onDeleteClick:()=>{b(!0),y(i.paymentInstrumentId)}})},i.paymentInstrumentId)),o.jsxRuntimeExports.jsx(Je,{onAddAccountDetailsSection:p,type:t,subType:r})]})},Je=({onAddAccountDetailsSection:t,type:r,subType:c})=>{const a=e.useWindowSizeContext(),u=e.appLocale.getLocalizedStrings().spendManagement.billPay;return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(Qe,{windowSize:a,onClick:t,"data-testid":e.generateDataTestId("add-vendor-account",r),children:[o.jsxRuntimeExports.jsx(Ke,{}),o.jsxRuntimeExports.jsx(e.StandardMedium,{children:`${u.vendorCreation.addPrefix} ${Q(r,c)}`})]})})},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};
+`,G=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:r})=>{const c=e.useWindowSizeContext(),a=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation;return o.jsxRuntimeExports.jsxs(lt,{children:[o.jsxRuntimeExports.jsxs(ct,{windowSize:c,children:[`${a.mailingAddressLabel}`,o.jsxRuntimeExports.jsx(at,{children:`${a.mailingAddressPlaceholder}`})]}),t!=null?o.jsxRuntimeExports.jsxs(it,{children:[tt(t),o.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,display:"flex",title:a.editMailingAddressTooltip,placement:"top",children:o.jsxRuntimeExports.jsx(ot,{"data-testid":e.generateDataTestId("edit-vendor-mailing-address"),onClick:()=>r("vendor_address"),children:o.jsxRuntimeExports.jsx(nt,{})})})]}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(st,{windowSize:c,"data-testid":e.generateDataTestId("add-vendor-mailing-address"),onClick:()=>r("vendor_address"),children:[o.jsxRuntimeExports.jsx(rt,{}),o.jsxRuntimeExports.jsx(e.StandardMedium,{children:a.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};
+`,J="createVendorPage",U=t=>`${t}_form`,A={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=>`${A.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${A.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};
+`,S=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,gt=e.appLocale.getLocalizedStrings().common.footer,K=e.appLocale.getLocalizedStrings().common.currency,St=({vendorViewDetails:t,vendorId:r,screenType:c,analytics:a,filesEndPoint:u,authParams:p,vendorSearchAutoCompleteData:j,vendorSearchAutoCompleteActions:$,isLocalCurrencyEnabled:x,onBackClick:g,onVendorSelected:m,navigateToBankDetailPage:f,updateSelectedVendorForCreate:b,onRemoveBankAccount:d,updateSaveFetchState:y,onSaveVendor:I,navigateToMailingAddressPage:k,saveVendorDetailLocalData:D,resetVendorDetailLocalData:L,saveContactsInVendorDetailLocalData:T,updateFilesEntity:P,onEditFileName:i,onFetchAndUpdateVendorRecommendations:X})=>{const{accountList:{accounts:Z},classList:{classes:ee},vendorTypeList:te,ownerList:oe,editVendorState:N,newVendorState:F,fetchState:ne,hasWireTransfer:q,hasInternationalWireTransfer:z,deleteFileStatusById:re,updateFileStatusById:se,accountsHierarchyList:ie,classHierarchyList:ae}=t,R=r!=null?N?.vendorDetailLocalData:F?.vendorDetailLocalData,l=Object.assign({},N??F),ce=o.useTheme(),w=e.useWindowSizeContext(),[le,B]=h.useState(!1),[de,V]=h.useState(!1),_=c==="create"?S.newVendorTitle:S.editVendor,pe=(l.bankAccountsUpdated??[]).map(s=>s.bankAccountId).sort(),ue=(l.vendorBasic?.bankAccounts??[]).map(s=>s.bankAccountId).sort(),xe=!o.isEqual(pe,ue),me=(l.paymentInstrumentsUpdated??[]).map(s=>s.paymentInstrumentId).sort(),he=(l.vendorBasic?.paymentInstruments??[]).map(s=>s.paymentInstrumentId).sort(),ge=!o.isEqual(me,he),Se=(R?.contacts??[]).filter(s=>s.email!==""||s.fullName!==""||s.phone!=="").map(s=>o.omit(s,"contactInfoType")),je=l.vendorBasic?.contacts??[],$e=!o.isEqual(Se,je),fe=l.bankAccountsUpdated.filter(s=>!!s.bankRoutingNumberAch),be=l.bankAccountsUpdated.filter(s=>!!s.bankRoutingNumberWireTransfer),we=l.paymentInstrumentsUpdated.filter(s=>!!s.piNumber),H=()=>{V(!0)},ye=s=>{B(s)},Re={onOkClick:()=>{V(!1),B(!1),L?.(),g()},onCancelClick:()=>{V(!1),B(!1)}},O=h.useRef(null),Ce=s=>{O.current?.syncFormData(),k(s)},W=(s,ve)=>{O.current?.syncFormData(),f(s,ve)};h.useEffect(()=>{l?.saveStatus?.fetchState==="Completed"&&(y(),g())},[l]);const Y=h.useRef(null);return o.jsxRuntimeExports.jsxs(dt,{windowSize:w,children:[o.jsxRuntimeExports.jsx(e.NavBar,{"data-testid":e.generateDataTestId("vendor-detail-container-nav-bar"),title:_,backgroundColor:ce.colors.grey4,leftSideComponent:o.jsxRuntimeExports.jsx(mt,{onClick:H,"data-testid":e.generateDataTestId("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:Y,source:"CreateOrEditVendorPage"}),o.jsxRuntimeExports.jsxs(pt,{windowSize:w,ref:Y,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:S.discardTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:S.discardDescription}),primaryButtonText:S.discard,secondaryButtonText:S.cancel,action:Re}):null,w!=="small"?o.jsxRuntimeExports.jsx(xt,{children:_}):null,o.jsxRuntimeExports.jsx(e.CreateOrEditVendorPageForm,{ref:O,id:U(J),allAccounts:Z,allClasses:ee,accountsHierarchyList:ie,classHierarchyList:ae,vendorTypeList:te,allOwners:oe,vendorSearchAutoCompleteData:j,vendorSearchAutoCompleteActions:$,onVendorSelected:m,screenType:c,hasInternationalWireTransfer:z,selectedVendor:l,formLocalData:R,isBankAccountChanged:xe,isContactListChanged:$e,isPaymentInstrumentChanged:ge,analytics:a,pageBackBtnClicked:de,onBackClick:g,onSaveVendor:I,saveContactsInVendorDetailLocalData:T,updateSelectedVendorForCreate:b,saveVendorDetailLocalData:D,updateFilesEntity:P,toggleConfirmationPopup:ye,filesEndPoint:u,authParams:p,onEditFileName:i,deleteFileStatusById:re,updateFileStatusById:se,onFetchAndUpdateVendorRecommendations:X,isLocalCurrencyEnabled:x}),q||z?o.jsxRuntimeExports.jsx(et,{addressState:l.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:Ce}):null,l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===K.currencyCode?o.jsxRuntimeExports.jsx(M,{type:"ach",vendorAccountDetails:fe,onAddNewAccountDetailClick:()=>W("ach","standard"),onRemoveBankAccount:d}):null,q&&(l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===K.currencyCode)?o.jsxRuntimeExports.jsx(M,{type:"wire",subType:"us-domestic",vendorAccountDetails:be,onAddNewAccountDetailClick:()=>W("wire","us-domestic"),onRemoveBankAccount:d}):null,z&&(R?.countryCode!=null&&R.countryCode!=="US"||x)?o.jsxRuntimeExports.jsx(M,{type:"wire",subType:"international",vendorAccountDetailsInternational:we,isLocalCurrencyEnabled:x,onAddNewAccountDetailClick:()=>W("wire","international"),onRemoveBankAccount:d}):null]}),o.jsxRuntimeExports.jsx(ht,{})]}),o.jsxRuntimeExports.jsx(e.Footer,{formId:U(J),primaryBtn:{label:S.saveDetails,isLoading:l.saveStatus?.fetchState==="In-Progress",style:{width:A.buttonWidth.value(w)},isDisabled:!1},cancelBtn:{label:gt.cancel,style:{width:A.buttonWidth.value(w)},shouldResetOnCancel:!1,onClick:H}})]})};exports.default=St;exports.formUniqueName=U;