@zeniai/web-cockpit-ui 1.14.13-dev → 1.14.13-pune

package/dist/assets/ACHDetailsPage-CxESPKy7-C7LWAaCW.js

@@ -0,0 +1,21 @@
+import{a as U,c as H,d as B,cM as O,g5 as V,j as n,cu as _,cw as G,cx as W,F as Y,aU as q,R as i,aY as J,S as K,s as t}from"./index-DoDhNWVe.js";import{b as f,n as c}from"./vendor-C6EnEnz7.js";import{u as Q,j as X}from"./BankAccountWarningSection-Dx4zLohf-C3gDVd2v.js";import{C as Z}from"./MagicLinkTitleSection-CabDvsO2-C7m5aJN4.js";import{S as ee}from"./BankAccountSection-DziD22ch-DTyDVJtK.js";const a={paddingTopBottomContainer:new i(t[3],t[3]),paddingLeftContainer:new i(t[3],t[6]),paddingRightContainer:new i(t[3],t[8]),sectionTitleMarginLeft:new i(t[4],t[6]),sectionTitleMarginTop:new i(12,t[3]),buttonWidth:new i(140,140)},j="achDetailsPage",u="bankAccountSection",A=e=>`${e}_form`,me=({bankAccountCreationState:e,bankAccountToCreate:m,fetchBankNameByRoutingStatus:h,isDisabled:x,style:N,onSaveHandler:v,onBackClick:p,onACHDetailsUpdated:w,onFetchBankName:P,isMagicLink:l,companyName:$,currencySymbol:D,amount:z,bankAccountContext:R})=>{const s=U(),o=H({mode:"onBlur",reValidateMode:"onChange",defaultValues:f.useMemo(()=>ne(m),[m])}),[L,d]=f.useState(!1),r=B.getLocalizedStrings().spendManagement.billPay.vendorCreation,M=B.getLocalizedStrings().common.footer,{achDetails:k,bankAccountCommon:g}=r,E={onOkClick:()=>{d(!1),o.reset(),p?.()},onCancelClick:()=>{d(!1)}};f.useEffect(()=>{const C=o.watch((S,{name:y})=>{y!=null&&S!=null&&O(()=>(async(F,T)=>{const b=T[u].bankRoutingNumber;w(T),F===`${u}.bankRoutingNumber`&&b?.length===9&&V.test(b)===!0&&P?.(b)})(y,S))});return()=>{C.unsubscribe()}});const I=o.handleSubmit(C=>{h.fetchState!=="In-Progress"&&v("ach")});return n.jsxs(ae,{children:[n.jsxs(oe,{style:N,size:s,children:[L===!0?n.jsx(_,{titleComponent:n.jsx(W,{children:r.discardTitle}),descriptionComponent:n.jsx(G,{children:r.discardDescription}),primaryButtonText:r.discard,secondaryButtonText:r.cancel,action:E}):null,n.jsx(Q,{header:l?n.jsx(Z,{companyName:$??"",currencySymbol:D??"",amount:z??0}):k.addACHDetails,isMagicLink:l,isDirty:o.formState.isDirty,onBackClick:p,setShowConfirmationPopup:d}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(X,{warningText:g.accountExistWarning}):null,R==="express-pay"?null:n.jsx(ie,{size:s,children:k.title}),n.jsx(se,{children:n.jsx(Y,{...o,children:n.jsx("form",{id:A(j),onSubmit:I,children:n.jsx(te,{size:s,children:n.jsx(ee,{bankAccountToCreate:m,fetchBankNameByRoutingStatus:h,sectionId:u,isDisabled:x})})})})})]}),n.jsx(q,{formId:A(j),primaryBtn:{label:l?g.submitDetails:g.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(s)},isDisabled:x!=null},showCancel:!l,cancelBtn:{label:M.cancel,style:{width:a.buttonWidth.value(s)},shouldResetOnCancel:!1,onClick:()=>{o.formState.isDirty?d(!0):(o.reset(),p?.())}}})]})},ne=e=>({[u]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),te=c.div`
+  padding-left: ${e=>a.paddingLeftContainer.valuePx(e.size)};
+  padding-right: ${e=>a.paddingRightContainer.valuePx(e.size)};
+  padding-top: ${e=>a.paddingTopBottomContainer.valuePx(e.size)};
+  padding-bottom: ${e=>a.paddingTopBottomContainer.valuePx(e.size)};
+`,ae=c.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,oe=c.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,ie=c(J)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
+  margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
+`,se=c.div`
+  margin-top: ${K.sp5};
+`;export{me as T};