@zeniai/web-components 3.16.39 → 3.16.40

package/dist/TreasurySetupPage-BD9bFSlU.cjs

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-D4PXma22.cjs"),Qe=require("./HelpButton-C-b2eT2i.cjs"),et=require("./verification-BTADTbyz.cjs"),fe=require("./SetUpDefaultSection-DzxLi-VE.cjs"),tt=require("./SpendMgmtSetupAccountSection-D2XtVRok.cjs"),ot=require("./PortfolioAllocationFormPage-DbYj665z.cjs"),nt=require("./TreasuryTransferOrReviewPage-CoWEQCdf.cjs");function it(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const h=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(i,c,h.get?h:{enumerable:!0,get:()=>t[c]})}}return i.default=t,Object.freeze(i)}const y=it(m),st=(t,i)=>`${t}.${i}`,q={labelWidth:new e.ResponsiveSized(145,155),containerRowGap:new e.ResponsiveSized(12,e.sp[3]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[0]),marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[5],62),navBarContainerPaddingYaxis:new e.ResponsiveSized(10,e.sp[3]),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8])},rt={stepTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},he=e.appLocale.getLocalizedStrings(),{common:Q,spendManagement:{treasury:{transferDrawer:{review:{footNoteForVerification:at}}}}}=he,a=he.commonSetUp.businessVerification,ee=a.sourceOfFundOptions,A="additionalVerificationFields",ct=({companyOfficer:t,companyDetails:i,updateStatus:c,isDetailsSubmitted:h,isTransferInitiated:s,transferDetails:O,skipTransferStep:$,onClose:P,onAdditionalVerificationFieldsChanged:F,onSendForVerificationClick:S,onCloseOverlay:j})=>{const x=e.useWindowSizeContext(),U=q.labelWidth.value(x),I=e.usePrevious(c.fetchState),w=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>({[A]:{sourceOfFunds:{selectedOption:i?.sourceOfFunds??"",allOptions:Object.keys(ee)}}}),[i?.sourceOfFunds])}),G=p=>ee[p]??p,Z=w.handleSubmit(()=>{S(t?.officerType??"Officer_1",s)}),J=async(p,E)=>{F(E[A])};return m.useEffect(()=>{const p=w.watch((E,{name:D})=>{D!=null&&E!=null&&o.defer(()=>J(D,E))});return()=>{p.unsubscribe()}}),I==="In-Progress"&&c.fetchState==="Completed"||h===!0?o.jsxRuntimeExports.jsxs(mt,{children:[o.jsxRuntimeExports.jsxs(ht,{children:[o.jsxRuntimeExports.jsx(et.SvgVerification,{}),o.jsxRuntimeExports.jsx(pt,{windowSize:x,children:s===!0?a.submittedTitleWithTransfer:a.submittedTitle}),o.jsxRuntimeExports.jsx(ft,{children:s===!0?a.submittedDescriptionWithTransfer.replace("__amount__",e.amountValueToString(e.getAmountFormatString(O?.treasuryTransferMoneyLocalData?.amount?.amount??0),O?.treasuryTransferMoneyLocalData?.amount?.amount??0,Q.currency.currencySymbol)).replace("__account__",O?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):a.submittedDescription})]}),o.jsxRuntimeExports.jsx(e.Button,{label:a.submittedButton,onClick:j,variant:"primary"})]}):o.jsxRuntimeExports.jsxs(lt,{windowSize:x,children:[o.jsxRuntimeExports.jsx(ut,{windowSize:x,children:o.jsxRuntimeExports.jsx(e.Tooltip,{title:"Back",enterTouchDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(dt,{"data-testid":e.generateDataTestId("nav-bar-back-portfolio-allocation"),onClick:j||P})})}),o.jsxRuntimeExports.jsxs(gt,{windowSize:x,children:[o.jsxRuntimeExports.jsx(St,{windowSize:x,children:$===!0?a.verifyBusinessDetailsWithoutTransfer:a.verifyBusinessDetails}),o.jsxRuntimeExports.jsx(Rt,{children:o.jsxRuntimeExports.jsxs(yt,{children:[o.jsxRuntimeExports.jsx(xe,{}),$!==!0&&o.jsxRuntimeExports.jsx(xe,{}),o.jsxRuntimeExports.jsx(vt,{})]})})]}),o.jsxRuntimeExports.jsx(ge,{children:a.verifyBusinessDetailsDescription}),o.jsxRuntimeExports.jsx(o.FormProvider,{...w,children:o.jsxRuntimeExports.jsxs("form",{id:A,onSubmit:Z,children:[o.jsxRuntimeExports.jsx(xt,{children:o.jsxRuntimeExports.jsx(e.LabeledSingleSelectField,{label:{label:a.sourceOfFundsLabel,width:U},style:{width:"auto"},additionalInfoLabel:a.sourceOfFundsAdditionalInfo,singleSelectField:{singleSelect:{name:st(A,"sourceOfFunds"),placeholder:a.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:G,showTickMark:!1,sortOptions:!1},defaultValue:{selectedOption:i?.sourceOfFunds??"",allOptions:Object.keys(ee)},registerOptions:{required:!0,validate:p=>!!p?.selectedOption}},isFunctional:!0,errorInfoLabel:a.sourceOfFundsError.replace("_product_type_","business verification")})}),o.jsxRuntimeExports.jsx(e.Footer,{formId:A,primaryBtn:{label:Q.footer.submit,style:{width:"auto",minWidth:x==="small"?"auto":"83px"},isLoading:c.fetchState==="In-Progress"},cancelBtn:{label:Q.footer.back,style:{width:x==="small"?"auto":"83px"},onClick:P},style:{position:"absolute",width:"100%",paddingTop:e.Space.sp2,paddingBottom:e.Space.sp2},helperText:s===!0?at:void 0,helperStyle:{padding:`${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0}`}})]})})]})},lt=n.div`
+  height: auto;
+  padding-left: ${t=>`${q.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${q.containerPaddingRight.valuePx(t.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+  background-color: ${t=>t.theme.colors.grey4};
+`,ut=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${q.navBarContainerPaddingYaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+`,dt=n(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,pt=n(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,ge=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-top: ${e.Space.sp3};
+  white-space: pre-line;
+`,ft=n(ge)`
+  margin-top: ${e.Space.sp0};
+  text-align: center;
+`,xt=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp3};
+  margin-top: ${e.Space.sp3};
+`,mt=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp5};
+  margin: auto;
+`,ht=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp3};
+`,gt=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.Space.sp3};
+  width: 100%;
+`,St=n(e.StyledText)`
+  ${t=>`${rt.stepTitle.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  text-align: left;
+`,Rt=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp2};
+  overflow: hidden;
+`,yt=n.div`
+  display: flex;
+  width: 100%;
+  gap: ${e.Space.sp3};
+`,xe=n.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.primary};
+  border-radius: ${e.Space.sp2};
+`,vt=n.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  overflow: hidden;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background-color: ${t=>t.theme.colors.primary};
+    animation: fillProgress 1s ease-in-out forwards;
+  }
+
+  @keyframes fillProgress {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(0%);
+    }
+  }
+`,jt=t=>y.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},y.createElement("path",{d:"M5.62069 7.42676H2.09973",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M21.8994 7.42676H10.1617",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M13.8383 16.6963H2.09973",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M21.8994 16.6963H18.3793",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M5.62061 7.2989C5.62061 7.59707 5.67934 7.89233 5.79344 8.16781C5.90755 8.44329 6.0748 8.6936 6.28564 8.90444C6.49649 9.11528 6.74679 9.28253 7.02227 9.39664C7.29775 9.51075 7.59301 9.56948 7.89118 9.56948C8.18936 9.56948 8.48462 9.51075 8.7601 9.39664C9.03558 9.28253 9.28588 9.11528 9.49672 8.90444C9.70757 8.6936 9.87482 8.44329 9.98892 8.16781C10.103 7.89233 10.1618 7.59707 10.1618 7.2989C10.1618 6.6967 9.92254 6.11917 9.49672 5.69336C9.07091 5.26754 8.49338 5.02832 7.89118 5.02832C7.28899 5.02832 6.71146 5.26754 6.28564 5.69336C5.85983 6.11917 5.62061 6.6967 5.62061 7.2989Z",stroke:"currentColor",strokeWidth:1.5}),y.createElement("path",{d:"M13.8383 16.6983C13.8383 17.3005 14.0775 17.878 14.5033 18.3039C14.9291 18.7297 15.5066 18.9689 16.1088 18.9689C16.711 18.9689 17.2886 18.7297 17.7144 18.3039C18.1402 17.878 18.3794 17.3005 18.3794 16.6983C18.3794 16.0961 18.1402 15.5186 17.7144 15.0928C17.2886 14.667 16.711 14.4277 16.1088 14.4277C15.5066 14.4277 14.9291 14.667 14.5033 15.0928C14.0775 15.5186 13.8383 16.0961 13.8383 16.6983Z",stroke:"currentColor",strokeWidth:1.5})),d={titleWidth:new e.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),sectionRowGap:new e.ResponsiveSized(e.sp[5],e.sp[9],e.sp[9]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),subTitlePaddingTop:new e.ResponsiveSized(12,e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),overlayWidth:new e.ResponsiveSized(100,100,59)},wt="treasurySetUpPage",H="payAccount",L={VERIFIED:"verified",PENDING_REVIEW:"pending_review"},W={IN_PROGRESS:"In-Progress",COMPLETED:"Completed",NOT_STARTED:"Not-Started"},f={PORTFOLIO_ALLOCATION:"portfolio-allocation",TRANSFER:"transfer",ADDITIONAL_VERIFICATION:"additional-verification"},{commonSetUp:Et,spendManagement:Tt}=e.appLocale.getLocalizedStrings(),{zeniAccounts:bt,treasury:v}=Tt,{setUp:M}=Et,Ct=({isDisabled:t,meetingUrl:i,currentTenant:c,businessVerificationDetails:h,connectedAccountProvider:s,accountsPromoConfig:O,isAccountsEnabled:$,showTreasurySetupOverlay:P,transactions:F,treasurySetupView:S,transferDetails:j,isFirstTransfer:x,maxInsuredAmount:U,setShowTreasurySetupOverlay:I,onFetchLinkTokenClick:w,onEnableTreasuryClick:G,onUpdatePrimaryFundingAccount:Z,onUpdateTreasuryClick:J,onBusinessVerificationSectionClick:p,onUpdatePaymentAccountStatus:E,onUpdatePaymentAccountLoginStatus:D,onEstablishConnectionClick:te,onEstablishConnectionSuccess:Re,onClickMenuIcon:ye,onAdditionalVerificationFieldsChanged:ve,onSendForVerificationClick:je,onConfirmFundAllocation:we,onSignUpClick:Ee,onNavigateToDashboard:Te,onUpdateFundAllocation:be,onTransferSaveChangesToLocalStore:Ce,onOverlayClose:Oe})=>{const T=e.useToolkitContext().analytics,N=o.useTheme(),l=e.useWindowSizeContext(),[_,b]=m.useState(f.PORTFOLIO_ALLOCATION),[oe,Pe]=m.useState(!1),[Ie,ne]=m.useState(!1),[ke,ie]=m.useState(!1),{fetchState:se,companyTreasuryInfo:z,isRefreshingViewInBackground:re,updateStatus:Ae,plaidConnectionDetails:ae,allBankAccounts:Le,selectedCompanyOfficer:$e,primaryFundingAccount:C,allFundingAccounts:ce,currentAllocation:Fe,portfolioAllocationUpdateStatus:X,isAtomicAccountExists:De}=S,le=e.usePrevious(X.fetchState),k=c.company?.companyBillPayInfo?.businessVerificationStatus,ue=k?.code===L.PENDING_REVIEW||k?.code===L.VERIFIED,{companyDetailsLocalData:Ne}=h,Y=j.transferMoneyParties.length>0,V=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>me(S),[S]),values:me(S)}),_e=V.handleSubmit(r=>{G()}),ze=(r,R)=>{if(r===R)return;const u=ce.find(g=>g.id===r);u!=null&&Z(r,u.accType)},Ve=(r,R,u)=>{if(C?.id==null||r===u)return;const g=R.find(Ke=>Ke.value===r);g!=null&&typeof g.label=="string"&&T.trackConnectBankLink(g.value,g.label,"zeni_treasury"),J(r,C.id,C.accType)},Be=async(r,R)=>{if(!r.includes(H))return;const u=R[H];if(r.includes("fundingAccount")){const g=u.fundingAccount.selectedOption;g!=null&&ze(g,C?.id)}else u.account.selectedOption!=null&&Ve(u.account.selectedOption,u.account.allOptions,C?.zeniAccountId)};m.useEffect(()=>{const r=V.watch((R,{name:u})=>{u!=null&&R!=null&&o.defer(()=>Be(u,R))});return()=>{r.unsubscribe()}},[V]),m.useEffect(()=>{le===W.IN_PROGRESS&&X.fetchState===W.COMPLETED&&_===f.PORTFOLIO_ALLOCATION&&I(!1)},[le,X.fetchState]);const de=z?.businessVerificationStatus?.code===L.VERIFIED,We=z?.businessVerificationStatus?.code===L.PENDING_REVIEW,Me=de||We,He=se===W.IN_PROGRESS||se===W.NOT_STARTED,qe=v.setup.setupSubTitle,K=N.mode==="light"?new o.Color(N.colors.brandColorJadeLight):new o.Color(N.colors.brandColorJadeDark),Ue=()=>{Pe(!0),I(!0),b(f.PORTFOLIO_ALLOCATION)},Ge=()=>{we(),oe||(T.trackTreasuryVerificationNavigation("next",k?.code??""),Y?b(f.TRANSFER):pe())},Ze=()=>{ie(!0),ne(!0)},pe=()=>{ie(!1),ue?b(f.ADDITIONAL_VERIFICATION):p(!0,!1)},B=()=>{I(!1),Oe?.()},Je=()=>{T.trackTreasuryVerificationNavigation("back",k?.code??""),b(f.PORTFOLIO_ALLOCATION)},Xe=()=>{T.trackTreasuryVerificationNavigation("back",k?.code??""),b(f.TRANSFER)},Ye=()=>{ue?b(f.ADDITIONAL_VERIFICATION):p(!0,!0)};return o.jsxRuntimeExports.jsxs(Pt,{children:[o.jsxRuntimeExports.jsxs(o.Drawer,{anchor:"right",open:P,onClose:B,PaperProps:{style:{width:d.overlayWidth.valuePercentage(l),boxShadow:"none"}},style:{backgroundColor:e.Colors.drawerBackground},transitionDuration:250,children:[_===f.PORTFOLIO_ALLOCATION&&o.jsxRuntimeExports.jsx(ot.default,{treasurySetupView:S,onUpdateFundAllocation:be,onBackClick:B,onNextClick:Ge,isReadOnly:P?!1:De&&Fe!=null,isEditMode:oe,skipTransferStep:!Y}),_===f.TRANSFER&&o.jsxRuntimeExports.jsx(nt.default,{isFirstTransfer:x,maxInsuredAmount:U,transferDetails:j,onSaveChangesToLocalStore:Ce,treasurySetupView:S,showReviewContent:Ie,setShowReviewContent:ne,plaidConnectionDetails:ae,onReviewClick:Ze,onBackClick:Je,onCancelClick:B,onEstablishConnectionClick:te,onFetchLinkTokenClick:w,onSkipClick:pe,onTransferClick:Ye,isOnSetup:!0}),_===f.ADDITIONAL_VERIFICATION&&o.jsxRuntimeExports.jsx(ct,{updateStatus:Ae,companyOfficer:$e,companyDetails:Ne,isDetailsSubmitted:Me,isTransferInitiated:ke,transferDetails:j,onClose:Xe,onCloseOverlay:B,onAdditionalVerificationFieldsChanged:ve,onSendForVerificationClick:je,skipTransferStep:!Y})]}),o.jsxRuntimeExports.jsx(e.NavBar,{title:v.setup.setupTitle,backgroundColor:N.colors.grey4,style:{zIndex:3},onBackClick:Te,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:ye,source:"treasury"}),o.jsxRuntimeExports.jsxs(Ot,{windowSize:l,children:[o.jsxRuntimeExports.jsx(It,{windowSize:l,children:qe}),He?o.jsxRuntimeExports.jsx(kt,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):o.jsxRuntimeExports.jsx(o.FormProvider,{...V,children:o.jsxRuntimeExports.jsx("form",{id:Se(wt),onSubmit:_e,children:o.jsxRuntimeExports.jsxs(At,{windowSize:l,children:[o.jsxRuntimeExports.jsx(fe.SetUpDefaultSection,{onClick:Ue,title:v.setup.title,subTitle:v.setup.subTitle,header:v.setup.header,icon:{element:o.jsxRuntimeExports.jsx(jt,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},isLoading:re,isActiveWhileLoading:!0}),o.jsxRuntimeExports.jsx(fe.SetUpDefaultSection,{onClick:()=>p(!1,!1),title:M.businessVerificationTitle,subTitle:M.businessVerificationSubTitle,header:M.businessVerificationHeader,icon:{element:o.jsxRuntimeExports.jsx(e.SvgDocuments,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},status:z?.businessVerificationStatus,isLoading:re,isActiveWhileLoading:!0,additionalInfo:z?.businessVerificationStatus?.code===L.PENDING_REVIEW?F!=null&&F.length>0?v.setup.verificationInProgress:M.businessVerificationAdditionalInfo:void 0}),o.jsxRuntimeExports.jsx(tt.SpendMgmtSetupAccountSection,{connectedAccountProvider:s,plaidConnectionDetails:ae,allBankAccounts:Le,sectionId:H,isDisabled:t,header:bt.accountSectionHeader,onFetchLinkTokenClick:w,onEstablishConnectionClick:te,onUpdatePaymentAccountStatus:E,onUpdatePaymentAccountLoginStatus:D,onEstablishConnectionSuccess:Re,icon:{element:o.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},analytics:T,productType:"zeni_treasury",onSignUpClick:Ee,primaryFundingAccount:C,isAccountsEnabled:$,allFundingAccounts:ce,pageName:v.setup.setupPageName,accountsPromoConfig:O})]})})})]}),o.jsxRuntimeExports.jsx(Qe.HelpButton,{isFooterRendered:de,meetingUrl:i,analytics:T,productType:"zeni_treasury"})]})};function me(t){const{allBankAccounts:i,allFundingAccounts:c,primaryFundingAccount:h}=t;return{[H]:{fundingAccount:{selectedOption:h?.id,allOptions:c.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:i.map(s=>({label:s.accountName,value:s.accountId}))}}}}const Ot=n.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${t=>d.setupDetailsRowGap.valuePx(t.windowSize)};
+`,Pt=n.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey4};
+`,It=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${t=>d.titleWidth.valuePx(t.windowSize)};
+  padding-top: ${t=>d.subTitlePaddingTop.valuePx(t.windowSize)};
+  padding-bottom: ${t=>d.subTitlePaddingBottom.valuePx(t.windowSize)};
+  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
+`,kt=n.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey4};
+`,At=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t=>d.sectionRowGap.valuePx(t.windowSize)};
+`,Se=t=>`${t}_form`;exports.default=Ct;exports.uniqueName=Se;

package/dist/TreasuryStatementsPage-BMBJ9v7N.js

@@ -0,0 +1,131 @@
+import { u as j, j as e, A as v, V as k } from "./vendor-.pnpm-BZbZ6JJC.js";
+import { createRef as z, useRef as I } from "react";
+import r from "@emotion/styled";
+import { u as C, aE as R, a as T, S as s, C as c, R as E, D as d, p as L } from "./index-oeut1pIL.js";
+import { b as M } from "./BoxItem-F0KOr97L.js";
+import { t as A } from "./commonDimensions-XntDJCoa.js";
+import { S as B } from "./StatementItem-BD2Z11GQ.js";
+const m = T.getLocalizedStrings().spendManagement.treasury.statements, h = {
+  listItemMargin: new E(d[3], d[8])
+}, X = ({
+  currentTenantCompanyName: t,
+  authParams: x,
+  downloadEndPoint: u,
+  statementListView: n,
+  onBackClick: g
+}) => {
+  const b = j(), o = C(), f = z(), y = I(), S = n.statements.length === 0, w = () => A.transactionItemHeightResponsive.value(
+    o
+  ), $ = ({ index: a, style: i }) => {
+    const l = n.statements[a];
+    return S === !1 ? /* @__PURE__ */ e.jsx(
+      p,
+      {
+        windowSize: o,
+        style: {
+          ...i,
+          width: `calc(100% - 2*${h.listItemMargin.valuePx(o)})`
+        },
+        children: /* @__PURE__ */ e.jsx(
+          B,
+          {
+            currentTenantCompanyName: t,
+            accountLast4: "",
+            data: l,
+            authParams: x,
+            downloadEndPoint: u,
+            documentType: "treasuryStatement",
+            boxType: M(a, n.statements.length)
+          },
+          l.id
+        )
+      }
+    ) : /* @__PURE__ */ e.jsx(D, { style: { ...i }, children: /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(p, { windowSize: o, children: /* @__PURE__ */ e.jsx(H, { children: m.noStatements }) }) }) });
+  };
+  return /* @__PURE__ */ e.jsxs(W, { children: [
+    /* @__PURE__ */ e.jsx(
+      R,
+      {
+        title: m.title,
+        backgroundColor: b.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: g,
+        source: "treasury"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(K, { windowSize: o, children: /* @__PURE__ */ e.jsx(v, { children: ({ height: a, width: i }) => /* @__PURE__ */ e.jsx(
+      N,
+      {
+        ref: f,
+        height: a,
+        width: i,
+        innerRef: y,
+        itemKey: (l) => l,
+        itemCount: n.statements.length,
+        itemSize: w,
+        initialScrollOffset: 0,
+        children: $
+      }
+    ) }) })
+  ] });
+}, D = r.div``, p = r.div`
+  margin: ${(t) => `${s.sp0} ${h.listItemMargin.valuePx(t.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`, P = r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, W = r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${s.sp7};
+`, H = r(L)`
+  display: flex;
+  color: ${(t) => t.theme.colors.grey2};
+`, K = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${(t) => t.windowSize === "small" ? s.sp3 : s.sp6};
+`, N = r(k)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${s.sp2};
+    height: ${s.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${(t) => t.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${s.sp2};
+      height: ${s.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${(t) => t.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;
+export {
+  X as default
+};

package/dist/TreasuryStatementsPage-D-4qB1hJ.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),l=require("react"),n=require("@emotion/styled"),e=require("./index-D4PXma22.cjs"),w=require("./BoxItem-Fs6Lglx1.cjs"),R=require("./commonDimensions-BJ4Cka81.cjs"),v=require("./StatementItem-DL8ujs-m.cjs"),d=e.appLocale.getLocalizedStrings().spendManagement.treasury.statements,m={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:s,authParams:x,downloadEndPoint:u,statementListView:o,onBackClick:h})=>{const g=t.useTheme(),r=e.useWindowSizeContext(),b=l.createRef(),S=l.useRef(),y=o.statements.length===0,j=()=>R.transactionItemDimensions.transactionItemHeightResponsive.value(r),f=({index:i,style:a})=>{const c=o.statements[i];return y===!1?t.jsxRuntimeExports.jsx(p,{windowSize:r,style:{...a,width:`calc(100% - 2*${m.listItemMargin.valuePx(r)})`},children:t.jsxRuntimeExports.jsx(v.StatementItem,{currentTenantCompanyName:s,accountLast4:"",data:c,authParams:x,downloadEndPoint:u,documentType:"treasuryStatement",boxType:w.boxType(i,o.statements.length)},c.id)}):t.jsxRuntimeExports.jsx($,{style:{...a},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(p,{windowSize:r,children:t.jsxRuntimeExports.jsx(z,{children:d.noStatements})})})})};return t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:d.title,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:h,source:"treasury"}),t.jsxRuntimeExports.jsx(C,{windowSize:r,children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:i,width:a})=>t.jsxRuntimeExports.jsx(T,{ref:b,height:i,width:a,innerRef:S,itemKey:c=>c,itemCount:o.statements.length,itemSize:j,initialScrollOffset:0,children:f})})})]})},$=n.div``,p=n.div`
+  margin: ${s=>`${e.Space.sp0} ${m.listItemMargin.valuePx(s.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,I=n.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,k=n.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,z=n(e.StandardRegular)`
+  display: flex;
+  color: ${s=>s.theme.colors.grey2};
+`,C=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${s=>s.windowSize==="small"?e.Space.sp3:e.Space.sp6};
+`,T=n(t.VariableSizeList)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${e.Space.sp2};
+    height: ${e.Space.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${s=>s.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${e.Space.sp2};
+      height: ${e.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${s=>s.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;exports.default=E;

package/dist/TreasuryTaxLetterPage-RcPkmavx.js

@@ -0,0 +1,131 @@
+import { u as j, j as e, A as v, V as k } from "./vendor-.pnpm-BZbZ6JJC.js";
+import { createRef as z, useRef as I } from "react";
+import s from "@emotion/styled";
+import { u as T, aE as L, a as C, S as r, C as c, R, D as d, p as E } from "./index-oeut1pIL.js";
+import { b as M } from "./BoxItem-F0KOr97L.js";
+import { t as A } from "./commonDimensions-XntDJCoa.js";
+import { S as B } from "./StatementItem-BD2Z11GQ.js";
+const m = C.getLocalizedStrings().spendManagement.treasury.taxLetter, x = {
+  listItemMargin: new R(d[3], d[8])
+}, X = ({
+  currentTenantCompanyName: t,
+  authParams: h,
+  downloadEndPoint: u,
+  taxLetterListView: n,
+  onBackClick: g
+}) => {
+  const b = j(), o = T(), f = z(), y = I(), w = n.taxLetters.length === 0, S = () => A.transactionItemHeightResponsive.value(
+    o
+  ), $ = ({ index: a, style: i }) => {
+    const l = n.taxLetters[a];
+    return w === !1 ? /* @__PURE__ */ e.jsx(
+      p,
+      {
+        windowSize: o,
+        style: {
+          ...i,
+          width: `calc(100% - 2*${x.listItemMargin.valuePx(o)})`
+        },
+        children: /* @__PURE__ */ e.jsx(
+          B,
+          {
+            currentTenantCompanyName: t,
+            accountLast4: "",
+            data: l,
+            authParams: h,
+            downloadEndPoint: u,
+            documentType: "taxLetter",
+            boxType: M(a, n.taxLetters.length)
+          },
+          l.id
+        )
+      }
+    ) : /* @__PURE__ */ e.jsx(D, { style: { ...i }, children: /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(p, { windowSize: o, children: /* @__PURE__ */ e.jsx(H, { children: m.noTaxLetter }) }) }) });
+  };
+  return /* @__PURE__ */ e.jsxs(W, { children: [
+    /* @__PURE__ */ e.jsx(
+      L,
+      {
+        title: m.title,
+        backgroundColor: b.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: g,
+        source: "treasury"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(K, { windowSize: o, children: /* @__PURE__ */ e.jsx(v, { children: ({ height: a, width: i }) => /* @__PURE__ */ e.jsx(
+      N,
+      {
+        ref: f,
+        height: a,
+        width: i,
+        innerRef: y,
+        itemKey: (l) => l,
+        itemCount: n.taxLetters.length,
+        itemSize: S,
+        initialScrollOffset: 0,
+        children: $
+      }
+    ) }) })
+  ] });
+}, D = s.div``, p = s.div`
+  margin: ${(t) => `${r.sp0} ${x.listItemMargin.valuePx(t.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`, P = s.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, W = s.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${r.sp7};
+`, H = s(E)`
+  display: flex;
+  color: ${(t) => t.theme.colors.grey2};
+`, K = s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${(t) => t.windowSize === "small" ? r.sp3 : r.sp6};
+`, N = s(k)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${r.sp2};
+    height: ${r.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${(t) => t.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${r.sp2};
+      height: ${r.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${(t) => t.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;
+export {
+  X as default
+};

package/dist/TreasuryTaxLetterPage-kA2YiBIl.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),l=require("react"),s=require("@emotion/styled"),e=require("./index-D4PXma22.cjs"),w=require("./BoxItem-Fs6Lglx1.cjs"),R=require("./commonDimensions-BJ4Cka81.cjs"),v=require("./StatementItem-DL8ujs-m.cjs"),x=e.appLocale.getLocalizedStrings().spendManagement.treasury.taxLetter,p={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:r,authParams:m,downloadEndPoint:u,taxLetterListView:o,onBackClick:h})=>{const g=t.useTheme(),n=e.useWindowSizeContext(),b=l.createRef(),S=l.useRef(),y=o.taxLetters.length===0,j=()=>R.transactionItemDimensions.transactionItemHeightResponsive.value(n),f=({index:i,style:a})=>{const c=o.taxLetters[i];return y===!1?t.jsxRuntimeExports.jsx(d,{windowSize:n,style:{...a,width:`calc(100% - 2*${p.listItemMargin.valuePx(n)})`},children:t.jsxRuntimeExports.jsx(v.StatementItem,{currentTenantCompanyName:r,accountLast4:"",data:c,authParams:m,downloadEndPoint:u,documentType:"taxLetter",boxType:w.boxType(i,o.taxLetters.length)},c.id)}):t.jsxRuntimeExports.jsx($,{style:{...a},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(d,{windowSize:n,children:t.jsxRuntimeExports.jsx(T,{children:x.noTaxLetter})})})})};return t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:x.title,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:h,source:"treasury"}),t.jsxRuntimeExports.jsx(z,{windowSize:n,children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:i,width:a})=>t.jsxRuntimeExports.jsx(L,{ref:b,height:i,width:a,innerRef:S,itemKey:c=>c,itemCount:o.taxLetters.length,itemSize:j,initialScrollOffset:0,children:f})})})]})},$=s.div``,d=s.div`
+  margin: ${r=>`${e.Space.sp0} ${p.listItemMargin.valuePx(r.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,I=s.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,k=s.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,T=s(e.StandardRegular)`
+  display: flex;
+  color: ${r=>r.theme.colors.grey2};
+`,z=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${r=>r.windowSize==="small"?e.Space.sp3:e.Space.sp6};
+`,L=s(t.VariableSizeList)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${e.Space.sp2};
+    height: ${e.Space.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${r=>r.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${e.Space.sp2};
+      height: ${e.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${r=>r.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;exports.default=E;