@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/{ChargeCardSetupPage-D7kUlVmU-BYJYzLpH.js → ChargeCardSetupPage-DtwiTNKA-CKdHxRmI.js}

@@ -1,4 +1,4 @@
-import{y as je,K as Oe,a9 as Ue,aS as M,aa as Be,cI as _e,aX as G,V as t,fg as $e,p as ze,x as d,bE as Le,L as Re,ae as We,fz as Ne,dS as qe,fA as He,o as B,w as Me,iW as J,by as Ge,aT as Je,fC as Ke,b as Qe,u as o,an as Xe}from"./index-D0RCZvbR.js";import{a as f}from"./sentry-D6_R-0PO.js";import{n as w}from"./mui-CWpKo4a_.js";import{bJ as Ye}from"./zeni-epic-state-CQm7BABf.js";import{x as Ze}from"./LabeledControlledCheckBoxField-1F7zUTc1-w--4KVN8.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BzbMHbg1-JP-yDb8X.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="ec4a5002-7517-4b38-8942-656b637ddbb6",e._sentryDebugIdIdentifier="sentry-dbid-ec4a5002-7517-4b38-8942-656b637ddbb6")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Ue().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=a,R=M(C),k=M(u.fetchState),V=Be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(a),[a]),values:Q(a)}),ve=V.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=L.find(U=>U.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(U=>U.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=V.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,F=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,Ve=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!D&&N:j&&!(D&&F)&&N&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Le,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Ve?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...V,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
+import{d as je,J as Oe,a9 as Be,aS as M,aa as Ue,cH as _e,aX as J,V as t,ff as ze,p as Re,y as d,bE as $e,T as Le,ad as We,fy as Ne,dS as qe,fz as He,o as U,b as Me,iR as G,by as Je,aT as Ge,fB as Xe,F as Ye,u as o,am as Ke}from"./index-ByXRm0Fj.js";import{a as f}from"./sentry-BfjekFHA.js";import{n as w}from"./mui-BtuxyOQU.js";import{bJ as Qe}from"./zeni-epic-state-x1SruN8b.js";import{x as Ze}from"./LabeledControlledCheckBoxField-BsFqjCpn-CNZwev0o.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BKY6hK51-D5vRfL2N.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="68f0accd-36a8-46d8-a471-1da57368d273",e._sentryDebugIdIdentifier="sentry-dbid-68f0accd-36a8-46d8-a471-1da57368d273")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},X="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=Ye.getLocalizedStrings(),{chargeCard:Q}=nt,{chargeCardSetUp:m}=Q,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:me,onEstablishConnectionSuccess:ge,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:z,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:R,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:$}=a,L=M(C),k=M(u.fetchState),V=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Y(a),[a]),values:Y(a)}),ve=V.handleSubmit(se),Ee=async(S,T)=>{const n=T[g];if(S.includes(g))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=$.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=V.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,F=R?.isDebitCardEnabled===!0,W=R?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=z?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Qe(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,Ve=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!D&&N:j&&!(D&&F)&&N&&W,De=O?m.setupSubTitleNotEnabled:m.setupSubTitle,H=y.mode==="light"?new J(y.colors.brandColorJadeLight):new J(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:Re.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx($e,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Ve?t.jsx(ct,{children:t.jsx(Le,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...V,children:t.jsx("form",{id:K(X),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:$,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:me,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:ge,icon:{element:t.jsx(Je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:m.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Q.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:G(g,"enableAutoPay"),checkBoxValue:G(g,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Ge,{formId:K(X),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Xe,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Y=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},K=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -13,7 +13,7 @@ import{y as je,K as Oe,a9 as Ue,aS as M,aa as Be,cI as _e,aX as G,V as t,fg as $
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,ot=w(Xe)`
+`,ot=w(Ke)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -33,4 +33,4 @@ import{y as je,K as Oe,a9 as Ue,aS as M,aa as Be,cI as _e,aX as G,V as t,fg as $
   display: flex;
   flex-direction: column;
   row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`;export{wt as default,X as uniqueName};
+`;export{wt as default,K as uniqueName};

package/dist/assets/ChargeCardStatementsPage-B0KPw52e-BNkqxRQ2.js

@@ -0,0 +1,60 @@
+import{d as F,J as N,V as t,bE as W,o as h,F as R,y as g,am as B,bb as O,a9 as V,hO as _,T as J,aR as Z,u as s,c5 as q}from"./index-ByXRm0Fj.js";import{n as r}from"./mui-BtuxyOQU.js";import{$ as G,g as Q}from"./BoxItem-CACRFWG2-CnmPjRPK.js";import{a as U}from"./sentry-BfjekFHA.js";import{w as H}from"./downloadPdf-DfRYmfsd-yijlpLuZ.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";import"./commonDimensions-ClmbdehE-D3isPdv2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="cb312268-6f7d-4692-b19e-1520c725f42c",e._sentryDebugIdIdentifier="sentry-dbid-cb312268-6f7d-4692-b19e-1520c725f42c")}catch{}})();const D=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
+  display: flex;
+  padding: ${h.sp3} ${h.sp4};
+  flex-direction: row;
+  width: 100%;
+`,X=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,ee=r(B)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${h.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,te=r.div`
+  cursor: pointer;
+`,ie=r(q)`
+  width: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function ae({currentTenantCompanyName:e,data:a,index:n,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:I,cashbackInformation:f,creditAccountRepayment:$,authParams:P,downloadEndPoint:k,boxType:j}){const b=V().analytics,[v,E]=U.useState(!1),c=N(),z=D[a.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${_(a.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(K,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":Z("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(i&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,I),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(Q,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const A=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:a,controllerEmails:n,productInformation:l,cashbackInformation:i,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:$,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),c=N(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:A.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(L,{windowSize:c,children:t.jsx(le,{children:A.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(M,{children:u[m].map((p,T)=>t.jsx(L,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:$,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,creditAccount:k,currentTenantCompanyName:e,index:T,data:p,authParams:a,downloadEndPoint:j,boxType:G(T,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
+  margin-bottom: ${h.sp6};
+`,M=r.div``,oe=r(O)`
+  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`,L=r.div`
+  margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
+`,de=r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,se=r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${h.sp7};
+`,le=r(B)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,ce=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
+`,me=e=>{const a=e.map(i=>{const[o,d]=i.period.split("-");return{id:i.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};a.forEach(i=>{n[i.monthYearPeriod.year]!=null?n[i.monthYearPeriod.year].push(i):n[i.monthYearPeriod.year]=[i]});const l={};return Object.keys(n).forEach(i=>{l[Number(i)]=n[Number(i)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((i,o)=>Number(o)-Number(i)).map(i=>Number(i)),monthsByYearWithSortedMonth:l}};export{ke as default};

package/dist/assets/{CheckDepositDrawerPage-UFggEfV1-DeaowvSn.js → CheckDepositDrawerPage-DKNAXI77-BSOutqAK.js}

@@ -1,4 +1,4 @@
-import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h as ue,b as oe,bb as me,e as te,ak as ge,an as F,aS as fe,aa as xe,cI as ke,p as $,ae as De,gh as be,cN as $e,eY as K,cV as W,u as s,ft as we,ck as ye,c2 as je,f5 as Pe,h4 as Se,ao as q,h5 as Le}from"./index-D0RCZvbR.js";import{a as k}from"./sentry-D6_R-0PO.js";import{n as a}from"./mui-CWpKo4a_.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./zeni-epic-state-CQm7BABf.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="d19586e7-bd6e-4251-b07b-d0387da3b0a6",e._sentryDebugIdIdentifier="sentry-dbid-d19586e7-bd6e-4251-b07b-d0387da3b0a6")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",V="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[V]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:ze,common:R}=oe.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=R.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:w,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,L=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,Y=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:R.currency.currencyCode,currencySymbol:R.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);Y(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[L,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();Y(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Re,{color:Se(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Ve,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(H,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(H,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Ge,{}),t.jsxs(Ke,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(He,{children:e.error?.message})]})]}),t.jsx(Ye,{children:t.jsx(ro,{"data-testid":b("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:$.heroLight}})})]})}):null,t.jsx(Je,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(Xe,{children:[t.jsx(be,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx($e,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Qe,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(J,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(K,{name:`${D(g,V)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(J,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(K,{name:`${D(g,V)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+import{J as Z,V as t,aR as $,hM as pe,aP as M,i as W,o,aT as he,y as n,x as ee,c as ue,F as oe,bb as me,R as te,aj as ge,am as F,aS as fe,aa as xe,cH as ke,p as w,ad as De,gg as $e,cM as we,eX as G,cU as U,u as s,fs as be,ck as ye,c2 as je,f4 as Pe,g$ as Se,an as q,h0 as Le}from"./index-ByXRm0Fj.js";import{a as k}from"./sentry-BfjekFHA.js";import{n as a}from"./mui-BtuxyOQU.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="9bac3c3a-8c2d-4d58-87e8-5c57c8325241",e._sentryDebugIdIdentifier="sentry-dbid-9bac3c3a-8c2d-4d58-87e8-5c57c8325241")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const c=[];return e.checkFront!=null&&c.push(e.checkFront.fileId),e.checkBack!=null&&c.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:c,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,c)=>`${e}.${c}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:ze,common:V}=oe.getLocalizedStrings(),l=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:c,filesEndPoint:f,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,L=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,J=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},ce=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);J(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>ce(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[L,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=x.handleSubmit(()=>{if(re){c.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();J(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(We,{}),t.jsxs(Ge,{children:[t.jsx(Ue,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Je,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:l.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:l.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:l.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:l.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(He,{label:{label:l.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:l.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Qe,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:l.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:l.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:U,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:l.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:U,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:l.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};
@@ -8,9 +8,9 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,H=a.div``,Ve=a.span`
+`,X=a.div``,Re=a.span`
   margin-left: ${o.sp2};
-`,Re=a(Le)`
+`,Ve=a(Le)`
   min-width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
   width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
   height: ${e=>e.isSelectedValue?o.sp4:o.sp5};
@@ -29,30 +29,30 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   width: 100%;
   justify-content: space-between;
   padding: ${o.sp3} ${o.sp4};
-  background-color: ${$.importantLight};
+  background-color: ${w.importantLight};
   border-radius: ${o.sp2};
 `,_e=a.div`
   display: flex;
   align-items: flex-start;
-`,Ye=a.div``,Ge=a(we)`
+`,Je=a.div``,We=a(be)`
   width: ${o.sp4};
   height: ${o.sp4};
-  color: ${$.important};
-`,Ke=a.div`
+  color: ${w.important};
+`,Ge=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,We=a(ye)`
-  color: ${$.important};
-`,He=a(F)`
-  color: ${$.important};
-`,Je=a(je)`
+`,Ue=a(ye)`
+  color: ${w.important};
+`,Xe=a(F)`
+  color: ${w.important};
+`,Ye=a(je)`
   color: ${e=>e.theme.colors.primary};
   margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Qe=a(Pe)`
+`,He=a(Pe)`
   border-radius: ${o.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Xe=a.div`
+`,Ke=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -90,7 +90,7 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,Ue=a(ae)`
+`,Qe=a(ae)`
   flex-direction: column;
   padding: ${o.sp0};
 `,Ze=a.div`
@@ -100,7 +100,7 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   display: flex;
   flex-grow: ${e=>e.size==="small"?1:0};
   align-items: flex-start;
-`,J=a(q)`
+`,Y=a(q)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${o.sp2};
   margin-top: ${e=>e.isLast?o.sp3:o.sp0};
@@ -145,7 +145,7 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,lo="checkDepositDetailPage",co={NavBarContainerPaddingYAxis:new n(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new n(s[3],s[6],s[8]),containerPaddingRight:new n(s[3],s[6],s[8]),successContentMargin:new n(s[3],s[12])},{spendManagement:po}=oe.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Bo=({checkDeposit:e,analytics:l,filesEndPoint:f,authParams:w,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const d=Z(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(Q,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(U,{"data-testid":b("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:d,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(fo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(xo,{children:[t.jsx(G,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":b("check-deposit-drawer-another-transfer")}),t.jsx(G,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:d==="small"?o.sp3:o.sp5},"data-testid":b("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Q,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(U,{"data-testid":b("check-deposit-drawer-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),d==="small"?t.jsx(Do,{windowSize:d,children:m.checkDepositDrawer.title}):t.jsx(bo,{children:m.checkDepositDrawer.title}),d==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:l,authParams:w,checkDeposit:e,filesEndPoint:f,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(lo),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
+`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new n(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new n(s[3],s[6],s[8]),containerPaddingRight:new n(s[3],s[6],s[8]),successContentMargin:new n(s[3],s[12])},{spendManagement:po}=oe.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Bo=({checkDeposit:e,analytics:c,filesEndPoint:f,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const d=Z(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(H,{windowSize:d,children:[t.jsx(K,{windowSize:d,children:t.jsx(Q,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:d,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(fo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(xo,{children:[t.jsx(W,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(W,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:d==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(H,{windowSize:d,children:[t.jsx(K,{windowSize:d,children:t.jsx(Q,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),d==="small"?t.jsx(Do,{windowSize:d,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),d==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:c,authParams:b,checkDeposit:e,filesEndPoint:f,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,uo=a(ge)`
   color: ${e=>e.theme.colors.hero};
@@ -161,7 +161,7 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
 `,fo=a(ue)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Q=a.div`
+`,H=a.div`
   height: ${e=>e.windowSize==="small"?"auto":"100%"};
   padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
@@ -176,17 +176,17 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   justify-content: center;
   margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
   align-items: center;
-`,X=a.div`
+`,K=a.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   top: ${o.sp0};
-  padding: ${e=>`${co.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
+  padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,U=a(ee)`
+`,Q=a(ee)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};
@@ -200,7 +200,7 @@ import{K as Z,V as t,ac as b,hS as pe,aQ as M,a as G,o,aT as he,x as n,d as ee,h
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp0};
   margin-right: ${o.sp3};
-`,bo=a(te)`
+`,$o=a(te)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp3};
 `;export{Bo as default,no as uniqueFormName};