@zeniai/web-cockpit-ui 1.13.86-prod → 1.13.87-dev

package/dist/assets/{PortfolioAllocationFormPage-DbGLXM2D-Bx9gvRhX.js → PortfolioAllocationFormPage-Cit7ssiw-CpmTmt3z.js}

@@ -1,4 +1,4 @@
-import{X as Y,J as S,j as i,bu as Q,M as U,Y as H,C as u,a7 as J,o as n,a6 as K,Q as V,h as X,s as Z,p as l,q as _,aq as ee,f as T,g as v,v as ie,ah as te}from"./index-CjViJI82.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{E as ne}from"./PortfolioDetails-D2RWl4uo-DGy5rPyu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-D9SYrM7P-DmVNjxNp.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 V("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=Y(),[D,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:q}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(G=>G.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},F=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&F(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(Q,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":H("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(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(J,{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&&q.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`
+import{X as q,H as S,j as i,bs as H,M as Q,Y as U,C as u,a3 as K,o as n,a2 as V,Q as X,h as J,q as Z,p as l,v as _,al as ee,f as T,g as v,w as ie,bF as te}from"./index-LFy5NlUr.js";import{b as k,n as t}from"./vendor-CnQcJ2Lu.js";import{E as ne}from"./PortfolioDetails-B1HXVeH2-D3KDftxW.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-CNX5IuXX-6ZEgxHO3.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:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[D,M]=k.useState(!1),{fundsData:F,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:N}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(Y=>Y.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:F,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{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&&N.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%;
@@ -18,7 +18,7 @@ import{X as Y,J as S,j as i,bu as Q,M as U,Y as H,C as u,a7 as J,o as n,a6 as K,
   top: ${n.sp0};
   padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${n.sp0}`};
   z-index: 2;
-`,ce=t(K)`
+`,ce=t(V)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${n.sp4};
@@ -42,7 +42,7 @@ import{X as Y,J as S,j as i,bu as Q,M as U,Y as H,C as u,a7 as J,o as n,a6 as K,
   flex-direction: column;
   gap: ${n.sp3};
   width: 100%;
-`,he=t(X)`
+`,he=t(J)`
   ${e=>`${oe.stepTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   text-align: left;

package/dist/assets/{PortfolioDetails-D2RWl4uo-DGy5rPyu.js → PortfolioDetails-B1HXVeH2-D3KDftxW.js}

@@ -1,9 +1,9 @@
-import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,bu as f,g as k,ah as U,v as A,dq as V,ak as Z,aq as ee,b6 as ie,be as se,f as ne,d5 as re,p as le}from"./index-CjViJI82.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-D9SYrM7P-DmVNjxNp.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=H.getLocalizedStrings(),y={portfolioYieldMarginTop:new N(-4,le[0]),sliderWidth:new N(143,177)},Ee=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:J(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=X().analytics,L=K(),t=Q(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,G]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),G(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(E,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(O,{children:j!=null?W("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(E,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(q,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(O,{children:j!=null?W("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(q,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(D,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(D,{children:o.strings.dividerDot}),e.jsx(D,{style:{minWidth:"140px"},children:c.label}),e.jsxs(D,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.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===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(De,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(Ce,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
+import{j as e,M as J,o as n,iB as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,bs as f,g as k,bF as q,w as A,dn as Q,ae as V,al as ee,b4 as ie,bc as se,f as ne,d3 as re,p as le}from"./index-LFy5NlUr.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-CNX5IuXX-6ZEgxHO3.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=J.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:K(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=X().analytics,L=Z(),t=G(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,H]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),H(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(D,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(D,{children:o.strings.dividerDot}),e.jsx(D,{style:{minWidth:"140px"},children:c.label}),e.jsxs(D,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.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===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(De,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(Ce,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
   display: flex;
   flex-direction: row;
   gap: ${n.sp2};
   width: 100%;
-`,xe=s(F)`
+`,xe=s(U)`
   color: ${i=>i.theme.colors.hero};
 `,me=s.div`
   display: flex;
@@ -27,7 +27,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   flex-direction: column;
   align-items: flex-start;
   width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,fe=s(U)`
+`,fe=s(q)`
   color: ${k.graphColor34Dark};
   max-width: 280px;
 `,we=s.span`
@@ -35,7 +35,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   margin-right: ${n.sp1};
 `,ye=s.span`
   color: ${i=>i.color??k.graphColor34Dark};
-`,E=s.div`
+`,O=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -44,7 +44,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   color: ${i=>i.theme.colors.primary};
   min-width: ${n.sp7};
   text-align: left;
-`,b=s(U)`
+`,b=s(q)`
   color: ${k.success};
   margin-top: ${i=>y.portfolioYieldMarginTop.valuePx(i.windowSize)};
 `,S=s(A)`
@@ -58,7 +58,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   flex-direction: row;
   align-items: flex-start;
   gap: ${n.sp1};
-`,O=s(A)`
+`,B=s(A)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -106,7 +106,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   align-items: center;
   gap: ${n.sp1};
   cursor: pointer;
-`,C=s(Z)`
+`,C=s(V)`
   width: 12px;
   height: 12px;
   color: ${i=>i.theme.colors.hero};
@@ -117,7 +117,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   justify-self: flex-start;
   gap: ${n.sp2};
   margin-bottom: ${n.sp3};
-`,D=s(F)`
+`,D=s(U)`
   color: ${i=>i.theme.colors.hero};
 `,Se=s.div`
   display: flex;
@@ -145,7 +145,7 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
     color: ${i=>i.theme.colors.primary};
     text-decoration: underline;
   }
-`,z=s(V)`
+`,z=s(Q)`
   cursor: pointer;
   width: 12px;
   height: 12px;
@@ -186,12 +186,12 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,q=s.div`
+`,E=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex: 1;
-`,B=s.div`
+`,F=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -215,4 +215,4 @@ import{j as e,M as H,o as n,iE as J,s as F,d3 as X,u as K,X as Q,_ as W,C as N,b
   flex-direction: row;
   align-items: center;
   gap: ${n.sp3};
-`;export{Ee as E};
+`;export{Oe as E};

package/dist/assets/{ProductsCarousel-o-YsHwnV-CbcIWkQ0.js → ProductsCarousel-BeOYePu1-BPS8weXu.js}

@@ -1,4 +1,4 @@
-import{M as X,j as t,d3 as I,o as l,bq as O,ak as P,d4 as D,Z as F,s as L,d5 as R,g as v}from"./index-CjViJI82.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},B={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=B.large,U=i.div`
+import{M as X,j as t,d1 as I,o as l,bo as O,ae as P,d2 as D,Z as F,q as L,d3 as R,g as v}from"./index-LFy5NlUr.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},U={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=U.large,B=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   overflow: hidden;
@@ -51,20 +51,20 @@ import{M as X,j as t,d3 as I,o as l,bq as O,ak as P,d4 as D,Z as F,s as L,d5 as
   flex-direction: column;
   flex: 1;
   overflow: hidden;
-`,W=i.div`
-  flex-shrink: 0;
 `,K=i.div`
+  flex-shrink: 0;
+`,Q=i.div`
   display: flex;
   align-items: center;
   height: ${e=>e.scale*o.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*o.imageGap}px;
-`,Q=i(R)`
+`,V=i(R)`
   width: ${e=>e.scale*o.svgSize}px;
   min-width: ${e=>e.scale*o.svgSize}px;
   height: ${e=>e.scale*o.svgSize}px;
   margin-left: ${l.sp1};
   color: ${e=>e.theme.colors.brandColorJadeDark};
-`,V=i.div`
+`,W=i.div`
   width: 100%;
   flex: 1;
   display: flex;
@@ -76,7 +76,7 @@ import{M as X,j as t,d3 as I,o as l,bq as O,ak as P,d4 as D,Z as F,s as L,d5 as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(q,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(H,{children:[t.jsxs(W,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(K,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(Q,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(V,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(U,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(A,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
+`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(q,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(H,{children:[t.jsxs(K,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(Q,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(V,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(B,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(A,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
   width: 100%;
   height: 100%;
   position: relative;
@@ -135,4 +135,4 @@ import{M as X,j as t,d3 as I,o as l,bq as O,ak as P,d4 as D,Z as F,s as L,d5 as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(1.02)
     }
   `}
-`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,j]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(j(!0),m(p=>(p+r+b)%b),setTimeout(()=>j(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],k=g===x;return t.jsx(se,{isForeFront:k,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>k&&c(!0),onMouseLeave:()=>k&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["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"],ce=["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"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};
+`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,k]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(k(!0),m(p=>(p+r+b)%b),setTimeout(()=>k(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],j=g===x;return t.jsx(se,{isForeFront:j,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>j&&c(!0),onMouseLeave:()=>j&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["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"],ce=["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"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};

package/dist/assets/{PromoBaseCards-D21UZaz1-BKv3YpvZ.js → PromoBaseCards-D1DDp9C1-BMl9m8-G.js}

@@ -1,4 +1,4 @@
-import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m,p as l}from"./index-CjViJI82.js";import{j as i,n as p,k as f}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new r(l[6],120),plasticCardMarginTop:new r(12,-9),businessTextRight:new r(l[2],13),businessTextBottom:new r(l[8],81),chargeCardWidth:new r(240,384),chargeCardHeight:new r(153,243),styledLogoWidth:new r(47,76),styledLogoHeight:new r(46,74),styledFullLogoTop:new r(12,28),styledFullLogoRight:new r(l[2],13),styledFullLogoHeight:new r(20,34),styledFullLogoWidth:new r(88,142),chipLogoWidth:new r(31,50),chipLogoHeight:new r(l[4],39),visaLogoWidth:new r(52,84),visaLogoHeight:new r(17,27),visaLogoRight:new r(l[2],13),visaLogoBottom:new r(l[2],13)},u={businessText:new m("extraSmallRegular","largeRegular"),promoBusinessText:new m("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return a.jsxs(k,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&a.jsx(S,{windowSize:n,forDashboard:s,children:a.jsx(b,{})}),a.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(z,{})}),a.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),a.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return a.jsxs(W,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&a.jsx(S,{windowSize:n,forDashboard:s,children:a.jsx(b,{})}),a.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(v,{})}),a.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),a.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(L,{})})]})},C=f`
+import{X as c,j as r,d7 as b,d8 as v,d9 as L,aR as z,C as a,o as e,g as d,Q as f,p as l}from"./index-LFy5NlUr.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};
@@ -23,7 +23,7 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,T=f`
+`,j=m`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -48,7 +48,7 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,j=f`
+`,T=m`
   0%{
     transform: rotate(0);
     transform-origin: top left;
@@ -84,8 +84,8 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   width: ${o=>t.styledLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.styledLogoHeight.valuePx(o.windowSize)};
   ${o=>o.forDashboard?i`
-          width: 34px;
-          height: 34px;
+          width: 38px;
+          height: 38px;
         `:null}
   ${o=>o.forListPage?i`
           width: 28px;
@@ -100,8 +100,9 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   right: ${o=>t.businessTextRight.valuePx(o.windowSize)};
   bottom: ${o=>t.businessTextBottom.valuePx(o.windowSize)};
   ${o=>o.forDashboard?i`
-          top: 62px;
+          top: 61px;
           ${u.promoBusinessText.style(o.windowSize)};
+          right: 6px;
         `:null}
   ${o=>o.forListPage?i`
           top: 53px;
@@ -115,8 +116,8 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   width: ${o=>t.chipLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.chipLogoHeight.valuePx(o.windowSize)};
   ${o=>o.forDashboard?i`
-          width: 18px;
-          height: 14px;
+          width: 20px;
+          height: ${e.sp3};
         `:null}
 `,y=p.div`
   width: ${o=>t.visaLogoWidth.valuePx(o.windowSize)};
@@ -125,9 +126,10 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   right: ${o=>t.visaLogoRight.valuePx(o.windowSize)};
   bottom: ${o=>t.visaLogoBottom.valuePx(o.windowSize)};
   ${o=>o.forDashboard?i`
-          width: 37px;
-          height: 12px;
-          bottom: 6px;
+          width: 41px;
+          height: 14px;
+          bottom: ${e.sp2};
+          right: 6px;
         `:null}
   ${o=>o.forListPage?i`
           width: ${e.sp5};
@@ -142,9 +144,10 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   width: ${o=>t.styledFullLogoWidth.valuePx(o.windowSize)};
   color: ${d.neutralGrey5Light};
   ${o=>o.forDashboard?i`
-          width: 54px;
-          height: 14px;
-          top: 13px;
+          width: 70px;
+          height: ${e.sp3};
+          top: 14px;
+          right: 6px;
         `:null}
   ${o=>o.forListPage?i`
           width: ${e.sp7};
@@ -165,15 +168,14 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   border: 1px solid ${d.neutralGrey5Light};
   background-position: center;
   background-size: cover;
+  box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
   ${o=>o.shouldAnimate?i`
-          animation: ${j} 2800ms infinite;
+          animation: ${T} 2800ms infinite;
           z-index: 1;
         `:null}
   ${o=>o.forDashboard?i`
-          width: 173px;
-          height: 110px;
-          border: none;
-          border-radius: 6px;
+          width: 190px;
+          height: 121px;
         `:null}
     ${o=>o.forListPage?i`
           width: 144px;
@@ -196,7 +198,7 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
   border: 1px solid ${d.neutralGrey5Light};
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/PhysicalCardFrontBGPattern.svg);
   background-size: cover;
-  ${o=>{if(o.shouldAnimate){const g=o.windowSize==="small"?C:T;return i`
+  ${o=>{if(o.shouldAnimate){const g=o.windowSize==="small"?C:j;return i`
         position: absolute;
         margin-left: ${t.plasticCardMarginLeft.valuePx(o.windowSize)};
         margin-top: ${t.plasticCardMarginTop.valuePx(o.windowSize)};
@@ -204,10 +206,8 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
         animation: ${g} 2800ms infinite;
       `}return null}}
   ${o=>o.forDashboard?i`
-          width: 173px;
-          height: 110px;
-          border: none;
-          border-radius: 6px;
+          width: 190px;
+          height: 121px;
         `:null}
   ${o=>o.forListPage?i`
           width: 144px;
@@ -215,4 +215,4 @@ import{X as c,j as a,d9 as b,da as v,db as L,aR as z,C as r,o as e,g as d,Q as m
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{A,F as J};
+`;export{F as J,A as N};

package/dist/assets/{QBOConnectionDialog-DOpuFcsk-DYkeM55L.js → QBOConnectionDialog-nb_5mvqp-CNrftMhR.js}

@@ -1,9 +1,9 @@
-import{X as j,M as a,j as n,bB as w,K as l,C as s,o as i,Z as P,s as y,$ as b,aP as f,eI as v,p as t}from"./index-CjViJI82.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(t[5],t[7]),containerPaddingBottom:new s(t[5],t[5]),containerPaddingLeftRight:new s(t[6],t[11])},S=o.div`
+import{X as j,M as t,j as n,bz as w,K as l,C as s,o as i,Z as P,q as y,$ as b,aP as f,eF as v,p as a}from"./index-LFy5NlUr.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.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])},z=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
   background: ${e=>e.theme.colors.background};
-`,z=o.div`
+`,S=o.div`
   padding-top: ${e=>r.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>r.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
@@ -19,17 +19,17 @@ import{X as j,M as a,j as n,bB as w,K as l,C as s,o as i,Z as P,s as y,$ as b,aP
   margin: 20px ${i.sp0};
 `,_=o.div`
   margin: 20px ${i.sp0};
-`,B=o.hr`
+`,C=o.hr`
   width: 100%;
   border: 0.2px solid ${e=>e.theme.colors.grey3};
   margin-top: auto;
   margin-bottom: 0;
-`,C=o.div`
+`,B=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: ${i.sp4};
-`,I=o.div`
+`,R=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp4};
@@ -37,15 +37,15 @@ import{X as j,M as a,j as n,bB as w,K as l,C as s,o as i,Z as P,s as y,$ as b,aP
   justify-content: center;
   padding-top: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,R=o(b)`
+`,T=o(b)`
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
-`,T=o(f)`
+`,I=o(f)`
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
 `,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function U({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),$=a.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=a.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:a.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(A,{children:d?$:u}),n.jsxs(I,{children:[n.jsx(R,{}),n.jsx(T,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(B,{}),n.jsxs(C,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:a.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(L,{children:n.jsx(l,{variant:"primary",label:a.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{U as default};
+`;function X({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(z,{windowSize:x,children:[n.jsxs(S,{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{X as default};

package/dist/assets/{QBOSetupSection-Dcf_Afvz-Cbe3ZtEf.js → QBOSetupSection-b-OrlvdU-D5Bh2qoF.js}

@@ -1,9 +1,9 @@
-import{X as O,M as $,j as i,K as k,o,C as a,g as d,f1 as Q,Q as T,$ as W,aP as B,eI as E,e$ as G,ab as w,v as u,p as r}from"./index-CjViJI82.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import I from"./QBOConnectionDialog-DOpuFcsk-DYkeM55L.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])},M={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:b,button:z,errorText:P,requiredText:C}=S;return i.jsxs(A,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[n==="small"?i.jsx(V,{children:l?i.jsx(Z,{}):i.jsx(_,{})}):null,i.jsx(N,{windowSize:n,children:v})]}),i.jsxs(q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(R,{children:[i.jsx(F,{}),i.jsx(L,{windowSize:n}),i.jsx(U,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(K,{children:b}),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(I,{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`
+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,aP as B,eF as E,eY as G,a7 as h,w as u,p as r}from"./index-LFy5NlUr.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import M from"./QBOConnectionDialog-nb_5mvqp-CNrftMhR.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 T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:w,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:b,button:v,errorText:P,requiredText:C}=S;return i.jsxs(H,{windowSize:n,children:[i.jsxs(I,{windowSize:n,children:[n==="small"?i.jsx(U,{children:l?i.jsx(Y,{}):i.jsx(Z,{})}):null,i.jsx(N,{windowSize:n,children:z})]}),i.jsxs(q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(K,{children:[i.jsx(R,{}),i.jsx(_,{windowSize:n}),i.jsx(L,{})]}),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:()=>w(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(F,{children:b}),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:()=>w(!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 h(d.successDark),borderColor:new h(d.successDark)}})},H=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,H=s.div`
+`,I=s.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
@@ -13,7 +13,7 @@ import{X as O,M as $,j as i,K as k,o,C as a,g as d,f1 as Q,Q as T,$ as W,aP as B
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${M.title.style(e.windowSize)}`};
+  ${e=>`${A.title.style(e.windowSize)}`};
 `,q=s.div`
   display: flex;
   flex-direction: column;
@@ -43,35 +43,35 @@ import{X as O,M as $,j as i,K as k,o,C as a,g as d,f1 as Q,Q as T,$ as W,aP as B
   justify-content: space-between;
   row-gap: ${e=>t.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,K=s(u)`
+`,F=s(u)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,R=s.div`
+`,K=s.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,F=s(W)`
+`,R=s(W)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,L=s(B)`
+`,_=s(B)`
   height: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,U=s(E)`
+`,L=s(E)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,V=s.div`
+`,U=s.div`
   margin-right: ${o.sp2};
-`,Z=s(Q)`
+`,Y=s(Q)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${d.success};
-`,_=s.div`
+`,Z=s.div`
   height: ${o.sp3};
   width: ${o.sp3};
   border: 1px solid ${e=>e.theme.colors.primary};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-DcDdM_Ss-C7HEqCY_.js → ReimbursementApprovalRuleDetailPage-vg7A7Fqa-DKxcfaTy.js}

@@ -1,4 +1,4 @@
-import{C as q,p as U,u as M,X as W,M as D,a as G,a5 as X,j as s,U as H,c3 as J,aW as K,F as Q,a7 as Y,o as f}from"./index-CjViJI82.js";import{b as j,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as B,o as L}from"./FollowStepsSection-5025urr9-DTswNK5r.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:N,onSaveRuleClick:E,onSaveRuleSuccess:A}){const F=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(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 O=g.handleSubmit(()=>{E()}),V=async(i,p)=>{b(p)};return j.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),j.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.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($),onSubmit:O,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=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),L(e.allAttributes),L(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:B},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
+import{C as q,p as U,u as M,X as W,M as D,a as G,a1 as X,j as s,S as H,c2 as J,aW as K,F as Q,a3 as Y,o as f}from"./index-LFy5NlUr.js";import{b as L,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-Cf1g5oOj-5G8g4W7R.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:a,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const F=M(),S=W(),r=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,a==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(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 O=g.handleSubmit(()=>{N()}),V=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:a==="approval_create"?r.newApproval:r.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($),onSubmit:O,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=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:r.firstRuleLowerBoundInfoLabel,additionalErrorLabel:r.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:r.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:r.followStepsLabel},approversPlaceholder:r.approversPlaceholder,notifiersPlaceholder:r.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:r.userSelectPlaceholder,approveNotifyPlaceholder:r.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:r.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:r.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const re=(e,a)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:ae(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),B(e.allAttributes),B(e.filteredAttributes),l??[])??[],[T]:a?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},ae=(e,a,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:j},actors:{allUsers:a,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:a,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,a)=>e.filter(t=>t.userId!=null&&a.findIndex(l=>l.userId===t.userId)>-1),oe=(e,a)=>e.filter(t=>a.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
   display: flex;
   height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementApprovalRulesPage-BhdyXjR--D8DMWvvK.js → ReimbursementApprovalRulesPage-FYfZ8-hX-DxG5e0_0.js}

@@ -1,4 +1,4 @@
-import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_ as z,bN as q,bP as G,bQ as U,cq as Q,p as l,as as X,Q as P,ar as Y,g as j,cn as _,aN as F,q as O}from"./index-CjViJI82.js";import{n as i,b as V}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},N={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},J=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:u,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=V.useState(!1),n=B(),{range:c}=u.criteria[0],{steps:x,approvalRuleId:m}=u,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},W={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(K,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(Z,{windowSize:n,children:[o.jsxs(ae,{children:[o.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),o.jsxs(ee,{children:[o.jsx(k,{}),o.jsx(oe,{}),o.jsx(k,{})]}),c.max==null?o.jsx(ce,{}):o.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ne,{className:"icons",children:[e?o.jsx(pe,{onClick:$}):null,o.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),o.jsx(te,{windowSize:n,children:o.jsx(ie,{isSingleStep:x.length===1,windowSize:n,children:x.map((h,A)=>o.jsxs(re,{isSingleStep:x.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?o.jsx(le,{children:a.requireText}):o.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>o.jsxs(R,{children:[o.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>o.jsxs(R,{children:[o.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},A))})}),g?o.jsx(q,{titleComponent:o.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:W}):null]})},K=i.div`
+import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,q as L,_ as z,bM as q,bO as G,bP as U,cp as O,p as l,an as X,Q as P,am as Y,g as j,cm as _,aN as F,v as Q}from"./index-LFy5NlUr.js";import{n as i,b as V}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},J=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:u,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=V.useState(!1),a=B(),{range:c}=u.criteria[0],{steps:x,approvalRuleId:m}=u,n=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(K,{windowSize:a,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(Z,{windowSize:a,children:[o.jsxs(ne,{children:[o.jsxs(I,{windowSize:a,children:[n.from," ",z("0,0",c.min)]}),o.jsxs(ee,{children:[o.jsx(k,{}),o.jsx(oe,{}),o.jsx(k,{})]}),c.max==null?o.jsx(ce,{}):o.jsx(I,{windowSize:a,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ae,{className:"icons",children:[e?o.jsx(pe,{onClick:$}):null,o.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),o.jsx(te,{windowSize:a,children:o.jsx(ie,{isSingleStep:x.length===1,windowSize:a,children:x.map((h,N)=>o.jsxs(re,{isSingleStep:x.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?o.jsx(le,{children:n.requireText}):o.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>o.jsxs(R,{children:[o.jsx(T,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>o.jsxs(R,{children:[o.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?o.jsx(q,{titleComponent:o.jsx(U,{children:n.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(G,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:A}):null]})},K=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -57,7 +57,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   box-sizing: border-box;
   position: relative;
 `,ie=i.ul`
-  ${e=>`${N.stepper.style(e.windowSize)}`};
+  ${e=>`${W.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${t.sp6};
   list-style: none;
@@ -117,7 +117,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
       left: -${t.sp6};
-      ${O.standardMedium.css};
+      ${Q.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
       border: 2px solid ${e=>e.theme.colors.grey1};
@@ -134,11 +134,11 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   color: ${j.successDark};
 `,T=i.span`
   color: ${e=>e.theme.colors.primary};
-`,ae=i.div`
+`,ne=i.div`
   display: flex;
   align-items: center;
   gap: ${t.sp2};
-`,ne=i.div`
+`,ae=i.div`
   display: flex;
   gap: ${t.sp5};
 `,pe=i(_)`
@@ -167,10 +167,10 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   display: inherit;
   gap: inherit;
 `,I=i.span`
-  ${e=>`${N.amount.style(e.windowSize)}`};
+  ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,w={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:u,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,x=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(xe,{windowSize:g,children:x.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(ue,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,$)=>o.jsx(J,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:v},a.approvalRuleId)),o.jsxs(we,{windowSize:g,onClick:()=>{u()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,w={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:u,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:a}=e,c=b.getLocalizedStrings().commonSetUp.approval,x=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=a.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(xe,{windowSize:g,children:x.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(ue,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((n,$)=>o.jsx(J,{showDeleteBtn:$!==0,approvalRule:n,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:v},n.approvalRuleId)),o.jsxs(we,{windowSize:g,onClick:()=>{u()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -229,7 +229,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${t.sp6};
-`,ge=i(Q)`
+`,ge=i(O)`
   width: ${t.sp3};
   height: ${t.sp3};
 `,$e=i.div`