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

package/dist/assets/AccountInfoPage-w0STaK9a-BfMIBiEJ.js

@@ -0,0 +1,18 @@
+import{e as f,Q as y,V as t,gH as $,o as n,y as a,ht as P,u as e}from"./index-XNBiWrYj.js";import{a as z}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{K as A}from"./StatusSwitcher-DlBY_FC1-C1Bsm00T.js";import{r as S}from"./AccountInfoPageContent-CsuUhHXU-DgiU-I5H.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-CCUPfpyu-Cq1M0ik1.js";import"./commonDimensions-znFHURNY-BydE4i8M.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])},q=({authParams:i,downloadAccountDetailEndPoint:l,depositAccount:s,zeniAccountsConfigDetail:m,currentTenant:p,onDismissClick:g})=>{const u=f(),d=y(),[c,h]=z.useState("achDetails"),w=x=>{h(x)};return t.jsxs(v,{children:[t.jsx($,{title:"",backgroundColor:u.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:g}),t.jsx(D,{windowSize:d,children:s.accountName}),t.jsx(T,{children:t.jsx(A,{tabIds:["achDetails","wireDetails"],selectedTab:c,entity:"zeni_accounts",onTabSelectedChange:w,isSwitcherLeftAlign:!0})}),t.jsx(j,{windowSize:d,children:t.jsx(S,{authParams:i,downloadAccountDetailEndPoint:l,currentTab:c,zeniAccountsConfigDetail:m,currentTenant:p,depositAccount:s})})]})},j=o.div`
+  padding-left: ${i=>`${r.containerPaddingLeft.valuePx(i.windowSize)}`};
+  padding-right: ${i=>`${r.containerPaddingRight.valuePx(i.windowSize)}`};
+`,v=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${i=>i.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,D=o(P)`
+  color: ${i=>i.theme.colors.primary};
+  padding: ${n.sp3} ${n.sp0};
+  margin: ${i=>`${n.sp0} ${r.pageTitleMarginXAxis.valuePx(i.windowSize)} `};
+`,T=o.div`
+  display: flex;
+  justify-content: flex-start;
+`;export{q as default};

package/dist/assets/AccountInfoPageContent-CsuUhHXU-DgiU-I5H.js

@@ -0,0 +1,149 @@
+import{Q as we,gQ as Ae,hu as G,V as r,F as Se,bQ as C,A as Te,aK as z,o as a,b5 as ve,c0 as De,p as E,ag as ee,s as Ce,gS as ze,ak as re}from"./index-XNBiWrYj.js";import{a as s}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{w as Le}from"./downloadPdf-CCUPfpyu-Cq1M0ik1.js";import{o as _e}from"./commonDimensions-znFHURNY-BydE4i8M.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(),[,R]=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,I]=s.useState(!1),[N,P]=s.useState(!1),[j,Q]=s.useState(!1),[w,V]=s.useState(!1),[A,q]=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(()=>{I(!1),F(!1),J(!1),O(!1),q(!1),V(!1),Q(!1),P(!1)},1200)},[p,S,T,$,A,w,j,N]);const U=(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}`,R(c),I(!0)},i=(h,c,x,B)=>{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":q(!0);break;case"beneficiaryName":P(!0);break;case"beneficiaryAddress":V(!0);break;case"bankAddress":Q(!0);break}};return r.jsxs(qe,{onMouseEnter:()=>U(x,!0),onMouseLeave:()=>U(x,!1),children:[r.jsx(Fe,{children:h}),r.jsx(Oe,{children:r.jsxs(Ue,{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:()=>{R(c),je()}})})}):null,c]}),B!=null?r.jsx(Be,{children:B}):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(Me,{children:r.jsxs(Re,{children:[r.jsxs(Ie,{children:[r.jsx(Qe,{children:f==="achDetails"?H.achTitle:H.wireTitle}),r.jsxs(Pe,{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(Ve,{"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]})})},Me=t.div``,Re=t.div`
+  margin: ${a.sp4};
+  margin-left: ${a.sp0};
+`,Ie=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${a.sp3};
+`,Pe=t.div`
+  display: flex;
+  gap: ${a.sp4};
+`,Qe=t(ve)`
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${a.sp2};
+`,Ve=t(De)`
+  height: ${a.sp3};
+  width: ${a.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,M=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(M)`
+  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(M)`
+  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};
+`,qe=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;
+`,Ue=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Be=t(ee)`
+  color: ${e=>e.theme.colors.grey1};
+  text-align: end;
+`,_=t(ee)`
+  color: ${e=>e.isTextCopied?E.primaryDark:E.neutralGrey1Light};
+`,u=t(M)`
+  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-iYb31wv7-CEyp2zKM.js

@@ -0,0 +1,59 @@
+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-XNBiWrYj.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-DmkLTIkW-DxChexc_.js

@@ -0,0 +1,239 @@
+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,_ 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,s as De}from"./index-XNBiWrYj.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 _e}from"./zeni-epic-state-LPACxnXP.js";import{E as Te,C as Fe,w as Ue,f as Me}from"./AccountRow-BObEIy6l-CsCw-i7a.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},Le=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;
+`,Ve=o.div`
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: center;
+  align-items: center;
+`,qe=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;
+`,_=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 Lt({accountReconciliation:e,plaidConnectionDetails:n,monthYearPeriod:d,openFilePicker:u,filesEndPoint:f,authParams:S,onDismissClick:$,onFetchLinkTokenClick:E,onEstablishConnectionClick:P,onSelectSourceType:T,onDeleteFile:R,onEditFileName:F,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M}){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,L]=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:V,ready:q}=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"&&q&&w(!0)},[q,y,s.fetchStatus.fetchState,s.linkToken,h,a]),r.useEffect(()=>{s.fetchStatus.fetchState==="Completed"&&s.linkToken!=null&&s.linkToken!==y&&L(s.linkToken)},[s.fetchStatus.fetchState,s.linkToken,y]),r.useEffect(()=>{a&&V()},[a,V]),t.jsxs(Le,{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(Ve,{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:F,onStatementUploadSuccess:U,onUploadWindowOpenedOnce:M,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:F,onUploadWindowOpenedOnce:U,uploadErrorMessage:M,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"],L=n.accountReconEntity.reconciliationStatus!=null&&y.includes(n.accountReconEntity.reconciliationStatus.code);return t.jsxs(qe,{children:[t.jsxs(Je,{children:[t.jsxs(Qe,{children:[t.jsx(W,{children:c.reconciliation.headers.bankBalance}),t.jsx(Ke,{children:t.jsx(Fe,{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(_,{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:L,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:_e,metadataPayload:{accountId:n.accountReconEntity.account.accountId,monthYearPeriod:e},errorMessage:M,onUploadError:a=>{x(a?.message)},onUploadSuccess:a=>{F(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(_,{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(_,{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(_,{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:$}=Me(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{Lt as default,xt as uniqueName};