@zeniai/web-cockpit-ui 1.15.33-prod → 1.15.34-dev

package/dist/assets/{ACHDetailsPage-tTJc_EMP-10fU9plw.js → ACHDetailsPage-DSufuSEI-BugcK5ko.js}

@@ -1,4 +1,4 @@
-import{J as E,a9 as W,F as w,cG as _,V as n,cq as V,cr as H,cs as F,ac as O,aS as q,y as r,eZ as G,b8 as J,o as K,u as t}from"./index-oFgxlFEQ.js";import{a as k}from"./sentry-1VbQ4qGD.js";import{n as u}from"./mui-CBTTlcQi.js";import{W as Q,A as U}from"./BankAccountWarningSection-BfN1KiTF-C1OO0kq_.js";import{M as Z}from"./MagicLinkTitleSection-vMBVJSVF-BSG8o4x2.js";import{e as X}from"./BankAccountSection-Qe9eRUmE-CyI2NiT0.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="66769298-0d24-430c-abda-8a93ec03fd64",e._sentryDebugIdIdentifier="sentry-dbid-66769298-0d24-430c-abda-8a93ec03fd64")}catch{}})();const a={paddingTopBottomContainer:new r(t[3],t[3]),paddingLeftContainer:new r(t[3],t[6]),paddingRightContainer:new r(t[3],t[8]),sectionTitleMarginLeft:new r(t[4],t[6]),sectionTitleMarginTop:new r(12,t[3]),buttonWidth:new r(140,140)},A="achDetailsPage",p="bankAccountSection",T=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,isDisabled:x,style:S,onSaveHandler:B,onBackClick:h,onACHDetailsUpdated:N,onFetchBankName:j,isMagicLink:m,companyName:v,currencySymbol:D,amount:P,bankAccountContext:$})=>{const c=E(),i=W({mode:"onBlur",reValidateMode:"onChange",defaultValues:k.useMemo(()=>Y(o),[o])}),[z,b]=k.useState(!1),d=w.getLocalizedStrings().spendManagement.billPay.vendorCreation,I=w.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:y}=d,L={onOkClick:()=>{b(!1),i.reset(),h?.()},onCancelClick:()=>{b(!1)}},M=async(f,l)=>{const s=l[p].bankRoutingNumber;N(l),f===`${p}.bankRoutingNumber`&&s?.length===9&&G.test(s)===!0&&j?.(s)};k.useEffect(()=>{const f=i.watch((l,{name:s})=>{s!=null&&l!=null&&_(()=>M(s,l))});return()=>{f.unsubscribe()}});const R=i.handleSubmit(f=>{g.fetchState!=="In-Progress"&&B("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:S,size:c,children:[z===!0?n.jsx(V,{titleComponent:n.jsx(F,{children:d.discardTitle}),descriptionComponent:n.jsx(H,{children:d.discardDescription}),primaryButtonText:d.discard,secondaryButtonText:d.cancel,action:L}):null,n.jsx(Q,{header:m?n.jsx(Z,{companyName:v??"",currencySymbol:D??"",amount:P??0}):C.addACHDetails,isMagicLink:m,isDirty:i.formState.isDirty,onBackClick:h,setShowConfirmationPopup:b}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(U,{warningText:y.accountExistWarning}):null,$==="express-pay"?null:n.jsx(ae,{size:c,children:C.title}),n.jsx(ie,{children:n.jsx(O,{...i,children:n.jsx("form",{id:T(A),onSubmit:R,children:n.jsx(ee,{size:c,children:n.jsx(X,{bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,sectionId:p,isDisabled:x})})})})})]}),n.jsx(q,{formId:T(A),primaryBtn:{label:m?y.submitDetails:y.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(c)},isDisabled:x!=null},showCancel:!m,cancelBtn:{label:I.cancel,style:{width:a.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?b(!0):(i.reset(),h?.())}}})]})},Y=e=>({[p]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=u.div`
+import{J as _,a9 as E,F as w,cH as W,V as n,cr as H,cs as V,ct as F,ad as O,aS as J,x as r,e_ as K,b8 as Q,o as U,u as t}from"./index-C9hDAJ7o.js";import{a as y}from"./sentry-Ckvw8Zf1.js";import{n as u}from"./mui-BQR0Ruo4.js";import{W as q,A as G}from"./BankAccountWarningSection-Dr8XVfsN-Bh1VpxWI.js";import{M as X}from"./MagicLinkTitleSection-vHYX92L1-B1QKRjFr.js";import{e as Y}from"./BankAccountSection-DyPS4RZK-Bc2VKdEG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="17adab86-81d5-42f5-a53f-b358b0da97bf",e._sentryDebugIdIdentifier="sentry-dbid-17adab86-81d5-42f5-a53f-b358b0da97bf")}catch{}})();const a={paddingTopBottomContainer:new r(t[3],t[3]),paddingLeftContainer:new r(t[3],t[6]),paddingRightContainer:new r(t[3],t[8]),sectionTitleMarginLeft:new r(t[4],t[6]),sectionTitleMarginTop:new r(12,t[3]),buttonWidth:new r(140,140)},A="achDetailsPage",p="bankAccountSection",T=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,isDisabled:k,style:S,onSaveHandler:v,onBackClick:h,onACHDetailsUpdated:B,onFetchBankName:N,isMagicLink:m,companyName:D,currencySymbol:j,amount:P,bankAccountContext:$})=>{const c=_(),i=E({mode:"onBlur",reValidateMode:"onChange",defaultValues:y.useMemo(()=>Z(o),[o])}),[z,b]=y.useState(!1),d=w.getLocalizedStrings().spendManagement.billPay.vendorCreation,I=w.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:x}=d,L={onOkClick:()=>{b(!1),i.reset(),h?.()},onCancelClick:()=>{b(!1)}},M=async(f,l)=>{const s=l[p].bankRoutingNumber;B(l),f===`${p}.bankRoutingNumber`&&s?.length===9&&K.test(s)===!0&&N?.(s)};y.useEffect(()=>{const f=i.watch((l,{name:s})=>{s!=null&&l!=null&&W(()=>M(s,l))});return()=>{f.unsubscribe()}});const R=i.handleSubmit(f=>{g.fetchState!=="In-Progress"&&v("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:S,size:c,children:[z===!0?n.jsx(H,{titleComponent:n.jsx(F,{children:d.discardTitle}),descriptionComponent:n.jsx(V,{children:d.discardDescription}),primaryButtonText:d.discard,secondaryButtonText:d.cancel,action:L}):null,n.jsx(q,{header:m?n.jsx(X,{companyName:D??"",currencySymbol:j??"",amount:P??0}):C.addACHDetails,isMagicLink:m,isDirty:i.formState.isDirty,onBackClick:h,setShowConfirmationPopup:b}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(G,{warningText:x.accountExistWarning}):null,$==="express-pay"?null:n.jsx(ae,{size:c,children:C.title}),n.jsx(ie,{children:n.jsx(O,{...i,children:n.jsx("form",{id:T(A),onSubmit:R,children:n.jsx(ee,{size:c,children:n.jsx(Y,{bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,sectionId:p,isDisabled:k})})})})})]}),n.jsx(J,{formId:T(A),primaryBtn:{label:m?x.submitDetails:x.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(c)},isDisabled:k!=null},showCancel:!m,cancelBtn:{label:I.cancel,style:{width:a.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?b(!0):(i.reset(),h?.())}}})]})},Z=e=>({[p]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),ee=u.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{J as E,a9 as W,F as w,cG as _,V as n,cq as V,cr as H,cs as F,ac as O,aS a
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-`,ae=u(J)`
+`,ae=u(Q)`
   color: ${e=>e.theme.colors.champion};
   margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
   margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
 `,ie=u.div`
-  margin-top: ${K.sp5};
+  margin-top: ${U.sp5};
 `;export{ue as f};