@zeniai/web-components 3.16.39 → 3.16.40

package/dist/TransactionListBig-BN0chbjP.cjs

@@ -1,284 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),g=require("react"),n=require("@emotion/styled"),z=require("@zeniai/client-epic-state"),t=require("./index-BOnRXllM.cjs"),H=require("./AccountsPromoCardStack-D08wmO3g.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-1Zkephm9.js

@@ -1,144 +0,0 @@
-import { u as U, j as s, aZ as Z } from "./vendor-.pnpm-BZbZ6JJC.js";
-import { useState as u, useEffect as q, useRef as F, Profiler as G } from "react";
-import r from "@emotion/styled";
-import { eQ as H, eR as J, j as m, aE as K, A as M, S as i, p as O } from "./index-tqMNQjSm.js";
-import { T as V } from "./TransactionList-uCQJm816.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(O)`
-  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: w,
-  onTransactionListScroll: T,
-  onBackClick: I,
-  onStatementPageIconClick: R,
-  referrerType: b
-}) {
-  const [l, d] = u(!0), [f, L] = u(!1), [g, v] = u(!1), k = U();
-  q(() => {
-    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 D = H(), $ = J(b), B = `${$ === "" ? D : $}.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: R }));
-  const h = F(null);
-  function A(a, n, Q) {
-    Z({
-      category: `${B}.transaction-list.react.profiler`,
-      message: `${a} (${n}) took ${Q}ms`,
-      level: "info"
-    });
-  }
-  return /* @__PURE__ */ s.jsx(G, { id: "TransactionListPage", onRender: A, children: /* @__PURE__ */ s.jsxs(
-    X,
-    {
-      "data-testid": m("transaction-list-page", t),
-      children: [
-        /* @__PURE__ */ s.jsx(
-          K,
-          {
-            source: "TransactionListPage",
-            "data-testid": m("transaction-list-page-nav-bar"),
-            title: t,
-            onBackClick: I,
-            backgroundColor: k.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: w,
-                  onTransactionListScroll: T,
-                  showLoadPrevious: E,
-                  showLoadNext: z,
-                  componentName: "report.transactions.list"
-                }
-              ) : /* @__PURE__ */ s.jsx(_, { children: /* @__PURE__ */ s.jsx(M, { size: "ExtraLarge", start: !0 }) })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  ct as default
-};

package/dist/TransactionListPage-C7KSsG7e.cjs

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-DHyNpoQL.cjs"),n=require("react"),c=require("@emotion/styled"),e=require("./index-BOnRXllM.cjs"),_=require("./TransactionList-z0t_8Mf2.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-BGwbznZy.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),j=require("react"),d=require("@emotion/styled"),e=require("./index-BOnRXllM.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;