@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/{ACHDetailsPage-BZFkcCOG-Bm0yzLzS.js → ACHDetailsPage-BZFkcCOG-WfBPHoUX.js}

@@ -1,4 +1,4 @@
-import{q as F,aa as I,O as S,cS as W,j as n,cD as H,cE as O,cF as V,ad as _,aQ as q,y as s,fa as Q,b6 as U,o as G,u as t}from"./index-sAOH0Fje.js";import{b as x,n as d}from"./vendor-Bs1fkIUX.js";import{W as J,F as K}from"./BankAccountWarningSection-Di_BsiJC-Cp36wJhl.js";import{M as X}from"./MagicLinkTitleSection-Cn1v72Rs-BaSRKY-c.js";import{e as Y}from"./BankAccountSection-GDEQdiGL-CuwfGvXF.js";const a={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)},N="achDetailsPage",b="bankAccountSection",j=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:f,fetchBankNameByRoutingStatus:k,isDisabled:y,style:v,onSaveHandler:A,onBackClick:g,onACHDetailsUpdated:B,onFetchBankName:T,isMagicLink:u,companyName:w,currencySymbol:D,amount:P,bankAccountContext:$})=>{const r=F(),i=I({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(f),[f])}),[z,m]=x.useState(!1),c=S.getLocalizedStrings().spendManagement.billPay.vendorCreation,R=S.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:h}=c,L={onOkClick:()=>{m(!1),i.reset(),g?.()},onCancelClick:()=>{m(!1)}},M=async(p,l)=>{const o=l[b].bankRoutingNumber;B(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&Q.test(o)===!0&&T?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&W(()=>M(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&A("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:v,size:r,children:[z===!0?n.jsx(H,{titleComponent:n.jsx(V,{children:c.discardTitle}),descriptionComponent:n.jsx(O,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:L}):null,n.jsx(J,{header:u?n.jsx(X,{companyName:w??"",currencySymbol:D??"",amount:P??0}):C.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:g,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(K,{warningText:h.accountExistWarning}):null,$==="express-pay"?null:n.jsx(ae,{size:r,children:C.title}),n.jsx(ie,{children:n.jsx(_,{...i,children:n.jsx("form",{id:j(N),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(Y,{bankAccountToCreate:f,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:y})})})})})]}),n.jsx(q,{formId:j(N),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:y!=null},showCancel:!u,cancelBtn:{label:R.cancel,style:{width:a.buttonWidth.value(r)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),g?.())}}})]})},Z=e=>({[b]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=d.div`
+import{q as F,c1 as I,O as N,fk as W,j as n,eX as H,eY as O,eZ as V,c4 as _,cK as q,y as s,i7 as K,d0 as U,o as X,u as t}from"./index-kF4u7Flm.js";import{b as x,n as d}from"./vendor-Bs1fkIUX.js";import{W as Y,F as Z}from"./BankAccountWarningSection-Di_BsiJC-_Ul1tNJQ.js";import{M as G}from"./MagicLinkTitleSection-Cn1v72Rs-Dx0fyRw5.js";import{e as J}from"./BankAccountSection-GDEQdiGL-CmBLlIS1.js";const a={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)},S="achDetailsPage",b="bankAccountSection",j=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:f,fetchBankNameByRoutingStatus:k,isDisabled:y,style:v,onSaveHandler:A,onBackClick:g,onACHDetailsUpdated:B,onFetchBankName:T,isMagicLink:u,companyName:w,currencySymbol:P,amount:$,bankAccountContext:D})=>{const r=F(),i=I({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Q(f),[f])}),[z,m]=x.useState(!1),c=N.getLocalizedStrings().spendManagement.billPay.vendorCreation,R=N.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:h}=c,L={onOkClick:()=>{m(!1),i.reset(),g?.()},onCancelClick:()=>{m(!1)}},M=async(p,l)=>{const o=l[b].bankRoutingNumber;B(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&K.test(o)===!0&&T?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&W(()=>M(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&A("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:v,size:r,children:[z===!0?n.jsx(H,{titleComponent:n.jsx(V,{children:c.discardTitle}),descriptionComponent:n.jsx(O,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:L}):null,n.jsx(Y,{header:u?n.jsx(G,{companyName:w??"",currencySymbol:P??"",amount:$??0}):C.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:g,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(Z,{warningText:h.accountExistWarning}):null,D==="express-pay"?null:n.jsx(ae,{size:r,children:C.title}),n.jsx(ie,{children:n.jsx(_,{...i,children:n.jsx("form",{id:j(S),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(J,{bankAccountToCreate:f,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:y})})})})})]}),n.jsx(q,{formId:j(S),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:y!=null},showCancel:!u,cancelBtn:{label:R.cancel,style:{width:a.buttonWidth.value(r)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),g?.())}}})]})},Q=e=>({[b]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=d.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)};
@@ -17,5 +17,5 @@ import{q as F,aa as I,O as S,cS as W,j as n,cD as H,cE as O,cF as V,ad as _,aQ a
   margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
   margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
 `,ie=d.div`
-  margin-top: ${G.sp5};
+  margin-top: ${X.sp5};
 `;export{de as f};