@zeniai/web-cockpit-ui 1.15.23-dev → 1.15.24-dev

package/dist/assets/ChargeCardStatementsPage-1ntqN8-C-D2mSHxbe.js

@@ -0,0 +1,60 @@
+import{e as F,J as N,V as t,bD as W,o as h,F as R,y as g,al as B,ba as V,a8 as _,hL as O,T as J,aQ as Q,u as s,c4 as Z}from"./index-BJwUmr6X.js";import{n as r}from"./mui-BPiKl8lE.js";import{$ as q,g as G}from"./BoxItem-BIGbJrpV-DWBd9dMt.js";import{a as U}from"./sentry-Dozbf0xW.js";import{w as H}from"./downloadPdf-CqjEwKR5-CVBCWVbb.js";import"./liveblocks-gc1Zpgue.js";import"./core-BCC1NfcO.js";import"./recharts-CTVVh_-r.js";import"./zeni-epic-state-DD2IEaUq.js";import"./lottie-PDiRMFOU.js";import"./analytics-BVR-nkdQ.js";import"./lexical-D1A0yBcv.js";import"./utils-CJtHQQTa.js";import"./commonDimensions-SFn2jHVc-CTDxaBd-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="39d5d04c-4a4e-4b97-b5ac-c8524eff92b0",e._sentryDebugIdIdentifier="sentry-dbid-39d5d04c-4a4e-4b97-b5ac-c8524eff92b0")}catch{}})();const z=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;
+`,ae=r(Z)`
+  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 ie({currentTenantCompanyName:e,data:i,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,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=_().analytics,[v,D]=U.useState(!1),c=N(),E=z[i.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[i.monthYearPeriod.month-1]}-${i.monthYearPeriod.year}.pdf`,m={period:`${i.monthYearPeriod.year}-${O(i.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(K,{children:t.jsxs(X,{children:[t.jsx(ee,{children:E}),t.jsx(te,{"data-testid":Q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(a&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[i.monthYearPeriod.month-1]} ${i.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,I),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,D)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(G,{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:i,controllerEmails:n,productInformation:l,cashbackInformation:a,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 D=F(),c=N(),{sortedYear:E,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:A.title,backgroundColor:D.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(M,{windowSize:c,children:t.jsx(le,{children:A.noStatements})})})}):t.jsx(re,{children:E.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,T)=>t.jsx(M,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,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:i,downloadEndPoint:j,boxType:q(T,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
+  margin-bottom: ${h.sp6};
+`,L=r.div``,oe=r(V)`
+  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`,M=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 i=e.map(a=>{const[o,d]=a.period.split("-");return{id:a.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};i.forEach(a=>{n[a.monthYearPeriod.year]!=null?n[a.monthYearPeriod.year].push(a):n[a.monthYearPeriod.year]=[a]});const l={};return Object.keys(n).forEach(a=>{l[Number(a)]=n[Number(a)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((a,o)=>Number(o)-Number(a)).map(a=>Number(a)),monthsByYearWithSortedMonth:l}};export{ke as default};

package/dist/assets/{CheckDepositDrawerPage-BdacGDpy-CN6aGowb.js → CheckDepositDrawerPage-Bbe3YMhk-CO2Q4-ZB.js}

@@ -1,4 +1,4 @@
-import{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c as ue,F as oe,b9 as me,R as te,ai as ge,al as F,aQ as fe,a9 as xe,cF as ke,p as b,ac as De,ge as $e,cK as be,eV as Y,cS as G,u as s,fq as we,ci as ye,c0 as je,f2 as Pe,g_ as Se,am as q,g$ as Le}from"./index-CNJQ6T57.js";import{a as k}from"./sentry-9b1mvxJ5.js";import{n as a}from"./mui-DsjrNjDe.js";import"./liveblocks-CUDrE-0X.js";import"./core-Be77t6wT.js";import"./recharts-CmZa-egc.js";import"./zeni-epic-state-DJX8u9R8.js";import"./lottie-C5G-hUN3.js";import"./analytics-DH2FWXQR.js";import"./lexical-4qH-Yr6_.js";import"./utils-VcZ1Xqjg.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]="b77112ef-ea49-4ba9-9f67-519cec616321",e._sentryDebugIdIdentifier="sentry-dbid-b77112ef-ea49-4ba9-9f67-519cec616321")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="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,[R]:{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:V}=oe.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.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=U(),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)},le=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(()=>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();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(K,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(K,{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(Xe,{}),t.jsxs(Ye,{children:[t.jsx(Ge,{children:e.error?.title}),t.jsx(Ke,{children:e.error?.message})]})]}),t.jsx(Je,{children:t.jsx(ro,{"data-testid":$("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:b.heroLight}})})]})}):null,t.jsx(Qe,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(Ze,{children:[t.jsx($e,{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(be,{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(We,{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(He,{size:r,children:[t.jsxs(Ue,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Q,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(Y,{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:G,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(Q,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(Y,{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:G,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 K,V as t,aQ as b,hJ as pe,aO as M,i as G,o,aS as he,y as n,c as ee,d as ue,F as oe,ba as me,R as te,ai as ge,al as F,aR as fe,a9 as xe,cG as ke,p as $,ac as De,gd as be,cJ as $e,eV as Y,cQ as Q,u as s,fp as we,cj as ye,c1 as je,f1 as Pe,gY as Se,am as q,gZ as Le}from"./index-BJwUmr6X.js";import{a as k}from"./sentry-Dozbf0xW.js";import{n as a}from"./mui-BPiKl8lE.js";import"./liveblocks-gc1Zpgue.js";import"./core-BCC1NfcO.js";import"./recharts-CTVVh_-r.js";import"./zeni-epic-state-DD2IEaUq.js";import"./lottie-PDiRMFOU.js";import"./analytics-BVR-nkdQ.js";import"./lexical-D1A0yBcv.js";import"./utils-CJtHQQTa.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]="06cb3891-4ffc-4100-bda8-b129c3b37907",e._sentryDebugIdIdentifier="sentry-dbid-06cb3891-4ffc-4100-bda8-b129c3b37907")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",V="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,[V]:{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:R}=oe.getLocalizedStrings(),l=ze.zeniAccounts.zeniAccountList,Ae=R.documents;function Ie({checkDeposit:e,analytics:c,filesEndPoint:f,openPopup:w,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=K(),d=e.fetchState,L=fe(d),[v,J]=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,_=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)},ce=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);_(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();_(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(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{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(Je,{children:[t.jsx(Ge,{}),t.jsxs(Ye,{children:[t.jsx(Qe,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(_e,{children:t.jsx(ro,{"data-testid":b("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:$.heroLight}})})]})}):null,t.jsx(He,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Xe,{children:[t.jsx(be,{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($e,{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(Ue,{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(Ze,{size:r,children:[t.jsxs(Ke,{size:r,children:[t.jsx(Ee,{children:l.checkDepositDrawer.checkPicLabel}),t.jsx(H,{isLast:!1,children:l.checkDepositDrawer.frontSide}),t.jsx(Y,{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:Q,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>J(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(H,{isLast:!0,children:l.checkDepositDrawer.backSide}),t.jsx(Y,{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:Q,placeholderText:r==="small"?l.checkDepositDrawer.uploadDocument:l.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>J(i),onEditFileName:S,openPopup:w,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{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,K=a.div``,Re=a.span`
+`,W=a.div``,Ve=a.span`
   margin-left: ${o.sp2};
-`,Ve=a(Le)`
+`,Re=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{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
   width: 100%;
   justify-content: space-between;
   padding: ${o.sp3} ${o.sp4};
-  background-color: ${b.importantLight};
+  background-color: ${$.importantLight};
   border-radius: ${o.sp2};
-`,_e=a.div`
+`,Je=a.div`
   display: flex;
   align-items: flex-start;
-`,Je=a.div``,Xe=a(we)`
+`,_e=a.div``,Ge=a(we)`
   width: ${o.sp4};
   height: ${o.sp4};
-  color: ${b.important};
+  color: ${$.important};
 `,Ye=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,Ge=a(ye)`
-  color: ${b.important};
-`,Ke=a(F)`
-  color: ${b.important};
-`,Qe=a(je)`
+`,Qe=a(ye)`
+  color: ${$.important};
+`,We=a(F)`
+  color: ${$.important};
+`,He=a(je)`
   color: ${e=>e.theme.colors.primary};
   margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,We=a(Pe)`
+`,Ue=a(Pe)`
   border-radius: ${o.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Ze=a.div`
+`,Xe=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -90,17 +90,17 @@ import{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,He=a(ae)`
+`,Ze=a(ae)`
   flex-direction: column;
   padding: ${o.sp0};
-`,Ue=a.div`
+`,Ke=a.div`
   padding: ${e=>`${o.sp3} ${u.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
 `,eo=a.div`
   width: 100%;
   display: flex;
   flex-grow: ${e=>e.size==="small"?1:0};
   align-items: flex-start;
-`,Q=a(q)`
+`,H=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{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
   &: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=U(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(W,{windowSize:d,children:[t.jsx(Z,{windowSize:d,children:t.jsx(H,{"data-testid":$("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(X,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(X,{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(W,{windowSize:d,children:[t.jsx(Z,{windowSize:d,children:t.jsx(H,{"data-testid":$("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($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: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:w,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const d=K(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(U,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(Z,{"data-testid":b("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(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(U,{windowSize:d,children:[t.jsx(X,{windowSize:d,children:t.jsx(Z,{"data-testid":b("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(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:c,authParams:w,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{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
 `,fo=a(ue)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,W=a.div`
+`,U=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{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
   justify-content: center;
   margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
   align-items: center;
-`,Z=a.div`
+`,X=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};
-`,H=a(ee)`
+`,Z=a(ee)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};
@@ -200,7 +200,7 @@ import{J as U,V as t,aP as $,hL as pe,aN as M,r as X,o,aR as he,y as n,x as ee,c
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp0};
   margin-right: ${o.sp3};
-`,$o=a(te)`
+`,bo=a(te)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp3};
 `;export{Bo as default,no as uniqueFormName};