@zeniai/web-cockpit-ui 1.14.49-qa → 1.14.50-dev

package/dist/assets/{ACHDetailsPage-Sg7hdGqd-CCXprbhT.js → ACHDetailsPage-Bk-T9zeA-CfJ6MKab.js}

@@ -1,4 +1,4 @@
-import{e as I,a as W,M as j,cc as F,j as n,bX as H,bZ as V,b_ as X,F as O,a4 as _,C as s,eX as U,am as Z,o as q,r as t}from"./index-RcMUg6rr.js";import{b as x,n as d}from"./vendor-rkTZJa59.js";import{W as G,A as J}from"./BankAccountWarningSection-DPIyvB6i-pfBOIjCV.js";import{M as K}from"./MagicLinkTitleSection-C0nl5UrB-fbBcM0M6.js";import{e as Q}from"./BankAccountSection-CwYIBEbQ-S9Np9Ygv.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)},A="achDetailsPage",b="bankAccountSection",S=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:C,style:B,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:T,onFetchBankName:v,isMagicLink:u,companyName:w,currencySymbol:$,amount:P,bankAccountContext:D})=>{const r=I(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Y(g),[g])}),[M,m]=x.useState(!1),c=j.getLocalizedStrings().spendManagement.billPay.vendorCreation,z=j.getLocalizedStrings().common.footer,{achDetails:y,bankAccountCommon:h}=c,L={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},R=async(p,l)=>{const o=l[b].bankRoutingNumber;T(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&v?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&F(()=>R(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:B,size:r,children:[M===!0?n.jsx(H,{titleComponent:n.jsx(X,{children:c.discardTitle}),descriptionComponent:n.jsx(V,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:L}):null,n.jsx(G,{header:u?n.jsx(K,{companyName:w??"",currencySymbol:$??"",amount:P??0}):y.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:f,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(J,{warningText:h.accountExistWarning}):null,D==="express-pay"?null:n.jsx(ae,{size:r,children:y.title}),n.jsx(ie,{children:n.jsx(O,{...i,children:n.jsx("form",{id:S(A),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(Q,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:C})})})})})]}),n.jsx(_,{formId:S(A),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:C!=null},showCancel:!u,cancelBtn:{label:z.cancel,style:{width:a.buttonWidth.value(r)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),f?.())}}})]})},Y=e=>({[b]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=d.div`
+import{e as I,a as W,M as j,cc as F,j as n,bY as H,bZ as V,b_ as O,F as X,a7 as _,C as s,eX as U,ap as Y,o as Z,r as t}from"./index-dX8TSOm6.js";import{b as x,n as d}from"./vendor-rkTZJa59.js";import{W as q,A as G}from"./BankAccountWarningSection-Dl7DA-Xf-Bk2O3H_M.js";import{M as J}from"./MagicLinkTitleSection-B3CVACcv-CraOpOkK.js";import{e as K}from"./BankAccountSection-CFnXlTaa-wnOEAJae.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)},A="achDetailsPage",b="bankAccountSection",S=e=>`${e}_form`,de=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:C,style:B,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:T,onFetchBankName:v,isMagicLink:u,companyName:w,currencySymbol:$,amount:P,bankAccountContext:D})=>{const r=I(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Q(g),[g])}),[M,m]=x.useState(!1),c=j.getLocalizedStrings().spendManagement.billPay.vendorCreation,z=j.getLocalizedStrings().common.footer,{achDetails:y,bankAccountCommon:h}=c,L={onOkClick:()=>{m(!1),i.reset(),f?.()},onCancelClick:()=>{m(!1)}},R=async(p,l)=>{const o=l[b].bankRoutingNumber;T(l),p===`${b}.bankRoutingNumber`&&o?.length===9&&U.test(o)===!0&&v?.(o)};x.useEffect(()=>{const p=i.watch((l,{name:o})=>{o!=null&&l!=null&&F(()=>R(o,l))});return()=>{p.unsubscribe()}});const E=i.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:B,size:r,children:[M===!0?n.jsx(H,{titleComponent:n.jsx(O,{children:c.discardTitle}),descriptionComponent:n.jsx(V,{children:c.discardDescription}),primaryButtonText:c.discard,secondaryButtonText:c.cancel,action:L}):null,n.jsx(q,{header:u?n.jsx(J,{companyName:w??"",currencySymbol:$??"",amount:P??0}):y.addACHDetails,isMagicLink:u,isDirty:i.formState.isDirty,onBackClick:f,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(G,{warningText:h.accountExistWarning}):null,D==="express-pay"?null:n.jsx(ae,{size:r,children:y.title}),n.jsx(ie,{children:n.jsx(X,{...i,children:n.jsx("form",{id:S(A),onSubmit:E,children:n.jsx(ee,{size:r,children:n.jsx(K,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:C})})})})})]}),n.jsx(_,{formId:S(A),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:C!=null},showCancel:!u,cancelBtn:{label:z.cancel,style:{width:a.buttonWidth.value(r)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?m(!0):(i.reset(),f?.())}}})]})},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)};
@@ -12,10 +12,10 @@ import{e as I,a as W,M as j,cc as F,j as n,bX as H,bZ as V,b_ as X,F as O,a4 as
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-`,ae=d(Z)`
+`,ae=d(Y)`
   color: ${e=>e.theme.colors.champion};
   margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
   margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
 `,ie=d.div`
-  margin-top: ${q.sp5};
+  margin-top: ${Z.sp5};
 `;export{de as f};