@zeniai/web-cockpit-ui 1.14.13-qa → 1.14.14-dev

package/dist/assets/ZeniTransferAmountSlider-Did4Chpj-DUNIonGt.js

@@ -1,63 +0,0 @@
-import{j as g,B as E,$ as L,o as i,d as j,w as S}from"./index-Dv7T7Q4q.js";import{b,n as m}from"./vendor-CnQcJ2Lu.js";const M=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function Q({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:$,setTotalBalance:k}){const[l,A]=b.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=b.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=b.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),$(r),k(u)},D=e=>`${C(e)}${M.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),$(t)},Y=b.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),$(f(e,a))},[$]);return b.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,$,n,Y]),g.jsxs(V,{sliderValue:l,children:[g.jsx(I,{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(J,{children:n.map((e,t)=>g.jsx(N,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:B(t)},children:g.jsx(X,{isSelected:l>=t,children:F(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},B=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%"}},F=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?M.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),I=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;
-  }
-`,V=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};
-`,J=m.div`
-  position: absolute;
-  bottom: 0;
-  top: ${i.sp5};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`,N=m.span`
-  position: absolute;
-  cursor: pointer;
-  transform: translateX(-50%);
-`,X=m(S)`
-  color: ${o=>o.isSelected?o.theme.colors.primary:o.theme.colors.grey1};
-  white-space: nowrap;
-`,G=m(S)`
-  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{Q as v};