@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/AccountInfoPage-BrydzmjB-KHr91NHb.js

@@ -1,18 +0,0 @@
-import{e as w,q as y,V as t,gH as $,o as n,y as a,ht as P,u as e}from"./index-ePPQ9tNX.js";import{a as z}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{K as A}from"./StatusSwitcher-Cf6yygg5-CWDIvUyD.js";import{r as S}from"./AccountInfoPageContent-DUxplaBp-FrAxiU_4.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-CqRT2Puf-CYGuzpcq.js";import"./commonDimensions-Csh-Czgf-DHHuXfVv.js";const r={pageTitleMarginXAxis:new a(e[4],e[8]),containerPaddingLeft:new a(e[3],e[6],e[8]),containerPaddingRight:new a(e[3],e[6],e[8])},B=({authParams:i,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:g})=>{const u=w(),d=y(),[c,h]=z.useState("achDetails"),x=f=>{h(f)};return t.jsxs(j,{children:[t.jsx($,{title:"",backgroundColor:u.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:g}),t.jsx(v,{windowSize:d,children:s.accountName}),t.jsx(D,{children:t.jsx(A,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:x,isSwitcherLeftAlign:!0})}),t.jsx(b,{windowSize:d,children:t.jsx(S,{authParams:i,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},b=o.div`
-  padding-left: ${i=>`${r.containerPaddingLeft.valuePx(i.windowSize)}`};
-  padding-right: ${i=>`${r.containerPaddingRight.valuePx(i.windowSize)}`};
-`,j=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,v=o(P)`
-  color: ${i=>i.theme.colors.primary};
-  padding: ${n.sp3} ${n.sp0};
-  margin: ${i=>`${n.sp0} ${r.pageTitleMarginXAxis.valuePx(i.windowSize)} `};
-`,D=o.div`
-  display: flex;
-  justify-content: flex-start;
-`;export{B as default};

package/dist/assets/AccountInfoPageContent-DUxplaBp-FrAxiU_4.js

@@ -1,149 +0,0 @@
-import{q as we,gQ as Ae,hu as G,V as r,F as Se,bQ as C,l as Te,aK as z,o as a,b5 as ve,c0 as De,p as E,ag as ee,r as Ce,gS as ze,ak as re}from"./index-ePPQ9tNX.js";import{a as s}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{w as Le}from"./downloadPdf-CqRT2Puf-CYGuzpcq.js";import{o as _e}from"./commonDimensions-Csh-Czgf-DHHuXfVv.js";const{common:{strings:Ee,copyToClipBoard:y},spendManagement:{zeniAccounts:{zeniAccountDetail:H},billPay:{vendorCreation:{achDetails:o}},downloads:K}}=Se.getLocalizedStrings(),er=({authParams:e,downloadAccountDetailEndPoint:ae,currentTab:f,depositAccount:n,zeniAccountsConfigDetail:b,currentTenant:g})=>{const oe=we(),[,I]=Ae(),[k,te]=s.useState(!1),[se,ce]=s.useState(!1),[ne,ie]=s.useState(!1),[le,de]=s.useState(!1),[ue,be]=s.useState(!1),[me,pe]=s.useState(!1),[he,xe]=s.useState(!1),[fe,$e]=s.useState(!1),[p,M]=s.useState(!1),[N,R]=s.useState(!1),[j,q]=s.useState(!1),[w,B]=s.useState(!1),[A,V]=s.useState(!1),[S,F]=s.useState(!1),[T,J]=s.useState(!1),[$,O]=s.useState(!1),v=g?.company?.companyInfo.companyLegalName,D=G(b.zeniAccountsConfigDetail.mailingAddress).text2,m=G(b.zeniAccountsConfigDetail.bankAddress).text2;s.useEffect(()=>{(p||S||T||$||A||$||j||N||w)&&setTimeout(()=>{M(!1),F(!1),J(!1),O(!1),V(!1),B(!1),q(!1),R(!1)},1200)},[p,S,T,$,A,w,j,N]);const Q=(h,c)=>{switch(h){case"accountType":ce(c);break;case"acccountNumber":ie(c);break;case"routingNumber":de(c);break;case"bankName":be(c);break;case"beneficiaryName":xe(c);break;case"beneficiaryAddress":pe(c);break;case"bankAddress":$e(c);break}},ye=h=>{let c;h==="achDetails"?c=`${o.bankRoutingNumber} ${n.routingNumberAch}
-
-${o.accountTypeLabel} ${n.accountSubType.name??""}
-
-${o.bankAccountNumber} ${n.accountNumber}
-
-${o.bankName} ${b.zeniAccountsConfigDetail.bankName}
-
-${o.bankAddress} ${m}`:c=`${o.bankRoutingNumber} ${n.routingNumberAch}
-
-${o.accountTypeLabel} ${n.accountSubType.name??""}
-
-${o.bankAccountNumber} ${n.accountNumber}
-
-${o.bankName} ${b.zeniAccountsConfigDetail.bankName}
-
-${o.beneficiaryName} ${v}
-
-${o.bankAddress} ${m}
-
-${o.beneficiaryAddress} ${D}`,I(c),M(!0)},i=(h,c,x,U)=>{let d,l;switch(x){case"acccountNumber":d=ne,l=T;break;case"accountType":d=se,l=S;break;case"bankName":d=ue,l=A;break;case"beneficiaryName":d=he,l=N;break;case"beneficiaryAddress":d=me,l=w;break;case"bankAddress":d=fe,l=j;break;default:d=le,l=$;break}const je=()=>{switch(x){case"accountType":F(!0);break;case"acccountNumber":J(!0);break;case"routingNumber":O(!0);break;case"bankName":V(!0);break;case"beneficiaryName":R(!0);break;case"beneficiaryAddress":B(!0);break;case"bankAddress":q(!0);break}};return r.jsxs(Ve,{onMouseEnter:()=>Q(x,!0),onMouseLeave:()=>Q(x,!1),children:[r.jsx(Fe,{children:h}),r.jsx(Oe,{children:r.jsxs(Qe,{children:[r.jsxs(Je,{children:[d||oe==="small"?r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:l,children:l?y.copied:y.copy}),enterDelay:600,children:l===!0?r.jsx(Z,{}):r.jsx(Y,{"data-testid":z("account-info-copy",x),onClick:()=>{I(c),je()}})})}):null,c]}),U!=null?r.jsx(Ue,{children:U}):null]})})]})},ge={detail_type:"account_details",deposit_account_id:n.id,company_name:g?.companyName??"",company_legal_name:g?.company?.companyInfo.companyLegalName??""},ke=encodeURIComponent(JSON.stringify(ge)),Ne=`${ae}?query=${ke}`;return r.jsx(Pe,{children:r.jsxs(Ie,{children:[r.jsxs(Me,{children:[r.jsx(qe,{children:f==="achDetails"?H.achTitle:H.wireTitle}),r.jsxs(Re,{children:[r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:k,children:k?K.downloading:K.download}),enterDelay:600,children:k===!0?r.jsx(Te,{size:"Small",start:!0}):r.jsx(Be,{"data-testid":z("account-info-download-pdf"),onClick:()=>{Le(Ne,Ee.empty,e,te,!0)}})})}),r.jsx(L,{children:r.jsx(C,{display:"flex",placement:"left",title:r.jsx(_,{isTextCopied:p,children:p?y.copied:y.copy}),enterDelay:600,children:p===!0?r.jsx(Z,{}):r.jsx(Y,{onClick:()=>ye(f),"data-testid":z("title-text-copy")})})})]})]}),f==="achDetails"?r.jsxs(Ge,{children:[r.jsx(W,{children:i(o.bankRoutingNumber,n.routingNumberAch,"routingNumber")}),r.jsx(u,{children:i(o.accountTypeLabel,n.accountSubType.name,"accountType")}),r.jsx(u,{children:i(o.bankAccountNumber,n.accountNumber,"acccountNumber")}),r.jsx(u,{children:i(o.bankName,b.zeniAccountsConfigDetail.bankName,"bankName")}),m!=null?r.jsx(X,{children:i(o.bankAddress,m,"bankAddress")}):null]}):f==="wireDetails"?r.jsxs(He,{children:[r.jsx(W,{children:i(o.bankRoutingNumber,n.routingNumberAch,"routingNumber")}),r.jsx(u,{children:i(o.accountTypeLabel,n.accountSubType.name,"accountType")}),r.jsx(u,{children:i(o.bankAccountNumber,n.accountNumber,"acccountNumber")}),r.jsx(u,{children:i(o.bankName,b.zeniAccountsConfigDetail.bankName,"bankName")}),m!=null?r.jsx(u,{children:i(o.bankAddress,m,"bankAddress")}):null,v!=null?r.jsx(u,{children:i(o.beneficiaryName,v,"beneficiaryName",o.beneficiaryNameSubLabel)}):null,D!=null?r.jsx(X,{children:i(o.beneficiaryAddress,D,"beneficiaryAddress",o.beneficiaryAddressSubLabel)}):null]}):null]})})},Pe=t.div``,Ie=t.div`
-  margin: ${a.sp4};
-  margin-left: ${a.sp0};
-`,Me=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: ${a.sp3};
-`,Re=t.div`
-  display: flex;
-  gap: ${a.sp4};
-`,qe=t(ve)`
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${a.sp2};
-`,Be=t(De)`
-  height: ${a.sp3};
-  width: ${a.sp3};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,P=t.div`
-  box-sizing: border-box;
-  min-height: ${_e.transactionItemHeight}px;
-  display: flex;
-  border: 1px solid;
-  border-radius: ${a.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  border-color: ${e=>e.theme.colors.grey3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    .tag {
-      border-color: ${e=>e.theme.colors.grey2};
-      color: ${e=>e.theme.colors.grey1};
-    }
-  }
-`,W=t(P)`
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  display: flex;
-  border-top-width: 1px;
-  border-right-width: 1px;
-  border-bottom-width: 0.5px;
-  border-left-width: 1px;
-
-  border-top-left-radius: ${a.sp2};
-  border-top-right-radius: ${a.sp2};
-  border-bottom-left-radius: ${a.sp0};
-  border-bottom-right-radius: ${a.sp0};
-  &:hover {
-    border-bottom-width: 1px;
-  }
-`,X=t(P)`
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  display: flex;
-  border-top-width: 0.5px;
-  border-right-width: 1px;
-  border-bottom-width: 1px;
-  border-left-width: 1px;
-  border-top-left-radius: ${a.sp0};
-  border-top-right-radius: ${a.sp0};
-  border-bottom-left-radius: ${a.sp2};
-  border-bottom-right-radius: ${a.sp2};
-  &:hover {
-    border-top-width: 1px;
-  }
-`,L=t.div`
-  display: flex;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Y=t(ze)`
-  height: ${a.sp3};
-  width: ${a.sp3};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Z=t(Ce)`
-  height: ${a.sp3};
-  width: ${a.sp3};
-  color: ${E.success};
-`,Ve=t.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${a.sp3} ${a.sp4};
-  justify-content: space-between;
-  width: 100%;
-  gap: ${a.sp4};
-`,Fe=t(re)`
-  color: ${e=>e.theme.colors.hero};
-`,Je=t(re)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: flex-end;
-  text-align: end;
-`,Oe=t.div`
-  display: flex;
-`,Qe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,Ue=t(ee)`
-  color: ${e=>e.theme.colors.grey1};
-  text-align: end;
-`,_=t(ee)`
-  color: ${e=>e.isTextCopied?E.primaryDark:E.neutralGrey1Light};
-`,u=t(P)`
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  display: flex;
-  border-radius: ${a.sp0};
-  border-top-width: 0.5px;
-  border-right-width: 1px;
-  border-bottom-width: 0.5px;
-  border-left-width: 1px;
-  &:hover {
-    border-top-width: 1px;
-    border-bottom-width: 1px;
-  }
-`,Ge=t.div``,He=t.div``;export{er as r};

package/dist/assets/AccountLockedInfoModal-tHlPMl4Y-Ct1s-YMU.js

@@ -1,59 +0,0 @@
-import{e as g,F as l,V as e,ak as f,b8 as d,n as j,o,p as m,ap as $,bW as y,bX as b,bY as k,bP as w}from"./index-ePPQ9tNX.js";import{n as r}from"./mui-bYXq4XMS.js";import{t as v}from"./handshake-BPg58FML-D7G7L1P7.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const p="support@zeni.ai",i=l.getLocalizedStrings().commonSetUp.twoFactorAuthentication,h=({unlockDate:t,onSubmit:n})=>{const s=g(),x=t.format(l.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat),u=t.format(l.getLocalizedStrings().dateFormat.visual.HHMMFormat);return e.jsxs(S,{children:[e.jsx(C,{children:i.accountLockedTitle}),e.jsxs(L,{children:[e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(Y,{})}),e.jsx(f,{children:i.accountLockedSecurityMessage})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(F,{})}),e.jsxs(d,{children:[i.tryAgainAfter,e.jsxs(D,{children:[x,e.jsx(A,{children:"•"}),u]}),i.signInViaGoogleOrMicrosoft]})]}),e.jsxs(a,{children:[e.jsx(c,{theme:s,children:e.jsx(_,{})}),e.jsxs(d,{children:[i.accountLockedContactMessage,e.jsx(z,{href:`mailto:${p}`,children:p})]})]}),e.jsx(j,{variant:"primary",label:i.understood,onClick:n})]})]})};function M({unlockDate:t,onClose:n}){return e.jsx(w,{open:!0,onClose:n,children:e.jsx(O,{children:e.jsx(h,{unlockDate:t,onSubmit:n})})})}const S=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp6};
-`,C=r($)`
-  color: ${m.important};
-  text-align: center;
-`,L=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${o.sp5};
-`,a=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  column-gap: 12px;
-  text-align: start;
-  width: 100%;
-  color: ${t=>t.theme.colors.primary};
-`,z=r.a`
-  text-decoration: underline;
-  color: ${t=>t.theme.colors.primary};
-`,D=r(d)`
-  font-weight: ${k.medium};
-`,A=r.span`
-  color: ${t=>t.theme.colors.hero};
-  margin-left: ${o.sp1};
-  margin-right: ${o.sp1};
-`,c=r.div`
-  width: ${o.sp7};
-  height: ${o.sp7};
-  background: ${t=>t.theme.mode==="dark"?m.brandColorJadeDark:m.brandColorJadeLight};
-  border-radius: 50%;
-  flex-shrink: 0;
-  color: ${t=>t.theme.colors.primary};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,F=r(b)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,Y=r(y)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,_=r(v)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-`,O=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 456px;
-  padding: ${o.sp5} ${o.sp6};
-  background: ${t=>t.theme.colors.grey5};
-  border-radius: ${o.sp2};
-`,q=Object.freeze(Object.defineProperty({__proto__:null,AccountLockedInfo:h,default:M},Symbol.toStringTag,{value:"Module"}));export{h as A,p as Z,q as a};

package/dist/assets/AccountReconDetailsDrawerPage-U6I-zYEJ-Dit01cmg.js

@@ -1,239 +0,0 @@
-import{a8 as xe,fu as fe,V as t,ab as ge,cm as ye,F as je,cn as Se,co as $e,o as i,M as ke,b5 as X,al as Z,L as ve,a9 as Ce,dN as we,eS as be,kH as J,dw as G,ak as l,e as Ee,aL as Pe,bu as ee,dQ as te,at as Re,p as ne,r as De}from"./index-ePPQ9tNX.js";import{a as r}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{bO as oe,gu as Ie,gv as Fe}from"./zeni-epic-state-LPACxnXP.js";import{E as Te,C as _e,w as Ue,f as Le}from"./AccountRow-BPUVgiz--B9ZBU0Ub.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const m={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,navBarHeight:i.sp10,navBarPaddingRight:i.sp4,navBarPaddingLeft:i.sp4,balanceContainerWidth:114,sourceContainerWidth:400},Me=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-  gap: ${i.sp5};
-`,Ye=o.div`
-  display: flex;
-  flex: 0 0 auto;
-  width: ${i.sp4};
-`,Oe=o.div`
-  min-height: ${m.navBarHeight};
-  position: sticky;
-  background-color: ${e=>e.theme.colors.grey4};
-  border-bottom: 1px solid transparent;
-  z-index: 2;
-  top: ${i.sp0};
-  width: 100%;
-`,Be=o(ve)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${i.sp4};
-  height: ${i.sp4};
-  min-height: ${i.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  flex: 0 0 auto;
-`,We=o.div`
-  padding-left: ${m.containerPaddingLeft};
-  padding-right: ${m.containerPaddingRight};
-`,Ae=o.div`
-  position: relative;
-  min-height: 62px;
-`,Ne=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  padding-right: ${m.navBarPaddingRight};
-  padding-left: ${m.navBarPaddingLeft};
-  height: 100%;
-`,ze=o(ke)`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: center;
-  flex-direction: column;
-`,He=o(X)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,ie=o(Z)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,qe=o.div`
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  align-items: center;
-`,Ve=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp5};
-`,Je=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp2};
-  padding: ${i.sp3};
-  background-color: ${e=>e.theme.colors.background};
-  border-radius: ${i.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Qe=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: ${m.balanceContainerWidth}px;
-`,W=o(Z)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: flex-end;
-`,Ke=o(l)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,Xe=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: ${m.balanceContainerWidth}px;
-`,Ze=o(l)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-start;
-`,Ge=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: ${i.sp1};
-`,et=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: ${m.balanceContainerWidth}px;
-`,tt=o(l)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey3};
-  align-items: center;
-  justify-content: flex-start;
-`,nt=o(l)`
-  height: ${i.sp4};
-  border-radius: ${i.sp1};
-  color: ${e=>e.textColor.hex()};
-  text-align: right;
-`,ot=o(l)`
-  border-radius: ${i.sp1};
-  padding: ${i.sp0} ${i.sp1};
-  justify-content: center;
-  text-align: center;
-  color: ${e=>e.textColor.hex()};
-  background-color: ${e=>e.bgColor.hex()};
-`,it=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${i.sp1};
-`,ct=o(l)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-`,at=o(Re)`
-  margin-left: 2px;
-  width: 12px;
-  height: 12px;
-  color: ${e=>e.theme.colors.primary};
-`,st=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: ${m.sourceContainerWidth}px;
-  gap: ${i.sp2};
-`,rt=o(X)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  padding-bottom: ${i.sp2};
-`,lt=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: ${i.sp2};
-  width: 100%;
-`,b=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${i.sp2};
-  width: 100%;
-`,I=o(l)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  justify-content: flex-end;
-`,F=o(l)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${i.sp1};
-`,j=o(l)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${i.sp1};
-`,A=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${i.sp1};
-`,dt=o(De)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${ne.success};
-`,ce=o(ee)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,ae=o(te)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,ut=o(ee)`
-  margin-top: 2px;
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,pt=o(te)`
-  margin-top: 2px;
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,ht=o(l)`
-  display: flex;
-  color: ${ne.success};
-  align-items: center;
-  justify-content: flex-end;
-`,mt=o(l)`
-  text-align: right;
-  color: ${e=>e.status==="connected"?e.theme.colors.success:e.status==="reconnect"?e.theme.colors.important:e.theme.colors.link};
-  cursor: pointer;
-  text-decoration: underline;
-`,{common:p,dateFormat:Q,expenseAutomation:{accountRecon:c}}=je.getLocalizedStrings(),xt=(e,n)=>`${e}.${n}`,ft="accountReconDrawerDetailsPage",se="accountReconDrawerDetailsSection";function Mt({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:T,onDeleteFile:R,onEditFileName:_,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:L}){const x=xe({mode:"all",reValidateMode:"onChange",defaultValues:K(e),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:K(e)}),k=x.handleSubmit(()=>{}),[h,g]=r.useState(void 0),v=n.link_account_no_microdeposit,C=n.update_account,s=h==="update_account"?C:v,[y,M]=r.useState(s.linkToken??null),[a,w]=r.useState(!1),[N,Y]=r.useState(!1),[O,B]=r.useState(void 0),[re,z]=r.useState(void 0),le=r.useCallback(()=>{g("link_account_no_microdeposit")},[]),de=r.useCallback(()=>{g("update_account"),E("update_account",e.paymentAccountId)},[e.paymentAccountId]),ue={onOkClick:()=>{O!=null&&(R(O),B(void 0)),z(void 0),Y(!1)},onCancelClick:()=>{B(void 0),Y(!1)}},H=r.useRef(h);r.useEffect(()=>{H.current=h},[h]);const pe=r.useCallback(D=>{P(D,e.accountReconEntity.account.accountId,H.current),g(void 0),w(!1)},[P,e.accountReconEntity.account.accountId]),he=r.useCallback((D,me)=>{D!=null&&console.log("Plaid Connection Error",D,me),g(void 0),w(!1)},[]),{open:q,ready:V}=fe({token:y,onSuccess:pe,onExit:he});return r.useEffect(()=>{(oe(new Date().toISOString()).isAfter(s.expiration)||s.linkToken==null)&&s.fetchStatus.fetchState==="Not-Started"&&E("link_account_no_microdeposit")},[s.fetchStatus.fetchState]),r.useEffect(()=>{!a&&h!=null&&s.linkToken===y&&s.fetchStatus.fetchState==="Completed"&&V&&w(!0)},[V,y,s.fetchStatus.fetchState,s.linkToken,h,a]),r.useEffect(()=>{s.fetchStatus.fetchState==="Completed"&&s.linkToken!=null&&s.linkToken!==y&&M(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&q()},[a,q]),t.jsxs(Me,{children:[t.jsx(Oe,{children:t.jsx(Ae,{children:t.jsxs(Ne,{children:[t.jsx(Ye,{}),t.jsxs(ze,{children:[t.jsx(He,{children:e.accountReconEntity.account.accountName}),t.jsx(ie,{children:t.jsx(vt,{monthYearPeriod:d})})]}),t.jsx(qe,{children:t.jsx(Be,{onClick:$})})]})})}),t.jsxs(We,{children:[t.jsx(ge,{...x,children:t.jsx("form",{style:{width:"100%"},id:ft,onSubmit:k,children:t.jsx(gt,{monthYearPeriod:d,accountReconciliation:e,filesEndPoint:f,openFilePicker:u,authParams:S,onConnectClick:le,onReconnectClick:de,onSelectSourceType:T,onDeleteFile:R,onEditFileName:_,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:L,showConfirmationPopup:N,setShowConfirmationPopup:Y,deleteFileId:O,setDeleteFileId:B,uploadErrorMessage:re,setUploadErrorMessage:z})})}),N===!0||e.statementDeleteStatus.fetchState==="In-Progress"?t.jsx(ye,{titleComponent:t.jsx($e,{children:c.reconciliation.drawer.deleteConfirmation.heading}),descriptionComponent:t.jsx(Se,{children:c.reconciliation.drawer.deleteConfirmation.description}),isLoading:e.statementDeleteStatus.fetchState==="In-Progress",primaryButtonText:p.confirm,secondaryButtonText:p.cancel,action:ue}):null]})]})}const gt=({monthYearPeriod:e,accountReconciliation:n,filesEndPoint:d,authParams:u,openFilePicker:f,onConnectClick:S,onReconnectClick:$,setDeleteFileId:E,setShowConfirmationPopup:P,onEditFileName:T,onSelectSourceType:R,onStatementUploadSuccess:_,onUploadWindowOpenedOnce:U,uploadErrorMessage:L,setUploadErrorMessage:x})=>{const[k,h]=r.useState(!1),g=(n.localData?.accountSource??"plaid")==="plaid"?n.accountReconEntity.reconciliationId!=null?n.accountReconEntity.reconUpdatedAt:n.accountReconEntity.accountUpdatedAt:n.accountReconEntity.reconUpdatedAt,v=[];n.accountReconEntity.account.accountType==="bank"&&v.push({label:c.reconciliation.menu.bankConnection,value:"plaid"}),v.push({label:c.reconciliation.menu.statement,value:"bank_statement"});const C=n.localData?.accountSource,s=n.accountConnectionStatus==="connected"||n.connectionInProgress===!0?"plaid":n.accountReconEntity.statementStatus?.code==="uploaded"||n.statementParseInProgress===!0||k?"bank_statement":void 0;r.useEffect(()=>{n.accountReconEntity.statementStatus.code==="uploaded"&&(n.accountReconEntity.statementDataStatus?.code==="validation_failed"||n.accountReconEntity.statementDataStatus?.code==="parsing_failed"||n.accountReconEntity.statementDataStatus?.code==="processing_failed")&&x(Te(n.accountReconEntity.statementDataStatus?.code,"drawer",n.accountReconEntity.errorMessage?.errorShort))},[n.accountReconEntity.statementStatus.code,n.accountReconEntity.statementDataStatus?.code,n.accountReconEntity.errorMessage?.errorShort,x]);const y=["reconciled","in_progress","reconciled_via_qbo"],M=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(Ve,{children:[t.jsxs(Je,{children:[t.jsxs(Qe,{children:[t.jsx(W,{children:c.reconciliation.headers.bankBalance}),t.jsx(Ke,{children:t.jsx(_e,{bankBalance:n.accountReconEntity.balance,bankConnection:n.accountConnectionStatus,isLoading:!1,fromDrawer:!0,accountId:n.accountReconEntity.account.accountId,statementStatus:n.accountReconEntity.statementStatus.code,onStatementAddClicked:()=>{},setIsHovering:()=>{}})})]}),t.jsxs(Xe,{children:[t.jsx(W,{children:c.reconciliation.headers.clearedBalance}),t.jsx(Ze,{children:t.jsx(Ue,{clearedBalance:n.accountReconEntity.clearedBalance,isLoading:!1})})]}),t.jsxs(et,{children:[t.jsx(W,{children:c.reconciliation.headers.variance}),t.jsx(tt,{children:t.jsx($t,{variance:n.accountReconEntity.variance,variancePercentage:n.accountReconEntity.variancePercentage})})]})]}),t.jsxs(st,{children:[t.jsxs(rt,{children:[" ",c.reconciliation.drawer.source," "]}),t.jsxs(lt,{children:[t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.type}),t.jsx(F,{children:s!=null?t.jsx(j,{children:s==="plaid"&&n.accountReconEntity.account.accountType==="bank"?t.jsxs(t.Fragment,{children:[t.jsx(ce,{}),c.reconciliation.menu.bankConnection]}):t.jsxs(t.Fragment,{children:[t.jsx(ae,{}),c.reconciliation.menu.statement]})}):t.jsx(Ce,{controller:!0,children:t.jsx(we,{moreIconType:"custom",customIcon:t.jsx(yt,{selectedSourceType:C}),options:v,customStyleConfig:{option:()=>({".option-container":{justifyContent:"flex-start"}}),valueContainer:()=>({height:i.sp5,width:"180px"})},menuPlacement:"bottom",onOptionSelection:a=>{R(Ie(a))},valueToIcon:a=>a==="plaid"?t.jsx(ut,{}):a==="bank_statement"?t.jsx(pt,{}):null})})})]}),C==="bank_statement"?t.jsx(b,{children:t.jsx(be,{name:xt(se,"file"),file:n.accountReconEntity.statementMetaData?.file,showPhotoPicker:!1,isDisabled:M,sizeLimit:1e7,onFileSizeError:a=>{a&&x(p.fileElementPicker.sizeLimit)},deleteFileStatusById:{},updateFileStatusById:{},filesEndPoint:d,authParams:u,acceptableTypes:["application/pdf"],placeholderText:c.reconciliation.drawer.downloadPlaceholder,autoOpenFilePicker:f,accountStatementUpload:{uploadHelper:Fe,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:L,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{_(a),h(!1)},onUploadStart:()=>{h(!0),x(void 0)},onUploadWindowOpenedOnce:()=>{U()}},onDeleteFile:a=>{E(a),P(!0)},onEditFileName:(a,w)=>{T(a,w)}})}):null,t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.status}),t.jsx(F,{children:C!=="bank_statement"?t.jsx(jt,{status:n.accountConnectionStatus,connectionInProgress:n.connectionInProgress,onConnectClick:S,onReconnectClick:$}):t.jsx(St,{uploadInProgress:k,status:n.accountReconEntity.statementDataStatus?.code})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.accountType}),t.jsx(F,{children:t.jsx(kt,{accountSubType:J(n.accountReconEntity.account.accountSubType??"")})})]}),t.jsxs(b,{children:[t.jsx(I,{children:c.reconciliation.drawer.labels.lastUpdated}),t.jsx(F,{children:t.jsx(G,{isLoading:k,customStyle:{height:"20px",width:"100px"},position:"left",children:g!=null?t.jsx(j,{children:J(g.utc(!0).fromNow())}):p.strings.hyphen})})]})]})]})]})},yt=({selectedSourceType:e})=>t.jsxs(it,{children:[e==null||e==="plaid"?t.jsx(ce,{}):t.jsx(ae,{}),t.jsx(ct,{children:e==null||e==="plaid"?c.reconciliation.menu.bankConnection:c.reconciliation.menu.statement}),t.jsx(at,{})]}),jt=({status:e,connectionInProgress:n,onConnectClick:d,onReconnectClick:u})=>n?t.jsx(A,{children:c.reconciliation.drawer.values.connecting}):e==="connected"?t.jsxs(A,{children:[t.jsx(dt,{}),t.jsx(ht,{children:c.reconciliation.drawer.values.connected})]}):t.jsx(A,{onClick:e==="reconnect"?u:d,children:t.jsx(mt,{status:e,children:e==="reconnect"?c.reconciliation.drawer.values.reconnect:c.reconciliation.drawer.values.connect})}),St=({status:e,uploadInProgress:n})=>n?t.jsx(G,{isLoading:n,customStyle:{height:"20px",width:"100px"},position:"left",children:t.jsx(t.Fragment,{})}):e==null?t.jsx(j,{children:p.strings.hyphen}):e==="parsing"?t.jsx(j,{children:c.reconciliation.drawer.values.statementParsing}):e==="validated"?t.jsx(j,{children:c.reconciliation.drawer.values.uploaded}):t.jsx(j,{children:p.strings.hyphen}),$t=({variance:e,variancePercentage:n,reconciliationStatusCode:d})=>{const u=Ee(),{varianceColor:f,variancePercentageColor:S,variancePercentageContainerColor:$}=Le(u,e,d,!0);return t.jsxs(Ge,{children:[t.jsx(nt,{textColor:f,children:Pe("0,0",e)??p.strings.hyphen}),t.jsxs(ot,{textColor:S,bgColor:$,children:[n!=null?n===0?"0":n.toFixed(2):null,n!=null?p.strings.percentage:null]})]})},kt=({accountSubType:e})=>{const n=e!=null?e.replace("_"," "):p.strings.hyphen;return t.jsx(j,{children:n})},vt=({monthYearPeriod:e})=>t.jsx(ie,{children:Ct(e)}),Ct=e=>{const{month:n,year:d}=e,u=oe(`${d}-${String(n).padStart(2,"0")}-01`);let f=u.endOf("month");return`${u.format(Q.visual.DMMMYYYYFormat)} ${p.strings.hyphen} ${f.format(Q.visual.DMMMYYYYFormat)}`},K=e=>({[se]:{file:e.accountReconEntity.statementMetaData?.file,selectedType:e.localData?.accountSource}});export{Mt as default,xt as uniqueName};