@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/ZeniAccountListViewPage-B-cs_xnc-DkcNyo5a.js

@@ -0,0 +1,443 @@
+import{X as W,v as Y,y as Je,ba as Xe,P as Ke,a7 as Qe,ag as en,a6 as nn,V as n,bR as Q,e as s,M as on,o,d_ as tn,e5 as rn,bS as ge,bT as xe,gY as sn,a5 as R,bo as Ie,a_ as an,w as _,ds as cn,O as ce,D as ln,l as dn,n as pn,bu as mn,b6 as Be,C as P,cM as un,bF as hn,eY as O,E as U,x as S,H as le,dZ as gn,m as xn,d$ as wn,cU as yn,cJ as $n,gp as bn,cq as kn,bH as fn,gt as jn,be as Cn,j as x,fm as An,gZ as zn,a as vn,N as Sn,d as Ln,g as Tn,gq as Pn,bd as In,ab as Bn}from"./index-BocbTmE1.js";import{a as c}from"./sentry-DINNQYpi.js";import{n as t}from"./mui-C_CXevf3.js";import{_ as Mn}from"./liveblocks-BsQBjN-0.js";import{Gp as _n}from"./zeni-epic-state-a7Sj5mjO.js";import{m as Dn}from"./BusyIndication-Cd67eHX6-C7aB5h-1.js";import{r as En}from"./auto-transfer-rule-mbafm5D3-BXD0aAHO.js";import{t as Fn}from"./clock-CJkylEKt-BFtrn8ev.js";import{o as Nn}from"./shield-DOlUxcFf-DFaW8QSC.js";import{J as Gn}from"./ZeniAccountNavBarPieces-CjRip0v9-Bv00yUCA.js";import{v as Rn}from"./ZeniTransferAmountSlider-Cdg0TlHk-B_jBC96s.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./MoreMenuButton-Ct8k8Oax-C0IXgNiJ.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./money-2cg1MuG4-C1UnGCa2.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import"./unlock-BPWn2I5L-fA9hPtxv.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]="b2427b99-8bf0-4740-9c57-46403ea6657e",e._sentryDebugIdIdentifier="sentry-dbid-b2427b99-8bf0-4740-9c57-46403ea6657e")}catch{}})();const{spendManagement:{treasury:{promoBanner:y,promoPage:we}}}=ce.getLocalizedStrings(),On=({yieldPercentage:e=4.35,insuredAmount:i=5e5,onGetStartedClick:m,style:u})=>{const r=W(),k=(a,h)=>Object.entries(h).reduce((A,[L,I])=>A.replace(new RegExp(`__${L}__`,"g"),I),a),$=`${e}%`,j=(a=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(a)}`)(i),C=[{icon:n.jsx(Xn,{}),title:k(y.features.yield,{yieldPercentage:$}),id:"yield"},{icon:n.jsx(Kn,{}),title:k(y.features.insured,{insuredAmount:j}),id:"insured"},{icon:n.jsx(Qn,{}),title:y.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:n.jsx(eo,{}),title:y.features.automation,id:"automation"}];return n.jsxs(Un,{style:u,children:[n.jsx(Wn,{}),r!=="small"&&n.jsxs(n.Fragment,{children:[n.jsx(Yn,{}),n.jsx(Vn,{})]}),n.jsx(Zn,{windowSize:r,children:r==="small"?n.jsxs(n.Fragment,{children:[n.jsxs(qn,{children:[n.jsx(ye,{windowSize:r,children:n.jsx($e,{windowSize:r})}),n.jsx(be,{children:y.title})]}),n.jsx(ke,{windowSize:r,children:C.map(a=>n.jsxs(fe,{windowSize:r,children:[n.jsx(je,{children:a.icon}),n.jsxs(Ce,{children:[a.title,a.showAsterisk===!0&&n.jsx(Ae,{children:"*"})]})]},a.id))}),n.jsx(Hn,{children:n.jsx(ze,{children:n.jsx(ve,{variant:"primary",label:y.button,onClick:m,size:"small",style:{padding:`${o.sp1} 12px`}})})}),n.jsx(Se,{windowSize:r,children:n.jsxs(Le,{windowSize:r,children:[y.disclaimer.split("__termsLink__")[0],n.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:y.termsLink}),y.disclaimer.split("__termsLink__")[1]]})})]}):n.jsxs(n.Fragment,{children:[n.jsx(ye,{windowSize:r,children:n.jsx($e,{windowSize:r})}),n.jsxs(Jn,{windowSize:r,children:[n.jsx(be,{children:y.title}),n.jsx(ke,{windowSize:r,children:C.map(a=>n.jsxs(fe,{windowSize:r,children:[n.jsx(je,{children:a.icon}),n.jsxs(Ce,{children:[a.title,a.showAsterisk===!0&&n.jsx(Ae,{children:"*"})]})]},a.id))}),n.jsx(Se,{windowSize:r,children:n.jsxs(Le,{windowSize:r,children:[y.disclaimer.split("__termsLink__")[0],n.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:y.termsLink}),y.disclaimer.split("__termsLink__")[1]]})})]}),n.jsx(ze,{children:n.jsx(ve,{variant:"primary",label:y.button,onClick:m,size:"small",style:{padding:`${o.sp1} 12px`}})})]})})]})},Un=t.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: ${s.neutralGrey5Light};
+  border: 1px solid ${s.brandColorGold};
+  border-radius: ${o.sp2};
+  overflow: hidden;
+  width: 100%;
+`,Wn=t.div`
+  position: absolute;
+  top: ${o.sp0};
+  left: ${o.sp0};
+  right: ${o.sp0};
+  bottom: ${o.sp0};
+  background: ${s.brandColorGold};
+  opacity: 0.2;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: ${o.sp0};
+    left: ${o.sp0};
+    right: ${o.sp0};
+    bottom: ${o.sp0};
+    background: ${s.brandColorGoldDark};
+    opacity: 0.45;
+    background-image: repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent ${o.sp2},
+      rgba(199, 116, 25, 0.1) ${o.sp2},
+      rgba(199, 116, 25, 0.1) ${o.sp3}
+    );
+  }
+`,Yn=t.div`
+  position: absolute;
+  top: ${o.sp0};
+  right: ${o.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;
+`,Vn=t.div`
+  position: absolute;
+  bottom: -${o.sp1};
+  left: -${o.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;
+`,Zn=t.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"?o.sp2:"12px"};
+  padding: ${e=>e.windowSize==="small"?o.sp3:`${o.sp3} ${o.sp4}`};
+  z-index: 1;
+`,ye=t.div`
+  display: flex;
+  align-self: flex-start;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?o.sp6:o.sp9};
+  height: ${e=>e.windowSize==="small"?o.sp6:o.sp9};
+  flex-shrink: 0;
+`,qn=t.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,Hn=t.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: ${o.sp2};
+  margin-left: ${o.sp7};
+`,$e=t(An)`
+  width: ${e=>e.windowSize==="small"?o.sp6:o.sp9};
+  height: ${e=>e.windowSize==="small"?o.sp6:o.sp9};
+  color: ${s.brandColorGoldDark};
+
+  & path {
+    stroke: ${s.brandColorGoldDark};
+    stroke-width: 1px;
+  }
+`,Jn=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp1};
+  flex: 1;
+`,be=t(zn)`
+  color: ${s.brandColorGoldDark};
+  margin-bottom: ${o.sp1};
+`,ke=t.div`
+  display: ${e=>e.windowSize==="small"?"flex":"grid"};
+  ${e=>e.windowSize==="small"?`
+      flex-direction: column;
+      gap: ${o.sp2};
+      margin-left: ${o.sp7};
+    `:`
+      grid-template-columns: 1fr 1fr;
+      gap: ${o.sp1};
+    `}
+`,fe=t.div`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${o.sp1};
+`,je=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${o.sp3};
+  height: ${o.sp3};
+  flex-shrink: 0;
+`,Ce=t(P)`
+  color: ${s.primaryLight};
+`,Ae=t.span`
+  color: ${s.primaryLight};
+`,ze=t.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`,ve=t(vn)`
+  background: ${s.brandColorGoldDark};
+  border-color: ${s.brandColorGoldDark};
+  color: ${s.neutralGrey5Light};
+  :hover {
+    background: ${s.brandColorGoldDark};
+    border-color: ${s.brandColorGoldDark};
+    color: ${s.neutralGrey5Light};
+  }
+`,Se=t.div`
+  position: relative;
+  margin-top: ${e=>e.windowSize==="small"?o.sp2:"0"};
+  padding: ${e=>e.windowSize==="small"?`0 ${o.sp2}`:"0"};
+`,Le=t(le)`
+  color: ${s.heroLight};
+  white-space: pre-line;
+  text-align: ${e=>e.windowSize==="small"?"center":"left"};
+`,Te=t.a`
+  color: ${s.heroLight};
+  text-decoration: underline;
+  text-decoration-color: ${s.neutralGrey2Light};
+  cursor: pointer;
+
+  &:hover {
+    color: ${s.primaryLight};
+    text-decoration-color: ${s.primaryLight};
+  }
+`,Xn=t(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"})))`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${s.brandColorGoldDark};
+
+  & path {
+    stroke: currentColor;
+  }
+`,Kn=t(Nn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${s.brandColorGoldDark};
+`,Qn=t(Fn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${s.brandColorGoldDark};
+`,eo=t(En)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${s.brandColorGoldDark};
+`,b={bankAccListBottomMargin:new S(x[7],x[6]),containerWidth:new S(96,67),containerTopMargin:new S(x[4],x[6]),BankAccListTopMargin:new S(x[4],x[8]),containerSidePadding:new S(x[3],x[0]),accountRowTopBottomPadding:new S(x[3],x[4]),accountRowBottomMargin:new S(x[3],x[5]),totalInsuredAndYieldContainerTopMargin:new S(x[3],x[0])},no={bankAccountName:new Sn("standardRegular","largeMedium")},w=ce.getLocalizedStrings(),{common:{strings:{empty:ee}},collaboration:{commentOnField:oo}}=w,to=t.div`
+  position: relative;
+`,ne=e=>n.jsx(yo,{children:e}),io=({depositAccount:e,index:i,isAccountAnalyst:m,windowSize:u,getAccIconByType:r,onAddFundBtnClick:k,isCheckingCommentingEnabled:$=!1,isCheckingThreadsLoading:j=!1,unresolvedCheckingThreadsCount:C=0,onZeniAccountRowClick:a})=>{const h=Y(),A=gn(),L=xn().analytics,I=c.useCallback(v=>{v.stopPropagation();const z=`dashboard_${h.currentTenant?.companyId}`;A?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:z,companyId:h.currentTenant?.companyId??ee,companyName:h.currentTenant?.companyName??ee,entityId:e.id,entityType:wn({tab:"checking",key:"details"}),groupId:e.id,accountName:e.accountName}),L.trackCommentActivity("checking","clicked",h.currentTenant?.companyName??ee,h.controllersList.controllers.map(f=>yn(f)),void 0,void 0,oo)},[L,A?.sharedFunctions?.subtreeFunctions,e.accountName,e.id,h.controllersList.controllers,h.currentTenant?.companyId,h.currentTenant?.companyName]);return n.jsxs(to,{children:[n.jsxs(Ao,{isClickEnabled:!0,windowSize:u,onClick:()=>a?.(e.id,e.accountName),"data-testid":U("deposit-account-clicked",e.id),children:[n.jsxs(fo,{children:[r(i),n.jsxs(zo,{children:[n.jsx(vo,{windowSize:u,children:e.accountName}),n.jsxs(So,{windowSize:u,children:[n.jsx(uo,{children:n.jsx(Lo,{children:e.maskedAccountNumber})}),n.jsxs(ho,{children:[u==="small"?null:n.jsx(To,{}),n.jsx(Po,{windowSize:u,children:w.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),n.jsxs(Io,{children:[n.jsx(O,{amount:e.accountBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),m?null:n.jsx(lo,{onClick:v=>{v.stopPropagation(),k(e)},"data-testid":U("add-fund",e.id),children:n.jsx(po,{children:w.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]}),$&&C>0?n.jsx($n,{isLoading:j,count:C,style:{position:"absolute",float:"right",right:"-12px",top:o.sp1},openThread:I}):null]})},ro=({fetchState:e,onReloadTransactions:i})=>e==="Error"?n.jsxs(Do,{children:[n.jsx(Eo,{onClick:i,"data-testid":U("zeni-account-list-reload"),children:n.jsx(Fo,{})}),n.jsx(No,{children:w.peoplePage.reloadPage.label})]}):n.jsx(Dn,{fetchState:e,styles:{margin:"auto"}}),so=({zeniAccountListView:e,zeniAccountsConfigDetail:i,maxInsuredAmountString:m,analytics:u,onZeniAccountRowClick:r,onReloadTransactions:k,handleAddInternalAccountClick:$,onAddFundClick:j,onTreasuryGetStartedClick:C,treasuryYieldPercentage:a,treasuryInsuredAmount:h,showTreasuryPromo:A,isCheckingCommentingEnabled:L=!1})=>{const{depositAccountsSelectorView:I,fetchState:v,summary:z}=e,f=W(),B=Y(),V=c.useMemo(()=>({application:"dashboard",companyId:B.currentTenant?.companyId,tab:"checking",isGlobalComment:!1}),[B.currentTenant?.companyId]),{threads:M,isLoading:G}=un(V,"both",!1),E=c.useMemo(()=>{const l=new Map;for(const g of M){if(g.resolved!==!1)continue;const T=g.metadata.groupId;T==null||T===""||l.set(T,(l.get(T)??0)+1)}return l},[M]),Z=B.loggedInUserRoleMap.deposit_accounts_user===!0||_n(B.loggedInUserRoleMap),q=l=>{u.trackAccountsListPageClicked("Add Funds",l.accountName,"active"),j("transfer",l)},F=l=>{switch(l){case"totalBalance":case"insuredBalance":default:return"320px";case"totalInterest":return"290px"}},D=l=>{let g=n.jsx(n.Fragment,{});switch(l){case"insuredBalance":g=n.jsx(te,{style:{width:"300px"},children:w.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",m)});break;case"totalInterest":g=n.jsx(te,{children:w.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":g=n.jsxs(te,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[n.jsx(Wo,{children:w.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),n.jsxs(ie,{children:[n.jsx(re,{children:w.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),n.jsx(se,{children:R("0,0[.]00",z?.totalBalance.current)})]}),n.jsxs(ie,{children:[n.jsx(re,{children:w.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),n.jsx(se,{children:R("0,0[.]00",z?.totalBalance.hold)})]}),n.jsxs(ie,{children:[n.jsx(re,{children:w.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),n.jsx(se,{children:R("0,0[.]00",z?.totalBalance.available)})]})]})}return n.jsx(Ro,{children:n.jsx(Ie,{style:{textAlign:"left",padding:o.sp1},maxWidth:F(l),display:"flex",placement:f==="small"?"bottom":"top",title:g,children:l==="insuredBalance"?n.jsx(Uo,{}):n.jsx(Oo,{})})})},H=l=>n.jsx(xo,{color:bn(l)});return hn({componentName:"checking.list",enabled:v==="Completed"}),n.jsx(ao,{children:v==="Completed"?n.jsxs(Go,{windowSize:f,children:[n.jsxs(mo,{windowSize:f,children:[n.jsxs(wo,{windowSize:f,children:[n.jsxs(oe,{children:[ne(w.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),D("totalBalance")]}),n.jsx(O,{amount:z?.totalBalance.available})]}),n.jsxs(co,{windowSize:f,children:[n.jsxs(jo,{children:[n.jsxs(oe,{children:[ne(w.spendManagement.zeniAccounts.zeniAccountList.insuredFund),D("insuredBalance")]}),n.jsx(O,{amount:z?.insuredBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),n.jsx(ko,{children:w.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",m)})]}),n.jsxs(Co,{children:[n.jsxs(oe,{children:[ne(w.spendManagement.zeniAccounts.common.totalYieldEarned),D("totalInterest")]}),n.jsx(O,{amount:z?.totalInterest.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),n.jsxs($o,{children:[w.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,n.jsx(bo,{children:i.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),A===!0&&n.jsx(Yo,{windowSize:f,children:n.jsx(On,{yieldPercentage:a,insuredAmount:h,onGetStartedClick:()=>{u.trackAccountsListPageClicked("Move Money"),C?.()}})}),n.jsxs(go,{windowSize:f,children:[I.depositAccounts.map((l,g)=>n.jsx(io,{depositAccount:l,index:g,isAccountAnalyst:Z,windowSize:f,getAccIconByType:H,onAddFundBtnClick:q,isCheckingCommentingEnabled:L,unresolvedCheckingThreadsCount:E.get(l.id)??0,isCheckingThreadsLoading:G,onZeniAccountRowClick:r},l.id)),n.jsxs(Bo,{onClick:$,"data-testid":U("add-new-internal-zeni-account"),children:[n.jsx(Mo,{}),n.jsx(_o,{children:w.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):n.jsx(ro,{fetchState:v,onReloadTransactions:k})})},ao=t.div`
+  display: block;
+  height: 100%;
+`,co=t.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${o.sp5};
+  margin: ${e=>`${b.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${o.sp0} ${o.sp0} ${o.sp0}`};
+`,lo=t.button`
+  cursor: pointer;
+  border-radius: ${o.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};
+  }
+`,po=t(Tn)`
+  color: ${e=>e.theme.colors.hero};
+`,mo=t.div`
+  margin: ${e=>b.containerTopMargin.valuePx(e.windowSize)}
+    ${o.sp0} ${o.sp0} ${o.sp0};
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  padding: ${e=>`${o.sp0} ${b.containerSidePadding.valuePx(e.windowSize)} ${o.sp0} ${b.containerSidePadding.valuePx(e.windowSize)}`};
+`,uo=t.div`
+  display: flex;
+`,ho=t.div`
+  display: flex;
+  align-items: center;
+`,go=t.div`
+  margin: ${e=>`${b.BankAccListTopMargin.valuePx(e.windowSize)} ${o.sp0} 
+    ${b.bankAccListBottomMargin.valuePx(e.windowSize)} ${o.sp0}`};
+  width: 100%;
+  padding: ${e=>`${o.sp0}  ${b.containerSidePadding.valuePx(e.windowSize)}`};
+`,xo=t(Pn)`
+  min-width: ${o.sp7};
+  width: ${o.sp7};
+  height: ${o.sp7};
+  margin-right: 12px;
+`,wo=t.div`
+  ${e=>e.windowSize!=="small"?`
+        width: 50%;
+`:null}
+`,oe=t.div`
+  display: flex;
+`,yo=t(P)`
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${o.sp1};
+`,$o=t(le)`
+  color: ${e=>e.theme.colors.hero};
+`,bo=t.span`
+  margin-left: 2px;
+`,ko=t(le)`
+  color: ${e=>e.theme.colors.hero};
+`,fo=t.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - 96px);
+`,jo=t.div``,Co=t.div``,Ao=t.div`
+  padding-left: ${e=>b.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>b.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-top: ${e=>b.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>b.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal} `};
+  border-radius: ${o.sp2};
+  margin-bottom: ${e=>b.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};
+  }
+`,zo=t.div`
+  max-width: calc(100% - 30px);
+  width: calc(100% - 40px);
+  white-space: nowrap;
+  overflow: hidden;
+`,vo=t(Ln)`
+  ${e=>`${no.bankAccountName.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  max-width: ${`calc(100% - ${o.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,So=t.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"};
+`,Lo=t(P)`
+  margin-left: ${o.sp1};
+`,To=t.div`
+  width: ${o.sp1};
+  height: ${o.sp1};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey1};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+`,Po=t(P)`
+  color: ${s.success};
+  border-radius: 50px;
+`,Io=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+`,Bo=t.div`
+  padding: ${o.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${o.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};
+  }
+`,Mo=t(kn)`
+  margin-right: ${o.sp2};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,_o=t(fn)``,Do=t.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Eo=t.div`
+  height: ${o.sp12};
+  width: ${o.sp12};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Fo=t(In)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,No=t(Bn)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Go=t.div`
+  max-width: 726px;
+  width: ${e=>b.containerWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: auto;
+`,Ro=t.div`
+  display: flex;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Oo=t(Be)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Uo=t(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"})))`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,te=t(P)`
+  padding: ${o.sp2} ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${o.sp1};
+`,ie=t(P)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${o.sp2};
+  display: flex;
+  justify-content: space-between;
+`,Wo=t(P)`
+  margin-bottom: ${o.sp2};
+  display: flex;
+`,re=t.div`
+  color: ${e=>e.theme.colors.hero};
+`,se=t.div`
+  color: ${s.primaryDark};
+`,Yo=t.div`
+  margin-top: ${o.sp4};
+`,Vo=ce.getLocalizedStrings(),{common:ae,spendManagement:{zeniAccounts:p},collaboration:{threads:{placeholder:{addANewComment:Zo,replyAComment:qo},tooltip:{resolveComment:Ho,unResolveComment:Jo}}}}=Vo,Xo={drawerSectionPaddingLeftRight:new S(x[4],x[5])},Ko=({roomId:e,threadData:i,isThreadsOpen:m,onClose:u,onThreadClick:r,backgroundColor:k})=>{const $=W();return m&&i?.groupId!=null&&i.groupId!==""?n.jsx(Mn,{id:e,children:n.jsx(Qo,{threadData:i,isThreadsOpen:m,onClose:u,onThreadClick:r,windowSize:$,backgroundColor:k})}):null},Qo=({threadData:e,isThreadsOpen:i,onClose:m,onThreadClick:u,windowSize:r,backgroundColor:k})=>{const $=Y(),j=c.useMemo(()=>({application:"dashboard",companyId:$.currentTenant?.companyId,tab:"checking",groupId:e?.groupId,isGlobalComment:!1}),[$.currentTenant?.companyId,e?.groupId]),{threads:C,isLoading:a}=jn({filter:j});return n.jsx(Cn,{isDrawerOpen:i,allowComposer:!1,drawerTitle:ae.texts.comments,threads:C,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:$.currentTenant?.companyId??ae.strings.empty,isGlobalComment:!1,tab:"checking"},isLoading:a,textOverrides:{composerPlaceholder:Zo,replyComposerPlaceholder:qo,threadResolve:Ho,threadUnResolve:Jo},onThreadClick:(h,A)=>u(h,A),onCloseAllThreadsDrawer:m,drawerSectionStyle:{width:r==="small"?"100%":"400px",boxSizing:r==="small"?"border-box":"content-box",padding:`${o.sp0} ${Xo.drawerSectionPaddingLeftRight.valuePx(r)}`,backgroundColor:k},collapsibleThreadStyle:{width:r==="small"?"100%":"360px"}})},Pe="checkingAccountCreation-form",Et=({zeniAccountListView:e,analytics:i,maxInsuredAmount:m,isBillPayEnabled:u,isCheckingCommentingEnabled:r=!1,isExpressPayEnabled:k,onBackClick:$,onZeniAccountClick:j,onSettingsClick:C,handleMoveMoneyOptionSelection:a,onReloadTransactions:h,onCreateCheckingClick:A,onClickMenuIcon:L,onTreasuryGetStartedClick:I,showTreasuryPromo:v,treasuryYieldPercentage:z,treasuryInsuredAmount:f})=>{const B=W(),V=Y(),M=Je(),{setRequestToOpenThread:G}=c.useContext(Xe),[E,Z]=c.useState(null),[q,F]=c.useState(!1),D=c.useCallback(d=>{Z({...d}),F(!0)},[]),H=c.useCallback((d,N)=>{F(!1),G({threadId:N,companyId:d.companyId,entityType:d.entityType});const he=d.groupId;he!=null&&j(he,E?.accountName??"")},[E?.accountName,j,G]),l=c.useMemo(()=>({openAllThreadsDrawer:D}),[D]),g=Ke({mode:"all"}),T=e.newCheckingAccount.fetchState,de=Qe(T);c.useEffect(()=>{de==="In-Progress"&&T==="Completed"&&(J(!1),X(!0),g.reset())},[de,T,g]);const[Me,J]=c.useState(!1),[_e,X]=c.useState(!1),[De,K]=c.useState(!1),[Ee,Fe]=c.useState(0),[Ne,Ge]=c.useState(0),Re={pageName:"listPage",onOptionSelection:d=>{d==="payBill"?(i.trackAccountsListPageClicked("Pay Someone"),K(!0)):(d==="sendMoney"?i.trackSendMoneyClick():d==="checkDeposit"?i.trackAccountsListPageClicked("Deposit a Check"):d==="transfer"&&i.trackAccountsListPageClicked("Transfer Between Accounts"),a(d))}},Oe={onOkClick:()=>{},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Cancel"),g.reset(),J(!1)}},Ue={onOkClick:()=>{const d=e.depositAccountsSelectorView.depositAccounts.find(N=>N.id===e.newCheckingAccount.accountId);i.trackAccountsListPageClicked("Add Business Account Add Funds"),a("transfer",d),X(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Not Now"),X(!1)}},We={onOkClick:()=>{i.trackAccountsListPageClicked("Proceed on Bills pop up"),a("payBill"),K(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Not Now on Bills pop up"),K(!1)}},Ye=g.handleSubmit(d=>{i.trackAccountsListPageClicked("Add Business Account Create"),A?.(d.checkingAccountNickName)}),pe=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Ve=pe[pe.length-1].annualPercentageYield.toString(),me=en(nn(m),m,ae.currency.currencySymbol).toUpperCase(),Ze=n.jsx(Gn,{onSettingsClick:C,isBillPayEnabled:u,isExpressPayEnabled:k,zeniBankProps:Re,analytics:i}),ue=n.jsxs(et,{children:[Me?n.jsx(Q,{titleComponent:n.jsx(xe,{children:p.zeniAccountList.createPopUpInfo.title}),descriptionComponent:n.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:Oe,children:n.jsx(on,{...g,children:n.jsx("form",{id:Pe,onSubmit:Ye,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:n.jsx(tn,{type:"text",name:"checkingAccountNickName",placeholder:p.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:rn(g.formState.errors,"checkingAccountNickName")===!0?s.importantLight:M.colors.grey5,border:`1px solid ${M.colors.grey2}`},registerOptions:{required:!0,validate:d=>!!d}})})})}):null,_e?n.jsx(Q,{titleComponent:n.jsx(n.Fragment,{}),descriptionComponent:n.jsx(n.Fragment,{}),primaryButtonText:p.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Ue,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:n.jsxs(ot,{children:[n.jsx(sn,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-o.sp4}}),n.jsx(tt,{children:p.zeniAccountList.addFundsPopUpInfo.title}),n.jsx(it,{children:p.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Ve).replace("__amount__",me)}),n.jsx(Rn,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:Ge,setYieldEarned:Fe}),n.jsxs(rt,{children:[n.jsxs(at,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,n.jsx(st,{children:R("0,0",{amount:Ee,currencySymbol:"$"})}),n.jsx(Ie,{variant:"small-description",maxWidth:"280px",data:p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:n.jsx(lt,{})})]}),n.jsxs(ct,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ne)]})]})]})}):null,De?n.jsx(Q,{titleComponent:n.jsx(xe,{children:p.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:n.jsx(ge,{children:p.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:p.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:We,primaryButtonWidth:130,secondaryButtonWidth:130}):null,n.jsx(an,{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"}),n.jsx(nt,{isLoading:e.fetchState==="In-Progress",children:n.jsx(so,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:(d,N)=>{j(d,N)},onAddFundClick:a,handleAddInternalAccountClick:()=>{i.trackAccountsListPageClicked("Add Business Account"),J(!0)},analytics:i,onReloadTransactions:h,maxInsuredAmountString:me,onTreasuryGetStartedClick:I,treasuryYieldPercentage:z,treasuryInsuredAmount:f,showTreasuryPromo:v,isCheckingCommentingEnabled:r})})]}),qe=`dashboard_${V.currentTenant?.companyId}`,He=c.useMemo(()=>({sharedFunctions:{subtreeFunctions:l},sharedRef:void 0}),[l]);return r?n.jsxs(cn,{sharedItems:He,children:[ue,n.jsx(Ko,{roomId:qe,threadData:E,isThreadsOpen:q,onClose:()=>F(!1),onThreadClick:H,backgroundColor:M.colors.background})]}):ue},et=t.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,nt=t.div`
+  display: ${e=>e.isLoading?"flex":"block"};
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  min-height: ${e=>e.isLoading?`calc(100vh - ${o.sp10})`:"100vh"};
+  height: ${e=>e.isLoading?`calc(100vh - ${o.sp10})`:"100%"};
+`,ot=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: ${o.sp4};
+`,tt=t(ln)`
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,it=t(dn)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${o.sp6};
+  padding-right: ${o.sp6};
+  margin-bottom: ${o.sp3};
+  margin-top: ${o.sp3};
+  white-space: pre-line;
+`,rt=t.div`
+  min-height: ${o.sp10};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,st=t.span`
+  font-weight: ${mn.medium};
+  margin-left: ${o.sp1};
+`,at=t(pn)`
+  color: ${s.success};
+  display: flex;
+  align-items: center;
+`,ct=t(P)`
+  color: ${e=>e.theme.colors.grey1};
+  display: block;
+`,lt=t(Be)`
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  height: ${o.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{Et as default};

package/dist/assets/ZeniAccountNavBarPieces-CjRip0v9-Bv00yUCA.js

@@ -0,0 +1,33 @@
+import{v as P,fw as z,V as o,aM as O,E as m,g_ as y,O as _,o as i,bf as I,gz as E}from"./index-BocbTmE1.js";import{n as c}from"./mui-C_CXevf3.js";import{bK as B}from"./zeni-epic-state-a7Sj5mjO.js";import{y as f}from"./MoreMenuButton-Ct8k8Oax-C0IXgNiJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="42ed3c46-71e5-463b-a848-b62b81c66f22",e._sentryDebugIdIdentifier="sentry-dbid-42ed3c46-71e5-463b-a848-b62b81c66f22")}catch{}})();const n=_.getLocalizedStrings().spendManagement.zeniAccounts,b=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],v={value:"payBill",label:n.moveMoney.payBills},h={value:"transfer",label:n.moveMoney.transfer},M={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},x={value:"checkDeposit",label:n.moveMoney.checkDeposit},L=[v,h,M,x],T=[M,h,v,x],G=({zeniBankProps:e,isBillPayEnabled:l,isCheckingCommentingEnabled:p=!1,isExpressPayEnabled:k,isThreadsLoading:s=!1,analytics:$,onCommentIconClick:w,onSettingsClick:C,threadsCount:S=0})=>{const r=P(),d=r.loggedInUserRoleMap.deposit_accounts_user===!0||z(r),j=B(r.loggedInUserRoleMap),D=b.filter(t=>t.value==="accountStatement"),g=l===!0?L:T,u=k===!0?g:g.filter(t=>t.value!=="sendMoney"),N=j?u:u.filter(t=>t.value!=="payBill");return o.jsxs(R,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="detailPage"&&p===!0?o.jsxs(U,{isDisabled:s,"data-testid":m("zeni-checking-comment-button"),onClick:s?()=>null:t=>{t.preventDefault(),t.stopPropagation(),w?.()},children:[o.jsx(O,{count:s?void 0:S,isLoading:s,style:{left:"12px"}}),o.jsx(J,{})]}):null,e.pageName!=="listPage"||d?e.pageName==="detailPage"&&o.jsx(f,{entity:"zeni_accounts",onOptionSelection:t=>{const a=y(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!0,options:d?D:b,title:n.moveMoney.title,customStyleConfig:{container:t=>({...t,marginLeft:0})}}):o.jsx(A,{onClick:C,"data-testid":m("zeni-accounts-settings-button")}),d?null:o.jsx(f,{entity:"zeni_accounts",onOptionSelection:t=>{const a=y(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!1,options:N,title:n.moveMoney.title,onMenuOpen:()=>$?.trackAccountsListPageClicked("Move Money")})]})},A=c(E)`
+  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};
+  }
+`,R=c.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
+  gap: ${i.sp3};
+`,U=c.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};
+  }
+`,J=c(I)`
+  display: flex;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  align-items: center;
+  justify-content: center;
+`;export{G as J};

package/dist/assets/{ZeniAccountPromoPage-BgYCHYLO-g5oLmJuT.js → ZeniAccountPromoPage-BikXtkeH-BWgu0hz6.js}

@@ -1,4 +1,4 @@
-import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue,o,bY as he,I as O,i as D,a6 as W,F as j,O as _,bX as ge,ag as z,a5 as k,ab as Z,aW as we,b as x,e as A,bG as je,ac as ye,au as $e,u as L,H as y,B as C,W as T,d as fe}from"./index-k1doZNFg.js";import{a as Y}from"./sentry-CytkDQe2.js";import{n}from"./mui-Bi07oTwe.js";import{M as B}from"./usp-line-BBd1wKwW-DHy4exHr.js";import"./pdf-emb33J2I.js";import"./zeni-epic-state-DyRbb6Q5.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./recharts-CS0s98U8.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.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]="12b9efc1-81e5-4933-90e1-cc3625f4e3f3",e._sentryDebugIdIdentifier="sentry-dbid-12b9efc1-81e5-4933-90e1-cc3625f4e3f3")}catch{}})();const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(L[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,L[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},I={insuredAmountStr:new y("extraSmallRegular","smallRegular"),title:new y("smallRegular","largeRegular"),uninsuredAmountStr:new y("largeRegular","h6Regular"),yAxisAmount:new y("h6Regular","extraSmallRegular")},Se=n.div`
+import{y as de,X as v,a7 as ae,v as ce,fw as xe,V as i,a_ as me,f6 as pe,n as ue,o,c3 as he,D as N,a as D,E as L,c as j,O as _,c2 as ge,ag as z,a6 as k,ab as Z,aW as we,x,e as A,bM as je,ac as ye,au as $e,j as W,N as y,d as C,H as T,r as fe}from"./index-BocbTmE1.js";import{a as Y}from"./sentry-DINNQYpi.js";import{n}from"./mui-C_CXevf3.js";import{M as B}from"./usp-line-BBd1wKwW-Bi23t2Q-.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.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]="f485ed8f-14b9-472b-9736-065e4843f72e",e._sentryDebugIdIdentifier="sentry-dbid-f485ed8f-14b9-472b-9736-065e4843f72e")}catch{}})();const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(W[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,W[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},I={insuredAmountStr:new y("extraSmallRegular","smallRegular"),title:new y("smallRegular","largeRegular"),uninsuredAmountStr:new y("largeRegular","h6Regular"),yAxisAmount:new y("h6Regular","extraSmallRegular")},Se=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -19,7 +19,7 @@ import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue
   margin: auto;
   padding: ${o.sp5} ${o.sp0};
   color: ${e=>e.theme.colors.primary};
-`,N=n.div`
+`,O=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"column":"row"};
   align-items: center;
@@ -115,7 +115,7 @@ import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue
   justify-content: space-between;
   align-items: flex-start;
   padding-left: ${o.sp2};
-`,J=n.div`
+`,E=n.div`
   width: 100%;
   min-width: ${e=>h.bankRectBoxMinWidth.valuePx(e.windowSize)};
   height: ${e=>h.bankRectBoxHeight.valuePx(e.windowSize)};
@@ -151,10 +151,10 @@ import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
   ${e=>`${I.insuredAmountStr.style(e.windowSize)}`};
-`,We=n(T)`
+`,Le=n(T)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-`,Le=n(C)`
+`,We=n(C)`
   color: ${e=>e.theme.colors.brandColorRuby};
   padding-right: 12px;
   padding-top: 20px;
@@ -162,17 +162,17 @@ import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue
 `,Ye=n(T)`
   color: ${e=>e.theme.colors.brandColorRuby};
   padding-right: 12px;
-`,Fe=n(O)`
+`,Fe=n(N)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
   padding-top: 20px;
 `,Ge=n(T)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-`,Je=n(C)`
+`,Ee=n(C)`
   ${e=>`${I.yAxisAmount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,E=n(C)`
+`,J=n(C)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp3};
   ${e=>`${I.title.style(e.windowSize)}`};
@@ -181,4 +181,4 @@ import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue
   height: ${e=>h.styledLogoHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,r=_.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=_.getLocalizedStrings().common,d=_.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Ce,{windowSize:s,children:[i.jsxs(Re,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Pe,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(E,{windowSize:s,children:r.iconTexts.title}),i.jsxs(J,{windowSize:s,isBankRect:!0,children:[i.jsxs(V,{children:[i.jsx(Le,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Ye,{children:r.iconTexts.unInsured})]}),i.jsxs(Me,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(We,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(E,{windowSize:s,children:i.jsx(Ve,{windowSize:s})}),i.jsx(J,{windowSize:s,isBankRect:!1,children:i.jsxs(V,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(He,{children:r.iconTexts.footNote})]}),i.jsx(Ue,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Je,{windowSize:s,children:l},t))})]})},Ee=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let a=g;return s>l&&(a=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(N,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:a}),i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(S,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(S,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.noHiddenFee.bold}),i.jsx(S,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.expertSupport.bold}),i.jsx(S,{children:r.expertSupport.regular})]})]})]})]})},Oe=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let a=g;return s>l&&(a=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(N,{windowSize:t,children:[i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx($,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx($,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.noHiddenFee.bold}),i.jsx($,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.expertSupport.bold}),i.jsx($,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:a})]})},di=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:a,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:P})=>{const se=de(),c=v(),{zeniAccountTermsDetails:R}=g,U=ce(R?.fetchStatus.fetchState),[te,H]=Y.useState(!1);Y.useEffect(()=>{U==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&P?.()},[U,P,R?.fetchStatus]);const M=ae(),le=M.loggedInUserRoleMap.deposit_accounts_user===!0||xe(M);return i.jsxs(Se,{children:[i.jsx(me,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:c==="small"||c==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(pe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:c,children:[c==="small"?i.jsxs(ke,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ze,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(O,{style:{marginTop:o.sp2},children:r.promoText2})]}),c==="small"||c==="medium-compact"||c==="medium-regular"?i.jsx(Ee,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}):i.jsx(Oe,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}),le?null:i.jsxs(ve,{children:[i.jsxs(Ae,{windowSize:c,children:[i.jsx(D,{variant:"secondary",label:r.scheduleDemoButton,onClick:()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)},"data-testid":W("accounts-promo-schedule-demo-button")}),i.jsx(Te,{windowSize:c,children:r.orText}),i.jsx(D,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":W("accounts-promo-setup-accounts-button")})]}),i.jsx(Be,{children:i.jsxs(F,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(Ie,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{di as default};
+`,r=_.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=_.getLocalizedStrings().common,d=_.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Ce,{windowSize:s,children:[i.jsxs(Re,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Pe,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(J,{windowSize:s,children:r.iconTexts.title}),i.jsxs(E,{windowSize:s,isBankRect:!0,children:[i.jsxs(V,{children:[i.jsx(We,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Ye,{children:r.iconTexts.unInsured})]}),i.jsxs(Me,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Le,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(J,{windowSize:s,children:i.jsx(Ve,{windowSize:s})}),i.jsx(E,{windowSize:s,isBankRect:!1,children:i.jsxs(V,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(He,{children:r.iconTexts.footNote})]}),i.jsx(Ue,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Ee,{windowSize:s,children:l},t))})]})},Je=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(O,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:c}),i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(S,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(S,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.noHiddenFee.bold}),i.jsx(S,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.expertSupport.bold}),i.jsx(S,{children:r.expertSupport.regular})]})]})]})]})},Ne=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(O,{windowSize:t,children:[i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx($,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx($,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.noHiddenFee.bold}),i.jsx($,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.expertSupport.bold}),i.jsx($,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:c})]})},di=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:c,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:P})=>{const se=de(),a=v(),{zeniAccountTermsDetails:R}=g,U=ae(R?.fetchStatus.fetchState),[te,H]=Y.useState(!1);Y.useEffect(()=>{U==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&P?.()},[U,P,R?.fetchStatus]);const M=ce(),le=M.loggedInUserRoleMap.deposit_accounts_user===!0||xe(M);return i.jsxs(Se,{children:[i.jsx(me,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(pe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:a,children:[a==="small"?i.jsxs(ke,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ze,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(N,{style:{marginTop:o.sp2},children:r.promoText2})]}),a==="small"||a==="medium-compact"||a==="medium-regular"?i.jsx(Je,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}):i.jsx(Ne,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}),le?null:i.jsxs(ve,{children:[i.jsxs(Ae,{windowSize:a,children:[i.jsx(D,{variant:"secondary",label:r.scheduleDemoButton,onClick:()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)},"data-testid":L("accounts-promo-schedule-demo-button")}),i.jsx(Te,{windowSize:a,children:r.orText}),i.jsx(D,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":L("accounts-promo-setup-accounts-button")})]}),i.jsx(Be,{children:i.jsxs(F,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(Ie,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{di as default};