@zeniai/web-cockpit-ui 1.14.13-dev → 1.14.13-mohali-betaML3

package/dist/assets/ACHDetailsPage-BUVGU4LD-B7sO3iF2.js

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