@zeniai/web-cockpit-ui 1.13.95-qa → 1.13.96-dev

package/dist/assets/PortfolioDetails-Du2wncho-CaN6dcPD.js

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

package/dist/assets/ReimbursementSetUpPage-ihfYAhDw-0c2qhtD1.js

@@ -1,140 +0,0 @@
-import{u as Ee,X as Ve,a1 as N,a as Ge,c3 as qe,M as Te,a7 as be,j as t,cI as Ke,g as K,C as r,aW as Ze,d as Je,F as Qe,c_ as Ye,aQ as Xe,c$ as et,a3 as tt,o as a,n,bH as it,cg as nt,co as ot,eY as ve,eZ as ke,fH as at,K as lt,Y as $e,Q as Pe,bd as rt,w as st,aN as ct}from"./index-Ihb4xe41.js";import{b as o,n as i}from"./vendor-CnQcJ2Lu.js";import{F as dt}from"./HelpButton-BBLa-U8R-BCdxHz0r.js";import{K as je}from"./SetUpDefaultSection-C2MgZHUf-6cjyky9L.js";import{p as ut}from"./SpendMgmtSetupAccountSection-D7LHyfpa-Cue5Vls3.js";import{g as mt}from"./UploadAdditionalDocumentOverlay-BBEBrd1k-Da0YVuaj.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-5ibEhgcm-CfrNow34.js";import"./ChargeCardUtils-Buf1Xa4X-B0NExkND.js";import"./CreditCardPaymentPlgSection-B9DUkdWm-DXvkaBzj.js";import"./ChaseOverlay-Cp5-sc7K-D16SX-je.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:S,analytics:j,style:A,sectionId:$,isActive:d=!0,isDisabled:s,onSaveMileageClick:Z}){const l=Ve(),D=Ee(),{formState:{errors:J},trigger:Q}=nt(),E=ht($,"mileageAmountInDenomination"),x=ot(J,E),{localData:c,updateStatus:R,mileageStatus:C}=S,H=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:X}=Te.getLocalizedStrings(),{reimbursement:ee}=X,[b,V]=o.useState(H),[te,U]=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||U(b)},[b]);const{reimbursementSetup:w}=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:[w.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(yt,{windowSize:l,children:e?.denominationConversions.amount==null?w.mileageAddTitle:w.mileageEditTitle}),t.jsx(St,{children:w.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(wt,{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:`  ${w.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:w.save,"data-testid":$e("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&H&&!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),U(!0),j.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Vt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?w.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ht=(e,S)=>`${e}.${S}`,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;
-`,wt=i.div`
-  display: flex;
-`,yt=i.div`
-  ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?K.important:e.theme.colors.primary};
-`,St=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?K.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?K.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",G="remiAccount",q="remiMileage",ii=({remiSetupView:e,isDisabled:S,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:J,onBusinessVerificationSectionClick:Q,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onEstablishConnectionSuccess:R,updateMileageDetails:C,onUpdateAccountClick:H,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:b,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:U,onEditFileName:w,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),we=N(L.fetchState),ye=N(re.fetchState),Se=N(se.fetchState),z=Ge({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"||ye==="In-Progress"&&re.fetchState==="Completed"||Se==="In-Progress"&&se.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,ye,re.fetchState,Se,se.fetchState]);const He=z.handleSubmit(P=>{l.trackEnableReimbursement(),b()}),Ue=async(P,F)=>{const m=F[G];if(P.includes(G)){if(P.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&p?.id!=m.fundingAccount.selectedOption){const y=he.find(me=>me.id===m.fundingAccount.selectedOption);y!=null&&Y(m.fundingAccount.selectedOption,y.accType)}}else if(m.account.selectedOption!=null&&p?.id!=null&&p?.zeniAccountId!=m.account.selectedOption){const y=m.account.allOptions.find(me=>me.value===m.account.selectedOption);y!=null&&typeof y.label=="string"&&l.trackConnectBankLink(y.value,y.label,"reimbursement"),H(m.account.selectedOption,p.id,p.accType)}}else if(P.includes(q)){const y=F[q];C(y)}};o.useEffect(()=>{const P=z.watch((F,{name:m})=>{m!=null&&F!=null&&qe(()=>Ue(m,F))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{we==="In-Progress"&&L.fetchState==="Completed"&&V()},[V,we,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(Ke,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>I(!1),style:{backgroundColor:K.drawerBackground},transitionDuration:250,children:t.jsx(mt,{authParams:s,filesEndPoint:d,updateStatus:L,onEditFileName:w,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:J,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:U,source:"ReimbursementSetUpPage"}),t.jsxs(Mt,{windowSize:u,children:[t.jsx(zt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Je,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{...z,children:t.jsx("form",{id:De(Ae),onSubmit:He,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:G,isDisabled:S,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:q,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:S!=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:S,allFundingAccounts:j,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[G]:{fundingAccount:{selectedOption:$?.id,allOptions:j.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:S.map(s=>({label:s.accountName,value:s.accountId}))}},[q]:{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};

package/dist/assets/SpendMgmtSetupAccountSection-D7LHyfpa-Cue5Vls3.js

@@ -1,206 +0,0 @@
-import{X as Te,cg as Ge,u as qe,M as Q,co as Ye,a1 as se,eX as Ze,l as J,a7 as re,j as t,aQ as Ke,C as d,f3 as Je,f4 as Qe,f5 as Xe,bC as et,n as o,_ as tt,eY as ye,eZ as ve,o as i,Y as N,f6 as Le,d as pe,g as j,e_ as it,Q as _e,f7 as nt,e$ as at,w as ot,bt as $e,cz as lt,a6 as st,f8 as rt,f as ze,ae as Ae,f9 as ct,cl as dt}from"./index-Ihb4xe41.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-C5LQ0bMa.js";import{v as pt}from"./ChargeCardUtils-Buf1Xa4X-B0NExkND.js";import{Z as ht}from"./CreditCardPaymentPlgSection-B9DUkdWm-DXvkaBzj.js";import{M as gt}from"./ChaseOverlay-Cp5-sc7K-D16SX-je.js";import{K as mt}from"./SetUpDefaultSection-C2MgZHUf-6cjyky9L.js";const X={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new _e("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:c}=Q.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Le,{heading:c.accountsPlg.heading,buttonText:c.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:c.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>X.rowGap.valuePx(e.windowSize)};
-`,wt=n.div`
-  display: flex;
-  align-items: center;
-`,bt=n.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ft.title.style(e.windowSize)}`};
-`,yt=n.div`
-  width: ${e=>e.width!=null?e.width:X.sectionWidth.valuePx(e.windowSize)};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  &:hover {
-    border: ${e=>`1px solid  ${e.theme.colors.primary}`};
-    color: ${e=>e.theme.colors.primary};
-  }
-`,vt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${i.sp2};
-`,$t=n(ze)`
-  display: flex;
-  align-items: center;
-  padding-top: ${i.sp1};
-  padding-bottom: ${i.sp1};
-  padding-left: ${e=>X.footerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>X.footerPaddingLeftRight.valuePx(e.windowSize)};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,kt=n.div`
-  display: flex;
-  align-items: center;
-  :hover {
-    cursor: pointer;
-    color: ${e=>e.theme.colors.primary};
-    .right-arrow {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ct=n.span`
-  pointer-events: ${e=>e.isLoading===!0?"none":"initial"};
-`,jt=n(Ae)`
-  margin-left: ${i.sp1};
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,r={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new _e("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:c,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:V=!1,showCompletedIcon:H=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:G,onFetchLinkTokenClick:L,onEstablishConnectionClick:q,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:B,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=Ge(),D=f.useRef(null),R=qe(),{setUp:h}=Q.getLocalizedStrings().commonSetUp,Y=Q.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,l,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,l=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Ue=Ye(Re,ae),[_,Z]=f.useState(void 0),g=x.link_account,z=x.update_account,w=_==="update_account"?z:g,[U,ge]=f.useState(w.linkToken??null),[O,K]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(z.updateStatus.fetchState),Be=se(z.fetchStatus.fetchState),De=f.useCallback((s,C)=>{u.trackConnectBankSuccess(c,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&_==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):q(s,_),Z(void 0),K(!1)},[u,m,c,e?.id,e?.providerAccountId,_,S,E,q]),Oe=f.useCallback((s,C)=>{s!=null&&(u.trackConnectBankFailure(c,s.error_code+" "+s.error_message,m),s.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",s,C)),Z(void 0),K(!1)},[u,c,m,e?.id,E]),{open:F,ready:xe}=Ze({token:U,onSuccess:De,onExit:Oe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&z.updateStatus.fetchState==="Completed")&&l!=="verified"&&l!=="manually_verified"&&l!=="automatically_verified"&&l!=="database_matched"&&(L("link_account"),B())},[g.updateStatus.fetchState,B,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,z.updateStatus.fetchState,l]),f.useEffect(()=>{(J.isVerifiedStatusCode(l??"")||l==="verification_failed")&&!O&&_!=null&&w.linkToken===U&&w.fetchStatus.fetchState==="Completed"&&xe&&K(!0)},[xe,U,w.fetchStatus.fetchState,w.linkToken,l,_,O]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==U&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,U]),f.useEffect(()=>{O&&F()},[O,F]),f.useEffect(()=>{!e?.zeniAccountId&&!Ue&&Ee(ae)},[e?.id]),f.useEffect(()=>{(l==null||l==="verification_failed"||l==="verification_expired"||J.isVerifiedStatusCode(l))&&(J.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Fe=()=>{u.trackConnectBankGetBalance(c,m),Z("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(s=>s.id===e?.id),Ne=()=>{me(!0)},Ve=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return c==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(l==null||l==="verification_failed"||l==="verification_expired")&&(u.trackConnectBank(c,m),F())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:V,showCompletedIcon:H,icon:{element:t.jsx(Ke,{width:r.iconWidthHeight.valuePx(a),height:r.iconWidthHeight.valuePx(a)}),color:new re(Ve)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(l==null||l==="verification_failed"||l==="verification_expired")&&(u.trackConnectBank(c,m),F())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[H===!0?t.jsx(Vt,{children:V?t.jsx(Ht,{}):t.jsx(Gt,{})}):null,t.jsx(Nt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ft,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Ut,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Jt,{children:[t.jsxs(qt,{children:[t.jsx(Je,{ref:D,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(s,C)=>Xe(p,s,C),valueToSubLabels:(s,C)=>Qe(p,s,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(c,m),Z("link_account"),g.linkToken==null||J.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):U!==g.linkToken?ge(g.linkToken):O?F():K(!0)}}),t.jsxs(Bt,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Zt,{}):null]}):null,l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:_==="update_account",isLoginRequired:S,isPendingVerification:l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:c,fetchAndUpdateStatues:{fetchStatus:z.fetchStatus,updateStatus:z.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:Be,prevUpdateState:oe},onUpdateLinkTokenClick:Fe,onChaseInfoClick:Ne}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Yt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:s=>s.stopPropagation(),"data-testid":N("account-select-container",c),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:r.labelWidth.value(a),style:{marginLeft:r.labeleMarginLeft.valuePx(a),marginBottom:r.labeleMarginBottom.valuePx(a)}},style:{paddingTop:r.labeledFieldPaddingTop.valuePx(a),paddingBottom:r.labeledFieldPaddingBottom.valuePx(a),paddingLeft:r.labeledFieldPaddingLeft.valuePx(a),paddingRight:r.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:r.infoLabelPaddingRight.valuePx(a),marginTop:r.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(s=>({label:s.accountName,value:s.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?c==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(_t,{windowSize:a,children:[Y.earn,t.jsx(zt,{children:Y.percentageCashback.replace("__percentage__",pt)}),Y.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Y.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()}}):c!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Qt,{isOptionSelected:!0,children:t.jsx(Xt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Kt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ot,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=Q.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:c,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:V,reLoginMessage:H,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:G,linkUpdateStatus:L,prevFetchState:q,prevUpdateState:E}=b,B=v&&q==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(W,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(W,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:H,placement:"bottom",maxWidth:"264px",children:t.jsxs(Dt,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:B?V:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(W,{children:[t.jsx(ee,{children:c}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(W,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),B?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(W,{onClick:A,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,_t=n(st)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,zt=n(rt)`
-  color: ${e=>e.theme.colors.primary};
-`,Ce=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>r.rowGap.valuePx(e.windowSize)};
-`,At=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${i.sp4};
-  margin-bottom: ${i.sp0};
-`,It=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${i.sp3};
-  margin-bottom: ${i.sp4};
-  opacity: ${e=>e.isDisabled?.4:1};
-`,Et=n(lt)`
-  border-radius: ${i.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Rt=n.div`
-  display: flex;
-  opacity: ${e=>e.isDisabled?.8:1};
-`,Ut=n.div`
-  display: flex;
-  align-items: flex-start;
-`,Mt=n.div`
-  display: flex;
-`,Bt=n(ot)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.hero};
-  flex-wrap: wrap;
-`,ee=n.div`
-  display: flex;
-`,ce=n.div`
-  :hover {
-    cursor: pointer;
-    color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
-  }
-`,W=n(ze)`
-  display: flex;
-  align-items: center;
-`,Dt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Ot=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.iconColor.toString()};
-  border-radius: ${i.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?j.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${i.sp2};
-`,Ft=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>r.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  ${e=>e.isDisabled===!1&&`
-    &:hover {
-      border: 1px solid ${e.theme.colors.primary};
-      color: ${e.theme.colors.primary};
-    }
-    `}
-`,Wt=n.div`
-  display: flex;
-  align-items: center;
-`,Nt=n.div`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${Pt.title.style(e.windowSize)}`};
-`,Vt=n.div`
-  margin-right: ${i.sp2};
-`,Ht=n(it)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${j.success};
-`,Gt=n.div`
-  height: 14px;
-  width: 14px;
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`,qt=n.div``,Yt=n.div`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  margin-left: ${i.sp4};
-`,Zt=n.div`
-  display: inline-block;
-  border-radius: ${i.sp2};
-  margin: ${i.sp0} 12px;
-  width: ${i.sp1};
-  height: ${i.sp1};
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,Kt=n.img`
-  width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  border-radius: ${i.sp11};
-  margin-right: ${i.sp2};
-`,Jt=n.div`
-  display: flex;
-  flex-direction: column;
-`,de=n.div`
-  display: flex;
-  color: inherit;
-  margin-left: ${i.sp1};
-`,ue=n(Ae)`
-  width: 12px;
-  height: 12px;
-`,je=n(dt)`
-  display: flex;
-  margin-left: 12px;
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${j.important};
-`,Pe=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${i.sp2};
-`,Qt=n.div`
-  min-width: ${e=>e.isOptionSelected?i.sp4:i.sp5};
-  width: ${e=>e.isOptionSelected?i.sp7:i.sp5};
-  height: ${e=>e.isOptionSelected?i.sp7:i.sp5};
-  margin-right: ${i.sp2};
-`,Xt=n(ct)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-`;export{Tt as R,si as p,ke as y,Lt as z};

package/dist/assets/StatementItem-Dn796WZD-BPv_Hnra.js

@@ -1,31 +0,0 @@
-import{X as y,M as S,g$ as b,j as o,d as g,o as a,q as j,C as v,bq as z,n as k}from"./index-Ihb4xe41.js";import{b as P,n as i}from"./vendor-CnQcJ2Lu.js";import{g as C}from"./BoxItem-qV71vsVl-BQdt3cLT.js";import{w as L}from"./downloadPdf-YcATpN2g-CAA7xZRG.js";const d=S.getLocalizedStrings().months,r={downloadButtonSize:new v(k[4],20)},q=i.div`
-  display: flex;
-  padding: ${a.sp3} ${a.sp4};
-  flex-direction: row;
-  width: 100%;
-`,B=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,T=i(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp2};
-  max-height: ${a.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,E=i.div`
-  cursor: pointer;
-`,M=i(z)`
-  width: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
-  height: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
-  min-height: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
-  color: ${t=>t.theme.colors.hero};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;function J({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[w,x]=P.useState(!1),c=y(),$=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,h=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(q,{children:o.jsxs(B,{children:[o.jsx(T,{children:$}),o.jsx(E,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,h,m,x),children:w?o.jsx(g,{size:"Small",start:!0}):o.jsx(M,{windowSize:c})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{J as M};