@zeniai/web-cockpit-ui 1.14.83-qa → 1.14.84-qa

package/dist/assets/ACHDetailsPage-BXgsd50c-RayuRG_c.js

@@ -0,0 +1,21 @@
+import{Q as W,a8 as E,F as A,cB as V,V as n,cm as F,cn as H,co as O,ab as U,aO as Y,y as s,eU as Q,b5 as _,o as q,u as t}from"./index-DdsM_njZ.js";import{a as x}from"./core-3dlyNYRL.js";import{n as d}from"./mui-bYXq4XMS.js";import{W as G,A as J}from"./BankAccountWarningSection-CSChi1lw-BsQ6oo-h.js";import{j as K}from"./MagicLinkTitleSection-D2fXbnDV-CRSogR9y.js";import{e as X}from"./BankAccountSection-Chay7X-G-Z28HgbT-.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)},B="achDetailsPage",b="bankAccountSection",S=e=>`${e}_form`,ue=({bankAccountCreationState:e,bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,isDisabled:y,style:T,onSaveHandler:N,onBackClick:f,onACHDetailsUpdated:j,onFetchBankName:w,isMagicLink:u,companyName:v,currencySymbol:$,amount:D,bankAccountContext:P})=>{const c=W(),o=E({mode:"onBlur",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Z(g),[g])}),[z,m]=x.useState(!1),r=A.getLocalizedStrings().spendManagement.billPay.vendorCreation,L=A.getLocalizedStrings().common.footer,{achDetails:C,bankAccountCommon:h}=r,R={onOkClick:()=>{m(!1),o.reset(),f?.()},onCancelClick:()=>{m(!1)}},M=async(p,l)=>{const i=l[b].bankRoutingNumber;j(l),p===`${b}.bankRoutingNumber`&&i?.length===9&&Q.test(i)===!0&&w?.(i)};x.useEffect(()=>{const p=o.watch((l,{name:i})=>{i!=null&&l!=null&&V(()=>M(i,l))});return()=>{p.unsubscribe()}});const I=o.handleSubmit(p=>{k.fetchState!=="In-Progress"&&N("ach")});return n.jsxs(ne,{children:[n.jsxs(te,{style:T,size:c,children:[z===!0?n.jsx(F,{titleComponent:n.jsx(O,{children:r.discardTitle}),descriptionComponent:n.jsx(H,{children:r.discardDescription}),primaryButtonText:r.discard,secondaryButtonText:r.cancel,action:R}):null,n.jsx(G,{header:u?n.jsx(K,{companyName:v??"",currencySymbol:$??"",amount:D??0}):C.addACHDetails,isMagicLink:u,isDirty:o.formState.isDirty,onBackClick:f,setShowConfirmationPopup:m}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(J,{warningText:h.accountExistWarning}):null,P==="express-pay"?null:n.jsx(ae,{size:c,children:C.title}),n.jsx(oe,{children:n.jsx(U,{...o,children:n.jsx("form",{id:S(B),onSubmit:I,children:n.jsx(ee,{size:c,children:n.jsx(X,{bankAccountToCreate:g,fetchBankNameByRoutingStatus:k,sectionId:b,isDisabled:y})})})})})]}),n.jsx(Y,{formId:S(B),primaryBtn:{label:u?h.submitDetails:h.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(c)},isDisabled:y!=null},showCancel:!u,cancelBtn:{label:L.cancel,style:{width:a.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:()=>{o.formState.isDirty?m(!0):(o.reset(),f?.())}}})]})},Z=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)};
+  padding-bottom: ${e=>a.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;
+`,ae=d(_)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
+  margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
+`,oe=d.div`
+  margin-top: ${q.sp5};
+`;export{ue as f};