@zeniai/web-cockpit-ui 1.13.97-qa → 1.13.98-dev

package/dist/assets/PortfolioAllocationFormPage-DsCeagnu-DFOtswbp.js

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

package/dist/assets/PortfolioDetails-BEa4kwk8-CITW78cn.js

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

package/dist/assets/ReimbursementSetUpPage-DO_dBP9N-CDR1Iktq.js

@@ -1,140 +0,0 @@
-import{u as Ee,X as Ve,a5 as N,a as qe,c3 as Ge,M as Te,ab as be,j as t,cI as Je,g as J,C as r,aW as Ze,e as Ke,F as Qe,c$ as Ye,aQ as Xe,d0 as et,a7 as tt,o as a,q as n,ah as it,cg as nt,co as ot,e_ as ve,e$ as ke,fJ as at,K as lt,Y as $e,Q as Pe,bd as rt,v as st,aN as ct}from"./index-Dr7k10Ge.js";import{b as o,n as i}from"./vendor-CnQcJ2Lu.js";import{F as dt}from"./HelpButton-DvD6UJq--aZr7WRfd.js";import{J as je}from"./SetUpDefaultSection-Bdw_aWMY-C7l-ATBb.js";import{p as ut}from"./SpendMgmtSetupAccountSection-nryeZQ0T-2tO4d4y_.js";import{g as mt}from"./UploadAdditionalDocumentOverlay-D85ML8-_-p_x3eEON.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"./MeetingCalenderPopup-DKBH6wSs-Cn-ByIyB.js";import"./ChargeCardUtils-BxyMuU6--CHwiPaoq.js";import"./CreditCardPaymentPlgSection-M69ECpN9-CGQ3HY5T.js";import"./ChaseOverlay-CRiYxWuZ-BZR-S0kG.js";const pt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),f={sectionWidth:new r(343,580,726),iconContainerMaxWidthHeight:new r(n[6],n[7]),iconContainerMarginRight:new r(12,n[3]),infoLabelPaddingLeft:new r(n[0],n[3]),iconPadding:new r(10,12),iconWidthHeight:new r(20,n[4]),rowGap:new r(n[2],n[3]),containerPadding:new r(n[3],n[4])},ge={title:new Pe("standardSemiBold","largeSemiBold"),infoLabel:new Pe("extraSmallRegular","smallRegular")};function gt({companyMileageConfigInfo:e,mileageDetails:w,analytics:j,style:A,sectionId:$,isActive:d=!0,isDisabled:s,onSaveMileageClick:Z}){const l=Ve(),D=Ee(),{formState:{errors:K},trigger:Q}=nt(),E=ht($,"mileageAmountInDenomination"),x=ot(K,E),{localData:c,updateStatus:R,mileageStatus:C}=w,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:X}=Te.getLocalizedStrings(),{reimbursement:ee}=X,[b,V]=o.useState(U),[te,H]=o.useState(!1);o.useEffect(()=>{x||Q(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&V(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{b||H(b)},[b]);const{reimbursementSetup:y}=ee,{setUp:ie}=Y,ne=b===!1||R.fetchState==="In-Progress"?"readonly":s,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(ft,{windowSize:l,style:A,isActive:d&&s==null,children:[t.jsxs($t,{windowSize:l,children:[y.mileageHeader,d===!1?t.jsx(At,{children:ie.comingSoon}):null]}),t.jsxs(vt,{windowSize:l,children:[t.jsx(bt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(pt,{width:f.iconWidthHeight.valuePx(l),height:f.iconWidthHeight.valuePx(l)})}),t.jsxs(xt,{children:[t.jsxs(kt,{children:[t.jsxs(Pt,{children:[t.jsxs(jt,{children:[t.jsx(St,{windowSize:l,children:e?.denominationConversions.amount==null?y.mileageAddTitle:y.mileageEditTitle}),t.jsx(wt,{children:y.mileageSubTitle})]}),C!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ve,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:C.name,textColor:ke(C.code)}):null]}),t.jsxs(yt,{children:[C!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ve,{style:{width:"max-content"},tagTitle:C.name,textColor:ke(C.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Dt,{children:[t.jsxs(Et,{children:[t.jsx(at,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:x?void 0:D.colors.background,color:b||x?void 0:D.colors.grey1},isFieldError:x,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${y.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||s!=null,required:s==null},isDisabled:ne}),t.jsx(Tt,{children:b?t.jsx(lt,{label:y.save,"data-testid":$e("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!x&&Z?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:R.fetchState==="In-Progress"}):t.jsx(It,{isDisabled:s,"data-testid":$e("edit-mileage"),onClick:T=>{T.stopPropagation(),V(!0),H(!0),j.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Vt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?y.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ht=(e,w)=>`${e}.${w}`,ft=i.div`
-  display: flex;
-  flex-direction: column;
-  pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
-  opacity: ${e=>e.isActive?1:.32};
-  row-gap: ${e=>f.rowGap.valuePx(e.windowSize)};
-`,xt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-`,yt=i.div`
-  display: flex;
-`,St=i.div`
-  ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
-`,wt=i(st)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: ${e=>e.theme.colors.hero};
-`,Ct=i.div`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-left: ${a.sp4};
-`,bt=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>f.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${a.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>f.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>f.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>f.iconContainerMarginRight.valuePx(e.windowSize)};
-`,vt=i.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${e=>f.containerPadding.valuePx(e.windowSize)};
-  width: ${e=>f.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  fill: ${e=>e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,kt=i.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-`,$t=i.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ge.title.style(e.windowSize)}`};
-`,Pt=i.div`
-  display: flex;
-  flex-direction: column;
-`,jt=i.div``,At=i(rt)`
-  color: ${e=>e.theme.colors.comingSoon};
-  margin-left: ${a.sp3};
-`,Dt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-top: ${a.sp3};
-`,Et=i.div`
-  display: flex;
-  height: ${a.sp6};
-  width: 100%;
-  position: relative;
-`,Vt=i.label`
-  display: flex;
-  padding-left: ${e=>f.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?J.important:e.additionalInfoTextColor??e.theme.colors.hero};
-  ${e=>`${ge.infoLabel.style(e.size)}`};
-  margin-top: ${a.sp1};
-`,Tt=i.div`
-  display: flex;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: ${a.sp3};
-`,It=i(ct)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  cursor: ${e=>e.isDisabled==null?"pointer":"default"};
-  pointer-events: ${e=>e.isDisabled==null?"initial":"none"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,g={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,n[5],n[5]),sectionRowGap:new r(n[5],n[9],n[9]),lastSectionPaddingBottom:new r(n[7],n[10],n[10]),iconWidthHeight:new r(20,n[4]),subTitlePaddingTop:new r(12,n[3]),subTitlePaddingBottom:new r(n[3],n[3]),overlayWidth:new r(100,100,59)},Ae="remiSetupPage",q="remiAccount",G="remiMileage",ii=({remiSetupView:e,isDisabled:w,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:K,onBusinessVerificationSectionClick:Q,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onEstablishConnectionSuccess:R,updateMileageDetails:C,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:b,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:H,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const W=Ee(),u=Ve(),[B,I]=o.useState(!1),{fetchState:v,primaryFundingAccount:p,allFundingAccounts:he,updateStatus:L,accountUpdateStatus:Ie,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:ze,companyBillPayInfo:fe,mileageRateConfig:Me,isRefreshingViewInBackground:Fe,selectedCompanyOfficer:h}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Re}=j,re=le.link_account.updateStatus,se=le.update_account.updateStatus,_=N(v),ye=N(L.fetchState),Se=N(re.fetchState),we=N(se.fetchState),z=qe({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&h?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&h.areAdditionalDocumentsRequestedForVerification&&!h.areAdditionalDocumentsSubmittedForVerification&&h.userVerificationStatus?.code==="require_info"&&I(!0),B&&_==="In-Progress"&&v==="Completed"&&I(!1)},[h,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||Se==="In-Progress"&&re.fetchState==="Completed"||we==="In-Progress"&&se.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,Se,re.fetchState,we,se.fetchState]);const Ue=z.handleSubmit(P=>{l.trackEnableReimbursement(),b()}),He=async(P,F)=>{const m=F[q];if(P.includes(q)){if(P.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&p?.id!=m.fundingAccount.selectedOption){const S=he.find(me=>me.id===m.fundingAccount.selectedOption);S!=null&&Y(m.fundingAccount.selectedOption,S.accType)}}else if(m.account.selectedOption!=null&&p?.id!=null&&p?.zeniAccountId!=m.account.selectedOption){const S=m.account.allOptions.find(me=>me.value===m.account.selectedOption);S!=null&&typeof S.label=="string"&&l.trackConnectBankLink(S.value,S.label,"reimbursement"),U(m.account.selectedOption,p.id,p.accType)}}else if(P.includes(G)){const S=F[G];C(S)}};o.useEffect(()=>{const P=z.watch((F,{name:m})=>{m!=null&&F!=null&&Ge(()=>He(m,F))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&L.fetchState==="Completed"&&V()},[V,ye,L.fetchState]);const{commonSetUp:Ce,spendManagement:We}=Te.getLocalizedStrings(),{reimbursement:Be}=We,{reimbursementSetup:M}=Be,{setUp:k}=Ce,ce=fe?.isBusinessVerified===!0&&(p?.accType==="depositAccount"||p?.providerVerificationStatus?.code==="verified"||p?.providerVerificationStatus?.code==="manually_verified"||p?.providerVerificationStatus?.code==="automatically_verified"||p?.providerVerificationStatus?.code==="database_matched")&&Me?.denominationConversions.amount!=null,de=ze?.isReimbursementEnabled===!0,Oe=ce?Ce.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=W.mode==="light"?new be(W.colors.brandColorJadeLight):new be(W.colors.brandColorJadeDark),Ne=()=>{!B&&h?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&h.areAdditionalDocumentsRequestedForVerification&&!h.areAdditionalDocumentsSubmittedForVerification&&h.userVerificationStatus?.code==="require_info"?I(!0):Q?.()};return t.jsxs(Lt,{children:[t.jsx(Je,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>I(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(mt,{authParams:s,filesEndPoint:d,updateStatus:L,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:h,onClose:()=>I(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:M.setupTitle,backgroundColor:W.colors.grey4,style:{zIndex:3},onBackClick:K,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:H,source:"ReimbursementSetUpPage"}),t.jsxs(Mt,{windowSize:u,children:[t.jsx(zt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Ke,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{...z,children:t.jsx("form",{id:De(Ae),onSubmit:Ue,children:t.jsxs(Rt,{windowSize:u,children:[t.jsx(je,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Ye,{width:g.iconWidthHeight.valuePx(u),height:g.iconWidthHeight.valuePx(u)}),color:ue},status:fe?.businessVerificationStatus,isTagLoading:Fe}),t.jsx(ut,{connectedAccountProvider:A,primaryFundingAccount:p,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:he,sectionId:q,isDisabled:w,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:R,icon:{element:t.jsx(Xe,{width:g.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(gt,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:G,onSaveMileageClick:te,analytics:l}),t.jsx(je,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:M.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(et,{height:g.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:g.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Re:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(tt,{formId:De(Ae),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ie.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(dt,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},Lt=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,zt=i(it)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>g.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>g.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>g.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,Mt=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>g.setupDetailsRowGap.valuePx(e.windowSize)};
-`,Ft=i.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Rt=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>g.sectionRowGap.valuePx(e.windowSize)};
-`,pe=e=>{const{allBankAccounts:w,allFundingAccounts:j,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[q]:{fundingAccount:{selectedOption:$?.id,allOptions:j.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:w.map(s=>({label:s.accountName,value:s.accountId}))}},[G]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},De=e=>`${e}_form`;export{ii as default,De as uniqueName};