@zeniai/web-components 3.17.12 → 3.17.14

package/dist/TransactionList-CPhShg7k.cjs

@@ -0,0 +1,147 @@
+"use strict";const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),g=require("react"),i=require("@emotion/styled"),e=require("./index-DHSetD4K.cjs"),u=require("@zeniai/client-epic-state"),q=require("./BoxItem-BkiHIeei.cjs"),z=require("./commonDimensions-0YFQ5-p7.cjs"),D=t=>t?24:125,_={containerPaddingBottom:new e.ResponsiveSized(e.sp[9],e.sp[8])},A=i.div`
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+  height: ${t=>D(t.isLoadNextItem)}px;
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.champion};
+  }
+  padding-top: ${t=>t.isLoadNextItem?0:45}px;
+  padding-bottom: ${t=>_.containerPaddingBottom.valuePx(t.windowSize)};
+`,J=i(e.StandardRegular)`
+  display: flex;
+  cursor: pointer;
+`;function Y({firstMonthOfFY:t,isLoadNextItem:a,isLoading:l,timePeriod:r,fixedTimePeriod:s,timeframe:c,doLoadMoreTransactions:m}){let x=r;if(a)if(s!=null){const f=u.addPeriod(r.endDate.startOf("month"),t,s.numberOfPeriods,s.timeframe);x={startDate:x.endDate.add(1,"day"),endDate:f}}else{const f=u.addPeriod(r.endDate.startOf("month"),t,1,c),{startOfTimeframeFY:S,endOfTimeframeFY:R}=u.getStartOfAndEndOfTimeframeForFY(f,t,c);x={startDate:S,endDate:R}}else if(s!=null)x={startDate:u.subtractPeriod(r.startDate.startOf("month"),t,s.numberOfPeriods,s.timeframe),endDate:r.startDate.subtract(1,"day")};else{const f=u.subtractPeriod(r.startDate.startOf("month"),t,1,c),{startOfTimeframeFY:S,endOfTimeframeFY:R}=u.getStartOfAndEndOfTimeframeForFY(f,t,c);x={startDate:S,endDate:R}}const o=e.appLocale.getLocalizedStrings();let p="";s==null?c==="month"?p=`${a===!0?o.transactionList.loadNextMonthPrefix:o.transactionList.loadPreviousMonthPrefix} (${u.formatZeniDate(x.startDate,o.dateFormat.visual.MMMYYYYFormat,t)})`:c==="quarter"?p=`${a===!0?o.transactionList.loadNextQuarterPrefix:o.transactionList.loadPreviousQuarterPrefix} (${o.transactionList.quarterPrefix}${u.formatZeniDate(x.startDate,o.dateFormat.visual.QYYYYformat,t)})`:p=`${a===!0?o.transactionList.loadNextYearPrefix:o.transactionList.loadPreviousYearPrefix} (${u.formatZeniDate(x.startDate,o.dateFormat.visual.YYYYformat,t)})`:p=`${a===!0?o.transactionList.loadNextMonthPrefix:o.transactionList.loadPreviousPrefix} ${s.numberOfPeriods} ${o.transactionList.monthsSuffix} - (${u.formatZeniDate(x.startDate,o.dateFormat.visual.MMMYYYYFormat,t)} - ${u.formatZeniDate(x.endDate,o.dateFormat.visual.MMMYYYYFormat,t)})`;const $=e.useWindowSizeContext();return l===!0?n.jsxRuntimeExports.jsx(A,{windowSize:$,isLoadNextItem:a,children:n.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0})}):n.jsxRuntimeExports.jsx(A,{windowSize:$,isLoadNextItem:a,children:n.jsxRuntimeExports.jsx(J,{"data-testid":e.generateDataTestId("load-more-transactions",p),onClick:()=>{m?.(x,c)},children:p})})}Y.displayName="LoadMoreTransactions";const{common:{strings:{empty:P}}}=e.appLocale.getLocalizedStrings(),K=i(e.ExtraSmallRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${e.Space.sp3};
+  padding: 1px 6px;
+  border: 1px solid ${t=>t.theme.colors.grey2};
+  border-radius: ${e.Space.sp1};
+  color: ${t=>t.theme.colors.grey1};
+  min-width: max-content;
+`,X=i.div`
+  display: flex;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,tt=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,et=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${e.Space.sp3};
+  max-height: ${e.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,nt=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${e.Space.sp3};
+  text-align: right;
+  width: ${t=>z.transactionItemDimensions.amountWidth.valuePx(t.windowSize)};
+`,st=i.div`
+  display: flex;
+`;function at({transaction:t,onItemClick:a}){const{description:l,typeName:r,amount:s,logo:c,vendorId:m}=t,x=u.isVendorTransaction(t)&&m==null;return n.jsxRuntimeExports.jsxs(X,{onClick:()=>a?.(t),"data-testid":e.generateDataTestId("transaction-item-medium",t.id),children:[n.jsxRuntimeExports.jsx(e.EntityLogoAvatarWithCustomFallback,{photoUrl:x===!1?c?.toString()??P:P,styles:{width:e.Space.sp4,height:e.Space.sp4,borderRadius:e.Space.sp0},placeholder:{width:e.sp[4],height:e.sp[4]},fallbackAvatar:n.jsxRuntimeExports.jsx(st,{children:n.jsxRuntimeExports.jsx(e.EntityAvatar,{name:l,size:e.Space.sp4})})}),n.jsxRuntimeExports.jsxs(tt,{children:[n.jsxRuntimeExports.jsx(et,{children:l}),r!=null?n.jsxRuntimeExports.jsx(K,{className:"tag",children:r}):null]}),n.jsxRuntimeExports.jsx(nt,{children:e.amountToString("0,0.00",s)})]})}function rt({data:t,boxType:a,onItemClick:l}){const r=u.toTransactionTypeStrict(t.type)==null,s=n.jsxRuntimeExports.jsx(at,{transaction:t,onItemClick:r?void 0:l});return n.jsxRuntimeExports.jsx(q.BoxItem,{content:s,boxType:a,isDisabled:r})}const{common:{strings:{empty:H}}}=e.appLocale.getLocalizedStrings(),ot=i.div`
+  display: flex;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,it=i.div`
+  width: 100%;
+`,lt=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${e.Space.sp3};
+  max-height: ${e.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,ct=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${e.Space.sp3};
+  text-align: right;
+  width: ${t=>z.transactionItemDimensions.amountWidth.valuePx(t.windowSize)};
+`,dt=i.div`
+  display: flex;
+`;function ut({transaction:t,onItemClick:a}){const{description:l,amount:r,logo:s,vendorId:c}=t,m=u.isVendorTransaction(t)&&c==null;return n.jsxRuntimeExports.jsxs(ot,{onClick:()=>a?.(t),"data-testid":e.generateDataTestId("transaction-item-small",t.id),children:[n.jsxRuntimeExports.jsx(e.EntityLogoAvatarWithCustomFallback,{photoUrl:m===!1?s?.toString()??H:H,styles:{width:e.Space.sp4,height:e.Space.sp4,borderRadius:e.Space.sp0},placeholder:{width:e.sp[4],height:e.sp[4]},fallbackAvatar:n.jsxRuntimeExports.jsx(dt,{children:n.jsxRuntimeExports.jsx(e.EntityAvatar,{name:l,size:e.Space.sp4})})}),n.jsxRuntimeExports.jsx(it,{children:n.jsxRuntimeExports.jsx(lt,{children:l})}),n.jsxRuntimeExports.jsx(ct,{children:e.amountToString("0,0.00",r)})]})}function xt({data:t,boxType:a,onItemClick:l}){const r=u.toTransactionTypeStrict(t.type)==null,s=n.jsxRuntimeExports.jsx(ut,{transaction:t,onItemClick:r?void 0:l});return n.jsxRuntimeExports.jsx(q.BoxItem,{content:s,boxType:a,isDisabled:r})}function pt(t){return e.useWindowSizeContext()==="small"?n.jsxRuntimeExports.jsx(xt,{...t}):n.jsxRuntimeExports.jsx(rt,{...t})}const mt=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey5};
+`,gt=i(e.SmallRegular)`
+  display: flex;
+  height: 21px;
+  margin-bottom: ${e.Space.sp2};
+  margin-top: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.grey1};
+`,ft=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,ht=(t,a)=>a.length===1?"roundedBox":t===0?"topRoundedBox":t===a.length-1?"bottomRoundedBox":"box",jt=t=>t*z.transactionItemDimensions.transactionItemHeight+45;function bt({date:t,transactions:a,onItemClick:l}){const{dateFormat:r}=e.appLocale.getLocalizedStrings();return n.jsxRuntimeExports.jsxs(ft,{"data-testid":e.generateDataTestId("transactions-group"),children:[n.jsxRuntimeExports.jsx(gt,{children:u.dateNow().year()===t.year()?t.format(r.visual.MMMDFormat):t.format(r.visual.MMMDCommaYYYYformat)}),n.jsxRuntimeExports.jsx(mt,{children:a.map((s,c)=>n.jsxRuntimeExports.jsx(pt,{data:s,boxType:ht(c,a),onItemClick:m=>{l?.(m)},"data-testid":e.generateDataTestId("transaction-item",s.id)},s.id))})]})}const St=g.memo(bt),{dateFormat:Rt}=e.appLocale.getLocalizedStrings();function wt(t){const a=n.groupBy(t,s=>s.date.format(Rt.visual.MMMDCommaYYYYformat)),l=n.filter(a,s=>s.length>0);return n.map(l,s=>({date:s[0].date,transactions:n.orderBy(s,c=>c.updateTime,"desc")}))}const b=e.appLocale.getLocalizedStrings(),$t={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},Et=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 99.9%;
+`,v=i.div`
+  margin: ${t=>`${e.Space.sp0} ${$t.listItemMargin.valuePx(t.windowSize)}`};
+`,yt=i.div`
+  min-height: ${e.Space.sp8};
+`,vt=i.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,Dt=i(e.StandardRegular)`
+  display: flex;
+  color: ${t=>t.theme.colors.grey2};
+`,Tt=i(n.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: ${t=>t.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${e.Space.sp2};
+      height: ${e.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${t=>t.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`,kt=g.forwardRef(function({firstMonthOfFY:a,timeframe:l,timePeriod:r,transactions:s,isFirstLotLoading:c,currentScrollYOffset:m,componentName:x,showLoadNext:o,showLoadPrevious:p,onTransactionItemClick:$,trackPerformance:f=!0,onTransactionListScroll:S,onListInnerElementHeightChanged:R},W){const E=g.useMemo(()=>wt(s),[s]),T=g.createRef(),[k,O]=g.useState(!1);g.useEffect(()=>{T.current?.resetAfterIndex(0)},[s,T]);const V=W,w=g.useRef(null),[N,Z]=g.useState(void 0);g.useEffect(()=>{!k&&c===!1&&O(!0)},[c,k]),e.useSentryPerformanceTracking({componentName:x,enabled:f&&k});const G=()=>{if(w!=null&&typeof w=="object"&&w.current){const d=w.current;d!=null&&d.clientHeight>0&&d.clientHeight!=N&&(Z(d.clientHeight),R?.(d.clientHeight))}},L=E.length===0,F=p!=null,C=o!=null,I=E.length+(o!=null?1:0)+(p!=null?1:0)+(L===!0?1:0),B=d=>C===!0?d-1:d,y=e.useWindowSizeContext(),Q=({index:d,style:j})=>{if(C===!0&&d===0)return n.jsxRuntimeExports.jsx("div",{style:{...j},children:n.jsxRuntimeExports.jsx(v,{windowSize:y,"data-testid":e.generateDataTestId("transaction-list","list-item-load-more"),children:n.jsxRuntimeExports.jsx(Y,{firstMonthOfFY:a,isLoadNextItem:!0,isLoading:o?.isLoading==!0,timePeriod:r,timeframe:l,fixedTimePeriod:o?.fixedTimePeriod,doLoadMoreTransactions:(h,M)=>{o?.onLoadNextClick?.(h,M)}})})});if(F===!0&&d===I-1)return n.jsxRuntimeExports.jsx("div",{style:{...j},children:n.jsxRuntimeExports.jsx(v,{windowSize:y,"data-testid":e.generateDataTestId("transaction-list","list-item-load-previous"),children:n.jsxRuntimeExports.jsx(Y,{firstMonthOfFY:a,isLoadNextItem:!1,isLoading:p?.isLoading==!0,timePeriod:r,fixedTimePeriod:p?.fixedTimePeriod,timeframe:l,doLoadMoreTransactions:(h,M)=>{p?.onLoadPreviousClick?.(h,M)}})})});if(L===!1){const h=E[B(d)];return n.jsxRuntimeExports.jsx("div",{style:{...j},children:n.jsxRuntimeExports.jsxs(v,{windowSize:y,children:[n.jsxRuntimeExports.jsx(St,{date:h.date,transactions:h.transactions,onItemClick:$}),p==null?n.jsxRuntimeExports.jsx(yt,{}):null]})})}else return n.jsxRuntimeExports.jsx("div",{style:{...j},children:n.jsxRuntimeExports.jsx(vt,{children:n.jsxRuntimeExports.jsx(v,{windowSize:y,"data-testid":e.generateDataTestId("transaction-list","transactions-list-empty"),children:n.jsxRuntimeExports.jsx(Dt,{children:Lt(r,o?.isLoading==!0||p?.isLoading==!0)})})})})},U=d=>C===!0&&d===0?D(!0):F===!0&&d===I-1?D(!1):L===!1?jt(E[B(d)].transactions.length):D(!1);return n.jsxRuntimeExports.jsx(Et,{children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:d,width:j})=>n.jsxRuntimeExports.jsx(Tt,{"data-testid":e.generateDataTestId("transaction-list"),ref:T,height:d,width:j,innerRef:w,outerRef:V,onItemsRendered:G,itemCount:I,itemSize:U,onScroll:({scrollOffset:h})=>{S?.(h)},initialScrollOffset:m??0,children:Q})})})}),Lt=(t,a)=>a===!0?b.transactionList.fetching:t.startDate.isSame(t.endDate,"month")?`${b.transactionList.noTransactionsFoundForPrefix} (${t.startDate.format(b.dateFormat.visual.MMMYYFormat)})`:`${b.transactionList.noTransactionsFoundForPeriodPrefix} (${t.startDate.format(b.dateFormat.visual.MMMYYFormat)} - ${t.endDate.format(b.dateFormat.visual.MMMYYFormat)})`;exports.TransactionList=kt;

package/dist/TransactionListBig-DZHe6uqk.cjs

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