@zeniai/web-components 3.16.71 → 3.16.72

package/dist/TransactionListBig-bijKeurV.cjs

@@ -0,0 +1,284 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),g=require("react"),n=require("@emotion/styled"),z=require("@zeniai/client-epic-state"),t=require("./index-DaOROfUT.cjs"),H=require("./AccountsPromoCardStack-BZhAU4__.cjs"),U=require("@emotion/react"),M=require("@zeniai/client-analytics"),G={textContainer:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},Y=n.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: default;
+`,V=n.div`
+  color: ${t.Colors.important};
+  opacity: 1;
+  cursor: default;
+`,_=n.span`
+  top: -2px;
+  position: relative;
+  color: ${e=>e.theme.colors.grey1};
+  ${e=>`${G.textContainer.style(e.windowSize)}`};
+`,J=n(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-right: 6px;
+  color: ${e=>e.theme.colors.hero};
+  visibility: hidden;
+  cursor: pointer;
+`,Z=n(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-right: 6px;
+  color: ${t.Colors.important};
+  visibility: hidden;
+  cursor: pointer;
+`,K=n.div`
+  border: 1px solid ${e=>e.theme.colors.grey5};
+  cursor: default;
+  padding: ${t.Space.sp1} ${t.Space.sp0} ${t.Space.sp3};
+  z-index: 1;
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowNormal}`};
+  text-align: left;
+  border-radius: ${t.Space.sp1};
+  width: 270px;
+  right: 5%;
+`,W=n.div`
+  padding: 10px 12px 12px ${t.Space.sp0};
+  background: ${e=>e.checked?e.theme.colors.grey3:"transparent"};
+  & input {
+    width: ${t.Space.sp3} !important;
+    height: ${t.Space.sp3};
+    background: transparent;
+    border: solid 1px ${e=>e.theme.colors.grey1};
+    border-radius: 50%;
+    cursor: pointer;
+    background-clip: content-box;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    margin: ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2};
+  }
+  & input[type="radio"]:checked {
+    content: "";
+    padding: 3px;
+    border: solid 1px ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.primary};
+  }
+`,Q=n.div`
+  display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+`,X=n.div`
+  width: ${t.Space.sp5};
+  height: 29px;
+  margin-right: 2px;
+  border-radius: ${t.Space.sp1};
+  color: ${e=>e.isSelectedDate?e.theme.colors.grey5:e.theme.colors.hero};
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.isSelectedDate?e.theme.colors.primary:""};
+  &:hover {
+    background: ${e=>e.isSelectedDate?e.theme.colors.primary:e.theme.colors.grey2};
+  }
+`,ee=n(t.SmallRegularSp)`
+  text-align: center;
+`,O=n(t.SmallRegularSp)`
+  top: -2px;
+  position: relative;
+  cursor: pointer;
+`,te=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey4};
+  padding-top: ${t.Space.sp3};
+  display: flex;
+  justify-content: center;
+`,oe=n.span`
+  width: 20px;
+  margin: ${t.Space.sp0} 6px;
+  display: inline-block;
+  background: ${e=>e.theme.colors.background};
+  text-align: center;
+  border-radius: ${t.Space.sp1};
+`;function ne({accountDetails:e,analytics:S,isZeniUser:d,onSetAccountsStatementDate:v}){const l=t.appLocale.getLocalizedStrings().statementCloseDay.dropdown.option1,p=t.appLocale.getLocalizedStrings().statementCloseDay.dropdown.option2,[R,w]=g.useState(!1),s=e.statementCloseDay,[h,u]=g.useState(s!=="LAST_DAY_OF_THE_MONTH"?l:p),[m,c]=g.useState(s!=="LAST_DAY_OF_THE_MONTH"?s:void 0),[D,C]=g.useState(!1),P=g.useRef(s),f=t.useGlobalInfoContext();g.useEffect(()=>{P.current!==s&&C(!1)},[s]);const E=i=>{z.hasAdminLevelAccess(f.loggedInUserRole??[])&&(i.stopPropagation(),i.preventDefault(),w(!0),S.trackCardStatementCloseDate(M.Event.cardStatementCloseDateClicked,e.accountId,e.accountName,"Card Balance",""))},I=i=>{const r=["th","st","nd","rd"],A=i%100;return i+(r[(A-20)%10]||r[A]||r[0])};let j="";s!==void 0&&(s==="LAST_DAY_OF_THE_MONTH"?j=t.appLocale.getLocalizedStrings().statementCloseDay.ordinalText.lastDate:j=`${t.appLocale.getLocalizedStrings().statementCloseDay.ordinalText.prefix} ${I(s)} ${t.appLocale.getLocalizedStrings().statementCloseDay.ordinalText.suffix}`);const k=i=>{const r=i.target.value;r===p&&c(void 0),u(r)},x=(i,r)=>{i.stopPropagation(),c(r),u(l)},$=()=>{c(void 0),u(p)},B=()=>{const i=e.accountId,r=m??"LAST_DAY_OF_THE_MONTH";s!==r&&(C(!0),v?.(i,r)),w(!1),S.trackCardStatementCloseDate(M.Event.cardStatementCloseDateSaved,e.accountId,e.accountName,"Card Balance",m!==void 0?`${m}`:"End")},N=()=>o.jsxRuntimeExports.jsxs(O,{children:[t.appLocale.getLocalizedStrings().statementCloseDay.pickDate.prefix,o.jsxRuntimeExports.jsx(oe,{children:m??" - "}),t.appLocale.getLocalizedStrings().statementCloseDay.pickDate.suffix]}),q=()=>o.jsxRuntimeExports.jsxs(K,{role:"presentation","data-testid":t.generateDataTestId("statement-close-day-section"),onClick:i=>{i.stopPropagation()},children:[o.jsxRuntimeExports.jsxs(W,{checked:h===l,children:[o.jsxRuntimeExports.jsx("input",{type:"radio",name:"statementCloseDay",id:l,value:l,onChange:k,checked:h===l,style:{width:"100%"},"data-testid":t.generateDataTestId("statement-close-day-input")}),N(),o.jsxRuntimeExports.jsx(Q,{children:Array.from({length:28},(i,r)=>r+1).map(i=>o.jsxRuntimeExports.jsx(X,{isSelectedDate:i===m,"data-testid":t.generateDataTestId("statement-close-day-text"),onClick:r=>x(r,i),children:o.jsxRuntimeExports.jsx(ee,{children:i})},i))})]}),o.jsxRuntimeExports.jsxs(W,{checked:h===p,children:[o.jsxRuntimeExports.jsx("input",{type:"radio",name:"statementCloseDay",id:p,value:p,onChange:k,checked:h===p,style:{width:"100%"},"data-testid":t.generateDataTestId("statement-close-day-input-last-day")}),o.jsxRuntimeExports.jsx(O,{onClick:()=>$(),children:t.appLocale.getLocalizedStrings().statementCloseDay.lastDate.text})]}),o.jsxRuntimeExports.jsxs(te,{children:[o.jsxRuntimeExports.jsx(t.Button,{size:"small",variant:"secondary",label:"Cancel",onClick:()=>{w(!1)},style:{marginRight:t.Space.sp3},"data-testid":t.generateDataTestId("statement-close-day-button-secondary")}),o.jsxRuntimeExports.jsx(t.Button,{size:"small",variant:"primary",label:"Save",onClick:B,disabled:m==null&&h!==p,"data-testid":t.generateDataTestId("statement-close-day-button-primary")})]})]}),L=t.useWindowSizeContext();return o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>w(!1),children:o.jsxRuntimeExports.jsxs("div",{onClick:E,"data-testid":t.generateDataTestId("statement-close-day-modal"),children:[D?o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):j?o.jsxRuntimeExports.jsxs(Y,{"data-testid":t.generateDataTestId("edit-statement-close-day"),children:[o.jsxRuntimeExports.jsx(J,{}),o.jsxRuntimeExports.jsx(_,{className:"statementCloseDayText",windowSize:L,children:j})]}):z.hasAdminLevelAccess(f.loggedInUserRole??[])&&d===!0?o.jsxRuntimeExports.jsxs(V,{"data-testid":t.generateDataTestId("add-statement-close-day"),children:[o.jsxRuntimeExports.jsx(Z,{}),o.jsxRuntimeExports.jsx(_,{className:"statementCloseDayText",windowSize:L,children:t.appLocale.getLocalizedStrings().statementCloseDay.statement})]}):"",R?q():""]})})}const se=new t.ResponsiveSized(t.sp[9],98),y={contentContainerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),minItemHeight:new t.ResponsiveSized(t.sp[9],96),imageHeight:new t.ResponsiveSized(t.sp[5],t.sp[7]),imageWidth:new t.ResponsiveSized(t.sp[5],t.sp[7]),amountWrapperWidth:new t.ResponsiveSized(100,230),titleLeftMargin:new t.ResponsiveSized(t.sp[2],t.sp[3])},ie={textContainer:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},ae=n.div`
+  display: flex;
+  width: 100%;
+`,re=n.div`
+  cursor: ${e=>e.isClickEnabled===!0?"pointer":null};
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  width: 100%;
+  min-height: ${e=>y.minItemHeight.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    border-color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.grey3};
+    color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
+    ${e=>e.showEditStatementIcon?U.css`
+            .statementCloseDayText {
+              color: ${e.theme.colors.primary};
+              cursor: pointer;
+            }
+            & svg {
+              visibility: visible;
+            }
+          `:""}
+  }
+`,le=n.div`
+  display: flex;
+  padding: ${e=>y.contentContainerPadding.valuePx(e.windowSize)};
+  width: 100%;
+`,ce=n.div`
+  display: flex;
+  align-items: center;
+  width: calc(
+    100% - ${e=>y.amountWrapperWidth.valuePx(e.windowSize)}
+  );
+  max-width: calc(
+    100% - ${e=>y.amountWrapperWidth.valuePx(e.windowSize)}
+  );
+  ${e=>`${ie.textContainer.style(e.windowSize)}`};
+`,de=n.img`
+  width: ${e=>y.imageWidth.valuePx(e.windowSize)};
+  height: ${e=>y.imageHeight.valuePx(e.windowSize)};
+  object-fit: contain;
+`,pe=n.div`
+  margin: ${e=>`${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp0} ${y.titleLeftMargin.valuePx(e.windowSize)}`};
+  overflow: hidden;
+  text-align: left;
+  min-height: ${t.Space.sp5};
+  max-height: 52px;
+  white-space: initial;
+  word-wrap: break-word;
+`,xe=n.div`
+  width: ${e=>y.amountWrapperWidth.valuePx(e.windowSize)};
+  display: flex;
+  align-items: flex-end;
+  flex-direction: column;
+  justify-content: center;
+`,me=n(t.LargeMediumSp)``;function ue({data:e,showStatementSection:S,analytics:d,isZeniUser:v,onItemClick:l,onSetAccountsStatementDate:p}){const{key:R,title:w,amount:s,logoUri:h}=e,u=t.useGlobalInfoContext(),m=u.loggedInUserRole!=null&&!z.hasInvestorBankerLevelAccess(u.loggedInUserRole),c=t.useWindowSizeContext();return o.jsxRuntimeExports.jsx(ae,{windowSize:c,children:o.jsxRuntimeExports.jsx(re,{"data-testid":t.generateDataTestId("transaction-list-item-big",e.title),windowSize:c,showEditStatementIcon:z.hasAdminLevelAccess(u.loggedInUserRole??[])&&v===!0,isClickEnabled:m,onClick:()=>m===!0?l?.(R,e.source):null,children:o.jsxRuntimeExports.jsxs(le,{windowSize:c,children:[o.jsxRuntimeExports.jsxs(ce,{windowSize:c,children:[o.jsxRuntimeExports.jsx(de,{windowSize:c,src:h,loading:"lazy"}),o.jsxRuntimeExports.jsx(pe,{windowSize:c,children:w})]}),o.jsxRuntimeExports.jsxs(xe,{windowSize:c,children:[o.jsxRuntimeExports.jsx(me,{children:t.amountToString("0,0",s)}),S&&c!=="small"&&o.jsxRuntimeExports.jsx(ne,{accountDetails:e.source,isZeniUser:v,onSetAccountsStatementDate:p,analytics:d})]})]})})})}const ge=g.memo(ue),b=t.appLocale.getLocalizedStrings().zeniAccountsPromoCard,a={marginTop:new t.ResponsiveSized(t.sp[6],t.sp[8]),marginBottom:new t.ResponsiveSized(t.sp[3],t.sp[4]),itemPaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[4]),maxWidth:new t.ResponsiveSized(100,67),sectionTitleHeight:new t.ResponsiveSized(83,110),promoBannerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),promoBannerMarginBottom:new t.ResponsiveSized(t.sp[3],t.sp[4]),promoBannerGap:new t.ResponsiveSized(t.sp[1],t.sp[3]),promoHighlightContainerMaxHeight:new t.ResponsiveSized(30,t.textStyles.h5Regular.lineHeightValue),promoButtonBorderRadius:new t.ResponsiveSized(t.sp[1],t.sp[2]),promoButtonPaddingVertical:new t.ResponsiveSized(2,6),promoButtonPaddingHorizontal:new t.ResponsiveSized(t.sp[1],t.sp[3]),promoFooterPositionBottom:new t.ResponsiveSized(t.sp[3],t.sp[1]),promoFooterPositionRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),promoFooterMarginTop:new t.ResponsiveSized(0,t.sp[2])},T={textContainer:new t.ResponsiveSizedStyle("largeMedium","h6Medium"),promoText:new t.ResponsiveSizedStyle("extraSmallRegular","standardRegular"),promoHighlightText:new t.ResponsiveSizedStyle("extraLargeRegular","h5Regular"),promoButtonText:new t.ResponsiveSizedStyle("extraSmallMedium","smallRegular")},F=8,he=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  height: ${e=>a.sectionTitleHeight.value(e.windowSize)+e.listHeight}px;
+  max-width: ${e=>a.maxWidth.value(e.windowSize)}%;
+`,Se=n.div`
+  margin: ${e=>`${a.marginTop.valuePx(e.windowSize)} ${t.Space.sp0} ${a.marginBottom.valuePx(e.windowSize)} ${t.Space.sp0}`};
+
+  width: 100%;
+`,we=n.div`
+  flex: 1 1 auto;
+  width: 99.9%;
+`,$e=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp2};
+  align-items: flex-start;
+  ${e=>`${T.textContainer.style(e.windowSize)}`};
+`,ye=n(t.SmallRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  text-align: left;
+`,ve=n(t.H6Regular)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  text-align: right;
+`,je=n.div`
+  display: flex;
+  justify-content: center;
+`,Re=n.div`
+  width: 100%;
+`,be=n(o.FixedSizeList)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${F}px;
+    height: ${t.Space.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${t.Colors.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${t.Colors.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${F}px;
+      height: ${t.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`,ze=n.div`
+  position: relative;
+  padding: ${e=>a.promoBannerPadding.valuePx(e.size)};
+  background-color: ${e=>e.theme.colors.zeniAccountsPromoBackgroundColor};
+  border: 1px solid ${t.Colors.brandColorJade};
+  border-radius: ${t.Space.sp2};
+  width: ${e=>e.width}px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  margin-bottom: ${e=>a.promoBannerMarginBottom.valuePx(e.size)};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Ce=n.div`
+  display: flex;
+  flex-direction: ${e=>e.size==="small"?"column":"row"};
+  align-items: ${e=>e.size==="small"?"flex-start":"center"};
+  gap: ${e=>a.promoBannerGap.valuePx(e.size)};
+`,fe=n(t.StyledText)`
+  ${e=>`${T.promoText.style(e.size)}`};
+  color: ${e=>e.theme.colors.zeniAccountsPromoDetailTextColor};
+`,Ee=n.div`
+  display: flex;
+  max-height: ${e=>a.promoHighlightContainerMaxHeight.valuePx(e.size)};
+  overflow: hidden;
+  .card-highlight-text {
+    ${e=>`${T.promoHighlightText.style(e.size)}`};
+    color: ${e=>e.theme.colors.zeniAccountsPromoButtonColor};
+  }
+  .card-highlight-text-stack {
+    max-height: ${e=>a.promoHighlightContainerMaxHeight.valuePx(e.size)};
+  }
+`,ke=n.div`
+  border: 1px solid
+    ${e=>e.theme.colors.zeniAccountsPromoButtonColor};
+  border-radius: ${e=>a.promoButtonBorderRadius.valuePx(e.size)};
+  background: ${e=>e.theme.colors.zeniAccountsPromoButtonColor};
+  cursor: pointer;
+  display: flex;
+  padding: ${e=>`${a.promoButtonPaddingVertical.valuePx(e.size)} ${a.promoButtonPaddingHorizontal.valuePx(e.size)}`};
+  justify-content: space-around;
+  align-items: center;
+  align-self: ${e=>e.size==="small"?"flex-start":"center"};
+  &:hover {
+    background: ${e=>e.theme.colors.zeniAccountsPromoButtonHoverColor};
+    border: 1px solid
+      ${e=>e.theme.colors.zeniAccountsPromoButtonHoverColor};
+  }
+`,Te=n(t.StyledText)`
+  ${e=>`${T.promoButtonText.style(e.size)}`};
+  color: ${e=>e.theme.colors.zeniAccountsPromoButtonTextColor};
+`,De=n(t.TinyRegular)`
+  color: ${e=>e.theme.colors.zeniAccountsPromoButtonColor};
+  margin-top: ${e=>a.promoFooterMarginTop.valuePx(e.size)};
+  text-align: start;
+  position: absolute;
+  bottom: ${e=>a.promoFooterPositionBottom.valuePx(e.size)};
+  right: ${e=>a.promoFooterPositionRight.valuePx(e.size)};
+`,Pe=({sectionTitle:e,totalFormatted:S})=>{const d=t.useWindowSizeContext();return o.jsxRuntimeExports.jsx(Se,{windowSize:d,children:o.jsxRuntimeExports.jsxs($e,{windowSize:d,children:[o.jsxRuntimeExports.jsx(ye,{children:e}),o.jsxRuntimeExports.jsx(ve,{children:S})]})})};function Ie({sectionTitle:e,analytics:S,transactionArray:d,isZeniUser:v,zeniAccountsPromoCardReport:l,onItemClick:p,onSetAccountsStatementDate:R,onPromoCardBtnClick:w}){const s=t.useWindowSizeContext(),h=g.createRef(),[u,m]=g.useState(0),c=t.useGlobalInfoContext(),D=o.reduce(d,function(x,$){return x+($.amount?.amount??0)},0),C=d.length>0?d[0].amount?.currencySymbol:"",P=t.amountValueToString("0,0",D,C),f=({index:x,style:$})=>o.jsxRuntimeExports.jsx("div",{style:{...$},children:o.jsxRuntimeExports.jsx(je,{children:o.jsxRuntimeExports.jsx(Re,{windowSize:s,children:o.jsxRuntimeExports.jsx(ge,{data:d[x],showStatementSection:e===t.appLocale.getLocalizedStrings().balanceCard.cardBalanceSectionTitle,isZeniUser:v,analytics:S,onItemClick:p,onSetAccountsStatementDate:R})})})}),E=g.useRef(null),I=()=>{const x=E.current;x!=null&&x.clientHeight>0&&x.clientHeight!=u&&m(x.clientHeight)},j=()=>{w?.(l?.depositAccountId??"")},k=z.hasZeniAccountsAdminLevelAccess(c.loggedInUserRoleMap);return o.jsxRuntimeExports.jsxs(he,{windowSize:s,listHeight:u,"data-testid":t.generateDataTestId("transaction-list-big"),children:[o.jsxRuntimeExports.jsx(Pe,{sectionTitle:e,totalFormatted:P}),o.jsxRuntimeExports.jsx(we,{children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:x,width:$})=>o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[l?.isShowDepositAccountsPromo===!0?o.jsxRuntimeExports.jsxs(ze,{width:$,size:s,children:[o.jsxRuntimeExports.jsxs(Ce,{size:s,children:[o.jsxRuntimeExports.jsx(fe,{size:s,children:b.keepInterest.prefixCashBalance}),o.jsxRuntimeExports.jsx(Ee,{size:s,children:H.getAnimatedDataStack("keepInterest",H.amountToAnimationData(l.maxPossibleInterest??0))})]}),o.jsxRuntimeExports.jsx(ke,{onClick:j,size:s,children:o.jsxRuntimeExports.jsx(Te,{size:s,children:k?l.depositAccountId!=null?b.button:b.signUp:b.learnMore})}),o.jsxRuntimeExports.jsx(De,{size:s,children:b.keepInterest.footer.replace(/<interest>/,l.maxAnnualPercentageYield.toString())})]}):null,o.jsxRuntimeExports.jsx(be,{ref:h,height:x,width:$,style:{overflow:"unset"},itemCount:d.length,itemSize:se.value(s)+a.itemPaddingBottom.value(s),onItemsRendered:I,itemKey:B=>d[B].key,innerRef:E,children:f})]})})})]})}exports.default=Ie;exports.dimensions=a;

package/dist/TransactionListPage-BFfl1uN6.js

@@ -0,0 +1,144 @@
+import { u as Z, j as s, aZ as q } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as u, useEffect as F, useRef as G, Profiler as H } from "react";
+import r from "@emotion/styled";
+import { eS as J, eT as K, j as m, aE as M, A as O, S as i, p as Q } from "./index-DLKZoZ-i.js";
+import { T as V } from "./TransactionList-D0CVEtSV.js";
+import { S as W } from "./page-detail-CWX5S47F.js";
+const X = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${(t) => t.theme.colors.grey4};
+  box-shadow: ${(t) => `${i.sp0} 2px ${i.sp1} ${t.theme.colors.dropShadowNormal}`};
+`, Y = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: ${i.sp0};
+`, _ = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`, tt = r(Q)`
+  color: ${(t) => t.theme.colors.hero};
+  text-align: center;
+`, et = r(W)`
+  height: ${i.sp4};
+  width: ${i.sp4};
+  color: ${(t) => t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${(t) => t.theme.colors.primary};
+  }
+`;
+function ct({
+  title: t,
+  subTitle: y,
+  firstMonthOfFY: P,
+  timeframe: c,
+  timePeriod: o,
+  useFixedPeriod: x,
+  dataAvailableForPeriod: p,
+  report: e,
+  currentScrollYOffset: N,
+  showStatementPageIcon: C = !1,
+  onTimePeriodChange: S,
+  onTransactionItemClick: T,
+  onTransactionListScroll: w,
+  onBackClick: I,
+  onStatementPageIconClick: b,
+  referrerType: k
+}) {
+  const [l, d] = u(!0), [f, L] = u(!1), [g, v] = u(!1), D = Z();
+  F(() => {
+    e.transactions.length > 0 ? d(!1) : d(
+      f === !1 && g === !1 ? e.fetchState === "In-Progress" || e.fetchState === "Not-Started" : !1
+    );
+  }, [e, l, f, g]);
+  const R = J(), $ = K(k), B = `${$ === "" ? R : $}.transactions.list`, E = o.startDate.isAfter(
+    p.startDate,
+    c
+  ) ? {
+    isLoading: f && (e.fetchState === "In-Progress" || e.fetchState === "Not-Started"),
+    fixedTimePeriod: x,
+    onLoadPreviousClick: (a, n) => {
+      v(!1), L(!0), S?.(a, o, n);
+    }
+  } : void 0, z = o.endDate.isBefore(
+    p.endDate,
+    c
+  ) ? {
+    isLoading: g && (e.fetchState === "In-Progress" || e.fetchState === "Not-Started"),
+    fixedTimePeriod: x,
+    onLoadNextClick: (a, n) => {
+      L(!1), v(!0), S?.(a, o, n);
+    }
+  } : void 0;
+  let j = null;
+  C && (j = /* @__PURE__ */ s.jsx(et, { onClick: b }));
+  const h = G(null);
+  function A(a, n, U) {
+    q({
+      category: `${B}.transaction-list.react.profiler`,
+      message: `${a} (${n}) took ${U}ms`,
+      level: "info"
+    });
+  }
+  return /* @__PURE__ */ s.jsx(H, { id: "TransactionListPage", onRender: A, children: /* @__PURE__ */ s.jsxs(
+    X,
+    {
+      "data-testid": m("transaction-list-page", t),
+      children: [
+        /* @__PURE__ */ s.jsx(
+          M,
+          {
+            source: "TransactionListPage",
+            "data-testid": m("transaction-list-page-nav-bar"),
+            title: t,
+            onBackClick: I,
+            backgroundColor: D.colors.grey4,
+            rightSideComponent: j,
+            scrollableContent: h.current != null ? h : void 0
+          }
+        ),
+        /* @__PURE__ */ s.jsxs(
+          Y,
+          {
+            "data-testid": m("transaction-list", t),
+            children: [
+              /* @__PURE__ */ s.jsx(tt, { children: y }),
+              l === !1 ? /* @__PURE__ */ s.jsx(
+                V,
+                {
+                  ref: h,
+                  firstMonthOfFY: P,
+                  timeframe: c,
+                  timePeriod: o,
+                  transactions: e.transactions,
+                  isFirstLotLoading: l,
+                  currentScrollYOffset: N,
+                  onTransactionItemClick: T,
+                  onTransactionListScroll: w,
+                  showLoadPrevious: E,
+                  showLoadNext: z,
+                  componentName: "report.transactions.list"
+                }
+              ) : /* @__PURE__ */ s.jsx(_, { children: /* @__PURE__ */ s.jsx(O, { size: "ExtraLarge", start: !0 }) })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  ct as default
+};

package/dist/TransactionListPage-DxBbzFQX.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),n=require("react"),c=require("@emotion/styled"),e=require("./index-DaOROfUT.cjs"),_=require("./TransactionList-CHyVD1uY.cjs"),A=require("./page-detail-Cu3Efiim.cjs"),M=c.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,O=c.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: ${e.Space.sp0};
+`,U=c.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,F=c(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  text-align: center;
+`,G=c(A.SvgPageDetail)`
+  height: ${e.Space.sp4};
+  width: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function H({title:t,subTitle:y,firstMonthOfFY:$,timeframe:l,timePeriod:a,useFixedPeriod:h,dataAvailableForPeriod:m,report:o,currentScrollYOffset:R,showStatementPageIcon:P=!1,onTimePeriodChange:p,onTransactionItemClick:T,onTransactionListScroll:N,onBackClick:C,onStatementPageIconClick:E,referrerType:I}){const[d,u]=n.useState(!0),[f,S]=n.useState(!1),[x,j]=n.useState(!1),w=s.useTheme();n.useEffect(()=>{o.transactions.length>0?u(!1):u(f===!1&&x===!1?o.fetchState==="In-Progress"||o.fetchState==="Not-Started":!1)},[o,d,f,x]);const D=e.flowFromUrl(),L=e.normalizeString(I),b=`${L===""?D:L}.transactions.list`,k=a.startDate.isAfter(m.startDate,l)?{isLoading:f&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:h,onLoadPreviousClick:(i,r)=>{j(!1),S(!0),p?.(i,a,r)}}:void 0,q=a.endDate.isBefore(m.endDate,l)?{isLoading:x&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:h,onLoadNextClick:(i,r)=>{S(!1),j(!0),p?.(i,a,r)}}:void 0;let v=null;P&&(v=s.jsxRuntimeExports.jsx(G,{onClick:E}));const g=n.useRef(null);function B(i,r,z){s.addBreadcrumb({category:`${b}.transaction-list.react.profiler`,message:`${i} (${r}) took ${z}ms`,level:"info"})}return s.jsxRuntimeExports.jsx(n.Profiler,{id:"TransactionListPage",onRender:B,children:s.jsxRuntimeExports.jsxs(M,{"data-testid":e.generateDataTestId("transaction-list-page",t),children:[s.jsxRuntimeExports.jsx(e.NavBar,{source:"TransactionListPage","data-testid":e.generateDataTestId("transaction-list-page-nav-bar"),title:t,onBackClick:C,backgroundColor:w.colors.grey4,rightSideComponent:v,scrollableContent:g.current!=null?g:void 0}),s.jsxRuntimeExports.jsxs(O,{"data-testid":e.generateDataTestId("transaction-list",t),children:[s.jsxRuntimeExports.jsx(F,{children:y}),d===!1?s.jsxRuntimeExports.jsx(_.TransactionList,{ref:g,firstMonthOfFY:$,timeframe:l,timePeriod:a,transactions:o.transactions,isFirstLotLoading:d,currentScrollYOffset:R,onTransactionItemClick:T,onTransactionListScroll:N,showLoadPrevious:k,showLoadNext:q,componentName:"report.transactions.list"}):s.jsxRuntimeExports.jsx(U,{children:s.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})})]})]})})}exports.default=H;

package/dist/TransactionVendorDetailPage-2jiQMLMK.cjs

@@ -0,0 +1,80 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),j=require("react"),d=require("@emotion/styled"),e=require("./index-DaOROfUT.cjs"),R=(t,l)=>`${t}.${l}`,P={labelWidth:new e.ResponsiveSized(120,145,160),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),labelMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),largeLabelPadding:new e.ResponsiveSized(e.sp[2],e.sp[2]),controlWidth:new e.ResponsiveSized(110,145,160),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelHeight:new e.ResponsiveSized(e.sp[6],e.sp[6])},N=e.appLocale.getLocalizedStrings().transactionDetail.vendorDetails,a=N.vendorCreation,D=({selectedAccountId:t,isSaveError:l,selectedClassId:g,selectedOwnerId:n,selectedVendorName:u,allAccounts:c,allClasses:b,allOwners:w,sectionId:x,isDisabled:p,accountsHierarchyList:h,classHierarchyList:S})=>{const r=e.useWindowSizeContext(),f=o.useTheme(),C=P.labelWidth.value(r),$=P.controlWidth.value(r),E=s=>c.filter(y=>y.accountId===s)[0]?.coaId??"",i=s=>b.filter(y=>y.classId===s)[0]?.accountingClassNumber??"",v=s=>{const z=c.find(y=>y.accountId===s)?.accountName;return[e.UNCATEGORIZED_INCOME,e.UNCATEGORIZED_EXPENSE].includes(z??"")};return o.jsxRuntimeExports.jsxs(F,{"data-testid":e.generateDataTestId("vendor-details-section",x),children:[o.jsxRuntimeExports.jsx(M,{children:a.vendorDetails.title}),o.jsxRuntimeExports.jsxs(V,{children:[o.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:a.vendorDetails.vendorName,width:C},text:{type:"text",name:R(x,"vendorName"),placeholder:a.placeholders.vendor,defaultValue:u,autoComplete:"off",options:{required:!0}},isSaveError:l,showAdditionalInfoLabel:!1,additionalInfoLabel:a.vendorAlreadyExistsErrorMsg,style:{width:"auto"}}),o.jsxRuntimeExports.jsx(A,{}),o.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:a.vendorDetails.vendorCategory,width:C},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:R(x,"vendorCategory"),placeholder:a.placeholders.category,valueToInfo:s=>E(s),defaultValue:{selectedOption:t,allOptions:e.getGroupedCategories(h)},style:{width:"auto"},registerOptions:{required:!1}},style:{borderBottom:`1px solid ${f.colors.grey3}`},isDisabled:p,disableCurrentOption:v,zIndexOnFocus:!0,additionalLabelInfo:a.vendorDetails.vendorCategoryAdditionText}),o.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:a.vendorDetails.vendorClass,width:C},zIndexOnFocus:!0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:R(x,"vendorClass"),placeholder:a.placeholders.class,valueToInfo:s=>i(s),defaultValue:{selectedOption:g,allOptions:e.getGroupedClasses(S)},registerOptions:{required:!1},style:{width:"auto"}},additionalLabelInfo:a.vendorDetails.vendorClassAdditionText,style:{borderBottom:`1px solid ${f.colors.grey3}`},isDisabled:p}),w!=null?o.jsxRuntimeExports.jsx(e.LabeledUserSingleSelectField,{label:{label:a.vendorDetails.vendorOwner,width:C},userSingleSelectField:{name:R(x,"vendorOwner"),placeholder:a.placeholders.owner,defaultValue:{allOptions:e.getFormattedOwnersList(w),selectedOption:n},registerOptions:{required:!1},style:{width:"auto"},menuPlacement:"top"},isDisabled:p,style:{justifyContent:"space-between"},controlWidth:$}):null]})]})},F=d.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp3};
+  padding-bottom: ${e.Space.sp3};
+`,M=d(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+  margin-right: ${e.Space.sp6};
+`,V=d.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};
+`,A=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,I="vendorDetails",B=({id:t,allAccounts:l,allClasses:g,allOwners:n,selectedVendor:u,formLocalData:c,isDisabled:b,onSaveVendor:w,saveVendorDetailLocalData:x,accountsHierarchyList:p,classHierarchyList:h})=>{const S=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:q(p,h,n,c)}),[r,f]=j.useState(!1),C=i=>{i.preventDefault(),S.getValues().vendorDetails.vendorName!==""&&r===!1&&w?.()},$=(i,v)=>{const s=W(i,void 0);x?.(s)},E=async(i,v)=>{(i.includes("vendorName")||i.includes("vendorOwner")||i.includes("vendorClass")||i.includes("vendorCategory"))&&($(v),r===!0&&i.includes("vendorName")&&f(!1))};return j.useEffect(()=>{const i=S.watch((v,{name:s})=>{s!=null&&v!=null&&o.defer(()=>E(s,v))});return()=>{i.unsubscribe()}}),j.useEffect(()=>{u.saveStatus.fetchState==="Error"&&u.saveStatus.error?.code===409&&f(!0)},[u.saveStatus]),o.jsxRuntimeExports.jsx(o.FormProvider,{...S,children:o.jsxRuntimeExports.jsx("form",{id:t,onSubmit:C,children:o.jsxRuntimeExports.jsx(D,{sectionId:I,selectedVendorDetails:u,isSaveError:r,selectedAccountId:c?.vendorCategory,selectedClassId:c?.vendorClass,selectedOwnerId:c?.vendorOwner,allAccounts:l??[],allClasses:g??[],selectedVendorName:c?.vendorName,allOwners:n,isDisabled:b,accountsHierarchyList:p,classHierarchyList:h})})})},q=(t,l,g,n)=>({[I]:{vendorName:n?.vendorName??"",vendorOwner:{allOptions:e.getFormattedOwnersList(g),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:e.getGroupedCategories(t),selectedOption:n?.vendorCategory},vendorClass:{allOptions:e.getGroupedClasses(l),selectedOption:n?.vendorClass}}});function W(t,l,g){const n=t?.[I];return{vendorCategory:n.vendorCategory.selectedOption,vendorClass:n.vendorClass.selectedOption,vendorId:l,vendorName:n.vendorName,vendorOwner:n.vendorOwner?.selectedOption}}const m={containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[6]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8]),containerMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2],e.sp[4]),navbarContainerPaddingTop:new e.ResponsiveSized(e.sp[3],e.sp[3]),navbarContainerPaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),SectionTitleMarginTop:new e.ResponsiveSized(0,e.sp[3])},T={sectionTitle:new e.ResponsiveSizedStyle("h6Regular","h5Medium"),sectionTitleLineHeight:new e.ResponsiveSized(30,40)},k=d.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,G=d.div`
+  margin-top: ${t=>m.containerMarginTop.valuePx(t.windowSize)};
+  padding-left: ${t=>m.containerPaddingLeft.valuePx(t.windowSize)};
+  padding-right: ${t=>m.containerPaddingRight.valuePx(t.windowSize)};
+`,U=d.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,H=d.div`
+  background-color: ${t=>t.theme.colors.grey4};
+  flex: 1;
+`,_=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  top: ${e.Space.sp0};
+  z-index: 2;
+  padding-left: ${t=>m.containerPaddingLeft.valuePx(t.windowSize)};
+  padding-right: ${t=>m.containerPaddingRight.valuePx(t.windowSize)};
+  padding-top: ${t=>m.navbarContainerPaddingTop.valuePx(t.windowSize)};
+  padding-bottom: ${t=>m.navbarContainerPaddingBottom.valuePx(t.windowSize)};
+  background-color: ${t=>t.theme.colors.grey4};
+`,Z=d.div`
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  margin-top: 3px;
+  margin-bottom: 3px;
+`,X=d(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,J=d(e.H5Medium)`
+  display: flex;
+  width: 100%;
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${t=>m.SectionTitleMarginTop.valuePx(t.windowSize)};
+  ${t=>`${T.sectionTitle.style(t.windowSize)}`};
+  margin-left: ${t=>t.windowSize==="small"?e.Space.sp3:0};
+  line-height: ${t=>T.sectionTitleLineHeight.valuePx(t.windowSize)};
+`,L="vendorDetailPage",O=t=>`${t}_form`,K=({vendorDetailView:t,onSaveSuccess:l,onCancelClick:g,onSaveVendor:n,saveVendorDetailLocalData:u})=>{const{editVendorState:c,newVendorState:b,accountsHierarchyList:w,classHierarchyList:x}=t,p=e.useWindowSizeContext(),{footer:h,newVendor:S}=e.appLocale.getLocalizedStrings().transactionDetail.vendorDetails.createVendor,r=Object.assign({},c??b);if(j.useEffect(()=>{r?.saveStatus?.fetchState==="Completed"&&l?.()},[r]),t.fetchState==="Not-Started"||t.fetchState==="In-Progress")return o.jsxRuntimeExports.jsx(U,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})});const f=r.saveStatus?.fetchState==="In-Progress";return o.jsxRuntimeExports.jsxs(k,{windowSize:p,"data-testid":e.generateDataTestId("transaction-vendor-detail-page"),children:[o.jsxRuntimeExports.jsxs(_,{windowSize:p,children:[o.jsxRuntimeExports.jsx(Z,{children:o.jsxRuntimeExports.jsx(X,{onClick:g,"data-testid":e.generateDataTestId("close-icon")})}),o.jsxRuntimeExports.jsx(J,{windowSize:p,children:S})]}),o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(G,{windowSize:p,"data-testid":e.generateDataTestId("vendor-detail-page-form"),children:o.jsxRuntimeExports.jsx(B,{id:O(L),allAccounts:t.accountList.accounts,allClasses:t.classList.classes,allOwners:t.ownerList,selectedVendor:r,formLocalData:r.vendorDetailLocalData,onSaveVendor:n,saveVendorDetailLocalData:u,accountsHierarchyList:w,classHierarchyList:x})})}),o.jsxRuntimeExports.jsx(e.Footer,{formId:O(L),primaryBtn:{label:h.save,isLoading:f},cancelBtn:{label:h.cancel,shouldResetOnCancel:!0,onClick:g}})]})};exports.default=K;exports.formUniqueName=O;