@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{CheckDepositDrawerPage-DlJJaad8-CLbfXmNK.js → CheckDepositDrawerPage-BCqg3irO-BNQC0cqt.js}

@@ -1,4 +1,4 @@
-import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n as ue,O as oe,bb as me,c as te,ak as ge,an as F,aS as fe,aa as xe,cJ as ke,p as $,ae as De,gi as be,cO as $e,eZ as J,cW as K,u as s,fu as we,cl as ye,c4 as je,f6 as Pe,h5 as Se,ao as q,h6 as Le}from"./index-uV9C0lq0.js";import{a as k}from"./sentry-rcvLxAzW.js";import{n as a}from"./mui-CgOsYmSB.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./zeni-epic-state-D5MWzrZ6.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.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]="09b48733-98ce-4bb6-b7e7-6cfe9c7870fb",e._sentryDebugIdIdentifier="sentry-dbid-09b48733-98ce-4bb6-b7e7-6cfe9c7870fb")}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: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,W=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);W(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();W(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(Ge,{}),t.jsxs(Je,{children:[t.jsx(Ke,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(We,{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(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(He,{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(Ze,{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(Ue,{size:r,children:[t.jsx(Ee,{children:l.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:l.checkDepositDrawer.frontSide}),t.jsx(J,{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:K,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:w,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:l.checkDepositDrawer.backSide}),t.jsx(J,{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:K,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: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)`
+import{e as K,V as t,ac as b,h_ as pe,aQ as M,a as Q,o,aT as he,x as n,b as ee,n as ue,O as oe,bb as me,c as te,ak as ge,an as F,aS as fe,aa as xe,cQ as ke,d as $,ae as De,gq as be,cV as $e,f7 as W,d1 as X,u as s,fC as we,cq as ye,c9 as je,fg as Pe,h9 as Se,ao as q,ha as Le}from"./index-aCBnCBoN.js";import{a as k}from"./sentry-DzaNjvx0.js";import{n as a}from"./mui-BosmckWV.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./zeni-epic-state-BNpJ2txa.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.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]="0bf14bf8-fc0a-4ac1-8560-5083c7a85f37",e._sentryDebugIdIdentifier="sentry-dbid-0bf14bf8-fc0a-4ac1-8560-5083c7a85f37")}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:O}=oe.getLocalizedStrings(),l=ze.zeniAccounts.zeniAccountList,Ae=O.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,_]=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:O.currency.currencyCode,currencySymbol:O.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);Y(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();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(Oe,{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(G,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(G,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Re,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Qe,{}),t.jsxs(We,{children:[t.jsx(Xe,{children:e.error?.title}),t.jsx(Ge,{children:e.error?.message})]})]}),t.jsx(Ye,{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(Ze,{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(Je,{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(W,{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:X,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:w,showPhotoPicker:!0,errorInfoLabel:l.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(H,{isLast:!0,children:l.checkDepositDrawer.backSide}),t.jsx(W,{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:X,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: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,14 +8,14 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,X=a.div``,Re=a.span`
+`,G=a.div``,Ve=a.span`
   margin-left: ${o.sp2};
-`,Ve=a(Le)`
+`,Oe=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};
   margin-right: ${o.sp2};
-`,Oe=a.div`
+`,Re=a.div`
   margin-top: ${o.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -34,25 +34,25 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
 `,_e=a.div`
   display: flex;
   align-items: flex-start;
-`,We=a.div``,Ge=a(we)`
+`,Ye=a.div``,Qe=a(we)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${$.important};
-`,Je=a.div`
+`,We=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,Ke=a(ye)`
+`,Xe=a(ye)`
   color: ${$.important};
-`,Xe=a(F)`
+`,Ge=a(F)`
   color: ${$.important};
-`,Ye=a(je)`
+`,He=a(je)`
   color: ${e=>e.theme.colors.primary};
   margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Ze=a(Pe)`
+`,Ue=a(Pe)`
   border-radius: ${o.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,He=a.div`
+`,Ze=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -90,17 +90,17 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,Qe=a(ae)`
+`,Je=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;
-`,Y=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{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,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=U(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(Z,{windowSize:d,children:[t.jsx(H,{windowSize:d,children:t.jsx(Q,{"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(Z,{windowSize:d,children:[t.jsx(H,{windowSize:d,children:t.jsx(Q,{"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)`
+`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new n(10,s[3])},no=e=>`${e}_form`,R={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(Z,{windowSize:d,children:t.jsx(J,{"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(Q,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":b("check-deposit-drawer-another-transfer")}),t.jsx(Q,{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(Z,{windowSize:d,children:t.jsx(J,{"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,10 +161,10 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
 `,fo=a(ue)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Z=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)}`};
+  padding-left: ${e=>`${R.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${R.containerPaddingRight.valuePx(e.windowSize)}`};
 `,xo=a.div`
   display: flex;
   justify-content: center;
@@ -174,9 +174,9 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
+  margin: ${e=>`${o.sp0} ${R.successContentMargin.valuePx(e.windowSize)} `};
   align-items: center;
-`,H=a.div`
+`,Z=a.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -186,7 +186,7 @@ import{K as U,V as t,ac as b,hW as pe,aQ as M,a as G,o,aT as he,x as n,b as ee,n
   padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Q=a(ee)`
+`,J=a(ee)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};