@zeniai/web-cockpit-ui 1.14.35-qa → 1.14.36-dev

package/dist/assets/{PortfolioDetails-Drgv4Osg-Wtx195rT.js → PortfolioDetails-wAtPiO4w-C8Xq6LTb.js}

@@ -1,7 +1,7 @@
-import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,bp as f,g as A,bO as H,w as B,ds as Z,af as ee,am as ie,b6 as se,be as ne,n as le,d7 as oe,q as te}from"./index-LQh-jIrB.js";import{n as s,b as re}from"./vendor-rkTZJa59.js";import{l as ae}from"./treasuryColorHelper-BdPkQoh7-2QT0NfKg.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: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 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:l,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,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:_(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 I=G().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(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(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 ${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(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 ${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(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:`${n.sp2} ${n.sp0}`,...j?{marginBottom:n.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 ${n.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[l.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 ${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(T,{children:l.description}),e.jsx(be,{style:{marginLeft:n.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:`${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(Te,{style:{width:"100%",marginBottom:n.sp3}})]})},xe=s.div`
+import{j as e,M as X,o as l,iB as _,y as E,x as G,u as K,e as Q,a0 as N,C as O,bp as f,f as A,bO as H,w as B,ds as Z,af as ee,am as ie,b6 as se,be as le,B as ne,d7 as oe,r as te}from"./index-4y_mNX1u.js";import{n as s,b as re}from"./vendor-rkTZJa59.js";import{l as ae}from"./treasuryColorHelper-Bvcahv9r-CJj1lXeK.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:_(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=G().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(L=>({text:`${r.strings.dividerDot}  ${L.investedIn}`,amount:`${L.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`
   display: flex;
   flex-direction: row;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: 100%;
 `,me=s(E)`
   color: ${i=>i.theme.colors.hero};
@@ -21,7 +21,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   width: 100%;
-  margin-bottom: ${n.sp2};
+  margin-bottom: ${l.sp2};
 `,fe=s.div`
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   max-width: 280px;
 `,we=s.span`
   color: ${i=>i.theme.colors.primary};
-  margin-right: ${n.sp1};
+  margin-right: ${l.sp1};
 `,ve=s.span`
   color: ${i=>i.color??A.graphColor34Dark};
 `,q=s.div`
@@ -42,7 +42,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   width: 129px;
 `,y=s(ie)`
   color: ${i=>i.theme.colors.primary};
-  min-width: ${n.sp7};
+  min-width: ${l.sp7};
   text-align: left;
 `,C=s(H)`
   color: ${A.success};
@@ -51,24 +51,24 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   color: ${i=>i.theme.colors.hero};
-`,je=s(le)`
+`,je=s(ne)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
 `,F=s(B)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   color: ${i=>i.theme.colors.primary};
 `,$e=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: 240px;
 `,R=s.div`
   display: flex;
@@ -104,7 +104,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp1};
+  gap: ${l.sp1};
   cursor: pointer;
 `,P=s(ee)`
   width: 12px;
@@ -115,20 +115,20 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   flex-direction: column;
   width: 100%;
   justify-self: flex-start;
-  gap: ${n.sp2};
-  margin-bottom: ${n.sp3};
+  gap: ${l.sp2};
+  margin-bottom: ${l.sp3};
 `,T=s(E)`
   color: ${i=>i.theme.colors.hero};
 `,Ce=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${i=>i.windowSize==="small"?n.sp1:n.sp2};
-`,De=s(ne)`
+  gap: ${i=>i.windowSize==="small"?l.sp1:l.sp2};
+`,De=s(le)`
   color: ${i=>i.theme.colors.hero};
   padding: 1px 6px;
   border: 1px solid ${i=>i.theme.colors.grey2};
-  border-radius: ${n.sp1};
+  border-radius: ${l.sp1};
 `,ze=s(oe)`
   width: 12px;
   height: 12px;
@@ -136,7 +136,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: row;
   align-items: baseline;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   width: fit-content;
   cursor: pointer;
   color: ${i=>i.theme.colors.hero};
@@ -159,8 +159,8 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   min-height: 1px;
   max-height: 1px;
 `,Y=s(se)`
-  width: ${n.sp3};
-  height: ${n.sp3};
+  width: ${l.sp3};
+  height: ${l.sp3};
   color: ${i=>i.theme.colors.hero};
   margin-bottom: -3px;
   cursor: pointer;
@@ -173,7 +173,7 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   justify-content: space-between;
   align-items: flex-start;
   width: 100%;
-  margin-top: ${n.sp2};
+  margin-top: ${l.sp2};
 `,Ye=s.div`
   display: flex;
   flex-direction: row;
@@ -199,12 +199,12 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: column;
   width: 100%;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
 `,Re=s.div`
   display: flex;
   flex-direction: row;
   width: 100%;
-  gap: ${n.sp2};
+  gap: ${l.sp2};
   justify-content: space-between;
 `,Me=s.div`
   display: flex;
@@ -214,5 +214,5 @@ import{j as e,B as X,o as n,iA as _,t as E,x as G,u as K,e as Q,a0 as N,C as O,b
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${n.sp3};
+  gap: ${l.sp3};
 `;export{Oe as V};

package/dist/assets/{ProductsCarousel-BnnfJR0o-1ucX8gqh.js → ProductsCarousel-B8KxzJsX-BAeIItJs.js}

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

package/dist/assets/{PromoBaseCards-BGHJivI8-QTKlmjbr.js → PromoBaseCards-DKu8lmMb-CbitZiAU.js}

@@ -1,4 +1,4 @@
-import{e as c,j as r,db as b,dc as v,dd as L,aT as z,C as a,o as e,g as d,J as f,q as l}from"./index-LQh-jIrB.js";import{j as i,n as p,k as m}from"./vendor-rkTZJa59.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")},R=({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{e as c,j as r,db as b,dc as v,dd as L,aT as z,C as a,o as e,f as d,J as f,r as l}from"./index-4y_mNX1u.js";import{j as i,n as p,k as m}from"./vendor-rkTZJa59.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(H,{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`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -183,7 +183,7 @@ import{e as c,j as r,db as b,dc as v,dd as L,aT as z,C as a,o as e,g as d,J as f
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=p.div`
+`,H=p.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorJadeDark:o.theme.colors.brandColorJade};
@@ -215,4 +215,4 @@ import{e as c,j as r,db as b,dc as v,dd as L,aT as z,C as a,o as e,g as d,J as f
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{R as J,A as N};
+`;export{F as J,A as N};

package/dist/assets/{QBOConnectionDialog-uiW9eeZu-CJhmYtAn.js → QBOConnectionDialog-CSRVcpvB-DsmFVlUU.js}

@@ -1,4 +1,4 @@
-import{e as w,B as t,j as n,bo as j,K as l,C as s,o as i,r as y,t as P,M as b,aR as f,eK as v,q as a}from"./index-LQh-jIrB.js";import{n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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{e as w,M as t,j as n,bo as j,K as l,C as s,o as i,s as y,y as P,d as b,aR as f,eL as v,r as a}from"./index-4y_mNX1u.js";import{n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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,23 +8,23 @@ import{e as w,B as t,j as n,bo as j,K as l,C as s,o as i,r as y,t as P,M 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)`
+`,L=o(y)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
-`,A=o(P)`
+`,k=o(P)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
-`,B=o.div`
+`,A=o.div`
   margin: 20px ${i.sp0};
-`,L=o.div`
+`,_=o.div`
   margin: 20px ${i.sp0};
-`,_=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;
@@ -45,7 +45,7 @@ import{e as w,B as t,j as n,bo as j,K as l,C as s,o as i,r as y,t as P,M as b,aR
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,K=o(v)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function D({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=w(),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(j,{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(K,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(_,{}),n.jsxs(C,{children:[c===!0?n.jsx(L,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(B,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{D as default};
+`;function Z({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=w(),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(j,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(L,{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(A,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{Z as default};

package/dist/assets/{QBOSetupSection-DPb0VAii-CLt6Rb6_.js → QBOSetupSection-CwO2OwTA-DfOK3FQy.js}

@@ -1,20 +1,20 @@
-import{e as O,B as u,j as i,K as k,o,C as a,g as d,f4 as T,J as B,M as W,aR as E,eK as M,f2 as q,a8 as h,w as $,q as r}from"./index-LQh-jIrB.js";import{n as s}from"./vendor-rkTZJa59.js";import A from"./QBOConnectionDialog-uiW9eeZu-CJhmYtAn.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])},G={title:new B("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:j,updateQBOPopupState:w,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=u.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(Z,{children:l?i.jsx(_,{}):i.jsx(U,{})}):null,i.jsx(K,{windowSize:n,children:z})]}),i.jsxs(N,{windowSize:n,children:[i.jsxs(Q,{windowSize:n,children:[i.jsxs(D,{children:[i.jsx(F,{}),i.jsx(J,{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(R,{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(A,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:j,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(q,{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`
+import{e as O,M as u,j as i,K as k,o,C as a,f as d,f5 as T,J as M,d as W,aR as B,eL as E,f3 as H,a8 as h,w as $,r as n}from"./index-4y_mNX1u.js";import{n as s}from"./vendor-rkTZJa59.js";import A from"./QBOConnectionDialog-CSRVcpvB-DsmFVlUU.js";const t={containerPadding:new a(n[3],n[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(n[3],n[0]),arrowIconWidthHeight:new a(n[3],n[4])},G={title:new M("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:f,updateQBOPopupState:w,handleOnConnectClick:j})=>{const r=O(),{qbo_connection:S}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:b,button:v,errorText:P,requiredText:C}=S;return i.jsxs(I,{windowSize:r,children:[i.jsxs(N,{windowSize:r,children:[r==="small"?i.jsx(Z,{children:l?i.jsx(_,{}):i.jsx(U,{})}):null,i.jsx(Q,{windowSize:r,children:z})]}),i.jsxs(R,{windowSize:r,children:[i.jsxs(q,{windowSize:r,children:[i.jsxs(J,{children:[i.jsx(K,{}),i.jsx(L,{windowSize:r}),i.jsx(F,{})]}),l?r!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:r!=="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(D,{children:b}),r==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:r,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:r,children:C})}):null]}),i.jsx(A,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:f,saveConnectionState:p,handleOnConnectClick:j,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(H,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new h(d.successDark),borderColor:new h(d.successDark)}})},I=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,I=s.div`
+`,N=s.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
-`,K=s.div`
+`,Q=s.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
   ${e=>`${G.title.style(e.windowSize)}`};
-`,N=s.div`
+`,R=s.div`
   display: flex;
   flex-direction: column;
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
@@ -37,32 +37,32 @@ import{e as O,B as u,j as i,K as k,o,C as a,g as d,f4 as T,J as B,M as W,aR as E
 `,g=s($)`
   display: flex;
   color: ${d.important};
-`,Q=s.div`
+`,q=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"};
-`,R=s($)`
+`,D=s($)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,D=s.div`
+`,J=s.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,F=s(W)`
+`,K=s(W)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,J=s(E)`
+`,L=s(B)`
   height: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=s(M)`
+`,F=s(E)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
 `,Z=s.div`

package/dist/assets/ReimbursementApprovalRuleDetailPage-DWAgRWah-DAeIJHt1.js

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

package/dist/assets/{ReimbursementApprovalRulesPage-C1AFF_DM-vNX_0PWy.js → ReimbursementApprovalRulesPage-CWZIqbqf-2nP7no61.js}

@@ -1,4 +1,4 @@
-import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z,bV as G,bX as q,bY as U,cx as V,q as l,ao as F,J as P,an as J,g as j,cu as O,aP as X,v as Y}from"./index-LQh-jIrB.js";import{n as i,b as _}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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")},Q=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=_.useState(!1),n=I(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(Z,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(K,{windowSize:n,children:[t.jsxs(ae,{children:[t.jsxs(B,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(ee,{children:[t.jsx(k,{}),t.jsx(te,{}),t.jsx(k,{})]}),c.max==null?t.jsx(ce,{}):t.jsx(B,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ne,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),t.jsx(oe,{windowSize:n,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(le,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?t.jsx(G,{titleComponent:t.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Z=i.div`
+import{u as D,e as B,M as b,j as o,aX as H,m as E,_ as S,o as t,C as r,y as L,a0 as z,bV as G,bX as U,bY as V,cx as F,r as l,ao as _,J as P,an as q,f as j,cu as J,aP as X,v as Y}from"./index-4y_mNX1u.js";import{n as i,b as K}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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")},O=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=K.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(Q,{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:w.length===1,windowSize:n,children:w.map((h,N)=>o.jsxs(re,{isSingleStep:w.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))]},N))})}),g?o.jsx(G,{titleComponent:o.jsx(V,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(U,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Q=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,20 +14,20 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,K=i(F)`
+`,Z=i(_)`
   display: flex;
   position: relative;
   align-items: center;
   justify-content: space-between;
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,ee=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,te=i.div`
-  width: ${o.sp8};
+`,oe=i.div`
+  width: ${t.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
 `,k=i.div`
@@ -35,7 +35,7 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,oe=i.div`
+`,te=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -47,8 +47,8 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
 
   flex: none;
   order: 1;
@@ -59,7 +59,7 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
 `,ie=i.ul`
   ${e=>`${W.stepper.style(e.windowSize)}`};
   position: relative;
-  padding-left: ${o.sp6};
+  padding-left: ${t.sp6};
   list-style: none;
   box-sizing: initial;
   margin: 0;
@@ -81,7 +81,7 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
   justify-content: flex-start;
   align-items: center;
   padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${o.sp1};
+  gap: ${t.sp1};
 
   > div:last-of-type > span.operator:last-of-type {
     visibility: hidden;
@@ -116,7 +116,7 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
       width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${o.sp6};
+      left: -${t.sp6};
       ${Y.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
@@ -137,46 +137,46 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
 `,ae=i.div`
   display: flex;
   align-items: center;
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,ne=i.div`
   display: flex;
-  gap: ${o.sp5};
-`,pe=i(O)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  gap: ${t.sp5};
+`,pe=i(J)`
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${j.important};
   }
 `,de=i(X)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=i(J)`
-  width: ${o.sp4};
-  height: ${o.sp4};
+`,ce=i(q)`
+  width: ${t.sp4};
+  height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
 `,C=i.span`
   color: ${e=>e.theme.colors.hero};
 `,R=i.div`
   display: inherit;
   gap: inherit;
-`,B=i.span`
+`,I=i.span`
   ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,u={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:x,onDeleteRuleClick:v})=>{const y=M(),g=I(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(xe,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Q,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[t.jsx(ge,{}),t.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,u={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:x,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=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(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(xe,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,$)=>o.jsx(O,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),o.jsxs(ue,{windowSize:g,onClick:()=>{x()},"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;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
 `,me=i.div`
   display: flex;
@@ -206,19 +206,19 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  padding: ${o.sp3} ${o.sp4};
+  padding: ${t.sp3} ${t.sp4};
   gap: ${e=>u.addApprovalGap.valuePx(e.windowSize)};
 
   width: ${e=>u.width.valuePx(e.windowSize)};
-  height: ${o.sp8};
+  height: ${t.sp8};
 
   background: ${e=>e.theme.colors.grey5};
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  border-radius: ${t.sp2};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   &:hover {
@@ -228,10 +228,10 @@ import{u as M,e as I,B as b,j as t,aX as H,m as E,$ as S,o,C as r,t as L,a0 as z
     color: ${e=>e.theme.colors.primary};
     border-color: ${e=>e.theme.colors.primary};
   }
-  margin-bottom: ${o.sp6};
-`,ge=i(V)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  margin-bottom: ${t.sp6};
+`,ge=i(F)`
+  width: ${t.sp3};
+  height: ${t.sp3};
 `,$e=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Te as default};