@zeniai/web-cockpit-ui 1.15.7-qa → 1.15.8-dev

package/dist/assets/ACHDetailsPage-C4kSZtcW-DXbi1tk_.js

@@ -0,0 +1,21 @@
+import{J as E,a9 as V,O as w,cF as W,V as n,cp as _,cq as H,cr as O,ac as F,aS as J,y as c,eV as q,b8 as G,o as U,c as t}from"./index-CRNmezJu.js";import{a as x}from"./sentry-Dla7mstv.js";import{n as u}from"./mui-mhzAEcDs.js";import{W as K,A as Q}from"./BankAccountWarningSection-Byabqq8Z-DlkkUlqm.js";import{M as X}from"./MagicLinkTitleSection-CI_X5_g6-DmElUYen.js";import{e as Y}from"./BankAccountSection-danXlJW--Ci61_HQI.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]="c28d81f5-421a-4c38-971c-a7513fa48f24",e._sentryDebugIdIdentifier="sentry-dbid-c28d81f5-421a-4c38-971c-a7513fa48f24")}catch{}})();const a={paddingTopBottomContainer:new c(t[3],t[3]),paddingLeftContainer:new c(t[3],t[6]),paddingRightContainer:new c(t[3],t[8]),sectionTitleMarginLeft:new c(t[4],t[6]),sectionTitleMarginTop:new c(12,t[3]),buttonWidth:new c(140,140)},A="achDetailsPage",p="bankAccountSection",T=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,isDisabled:k,style:S,onSaveHandler:B,onBackClick:h,onACHDetailsUpdated:N,onFetchBankName:v,isMagicLink:m,companyName:D,currencySymbol:j,amount:P,bankAccountContext:$})=>{const r=E(),i=V({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(o),[o])}),[z,f]=x.useState(!1),l=w.getLocalizedStrings().spendManagement.billPay.vendorCreation,I=w.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:y}=l,L={onOkClick:()=>{f(!1),i.reset(),h?.()},onCancelClick:()=>{f(!1)}},M=async(b,d)=>{const s=d[p].bankRoutingNumber;N(d),b===`${p}.bankRoutingNumber`&&s?.length===9&&q.test(s)===!0&&v?.(s)};x.useEffect(()=>{const b=i.watch((d,{name:s})=>{s!=null&&d!=null&&W(()=>M(s,d))});return()=>{b.unsubscribe()}});const R=i.handleSubmit(b=>{g.fetchState!=="In-Progress"&&B("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:S,size:r,children:[z===!0?n.jsx(_,{titleComponent:n.jsx(O,{children:l.discardTitle}),descriptionComponent:n.jsx(H,{children:l.discardDescription}),primaryButtonText:l.discard,secondaryButtonText:l.cancel,action:L}):null,n.jsx(K,{header:m?n.jsx(X,{companyName:D??"",currencySymbol:j??"",amount:P??0}):C.addACHDetails,isMagicLink:m,isDirty:i.formState.isDirty,onBackClick:h,setShowConfirmationPopup:f}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(Q,{warningText:y.accountExistWarning}):null,$==="express-pay"?null:n.jsx(ae,{size:r,children:C.title}),n.jsx(ie,{children:n.jsx(F,{...i,children:n.jsx("form",{id:T(A),onSubmit:R,children:n.jsx(ee,{size:r,children:n.jsx(Y,{bankAccountToCreate:o,fetchBankNameByRoutingStatus:g,sectionId:p,isDisabled:k})})})})})]}),n.jsx(J,{formId:T(A),primaryBtn:{label:m?y.submitDetails:y.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(r)},isDisabled:k!=null},showCancel:!m,cancelBtn:{label:I.cancel,style:{width:a.buttonWidth.value(r)},shouldResetOnCancel:!1,onClick:()=>{i.formState.isDirty?f(!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)};
+  padding-bottom: ${e=>a.paddingTopBottomContainer.valuePx(e.size)};
+`,ne=u.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,te=u.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,ae=u(G)`
+  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: ${U.sp5};
+`;export{ue as f};