@zeniai/web-cockpit-ui 1.14.8-prod → 1.14.9-dev

package/dist/assets/PortfolioAllocationFormPage-C4XzSjzr-CrL4rhQH.js

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

package/dist/assets/PortfolioDetails-Bbfo0XDo-DfbkD_jI.js

@@ -0,0 +1,218 @@
+import{j as e,B as K,o as l,iE as X,n as V,d5 as Z,u as G,X as H,a0 as L,C as O,bw as f,d as A,bK as J,$ as N,ds as Q,af as ee,am as ie,b4 as se,bc as le,M as ne,d7 as oe,s as te}from"./index-DL4A-6yw.js";import{n as s,b as re}from"./vendor-CnQcJ2Lu.js";import{l as ae}from"./treasuryColorHelper-CDhLDRLr-DUS0wU7A.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=K.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:X(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=Z().analytics,h=G(),t=H(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,_]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(n.fundName,n.fundCode,x),_(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(T,{}):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(E,{children:b!=null?L("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(Te,{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(T,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(E,{children:b!=null?L("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(T,{}):e.jsx(P,{})]})]}),e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${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(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(T,{}):e.jsx(P,{})]})]}),e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${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(k,{children:n.description}),e.jsx(be,{style:{marginLeft:l.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(k,{children:r.strings.dividerDot}),e.jsx(k,{style:{minWidth:"140px"},children:c.label}),e.jsxs(k,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${l.sp1} ${l.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:l.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(B=>({text:`${r.strings.dividerDot}  ${B.investedIn}`,amount:`${B.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${l.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(n.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${n.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(ke,{style:{width:"100%",marginBottom:l.sp3}})]})},xe=s.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${l.sp2};
+  width: 100%;
+`,me=s(V)`
+  color: ${i=>i.theme.colors.hero};
+`,ge=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+`,he=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  align-items: flex-start;
+`,ue=s.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  width: 100%;
+  margin-bottom: ${l.sp2};
+`,fe=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: ${i=>i.windowSize==="small"?"auto":"245px"};
+`,ye=s(J)`
+  color: ${A.graphColor34Dark};
+  max-width: 280px;
+`,we=s.span`
+  color: ${i=>i.theme.colors.primary};
+  margin-right: ${l.sp1};
+`,ve=s.span`
+  color: ${i=>i.color??A.graphColor34Dark};
+`,q=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 129px;
+`,y=s(ie)`
+  color: ${i=>i.theme.colors.primary};
+  min-width: ${l.sp7};
+  text-align: left;
+`,C=s(J)`
+  color: ${A.success};
+  margin-top: ${i=>w.portfolioYieldMarginTop.valuePx(i.windowSize)};
+`,D=s(N)`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${l.sp1};
+  color: ${i=>i.theme.colors.hero};
+`,je=s(ne)`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${l.sp1};
+`,E=s(N)`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${l.sp1};
+  color: ${i=>i.theme.colors.primary};
+`,$e=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${l.sp2};
+  width: 240px;
+`,R=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  flex: 1;
+`,be=s.div``,M=s.input`
+  width: ${({windowSize:i})=>w.sliderWidth.valuePx(i)};
+  cursor: default;
+  pointer-events: none;
+
+  &[type="range"]::-webkit-slider-runnable-track {
+    height: 2px;
+    background-color: ${i=>i.theme.colors.grey3};
+  }
+
+  &[type="range"] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  &[type="range"]::-webkit-slider-thumb {
+    visibility: hidden;
+  }
+`,W=s.div`
+  position: absolute;
+  height: 2px;
+  background-color: ${i=>i.color??A.graphColor34Dark};
+`,z=s(N)`
+  color: ${i=>i.theme.colors.hero};
+  align-self: flex-start;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${l.sp1};
+  cursor: pointer;
+`,P=s(ee)`
+  width: 12px;
+  height: 12px;
+  color: ${i=>i.theme.colors.hero};
+`,Se=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-self: flex-start;
+  gap: ${l.sp2};
+  margin-bottom: ${l.sp3};
+`,k=s(V)`
+  color: ${i=>i.theme.colors.hero};
+`,Ce=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${i=>i.windowSize==="small"?l.sp1:l.sp2};
+`,De=s(le)`
+  color: ${i=>i.theme.colors.hero};
+  padding: 1px 6px;
+  border: 1px solid ${i=>i.theme.colors.grey2};
+  border-radius: ${l.sp1};
+`,ze=s(oe)`
+  width: 12px;
+  height: 12px;
+`,Pe=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: ${l.sp2};
+  width: fit-content;
+  cursor: pointer;
+  color: ${i=>i.theme.colors.hero};
+
+  &:hover {
+    color: ${i=>i.theme.colors.primary};
+    text-decoration: underline;
+  }
+`,T=s(Q)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${i=>i.theme.colors.hero};
+`,ke=s.div`
+  display: flex;
+  flex: 1;
+  background-color: ${i=>i.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Y=s(se)`
+  width: ${l.sp3};
+  height: ${l.sp3};
+  color: ${i=>i.theme.colors.hero};
+  margin-bottom: -3px;
+  cursor: pointer;
+  :hover {
+    color: ${i=>i.theme.colors.primary};
+  }
+`,Te=s.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  width: 100%;
+  margin-top: ${l.sp2};
+`,Ye=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  width: 100%;
+`,Ae=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,F=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1;
+`,U=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Ie=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: ${l.sp2};
+`,Re=s.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: ${l.sp2};
+  justify-content: space-between;
+`,Me=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,We=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${l.sp3};
+`;export{Oe as V};

package/dist/assets/ProductsCarousel-COUx0Xdj-CNFgt7bl.js

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

package/dist/assets/{PromoBaseCards-B0BCeySU-DrRcZdWS.js → PromoBaseCards-DG1CAZvU-DmiRtARN.js}

@@ -1,4 +1,4 @@
-import{X as c,j as r,d8 as b,d9 as v,da as L,aR as z,C as a,o as e,g as d,Q as f,m as l}from"./index-RjYQVN9C.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`
+import{X as c,j as r,db as b,dc as z,dd as L,aS as v,C as a,o as e,d,Q as f,s as l}from"./index-DL4A-6yw.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(k,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(S,{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(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(S,{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};
@@ -91,7 +91,7 @@ import{X as c,j as r,d8 as b,d9 as v,da as L,aR as z,C as a,o as e,g as d,Q as f
           width: 28px;
           height: 28px;
         `:null}
-`,P=p.div`
+`,S=p.div`
   color: ${d.neutralGrey5Light};
   text-align: right;
   ${o=>`${u.businessText.style(o.windowSize)}`};
@@ -109,7 +109,7 @@ import{X as c,j as r,d8 as b,d9 as v,da as L,aR as z,C as a,o as e,g as d,Q as f
           left: 95px;
           ${u.promoBusinessText.style(o.windowSize)};
         `:null}
-`,S=p.div`
+`,P=p.div`
   position: absolute;
   left: 11%;
   bottom: 50%;

package/dist/assets/{QBOConnectionDialog-CKOkxTzr-DVmtHjje.js → QBOConnectionDialog-DLVcifji-D7Nr2N3C.js}

@@ -1,9 +1,9 @@
-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,s as y,$ as b,aP as f,eF as v,m as a}from"./index-RjYQVN9C.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";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`
+import{X as j,B as t,j as n,bm as w,K as l,C as s,o as i,Y as P,n as y,c as b,aQ as f,eI as v,s as a}from"./index-DL4A-6yw.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";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;
   background: ${e=>e.theme.colors.background};
-`,S=o.div`
+`,z=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)};
@@ -15,21 +15,21 @@ 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,s as y,$ as b,aP
 `,A=o(y)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
-`,L=o.div`
+`,B=o.div`
   margin: 20px ${i.sp0};
-`,_=o.div`
+`,L=o.div`
   margin: 20px ${i.sp0};
-`,C=o.hr`
+`,_=o.hr`
   width: 100%;
   border: 0.2px solid ${e=>e.theme.colors.grey3};
   margin-top: auto;
   margin-bottom: 0;
-`,B=o.div`
+`,C=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: ${i.sp4};
-`,R=o.div`
+`,I=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp4};
@@ -37,15 +37,15 @@ 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,s as y,$ as b,aP
   justify-content: center;
   padding-top: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,T=o(b)`
+`,R=o(b)`
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
-`,I=o(f)`
+`,T=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 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};
+`;function Z({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),$=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(k,{children:t.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(_,{}),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{Z as default};