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

package/dist/assets/ACHDetailsPage-StkGXn1c-QVuWqUed.js

@@ -0,0 +1,21 @@
+import{u as H,a8 as U,a as B,dt as I,gg as V,j as n,dc as _,dd as G,de as O,aa as q,bC as J,R as i,bH as K,b as Q,s as t}from"./index-OJbFNHch.js";import{a as f}from"./core-tlHkQPPu.js";import{n as c}from"./mui-kiGMfX4-.js";import{u as X,j as Y}from"./BankAccountWarningSection-DGSw5Uvq-DbOA1NjS.js";import{C as Z}from"./MagicLinkTitleSection-CzGvBYzB-B3pEwVq_.js";import{S as ee}from"./BankAccountSection-CwPIXA5w-DDDsPYwm.js";const a={paddingTopBottomContainer:new i(t[3],t[3]),paddingLeftContainer:new i(t[3],t[6]),paddingRightContainer:new i(t[3],t[8]),sectionTitleMarginLeft:new i(t[4],t[6]),sectionTitleMarginTop:new i(12,t[3]),buttonWidth:new i(140,140)},j="achDetailsPage",u="bankAccountSection",A=e=>`${e}_form`,pe=({bankAccountCreationState:e,bankAccountToCreate:m,fetchBankNameByRoutingStatus:h,isDisabled:x,style:N,onSaveHandler:v,onBackClick:p,onACHDetailsUpdated:w,onFetchBankName:P,isMagicLink:l,companyName:$,currencySymbol:D,amount:z,bankAccountContext:R})=>{const s=H(),o=U({mode:"onBlur",reValidateMode:"onChange",defaultValues:f.useMemo(()=>ne(m),[m])}),[L,d]=f.useState(!1),r=B.getLocalizedStrings().spendManagement.billPay.vendorCreation,M=B.getLocalizedStrings().common.footer,{achDetails:k,bankAccountCommon:g}=r,E={onOkClick:()=>{d(!1),o.reset(),p?.()},onCancelClick:()=>{d(!1)}};f.useEffect(()=>{const C=o.watch((S,{name:y})=>{y!=null&&S!=null&&I(()=>(async(W,T)=>{const b=T[u].bankRoutingNumber;w(T),W===`${u}.bankRoutingNumber`&&b?.length===9&&V.test(b)===!0&&P?.(b)})(y,S))});return()=>{C.unsubscribe()}});const F=o.handleSubmit(C=>{h.fetchState!=="In-Progress"&&v("ach")});return n.jsxs(ae,{children:[n.jsxs(oe,{style:N,size:s,children:[L===!0?n.jsx(_,{titleComponent:n.jsx(O,{children:r.discardTitle}),descriptionComponent:n.jsx(G,{children:r.discardDescription}),primaryButtonText:r.discard,secondaryButtonText:r.cancel,action:E}):null,n.jsx(X,{header:l?n.jsx(Z,{companyName:$??"",currencySymbol:D??"",amount:z??0}):k.addACHDetails,isMagicLink:l,isDirty:o.formState.isDirty,onBackClick:p,setShowConfirmationPopup:d}),e?.fetchState==="Error"&&e.error?.code===409?n.jsx(Y,{warningText:g.accountExistWarning}):null,R==="express-pay"?null:n.jsx(ie,{size:s,children:k.title}),n.jsx(se,{children:n.jsx(q,{...o,children:n.jsx("form",{id:A(j),onSubmit:F,children:n.jsx(te,{size:s,children:n.jsx(ee,{bankAccountToCreate:m,fetchBankNameByRoutingStatus:h,sectionId:u,isDisabled:x})})})})})]}),n.jsx(J,{formId:A(j),primaryBtn:{label:l?g.submitDetails:g.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:a.buttonWidth.value(s)},isDisabled:x!=null},showCancel:!l,cancelBtn:{label:M.cancel,style:{width:a.buttonWidth.value(s)},shouldResetOnCancel:!1,onClick:()=>{o.formState.isDirty?d(!0):(o.reset(),p?.())}}})]})},ne=e=>({[u]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName,bankAccountType:e?.bankAccountType}}),te=c.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)};
+`,ae=c.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,oe=c.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,ie=c(K)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>a.sectionTitleMarginLeft.valuePx(e.size)};
+  margin-top: ${e=>a.sectionTitleMarginTop.valuePx(e.size)};
+`,se=c.div`
+  margin-top: ${Q.sp5};
+`;export{pe as T};