@zeniai/web-components 3.16.69 → 3.16.70

package/dist/TransactionList-Dw14Uog7.cjs

@@ -1,147 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),g=require("react"),i=require("@emotion/styled"),e=require("./index-zfS1zxQv.cjs"),u=require("@zeniai/client-epic-state"),q=require("./BoxItem-oE1oK4ic.cjs"),z=require("./commonDimensions-K9tGBT6S.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-BQd2SkzN.cjs

@@ -1,284 +0,0 @@
-"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-zfS1zxQv.cjs"),H=require("./AccountsPromoCardStack-CfjSLZuh.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;