@zeniai/web-cockpit-ui 1.14.17-prod → 1.14.18-dev

package/dist/assets/PortfolioAllocationFormPage-9GM9dOrM-B8ssUltJ.js

@@ -0,0 +1,207 @@
+import{X as q,H as S,j as i,bt as H,M as Q,_ as U,C as u,a4 as Y,o as n,a3 as K,Q as X,h as _,e as J,q as l,f as Z,am as ee,m as W,g as v,v as ie,bI as te}from"./index-C5chxI3W.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{V as ne}from"./PortfolioDetails-BmAHjCVw-CsG6lf5x.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-I90KNlm_-BYEIYIdA.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=q(),[E,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:F}=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(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(H,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":U("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(P,{children:d.riskScore}),i.jsx(O,{children:m.strings.slash}),i.jsx(C,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(I,{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(B,{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(O,{children:m.strings.slash}),i.jsx(C,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(I,{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(B,{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(Y,{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&&!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=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(K)`
+  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(_)`
+  ${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(J)`
+  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};
+  ${Z.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;
+    `}
+`,P=t(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,C=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,O=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,L=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+`,I=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"};
+  }
+`,B=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/{PortfolioDetails-CIv1yXo2-DlYUzm0Y.js → PortfolioDetails-BmAHjCVw-CsG6lf5x.js}

@@ -1,7 +1,7 @@
-import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,bx as f,g as A,bL as _,d as L,dt as Z,af as ee,am as ie,b5 as se,bd as le,B as ne,d8 as oe,q as te}from"./index-Brv5pz8V.js";import{n as s,b as re}from"./vendor-CnQcJ2Lu.js";import{l as ae}from"./treasuryColorHelper-BgV2H9Kv-DqJwHecP.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=X.getLocalizedStrings(),w={portfolioYieldMarginTop:new O(-4,te[0]),sliderWidth:new O(143,177)},Oe=({isInReview:i,isSetup:n,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!n&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${l.sp2} ${l.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const I=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:n,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(n=>[{label:o.promoPage.liquidity,value:n.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:G(n.fundSize,n.currencyCode)},{label:o.promoPage.maturity,value:`${n.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${n.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:n.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(n.compositions)&&n.compositions.length>0?`${n.compositions[0].investedIn} ${n.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(n.compositions)&&n.compositions.length>1?`+${n.compositions.length-1}`:void 0,compositions:n.compositions??[]}]),pe=({portfolio:i,fund:n,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const I=H().analytics,h=K(),t=Q(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,J]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(n.fundName,n.fundCode,x),J(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:n.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${n.fundCompanyName} ${n.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(q,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(F,{children:b!=null?N("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(q,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:l.sp3},children:[n.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(ke,{children:v?e.jsxs(Ie,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:l.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(U,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(F,{children:b!=null?N("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${l.sp2} ${l.sp0}`,...j?{marginBottom:l.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(V,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}):e.jsxs(Ae,{children:[e.jsxs(U,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(V,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(T,{children:n.description}),e.jsx(be,{style:{marginLeft:l.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(T,{children:r.strings.dividerDot}),e.jsx(T,{style:{minWidth:"140px"},children:c.label}),e.jsxs(T,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${l.sp1} ${l.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:l.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(B=>({text:`${r.strings.dividerDot}  ${B.investedIn}`,amount:`${B.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${l.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(n.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${n.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(Te,{style:{width:"100%",marginBottom:l.sp3}})]})},xe=s.div`
+import{j as e,M as K,o as n,iv as X,e as E,d3 as _,u as G,X as Q,a0 as q,C as B,bt as f,g as I,bI as H,v as N,dq as Z,af as ee,am as ie,b5 as se,bd as ne,m as le,d5 as oe,q as te}from"./index-C5chxI3W.js";import{n as s,b as re}from"./vendor-CnQcJ2Lu.js";import{l as ae}from"./treasuryColorHelper-I90KNlm_-BYEIYIdA.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=K.getLocalizedStrings(),w={portfolioYieldMarginTop:new B(-4,te[0]),sliderWidth:new B(143,177)},Be=({isInReview:i,isSetup:l,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!l&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const A=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:l,isLast:x===a.length-1,amount:g,currentAllocationAmount:A,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(l=>[{label:o.promoPage.liquidity,value:l.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:X(l.fundSize,l.currencyCode)},{label:o.promoPage.maturity,value:`${l.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${l.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:l.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(l.compositions)&&l.compositions.length>0?`${l.compositions[0].investedIn} ${l.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(l.compositions)&&l.compositions.length>1?`+${l.compositions.length-1}`:void 0,compositions:l.compositions??[]}]),pe=({portfolio:i,fund:l,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const A=_().analytics,h=G(),t=Q(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,J]=re.useState(!1),u=ae(m,h),S=()=>{p||A.trackTreasuryProspectusClick(l.fundName,l.fundCode,x),J(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:l.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${l.fundCompanyName} ${l.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(V,{children:b!=null?q("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:n.sp3},children:[l.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(Te,{children:v?e.jsxs(Ae,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:n.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(V,{children:b!=null?q("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${n.sp2} ${n.sp0}`,...j?{marginBottom:n.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]}):e.jsxs(Ie,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(k,{children:l.description}),e.jsx(be,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(k,{children:r.strings.dividerDot}),e.jsx(k,{style:{minWidth:"140px"},children:c.label}),e.jsxs(k,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(L=>({text:`${r.strings.dividerDot}  ${L.investedIn}`,amount:`${L.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(l.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${l.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(ke,{style:{width:"100%",marginBottom:n.sp3}})]})},xe=s.div`
   display: flex;
   flex-direction: row;
-  gap: ${l.sp2};
+  gap: ${n.sp2};
   width: 100%;
 `,me=s(E)`
   color: ${i=>i.theme.colors.hero};
@@ -21,54 +21,54 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   width: 100%;
-  margin-bottom: ${l.sp2};
+  margin-bottom: ${n.sp2};
 `,fe=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,ye=s(_)`
-  color: ${A.graphColor34Dark};
+`,ye=s(H)`
+  color: ${I.graphColor34Dark};
   max-width: 280px;
 `,we=s.span`
   color: ${i=>i.theme.colors.primary};
-  margin-right: ${l.sp1};
+  margin-right: ${n.sp1};
 `,ve=s.span`
-  color: ${i=>i.color??A.graphColor34Dark};
-`,q=s.div`
+  color: ${i=>i.color??I.graphColor34Dark};
+`,O=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   width: 129px;
 `,y=s(ie)`
   color: ${i=>i.theme.colors.primary};
-  min-width: ${l.sp7};
+  min-width: ${n.sp7};
   text-align: left;
-`,C=s(_)`
-  color: ${A.success};
+`,C=s(H)`
+  color: ${I.success};
   margin-top: ${i=>w.portfolioYieldMarginTop.valuePx(i.windowSize)};
-`,D=s(L)`
+`,D=s(N)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${l.sp1};
+  gap: ${n.sp1};
   color: ${i=>i.theme.colors.hero};
-`,je=s(ne)`
+`,je=s(le)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${l.sp1};
-`,F=s(L)`
+  gap: ${n.sp1};
+`,V=s(N)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${l.sp1};
+  gap: ${n.sp1};
   color: ${i=>i.theme.colors.primary};
 `,$e=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${l.sp2};
+  gap: ${n.sp2};
   width: 240px;
 `,R=s.div`
   display: flex;
@@ -97,14 +97,14 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
 `,W=s.div`
   position: absolute;
   height: 2px;
-  background-color: ${i=>i.color??A.graphColor34Dark};
-`,z=s(L)`
+  background-color: ${i=>i.color??I.graphColor34Dark};
+`,z=s(N)`
   color: ${i=>i.theme.colors.hero};
   align-self: flex-start;
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${l.sp1};
+  gap: ${n.sp1};
   cursor: pointer;
 `,P=s(ee)`
   width: 12px;
@@ -115,20 +115,20 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
   flex-direction: column;
   width: 100%;
   justify-self: flex-start;
-  gap: ${l.sp2};
-  margin-bottom: ${l.sp3};
-`,T=s(E)`
+  gap: ${n.sp2};
+  margin-bottom: ${n.sp3};
+`,k=s(E)`
   color: ${i=>i.theme.colors.hero};
 `,Ce=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${i=>i.windowSize==="small"?l.sp1:l.sp2};
-`,De=s(le)`
+  gap: ${i=>i.windowSize==="small"?n.sp1:n.sp2};
+`,De=s(ne)`
   color: ${i=>i.theme.colors.hero};
   padding: 1px 6px;
   border: 1px solid ${i=>i.theme.colors.grey2};
-  border-radius: ${l.sp1};
+  border-radius: ${n.sp1};
 `,ze=s(oe)`
   width: 12px;
   height: 12px;
@@ -136,7 +136,7 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
   display: flex;
   flex-direction: row;
   align-items: baseline;
-  gap: ${l.sp2};
+  gap: ${n.sp2};
   width: fit-content;
   cursor: pointer;
   color: ${i=>i.theme.colors.hero};
@@ -145,66 +145,66 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
     color: ${i=>i.theme.colors.primary};
     text-decoration: underline;
   }
-`,k=s(Z)`
+`,T=s(Z)`
   cursor: pointer;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   color: ${i=>i.theme.colors.hero};
-`,Te=s.div`
+`,ke=s.div`
   display: flex;
   flex: 1;
   background-color: ${i=>i.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
 `,Y=s(se)`
-  width: ${l.sp3};
-  height: ${l.sp3};
+  width: ${n.sp3};
+  height: ${n.sp3};
   color: ${i=>i.theme.colors.hero};
   margin-bottom: -3px;
   cursor: pointer;
   :hover {
     color: ${i=>i.theme.colors.primary};
   }
-`,ke=s.div`
+`,Te=s.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   width: 100%;
-  margin-top: ${l.sp2};
+  margin-top: ${n.sp2};
 `,Ye=s.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
-`,Ae=s.div`
+`,Ie=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,U=s.div`
+`,F=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex: 1;
-`,V=s.div`
+`,U=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ie=s.div`
+`,Ae=s.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-  gap: ${l.sp2};
+  gap: ${n.sp2};
 `,Re=s.div`
   display: flex;
   flex-direction: row;
   width: 100%;
-  gap: ${l.sp2};
+  gap: ${n.sp2};
   justify-content: space-between;
 `,Me=s.div`
   display: flex;
@@ -214,5 +214,5 @@ import{j as e,M as X,o as l,iy as G,n as E,d6 as H,u as K,e as Q,a0 as N,C as O,
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${l.sp3};
-`;export{Oe as V};
+  gap: ${n.sp3};
+`;export{Be as V};

package/dist/assets/{ProductsCarousel-CSUQ6rVw-Dq7KRKaA.js → ProductsCarousel-DnbMUIHf-CibvwP8L.js}

@@ -1,4 +1,4 @@
-import{M as X,j as t,d6 as N,o as l,bt as B,af as U,d7 as q,s as G,n as _,d8 as H,g as y}from"./index-Brv5pz8V.js";import{b as w,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),j={large:{labelComp:q,title:G,subtitle:_,seeMoreLink:_}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=J.large,Y=i.div`
+import{M,j as t,d3 as N,o as l,bp as Z,af as B,d4 as U,Z as G,e as _,d5 as H,g as y}from"./index-C5chxI3W.js";import{b as w,n as i}from"./vendor-CnQcJ2Lu.js";const u=M.getLocalizedStrings(),j={large:{labelComp:U,title:G,subtitle:_,seeMoreLink:_}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=J.large,Y=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   overflow: hidden;
@@ -18,7 +18,7 @@ import{M as X,j as t,d6 as N,o as l,bt as B,af as U,d7 as q,s as G,n as _,d8 as
     box-shadow: ${e=>`${e.variant==="large"?y.Elevation2Light:y.Elevation1Light}`};
     border-radius: ${e=>e.scale*o.borderRadius}px;
   }
-`,Z=i(j.large.labelComp)`
+`,q=i(j.large.labelComp)`
   color: ${e=>e.theme.colors.brandColorRuby};
   text-transform: uppercase;
   margin-bottom: ${e=>e.scale*o.gap}px;
@@ -76,18 +76,18 @@ import{M as X,j as t,d6 as N,o as l,bt as B,af as U,d7 as q,s as G,n as _,d8 as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,ne=({scale:e=1,variant:s="large",label:a,title:n,subtitle:c,seeMoreLink:p,image:m})=>{const h=t.jsx(W,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(te,{children:[t.jsxs(ie,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,c!=null&&c.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:c}):null,p!=null&&p.trim()!==u.common.strings.empty?t.jsxs(oe,{scale:e,children:[t.jsx(V,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(re,{scale:e})]}):null]}),m!=null&&m.trim()!==u.common.strings.empty?t.jsx(se,{children:t.jsx(ae,{src:m,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:s,children:s==="large"&&p!=null&&p.trim()!==u.common.strings.empty?t.jsx(ee,{href:p,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,F=5,A=1328,le=i.div`
+`,ne=({scale:e=1,variant:s="large",label:a,title:n,subtitle:c,seeMoreLink:p,image:m})=>{const h=t.jsx(W,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(te,{children:[t.jsxs(ie,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(q,{scale:e,children:a}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,c!=null&&c.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:c}):null,p!=null&&p.trim()!==u.common.strings.empty?t.jsxs(oe,{scale:e,children:[t.jsx(V,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(re,{scale:e})]}):null]}),m!=null&&m.trim()!==u.common.strings.empty?t.jsx(se,{children:t.jsx(ae,{src:m,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:s,children:s==="large"&&p!=null&&p.trim()!==u.common.strings.empty?t.jsx(ee,{href:p,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,F=5,A=1328,le=i.div`
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-`,ce=i(U)`
+`,ce=i(B)`
   width: ${l.sp3};
   height: ${l.sp3};
   color: ${e=>e.theme.colors.hero};
-`,M=i.div`
+`,X=i.div`
   ${({useFixedArrowPosition:e,position:s,arrowOffset:a})=>e?`
     position: absolute;
     top: 50%;
@@ -113,7 +113,7 @@ import{M as X,j as t,d6 as N,o as l,bt as B,af as U,d7 as q,s as G,n as _,d8 as
     }
     outline-color: ${e=>e.theme.colors.primary};
   }
-`,pe=i(B)`
+`,pe=i(Z)`
   width: ${l.sp3};
   height: ${l.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -141,4 +141,4 @@ import{M as X,j as t,d6 as N,o as l,bt as B,af as U,d7 as q,s as G,n as _,d8 as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${s})
     }
   `}
-`,me=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],he=({cards:e,showUpdatePaymentDetailButton:s,stopCarousel:a,scale:n=1,useFixedArrowPosition:c=!1})=>{const[p,m]=w.useState(2),[h,b]=w.useState(!1),[v,C]=w.useState(!1),f=e.length,S=N().analytics,L=(A-A*n)/2*-1,$=w.useCallback(r=>{v||(C(!0),m(d=>(d+r+f)%f),setTimeout(()=>C(!1),1e3))},[v,f]);w.useEffect(()=>{if(h||a||v)return;const r=setInterval(()=>{$(1)},3e3);return()=>clearInterval(r)},[h,a,v,$]);const P=r=>(p+r-x+f)%f,O=r=>{const d=Array.from({length:F},(g,k)=>P(k)).indexOf(r)-x;d!==0&&$(d),s?S.trackOnboardingLandingPageCardClick(e[r].cardTitle):S.trackOnboardingInterimCard(e[r].cardTitle)};return t.jsxs(le,{children:[t.jsx(M,{arrowOffset:L,position:"left",useFixedArrowPosition:c,onClick:()=>$(-1),children:t.jsx(pe,{className:"btnsvg"})}),t.jsx(de,{useFixedArrowPosition:c,children:e.map((r,d)=>{const g=Array.from({length:F},(be,R)=>P(R)).indexOf(d);if(g===-1)return null;const{positionX:k,scale:E}=me[g],z=g===x,T=E*n,D=k*n,I=1.02*n;return t.jsx(ge,{isForeFront:z,positionX:D,scale:T,hoverScale:I,onClick:()=>O(d),onMouseEnter:()=>z&&b(!0),onMouseLeave:()=>z&&b(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ne,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},d)})}),t.jsx(M,{arrowOffset:L,position:"right",useFixedArrowPosition:c,onClick:()=>$(1),children:t.jsx(ce,{className:"btnsvg"})})]})},ue=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],xe=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],we=({scale:e=1,showUpdatePaymentDetailButton:s=!1,stopCarousel:a=!1,useFixedArrowPosition:n=!1})=>{const{customerOnboardingPage:c}=X.getLocalizedStrings(),{productSuite:p}=c,m=p.productCard.cards.map((h,b)=>({...h,imageLink:ue[b],redirectLink:xe[b]}));return t.jsx(he,{cards:m,scale:e,showUpdatePaymentDetailButton:s,stopCarousel:a,useFixedArrowPosition:n})};export{we as S};
+`,me=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],he=({cards:e,showUpdatePaymentDetailButton:s,stopCarousel:a,scale:n=1,useFixedArrowPosition:c=!1})=>{const[p,m]=w.useState(2),[h,b]=w.useState(!1),[v,C]=w.useState(!1),f=e.length,S=N().analytics,L=(A-A*n)/2*-1,$=w.useCallback(r=>{v||(C(!0),m(d=>(d+r+f)%f),setTimeout(()=>C(!1),1e3))},[v,f]);w.useEffect(()=>{if(h||a||v)return;const r=setInterval(()=>{$(1)},3e3);return()=>clearInterval(r)},[h,a,v,$]);const P=r=>(p+r-x+f)%f,O=r=>{const d=Array.from({length:F},(g,k)=>P(k)).indexOf(r)-x;d!==0&&$(d),s?S.trackOnboardingLandingPageCardClick(e[r].cardTitle):S.trackOnboardingInterimCard(e[r].cardTitle)};return t.jsxs(le,{children:[t.jsx(X,{arrowOffset:L,position:"left",useFixedArrowPosition:c,onClick:()=>$(-1),children:t.jsx(pe,{className:"btnsvg"})}),t.jsx(de,{useFixedArrowPosition:c,children:e.map((r,d)=>{const g=Array.from({length:F},(be,R)=>P(R)).indexOf(d);if(g===-1)return null;const{positionX:k,scale:E}=me[g],z=g===x,I=E*n,T=k*n,D=1.02*n;return t.jsx(ge,{isForeFront:z,positionX:T,scale:I,hoverScale:D,onClick:()=>O(d),onMouseEnter:()=>z&&b(!0),onMouseLeave:()=>z&&b(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ne,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},d)})}),t.jsx(X,{arrowOffset:L,position:"right",useFixedArrowPosition:c,onClick:()=>$(1),children:t.jsx(ce,{className:"btnsvg"})})]})},ue=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],xe=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],we=({scale:e=1,showUpdatePaymentDetailButton:s=!1,stopCarousel:a=!1,useFixedArrowPosition:n=!1})=>{const{customerOnboardingPage:c}=M.getLocalizedStrings(),{productSuite:p}=c,m=p.productCard.cards.map((h,b)=>({...h,imageLink:ue[b],redirectLink:xe[b]}));return t.jsx(he,{cards:m,scale:e,showUpdatePaymentDetailButton:s,stopCarousel:a,useFixedArrowPosition:n})};export{we as S};

package/dist/assets/{PromoBaseCards-2L1JfY-v-BRtC8pzf.js → PromoBaseCards-BC5rOok_-CbjLwgXv.js}

@@ -1,4 +1,4 @@
-import{e as c,j as r,dc as b,dd as v,de as L,aT as z,C as a,o as e,g as d,X as f,q as l}from"./index-Brv5pz8V.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(k,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(W,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
+import{X as c,j as r,d9 as b,da as v,db as L,aT as z,C as a,o as e,g as d,Q as f,q as l}from"./index-C5chxI3W.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(k,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};

package/dist/assets/{QBOConnectionDialog-DNP_b7aK-CAIkgcbW.js → QBOConnectionDialog-Ci5zNza5-6_E7GkKa.js}

@@ -1,4 +1,4 @@
-import{e as j,M as t,j as n,bn as w,J as l,C as s,o as i,s as y,n as P,D as b,aR as f,eJ as v,q as a}from"./index-Brv5pz8V.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},S=o.div`
+import{X as j,M as t,j as n,bA as w,K as l,C as s,o as i,Z as P,e as y,$ as b,aR as f,eG as v,q as a}from"./index-C5chxI3W.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -8,11 +8,11 @@ import{e as j,M as t,j as n,bn as w,J as l,C as s,o as i,s as y,n as P,D as b,aR
   padding-bottom: ${e=>r.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-left: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,k=o(y)`
+`,A=o(P)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
-`,A=o(P)`
+`,k=o(y)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
 `,L=o.div`
@@ -48,4 +48,4 @@ import{e as j,M as t,j as n,bn as w,J as l,C as s,o as i,s as y,n as P,D as b,aR
 `,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function Q({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),u=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(k,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(A,{children:d?u:$}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(L,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{Q as default};
+`;function U({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),$=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(A,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?$:u}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(L,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{U as default};

package/dist/assets/{QBOSetupSection-CGrGCC2j-ClZ3tkq4.js → QBOSetupSection-BTOCiyES-BQ9iHLEQ.js}

@@ -1,4 +1,4 @@
-import{e as O,M as $,j as i,J as k,o,C as a,g as d,f1 as T,X as W,D as B,aR as D,eJ as E,e$ as M,a8 as w,d as u,q as r}from"./index-Brv5pz8V.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import q from"./QBOConnectionDialog-DNP_b7aK-CAIkgcbW.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},A={title:new W("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:j,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:b,sucessText:z,button:v,errorText:P,requiredText:C}=S;return i.jsxs(G,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[n==="small"?i.jsx(Z,{children:l?i.jsx(_,{}):i.jsx(K,{})}):null,i.jsx(I,{windowSize:n,children:b})]}),i.jsxs(J,{windowSize:n,children:[i.jsxs(N,{windowSize:n,children:[i.jsxs(R,{children:[i.jsx(F,{}),i.jsx(L,{windowSize:n}),i.jsx(X,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(Q,{children:z}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(q,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:j,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(M,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},G=s.div`
+import{X as O,M as $,j as i,K as k,o,C as a,g as d,e$ as Q,Q as T,$ as W,aR as B,eG as E,eZ as G,a8 as w,v as u,q as r}from"./index-C5chxI3W.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import M from"./QBOConnectionDialog-Ci5zNza5-6_E7GkKa.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},q={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:v,sucessText:z,button:b,errorText:P,requiredText:C}=S;return i.jsxs(A,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[n==="small"?i.jsx(U,{children:l?i.jsx(V,{}):i.jsx(_,{})}):null,i.jsx(I,{windowSize:n,children:v})]}),i.jsxs(N,{windowSize:n,children:[i.jsxs(R,{windowSize:n,children:[i.jsxs(D,{children:[i.jsx(K,{}),i.jsx(F,{windowSize:n}),i.jsx(L,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:b.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(Z,{children:z}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(M,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:j,companyName:y,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(G,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},A=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -13,8 +13,8 @@ import{e as O,M as $,j as i,J as k,o,C as a,g as d,f1 as T,X as W,D as B,aR as D
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${A.title.style(e.windowSize)}`};
-`,J=s.div`
+  ${e=>`${q.title.style(e.windowSize)}`};
+`,N=s.div`
   display: flex;
   flex-direction: column;
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
@@ -37,41 +37,41 @@ import{e as O,M as $,j as i,J as k,o,C as a,g as d,f1 as T,X as W,D as B,aR as D
 `,g=s(u)`
   display: flex;
   color: ${d.important};
-`,N=s.div`
+`,R=s.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
   row-gap: ${e=>t.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,Q=s(u)`
+`,Z=s(u)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,R=s.div`
+`,D=s.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,F=s(B)`
+`,K=s(W)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,L=s(D)`
+`,F=s(B)`
   height: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,X=s(E)`
+`,L=s(E)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,Z=s.div`
+`,U=s.div`
   margin-right: ${o.sp2};
-`,_=s(T)`
+`,V=s(Q)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${d.success};
-`,K=s.div`
+`,_=s.div`
   height: ${o.sp3};
   width: ${o.sp3};
   border: 1px solid ${e=>e.theme.colors.primary};