@zeniai/web-cockpit-ui 1.14.41-qa → 1.14.42-dev

package/dist/assets/LabeledAddressValueField-DxW5wUY3-fZGEKDYY.js

@@ -1,45 +0,0 @@
-import{e as f,cn as w,cv as v,B as y,j as r,$,ct as B,C as l,eY as z,g,q as i,J as T}from"./index-IgYBqF_x.js";import{n as d}from"./vendor-rkTZJa59.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},L={infoLabel:new T("extraSmallRegular","smallRegular")},M=y.getLocalizedStrings();function E({isDisabled:e,label:n,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?h:M.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(R,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(B,{isDisabled:e,isOptional:b,label:n.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:n.width??"auto"}}),r.jsxs(j,{labelWidth:n.width,children:[r.jsx(z,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(P,{size:a,isError:s,children:c})]})]})}const R=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>t.width.valuePx(e.size)};
-  min-height: ${e=>t.height.valuePx(e.size)};
-  padding-right: ${e=>t.marginRight.valuePx(e.size)};
-  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
-
-  &:focus-within {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
-    .address-value {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
-    }
-  }
-`,j=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,P=d.label`
-  display: flex;
-  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
-  ${e=>`${L.infoLabel.style(e.size)}`};
-  padding-right: 12px;
-  text-align: right;
-`;export{E as C};

package/dist/assets/LabeledDocumentField-BQDoGQsy-DjCrwjKi.js

@@ -1,41 +0,0 @@
-import{e as I,cn as U,cv as g,j as o,$ as W,ct as k,C as l,eT as N,B as O,q as i,o as s,g as A,J}from"./index-IgYBqF_x.js";import{n as d}from"./vendor-rkTZJa59.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},q={infoLabel:new J("extraSmallRegular","smallRegular")};function H({label:e,isDisabled:r,isOptional:u,style:c,file:p,name:n,registerOptions:b,additionalInfoLabel:f,acceptableTypes:x,sizeLimit:y,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:E,hasError:F=!1,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showUploadSuccessAnimation:L,showWebCamPopUpCloseIcon:R,updateFilesEntity:B,onDeleteFile:C,onEditFileName:M,onFileSizeError:j}){const a=I(),{formState:{errors:m}}=U(),h=g(m,n),D=g(m,`${n}.fileName`);return o.jsxs(V,{size:a,style:c,isDisabled:r!=null,"data-testid":W("document-field",n),children:[o.jsx(k,{isDisabled:r,label:e.label,isOptional:u,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:e.width??"auto",...e.style}}),o.jsxs(K,{labelWidth:e.width,size:a,children:[o.jsx(N,{name:n,filesEndPoint:P,authParams:E,registerOptions:b,file:p,sizeLimit:y,acceptableTypes:x,isDisabled:r==="disabled"||r==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:F,updateFilesEntity:B,onFileSizeError:j,onDeleteFile:C,onEditFileName:M,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showWebCamPopUpCloseIcon:R,showUploadSuccessAnimation:L}),h&&o.jsx(Q,{size:a,isError:h,children:D&&p!=null?O.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:f})]})]})}const V=d.div`
-  display: flex;
-  flex-direction: ${e=>e.size==="small"?"column":"row"};
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>t.width.valuePx(e.size)};
-  min-height: ${e=>t.height.valuePx(e.size)};
-  padding-right: ${e=>t.marginRight.valuePx(e.size)};
-  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid
-      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
-  }
-`,K=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.size==="small"?"100%":e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  padding: ${e=>e.size==="small"?`${s.sp1} ${s.sp2} ${s.sp0} ${s.sp3}`:s.sp0};
-  box-sizing: ${e=>e.size==="small"?"border-box":"inherit"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,Q=d.label`
-  display: flex;
-  color: ${e=>e.isError?A.important:e.theme.colors.grey1};
-  ${e=>`${q.infoLabel.style(e.size)}`};
-  padding-right: ${s.sp3};
-  text-align: right;
-`;export{H as Y};

package/dist/assets/MagicLinkTitleSection-b4t7XGb8-Bc_IiT_b.js

@@ -1,17 +0,0 @@
-import{B as C,ab as p,j as t,c7 as m,o as n,t as g,g as x,bO as d}from"./index-IgYBqF_x.js";import{n as s,b as i}from"./vendor-rkTZJa59.js";const h=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z",fill:"currentColor"})),$=({companyName:e,currencySymbol:l,amount:r})=>{const a=C.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,c=r>0?` ${p("0,0.[00]",r,l)}`:"",o=a.title.replace(/<tenant_name>/,e)+c;return t.jsxs(t.Fragment,{children:[t.jsx(y,{children:o}),t.jsxs(u,{children:[a.description.replace(/<tenant_name>/,e),t.jsxs(w,{children:[t.jsx(f,{}),a.encrypted]})]})]})},w=s(d)`
-  display: flex;
-  gap: ${n.sp1};
-  color: ${x.successDark};
-`,f=s(h)`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: inherit;
-`,u=s(g)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: ${n.sp4};
-  color: ${e=>e.theme.colors.champion};
-  margin-top: ${n.sp3};
-`,y=s(m)``;export{$ as M};

package/dist/assets/PortfolioAllocationFormPage-DJVrByWQ-MfVlBQJr.js

@@ -1,207 +0,0 @@
-import{e as q,O as S,j as i,bp as J,B as U,$ as Y,C as u,a4 as H,o as n,a3 as Q,J as K,y as X,t as Z,q as l,v as _,am as ee,n as W,g as v,w as ie,bO as te}from"./index-IgYBqF_x.js";import{b as k,n as t}from"./vendor-rkTZJa59.js";import{V as ne}from"./PortfolioDetails-DaiiBOps-RHi4PLpn.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./treasuryColorHelper-CdOoL_vC-BdLikaU-.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=U.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 K("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:E,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[D,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:F}=E;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(V=>V.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},G=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&G(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(J,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":Y("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(ne,{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(O,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(P,{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(O,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(P,{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(H,{style:{zIndex:4,paddingTop:n.sp2,paddingBottom:n.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&F.fetchState==="In-Progress",isDisabled:p&&!D}})]})};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=t.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,de=t.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=t.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${n.sp0};
-  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${n.sp0}`};
-  z-index: 2;
-`,ce=t(Q)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  min-height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,pe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${n.sp3};
-  flex: 1;
-  overflow-y: auto;
-  ${e=>e.windowSize==="small"&&`
-    margin-bottom: ${n.sp5};
-  `}
-`,xe=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${n.sp3};
-  width: 100%;
-`,he=t(X)`
-  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,ue=t.div`
-  display: flex;
-  align-items: center;
-`,me=t.div`
-  display: flex;
-  width: 100%;
-  gap: ${n.sp3};
-`,ge=t.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: ${n.sp2};
-`,we=t.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.grey2};
-  border-radius: ${n.sp2};
-`,fe=t(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=t.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=t.div`
-  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
-  display: flex;
-  flex-direction: column;
-`,ve=t.div`
-  display: flex;
-  flex-direction: column;
-`,be=t.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  ${e=>e.windowSize==="small"&&`
-    flex-direction: column;
-    gap: ${n.sp3};
-    align-items: stretch;
-  `}
-`,je=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 245px;
-`,Se=t.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: ${n.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=t.div`
-  display: flex;
-  align-items: center;
-  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
-  position: relative;
-  width: 240px;
-`,z=t.div`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  display: flex;
-  align-items: baseline;
-  justify-content: center;
-  width: ${n.sp7};
-
-  ${e=>e.windowSize==="small"&&`
-      width: auto;
-    `}
-`,O=t(ee)`
-  color: ${e=>e.theme.colors.primary};
-`,P=t(W)`
-  color: ${e=>e.theme.colors.primary};
-`,C=t(W)`
-  color: ${e=>e.theme.colors.primary};
-`,L=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-`,B=t.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?n.sp0:n.sp3};
-    height: ${e=>e.isReadOnly===!0?n.sp0:n.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?n.sp0:n.sp3};
-    height: ${e=>e.isReadOnly===!0?n.sp0:n.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=t.div`
-  position: absolute;
-  height: 2px;
-  background-color: ${v.success};
-`,ke=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${n.sp3};
-`,Re=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: auto;
-  padding-right: ${n.sp0};
-  box-sizing: border-box;
-`,ze=t.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=t(ie)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`,T=t(te)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`;export{Me as default};

package/dist/assets/ReimbursementApprovalRuleDetailPage-CCTo6kvJ-BhsLlWsu.js

@@ -1,26 +0,0 @@
-import{C as V,q as U,u as M,e as W,B,a as X,a2 as G,j as s,X as H,ca as J,aX as K,F as Q,a4 as Y,o as f}from"./index-IgYBqF_x.js";import{b as D,n as h}from"./vendor-rkTZJa59.js";import{b as Z,f as ee,l as L,o as $}from"./FollowStepsSection-CFs_c9UA-C2ivxTgB.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const j="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",ae={footerPadding:new V(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const F=M(),S=W(),t=B.getLocalizedStrings().commonSetUp.approval,I=B.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=te(e,r==="approval_create"&&!a),g=X({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=G(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const q=g.handleSubmit(()=>{N()}),z=async(i,p)=>{b(p)};return D.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const O=H(p);J(()=>z(R,O))}});return()=>{i.unsubscribe()}}),D.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?t.newApproval:t.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C(j),onSubmit:q,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>a?!0:i!=null&&i>v},isDisabled:a,additionalInfoLabel:t.firstRuleLowerBoundInfoLabel,additionalErrorLabel:t.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:t.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:t.followStepsLabel},approversPlaceholder:t.approversPlaceholder,notifiersPlaceholder:t.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:t.userSelectPlaceholder,approveNotifyPlaceholder:t.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C(j),primaryBtn:{label:t.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:t.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const te=(e,r)=>{const{criteria:a,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),$(e.allAttributes),$(e.filteredAttributes),l??[])??[],[T]:r?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},re=(e,r,a,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:L},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(a,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:L},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(a=>a.userId!=null&&r.findIndex(l=>l.userId===a.userId)>-1),oe=(e,r)=>e.filter(a=>r.findIndex(l=>l.subType===a.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ie=h.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${f.sp2};
-`,ne=h.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,pe=h.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;export{ae as D,ye as default,C as uniqueFormName,Ae as uniqueName};

package/dist/assets/ReviewOverlay-CFgWwm-p-BrjMlpfM.js

@@ -1,152 +0,0 @@
-import{e as B,j as e,$ as x,o as r,a4 as L,C as d,a3 as M,J as C,y as W,g as s,t as y,c6 as R,m as I,w as j,aB as D,q as n,ej as G,az as J,jj as A,jk as F}from"./index-IgYBqF_x.js";import{n as t}from"./vendor-rkTZJa59.js";const l={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},Q={title:new C("h6Regular","h5Regular")},xi=({title:i,description:p,reviewItems:S,showFooter:b,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:P})=>{const a=B();return e.jsxs(H,{children:[e.jsx(X,{windowSize:a,children:e.jsx(Y,{children:e.jsx(Z,{windowSize:a,children:e.jsx(ii,{children:e.jsx(ei,{onClick:k,"data-testid":x("review-overlay-close",i)})})})})}),e.jsxs(O,{windowSize:a,children:[e.jsxs(_,{windowSize:a,children:[e.jsx(K,{children:e.jsx(N,{windowSize:a,children:i})}),e.jsx(U,{isError:p.isError,windowSize:a,children:p.content})]}),e.jsx(V,{windowSize:a,children:S.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return e.jsxs(ri,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?e.jsx(ci,{onClick:()=>P(o.id),"data-testid":x("review-close",o.id)}):null,e.jsxs(ti,{children:[e.jsxs(ni,{children:[e.jsx(di,{children:q(o)}),e.jsxs(oi,{children:[e.jsxs(m,{children:[e.jsx(u,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),e.jsx(u,{isWarning:c,isError:h,children:o.rightSideText.title})]}),e.jsxs(m,{children:[e.jsx(si,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),a!=="small"?e.jsxs(w,{windowSize:a,children:[e.jsx(g,{isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),a==="small"?e.jsxs(w,{windowSize:a,children:[e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),b?e.jsx(L,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},q=i=>i.reviewStatus.isLoading?e.jsx(I,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):i.reviewStatus.code==="error"?e.jsx(v,{isError:!0}):i.reviewStatus.code==="warning"?e.jsx(v,{isError:!1}):i.reviewStatus.code==="valid"?e.jsx(ai,{}):i.reviewStatus.code==="low-balance"?e.jsx(hi,{}):e.jsx(li,{}),H=t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-`,O=t.div`
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  margin-top: ${i=>l.containerMarginTop.valuePx(i.windowSize)};
-  margin-bottom: ${r.sp8};
-`,_=t.div`
-  position: sticky;
-  top: ${r.sp0};
-  background-color: ${i=>i.theme.colors.grey4};
-  z-index: 1;
-  padding-left: ${i=>l.containerMarginLeft.valuePx(i.windowSize)};
-  padding-right: ${i=>l.containerMarginRight.valuePx(i.windowSize)};
-`,K=t.div`
-  display: flex;
-  align-items: center;
-`,N=t(W)`
-  ${i=>`${Q.title.style(i.windowSize)}`};
-  color: ${i=>i.theme.colors.primary};
-  margin-top: ${r.sp2};
-  margin-bottom: ${i=>l.titleMarginBotom.valuePx(i.windowSize)};
-  margin-right: ${i=>l.titleMarginRight.valuePx(i.windowSize)};
-`,U=t(y)`
-  margin-bottom: ${i=>l.subTitleMarginBottom.valuePx(i.windowSize)};
-  color: ${i=>i.isError?s.important:i.theme.colors.hero};
-`,V=t.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: ${r.sp3};
-  margin-left: ${i=>l.containerMarginLeft.valuePx(i.windowSize)};
-  margin-right: ${i=>l.containerMarginRight.valuePx(i.windowSize)};
-`,X=t.div`
-  min-height: ${i=>l.navBarHeight.valuePx(i.windowSize)};
-  position: sticky;
-  border-bottom: 1px solid transparent;
-  z-index: 2;
-  top: ${r.sp0};
-  width: 100%;
-`,Y=t.div`
-  position: relative;
-  min-height: 62px;
-`,Z=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: absolute;
-  top: ${r.sp0};
-  left: ${r.sp0};
-  right: ${r.sp0};
-  padding-right: ${i=>l.navBarPaddingRight.valuePx(i.windowSize)};
-  padding-left: ${i=>l.navBarPaddingLeft.valuePx(i.windowSize)};
-  height: 100%;
-`,ii=t.div`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: flex-end;
-`,ei=t(M)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  cursor: pointer;
-  color: ${i=>i.theme.colors.grey1};
-  &:hover {
-    color: ${i=>i.theme.colors.primary};
-  }
-`,ri=t.div`
-  position: relative;
-  display: flex;
-  background-color: ${i=>i.isActive?i.isError?s.importantLight:i.isWarning?s.alertLight:i.theme.colors.grey5:i.theme.colors.grey5};
-  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
-  border-radius: ${r.sp2};
-  margin-bottom: ${r.sp3};
-  border-color: ${i=>i.isActive?i.isError?s.important:i.isWarning?s.brandColorGoldDark:i.theme.colors.grey3:i.isLoading?i.theme.colors.primary:i.theme.colors.grey3};
-  flex-direction: column;
-  box-shadow: ${r.sp0} 1px 2px ${r.sp0} ${s.boxShadowElevation};
-`,ti=t.div`
-  padding: ${r.sp3} ${r.sp4};
-  align-items: center;
-`,ni=t.div`
-  display: flex;
-  width: 100%;
-`,oi=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: center;
-`,m=t.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`,w=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${i=>i.windowSize==="small"?"self-start":"self-end"};
-`,u=t(y)`
-  color: ${i=>i.isError||i.isWarning?i.theme.mode==="dark"?s.neutralGrey4Dark:i.isWarning:i.theme.colors.primary};
-`,si=t(j)`
-  margin-top: -5px;
-  color: ${i=>i.theme.mode==="dark"?s.neutralGrey1Dark:i.theme.colors.primary};
-`,g=t(j)`
-  display: flex;
-  margin-top: -5px;
-  color: ${i=>i.isError?s.important:i.isWarning?s.brandColorGoldDark:i.theme.colors.primary};
-`,v=t(G)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${i=>i.isError?s.important:s.brandColorGoldDark};
-`,ai=t(J)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${s.success};
-`,li=t(F)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${i=>i.theme.colors.grey2};
-`,di=t.div`
-  margin-top: 2px;
-  display: flex;
-`,ci=t(R)`
-  cursor: pointer;
-  color: ${i=>i.theme.colors.hero};
-  &:hover {
-    color: ${i=>i.theme.colors.primary};
-  }
-  position: absolute;
-  top: -12px;
-  right: -12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  border-radius: 50%;
-  background-color: ${i=>i.theme.colors.grey5};
-`,f=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: ${r.sp1};
-`,$=t(D)`
-  color: ${i=>i.theme.colors.brandColorJade};
-  width: ${r.sp3};
-  height: ${r.sp3};
-`,hi=t(A)`
-  color: ${i=>i.theme.colors.brandColorGoldDark};
-  width: ${r.sp4};
-  height: ${r.sp4};
-`;export{xi as p};

package/dist/assets/StatementsPage-DD2PvuDv-CJO0D7Zd.js

@@ -1,58 +0,0 @@
-import{u as v,e as z,j as t,aX as C,B as P,aj as B,o as r,g as m,b_ as I,C as L,q as h,t as E}from"./index-IgYBqF_x.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";import{$ as M}from"./BoxItem-BebxqupW-BdoD_mmi.js";import{o as O}from"./commonDimensions-BI8wHGzb-vF0LFeSK.js";import{O as R}from"./StatementItem-C2VaQMdB-GityFkee.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./downloadPdf-BET_DSP9-DmgSWYo3.js";const x=P.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?O.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(R,{currentTenantCompanyName:e,accountLast4:f,data:n,authParams:g,downloadEndPoint:w,boxType:M(a,i.statements.length)},n.id)}):t.jsx(T,{style:{...s},children:t.jsx(N,{children:t.jsx(u,{windowSize:l,children:t.jsx(H,{children:x.noStatements})})})})};return t.jsxs(A,{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(K,{children:t.jsx(B,{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})})})]})},T=o.div``,u=o.div`
-  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,N=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,A=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,H=o(E)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,K=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-BlVvO8S4-Bu0wNDog.js

@@ -1,14 +0,0 @@
-import{Y as $,fr as P,l as w,B,j as i,$ as O,gs as p,gX as u,o as s,gu as j}from"./index-IgYBqF_x.js";import{n as d}from"./vendor-rkTZJa59.js";const o=B.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],g={value:"payBill",label:o.moveMoney.payBills},y={value:"transfer",label:o.moveMoney.transfer},v={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},M={value:"checkDeposit",label:o.moveMoney.checkDeposit},z=[g,y,v,M],A=[v,y,g,M],D=({zeniBankProps:e,isBillPayEnabled:h,isExpressPayEnabled:x,analytics:f,onSettingsClick:b})=>{const l=$(),a=l.loggedInUserRoleMap.deposit_accounts_user===!0||P(l),k=w.hasBillPayAccess(l.loggedInUserRoleMap),S=m.filter(t=>t.value==="accountStatement"),c=h===!0?z:A,r=x===!0?c:c.filter(t=>t.value!=="sendMoney"),N=k?r:r.filter(t=>t.value!=="payBill");return i.jsxs(_,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!a?i.jsx(E,{onClick:b,"data-testid":O("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:a?S:m,title:o.moveMoney.title}),a?null:i.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:()=>f?.trackAccountsListPageClicked("Move Money")})]})},E=d(j)`
-  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-H-uhh5z4-DVStaopp.js

@@ -1,63 +0,0 @@
-import{j as g,B as E,$ as L,o as i,g as j,w as S}from"./index-IgYBqF_x.js";import{b,n as m}from"./vendor-rkTZJa59.js";const M=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function O({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(N,{children:n.map((e,t)=>g.jsx(Q,{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};
-`,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(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{O as v};