@zeniai/web-cockpit-ui 1.13.95-qa → 1.13.96-dev

package/dist/assets/{ChargeCardStatementsPage-DlFimewo-CCnuk61t.js → ChargeCardStatementsPage-uRlTsfDI-DztC0UAp.js}

@@ -1,9 +1,9 @@
-import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,q as B,an as O,d2 as q,g$ as J,Y as K,d as U,n as s,bq as V}from"./index-Ihb4xe41.js";import{n as i,b as X}from"./vendor-CnQcJ2Lu.js";import{$ as Z,g as _}from"./BoxItem-qV71vsVl-BQdt3cLT.js";import{w as G}from"./downloadPdf-YcATpN2g-CAA7xZRG.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-Ctzi29iY-B3Mz4L3r.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},H=i.div`
+import{u as F,X as T,j as t,aV as W,M as R,o as h,C as g,q as B,an as O,d2 as V,g$ as q,Y as J,c as K,n as s,bp as U}from"./index-DyBH5SZv.js";import{n as i,b as X}from"./vendor-CnQcJ2Lu.js";import{$ as _,g as G}from"./BoxItem-DX1sag1G-C0OcCbod.js";import{w as H}from"./downloadPdf-LAHtgcHF-B9uNpNRf.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-DAvj4Il1-Chc9ZQai.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},Q=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
   width: 100%;
-`,Q=i.div`
+`,Z=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -19,7 +19,7 @@ import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,q as B,an as O,d2 as q,
   overflow: hidden;
 `,te=i.div`
   cursor: pointer;
-`,ae=i(V)`
+`,ae=i(U)`
   width: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
   height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
   min-height: ${e=>A.downloadButtonSize.valuePx(e.windowSize)};
@@ -27,7 +27,7 @@ import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,q as B,an as O,d2 as q,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=q().analytics,[v,E]=X.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${J(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(H,{children:t.jsxs(Q,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":K("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),G(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(U,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=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])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=W(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:M.title,backgroundColor:E.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(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:Z(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=X.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(G,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=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])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:E.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(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:_(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(O)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardUtils-Buf1Xa4X-B0NExkND.js → ChargeCardUtils-BvVm2SMq-B6pl3c2F.js}

@@ -1 +1 @@
-import{ff as D,M as S,dq as c,l as B}from"./index-Ihb4xe41.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,A as U,Y as _,b as v};
+import{ff as D,M as S,dq as c,l as B}from"./index-DyBH5SZv.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,A as U,Y as _,b as v};

package/dist/assets/{ChaseOverlay-Cp5-sc7K-D16SX-je.js → ChaseOverlay-CI8lEzod-DNTlxx9v.js}

@@ -1,4 +1,4 @@
-import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,C as m,Z as te,q as ie,an as se,bC as oe,c$ as re,n as l,ao as Y,ax as A,a6 as ne,fe as le,w as ae,cq as de,aP as ce}from"./index-Ihb4xe41.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.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=H(),[,N]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,_=r.title,q=r.description,K=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,D=(i,n)=>{N(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):M(!0)},E=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const V=()=>{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]})},F=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},J=()=>{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:()=>D(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(U,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(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(U,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Z=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(V,{});case 1:return t.jsx(F,{});case 2:return t.jsx(J,{});default:return t.jsx(Z,{})}};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(Le,{children:[t.jsx(xe,{children:_}),t.jsx(ge,{children:q}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(I,{variant:"secondary",label:r.primaryButtonText,onClick:K,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(I,{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{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as N,Y as c,o as s,C as m,Z as te,q as ie,an as se,bB as oe,c$ as re,n as l,ao as A,ax as R,a6 as ne,fe as le,w as ae,cq as de,aP as ce}from"./index-DyBH5SZv.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.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 De(e){const d=H(),[,_]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,q=r.title,K=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,B=(i,n)=>{_(i??""),n?k(!1):S(!1)},D=i=>{i?C(!0):M(!0)},U=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const Y=()=>{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]})},J=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},Z=()=>{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:()=>D(!0),onMouseLeave:()=>U(!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(I,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>B(i.payeeName,!1),onMouseOver:()=>D(!1),onMouseLeave:()=>U(!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(I,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(E,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},F=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(Y,{});case 1:return t.jsx(J,{});case 2:return t.jsx(Z,{});default:return t.jsx(F,{})}};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(Le,{children:[t.jsx(xe,{children:q}),t.jsx(ge,{children:K}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(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{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
 `,ve=o.div`
   padding-bottom: ${s.sp4};
   margin-left: ${s.sp6};
-`,$=o(Y)`
+`,$=o(A)`
   color: ${e=>e.theme.colors.hero};
 `,be=o(de)`
   width: ${s.sp3};
@@ -100,7 +100,7 @@ import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
 `,Se=o(re)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,v=o(A)`
+`,v=o(R)`
   width: ${s.sp3};
   height: ${s.sp3};
   vertical-align: middle;
@@ -113,7 +113,7 @@ import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,R=o(A)`
+`,E=o(R)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${x.success};
@@ -125,7 +125,7 @@ import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
   justify-content: center;
   align-self: flex-start;
   margin-top: ${s.sp2};
-`,U=o.div`
+`,I=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
@@ -149,7 +149,7 @@ import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
     color: ${e=>e.theme.colors.primary};
     text-decoration-color: ${e=>e.theme.colors.primary};
   }
-`,a=o(Y)`
+`,a=o(A)`
   color: ${e=>e.theme.colors.primary};
   border-radius: ${s.sp1};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -167,4 +167,4 @@ import{X as H,fc as X,fd as Q,M as W,j as t,g as x,m as ee,K as I,Y as c,o as s,
 `,Me=o.div``,Le=o.div`
   margin-bottom: 74px;
   overflow: scroll;
-`;export{Be as M};
+`;export{De as M};

package/dist/assets/{CheckDepositDrawerPage-ClJh5smc-_5B4001u.js → CheckDepositDrawerPage-Czpxz6Mz-gcS4-F7d.js}

@@ -1,4 +1,4 @@
-import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2 as oe,k as ue,an as me,c0 as te,w as ge,q as F,a1 as xe,a as fe,c3 as ke,g as w,F as De,fD as $e,c6 as we,eN as G,cd as J,n as s,cW as be,bH as ye,bn as je,cz as Pe,f7 as Se,f as q,f9 as Le}from"./index-Ihb4xe41.js";import{b as k,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=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}`,ze=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:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Q(),n=e.fetchState,L=xe(n),[v,X]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=f.formState,K=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);K(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&f.reset(E(e))},[L,n,f,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=f.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=f.getValues();K(i),T?.()}}),ne=(i,d)=>{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: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(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(Xe,{children:[t.jsx(Ye,{}),t.jsxs(Ge,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Ke,{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),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ze,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},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:B},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(_e,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,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(Ue,{size:r,children:[t.jsxs(Qe,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Z,{isLast:!1,children:c.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:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Z,{isLast:!0,children:c.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:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(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 Ee=a(F)`
+import{X as Q,j as t,Y as $,gZ as pe,M as ee,_ as M,K as Y,o,a3 as he,C as l,a2 as oe,k as ue,an as me,c0 as te,w as ge,q as F,a1 as xe,a as fe,c3 as ke,g as w,F as De,fD as $e,c6 as we,eN as G,cd as J,n as s,cW as be,bH as ye,bm as je,cz as Pe,f7 as Se,f as q,f9 as Le}from"./index-DyBH5SZv.js";import{b as k,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=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}`,ze=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:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Q(),n=e.fetchState,L=xe(n),[v,X]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=f.formState,K=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);K(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&f.reset(E(e))},[L,n,f,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=f.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=f.getValues();K(i),T?.()}}),ne=(i,d)=>{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: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(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(Xe,{children:[t.jsx(Ye,{}),t.jsxs(Ge,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Ke,{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),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ze,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},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:B},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(_e,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,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(Ue,{size:r,children:[t.jsxs(Qe,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Z,{isLast:!1,children:c.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:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Z,{isLast:!0,children:c.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:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(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 Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};