@zeniai/web-cockpit-ui 1.15.56-qa → 1.15.57-dev

package/dist/assets/ZeniAccountListViewPage-CXVzZ4jo-OfYDDT9h.js

@@ -0,0 +1,443 @@
+import{J as V,ay as W,y as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as t,ct as H,p as s,ae as ot,o as n,eu as it,ez as rt,cu as ge,cv as xe,hF as st,aQ as G,bX as Ie,bE as at,w as _,gN as ct,O as ce,as as lt,an as dt,n as pt,c3 as ut,bM as Be,ak as P,hG as mt,cg as ht,fn as O,ac as U,x as S,ao as le,gR as gt,a9 as xt,hH as wt,dx as $t,hI as yt,h5 as ft,d3 as kt,cl as bt,gc as Ct,h9 as jt,gz as At,u as g,dR as zt,fQ as vt,hJ as St,a as Lt,b as Tt,M as Pt,ap as It,h6 as Bt,bQ as Mt,aV as _t}from"./index-CQD_nutl.js";import{a as c}from"./sentry-B9mdFwQp.js";import{n as o}from"./mui-Dk05P7Hv.js";import{a as Dt}from"./liveblocks-CtZCL_Pz.js";import{GN as Et}from"./zeni-epic-state-ksdE_TIc.js";import{r as Nt}from"./auto-transfer-rule-mbafm5D3-BYUDU2ca.js";import{o as Ft}from"./shield-DOlUxcFf-DFrS0m-m.js";import{J as Rt}from"./ZeniAccountNavBarPieces-DymlaQkB-raQlgOHA.js";import{v as Gt}from"./ZeniTransferAmountSlider-DMsck2bu-DCLTW9RT.js";import"./core-D_TfeHIh.js";import"./lottie-CVJxkEeH.js";import"./recharts-CgI_z3-h.js";import"./analytics-C31yhYYa.js";import"./lexical-CBxUxgf7.js";import"./utils-DZ3Subia.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="773ed24a-4c67-49cd-993b-bad43a3aa053",e._sentryDebugIdIdentifier="sentry-dbid-773ed24a-4c67-49cd-993b-bad43a3aa053")}catch{}})();const Ot=e=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M23.0041 11.8483C23.0373 14.1699 22.335 16.4424 20.9979 18.3405C19.6607 20.2386 17.7572 21.665 15.5599 22.4153C13.3627 23.1656 10.9844 23.2014 8.76551 22.5175C6.54667 21.8337 4.60111 20.4653 3.20741 18.6083C1.81371 16.7513 1.04335 14.5009 1.00664 12.1794C0.969926 9.85784 1.66875 7.58422 3.00303 5.68407C4.33732 3.78392 6.23864 2.3547 8.43475 1.60106C10.6309 0.84741 13.0091 0.807991 15.229 1.48844",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{d:"M7.17736 14.8498L12.3225 8.44116C12.431 8.30616 12.5835 8.21419 12.7532 8.1815C12.9228 8.14882 13.0985 8.17753 13.2493 8.26255L16.2512 9.95329C16.4047 10.0398 16.5839 10.0678 16.7561 10.0324C16.9283 9.99691 17.0819 9.90029 17.1889 9.76018L21.3745 4.27979",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{d:"M18.4739 4.60986L21.3623 4.13001L21.845 7.03577",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:{treasury:{promoBanner:w,promoPage:we}}}=ce.getLocalizedStrings(),Ut=({yieldPercentage:e=4.35,insuredAmount:i=5e5,onGetStartedClick:u,style:m})=>{const r=V(),k=(a,z)=>Object.entries(z).reduce((L,[I,j])=>L.replace(new RegExp(`__${I}__`,"g"),j),a),$=a=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(a)}`,C=`${e}%`,A=$(i),y=[{icon:t.jsx(Xt,{}),title:k(w.features.yield,{yieldPercentage:C}),id:"yield"},{icon:t.jsx(Ht,{}),title:k(w.features.insured,{insuredAmount:A}),id:"insured"},{icon:t.jsx(en,{}),title:w.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(tn,{}),title:w.features.automation,id:"automation"}];return t.jsxs(Vt,{style:m,children:[t.jsx(Wt,{}),r!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx(Yt,{}),t.jsx(Jt,{})]}),t.jsx(Zt,{windowSize:r,children:r==="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qt,{children:[t.jsx($e,{windowSize:r,children:t.jsx(ye,{windowSize:r})}),t.jsx(fe,{children:w.title})]}),t.jsx(ke,{windowSize:r,children:y.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Qt,{children:t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}):t.jsxs(t.Fragment,{children:[t.jsx($e,{windowSize:r,children:t.jsx(ye,{windowSize:r})}),t.jsxs(Kt,{windowSize:r,children:[t.jsx(fe,{children:w.title}),t.jsx(ke,{windowSize:r,children:y.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}),t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},Vt=o.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: ${s.neutralGrey5Light};
+  border: 1px solid ${s.brandColorGold};
+  border-radius: ${n.sp2};
+  overflow: hidden;
+  width: 100%;
+`,Wt=o.div`
+  position: absolute;
+  top: ${n.sp0};
+  left: ${n.sp0};
+  right: ${n.sp0};
+  bottom: ${n.sp0};
+  background: ${s.brandColorGold};
+  opacity: 0.2;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: ${n.sp0};
+    left: ${n.sp0};
+    right: ${n.sp0};
+    bottom: ${n.sp0};
+    background: ${s.brandColorGoldDark};
+    opacity: 0.45;
+    background-image: repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent ${n.sp2},
+      rgba(199, 116, 25, 0.1) ${n.sp2},
+      rgba(199, 116, 25, 0.1) ${n.sp3}
+    );
+  }
+`,Yt=o.div`
+  position: absolute;
+  top: ${n.sp0};
+  right: ${n.sp0};
+  width: 200px;
+  height: 150px;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+  background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-promo-right-pattern.png");
+  background-repeat: no-repeat;
+  background-position: top right;
+  background-size: contain;
+`,Jt=o.div`
+  position: absolute;
+  bottom: -${n.sp1};
+  left: -${n.sp1};
+  width: 150px;
+  height: 100px;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+  background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-promo-left-pattern.png");
+  background-repeat: no-repeat;
+  background-position: bottom left;
+  background-size: contain;
+`,Zt=o.div`
+  position: relative;
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"stretch":"center"};
+  gap: ${e=>e.windowSize==="small"?n.sp2:"12px"};
+  padding: ${e=>e.windowSize==="small"?n.sp3:`${n.sp3} ${n.sp4}`};
+  z-index: 1;
+`,$e=o.div`
+  display: flex;
+  align-self: flex-start;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  flex-shrink: 0;
+`,qt=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+`,Qt=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: ${n.sp2};
+  margin-left: ${n.sp7};
+`,ye=o(vt)`
+  width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  color: ${s.brandColorGoldDark};
+
+  & path {
+    stroke: ${s.brandColorGoldDark};
+    stroke-width: 1px;
+  }
+`,Kt=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp1};
+  flex: 1;
+`,fe=o(St)`
+  color: ${s.brandColorGoldDark};
+  margin-bottom: ${n.sp1};
+`,ke=o.div`
+  display: ${e=>e.windowSize==="small"?"flex":"grid"};
+  ${e=>e.windowSize==="small"?`
+      flex-direction: column;
+      gap: ${n.sp2};
+      margin-left: ${n.sp7};
+    `:`
+      grid-template-columns: 1fr 1fr;
+      gap: ${n.sp1};
+    `}
+`,be=o.div`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${n.sp1};
+`,Ce=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,je=o(P)`
+  color: ${s.primaryLight};
+`,Ae=o.span`
+  color: ${s.primaryLight};
+`,ze=o.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`,ve=o(Lt)`
+  background: ${s.brandColorGoldDark};
+  border-color: ${s.brandColorGoldDark};
+  color: ${s.neutralGrey5Light};
+  :hover {
+    background: ${s.brandColorGoldDark};
+    border-color: ${s.brandColorGoldDark};
+    color: ${s.neutralGrey5Light};
+  }
+`,Se=o.div`
+  position: relative;
+  margin-top: ${e=>e.windowSize==="small"?n.sp2:"0"};
+  padding: ${e=>e.windowSize==="small"?`0 ${n.sp2}`:"0"};
+`,Le=o(le)`
+  color: ${s.heroLight};
+  white-space: pre-line;
+  text-align: ${e=>e.windowSize==="small"?"center":"left"};
+`,Te=o.a`
+  color: ${s.heroLight};
+  text-decoration: underline;
+  text-decoration-color: ${s.neutralGrey2Light};
+  cursor: pointer;
+
+  &:hover {
+    color: ${s.primaryLight};
+    text-decoration-color: ${s.primaryLight};
+  }
+`,Xt=o(Ot)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${s.brandColorGoldDark};
+
+  & path {
+    stroke: currentColor;
+  }
+`,Ht=o(Ft)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${s.brandColorGoldDark};
+`,en=o(zt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${s.brandColorGoldDark};
+`,tn=o(Nt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${s.brandColorGoldDark};
+`,nn=e=>c.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M1.50005 3.41819V11.3868C1.49582 13.9724 2.27853 16.4989 3.74542 18.6344C5.2123 20.77 7.29478 22.4147 9.71941 23.3528L10.8398 23.7848C11.5863 24.0717 12.4137 24.0717 13.1602 23.7848L14.2806 23.3528C16.7052 22.4147 18.7877 20.77 20.2546 18.6344C21.7215 16.4989 22.5042 13.9724 22.4999 11.3868V3.41819C22.5025 3.11029 22.4157 2.80819 22.2499 2.54802C22.0842 2.28785 21.8466 2.08063 21.5655 1.95114C18.5518 0.635546 15.2915 -0.0291648 12 0.000981362C8.70855 -0.0291648 5.44817 0.635546 2.43455 1.95114C2.15343 2.08063 1.91579 2.28785 1.75007 2.54802C1.58435 2.80819 1.49755 3.11029 1.50005 3.41819Z",fill:"#36B37E"}),c.createElement("path",{d:"M16.5194 8.42881L11.3671 13.3387C11.3022 13.4007 11.2254 13.4489 11.1414 13.4802C11.0573 13.5116 10.9677 13.5256 10.8781 13.5212C10.7897 13.517 10.703 13.4951 10.6232 13.4568C10.5434 13.4185 10.4721 13.3646 10.4135 13.2982L8.06814 10.6339",stroke:"#FAFAFA",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),f={bankAccListBottomMargin:new S(g[7],g[6]),containerWidth:new S(96,67),containerTopMargin:new S(g[4],g[6]),BankAccListTopMargin:new S(g[4],g[8]),containerSidePadding:new S(g[3],g[0]),accountRowTopBottomPadding:new S(g[3],g[4]),accountRowBottomMargin:new S(g[3],g[5]),totalInsuredAndYieldContainerTopMargin:new S(g[3],g[0])},on={bankAccountName:new Tt("standardRegular","largeMedium")},x=ce.getLocalizedStrings(),{common:{strings:{empty:ee}},collaboration:{commentOnField:rn}}=x,sn=o.div`
+  position: relative;
+`,te=e=>t.jsx(fn,{children:e}),an=({depositAccount:e,index:i,isAccountAnalyst:u,windowSize:m,getAccIconByType:r,onAddFundBtnClick:k,isCheckingCommentingEnabled:$=!1,isCheckingThreadsLoading:C=!1,unresolvedCheckingThreadsCount:A=0,onZeniAccountRowClick:y})=>{const a=W(),z=gt(),L=xt().analytics,I=c.useCallback(j=>{j.stopPropagation();const v=`dashboard_${a.currentTenant?.companyId}`;z?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:v,companyId:a.currentTenant?.companyId??ee,companyName:a.currentTenant?.companyName??ee,entityId:e.id,entityType:wt({tab:"checking",key:"details"}),groupId:e.id,accountName:e.accountName}),L.trackCommentActivity("checking","clicked",a.currentTenant?.companyName??ee,a.controllersList.controllers.map(b=>$t(b)),void 0,void 0,rn)},[L,z?.sharedFunctions?.subtreeFunctions,e.accountName,e.id,a.controllersList.controllers,a.currentTenant?.companyId,a.currentTenant?.companyName]);return t.jsxs(sn,{children:[t.jsxs(vn,{isClickEnabled:!0,windowSize:m,onClick:()=>y?.(e.id,e.accountName),"data-testid":U("deposit-account-clicked",e.id),children:[t.jsxs(jn,{children:[r(i),t.jsxs(Sn,{children:[t.jsx(Ln,{windowSize:m,children:e.accountName}),t.jsxs(Tn,{windowSize:m,children:[t.jsx(gn,{children:t.jsx(Pn,{children:e.maskedAccountNumber})}),t.jsxs(xn,{children:[m==="small"?null:t.jsx(In,{}),t.jsx(Bn,{windowSize:m,children:x.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),t.jsxs(Mn,{children:[t.jsx(O,{amount:e.accountBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),u?null:t.jsx(un,{onClick:j=>{j.stopPropagation(),k(e)},"data-testid":U("add-fund",e.id),children:t.jsx(mn,{children:x.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]}),$&&A>0?t.jsx(yt,{isLoading:C,count:A,style:{position:"absolute",float:"right",right:"-12px",top:n.sp1},openThread:I}):null]})},cn=({fetchState:e,onReloadTransactions:i})=>e==="Error"?t.jsxs(Nn,{children:[t.jsx(Fn,{onClick:i,"data-testid":U("zeni-account-list-reload"),children:t.jsx(Rn,{})}),t.jsx(Gn,{children:x.peoplePage.reloadPage.label})]}):t.jsx(Ct,{fetchState:e,styles:{margin:"auto"}}),ln=({zeniAccountListView:e,zeniAccountsConfigDetail:i,maxInsuredAmountString:u,analytics:m,onZeniAccountRowClick:r,onReloadTransactions:k,handleAddInternalAccountClick:$,onAddFundClick:C,onTreasuryGetStartedClick:A,treasuryYieldPercentage:y,treasuryInsuredAmount:a,showTreasuryPromo:z,isCheckingCommentingEnabled:L=!1})=>{const{depositAccountsSelectorView:I,fetchState:j,summary:v}=e,b=V(),B=W(),Y=c.useMemo(()=>({application:"dashboard",companyId:B.currentTenant?.companyId,tab:"checking",isGlobalComment:!1}),[B.currentTenant?.companyId]),{threads:M,isLoading:R}=mt(Y,"both",!1),E=c.useMemo(()=>{const l=new Map;for(const h of M){if(h.resolved!==!1)continue;const T=h.metadata.groupId;T==null||T===""||l.set(T,(l.get(T)??0)+1)}return l},[M]),J=B.loggedInUserRoleMap.deposit_accounts_user===!0||Et(B.loggedInUserRoleMap),Z=l=>{m.trackAccountsListPageClicked("Add Funds",l.accountName,"active"),C("transfer",l)},N=l=>{switch(l){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"290px";default:return"320px"}},D=l=>{let h=t.jsx(t.Fragment,{});switch(l){case"insuredBalance":h=t.jsx(oe,{style:{width:"300px"},children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",u)});break;case"totalInterest":h=t.jsx(oe,{children:x.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":h=t.jsxs(oe,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[t.jsx(Yn,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.current)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.hold)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.available)})]})]});break}return t.jsx(Un,{children:t.jsx(Ie,{style:{textAlign:"left",padding:n.sp1},maxWidth:N(l),display:"flex",placement:b==="small"?"bottom":"top",title:h,children:l==="insuredBalance"?t.jsx(Wn,{}):t.jsx(Vn,{})})})},q=l=>t.jsx($n,{color:ft(l)});return ht({componentName:"checking.list",enabled:j==="Completed"}),t.jsx(dn,{children:j==="Completed"?t.jsxs(On,{windowSize:b,children:[t.jsxs(hn,{windowSize:b,children:[t.jsxs(yn,{windowSize:b,children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),D("totalBalance")]}),t.jsx(O,{amount:v?.totalBalance.available})]}),t.jsxs(pn,{windowSize:b,children:[t.jsxs(An,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.insuredFund),D("insuredBalance")]}),t.jsx(O,{amount:v?.insuredBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsx(Cn,{children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",u)})]}),t.jsxs(zn,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.common.totalYieldEarned),D("totalInterest")]}),t.jsx(O,{amount:v?.totalInterest.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsxs(kn,{children:[x.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(bn,{children:i.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),z===!0&&t.jsx(Jn,{windowSize:b,children:t.jsx(Ut,{yieldPercentage:y,insuredAmount:a,onGetStartedClick:()=>{m.trackAccountsListPageClicked("Move Money"),A?.()}})}),t.jsxs(wn,{windowSize:b,children:[I.depositAccounts.map((l,h)=>t.jsx(an,{depositAccount:l,index:h,isAccountAnalyst:J,windowSize:b,getAccIconByType:q,onAddFundBtnClick:Z,isCheckingCommentingEnabled:L,unresolvedCheckingThreadsCount:E.get(l.id)??0,isCheckingThreadsLoading:R,onZeniAccountRowClick:r},l.id)),t.jsxs(_n,{onClick:$,"data-testid":U("add-new-internal-zeni-account"),children:[t.jsx(Dn,{}),t.jsx(En,{children:x.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):t.jsx(cn,{fetchState:j,onReloadTransactions:k})})},dn=o.div`
+  display: block;
+  height: 100%;
+`,pn=o.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${n.sp5};
+  margin: ${e=>`${f.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${n.sp0} ${n.sp0} ${n.sp0}`};
+`,un=o.button`
+  cursor: pointer;
+  border-radius: ${n.sp1};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: 1px 6px;
+  :hover {
+    border: 1px solid ${e=>e.theme.colors.hero};
+  }
+`,mn=o(It)`
+  color: ${e=>e.theme.colors.hero};
+`,hn=o.div`
+  margin: ${e=>f.containerTopMargin.valuePx(e.windowSize)}
+    ${n.sp0} ${n.sp0} ${n.sp0};
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  padding: ${e=>`${n.sp0} ${f.containerSidePadding.valuePx(e.windowSize)} ${n.sp0} ${f.containerSidePadding.valuePx(e.windowSize)}`};
+`,gn=o.div`
+  display: flex;
+`,xn=o.div`
+  display: flex;
+  align-items: center;
+`,wn=o.div`
+  margin: ${e=>`${f.BankAccListTopMargin.valuePx(e.windowSize)} ${n.sp0} 
+    ${f.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
+  width: 100%;
+  padding: ${e=>`${n.sp0}  ${f.containerSidePadding.valuePx(e.windowSize)}`};
+`,$n=o(Bt)`
+  min-width: ${n.sp7};
+  width: ${n.sp7};
+  height: ${n.sp7};
+  margin-right: 12px;
+`,yn=o.div`
+  ${e=>e.windowSize!=="small"?`
+        width: 50%;
+`:null}
+`,ne=o.div`
+  display: flex;
+`,fn=o(P)`
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${n.sp1};
+`,kn=o(le)`
+  color: ${e=>e.theme.colors.hero};
+`,bn=o.span`
+  margin-left: 2px;
+`,Cn=o(le)`
+  color: ${e=>e.theme.colors.hero};
+`,jn=o.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - 96px);
+`,An=o.div``,zn=o.div``,vn=o.div`
+  padding-left: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-top: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal} `};
+  border-radius: ${n.sp2};
+  margin-bottom: ${e=>f.accountRowBottomMargin.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  cursor: ${e=>e.isClickEnabled?"pointer":"default"};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
+  }
+`,Sn=o.div`
+  max-width: calc(100% - 30px);
+  width: calc(100% - 40px);
+  white-space: nowrap;
+  overflow: hidden;
+`,Ln=o(Pt)`
+  ${e=>`${on.bankAccountName.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  max-width: ${`calc(100% - ${n.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,Tn=o.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"start":"center"};
+`,Pn=o(P)`
+  margin-left: ${n.sp1};
+`,In=o.div`
+  width: ${n.sp1};
+  height: ${n.sp1};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey1};
+  margin-left: ${n.sp2};
+  margin-right: ${n.sp2};
+`,Bn=o(P)`
+  color: ${s.success};
+  border-radius: 50px;
+`,Mn=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+`,_n=o.div`
+  padding: ${n.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${n.sp4};
+  pointer-events: ${e=>e.isLoading===!0?"none":"auto"};
+  &:hover {
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,Dn=o(kt)`
+  margin-right: ${n.sp2};
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,En=o(bt)``,Nn=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Fn=o.div`
+  height: ${n.sp12};
+  width: ${n.sp12};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Rn=o(Mt)`
+  height: ${n.sp5};
+  width: ${n.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Gn=o(_t)`
+  margin-top: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,On=o.div`
+  max-width: 726px;
+  width: ${e=>f.containerWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: auto;
+`,Un=o.div`
+  display: flex;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Vn=o(Be)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Wn=o(nn)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,oe=o(P)`
+  padding: ${n.sp2} ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${n.sp1};
+`,ie=o(P)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${n.sp2};
+  display: flex;
+  justify-content: space-between;
+`,Yn=o(P)`
+  margin-bottom: ${n.sp2};
+  display: flex;
+`,re=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,se=o.div`
+  color: ${s.primaryDark};
+`,Jn=o.div`
+  margin-top: ${n.sp4};
+`,Zn=ce.getLocalizedStrings(),{common:ae,spendManagement:{zeniAccounts:p},collaboration:{threads:{placeholder:{addANewComment:qn,replyAComment:Qn},tooltip:{resolveComment:Kn,unResolveComment:Xn}}}}=Zn,Hn={drawerSectionPaddingLeftRight:new S(g[4],g[5])},eo=({roomId:e,threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,backgroundColor:k})=>{const $=V();return!u||i?.groupId==null||i.groupId===""?null:t.jsx(Dt,{id:e,children:t.jsx(to,{threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,windowSize:$,backgroundColor:k})})},to=({threadData:e,isThreadsOpen:i,onClose:u,onThreadClick:m,windowSize:r,backgroundColor:k})=>{const $=W(),C=c.useMemo(()=>({application:"dashboard",companyId:$.currentTenant?.companyId,tab:"checking",groupId:e?.groupId,isGlobalComment:!1}),[$.currentTenant?.companyId,e?.groupId]),{threads:A,isLoading:y}=jt({filter:C});return t.jsx(At,{isDrawerOpen:i,allowComposer:!1,drawerTitle:ae.texts.comments,threads:A,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:$.currentTenant?.companyId??ae.strings.empty,isGlobalComment:!1,tab:"checking"},isLoading:y,textOverrides:{composerPlaceholder:qn,replyComposerPlaceholder:Qn,threadResolve:Kn,threadUnResolve:Xn},onThreadClick:(a,z)=>m(a,z),onCloseAllThreadsDrawer:u,drawerSectionStyle:{width:r==="small"?"100%":"400px",boxSizing:r==="small"?"border-box":"content-box",padding:`${n.sp0} ${Hn.drawerSectionPaddingLeftRight.valuePx(r)}`,backgroundColor:k},collapsibleThreadStyle:{width:r==="small"?"100%":"360px"}})},Pe="checkingAccountCreation-form",So=({zeniAccountListView:e,analytics:i,maxInsuredAmount:u,isBillPayEnabled:m,isCheckingCommentingEnabled:r=!1,isExpressPayEnabled:k,onBackClick:$,onZeniAccountClick:C,onSettingsClick:A,handleMoveMoneyOptionSelection:y,onReloadTransactions:a,onCreateCheckingClick:z,onClickMenuIcon:L,onTreasuryGetStartedClick:I,showTreasuryPromo:j,treasuryYieldPercentage:v,treasuryInsuredAmount:b})=>{const B=V(),Y=W(),M=Ke(),{setRequestToOpenThread:R}=c.useContext(Xe),[E,J]=c.useState(null),[Z,N]=c.useState(!1),D=c.useCallback(d=>{J({...d}),N(!0)},[]),q=c.useCallback((d,F)=>{N(!1),R({threadId:F,companyId:d.companyId,entityType:d.entityType});const he=d.groupId;he!=null&&C(he,E?.accountName??"")},[E?.accountName,C,R]),l=c.useMemo(()=>({openAllThreadsDrawer:D}),[D]),h=He({mode:"all"}),T=e.newCheckingAccount.fetchState,de=et(T);c.useEffect(()=>{de==="In-Progress"&&T==="Completed"&&(Q(!1),K(!0),h.reset())},[de,T,h]);const[Me,Q]=c.useState(!1),[_e,K]=c.useState(!1),[De,X]=c.useState(!1),[Ee,Ne]=c.useState(0),[Fe,Re]=c.useState(0),Ge=(d,F)=>{C(d,F)},Oe={pageName:"listPage",onOptionSelection:d=>{d==="payBill"?(i.trackAccountsListPageClicked("Pay Someone"),X(!0)):(d==="sendMoney"?i.trackSendMoneyClick():d==="checkDeposit"?i.trackAccountsListPageClicked("Deposit a Check"):d==="transfer"&&i.trackAccountsListPageClicked("Transfer Between Accounts"),y(d))}},Ue={onOkClick:()=>{},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Cancel"),h.reset(),Q(!1)}},Ve={onOkClick:()=>{const d=e.depositAccountsSelectorView.depositAccounts.find(F=>F.id===e.newCheckingAccount.accountId);i.trackAccountsListPageClicked("Add Business Account Add Funds"),y("transfer",d),K(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Not Now"),K(!1)}},We={onOkClick:()=>{i.trackAccountsListPageClicked("Proceed on Bills pop up"),y("payBill"),X(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Not Now on Bills pop up"),X(!1)}},Ye=h.handleSubmit(d=>{i.trackAccountsListPageClicked("Add Business Account Create"),z?.(d.checkingAccountNickName)}),pe=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Je=pe[pe.length-1].annualPercentageYield.toString(),ue=tt(nt(u),u,ae.currency.currencySymbol).toUpperCase(),Ze=t.jsx(Rt,{onSettingsClick:A,isBillPayEnabled:m,isExpressPayEnabled:k,zeniBankProps:Oe,analytics:i}),me=t.jsxs(no,{children:[Me?t.jsx(H,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.createPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.createPopUpInfo.description}),primaryButtonText:p.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:Pe,secondaryButtonText:p.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:s.overlayLight},action:Ue,children:t.jsx(ot,{...h,children:t.jsx("form",{id:Pe,onSubmit:Ye,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(it,{type:"text",name:"checkingAccountNickName",placeholder:p.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:rt(h.formState.errors,"checkingAccountNickName")===!0?s.importantLight:M.colors.grey5,border:`1px solid ${M.colors.grey2}`},registerOptions:{required:!0,validate:d=>!!d}})})})}):null,_e?t.jsx(H,{titleComponent:t.jsx(t.Fragment,{}),descriptionComponent:t.jsx(t.Fragment,{}),primaryButtonText:p.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Ve,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:t.jsxs(io,{children:[t.jsx(st,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),t.jsx(ro,{children:p.zeniAccountList.addFundsPopUpInfo.title}),t.jsx(so,{children:p.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Je).replace("__amount__",ue)}),t.jsx(Gt,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:Re,setYieldEarned:Ne}),t.jsxs(ao,{children:[t.jsxs(lo,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,t.jsx(co,{children:G("0,0",{amount:Ee,currencySymbol:"$"})}),t.jsx(Ie,{variant:"small-description",maxWidth:"280px",data:p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:t.jsx(uo,{})})]}),t.jsxs(po,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Fe)]})]})]})}):null,De?t.jsx(H,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:p.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:We,primaryButtonWidth:130,secondaryButtonWidth:130}):null,t.jsx(at,{title:p.zeniAccountList.tabsById.zeniAccounts,onBackClick:$,showMenuIcon:B==="medium-compact"||B==="small",backgroundColor:M.colors.grey4,style:{zIndex:3,..._.largeSemiBold.cssObject},rightSideComponent:Ze,onClickMenuIcon:L,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),t.jsx(oo,{isLoading:e.fetchState==="In-Progress",children:t.jsx(ln,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:Ge,onAddFundClick:y,handleAddInternalAccountClick:()=>{i.trackAccountsListPageClicked("Add Business Account"),Q(!0)},analytics:i,onReloadTransactions:a,maxInsuredAmountString:ue,onTreasuryGetStartedClick:I,treasuryYieldPercentage:v,treasuryInsuredAmount:b,showTreasuryPromo:j,isCheckingCommentingEnabled:r})})]}),qe=`dashboard_${Y.currentTenant?.companyId}`,Qe=c.useMemo(()=>({sharedFunctions:{subtreeFunctions:l},sharedRef:void 0}),[l]);return r?t.jsxs(ct,{sharedItems:Qe,children:[me,t.jsx(eo,{roomId:qe,threadData:E,isThreadsOpen:Z,onClose:()=>N(!1),onThreadClick:q,backgroundColor:M.colors.background})]}):me},no=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,oo=o.div`
+  display: ${e=>e.isLoading?"flex":"block"};
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  min-height: ${e=>e.isLoading?`calc(100vh - ${n.sp10})`:"100vh"};
+  height: ${e=>e.isLoading?`calc(100vh - ${n.sp10})`:"100%"};
+`,io=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: ${n.sp4};
+`,ro=o(lt)`
+  padding-left: ${n.sp8};
+  padding-right: ${n.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,so=o(dt)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${n.sp6};
+  padding-right: ${n.sp6};
+  margin-bottom: ${n.sp3};
+  margin-top: ${n.sp3};
+  white-space: pre-line;
+`,ao=o.div`
+  min-height: ${n.sp10};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,co=o.span`
+  font-weight: ${ut.medium};
+  margin-left: ${n.sp1};
+`,lo=o(pt)`
+  color: ${s.success};
+  display: flex;
+  align-items: center;
+`,po=o(P)`
+  color: ${e=>e.theme.colors.grey1};
+  display: block;
+`,uo=o(Be)`
+  width: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  height: ${n.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{So as default};

package/dist/assets/ZeniAccountNavBarPieces-DymlaQkB-raQlgOHA.js

@@ -0,0 +1,33 @@
+import{ay as j,f_ as N,V as o,bq as B,ac as y,hc as f,hK as m,O as I,o as i,gB as O,he as z}from"./index-CQD_nutl.js";import{n as r}from"./mui-Dk05P7Hv.js";import{bP as A}from"./zeni-epic-state-ksdE_TIc.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="87ddf9fd-9219-42e3-abfa-4b7461196440",e._sentryDebugIdIdentifier="sentry-dbid-87ddf9fd-9219-42e3-abfa-4b7461196440")}catch{}})();const n=I.getLocalizedStrings().spendManagement.zeniAccounts,h=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],b={value:"payBill",label:n.moveMoney.payBills},v={value:"transfer",label:n.moveMoney.transfer},M={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},x={value:"checkDeposit",label:n.moveMoney.checkDeposit},E=[b,v,M,x],L=[M,v,b,x],J=({zeniBankProps:e,isBillPayEnabled:s,isCheckingCommentingEnabled:p=!1,isExpressPayEnabled:k,isThreadsLoading:l=!1,analytics:$,onCommentIconClick:w,onSettingsClick:P,threadsCount:C=0})=>{const c=j(),d=c.loggedInUserRoleMap.deposit_accounts_user===!0||N(c),S=A(c.loggedInUserRoleMap),D=h.filter(t=>t.value==="accountStatement"),u=s===!0?E:L,g=k===!0?u:u.filter(t=>t.value!=="sendMoney"),_=S?g:g.filter(t=>t.value!=="payBill");return o.jsxs(U,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="detailPage"&&p===!0?o.jsxs(q,{isDisabled:l,"data-testid":y("zeni-checking-comment-button"),onClick:l?()=>null:t=>{t.preventDefault(),t.stopPropagation(),w?.()},children:[o.jsx(B,{count:l?void 0:C,isLoading:l,style:{left:"12px"}}),o.jsx(K,{})]}):null,e.pageName==="listPage"&&!d?o.jsx(T,{onClick:P,"data-testid":y("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&o.jsx(f,{entity:"zeni_accounts",onOptionSelection:t=>{const a=m(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!0,options:d?D:h,title:n.moveMoney.title,customStyleConfig:{container:t=>({...t,marginLeft:0})}}),d?null:o.jsx(f,{entity:"zeni_accounts",onOptionSelection:t=>{const a=m(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!1,options:_,title:n.moveMoney.title,onMenuOpen:()=>$?.trackAccountsListPageClicked("Move Money")})]})},T=r(z)`
+  cursor: pointer;
+  min-width: ${i.sp4};
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,U=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
+  gap: ${i.sp3};
+`,q=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  align-self: center;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  opacity: ${e=>e.isDisabled?.5:1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,K=r(O)`
+  display: flex;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  align-items: center;
+  justify-content: center;
+`;export{J};