@zeniai/web-cockpit-ui 1.14.28-qa → 1.14.29-dev

package/dist/assets/{ChaseOverlay-CpfVlOOJ-DUmatajH.js → ChaseOverlay-DjKikFfn-CLpspWOE.js}

@@ -1,4 +1,4 @@
-import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,C as m,r as te,s as ie,ao as se,bu as oe,dE as re,q as l,ap as R,az as K,a7 as ne,fk as le,w as ae,cx as de,aR as ce}from"./index-CLgXcFOQ.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Me(e){const d=J(),[,U]=W(),{isMobileOrTabletScreen:g}=Y(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,L]=p.useState(!1),r=Z.getLocalizedStrings().commonSetUp.chaseOverlay,_=r.title,q=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},D=[0,1,2,3],P=i=>i<D.length-1,B=(i,n)=>{U(i??""),n?k(!1):S(!1)},M=i=>{i?C(!0):L(!0)},A=i=>{i?C(!1):L(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const G=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},Q=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},F=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>B(n,!0),onMouseOver:()=>M(!0),onMouseLeave:()=>A(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(O,{showCopyText:z&&!g,windowSize:d,children:t.jsx(N,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(I,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>B(i.payeeName,!1),onMouseOver:()=>M(!1),onMouseLeave:()=>A(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(O,{showCopyText:T&&!g,windowSize:d,children:t.jsx(N,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(I,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Le,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},H=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},X=i=>{switch(i){case 0:return t.jsx(G,{});case 1:return t.jsx(Q,{});case 2:return t.jsx(F,{});default:return t.jsx(H,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(De,{children:[t.jsx(xe,{children:_}),t.jsx(ge,{children:q}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:D.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:X(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(E,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(E,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
+import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as N,$ as c,o as s,C as m,r as te,s as ie,ao as se,bv as oe,dE as re,q as l,ap as A,az as K,a7 as ne,fk as le,w as ae,cx as de,aR as ce}from"./index-DIh8Zr8t.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Be(e){const d=J(),[,U]=W(),{isMobileOrTabletScreen:g}=Y(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,L]=p.useState(!1),r=Z.getLocalizedStrings().commonSetUp.chaseOverlay,_=r.title,q=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},M=[0,1,2,3],D=i=>i<M.length-1,P=(i,n)=>{U(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):L(!0)},E=i=>{i?C(!1):L(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const G=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},Q=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},F=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>P(n,!0),onMouseOver:()=>B(!0),onMouseLeave:()=>E(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(R,{showCopyText:z&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>P(i.payeeName,!1),onMouseOver:()=>B(!1),onMouseLeave:()=>E(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(R,{showCopyText:T&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Le,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},H=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},X=i=>{switch(i){case 0:return t.jsx(G,{});case 1:return t.jsx(Q,{});case 2:return t.jsx(F,{});default:return t.jsx(H,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Me,{children:[t.jsx(xe,{children:_}),t.jsx(ge,{children:q}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:M.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:D(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:X(n)}),D(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(N,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(N,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -85,7 +85,7 @@ import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,
 `,ve=o.div`
   padding-bottom: ${s.sp4};
   margin-left: ${s.sp6};
-`,$=o(R)`
+`,$=o(A)`
   color: ${e=>e.theme.colors.hero};
 `,be=o(de)`
   width: ${s.sp3};
@@ -106,14 +106,14 @@ import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,
   vertical-align: middle;
   margin-right: ${s.sp2};
   color: ${x.success};
-`,N=o(le)`
+`,I=o(le)`
   width: ${s.sp3};
   height: ${s.sp3};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,I=o(K)`
+`,O=o(K)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${x.success};
@@ -125,7 +125,7 @@ import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,
   justify-content: center;
   align-self: flex-start;
   margin-top: ${s.sp2};
-`,O=o.div`
+`,R=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
@@ -149,7 +149,7 @@ import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,
     color: ${e=>e.theme.colors.primary};
     text-decoration-color: ${e=>e.theme.colors.primary};
   }
-`,a=o(R)`
+`,a=o(A)`
   color: ${e=>e.theme.colors.primary};
   border-radius: ${s.sp1};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -164,7 +164,7 @@ import{e as J,fi as W,fj as Y,B as Z,j as t,g as x,p as ee,K as E,$ as c,o as s,
 `,Te=o.div`
   display: flex;
   flex-direction: column;
-`,Le=o.div``,De=o.div`
+`,Le=o.div``,Me=o.div`
   margin-bottom: 74px;
   overflow: scroll;
-`;export{Me as A};
+`;export{Be as M};

package/dist/assets/{CheckDepositDrawerPage-B1gXv1Wl-DpbqqEtI.js → CheckDepositDrawerPage-DRdQ8ewr-jW8DbAWr.js}

@@ -1,4 +1,4 @@
-import{e as Z,j as t,$,h4 as pe,B as ee,a0 as M,K as J,o,a4 as he,C as l,a3 as oe,T as ue,ao as me,c7 as te,w as ge,s as F,a2 as xe,a as ke,ca as fe,g as w,F as De,fJ as $e,cd as we,eS as K,ck as W,q as s,d1 as be,bO as ye,bv as je,cG as Pe,fd as Se,k as q,ff as Le}from"./index-CLgXcFOQ.js";import{b as f,n as a}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",I=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.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(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,Be=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,L=xe(n),[v,G]=f.useState(!1),[se,B]=f.useState(!1),z=u.largeLabelWidth.value(r),k=ke({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=k.formState,Y=i=>{const d={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(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);Y(h)}};f.useEffect(()=>{const i=k.watch((d,{name:h})=>{h!=null&&d!=null&&fe(()=>ce(h,d))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&k.reset(I(e))},[L,n,k,e]),f.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=k.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=k.getValues();Y(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(Q,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(Q,{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(Ge,{children:[t.jsx(Je,{}),t.jsxs(Ke,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(Qe,{children:e.error?.message})]})]}),t.jsx(Ye,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.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(Ue,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...k,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(_e,{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(we,{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(Xe,{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,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),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(Ze,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(U,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(K,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>G(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(U,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(K,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>G(i),onEditFileName:S,openPopup:b,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 Ie=a(F)`
+import{e as Z,j as t,$,h4 as pe,B as ee,a0 as M,K as J,o,a4 as he,C as l,a3 as oe,T as ue,ao as me,c7 as te,w as ge,s as F,a2 as xe,a as ke,ca as fe,g as w,F as De,fJ as $e,cd as we,eS as K,ck as W,q as s,d1 as be,bO as ye,bw as je,cG as Pe,fd as Se,k as q,ff as Le}from"./index-DIh8Zr8t.js";import{b as f,n as a}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",I=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.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(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,Be=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,L=xe(n),[v,G]=f.useState(!1),[se,B]=f.useState(!1),z=u.largeLabelWidth.value(r),k=ke({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=k.formState,Y=i=>{const d={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(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);Y(h)}};f.useEffect(()=>{const i=k.watch((d,{name:h})=>{h!=null&&d!=null&&fe(()=>ce(h,d))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&k.reset(I(e))},[L,n,k,e]),f.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=k.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=k.getValues();Y(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(Q,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(Q,{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(Ge,{children:[t.jsx(Je,{}),t.jsxs(Ke,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(Qe,{children:e.error?.message})]})]}),t.jsx(Ye,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.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(Ue,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...k,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(_e,{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(we,{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(Xe,{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,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),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(Ze,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(U,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(K,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>G(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(U,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(K,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,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=>G(i),onEditFileName:S,openPopup:b,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 Ie=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};