@zeniai/web-cockpit-ui 1.15.30-dev → 1.15.31-dev

package/dist/assets/{CheckDepositDrawerPage-iPcp79Wu-DjNqRhvh.js → CheckDepositDrawerPage-0zbTQ3Fa-Edy7R6vj.js}

@@ -1,4 +1,4 @@
-import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c as ue,F as oe,ba as me,R as te,aj as ge,am as F,aR as fe,a9 as xe,cH as ke,p as b,ad as De,gg as $e,cM as be,eX as G,cU as H,u as s,fs as we,cj as ye,c1 as je,f4 as Pe,g$ as Se,an as q,h0 as Le}from"./index-BPZ0_UEx.js";import{a as k}from"./sentry-nVlxguQq.js";import{n as a}from"./mui-Dg-yyLd1.js";import"./liveblocks-Lf8LVeH9.js";import"./core-BdfL-uia.js";import"./recharts-DVyIhUUu.js";import"./zeni-epic-state-DwXlACp-.js";import"./lottie-BAIk2ri4.js";import"./analytics-C7qRceeD.js";import"./lexical-CNiclLj0.js";import"./utils-Bn_xI0qf.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]="7bfc634d-4fdd-4b61-9738-c5d70daadde6",e._sentryDebugIdIdentifier="sentry-dbid-7bfc634d-4fdd-4b61-9738-c5d70daadde6")}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=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(He,{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:b.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(be,{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(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:H,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(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:H,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{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-DK3PYuee.js";import{a as k}from"./sentry-DS5py-mq.js";import{n as a}from"./mui-CgqbPqeT.js";import"./liveblocks-DzWLGwR5.js";import"./core-MmJvanAX.js";import"./recharts-CcfvjpA4.js";import"./zeni-epic-state-QRf7TPA6.js";import"./lottie-C8IpdMqp.js";import"./analytics-Cmcqa01V.js";import"./lexical-DyUba00B.js";import"./utils-C5WTobSB.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 Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,X=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 Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS 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``,We=a(we)`
+`,_e=a.div``,Ge=a(we)`
   width: ${o.sp4};
   height: ${o.sp4};
-  color: ${b.important};
-`,Ge=a.div`
+  color: ${$.important};
+`,Ye=a.div`
   display: flex;
   flex-direction: column;
   margin-left: ${o.sp2};
-`,He=a(ye)`
-  color: ${b.important};
-`,Xe=a(F)`
-  color: ${b.important};
-`,Ye=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};
 `,Ue=a(Pe)`
   border-radius: ${o.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Ke=a.div`
+`,Xe=a.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -90,17 +90,17 @@ import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,Qe=a(ae)`
+`,Ze=a(ae)`
   flex-direction: column;
   padding: ${o.sp0};
-`,Ze=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{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c
   &: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=Z(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:d,children:e.fetchState==="Completed"?t.jsxs(U,{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(U,{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: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`,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};
@@ -176,7 +176,7 @@ import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c
   justify-content: center;
   margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
   align-items: center;
-`,K=a.div`
+`,X=a.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -186,7 +186,7 @@ import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,y as n,x as ee,c
   padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Q=a(ee)`
+`,Z=a(ee)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${o.sp4};
@@ -200,7 +200,7 @@ import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS 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};