@zeniai/web-cockpit-ui 1.14.33-prod → 1.14.34-dev

package/dist/assets/StatementsPage-DU5Dhq7q-Dto8n82P.js

@@ -1,58 +0,0 @@
-import{u as v,e as z,j as t,aX as C,M,aj as P,o as r,f as m,b_ as I,C as L,r as h,y as B}from"./index-D3FYz9bE.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";import{$ as E}from"./BoxItem-BYcXwroy-DtIbTllZ.js";import{o as R}from"./commonDimensions-BhQMg8M1-gPy5h_rK.js";import{M as T}from"./StatementItem-GyeTS2vu-BWX9VCxE.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./downloadPdf-CdQzDva3-CO6yN23f.js";const x=M.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new L(h[3],h[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=v(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?R.transactionItemHeight:24,S=({index:a,style:s})=>{const n=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...s,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(T,{currentTenantCompanyName:e,accountLast4:f,data:n,authParams:g,downloadEndPoint:w,boxType:E(a,i.statements.length)},n.id)}):t.jsx(N,{style:{...s},children:t.jsx(A,{children:t.jsx(u,{windowSize:l,children:t.jsx(K,{children:x.noStatements})})})})};return t.jsxs(H,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(O,{children:t.jsx(P,{children:({height:a,width:s})=>t.jsx(V,{ref:$,height:a,width:s,outerRef:c,itemKey:n=>n,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},N=o.div``,u=o.div`
-  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,A=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,H=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,K=o(B)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,O=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r.sp6};
-`,V=o(I)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{et as default};

package/dist/assets/ZeniAccountNavBarPieces-DOWoY-ph-ChYLWcku.js

@@ -1,14 +0,0 @@
-import{Y as P,fq as $,l as O,M as j,j as a,_ as w,gr as p,gW as u,o as s,gt as z}from"./index-D3FYz9bE.js";import{n as d}from"./vendor-rkTZJa59.js";const o=j.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],y={value:"payBill",label:o.moveMoney.payBills},g={value:"transfer",label:o.moveMoney.transfer},M={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},v={value:"checkDeposit",label:o.moveMoney.checkDeposit},B=[y,g,M,v],A=[M,g,y,v],D=({zeniBankProps:e,isBillPayEnabled:f,isExpressPayEnabled:h,analytics:x,onSettingsClick:S})=>{const i=P(),l=i.loggedInUserRoleMap.deposit_accounts_user===!0||$(i),b=O.hasBillPayAccess(i.loggedInUserRoleMap),k=m.filter(t=>t.value==="accountStatement"),c=f===!0?B:A,r=h===!0?c:c.filter(t=>t.value!=="sendMoney"),N=b?r:r.filter(t=>t.value!=="payBill");return a.jsxs(_,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!l?a.jsx(E,{onClick:S,"data-testid":w("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&a.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:l?k:m,title:o.moveMoney.title}),l?null:a.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>x?.trackAccountsListPageClicked("Move Money")})]})},E=d(z)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{D as T};

package/dist/assets/ZeniTransferAmountSlider-BvyfsZDl-H7PjDSt5.js

@@ -1,63 +0,0 @@
-import{j as g,M as E,_ as L,o as i,f as j,w as M}from"./index-D3FYz9bE.js";import{b as $,n as m}from"./vendor-rkTZJa59.js";const S=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function O({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:b,setTotalBalance:k}){const[l,A]=$.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=P(t);A(t),b(r),k(u)},D=e=>`${C(e)}${S.transferDrawer.calculator.sliderTooltipText}`,C=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],P=e=>{const t=C(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=P(e);A(e),k(r),b(t)},Y=$.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),b(f(e,a))},[b]);return $.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,b,n,Y]),g.jsxs(B,{sliderValue:l,children:[g.jsx(V,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(N,{children:n.map((e,t)=>g.jsx(Q,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:F(t)},children:g.jsx(X,{isSelected:l>=t,children:I(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},F=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},I=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?S.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),V=m.input`
-  width: 100%;
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    cursor: pointer;
-    background-color: ${o=>o.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    height: ${i.sp5};
-    width: ${i.sp5};
-    border-radius: 100%;
-    margin-top: -${i.sp3}; // Centers thumb on the track
-    box-shadow: ${i.sp0} ${i.sp0} 2px ${j.blackColor};
-    background-image: ${o=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/slider-icon-${o.theme.mode==="dark"?"light":"dark"}.svg)`};
-    background-repeat: no-repeat;
-    cursor: pointer;
-  }
-`,B=m.div`
-  position: relative;
-  width: 70%;
-  margin-left: 30px;
-  margin-right: 30px;
-  margin-bottom: 20px;
-  margin-top: ${i.sp5};
-  min-height: ${i.sp8};
-`,H=m.div`
-  position: absolute;
-  height: 2px;
-  margin-top: -${i.sp2};
-  background-color: ${o=>o.theme.colors.hero};
-`,N=m.div`
-  position: absolute;
-  bottom: 0;
-  top: ${i.sp5};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`,Q=m.span`
-  position: absolute;
-  cursor: pointer;
-  transform: translateX(-50%);
-`,X=m(M)`
-  color: ${o=>o.isSelected?o.theme.colors.primary:o.theme.colors.grey1};
-  white-space: nowrap;
-`,G=m(M)`
-  position: absolute;
-  top: -${i.sp5};
-  white-space: nowrap;
-  color: ${j.primaryDark};
-  background-color: ${j.success};
-  display: flex;
-  border-radius: ${i.sp1};
-  justify-content: center;
-  align-items: center;
-  padding: 2px ${i.sp2};
-`;export{O as v};