@zeniai/web-cockpit-ui 1.14.0-qa → 1.14.1-dev

package/dist/assets/PortfolioAllocationFormPage-DSjAD_xB-DNiLcIBn.js

@@ -1,207 +0,0 @@
-import{X as H,H as S,j as i,bs as Y,M as q,Y as Q,C as u,a3 as K,o as t,a2 as V,Q as X,h as J,q as Z,n as l,v as _,al as ee,f as W,g as v,w as ie,bH as ne}from"./index-B6_cg6uw.js";import{b as k,n}from"./vendor-CnQcJ2Lu.js";import{U as te}from"./PortfolioDetails-BO6oRP5r-D0WEIBgj.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-BExq29Np-Bdd5DDhE.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=q.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new X("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:D,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=H(),[E,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:U}=D;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(G=>G.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},F=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&F(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(Y,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":Q("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(te,{isInReview:!1,isSetup:!0,fundDetails:N,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{style:{zIndex:4,paddingTop:t.sp2,paddingBottom:t.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&U.fetchState==="In-Progress",isDisabled:p&&!E}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=n.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,de=n.div`
-  height: auto;
-  padding-left: ${e=>`${a.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${a.containerPaddingRight.valuePx(e.windowSize)}`};
-  flex: 1;
-  overflow-y: auto;
-`,ae=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-`,ce=n(V)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,pe=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${t.sp3};
-  flex: 1;
-  overflow-y: auto;
-  ${e=>e.windowSize==="small"&&`
-    margin-bottom: ${t.sp5};
-  `}
-`,xe=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.sp3};
-  width: 100%;
-`,he=n(J)`
-  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,ue=n.div`
-  display: flex;
-  align-items: center;
-`,me=n.div`
-  display: flex;
-  width: 100%;
-  gap: ${t.sp3};
-`,ge=n.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: ${t.sp2};
-`,we=n.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.grey2};
-  border-radius: ${t.sp2};
-`,fe=n(Z)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: left;
-  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
-  width: 100%;
-  margin-top: ${e=>e.isReadOnly===!0?"-8px":"0"};
-`,$e=n.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.cardBorderRadius}px;
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  width: 100%;
-  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
-  display: flex;
-  flex-direction: column;
-`,ye=n.div`
-  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
-  display: flex;
-  flex-direction: column;
-`,ve=n.div`
-  display: flex;
-  flex-direction: column;
-`,be=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  ${e=>e.windowSize==="small"&&`
-    flex-direction: column;
-    gap: ${t.sp3};
-    align-items: stretch;
-  `}
-`,je=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 245px;
-`,Se=n.button`
-  background: none;
-  border: none;
-  cursor: ${e=>e.isRecommended?"default":"pointer"};
-  color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.hero};
-  ${_.smallRegular.css};
-  text-align: left;
-  padding: ${t.sp0};
-  text-decoration: underline;
-  pointer-events: ${e=>e.isRecommended?"none":"auto"};
-
-  &:hover {
-    color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,R=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
-  position: relative;
-  width: 240px;
-`,z=n.div`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  display: flex;
-  align-items: baseline;
-  justify-content: center;
-  width: ${t.sp7};
-
-  ${e=>e.windowSize==="small"&&`
-      width: auto;
-    `}
-`,P=n(ee)`
-  color: ${e=>e.theme.colors.primary};
-`,O=n(W)`
-  color: ${e=>e.theme.colors.primary};
-`,C=n(W)`
-  color: ${e=>e.theme.colors.primary};
-`,L=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-`,B=n.input`
-  width: ${({windowSize:e})=>a.sliderWidth.valuePx(e)};
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    background-color: ${e=>e.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    width: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
-    height: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
-    border-radius: 50%;
-    background: ${e=>e.theme.colors.grey5};
-    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
-    margin-top: -7px;
-    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
-    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
-  }
-
-  &::-moz-range-thumb {
-    width: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
-    height: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
-    border-radius: 50%;
-    background: ${e=>e.theme.colors.grey5};
-    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
-    margin-top: -7px;
-    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
-    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
-  }
-`,I=n.div`
-  position: absolute;
-  height: 2px;
-  background-color: ${v.success};
-`,ke=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${t.sp3};
-`,Re=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: auto;
-  padding-right: ${t.sp0};
-  box-sizing: border-box;
-`,ze=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
-  width: 129px;
-  padding-right: ${e=>a.riskLevelInfoPaddingRight.valuePx(e.windowSize)};
-  box-sizing: border-box;
-`,A=n(ie)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`,T=n(ne)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`;export{Me as default};

package/dist/assets/RoleWithToolTip-B2SfhDfC-B2LT4PHT.js

@@ -1,22 +0,0 @@
-import{eI as h,eJ as x,j as t,bs as m,o as n,Y as o,M as g,e as j,w as p}from"./index-B6_cg6uw.js";import{n as s}from"./vendor-CnQcJ2Lu.js";const{hyphen:a}=g.getLocalizedStrings().common.strings,y=s.div``,f=s.div`
-  display: flex;
-  min-width: 192px;
-  justify-content: space-between;
-`,w=s(p)`
-  color: ${e=>e.theme.colors.hero};
-`,b=s(p)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,d=s.div`
-  display: flex;
-  align-items: center;
-`,u=s(j)`
-  border-radius: ${n.sp12};
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  display: flex;
-  height: 18px;
-  width: 18px;
-  align-items: center;
-  justify-content: center;
-  color: 1px solid ${e=>e.theme.colors.grey1};
-  margin-left: ${n.sp1};
-`,C=({roles:e})=>{let r=a,l=[];r=h(e),l=x(e);const c=()=>l.length>0?t.jsx(y,{children:l.map(i=>t.jsxs(f,{children:[t.jsx(w,{children:i[0]}),t.jsx(b,{children:i[1]})]},i.join(",")))}):t.jsx(t.Fragment,{children:a});return l.length>0?t.jsx(m,{enterDelay:600,"data-testid":o("roles-tooltip",r),title:c(),placement:"top-end",style:{marginLeft:n.sp1,padding:"6px 12px"},maxWidth:"264px",children:t.jsxs(d,{"data-testid":o("roles-label-wrapper",r),children:[r,t.jsx(u,{className:"roles-count-wrapper","data-testid":o("roles-count-wrapper",r),children:l.length})]})}):t.jsx(d,{"data-testid":o("roles-label-wrapper",r),children:r})};export{C as T};

package/dist/assets/TimeframeSwitcherWithToggle-CrMpS9eg-BeZVTjXb.js

@@ -1,31 +0,0 @@
-import{X as c,j as t,C as n,w,b3 as x}from"./index-B6_cg6uw.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-OwZhofpM-BF4jSXHi.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(x,{...o,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,y=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-`,m=r.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>d.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>d.timeframePaddingBottom.valuePx(e.windowSize)};
-`,k=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,j=r.div`
-  display: flex;
-  width: 125px;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,C=r(w)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};