@zeniai/web-cockpit-ui 1.15.18-dev → 1.15.19-dev

package/dist/assets/{TransactionList-T8gAOJc0-Dw9G55NV.js → TransactionList-CLb6vsAw-BNfVqp8k.js}

@@ -1,4 +1,4 @@
-import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as ge,o as a,p as J,ct as be,F as y,y as Z,T as we,al as v,u as g,ai as $e,dj as ye,dk as X,d2 as G,aN as ee,am as ve}from"./index-BR9aIv1A.js";import{a as u,P as je}from"./sentry-BwoJfpTa.js";import{n,c as ke}from"./mui-C7Q1opAD.js";import{a as Ye}from"./ConstrainedInnerElement-BeIpAPjB-Cr0pUg_S.js";import{F8 as V,F9 as Q,Fa as q,Fb as L,bh as Le,Fn as te,bE as ie}from"./zeni-epic-state-Deo9yJpd.js";import{g as ae}from"./BoxItem-BGrgQ_sW-cYQcyKu_.js";import{l as Me}from"./panelSelectedMixin-CzfD5-Zs-Udxivyx_.js";import{o as B}from"./commonDimensions-BwCds81U-kEodPKRG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="32ea4785-1670-4614-bd57-3efec4fcdfaa",e._sentryDebugIdIdentifier="sentry-dbid-32ea4785-1670-4614-bd57-3efec4fcdfaa")}catch{}})();const T=e=>e?24:125,Pe={containerPaddingBottom:new Z(g[9],g[8])},K=n.div`
+import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as ge,o as a,p as A,ct as be,F as y,y as K,T as we,al as v,u as g,ai as $e,dj as ye,dk as X,d2 as G,aN as ee,am as ve}from"./index-o0j-GZyM.js";import{a as u,P as je}from"./sentry-DmQUfSE7.js";import{n,c as ke}from"./mui-CAW43Z2L.js";import{a as Ye}from"./ConstrainedInnerElement-BeIpAPjB-JviWwDyz.js";import{F8 as V,F9 as Q,Fa as U,Fb as L,bh as Le,Fn as te,bE as ie}from"./zeni-epic-state-C4Tt6Qhq.js";import{g as ae}from"./BoxItem-BdgRTwgI-DiOTWl08.js";import{l as Me}from"./panelSelectedMixin-CzfD5-Zs-C9yV2YE9.js";import{o as B}from"./commonDimensions-B60Qkfnz-DxGoTy6S.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="d09efc34-94fe-45ce-ae9d-547b05102dc5",e._sentryDebugIdIdentifier="sentry-dbid-d09efc34-94fe-45ce-ae9d-547b05102dc5")}catch{}})();const T=e=>e?24:125,Pe={containerPaddingBottom:new K(g[9],g[8])},q=n.div`
   box-sizing: border-box;
   display: flex;
   flex: 1 1 auto;
@@ -15,7 +15,7 @@ import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as
 `,Fe=n(v)`
   display: flex;
   cursor: pointer;
-`;function E({firstMonthOfFY:e,isLoadNextItem:i,isLoading:c,timePeriod:o,fixedTimePeriod:r,timeframe:m,doLoadMoreTransactions:f}){let d=o;if(i)if(r!=null){const b=V(o.endDate.startOf("month"),e,r.numberOfPeriods,r.timeframe);d={startDate:d.endDate.add(1,"day"),endDate:b}}else{const b=V(o.endDate.startOf("month"),e,1,m),{startOfTimeframeFY:j,endOfTimeframeFY:k}=Q(b,e,m);d={startDate:j,endDate:k}}else if(r!=null)d={startDate:q(o.startDate.startOf("month"),e,r.numberOfPeriods,r.timeframe),endDate:o.startDate.subtract(1,"day")};else{const b=q(o.startDate.startOf("month"),e,1,m),{startOfTimeframeFY:j,endOfTimeframeFY:k}=Q(b,e,m);d={startDate:j,endDate:k}}const s=y.getLocalizedStrings();let x="";r==null?m==="month"?x=`${i===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousMonthPrefix} (${L(d.startDate,s.dateFormat.visual.MMMYYYYFormat,e)})`:m==="quarter"?x=`${i===!0?s.transactionList.loadNextQuarterPrefix:s.transactionList.loadPreviousQuarterPrefix} (${s.transactionList.quarterPrefix}${L(d.startDate,s.dateFormat.visual.QYYYYformat,e)})`:x=`${i===!0?s.transactionList.loadNextYearPrefix:s.transactionList.loadPreviousYearPrefix} (${L(d.startDate,s.dateFormat.visual.YYYYformat,e)})`:x=`${i===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousPrefix} ${r.numberOfPeriods} ${s.transactionList.monthsSuffix} - (${L(d.startDate,s.dateFormat.visual.MMMYYYYFormat,e)} - ${L(d.endDate,s.dateFormat.visual.MMMYYYYFormat,e)})`;const M=R();return c===!0?t.jsx(K,{windowSize:M,isLoadNextItem:i,children:t.jsx(we,{size:"Small",start:!0})}):t.jsx(K,{windowSize:M,isLoadNextItem:i,children:t.jsx(Fe,{"data-testid":h("load-more-transactions",x),onClick:()=>{f?.(d,m)},children:x})})}E.displayName="LoadMoreTransactions";const{common:{strings:{empty:U}}}=y.getLocalizedStrings(),Se=n(ve)`
+`;function E({firstMonthOfFY:e,isLoadNextItem:i,isLoading:c,timePeriod:o,fixedTimePeriod:r,timeframe:m,doLoadMoreTransactions:f}){let d=o;if(i)if(r!=null){const b=V(o.endDate.startOf("month"),e,r.numberOfPeriods,r.timeframe);d={startDate:d.endDate.add(1,"day"),endDate:b}}else{const b=V(o.endDate.startOf("month"),e,1,m),{startOfTimeframeFY:j,endOfTimeframeFY:k}=Q(b,e,m);d={startDate:j,endDate:k}}else if(r!=null)d={startDate:U(o.startDate.startOf("month"),e,r.numberOfPeriods,r.timeframe),endDate:o.startDate.subtract(1,"day")};else{const b=U(o.startDate.startOf("month"),e,1,m),{startOfTimeframeFY:j,endOfTimeframeFY:k}=Q(b,e,m);d={startDate:j,endDate:k}}const s=y.getLocalizedStrings();let x="";r==null?m==="month"?x=`${i===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousMonthPrefix} (${L(d.startDate,s.dateFormat.visual.MMMYYYYFormat,e)})`:m==="quarter"?x=`${i===!0?s.transactionList.loadNextQuarterPrefix:s.transactionList.loadPreviousQuarterPrefix} (${s.transactionList.quarterPrefix}${L(d.startDate,s.dateFormat.visual.QYYYYformat,e)})`:x=`${i===!0?s.transactionList.loadNextYearPrefix:s.transactionList.loadPreviousYearPrefix} (${L(d.startDate,s.dateFormat.visual.YYYYformat,e)})`:x=`${i===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousPrefix} ${r.numberOfPeriods} ${s.transactionList.monthsSuffix} - (${L(d.startDate,s.dateFormat.visual.MMMYYYYFormat,e)} - ${L(d.endDate,s.dateFormat.visual.MMMYYYYFormat,e)})`;const M=R();return c===!0?t.jsx(q,{windowSize:M,isLoadNextItem:i,children:t.jsx(we,{size:"Small",start:!0})}):t.jsx(q,{windowSize:M,isLoadNextItem:i,children:t.jsx(Fe,{"data-testid":h("load-more-transactions",x),onClick:()=>{f?.(d,m)},children:x})})}E.displayName="LoadMoreTransactions";const{common:{strings:{empty:W}}}=y.getLocalizedStrings(),Se=n(ve)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -60,7 +60,7 @@ import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as
         ${Me(e.theme)}
       }
     `}
-`;function Oe({transaction:e,onItemClick:i,isCompressedMode:c}){const{description:o,typeName:r,amount:m,logo:f,vendorId:d}=e,s=ie(e)&&d==null;return t.jsxs(Te,{onClick:()=>i?.(e),"data-testid":h("transaction-item-medium",e.id),children:[t.jsx(X,{photoUrl:s===!1?f?.toString()??U:U,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(ze,{children:t.jsx(G,{name:o,size:a.sp4})})}),t.jsxs(De,{children:[t.jsx(Ie,{children:o}),r!=null&&c!==!0?t.jsx(Se,{className:"tag",children:r}):null]}),t.jsx(Ce,{children:ee("0,0.00",m)})]})}function Ee({data:e,boxType:i,onItemClick:c}){const{isCompressedMode:o,selectedTransactionId:r}=ye(),m=r!=null&&r===e.id,f=te(e.type)==null,d=t.jsx(Oe,{transaction:e,onItemClick:f?void 0:c,isCompressedMode:o});return t.jsx(Ne,{isPanelSelected:m,children:t.jsx(ae,{content:d,boxType:i,isDisabled:f})})}const{common:{strings:{empty:W}}}=y.getLocalizedStrings(),Re=n.div`
+`;function Oe({transaction:e,onItemClick:i,isCompressedMode:c}){const{description:o,typeName:r,amount:m,logo:f,vendorId:d}=e,s=ie(e)&&d==null;return t.jsxs(Te,{onClick:()=>i?.(e),"data-testid":h("transaction-item-medium",e.id),children:[t.jsx(X,{photoUrl:s===!1?f?.toString()??W:W,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(ze,{children:t.jsx(G,{name:o,size:a.sp4})})}),t.jsxs(De,{children:[t.jsx(Ie,{children:o}),r!=null&&c!==!0?t.jsx(Se,{className:"tag",children:r}):null]}),t.jsx(Ce,{children:ee("0,0.00",m)})]})}function Ee({data:e,boxType:i,onItemClick:c}){const{isCompressedMode:o,selectedTransactionId:r}=ye(),m=r!=null&&r===e.id,f=te(e.type)==null,d=t.jsx(Oe,{transaction:e,onItemClick:f?void 0:c,isCompressedMode:o});return t.jsx(Ne,{isPanelSelected:m,children:t.jsx(ae,{content:d,boxType:i,isDisabled:f})})}const{common:{strings:{empty:Z}}}=y.getLocalizedStrings(),Re=n.div`
   display: flex;
   padding: ${a.sp3} ${a.sp4};
   flex-direction: row;
@@ -77,33 +77,33 @@ import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as
   word-break: break-word;
   text-align: left;
   overflow: hidden;
-`,_e=n(v)`
+`,Je=n(v)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   margin-left: ${a.sp3};
   text-align: right;
   width: ${e=>B.amountWidth.valuePx(e.windowSize)};
-`,Ae=n.div`
+`,_e=n.div`
   display: flex;
-`;function Je({transaction:e,onItemClick:i}){const{description:c,amount:o,logo:r,vendorId:m}=e,f=ie(e)&&m==null;return t.jsxs(Re,{onClick:()=>i?.(e),"data-testid":h("transaction-item-small",e.id),children:[t.jsx(X,{photoUrl:f===!1?r?.toString()??W:W,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(Ae,{children:t.jsx(G,{name:c,size:a.sp4})})}),t.jsx(Be,{children:t.jsx(He,{children:c})}),t.jsx(_e,{children:ee("0,0.00",o)})]})}function Ve({data:e,boxType:i,onItemClick:c}){const o=te(e.type)==null,r=t.jsx(Je,{transaction:e,onItemClick:o?void 0:c});return t.jsx(ae,{content:r,boxType:i,isDisabled:o})}function Qe(e){return R()==="small"?t.jsx(Ve,{...e}):t.jsx(Ee,{...e})}const qe=n.div`
+`;function Ae({transaction:e,onItemClick:i}){const{description:c,amount:o,logo:r,vendorId:m}=e,f=ie(e)&&m==null;return t.jsxs(Re,{onClick:()=>i?.(e),"data-testid":h("transaction-item-small",e.id),children:[t.jsx(X,{photoUrl:f===!1?r?.toString()??Z:Z,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(_e,{children:t.jsx(G,{name:c,size:a.sp4})})}),t.jsx(Be,{children:t.jsx(He,{children:c})}),t.jsx(Je,{children:ee("0,0.00",o)})]})}function Ve({data:e,boxType:i,onItemClick:c}){const o=te(e.type)==null,r=t.jsx(Ae,{transaction:e,onItemClick:o?void 0:c});return t.jsx(ae,{content:r,boxType:i,isDisabled:o})}function Qe(e){return R()==="small"?t.jsx(Ve,{...e}):t.jsx(Ee,{...e})}const Ue=n.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${a.sp2};
   background-color: ${e=>e.theme.colors.grey5};
-`,Ke=n($e)`
+`,qe=n($e)`
   display: flex;
   height: 21px;
   margin-bottom: ${a.sp2};
   margin-top: ${a.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,Ue=n.div`
+`,We=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,We=(e,i)=>i.length===1?"roundedBox":e===0?"topRoundedBox":e===i.length-1?"bottomRoundedBox":"box",Ze=e=>e*B.transactionItemHeight+45;function Xe({date:e,transactions:i,onItemClick:c}){const{dateFormat:o}=y.getLocalizedStrings();return t.jsxs(Ue,{"data-testid":h("transactions-group"),children:[t.jsx(Ke,{children:Le().year()===e.year()?e.format(o.visual.MMMDFormat):e.format(o.visual.MMMDCommaYYYYformat)}),t.jsx(qe,{children:i.map((r,m)=>t.jsx(Qe,{data:r,boxType:We(m,i),onItemClick:f=>{c?.(f)},"data-testid":h("transaction-item",r.id)},r.id))})]})}const Ge=je.memo(Xe),{dateFormat:et}=y.getLocalizedStrings();function tt(e){const i=xe(e,o=>o.date.format(et.visual.MMMDCommaYYYYformat)),c=he(i,o=>o.length>0);return pe(c,o=>({date:o[0].date,transactions:ge(o,r=>r.updateTime,"desc")}))}const $=y.getLocalizedStrings(),it={listItemMargin:new Z(g[3],g[8])},at=n.div`
+`,Ze=(e,i)=>i.length===1?"roundedBox":e===0?"topRoundedBox":e===i.length-1?"bottomRoundedBox":"box",Ke=e=>e*B.transactionItemHeight+45;function Xe({date:e,transactions:i,onItemClick:c}){const{dateFormat:o}=y.getLocalizedStrings();return t.jsxs(We,{"data-testid":h("transactions-group"),children:[t.jsx(qe,{children:Le().year()===e.year()?e.format(o.visual.MMMDFormat):e.format(o.visual.MMMDCommaYYYYformat)}),t.jsx(Ue,{children:i.map((r,m)=>t.jsx(Qe,{data:r,boxType:Ze(m,i),onItemClick:f=>{c?.(f)},"data-testid":h("transaction-item",r.id)},r.id))})]})}const Ge=je.memo(Xe),{dateFormat:et}=y.getLocalizedStrings();function tt(e){const i=xe(e,o=>o.date.format(et.visual.MMMDCommaYYYYformat)),c=he(i,o=>o.length>0);return pe(c,o=>({date:o[0].date,transactions:ge(o,r=>r.updateTime,"desc")}))}const $=y.getLocalizedStrings(),it={listItemMargin:new K(g[3],g[8])},at=n.div`
   display: flex;
   flex: 1 1 auto;
   width: 99.9%;
@@ -130,8 +130,8 @@ import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as
     background-color: transparent;
   }
   &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${J.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${J.scrollbarBoxShadow};
+    box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
     background-color: transparent;
   }
   &::-webkit-scrollbar-thumb {
@@ -150,4 +150,4 @@ import{cd as fe,J as R,V as t,b3 as ue,aP as h,dg as xe,dh as he,db as pe,di as
       border-radius: 2px;
     }
   }
-`,gt=u.forwardRef(function({firstMonthOfFY:e,timeframe:i,timePeriod:c,transactions:o,isFirstLotLoading:r,currentScrollYOffset:m,componentName:f,showLoadNext:d,showLoadPrevious:s,onTransactionItemClick:x,trackPerformance:M=!0,onTransactionListScroll:b,onListInnerElementHeightChanged:j},k){const P=u.useMemo(()=>tt(o),[o]),D=u.createRef(),[I,oe]=u.useState(!1);u.useEffect(()=>{D.current?.resetAfterIndex(0)},[o,D]);const re=k,Y=u.useRef(null),[se,ne]=u.useState(void 0);u.useEffect(()=>{!I&&r===!1&&oe(!0)},[r,I]),fe({componentName:f,enabled:M&&I});const de=()=>{if(Y!=null&&typeof Y=="object"&&Y.current){const l=Y.current;l!=null&&l.clientHeight>0&&l.clientHeight!=se&&(ne(l.clientHeight),j?.(l.clientHeight))}},H=u.useRef(x);H.current=x;const le=u.useCallback((...l)=>{H.current?.(...l)},[]),C=P.length===0,_=s!=null,z=d!=null,N=P.length+(d!=null?1:0)+(s!=null?1:0)+(C===!0?1:0),A=l=>z===!0?l-1:l,F=R(),ce=({index:l,style:w})=>{if(z===!0&&l===0)return t.jsx("div",{style:{...w},children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","list-item-load-more"),children:t.jsx(E,{firstMonthOfFY:e,isLoadNextItem:!0,isLoading:d?.isLoading==!0,timePeriod:c,timeframe:i,fixedTimePeriod:d?.fixedTimePeriod,doLoadMoreTransactions:(p,O)=>{d?.onLoadNextClick?.(p,O)}})})});if(_===!0&&l===N-1)return t.jsx("div",{style:{...w},children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","list-item-load-previous"),children:t.jsx(E,{firstMonthOfFY:e,isLoadNextItem:!1,isLoading:s?.isLoading==!0,timePeriod:c,fixedTimePeriod:s?.fixedTimePeriod,timeframe:i,doLoadMoreTransactions:(p,O)=>{s?.onLoadPreviousClick?.(p,O)}})})});if(C===!1){const p=P[A(l)];return t.jsx("div",{style:{...w},children:t.jsxs(S,{windowSize:F,children:[t.jsx(Ge,{date:p.date,transactions:p.transactions,onItemClick:le}),s==null?t.jsx(ot,{}):null]})})}else return t.jsx("div",{style:{...w},children:t.jsx(rt,{children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","transactions-list-empty"),children:t.jsx(st,{children:dt(c,d?.isLoading==!0||s?.isLoading==!0)})})})})},me=l=>z===!0&&l===0?T(!0):_===!0&&l===N-1?T(!1):C===!1?Ze(P[A(l)].transactions.length):T(!1);return t.jsx(at,{children:t.jsx(ue,{children:({height:l,width:w})=>t.jsx(nt,{"data-testid":h("transaction-list"),ref:D,height:l,width:w,innerElementType:Ye,innerRef:Y,outerRef:re,onItemsRendered:de,itemCount:N,itemSize:me,onScroll:({scrollOffset:p})=>{b?.(p)},initialScrollOffset:m??0,children:ce})})})}),dt=(e,i)=>i===!0?$.transactionList.fetching:e.startDate.isSame(e.endDate,"month")?`${$.transactionList.noTransactionsFoundForPrefix} (${e.startDate.format($.dateFormat.visual.MMMYYFormat)})`:`${$.transactionList.noTransactionsFoundForPeriodPrefix} (${e.startDate.format($.dateFormat.visual.MMMYYFormat)} - ${e.endDate.format($.dateFormat.visual.MMMYYFormat)})`;export{gt as T};
+`,gt=u.forwardRef(function({firstMonthOfFY:e,timeframe:i,timePeriod:c,transactions:o,isFirstLotLoading:r,currentScrollYOffset:m,componentName:f,showLoadNext:d,showLoadPrevious:s,onTransactionItemClick:x,trackPerformance:M=!0,onTransactionListScroll:b,onListInnerElementHeightChanged:j},k){const P=u.useMemo(()=>tt(o),[o]),D=u.createRef(),[I,oe]=u.useState(!1);u.useEffect(()=>{D.current?.resetAfterIndex(0)},[o,D]);const re=k,Y=u.useRef(null),[se,ne]=u.useState(void 0);u.useEffect(()=>{!I&&r===!1&&oe(!0)},[r,I]),fe({componentName:f,enabled:M&&I});const de=()=>{if(Y!=null&&typeof Y=="object"&&Y.current){const l=Y.current;l!=null&&l.clientHeight>0&&l.clientHeight!=se&&(ne(l.clientHeight),j?.(l.clientHeight))}},H=u.useRef(x);H.current=x;const le=u.useCallback((...l)=>{H.current?.(...l)},[]),C=P.length===0,J=s!=null,z=d!=null,N=P.length+(d!=null?1:0)+(s!=null?1:0)+(C===!0?1:0),_=l=>z===!0?l-1:l,F=R(),ce=({index:l,style:w})=>{if(z===!0&&l===0)return t.jsx("div",{style:{...w},children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","list-item-load-more"),children:t.jsx(E,{firstMonthOfFY:e,isLoadNextItem:!0,isLoading:d?.isLoading==!0,timePeriod:c,timeframe:i,fixedTimePeriod:d?.fixedTimePeriod,doLoadMoreTransactions:(p,O)=>{d?.onLoadNextClick?.(p,O)}})})});if(J===!0&&l===N-1)return t.jsx("div",{style:{...w},children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","list-item-load-previous"),children:t.jsx(E,{firstMonthOfFY:e,isLoadNextItem:!1,isLoading:s?.isLoading==!0,timePeriod:c,fixedTimePeriod:s?.fixedTimePeriod,timeframe:i,doLoadMoreTransactions:(p,O)=>{s?.onLoadPreviousClick?.(p,O)}})})});if(C===!1){const p=P[_(l)];return t.jsx("div",{style:{...w},children:t.jsxs(S,{windowSize:F,children:[t.jsx(Ge,{date:p.date,transactions:p.transactions,onItemClick:le}),s==null?t.jsx(ot,{}):null]})})}else return t.jsx("div",{style:{...w},children:t.jsx(rt,{children:t.jsx(S,{windowSize:F,"data-testid":h("transaction-list","transactions-list-empty"),children:t.jsx(st,{children:dt(c,d?.isLoading==!0||s?.isLoading==!0)})})})})},me=l=>z===!0&&l===0?T(!0):J===!0&&l===N-1?T(!1):C===!1?Ke(P[_(l)].transactions.length):T(!1);return t.jsx(at,{children:t.jsx(ue,{children:({height:l,width:w})=>t.jsx(nt,{"data-testid":h("transaction-list"),ref:D,height:l,width:w,innerElementType:Ye,innerRef:Y,outerRef:re,onItemsRendered:de,itemCount:N,itemSize:me,onScroll:({scrollOffset:p})=>{b?.(p)},initialScrollOffset:m??0,children:ce})})})}),dt=(e,i)=>i===!0?$.transactionList.fetching:e.startDate.isSame(e.endDate,"month")?`${$.transactionList.noTransactionsFoundForPrefix} (${e.startDate.format($.dateFormat.visual.MMMYYFormat)})`:`${$.transactionList.noTransactionsFoundForPeriodPrefix} (${e.startDate.format($.dateFormat.visual.MMMYYFormat)} - ${e.endDate.format($.dateFormat.visual.MMMYYFormat)})`;export{gt as T};

package/dist/assets/{TransactionListBig-CMjxUKt2-BhSVq9fm.js → TransactionListBig-BzBXZp6s-UPK6nK0b.js}

@@ -1,4 +1,4 @@
-import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b as ae,p as A,o,R as j,a as ee,F as $,bq as se,br as le,ai as de,aq as ce,aN as me,bs as pe,ao as he,T as ue,D as q,bt as te,r as G,aT as oe}from"./index-BR9aIv1A.js";import{a as T,P as C}from"./sentry-BwoJfpTa.js";import{n as i,c as ge}from"./mui-C7Q1opAD.js";import{EQ as xe,bg as we,bC as O}from"./zeni-epic-state-Deo9yJpd.js";import{G as $e,c as ye}from"./AccountsPromoCardStack-BrTIGRUz-SlTiOsFA.js";import{a as be}from"./ConstrainedInnerElement-BeIpAPjB-Cr0pUg_S.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";import"./SummaryCard-iIQISRZL-Cx0NyzVM.js";import"./ReloadCard-B3OtOvVI-DVK4TeBa.js";import"./NavigationArrow-CWRgkV1y-5nUqXc-t.js";import"./NavigationDots-BDKBgUe6-CeOovYs1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="7351f8cc-03a0-45f1-af7b-c266e339c81d",e._sentryDebugIdIdentifier="sentry-dbid-7351f8cc-03a0-45f1-af7b-c266e339c81d")}catch{}})();const fe={textContainer:new j("extraSmallRegular","smallRegular")},ve=i.div`
+import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b as ae,p as A,o,R as j,c as ee,F as $,bq as se,br as le,ai as de,aq as ce,aN as me,bs as pe,ao as he,T as ue,H as q,bt as te,r as G,aT as oe}from"./index-o0j-GZyM.js";import{a as T,P as C}from"./sentry-DmQUfSE7.js";import{n as i,c as ge}from"./mui-CAW43Z2L.js";import{EQ as xe,bg as we,bC as O}from"./zeni-epic-state-C4Tt6Qhq.js";import{G as $e,c as ye}from"./AccountsPromoCardStack-BxQc3Ksg-BEzuSdPZ.js";import{a as be}from"./ConstrainedInnerElement-BeIpAPjB-JviWwDyz.js";import"./liveblocks-BZyZbty1.js";import"./core-yiE_iOc0.js";import"./recharts-Duslqfio.js";import"./lottie-HBX4-MpS.js";import"./analytics-DH0nG_g5.js";import"./lexical-DlAOaxF0.js";import"./utils-C-XuhdQM.js";import"./SummaryCard-Bcw6fQTD-Do950Kyf.js";import"./ReloadCard-B5rmmfva-TUZ-Tkd2.js";import"./NavigationArrow-B145tYV_-C_6ukSuK.js";import"./NavigationDots-DaOFOsFA-BBWJs6hX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="8ffa587c-a8a3-4137-8e89-8d98b581e63e",e._sentryDebugIdIdentifier="sentry-dbid-8ffa587c-a8a3-4137-8e89-8d98b581e63e")}catch{}})();const fe={textContainer:new j("extraSmallRegular","smallRegular")},ve=i.div`
   color: ${e=>e.theme.colors.hero};
   cursor: default;
 `,Se=i.div`
@@ -97,7 +97,7 @@ import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b
   background: ${e=>e.theme.colors.background};
   text-align: center;
   border-radius: ${o.sp1};
-`;function Ae({accountDetails:e,analytics:g,isZeniUser:c,onSetAccountsStatementDate:k}){const m=$.getLocalizedStrings().statementCloseDay.dropdown.option1,u=$.getLocalizedStrings().statementCloseDay.dropdown.option2,[P,f]=C.useState(!1),r=e.statementCloseDay,[b,y]=C.useState(r!=="LAST_DAY_OF_THE_MONTH"?m:u),[x,p]=C.useState(r!=="LAST_DAY_OF_THE_MONTH"?r:void 0),[_,H]=C.useState(!1),L=C.useRef(r),D=Y();C.useEffect(()=>{L.current!==r&&H(!1)},[r]);const M=s=>{O(D.loggedInUserRole??[])&&(s.stopPropagation(),s.preventDefault(),f(!0),g.trackCardStatementCloseDate(q.Event.cardStatementCloseDateClicked,e.accountId,e.accountName,"Card Balance",""))},F=s=>{const d=["th","st","nd","rd"],Z=s%100;return s+(d[(Z-20)%10]||d[Z]||d[0])};let z="";r!==void 0&&(r==="LAST_DAY_OF_THE_MONTH"?z=$.getLocalizedStrings().statementCloseDay.ordinalText.lastDate:z=`${$.getLocalizedStrings().statementCloseDay.ordinalText.prefix} ${F(r)} ${$.getLocalizedStrings().statementCloseDay.ordinalText.suffix}`);const I=s=>{const d=s.target.value;d===u&&p(void 0),y(d)},N=(s,d)=>{s.stopPropagation(),p(d),y(m)},U=()=>{p(void 0),y(u)},h=()=>{const s=e.accountId,d=x??"LAST_DAY_OF_THE_MONTH";r!==d&&(H(!0),k?.(s,d)),f(!1),g.trackCardStatementCloseDate(q.Event.cardStatementCloseDateSaved,e.accountId,e.accountName,"Card Balance",x!==void 0?`${x}`:"End")},v=()=>t.jsxs(Q,{children:[$.getLocalizedStrings().statementCloseDay.pickDate.prefix,t.jsx(Be,{children:x??" - "}),$.getLocalizedStrings().statementCloseDay.pickDate.suffix]}),W=()=>t.jsxs(ke,{role:"presentation","data-testid":w("statement-close-day-section"),onClick:s=>{s.stopPropagation()},children:[t.jsxs(K,{checked:b===m,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:m,value:m,onChange:I,checked:b===m,style:{width:"100%"},"data-testid":w("statement-close-day-input")}),v(),t.jsx(je,{children:Array.from({length:28},(s,d)=>d+1).map(s=>t.jsx(Pe,{isSelectedDate:s===x,"data-testid":w("statement-close-day-text"),onClick:d=>N(d,s),children:t.jsx(De,{children:s})},s))})]}),t.jsxs(K,{checked:b===u,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:u,value:u,onChange:I,checked:b===u,style:{width:"100%"},"data-testid":w("statement-close-day-input-last-day")}),t.jsx(Q,{onClick:()=>U(),children:$.getLocalizedStrings().statementCloseDay.lastDate.text})]}),t.jsxs(Te,{children:[t.jsx(G,{size:"small",variant:"secondary",label:"Cancel",onClick:()=>{f(!1)},style:{marginRight:o.sp3},"data-testid":w("statement-close-day-button-secondary")}),t.jsx(G,{size:"small",variant:"primary",label:"Save",onClick:h,disabled:x==null&&b!==u,"data-testid":w("statement-close-day-button-primary")})]})]}),V=R();return t.jsx(he,{onClickAway:()=>f(!1),children:t.jsxs("div",{onClick:M,"data-testid":w("statement-close-day-modal"),children:[_?t.jsx(ue,{size:"Small",start:!0}):z?t.jsxs(ve,{"data-testid":w("edit-statement-close-day"),children:[t.jsx(ze,{}),t.jsx(J,{className:"statementCloseDayText",windowSize:V,children:z})]}):O(D.loggedInUserRole??[])&&c===!0?t.jsxs(Se,{"data-testid":w("add-statement-close-day"),children:[t.jsx(Ce,{}),t.jsx(J,{className:"statementCloseDayText",windowSize:V,children:$.getLocalizedStrings().statementCloseDay.statement})]}):"",P?W():""]})})}const He=new a(n[9],98),S={contentContainerPadding:new a(n[3],n[4]),minItemHeight:new a(n[9],96),imageHeight:new a(n[5],n[7]),imageWidth:new a(n[5],n[7]),amountWrapperWidth:new a(100,230),titleLeftMargin:new a(n[2],n[3])},Ie={textContainer:new j("standardMedium","largeMedium")},Re=i.div`
+`;function Ae({accountDetails:e,analytics:g,isZeniUser:c,onSetAccountsStatementDate:k}){const m=$.getLocalizedStrings().statementCloseDay.dropdown.option1,u=$.getLocalizedStrings().statementCloseDay.dropdown.option2,[P,f]=C.useState(!1),r=e.statementCloseDay,[b,y]=C.useState(r!=="LAST_DAY_OF_THE_MONTH"?m:u),[x,p]=C.useState(r!=="LAST_DAY_OF_THE_MONTH"?r:void 0),[L,H]=C.useState(!1),_=C.useRef(r),D=Y();C.useEffect(()=>{_.current!==r&&H(!1)},[r]);const M=s=>{O(D.loggedInUserRole??[])&&(s.stopPropagation(),s.preventDefault(),f(!0),g.trackCardStatementCloseDate(q.Event.cardStatementCloseDateClicked,e.accountId,e.accountName,"Card Balance",""))},F=s=>{const d=["th","st","nd","rd"],Z=s%100;return s+(d[(Z-20)%10]||d[Z]||d[0])};let z="";r!==void 0&&(r==="LAST_DAY_OF_THE_MONTH"?z=$.getLocalizedStrings().statementCloseDay.ordinalText.lastDate:z=`${$.getLocalizedStrings().statementCloseDay.ordinalText.prefix} ${F(r)} ${$.getLocalizedStrings().statementCloseDay.ordinalText.suffix}`);const I=s=>{const d=s.target.value;d===u&&p(void 0),y(d)},U=(s,d)=>{s.stopPropagation(),p(d),y(m)},N=()=>{p(void 0),y(u)},h=()=>{const s=e.accountId,d=x??"LAST_DAY_OF_THE_MONTH";r!==d&&(H(!0),k?.(s,d)),f(!1),g.trackCardStatementCloseDate(q.Event.cardStatementCloseDateSaved,e.accountId,e.accountName,"Card Balance",x!==void 0?`${x}`:"End")},v=()=>t.jsxs(Q,{children:[$.getLocalizedStrings().statementCloseDay.pickDate.prefix,t.jsx(Be,{children:x??" - "}),$.getLocalizedStrings().statementCloseDay.pickDate.suffix]}),W=()=>t.jsxs(ke,{role:"presentation","data-testid":w("statement-close-day-section"),onClick:s=>{s.stopPropagation()},children:[t.jsxs(K,{checked:b===m,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:m,value:m,onChange:I,checked:b===m,style:{width:"100%"},"data-testid":w("statement-close-day-input")}),v(),t.jsx(je,{children:Array.from({length:28},(s,d)=>d+1).map(s=>t.jsx(Pe,{isSelectedDate:s===x,"data-testid":w("statement-close-day-text"),onClick:d=>U(d,s),children:t.jsx(De,{children:s})},s))})]}),t.jsxs(K,{checked:b===u,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:u,value:u,onChange:I,checked:b===u,style:{width:"100%"},"data-testid":w("statement-close-day-input-last-day")}),t.jsx(Q,{onClick:()=>N(),children:$.getLocalizedStrings().statementCloseDay.lastDate.text})]}),t.jsxs(Te,{children:[t.jsx(G,{size:"small",variant:"secondary",label:"Cancel",onClick:()=>{f(!1)},style:{marginRight:o.sp3},"data-testid":w("statement-close-day-button-secondary")}),t.jsx(G,{size:"small",variant:"primary",label:"Save",onClick:h,disabled:x==null&&b!==u,"data-testid":w("statement-close-day-button-primary")})]})]}),V=R();return t.jsx(he,{onClickAway:()=>f(!1),children:t.jsxs("div",{onClick:M,"data-testid":w("statement-close-day-modal"),children:[L?t.jsx(ue,{size:"Small",start:!0}):z?t.jsxs(ve,{"data-testid":w("edit-statement-close-day"),children:[t.jsx(ze,{}),t.jsx(J,{className:"statementCloseDayText",windowSize:V,children:z})]}):O(D.loggedInUserRole??[])&&c===!0?t.jsxs(Se,{"data-testid":w("add-statement-close-day"),children:[t.jsx(Ce,{}),t.jsx(J,{className:"statementCloseDayText",windowSize:V,children:$.getLocalizedStrings().statementCloseDay.statement})]}):"",P?W():""]})})}const He=new a(n[9],98),S={contentContainerPadding:new a(n[3],n[4]),minItemHeight:new a(n[9],96),imageHeight:new a(n[5],n[7]),imageWidth:new a(n[5],n[7]),amountWrapperWidth:new a(100,230),titleLeftMargin:new a(n[2],n[3])},Ie={textContainer:new j("standardMedium","largeMedium")},Re=i.div`
   display: flex;
   width: 100%;
 `,Ee=i.div`
@@ -125,11 +125,11 @@ import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b
             }
           `:""}
   }
-`,_e=i.div`
+`,Le=i.div`
   display: flex;
   padding: ${e=>S.contentContainerPadding.valuePx(e.windowSize)};
   width: 100%;
-`,Le=i.div`
+`,_e=i.div`
   display: flex;
   align-items: center;
   width: calc(
@@ -151,13 +151,13 @@ import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b
   max-height: 52px;
   white-space: initial;
   word-wrap: break-word;
-`,Ne=i.div`
+`,Ue=i.div`
   width: ${e=>S.amountWrapperWidth.valuePx(e.windowSize)};
   display: flex;
   align-items: flex-end;
   flex-direction: column;
   justify-content: center;
-`,Ue=i(pe)``;function We({data:e,showStatementSection:g,analytics:c,isZeniUser:k,onItemClick:m,onSetAccountsStatementDate:u}){const{key:P,title:f,amount:r,logoUri:b}=e,y=Y(),x=y.loggedInUserRole!=null&&!we(y.loggedInUserRole),p=R();return t.jsx(Re,{windowSize:p,children:t.jsx(Ee,{"data-testid":w("transaction-list-item-big",e.title),windowSize:p,showEditStatementIcon:O(y.loggedInUserRole??[])&&k===!0,isClickEnabled:x,onClick:()=>x===!0?m?.(P,e.source):null,children:t.jsxs(_e,{windowSize:p,children:[t.jsxs(Le,{windowSize:p,children:[t.jsx(Me,{windowSize:p,src:b,loading:"lazy"}),t.jsx(Fe,{windowSize:p,children:f})]}),t.jsxs(Ne,{windowSize:p,children:[t.jsx(Ue,{children:me("0,0",r)}),g&&p!=="small"&&t.jsx(Ae,{accountDetails:e.source,isZeniUser:k,onSetAccountsStatementDate:u,analytics:c})]})]})})})}const Oe=C.memo(We),B=$.getLocalizedStrings().zeniAccountsPromoCard,l={marginTop:new a(n[6],n[8]),marginBottom:new a(n[3],n[4]),itemPaddingBottom:new a(n[3],n[4]),maxWidth:new a(100,67),sectionTitleHeight:new a(83,110),promoBannerPadding:new a(n[3],n[4]),promoBannerMarginBottom:new a(n[3],n[4]),promoBannerGap:new a(n[1],n[3]),promoHighlightContainerMaxHeight:new a(30,ae.h5Regular.lineHeightValue),promoButtonBorderRadius:new a(n[1],n[2]),promoButtonPaddingVertical:new a(2,6),promoButtonPaddingHorizontal:new a(n[1],n[3]),promoFooterPositionBottom:new a(n[3],n[1]),promoFooterPositionRight:new a(n[3],n[4]),promoFooterMarginTop:new a(0,n[2])},E={textContainer:new j("largeMedium","h6Medium"),promoText:new j("extraSmallRegular","standardRegular"),promoHighlightText:new j("extraLargeRegular","h5Regular"),promoButtonText:new j("extraSmallMedium","smallRegular")},X=8,Ye=i.div`
+`,Ne=i(pe)``;function We({data:e,showStatementSection:g,analytics:c,isZeniUser:k,onItemClick:m,onSetAccountsStatementDate:u}){const{key:P,title:f,amount:r,logoUri:b}=e,y=Y(),x=y.loggedInUserRole!=null&&!we(y.loggedInUserRole),p=R();return t.jsx(Re,{windowSize:p,children:t.jsx(Ee,{"data-testid":w("transaction-list-item-big",e.title),windowSize:p,showEditStatementIcon:O(y.loggedInUserRole??[])&&k===!0,isClickEnabled:x,onClick:()=>x===!0?m?.(P,e.source):null,children:t.jsxs(Le,{windowSize:p,children:[t.jsxs(_e,{windowSize:p,children:[t.jsx(Me,{windowSize:p,src:b,loading:"lazy"}),t.jsx(Fe,{windowSize:p,children:f})]}),t.jsxs(Ue,{windowSize:p,children:[t.jsx(Ne,{children:me("0,0",r)}),g&&p!=="small"&&t.jsx(Ae,{accountDetails:e.source,isZeniUser:k,onSetAccountsStatementDate:u,analytics:c})]})]})})})}const Oe=C.memo(We),B=$.getLocalizedStrings().zeniAccountsPromoCard,l={marginTop:new a(n[6],n[8]),marginBottom:new a(n[3],n[4]),itemPaddingBottom:new a(n[3],n[4]),maxWidth:new a(100,67),sectionTitleHeight:new a(83,110),promoBannerPadding:new a(n[3],n[4]),promoBannerMarginBottom:new a(n[3],n[4]),promoBannerGap:new a(n[1],n[3]),promoHighlightContainerMaxHeight:new a(30,ae.h5Regular.lineHeightValue),promoButtonBorderRadius:new a(n[1],n[2]),promoButtonPaddingVertical:new a(2,6),promoButtonPaddingHorizontal:new a(n[1],n[3]),promoFooterPositionBottom:new a(n[3],n[1]),promoFooterPositionRight:new a(n[3],n[4]),promoFooterMarginTop:new a(0,n[2])},E={textContainer:new j("largeMedium","h6Medium"),promoText:new j("extraSmallRegular","standardRegular"),promoHighlightText:new j("extraLargeRegular","h5Regular"),promoButtonText:new j("extraSmallMedium","smallRegular")},X=8,Ye=i.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -281,4 +281,4 @@ import{y as a,J as R,aw as Y,aE as ie,aY as ne,V as t,b3 as re,aP as w,u as n,b
   position: absolute;
   bottom: ${e=>l.promoFooterPositionBottom.valuePx(e.size)};
   right: ${e=>l.promoFooterPositionRight.valuePx(e.size)};
-`,st=({sectionTitle:e,totalFormatted:g})=>{const c=R();return t.jsx(Ve,{windowSize:c,children:t.jsxs(qe,{windowSize:c,children:[t.jsx(Ge,{children:e}),t.jsx(Je,{children:g})]})})};function Ct({sectionTitle:e,analytics:g,transactionArray:c,isZeniUser:k,zeniAccountsPromoCardReport:m,onItemClick:u,onSetAccountsStatementDate:P,onPromoCardBtnClick:f}){const r=R(),b=T.createRef(),[y,x]=T.useState(0),p=Y(),_=ie(c,function(h,v){return h+(v.amount?.amount??0)},0),H=c.length>0?c[0].amount?.currencySymbol:"",L=ne("0,0",_,H),D=T.useRef(u);D.current=u;const M=T.useCallback((...h)=>{D.current?.(...h)},[]),F=({index:h,style:v})=>t.jsx("div",{style:{...v},children:t.jsx(Ke,{children:t.jsx(Qe,{windowSize:r,children:t.jsx(Oe,{data:c[h],showStatementSection:e===$.getLocalizedStrings().balanceCard.cardBalanceSectionTitle,isZeniUser:k,analytics:g,onItemClick:M,onSetAccountsStatementDate:P})})})}),z=T.useRef(null),I=()=>{const h=z.current;h!=null&&h.clientHeight>0&&h.clientHeight!=y&&x(h.clientHeight)},N=()=>{f?.(m?.depositAccountId??"")},U=xe(p.loggedInUserRoleMap);return t.jsxs(Ye,{windowSize:r,listHeight:y,"data-testid":w("transaction-list-big"),children:[t.jsx(st,{sectionTitle:e,totalFormatted:L}),t.jsx(Ze,{children:t.jsx(re,{children:({height:h,width:v})=>t.jsxs(t.Fragment,{children:[m?.isShowDepositAccountsPromo===!0?t.jsxs(et,{width:v,size:r,children:[t.jsxs(tt,{size:r,children:[t.jsx(ot,{size:r,children:B.keepInterest.prefixCashBalance}),t.jsx(it,{size:r,children:$e("keepInterest",ye(m.maxPossibleInterest??0))})]}),t.jsx(nt,{onClick:N,size:r,children:t.jsx(rt,{size:r,children:U?m.depositAccountId!=null?B.button:B.signUp:B.learnMore})}),t.jsx(at,{size:r,children:B.keepInterest.footer.replace(/<interest>/,m.maxAnnualPercentageYield.toString())})]}):null,t.jsx(Xe,{ref:b,height:h,width:v,style:{overflow:"unset"},innerElementType:be,itemCount:c.length,itemSize:He.value(r)+l.itemPaddingBottom.value(r),onItemsRendered:I,itemKey:W=>c[W].key,innerRef:z,children:F})]})})})]})}export{Ct as default,l as dimensions};
+`,st=({sectionTitle:e,totalFormatted:g})=>{const c=R();return t.jsx(Ve,{windowSize:c,children:t.jsxs(qe,{windowSize:c,children:[t.jsx(Ge,{children:e}),t.jsx(Je,{children:g})]})})};function Ct({sectionTitle:e,analytics:g,transactionArray:c,isZeniUser:k,zeniAccountsPromoCardReport:m,onItemClick:u,onSetAccountsStatementDate:P,onPromoCardBtnClick:f}){const r=R(),b=T.createRef(),[y,x]=T.useState(0),p=Y(),L=ie(c,function(h,v){return h+(v.amount?.amount??0)},0),H=c.length>0?c[0].amount?.currencySymbol:"",_=ne("0,0",L,H),D=T.useRef(u);D.current=u;const M=T.useCallback((...h)=>{D.current?.(...h)},[]),F=({index:h,style:v})=>t.jsx("div",{style:{...v},children:t.jsx(Ke,{children:t.jsx(Qe,{windowSize:r,children:t.jsx(Oe,{data:c[h],showStatementSection:e===$.getLocalizedStrings().balanceCard.cardBalanceSectionTitle,isZeniUser:k,analytics:g,onItemClick:M,onSetAccountsStatementDate:P})})})}),z=T.useRef(null),I=()=>{const h=z.current;h!=null&&h.clientHeight>0&&h.clientHeight!=y&&x(h.clientHeight)},U=()=>{f?.(m?.depositAccountId??"")},N=xe(p.loggedInUserRoleMap);return t.jsxs(Ye,{windowSize:r,listHeight:y,"data-testid":w("transaction-list-big"),children:[t.jsx(st,{sectionTitle:e,totalFormatted:_}),t.jsx(Ze,{children:t.jsx(re,{children:({height:h,width:v})=>t.jsxs(t.Fragment,{children:[m?.isShowDepositAccountsPromo===!0?t.jsxs(et,{width:v,size:r,children:[t.jsxs(tt,{size:r,children:[t.jsx(ot,{size:r,children:B.keepInterest.prefixCashBalance}),t.jsx(it,{size:r,children:$e("keepInterest",ye(m.maxPossibleInterest??0))})]}),t.jsx(nt,{onClick:U,size:r,children:t.jsx(rt,{size:r,children:N?m.depositAccountId!=null?B.button:B.signUp:B.learnMore})}),t.jsx(at,{size:r,children:B.keepInterest.footer.replace(/<interest>/,m.maxAnnualPercentageYield.toString())})]}):null,t.jsx(Xe,{ref:b,height:h,width:v,style:{overflow:"unset"},innerElementType:be,itemCount:c.length,itemSize:He.value(r)+l.itemPaddingBottom.value(r),onItemsRendered:I,itemKey:W=>c[W].key,innerRef:z,children:F})]})})})]})}export{Ct as default,l as dimensions};

package/dist/assets/TransactionListPage-DoQrIKK0-cdAGgkOJ.js

@@ -0,0 +1,35 @@
+import{g as q,bz as M,bA as R,V as t,bB as H,T as J,aP as h,bC as Q,o as n,al as U}from"./index-o0j-GZyM.js";import{a as r,n as G}from"./sentry-DmQUfSE7.js";import{n as l}from"./mui-CAW43Z2L.js";import{T as K}from"./TransactionList-CLb6vsAw-BNfVqp8k.js";import{t as W}from"./page-detail-CWX5S47F-Ga1rCJlu.js";import"./liveblocks-BZyZbty1.js";import"./core-yiE_iOc0.js";import"./recharts-Duslqfio.js";import"./zeni-epic-state-C4Tt6Qhq.js";import"./lottie-HBX4-MpS.js";import"./analytics-DH0nG_g5.js";import"./lexical-DlAOaxF0.js";import"./utils-C-XuhdQM.js";import"./ConstrainedInnerElement-BeIpAPjB-JviWwDyz.js";import"./BoxItem-BdgRTwgI-DiOTWl08.js";import"./commonDimensions-B60Qkfnz-DxGoTy6S.js";import"./panelSelectedMixin-CzfD5-Zs-C9yV2YE9.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="6c7949ef-ed8c-40fb-95de-c4457b0396fc",e._sentryDebugIdIdentifier="sentry-dbid-6c7949ef-ed8c-40fb-95de-c4457b0396fc")}catch{}})();const X=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Z=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: ${n.sp0};
+`,ee=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,te=l(U)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,oe=l(W)`
+  height: ${n.sp4};
+  width: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function Pe({title:e,subTitle:c,firstMonthOfFY:g,timeframe:d,timePeriod:i,useFixedPeriod:x,dataAvailableForPeriod:b,report:o,currentScrollYOffset:T,showStatementPageIcon:k=!1,onTimePeriodChange:y,onTransactionItemClick:v,onTransactionListScroll:I,onBackClick:L,onStatementPageIconClick:j,panelContent:D,referrerType:F,sidePanelIsFullView:N,sidePanelIsOpen:O}){const[f,P]=r.useState(!0),[m,S]=r.useState(!1),[u,$]=r.useState(!1),B=q();r.useEffect(()=>{o.transactions.length>0?P(!1):P(m===!1&&u===!1?o.fetchState==="In-Progress"||o.fetchState==="Not-Started":!1)},[o,f,m,u]);const E=M(),w=R(F),A=`${w===""?E:w}.transactions.list`,V=i.startDate.isAfter(b.startDate,d)?{isLoading:m&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:x,onLoadPreviousClick:(a,s)=>{$(!1),S(!0),y?.(a,i,s)}}:void 0,Y=i.endDate.isBefore(b.endDate,d)?{isLoading:u&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:x,onLoadNextClick:(a,s)=>{S(!1),$(!0),y?.(a,i,s)}}:void 0;let C=null;k&&(C=t.jsx(oe,{onClick:j}));const p=r.useRef(null);function _(a,s,z){G({category:`${A}.transaction-list.react.profiler`,message:`${a} (${s}) took ${z}ms`,level:"info"})}return t.jsx(r.Profiler,{id:"TransactionListPage",onRender:_,children:t.jsx(H,{isOpen:O??!1,isFullView:N??!1,panelContent:D,headerContent:t.jsx(Q,{source:"TransactionListPage","data-testid":h("transaction-list-page-nav-bar"),title:e,onBackClick:L,backgroundColor:B.colors.grey4,rightSideComponent:C,scrollableContent:p.current!=null?p:void 0}),listContent:t.jsx(X,{"data-testid":h("transaction-list-page",e),children:t.jsxs(Z,{"data-testid":h("transaction-list",e),children:[t.jsx(te,{children:c}),f===!1?t.jsx(K,{ref:p,firstMonthOfFY:g,timeframe:d,timePeriod:i,transactions:o.transactions,isFirstLotLoading:f,currentScrollYOffset:T,onTransactionItemClick:v,onTransactionListScroll:I,showLoadPrevious:V,showLoadNext:Y,componentName:"report.transactions.list"}):t.jsx(ee,{children:t.jsx(J,{size:"ExtraLarge",start:!0})})]})})})})}export{Pe as default};

package/dist/assets/{TransactionVendorDetailPage-Ca7bgryb-CmVBYko3.js → TransactionVendorDetailPage-D-wSEk3k-Bp7ZO9K6.js}

@@ -1,4 +1,4 @@
-import{J as A,F,V as o,T as q,aP as L,aR as W,o as a,y as g,C as _,R as J,d4 as K,a9 as U,cF as X,ac as G,u as r,he as R,hf as k,hg as M,e as Q,cI as Y,gM as z,hh as Z,b7 as ee,hl as oe,hm as te}from"./index-BR9aIv1A.js";import{a as I}from"./sentry-BwoJfpTa.js";import{n as c}from"./mui-C7Q1opAD.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./zeni-epic-state-Deo9yJpd.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8496be34-5902-4345-9edc-98de0b569ffa",e._sentryDebugIdIdentifier="sentry-dbid-8496be34-5902-4345-9edc-98de0b569ffa")}catch{}})();const O=(e,n)=>`${e}.${n}`,T={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},ae=F.getLocalizedStrings().transactionDetail.vendorDetails,d=ae.vendorCreation,ne=({selectedAccountId:e,isSaveError:n,selectedClassId:h,selectedOwnerId:t,selectedVendorName:f,allAccounts:p,allClasses:C,allOwners:S,sectionId:v,isDisabled:u,accountsHierarchyList:w,classHierarchyList:x})=>{const i=A(),y=Q(),$=T.labelWidth.value(i),j=T.controlWidth.value(i),V=s=>p.filter(D=>D.accountId===s)[0]?.coaId??"",l=s=>C.filter(D=>D.classId===s)[0]?.accountingClassNumber??"",b=s=>{const D=p.find(B=>B.accountId===s)?.accountName;return[oe,te].includes(D??"")};return o.jsxs(se,{"data-testid":L("vendor-details-section",v),children:[o.jsx(re,{children:d.vendorDetails.title}),o.jsxs(le,{children:[o.jsx(Y,{label:{label:d.vendorDetails.vendorName,width:$},text:{type:"text",name:O(v,"vendorName"),placeholder:d.placeholders.vendor,defaultValue:f,autoComplete:"off",options:{required:!0}},isSaveError:n,showAdditionalInfoLabel:!1,additionalInfoLabel:d.vendorAlreadyExistsErrorMsg,style:{width:"auto"}}),o.jsx(ie,{}),o.jsx(z,{isLoading:!1,label:{label:d.vendorDetails.vendorCategory,width:$},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:O(v,"vendorCategory"),placeholder:d.placeholders.category,valueToInfo:s=>V(s),defaultValue:{selectedOption:e,allOptions:k(w)},style:{width:"auto"},registerOptions:{required:!1}},style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u,disableCurrentOption:b,zIndexOnFocus:!0,additionalLabelInfo:d.vendorDetails.vendorCategoryAdditionText}),o.jsx(z,{isLoading:!1,label:{label:d.vendorDetails.vendorClass,width:$},zIndexOnFocus:!0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:O(v,"vendorClass"),placeholder:d.placeholders.class,valueToInfo:s=>l(s),defaultValue:{selectedOption:h,allOptions:R(x)},registerOptions:{required:!1},style:{width:"auto"}},additionalLabelInfo:d.vendorDetails.vendorClassAdditionText,style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u}),S!=null?o.jsx(Z,{label:{label:d.vendorDetails.vendorOwner,width:$},userSingleSelectField:{name:O(v,"vendorOwner"),placeholder:d.placeholders.owner,defaultValue:{allOptions:M(S),selectedOption:t},registerOptions:{required:!1},style:{width:"auto"},menuPlacement:"top"},isDisabled:u,style:{justifyContent:"space-between"},controlWidth:j}):null]})]})},se=c.div`
+import{J as A,F as R,V as o,T as q,aP as L,aR as W,o as a,y as g,C as _,R as J,d4 as K,a9 as Q,cF as U,ac as X,u as r,he as k,hf as F,hg as M,g as G,cI as Y,gM as z,hh as Z,b7 as ee,hl as oe,hm as te}from"./index-o0j-GZyM.js";import{a as I}from"./sentry-DmQUfSE7.js";import{n as c}from"./mui-CAW43Z2L.js";import"./liveblocks-BZyZbty1.js";import"./core-yiE_iOc0.js";import"./recharts-Duslqfio.js";import"./zeni-epic-state-C4Tt6Qhq.js";import"./lottie-HBX4-MpS.js";import"./analytics-DH0nG_g5.js";import"./lexical-DlAOaxF0.js";import"./utils-C-XuhdQM.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2ca98152-2e7f-4789-9a81-65a2309b8c5a",e._sentryDebugIdIdentifier="sentry-dbid-2ca98152-2e7f-4789-9a81-65a2309b8c5a")}catch{}})();const O=(e,n)=>`${e}.${n}`,T={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},ae=R.getLocalizedStrings().transactionDetail.vendorDetails,d=ae.vendorCreation,ne=({selectedAccountId:e,isSaveError:n,selectedClassId:h,selectedOwnerId:t,selectedVendorName:f,allAccounts:p,allClasses:C,allOwners:S,sectionId:v,isDisabled:u,accountsHierarchyList:w,classHierarchyList:x})=>{const i=A(),y=G(),$=T.labelWidth.value(i),j=T.controlWidth.value(i),V=s=>p.filter(D=>D.accountId===s)[0]?.coaId??"",l=s=>C.filter(D=>D.classId===s)[0]?.accountingClassNumber??"",b=s=>{const D=p.find(B=>B.accountId===s)?.accountName;return[oe,te].includes(D??"")};return o.jsxs(se,{"data-testid":L("vendor-details-section",v),children:[o.jsx(re,{children:d.vendorDetails.title}),o.jsxs(le,{children:[o.jsx(Y,{label:{label:d.vendorDetails.vendorName,width:$},text:{type:"text",name:O(v,"vendorName"),placeholder:d.placeholders.vendor,defaultValue:f,autoComplete:"off",options:{required:!0}},isSaveError:n,showAdditionalInfoLabel:!1,additionalInfoLabel:d.vendorAlreadyExistsErrorMsg,style:{width:"auto"}}),o.jsx(ie,{}),o.jsx(z,{isLoading:!1,label:{label:d.vendorDetails.vendorCategory,width:$},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:O(v,"vendorCategory"),placeholder:d.placeholders.category,valueToInfo:s=>V(s),defaultValue:{selectedOption:e,allOptions:F(w)},style:{width:"auto"},registerOptions:{required:!1}},style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u,disableCurrentOption:b,zIndexOnFocus:!0,additionalLabelInfo:d.vendorDetails.vendorCategoryAdditionText}),o.jsx(z,{isLoading:!1,label:{label:d.vendorDetails.vendorClass,width:$},zIndexOnFocus:!0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:O(v,"vendorClass"),placeholder:d.placeholders.class,valueToInfo:s=>l(s),defaultValue:{selectedOption:h,allOptions:k(x)},registerOptions:{required:!1},style:{width:"auto"}},additionalLabelInfo:d.vendorDetails.vendorClassAdditionText,style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u}),S!=null?o.jsx(Z,{label:{label:d.vendorDetails.vendorOwner,width:$},userSingleSelectField:{name:O(v,"vendorOwner"),placeholder:d.placeholders.owner,defaultValue:{allOptions:M(S),selectedOption:t},registerOptions:{required:!1},style:{width:"auto"},menuPlacement:"top"},isDisabled:u,style:{justifyContent:"space-between"},controlWidth:j}):null]})]})},se=c.div`
   display: flex;
   flex-direction: column;
   padding-top: ${a.sp3};
@@ -20,7 +20,7 @@ import{J as A,F,V as o,T as q,aP as L,aR as W,o as a,y as g,C as _,R as J,d4 as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,P="vendorDetails",de=({id:e,allAccounts:n,allClasses:h,allOwners:t,selectedVendor:f,formLocalData:p,isDisabled:C,onSaveVendor:S,saveVendorDetailLocalData:v,accountsHierarchyList:u,classHierarchyList:w})=>{const x=U({mode:"all",reValidateMode:"onChange",defaultValues:ce(u,w,t,p)}),[i,y]=I.useState(!1),$=l=>{l.preventDefault(),x.getValues().vendorDetails.vendorName!==""&&i===!1&&S?.()},j=(l,b)=>{const s=ue(l,void 0);v?.(s)},V=async(l,b)=>{(l.includes("vendorName")||l.includes("vendorOwner")||l.includes("vendorClass")||l.includes("vendorCategory"))&&(j(b),i===!0&&l.includes("vendorName")&&y(!1))};return I.useEffect(()=>{const l=x.watch((b,{name:s})=>{s!=null&&b!=null&&X(()=>V(s,b))});return()=>{l.unsubscribe()}}),I.useEffect(()=>{f.saveStatus.fetchState==="Error"&&f.saveStatus.error?.code===409&&y(!0)},[f.saveStatus]),o.jsx(G,{...x,children:o.jsx("form",{id:e,onSubmit:$,children:o.jsx(ne,{sectionId:P,selectedVendorDetails:f,isSaveError:i,selectedAccountId:p?.vendorCategory,selectedClassId:p?.vendorClass,selectedOwnerId:p?.vendorOwner,allAccounts:n??[],allClasses:h??[],selectedVendorName:p?.vendorName,allOwners:t,isDisabled:C,accountsHierarchyList:u,classHierarchyList:w})})})},ce=(e,n,h,t)=>({[P]:{vendorName:t?.vendorName??"",vendorOwner:{allOptions:M(h),selectedOption:t?.vendorOwner},vendorCategory:{allOptions:k(e),selectedOption:t?.vendorCategory},vendorClass:{allOptions:R(n),selectedOption:t?.vendorClass}}});function ue(e,n,h){const t=e?.[P];return{vendorCategory:t.vendorCategory.selectedOption,vendorClass:t.vendorClass.selectedOption,vendorId:n,vendorName:t.vendorName,vendorOwner:t.vendorOwner?.selectedOption}}const m={containerPaddingLeft:new g(r[3],r[3],r[6]),containerPaddingRight:new g(r[3],r[3],r[8]),containerMarginTop:new g(r[2],r[2],r[4]),navbarContainerPaddingTop:new g(r[3],r[3]),navbarContainerPaddingBottom:new g(r[3],r[3]),SectionTitleMarginTop:new g(0,r[3])},N={sectionTitle:new J("h6Regular","h5Medium"),sectionTitleLineHeight:new g(30,40)},he=c.div`
+`,P="vendorDetails",de=({id:e,allAccounts:n,allClasses:h,allOwners:t,selectedVendor:f,formLocalData:p,isDisabled:C,onSaveVendor:S,saveVendorDetailLocalData:v,accountsHierarchyList:u,classHierarchyList:w})=>{const x=Q({mode:"all",reValidateMode:"onChange",defaultValues:ce(u,w,t,p)}),[i,y]=I.useState(!1),$=l=>{l.preventDefault(),x.getValues().vendorDetails.vendorName!==""&&i===!1&&S?.()},j=(l,b)=>{const s=ue(l,void 0);v?.(s)},V=async(l,b)=>{(l.includes("vendorName")||l.includes("vendorOwner")||l.includes("vendorClass")||l.includes("vendorCategory"))&&(j(b),i===!0&&l.includes("vendorName")&&y(!1))};return I.useEffect(()=>{const l=x.watch((b,{name:s})=>{s!=null&&b!=null&&U(()=>V(s,b))});return()=>{l.unsubscribe()}}),I.useEffect(()=>{f.saveStatus.fetchState==="Error"&&f.saveStatus.error?.code===409&&y(!0)},[f.saveStatus]),o.jsx(X,{...x,children:o.jsx("form",{id:e,onSubmit:$,children:o.jsx(ne,{sectionId:P,selectedVendorDetails:f,isSaveError:i,selectedAccountId:p?.vendorCategory,selectedClassId:p?.vendorClass,selectedOwnerId:p?.vendorOwner,allAccounts:n??[],allClasses:h??[],selectedVendorName:p?.vendorName,allOwners:t,isDisabled:C,accountsHierarchyList:u,classHierarchyList:w})})})},ce=(e,n,h,t)=>({[P]:{vendorName:t?.vendorName??"",vendorOwner:{allOptions:M(h),selectedOption:t?.vendorOwner},vendorCategory:{allOptions:F(e),selectedOption:t?.vendorCategory},vendorClass:{allOptions:k(n),selectedOption:t?.vendorClass}}});function ue(e,n,h){const t=e?.[P];return{vendorCategory:t.vendorCategory.selectedOption,vendorClass:t.vendorClass.selectedOption,vendorId:n,vendorName:t.vendorName,vendorOwner:t.vendorOwner?.selectedOption}}const m={containerPaddingLeft:new g(r[3],r[3],r[6]),containerPaddingRight:new g(r[3],r[3],r[8]),containerMarginTop:new g(r[2],r[2],r[4]),navbarContainerPaddingTop:new g(r[3],r[3]),navbarContainerPaddingBottom:new g(r[3],r[3]),SectionTitleMarginTop:new g(0,r[3])},N={sectionTitle:new J("h6Regular","h5Medium"),sectionTitleLineHeight:new g(30,40)},he=c.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -77,4 +77,4 @@ import{J as A,F,V as o,T as q,aP as L,aR as W,o as a,y as g,C as _,R as J,d4 as
   ${e=>`${N.sectionTitle.style(e.windowSize)}`};
   margin-left: ${e=>e.windowSize==="small"?a.sp3:0};
   line-height: ${e=>N.sectionTitleLineHeight.valuePx(e.windowSize)};
-`,E="vendorDetailPage",H=e=>`${e}_form`,Pe=({vendorDetailView:e,onSaveSuccess:n,onCancelClick:h,onSaveVendor:t,saveVendorDetailLocalData:f})=>{const{editVendorState:p,newVendorState:C,accountsHierarchyList:S,classHierarchyList:v}=e,u=A(),{footer:w,newVendor:x}=F.getLocalizedStrings().transactionDetail.vendorDetails.createVendor,i=Object.assign({},p??C);if(I.useEffect(()=>{i?.saveStatus?.fetchState==="Completed"&&n?.()},[i]),e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return o.jsx(ve,{children:o.jsx(q,{size:"ExtraLarge",start:!0})});const y=i.saveStatus?.fetchState==="In-Progress";return o.jsxs(he,{windowSize:u,"data-testid":L("transaction-vendor-detail-page"),children:[o.jsxs(fe,{windowSize:u,children:[o.jsx(me,{children:o.jsx(we,{onClick:h,"data-testid":L("close-icon")})}),o.jsx(xe,{windowSize:u,children:x})]}),o.jsx(ge,{children:o.jsx(pe,{windowSize:u,"data-testid":L("vendor-detail-page-form"),children:o.jsx(de,{id:H(E),allAccounts:e.accountList.accounts,allClasses:e.classList.classes,allOwners:e.ownerList,selectedVendor:i,formLocalData:i.vendorDetailLocalData,onSaveVendor:t,saveVendorDetailLocalData:f,accountsHierarchyList:S,classHierarchyList:v})})}),o.jsx(W,{formId:H(E),primaryBtn:{label:w.save,isLoading:y},cancelBtn:{label:w.cancel,shouldResetOnCancel:!0,onClick:h}})]})};export{Pe as default,H as formUniqueName};
+`,E="vendorDetailPage",H=e=>`${e}_form`,Pe=({vendorDetailView:e,onSaveSuccess:n,onCancelClick:h,onSaveVendor:t,saveVendorDetailLocalData:f})=>{const{editVendorState:p,newVendorState:C,accountsHierarchyList:S,classHierarchyList:v}=e,u=A(),{footer:w,newVendor:x}=R.getLocalizedStrings().transactionDetail.vendorDetails.createVendor,i=Object.assign({},p??C);if(I.useEffect(()=>{i?.saveStatus?.fetchState==="Completed"&&n?.()},[i]),e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return o.jsx(ve,{children:o.jsx(q,{size:"ExtraLarge",start:!0})});const y=i.saveStatus?.fetchState==="In-Progress";return o.jsxs(he,{windowSize:u,"data-testid":L("transaction-vendor-detail-page"),children:[o.jsxs(fe,{windowSize:u,children:[o.jsx(me,{children:o.jsx(we,{onClick:h,"data-testid":L("close-icon")})}),o.jsx(xe,{windowSize:u,children:x})]}),o.jsx(ge,{children:o.jsx(pe,{windowSize:u,"data-testid":L("vendor-detail-page-form"),children:o.jsx(de,{id:H(E),allAccounts:e.accountList.accounts,allClasses:e.classList.classes,allOwners:e.ownerList,selectedVendor:i,formLocalData:i.vendorDetailLocalData,onSaveVendor:t,saveVendorDetailLocalData:f,accountsHierarchyList:S,classHierarchyList:v})})}),o.jsx(W,{formId:H(E),primaryBtn:{label:w.save,isLoading:y},cancelBtn:{label:w.cancel,shouldResetOnCancel:!0,onClick:h}})]})};export{Pe as default,H as formUniqueName};

package/dist/assets/{TransferDrawerPage-DG6q94Ch-Cqord4XL.js → TransferDrawerPage-j8FDHpig-DvRwMkL8.js}

@@ -1,4 +1,4 @@
-import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e,o as a,F as I,y as c,C as Ne,d as dt,b9 as ut,aq as ft,c as De,ai as be,al as fe,aQ as ce,fA as pt,a9 as Xe,cF as mt,aY as ht,aO as gt,p as G,ac as qe,fE as ke,fF as Ae,gc as wt,bT as ye,g6 as xt,hE as $t,u as o,fo as Dt,ci as Je,c0 as bt,f0 as yt,bK as Tt,am as Ue,fR as Ct,dv as St,c2 as Ge,gX as vt,gY as kt}from"./index-BR9aIv1A.js";import{a as u}from"./sentry-BwoJfpTa.js";import{n}from"./mui-C7Q1opAD.js";import{bL as At}from"./zeni-epic-state-Deo9yJpd.js";import{v as Pt}from"./ZeniTransferAmountSlider-CJY_ei3T-BQBKQlY-.js";import{r as Lt}from"./AccountInfoPageContent-BQxwZcii-DAnRLliM.js";import"./liveblocks-B8f0lmpe.js";import"./core-B_30foAD.js";import"./recharts-v_b66Qfi.js";import"./lottie-CbICbNKh.js";import"./analytics-rms9goNI.js";import"./lexical-CcL2Fd1i.js";import"./utils-C75CTJHa.js";import"./downloadPdf-BfjQscZh-CeCugFTI.js";import"./commonDimensions-BwCds81U-kEodPKRG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="857f8f0a-c763-411d-8869-e92d56fa1e87",e._sentryDebugIdIdentifier="sentry-dbid-857f8f0a-c763-411d-8869-e92d56fa1e87")}catch{}})();const{common:de,spendManagement:{zeniAccounts:{zeniAccountList:b}}}=I.getLocalizedStrings(),He="amount",jt="transferTo",Pe="transferFrom",k="transferDetails",Ke="transferDetailPage",ge=(e,r)=>`${e}.${r}`,Qe=e=>`${e}_form`,p={largeLabelWidth:new c(120,120,160),rowContentPaddingLeft:new c(o[3],o[4]),labeleMarginLeft:new c(o[0],o[0]),labelMarginRight:new c(o[3],o[3]),labeleMarginBottom:new c(o[2],o[0]),labeledFieldPaddingLeft:new c(o[3],o[0]),labeledFieldPaddingRight:new c(o[3],o[2]),labeledFieldPaddingTop:new c(o[3],o[3]),labeledFieldPaddingBottom:new c(o[3],o[2]),infoLabelPaddingRight:new c(o[0],o[3]),infoLabelMarginTop:new c(o[1],o[0]),controllerWrapperFlex:new c(1,o[0])};function zt({plaidConnectionDetails:e,transferDetails:r,zeniAccountsConfigDetail:g,isCalculatorOpen:$,showAnnualYieldEarned:y,transferAmount:w,yieldEarned:d,totalBalance:f,maxInsuredAmount:l,setIsCalculatorOpen:T,setShowAnnualYieldEarned:C,setTransferAmount:S,setYieldEarned:B,setTotalBalance:M,onSaveChangesToLocalStore:H,onBackClick:E,onEstablishConnectionClick:O,fireTrackTransferBetweenAccountsFormClicked:_,onFetchLinkTokenClick:K,onReviewClick:Q}){const i=ue(),R=p.largeLabelWidth.value(i),[V,j]=u.useState(!1),m=e.link_account_no_microdeposit,[v,W]=u.useState(m.linkToken??null),[x,z]=u.useState(!1),[Y,N]=u.useState(!1),Z=r.transferMoneyPartiesFetchState,oe=ce(Z),X=r.transferDetailLocalData.transferFrom?.id,ee=r.transferDetailLocalData.transferTo?.id,ie=ce(X),Te=ce(ee),pe=r.transferMoneyParties.map(s=>s.id),me=ce(pe),Ze=u.useCallback(s=>{O?.(s),E(),N(!1),z(!1)},[E,O]),et=u.useCallback((s,h)=>{s!=null&&console.log("Plaid Connection Error",s,h)},[]),{open:q,ready:te}=pt({token:v,onSuccess:Ze,onExit:et}),se=u.useCallback(s=>{s.preventDefault(),s.stopPropagation(),te?q():z(!0)},[q,te]),P=Xe({mode:"all",reValidateMode:"onBlur",defaultValues:u.useMemo(()=>Le(r,se),[r])});u.useEffect(()=>{m.fetchStatus.fetchState==="Completed"&&m.linkToken!=null&&m.linkToken!==v&&W(m.linkToken)},[m.fetchStatus.fetchState,m.linkToken,v]),u.useEffect(()=>{m.linkToken===v&&m.fetchStatus.fetchState==="Completed"&&te&&N(!0)},[te,v,m.fetchStatus,m.linkToken,m.fetchStatus.fetchState]),u.useEffect(()=>{Y&&x&&q()},[Y,q,x]),u.useEffect(()=>{(At(new Date().toISOString()).isAfter(m.expiration)||m.linkToken==null)&&K?.("link_account_no_microdeposit")},[]),u.useEffect(()=>{const s=me!=null&&JSON.stringify(me)!==JSON.stringify(pe);(oe==="In-Progress"&&Z==="Completed"||ie!==X||Te!==ee||s)&&P.reset(Le(r,()=>q()))},[te,v,m.fetchStatus.fetchState,oe,Z,ie,Te,ee,X,me,pe,P,r,q]);const{isValid:tt}=P.formState,at=async(s,h)=>{if(s!=null){const F={...h},le={amount:{amount:F[k].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:r.transferMoneyParties.find(ae=>ae.id===F[k].transferFrom.selectedOption),transferTo:r.transferMoneyParties.find(ae=>ae.id===F[k].transferTo.selectedOption)};H(le)}};u.useEffect(()=>{const s=P.watch((h,{name:F})=>{if(F!=null&&h!=null){const le=h[k]?.amount??0,ae=h[k]?.transferFrom,ot=h[k]?.transferTo,it=r.transferMoneyParties.find(he=>he.id===ae?.selectedOption),st=r.transferMoneyParties.find(he=>he.id===ot?.selectedOption);it?.accType==="paymentAccount"&&st?.accType==="depositAccount"&&le!==0?(T(!0),C(!0)):C(!1),S(le)}});return()=>{s.unsubscribe()}},[P,r.transferMoneyParties]),u.useEffect(()=>{const s=P.watch((h,{name:F})=>{F!=null&&h!=null&&mt(()=>at(F,h))});return()=>{s.unsubscribe()}}),u.useEffect(()=>{r.reviewTransferDetail.error!=null?j(!0):j(!1)},[r.reviewTransferDetail.error]);const nt=P.handleSubmit(()=>{tt&&(_("Review","Amount Details"),Q())});u.useEffect(()=>{r.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.transferDetailLocalData.transferTo.accountBalance?.available?.amount===0&&r.transferDetailLocalData.transferFrom?.id==null&&P.setValue(`${k}.${Pe}`,{selectedOption:r.primaryPaymentAccount?.paymentAccountId,allOptions:ne(r,!0,se,!0,!0)})},[r.transferDetailLocalData.transferTo?.id]);const Ce=g.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Se=Ce[Ce.length-1].annualPercentageYield.toString(),rt=ht(gt(l),l,de.currency.currencySymbol).toUpperCase();return t.jsx(t.Fragment,{children:m.fetchStatus.fetchState==="Completed"?t.jsxs(t.Fragment,{children:[V?t.jsx(Bt,{children:t.jsxs(Et,{children:[t.jsxs(Rt,{children:[t.jsx(Ot,{}),t.jsxs(_t,{children:[t.jsx(Vt,{children:r.reviewTransferDetail.error?.title}),t.jsx(Wt,{children:r.reviewTransferDetail.error?.message})]})]}),t.jsx(It,{children:t.jsx(na,{"data-testid":A("amount-details-error-close"),onClick:()=>{_("Cross","Amount Details"),j(!1)},style:{width:a.sp3,height:a.sp3,color:G.heroLight}})})]})}):null,t.jsx(Yt,{children:J("0,0.[00]",r.transferDetailLocalData.amount)}),t.jsx(qe,{...P,children:t.jsxs(Mt,{id:Qe(Ke),onSubmit:nt,children:[t.jsxs(ta,{children:[t.jsx(Ee,{size:i,children:t.jsx(je,{label:{label:de.labels.transferFrom,width:R,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:b.transferDrawer.transferFromError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:ge(k,Pe),placeholder:b.transferDrawer.transferFromPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(s,h)=>Ae(r.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>ke(r.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferFrom?.id,allOptions:ne(r,!0,se,!0,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})}),t.jsx(Me,{}),t.jsx(Ee,{size:i,children:t.jsx(aa,{size:i,children:t.jsx(je,{label:{label:de.labels.transferTo,width:R,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:b.transferDrawer.transferToError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:ge(k,jt),placeholder:b.transferDrawer.transferToPlaceholder,capitalizeOptions:!0,style:{position:"relative"},valueToLogo:(s,h)=>Ae(r.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>ke(r.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferTo?.id,allOptions:ne(r,!1,se)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})}),t.jsx(Me,{}),t.jsx(wt,{showAdditionalInfoLabel:!1,label:{label:de.labels.amount,width:R},additionalInfoLabel:b.transferDrawer.amountError,formattedTextField:{type:"number",name:ge(k,He),defaultValue:r.transferDetailLocalData.amount.amount===0?void 0:r.transferDetailLocalData.amount.amount,placeholder:b.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}})]}),t.jsxs(Jt,{children:[$?t.jsxs(Nt,{children:[t.jsx(Xt,{children:b.transferDrawer.calculator.heading.replace("__rate__",Se).replace("__amount__",rt)}),t.jsx(Pt,{minStep:.01,currentAccountBalance:r.transferDetailLocalData.transferTo?.accountBalance?.available?.amount??0,transferAmount:w,zeniAccountsConfigDetail:g,setYieldEarned:B,setTotalBalance:M})]}):null,t.jsxs(Ut,{windowSize:i,children:[t.jsx(Kt,{windowSize:i,children:y?t.jsxs(t.Fragment,{children:[t.jsxs(Gt,{children:[t.jsx(ze,{children:`${b.transferDrawer.calculator.footerText.annualYieldEarned} ${J("0,0",{amount:d,currencySymbol:"$"})}`}),t.jsx(ye,{variant:"small-description",display:"flex",data:b.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,placement:i==="small"?"bottom":"right",children:t.jsx(qt,{})})]}),t.jsx(Ht,{windowSize:i}),t.jsx(Qt,{children:`${b.transferDrawer.calculator.footerText.forTotalBalance} ${J("0,0",{amount:f,currencySymbol:"$"})}`})]}):t.jsx(ze,{children:b.transferDrawer.calculator.footerText.earnUptoText.replace("__rate__",Se)})}),$?t.jsxs(Be,{windowSize:i,onClick:()=>T(!1),"data-testid":A("calculator-footer-close"),children:[t.jsx(Fe,{className:"calculatorFooterLeftText",children:b.transferDrawer.calculator.footerText.hide}),t.jsx(Zt,{className:"calculatorFooterArrowIcon"})]}):t.jsxs(Be,{windowSize:i,onClick:()=>T(!0),"data-testid":A("calculator-footer-show"),children:[t.jsx(Fe,{className:"calculatorFooterLeftText",children:b.transferDrawer.calculator.footerText.showYieldCalculator}),t.jsx(ea,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})})}const ne=(e,r,g,$=!1,y=!1)=>{const w=e.transferMoneyParties.map(d=>{const f={label:d.label,value:d.id};return $&&(r?f.isDisabled=d.id===e?.transferDetailLocalData?.transferTo?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="paymentAccount":f.isDisabled=d.id===e.transferDetailLocalData.transferFrom?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"),f});if(y){const d={label:b.transferDrawer.selectAddAccount,value:"",type:"button",onClick:g};w.push(d)}return w},Le=(e,r)=>({transferDetails:{[He]:e.transferDetailLocalData.amount.amount===0?void 0:e.transferDetailLocalData.amount.amount,transferFrom:{allOptions:ne(e,!0,r,!0,!0),selectedOption:e.transferDetailLocalData.transferFrom?.id!=null?e.transferDetailLocalData.transferFrom?.id:Ft(e)},transferTo:{allOptions:ne(e,!1,r,!0,!1),selectedOption:e.transferDetailLocalData.transferTo?.id}}}),Ft=e=>e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accountBalance?.available?.amount===0?e.primaryPaymentAccount?.paymentAccountId:void 0,Bt=n.div`
+import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e,o as a,F as E,y as c,C as Ne,e as dt,b9 as ut,aq as ft,d as be,ai as De,al as fe,aQ as ce,fA as pt,a9 as Xe,cF as mt,aY as ht,aO as gt,p as K,ac as qe,fE as ke,fF as Ae,gc as wt,bT as ye,g6 as xt,hE as $t,u as o,fo as bt,ci as Je,c0 as Dt,f0 as yt,bK as Tt,am as Ue,fR as Ct,dv as St,c2 as Ke,gX as vt,gY as kt}from"./index-o0j-GZyM.js";import{a as u}from"./sentry-DmQUfSE7.js";import{n}from"./mui-CAW43Z2L.js";import{bL as At}from"./zeni-epic-state-C4Tt6Qhq.js";import{v as Pt}from"./ZeniTransferAmountSlider-BYbDaVKJ-CzP9xAeJ.js";import{r as Lt}from"./AccountInfoPageContent-BfoA1Gse-C7eC0yBE.js";import"./liveblocks-BZyZbty1.js";import"./core-yiE_iOc0.js";import"./recharts-Duslqfio.js";import"./lottie-HBX4-MpS.js";import"./analytics-DH0nG_g5.js";import"./lexical-DlAOaxF0.js";import"./utils-C-XuhdQM.js";import"./downloadPdf-DVqVkV_p-CELECDCw.js";import"./commonDimensions-B60Qkfnz-DxGoTy6S.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="e628d534-c427-42ea-b363-ef332fe292e6",e._sentryDebugIdIdentifier="sentry-dbid-e628d534-c427-42ea-b363-ef332fe292e6")}catch{}})();const{common:de,spendManagement:{zeniAccounts:{zeniAccountList:D}}}=E.getLocalizedStrings(),Ge="amount",jt="transferTo",Pe="transferFrom",k="transferDetails",He="transferDetailPage",ge=(e,r)=>`${e}.${r}`,Qe=e=>`${e}_form`,p={largeLabelWidth:new c(120,120,160),rowContentPaddingLeft:new c(o[3],o[4]),labeleMarginLeft:new c(o[0],o[0]),labelMarginRight:new c(o[3],o[3]),labeleMarginBottom:new c(o[2],o[0]),labeledFieldPaddingLeft:new c(o[3],o[0]),labeledFieldPaddingRight:new c(o[3],o[2]),labeledFieldPaddingTop:new c(o[3],o[3]),labeledFieldPaddingBottom:new c(o[3],o[2]),infoLabelPaddingRight:new c(o[0],o[3]),infoLabelMarginTop:new c(o[1],o[0]),controllerWrapperFlex:new c(1,o[0])};function zt({plaidConnectionDetails:e,transferDetails:r,zeniAccountsConfigDetail:g,isCalculatorOpen:$,showAnnualYieldEarned:y,transferAmount:w,yieldEarned:d,totalBalance:f,maxInsuredAmount:l,setIsCalculatorOpen:T,setShowAnnualYieldEarned:C,setTransferAmount:S,setYieldEarned:B,setTotalBalance:M,onSaveChangesToLocalStore:G,onBackClick:R,onEstablishConnectionClick:O,fireTrackTransferBetweenAccountsFormClicked:_,onFetchLinkTokenClick:H,onReviewClick:Q}){const i=ue(),I=p.largeLabelWidth.value(i),[V,j]=u.useState(!1),m=e.link_account_no_microdeposit,[v,W]=u.useState(m.linkToken??null),[x,z]=u.useState(!1),[Y,N]=u.useState(!1),Z=r.transferMoneyPartiesFetchState,oe=ce(Z),X=r.transferDetailLocalData.transferFrom?.id,ee=r.transferDetailLocalData.transferTo?.id,ie=ce(X),Te=ce(ee),pe=r.transferMoneyParties.map(s=>s.id),me=ce(pe),Ze=u.useCallback(s=>{O?.(s),R(),N(!1),z(!1)},[R,O]),et=u.useCallback((s,h)=>{s!=null&&console.log("Plaid Connection Error",s,h)},[]),{open:q,ready:te}=pt({token:v,onSuccess:Ze,onExit:et}),se=u.useCallback(s=>{s.preventDefault(),s.stopPropagation(),te?q():z(!0)},[q,te]),P=Xe({mode:"all",reValidateMode:"onBlur",defaultValues:u.useMemo(()=>Le(r,se),[r])});u.useEffect(()=>{m.fetchStatus.fetchState==="Completed"&&m.linkToken!=null&&m.linkToken!==v&&W(m.linkToken)},[m.fetchStatus.fetchState,m.linkToken,v]),u.useEffect(()=>{m.linkToken===v&&m.fetchStatus.fetchState==="Completed"&&te&&N(!0)},[te,v,m.fetchStatus,m.linkToken,m.fetchStatus.fetchState]),u.useEffect(()=>{Y&&x&&q()},[Y,q,x]),u.useEffect(()=>{(At(new Date().toISOString()).isAfter(m.expiration)||m.linkToken==null)&&H?.("link_account_no_microdeposit")},[]),u.useEffect(()=>{const s=me!=null&&JSON.stringify(me)!==JSON.stringify(pe);(oe==="In-Progress"&&Z==="Completed"||ie!==X||Te!==ee||s)&&P.reset(Le(r,()=>q()))},[te,v,m.fetchStatus.fetchState,oe,Z,ie,Te,ee,X,me,pe,P,r,q]);const{isValid:tt}=P.formState,at=async(s,h)=>{if(s!=null){const F={...h},le={amount:{amount:F[k].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:r.transferMoneyParties.find(ae=>ae.id===F[k].transferFrom.selectedOption),transferTo:r.transferMoneyParties.find(ae=>ae.id===F[k].transferTo.selectedOption)};G(le)}};u.useEffect(()=>{const s=P.watch((h,{name:F})=>{if(F!=null&&h!=null){const le=h[k]?.amount??0,ae=h[k]?.transferFrom,ot=h[k]?.transferTo,it=r.transferMoneyParties.find(he=>he.id===ae?.selectedOption),st=r.transferMoneyParties.find(he=>he.id===ot?.selectedOption);it?.accType==="paymentAccount"&&st?.accType==="depositAccount"&&le!==0?(T(!0),C(!0)):C(!1),S(le)}});return()=>{s.unsubscribe()}},[P,r.transferMoneyParties]),u.useEffect(()=>{const s=P.watch((h,{name:F})=>{F!=null&&h!=null&&mt(()=>at(F,h))});return()=>{s.unsubscribe()}}),u.useEffect(()=>{r.reviewTransferDetail.error!=null?j(!0):j(!1)},[r.reviewTransferDetail.error]);const nt=P.handleSubmit(()=>{tt&&(_("Review","Amount Details"),Q())});u.useEffect(()=>{r.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.transferDetailLocalData.transferTo.accountBalance?.available?.amount===0&&r.transferDetailLocalData.transferFrom?.id==null&&P.setValue(`${k}.${Pe}`,{selectedOption:r.primaryPaymentAccount?.paymentAccountId,allOptions:ne(r,!0,se,!0,!0)})},[r.transferDetailLocalData.transferTo?.id]);const Ce=g.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Se=Ce[Ce.length-1].annualPercentageYield.toString(),rt=ht(gt(l),l,de.currency.currencySymbol).toUpperCase();return t.jsx(t.Fragment,{children:m.fetchStatus.fetchState==="Completed"?t.jsxs(t.Fragment,{children:[V?t.jsx(Bt,{children:t.jsxs(Rt,{children:[t.jsxs(It,{children:[t.jsx(Ot,{}),t.jsxs(_t,{children:[t.jsx(Vt,{children:r.reviewTransferDetail.error?.title}),t.jsx(Wt,{children:r.reviewTransferDetail.error?.message})]})]}),t.jsx(Et,{children:t.jsx(na,{"data-testid":A("amount-details-error-close"),onClick:()=>{_("Cross","Amount Details"),j(!1)},style:{width:a.sp3,height:a.sp3,color:K.heroLight}})})]})}):null,t.jsx(Yt,{children:J("0,0.[00]",r.transferDetailLocalData.amount)}),t.jsx(qe,{...P,children:t.jsxs(Mt,{id:Qe(He),onSubmit:nt,children:[t.jsxs(ta,{children:[t.jsx(Re,{size:i,children:t.jsx(je,{label:{label:de.labels.transferFrom,width:I,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:D.transferDrawer.transferFromError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:ge(k,Pe),placeholder:D.transferDrawer.transferFromPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(s,h)=>Ae(r.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>ke(r.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferFrom?.id,allOptions:ne(r,!0,se,!0,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})}),t.jsx(Me,{}),t.jsx(Re,{size:i,children:t.jsx(aa,{size:i,children:t.jsx(je,{label:{label:de.labels.transferTo,width:I,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:D.transferDrawer.transferToError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:ge(k,jt),placeholder:D.transferDrawer.transferToPlaceholder,capitalizeOptions:!0,style:{position:"relative"},valueToLogo:(s,h)=>Ae(r.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>ke(r.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferTo?.id,allOptions:ne(r,!1,se)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})}),t.jsx(Me,{}),t.jsx(wt,{showAdditionalInfoLabel:!1,label:{label:de.labels.amount,width:I},additionalInfoLabel:D.transferDrawer.amountError,formattedTextField:{type:"number",name:ge(k,Ge),defaultValue:r.transferDetailLocalData.amount.amount===0?void 0:r.transferDetailLocalData.amount.amount,placeholder:D.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}})]}),t.jsxs(Jt,{children:[$?t.jsxs(Nt,{children:[t.jsx(Xt,{children:D.transferDrawer.calculator.heading.replace("__rate__",Se).replace("__amount__",rt)}),t.jsx(Pt,{minStep:.01,currentAccountBalance:r.transferDetailLocalData.transferTo?.accountBalance?.available?.amount??0,transferAmount:w,zeniAccountsConfigDetail:g,setYieldEarned:B,setTotalBalance:M})]}):null,t.jsxs(Ut,{windowSize:i,children:[t.jsx(Ht,{windowSize:i,children:y?t.jsxs(t.Fragment,{children:[t.jsxs(Kt,{children:[t.jsx(ze,{children:`${D.transferDrawer.calculator.footerText.annualYieldEarned} ${J("0,0",{amount:d,currencySymbol:"$"})}`}),t.jsx(ye,{variant:"small-description",display:"flex",data:D.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,placement:i==="small"?"bottom":"right",children:t.jsx(qt,{})})]}),t.jsx(Gt,{windowSize:i}),t.jsx(Qt,{children:`${D.transferDrawer.calculator.footerText.forTotalBalance} ${J("0,0",{amount:f,currencySymbol:"$"})}`})]}):t.jsx(ze,{children:D.transferDrawer.calculator.footerText.earnUptoText.replace("__rate__",Se)})}),$?t.jsxs(Be,{windowSize:i,onClick:()=>T(!1),"data-testid":A("calculator-footer-close"),children:[t.jsx(Fe,{className:"calculatorFooterLeftText",children:D.transferDrawer.calculator.footerText.hide}),t.jsx(Zt,{className:"calculatorFooterArrowIcon"})]}):t.jsxs(Be,{windowSize:i,onClick:()=>T(!0),"data-testid":A("calculator-footer-show"),children:[t.jsx(Fe,{className:"calculatorFooterLeftText",children:D.transferDrawer.calculator.footerText.showYieldCalculator}),t.jsx(ea,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})})}const ne=(e,r,g,$=!1,y=!1)=>{const w=e.transferMoneyParties.map(d=>{const f={label:d.label,value:d.id};return $&&(r?f.isDisabled=d.id===e?.transferDetailLocalData?.transferTo?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="paymentAccount":f.isDisabled=d.id===e.transferDetailLocalData.transferFrom?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"),f});if(y){const d={label:D.transferDrawer.selectAddAccount,value:"",type:"button",onClick:g};w.push(d)}return w},Le=(e,r)=>({transferDetails:{[Ge]:e.transferDetailLocalData.amount.amount===0?void 0:e.transferDetailLocalData.amount.amount,transferFrom:{allOptions:ne(e,!0,r,!0,!0),selectedOption:e.transferDetailLocalData.transferFrom?.id!=null?e.transferDetailLocalData.transferFrom?.id:Ft(e)},transferTo:{allOptions:ne(e,!1,r,!0,!1),selectedOption:e.transferDetailLocalData.transferTo?.id}}}),Ft=e=>e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accountBalance?.available?.amount===0?e.primaryPaymentAccount?.paymentAccountId:void 0,Bt=n.div`
   margin-top: ${a.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -12,29 +12,29 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Et=n.div`
+`,Rt=n.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: ${a.sp3} ${a.sp4};
-  background-color: ${G.importantLight};
+  background-color: ${K.importantLight};
   border-radius: ${a.sp2};
-`,Rt=n.div`
+`,It=n.div`
   display: flex;
   align-items: flex-start;
-`,It=n.div``,Ot=n(Dt)`
+`,Et=n.div``,Ot=n(bt)`
   width: ${a.sp4};
   height: ${a.sp4};
-  color: ${G.important};
+  color: ${K.important};
 `,_t=n.div`
   display: flex;
   flex-direction: column;
   margin-left: ${a.sp2};
 `,Vt=n(Je)`
-  color: ${G.important};
+  color: ${K.important};
 `,Wt=n(fe)`
-  color: ${G.important};
-`,Yt=n(bt)`
+  color: ${K.important};
+`,Yt=n(Dt)`
   color: ${e=>e.theme.colors.primary};
   margin: ${a.sp5} ${a.sp0} ${a.sp3} ${a.sp0};
 `,je=n(yt)`
@@ -56,7 +56,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   margin-top: ${a.sp3};
   white-space: pre-line;
 `,ze=n(Je)`
-  color: ${G.success};
+  color: ${K.success};
   white-space: nowrap;
 `,qt=n(Tt)`
   width: ${a.sp3};
@@ -77,11 +77,11 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   background-color: ${e=>e.theme.colors.grey3};
   border-bottom-right-radius: ${a.sp1};
   border-bottom-left-radius: ${a.sp1};
-`,Gt=n.div`
+`,Kt=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,Fe=n(be)`
+`,Fe=n(De)`
   color: ${e=>e.theme.colors.hero};
   cursor: pointer;
 `,Be=n.div`
@@ -98,7 +98,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ht=n.div`
+`,Gt=n.div`
   display: ${e=>e.windowSize==="small"?"none":"block"};
   width: ${a.sp1};
   height: ${a.sp1};
@@ -106,7 +106,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   margin: 0 ${a.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Kt=n.div`
+`,Ht=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
@@ -141,7 +141,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ee=n.div`
+`,Re=n.div`
   display: flex;
   flex-direction: row;
   padding: ${a.sp2};
@@ -179,9 +179,9 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,re={navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(16,40,56),containerPaddingRight:new c(16,40,56),successContentMargin:new c(o[3],o[12]),buttonTrayGap:new c(o[4],o[5])},D=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,ra=({transferDetails:e,isCalculatorOpen:r,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:y,totalBalance:w,maxInsuredAmount:d,zeniAccountsConfigDetail:f,fireTrackTransferBetweenAccountsFormClicked:l,onSaveChangesToLocalStore:T,onTransferClick:C,onDismissClick:S,onAnotherTransferClick:B,onEstablishConnectionClick:M,onBackClick:H,onFetchLinkTokenClick:E,plaidConnectionDetails:O,showReviewContent:_,setShowReviewContent:K,setCurrentDrawerContent:Q,clearReviewTransferDetail:i,onReviewClick:R,setIsCalculatorOpen:V,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W})=>{const x=ue(),z=e.reviewTransferDetail,Y=e.transferDetailLocalData.transferFrom?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount",N=()=>e.transferDetailLocalData.transferFrom?.id!=null||e.transferDetailLocalData.transferTo?.id!=null||e.transferDetailLocalData.amount.amount>0;return t.jsx(sa,{windowSize:x,children:e.fetchState==="Completed"?t.jsxs(Ie,{windowSize:x,isTransferCompleted:!0,children:[t.jsx(Oe,{windowSize:x,children:t.jsx(_e,{"data-testid":A("cross-transfer-success-close-button"),onClick:()=>{l("Cross","Transfer Success"),S?.()}})}),t.jsxs(da,{windowSize:x,children:[t.jsx(lt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(la,{children:Y?t.jsxs(t.Fragment,{children:[D.transferDrawer.internal.transferSuccessMsgPrefix,t.jsx(Re,{children:J("0,0.[00]",e.transferDetailLocalData.amount)}),D.transferDrawer.internal.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,D.transferDrawer.internal.transferSuccessMsgMidfix2,`"${e.transferDetailLocalData.transferTo?.label}".`]}):t.jsxs(t.Fragment,{children:[D.transferDrawer.external.transferSuccessMsgPrefix,t.jsx(Re,{children:J("0,0.[00]",e.transferDetailLocalData.amount)}),D.transferDrawer.external.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,D.transferDrawer.external.transferSuccessMsgMidfix1,`"${e.transferDetailLocalData.transferTo?.label}".`,z.reviewTransferMoney.isShowDailyAchLimitWarning?null:D.transferDrawer.external.transferSuccessMsgMidfix2]})}),t.jsxs(ca,{windowSize:x,children:[t.jsx(ve,{variant:"secondary",label:D.transferDrawer.anotherTransferBtn,"data-testid":A("another-transfer-button"),onClick:()=>{l("Another Transfer","Transfer Success"),W(0),V(!1),v(0),j(!1),B()},style:{minWidth:200}}),t.jsx(ve,{variant:"primary",label:D.transferDrawer.backToChecking,"data-testid":A("back-to-checking-button"),onClick:()=>{l("Back to Checking","Transfer Success"),S?.()},style:{minWidth:200}})]})]})]}):_?t.jsx(ct,{transferDetails:e,setCurrentDrawerContent:Q,setShowReviewContent:K,onTransferClick:C,clearReviewTransferDetail:i,reviewTransferDetail:z,fireTrackTransferBetweenAccountsFormClicked:l}):t.jsxs(t.Fragment,{children:[t.jsxs(Ie,{windowSize:x,isTransferCompleted:!1,children:[t.jsx(Oe,{windowSize:x,children:t.jsx(_e,{"data-testid":A("cross-amount-details-close-button"),onClick:()=>{l("Cross","Amount Details"),S?.()}})}),x==="small"?t.jsx(ua,{windowSize:x,children:D.transferDrawer.title}):t.jsx(fa,{children:D.transferDrawer.title}),x==="small"?t.jsx(ia,{children:D.transferDrawer.subTitle}):t.jsx(oa,{children:D.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?t.jsx(zt,{isCalculatorOpen:r,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:y,totalBalance:w,onBackClick:H,onSaveChangesToLocalStore:T,plaidConnectionDetails:O,transferDetails:e,zeniAccountsConfigDetail:f,onEstablishConnectionClick:M,onFetchLinkTokenClick:E,onReviewClick:R,setIsCalculatorOpen:V,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W,fireTrackTransferBetweenAccountsFormClicked:l,maxInsuredAmount:d}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),N()?t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Qe(Ke),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:I.getLocalizedStrings().common.review,isLoading:z.fetchState==="In-Progress"},cancelBtn:{label:D.transferDrawer.cancelBtn,onClick:()=>{l("Cancel","Amount Details"),S?.()}}}):null]})})},oa=n(fe)`
+`,re={navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(16,40,56),containerPaddingRight:new c(16,40,56),successContentMargin:new c(o[3],o[12]),buttonTrayGap:new c(o[4],o[5])},b=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,ra=({transferDetails:e,isCalculatorOpen:r,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:y,totalBalance:w,maxInsuredAmount:d,zeniAccountsConfigDetail:f,fireTrackTransferBetweenAccountsFormClicked:l,onSaveChangesToLocalStore:T,onTransferClick:C,onDismissClick:S,onAnotherTransferClick:B,onEstablishConnectionClick:M,onBackClick:G,onFetchLinkTokenClick:R,plaidConnectionDetails:O,showReviewContent:_,setShowReviewContent:H,setCurrentDrawerContent:Q,clearReviewTransferDetail:i,onReviewClick:I,setIsCalculatorOpen:V,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W})=>{const x=ue(),z=e.reviewTransferDetail,Y=e.transferDetailLocalData.transferFrom?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount",N=()=>e.transferDetailLocalData.transferFrom?.id!=null||e.transferDetailLocalData.transferTo?.id!=null||e.transferDetailLocalData.amount.amount>0;return t.jsx(sa,{windowSize:x,children:e.fetchState==="Completed"?t.jsxs(Ee,{windowSize:x,isTransferCompleted:!0,children:[t.jsx(Oe,{windowSize:x,children:t.jsx(_e,{"data-testid":A("cross-transfer-success-close-button"),onClick:()=>{l("Cross","Transfer Success"),S?.()}})}),t.jsxs(da,{windowSize:x,children:[t.jsx(lt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(la,{children:Y?t.jsxs(t.Fragment,{children:[b.transferDrawer.internal.transferSuccessMsgPrefix,t.jsx(Ie,{children:J("0,0.[00]",e.transferDetailLocalData.amount)}),b.transferDrawer.internal.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,b.transferDrawer.internal.transferSuccessMsgMidfix2,`"${e.transferDetailLocalData.transferTo?.label}".`]}):t.jsxs(t.Fragment,{children:[b.transferDrawer.external.transferSuccessMsgPrefix,t.jsx(Ie,{children:J("0,0.[00]",e.transferDetailLocalData.amount)}),b.transferDrawer.external.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,b.transferDrawer.external.transferSuccessMsgMidfix1,`"${e.transferDetailLocalData.transferTo?.label}".`,z.reviewTransferMoney.isShowDailyAchLimitWarning?null:b.transferDrawer.external.transferSuccessMsgMidfix2]})}),t.jsxs(ca,{windowSize:x,children:[t.jsx(ve,{variant:"secondary",label:b.transferDrawer.anotherTransferBtn,"data-testid":A("another-transfer-button"),onClick:()=>{l("Another Transfer","Transfer Success"),W(0),V(!1),v(0),j(!1),B()},style:{minWidth:200}}),t.jsx(ve,{variant:"primary",label:b.transferDrawer.backToChecking,"data-testid":A("back-to-checking-button"),onClick:()=>{l("Back to Checking","Transfer Success"),S?.()},style:{minWidth:200}})]})]})]}):_?t.jsx(ct,{transferDetails:e,setCurrentDrawerContent:Q,setShowReviewContent:H,onTransferClick:C,clearReviewTransferDetail:i,reviewTransferDetail:z,fireTrackTransferBetweenAccountsFormClicked:l}):t.jsxs(t.Fragment,{children:[t.jsxs(Ee,{windowSize:x,isTransferCompleted:!1,children:[t.jsx(Oe,{windowSize:x,children:t.jsx(_e,{"data-testid":A("cross-amount-details-close-button"),onClick:()=>{l("Cross","Amount Details"),S?.()}})}),x==="small"?t.jsx(ua,{windowSize:x,children:b.transferDrawer.title}):t.jsx(fa,{children:b.transferDrawer.title}),x==="small"?t.jsx(ia,{children:b.transferDrawer.subTitle}):t.jsx(oa,{children:b.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?t.jsx(zt,{isCalculatorOpen:r,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:y,totalBalance:w,onBackClick:G,onSaveChangesToLocalStore:T,plaidConnectionDetails:O,transferDetails:e,zeniAccountsConfigDetail:f,onEstablishConnectionClick:M,onFetchLinkTokenClick:R,onReviewClick:I,setIsCalculatorOpen:V,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W,fireTrackTransferBetweenAccountsFormClicked:l,maxInsuredAmount:d}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),N()?t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Qe(He),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:E.getLocalizedStrings().common.review,isLoading:z.fetchState==="In-Progress"},cancelBtn:{label:b.transferDrawer.cancelBtn,onClick:()=>{l("Cancel","Amount Details"),S?.()}}}):null]})})},oa=n(fe)`
   color: ${e=>e.theme.colors.hero};
-`,ia=n(be)`
+`,ia=n(De)`
   color: ${e=>e.theme.colors.hero};
 `,sa=n.div`
   display: flex;
@@ -193,9 +193,9 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
 `,la=n(dt)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Re=n(ut)`
+`,Ie=n(ut)`
   display: inline;
-`,Ie=n.div`
+`,Ee=n.div`
   height: ${e=>e.isTransferCompleted?"100%":"auto"};
   padding-left: ${e=>`${re.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${re.containerPaddingRight.valuePx(e.windowSize)}`};
@@ -237,11 +237,11 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   margin-top: ${a.sp3};
   margin-bottom: ${a.sp0};
   margin-right: ${a.sp3};
-`,fa=n(De)`
+`,fa=n(be)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${a.sp3};
   margin-bottom: ${a.sp2};
-`,U={accountRowLeftRightPadding:new c(o[3],o[3]),zeniAccountListPaddingBottom:new c(o[3],o[6]),navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(o[3],o[6],o[8]),containerPaddingRight:new c(o[3],o[6],o[8])},Ve="wireTransferDetailPage",We=e=>`${e}_form`,pa=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,we=I.getLocalizedStrings().common,ma=e=>t.jsx(va,{color:vt(e)}),ha=({depositAccountListView:e,setCurrentDrawerContent:r,selectedAccount:g,setShowWireAccountInfo:$,setSelectedAccount:y,fireTrackTransferBetweenAccountsFormClicked:w})=>{const d=Xe({mode:"all",reValidateMode:"onChange",defaultValues:{selectedAccountId:g?.id}}),f=ue();return u.useEffect(()=>{const l=d.watch(()=>{const T=e.depositAccounts.find(C=>C.id===d.getValues("selectedAccountId"));y(T)});return()=>{l.unsubscribe()}}),e.fetchState!="Completed"?t.jsx(xt,{fetchState:e.fetchState}):t.jsxs(t.Fragment,{children:[t.jsxs(ga,{windowSize:f,children:[t.jsx(Ca,{windowSize:f,children:t.jsx(ye,{style:{marginTop:a.sp1},title:we.navBar.back,enterDelay:600,placement:"bottom",children:t.jsx(Ta,{"data-testid":A("select-zeni-account-back-button"),onClick:()=>{w("Back","Select Account for Split Transfer"),r("achTransfer")}})})}),t.jsx(Sa,{windowSize:f,children:pa.selectYour}),t.jsx(qe,{...d,children:t.jsx("form",{id:We(Ve),onSubmit:d.handleSubmit(()=>{w("Next","Select Account for Split Transfer"),$(!0)}),children:t.jsx(ya,{windowSize:f,children:e.depositAccounts.map((l,T)=>t.jsx(ba,{isClickEnabled:!0,windowSize:f,"data-testid":A("deposit-account-click",l.id),onClick:()=>d.setValue("selectedAccountId",l.id),children:t.jsxs(wa,{children:[t.jsx($t,{name:"selectedAccountId",id:l.id,value:l.id,radioSize:"small",style:{marginRight:8}}),ma(T),t.jsxs(xa,{children:[t.jsx(Da,{windowSize:f,children:l.accountName}),t.jsx($a,{children:J("0,0[.]00",l.accountBalance?.available)})]})]})},l.id))})})})]}),g!=null?t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:We(Ve),cancelBtn:{label:we.cancel,onClick:()=>{w("Cancel","Select Account for Split Transfer"),r("achTransfer")},style:{width:93}},primaryBtn:{label:we.next,style:{width:93}}}):null]})},ga=n.div`
+`,U={accountRowLeftRightPadding:new c(o[3],o[3]),zeniAccountListPaddingBottom:new c(o[3],o[6]),navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(o[3],o[6],o[8]),containerPaddingRight:new c(o[3],o[6],o[8])},Ve="wireTransferDetailPage",We=e=>`${e}_form`,pa=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,we=E.getLocalizedStrings().common,ma=e=>t.jsx(va,{color:vt(e)}),ha=({depositAccountListView:e,setCurrentDrawerContent:r,selectedAccount:g,setShowWireAccountInfo:$,setSelectedAccount:y,fireTrackTransferBetweenAccountsFormClicked:w})=>{const d=Xe({mode:"all",reValidateMode:"onChange",defaultValues:{selectedAccountId:g?.id}}),f=ue();return u.useEffect(()=>{const l=d.watch(()=>{const T=e.depositAccounts.find(C=>C.id===d.getValues("selectedAccountId"));y(T)});return()=>{l.unsubscribe()}}),e.fetchState!="Completed"?t.jsx(xt,{fetchState:e.fetchState}):t.jsxs(t.Fragment,{children:[t.jsxs(ga,{windowSize:f,children:[t.jsx(Ca,{windowSize:f,children:t.jsx(ye,{style:{marginTop:a.sp1},title:we.navBar.back,enterDelay:600,placement:"bottom",children:t.jsx(Ta,{"data-testid":A("select-zeni-account-back-button"),onClick:()=>{w("Back","Select Account for Split Transfer"),r("achTransfer")}})})}),t.jsx(Sa,{windowSize:f,children:pa.selectYour}),t.jsx(qe,{...d,children:t.jsx("form",{id:We(Ve),onSubmit:d.handleSubmit(()=>{w("Next","Select Account for Split Transfer"),$(!0)}),children:t.jsx(ya,{windowSize:f,children:e.depositAccounts.map((l,T)=>t.jsx(Da,{isClickEnabled:!0,windowSize:f,"data-testid":A("deposit-account-click",l.id),onClick:()=>d.setValue("selectedAccountId",l.id),children:t.jsxs(wa,{children:[t.jsx($t,{name:"selectedAccountId",id:l.id,value:l.id,radioSize:"small",style:{marginRight:8}}),ma(T),t.jsxs(xa,{children:[t.jsx(ba,{windowSize:f,children:l.accountName}),t.jsx($a,{children:J("0,0[.]00",l.accountBalance?.available)})]})]})},l.id))})})})]}),g!=null?t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:We(Ve),cancelBtn:{label:we.cancel,onClick:()=>{w("Cancel","Select Account for Split Transfer"),r("achTransfer")},style:{width:93}},primaryBtn:{label:we.next,style:{width:93}}}):null]})},ga=n.div`
   height: auto;
   padding-left: ${e=>`${U.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${U.containerPaddingRight.valuePx(e.windowSize)}`};
@@ -261,12 +261,12 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   color: ${e=>e.theme.colors.grey1};
   position: relative;
   top: -${a.sp1};
-`,Da=n(be)`
+`,ba=n(De)`
   color: ${e=>e.theme.colors.hero};
   max-width: ${`calc(100% - ${a.sp3})`};
   text-transform: capitalize;
   overflow: hidden;
-`,ba=n.div`
+`,Da=n.div`
   padding-left: ${e=>U.accountRowLeftRightPadding.valuePx(e.windowSize)};
   padding-right: ${e=>U.accountRowLeftRightPadding.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.grey5};
@@ -286,7 +286,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   }
 `,ya=n.div`
   padding-bottom: ${e=>U.zeniAccountListPaddingBottom.valuePx(e.windowSize)};
-`,Ta=n(Ge)`
+`,Ta=n(Ke)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp4};
@@ -305,7 +305,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   padding: ${e=>`${U.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Sa=n(De)`
+`,Sa=n(be)`
   color: ${e=>e.theme.colors.primary};
   padding: ${a.sp3} ${a.sp0} ${a.sp5} ${a.sp0};
 `,va=n(kt)`
@@ -315,7 +315,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   margin-right: ${a.sp2};
   padding: 12px ${a.sp0};
   box-sizing: content-box;
-`,{common:{navBar:{back:ka}}}=I.getLocalizedStrings(),L={pageTitleMarginXAxis:new c(o[0],o[8]),navBarContainerPaddingXaxis:new c(10,19),pageContentPaddingLeftRight:new c(o[3],o[0]),navBarContainerMarginLeftRight:new c(o[0],o[8]),descriptionMarginLeftRight:new c(o[0],o[8]),accountInfoPageWrapperMarginLeft:new c(o[0],o[8]),accountInfoPageWrapperMarginRight:new c(o[0],o[5]),accountInfoPageWrapperMarginBottom:new c(o[5],o[8])},xe=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,Aa=({authParams:e,downloadAccountDetailEndPoint:r,depositAccount:g,zeniAccountsConfigDetail:$,currentTenant:y,onDismissClick:w,fireTrackTransferBetweenAccountsFormClicked:d,setShowWireAccountInfo:f})=>{const l=ue();return t.jsxs(t.Fragment,{children:[t.jsxs(La,{windowSize:l,children:[t.jsx(za,{windowSize:l,children:t.jsx(ye,{title:ka,enterDelay:600,placement:"bottom",children:t.jsx(ja,{"data-testid":A("wire-transfer-account-info-back-button"),onClick:()=>{d("Back","Wire Transfer Details"),f(!1)}})})}),t.jsx(Ma,{windowSize:l,children:xe.wireInstruction.replace("__accountName__",g.accountName)}),t.jsx(Fa,{windowSize:l,children:t.jsx(Ba,{children:xe.wireTransferDescriptionLine1})}),t.jsx(Pa,{windowSize:l,children:t.jsx(Lt,{authParams:e,downloadAccountDetailEndPoint:r,currentTab:"wireDetails",zeniAccountsConfigDetail:$,currentTenant:y,depositAccount:g})})]}),t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},cancelBtn:{label:""},primaryBtn:{label:xe.backToChecking,onClick:()=>{d("Back to Checking","Wire Transfer Details"),w()}},showCancel:!1,showPrimaryButton:!0})]})},Pa=n.div`
+`,{common:{navBar:{back:ka}}}=E.getLocalizedStrings(),L={pageTitleMarginXAxis:new c(o[0],o[8]),navBarContainerPaddingXaxis:new c(10,19),pageContentPaddingLeftRight:new c(o[3],o[0]),navBarContainerMarginLeftRight:new c(o[0],o[8]),descriptionMarginLeftRight:new c(o[0],o[8]),accountInfoPageWrapperMarginLeft:new c(o[0],o[8]),accountInfoPageWrapperMarginRight:new c(o[0],o[5]),accountInfoPageWrapperMarginBottom:new c(o[5],o[8])},xe=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,Aa=({authParams:e,downloadAccountDetailEndPoint:r,depositAccount:g,zeniAccountsConfigDetail:$,currentTenant:y,onDismissClick:w,fireTrackTransferBetweenAccountsFormClicked:d,setShowWireAccountInfo:f})=>{const l=ue();return t.jsxs(t.Fragment,{children:[t.jsxs(La,{windowSize:l,children:[t.jsx(za,{windowSize:l,children:t.jsx(ye,{title:ka,enterDelay:600,placement:"bottom",children:t.jsx(ja,{"data-testid":A("wire-transfer-account-info-back-button"),onClick:()=>{d("Back","Wire Transfer Details"),f(!1)}})})}),t.jsx(Ma,{windowSize:l,children:xe.wireInstruction.replace("__accountName__",g.accountName)}),t.jsx(Fa,{windowSize:l,children:t.jsx(Ba,{children:xe.wireTransferDescriptionLine1})}),t.jsx(Pa,{windowSize:l,children:t.jsx(Lt,{authParams:e,downloadAccountDetailEndPoint:r,currentTab:"wireDetails",zeniAccountsConfigDetail:$,currentTenant:y,depositAccount:g})})]}),t.jsx($e,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},cancelBtn:{label:""},primaryBtn:{label:xe.backToChecking,onClick:()=>{d("Back to Checking","Wire Transfer Details"),w()}},showCancel:!1,showPrimaryButton:!0})]})},Pa=n.div`
   margin-left: ${e=>`${L.accountInfoPageWrapperMarginLeft.valuePx(e.windowSize)}`};
   margin-right: ${e=>`${L.accountInfoPageWrapperMarginRight.valuePx(e.windowSize)}`};
   margin-bottom: ${e=>`${L.accountInfoPageWrapperMarginBottom.valuePx(e.windowSize)}`};
@@ -323,7 +323,7 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   height: auto;
   padding: ${e=>`${a.sp0} ${L.pageContentPaddingLeftRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,ja=n(Ge)`
+`,ja=n(Ke)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp4};
@@ -348,11 +348,11 @@ import{V as t,J as ue,aP as A,hu as lt,aN as J,r as ve,hD as ct,T as Ye,aR as $e
   margin-left: ${e=>L.descriptionMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>L.descriptionMarginLeftRight.valuePx(e.windowSize)};
   margin-bottom: ${a.sp7};
-`,Ba=n.div``,Ma=n(De)`
+`,Ba=n.div``,Ma=n(be)`
   color: ${e=>e.theme.colors.primary};
   padding: ${a.sp3} ${a.sp0} ${a.sp2} ${a.sp0};
   margin: ${e=>`${a.sp0} ${L.pageTitleMarginXAxis.valuePx(e.windowSize)} `};
-`,Ea=({zeniAccountsConfigDetail:e,depositAccountListView:r,downloadAccountDetailEndPoint:g,authParams:$,selectedAccountId:y,currentTenant:w,setCurrentDrawerContent:d,fireTrackTransferBetweenAccountsFormClicked:f,onDismissClick:l})=>{const[T,C]=u.useState(!1),[S,B]=u.useState(r.depositAccounts.find(M=>M.id===y));return T&&S!=null?t.jsx(Aa,{downloadAccountDetailEndPoint:g,authParams:$,currentTenant:w,zeniAccountsConfigDetail:e,depositAccount:S,onDismissClick:l,setShowWireAccountInfo:C,fireTrackTransferBetweenAccountsFormClicked:f}):t.jsx(ha,{depositAccountListView:r,setCurrentDrawerContent:d,selectedAccount:S,setShowWireAccountInfo:C,setSelectedAccount:B,fireTrackTransferBetweenAccountsFormClicked:f})},Za=({transferDetails:e,zeniAccountsConfigDetail:r,depositAccountListView:g,maxInsuredAmount:$,currentTenant:y,showReviewContent:w,currentDrawerContent:d,downloadAccountDetailEndPoint:f,authParams:l,analytics:T,setCurrentDrawerContent:C,setShowReviewContent:S,onSaveChangesToLocalStore:B,onTransferClick:M,onReviewClick:H,onDismissClick:E,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:K,clearReviewTransferDetail:Q,onFetchLinkTokenClick:i,plaidConnectionDetails:R})=>{const[V,j]=u.useState(!1),[m,v]=u.useState(!1),[W,x]=u.useState(0),[z,Y]=u.useState(0),[N,Z]=u.useState(0),oe=()=>{const X=(ee,ie)=>T.trackTransferBetweenAccountsFormClicked(ee,ie,e.transferDetailLocalData.transferFrom?.label,e.transferDetailLocalData.transferTo?.label,e.transferDetailLocalData.amount.amount,e.reviewTransferDetail.reviewTransferMoney.isShowDailyAchLimitWarning,e.reviewTransferDetail.reviewTransferMoney.transferSchedules.length,e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.zeniAccountsConfigDetail.depositProductConfig.depositProducts?.[0].range?.[1]!=null&&e.transferDetailLocalData.amount.amount>r.zeniAccountsConfigDetail.depositProductConfig.depositProducts[0].range[1]);return d==="achTransfer"?t.jsx(ra,{transferDetails:e,isCalculatorOpen:V,showAnnualYieldEarned:m,transferAmount:W,yieldEarned:z,totalBalance:N,zeniAccountsConfigDetail:r,fireTrackTransferBetweenAccountsFormClicked:X,onSaveChangesToLocalStore:B,onTransferClick:M,onDismissClick:E,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:K,onFetchLinkTokenClick:i,plaidConnectionDetails:R,setCurrentDrawerContent:C,clearReviewTransferDetail:Q,onReviewClick:H,setShowReviewContent:S,showReviewContent:w,setIsCalculatorOpen:j,setShowAnnualYieldEarned:v,setTransferAmount:x,setYieldEarned:Y,setTotalBalance:Z,maxInsuredAmount:$}):t.jsx(Ea,{zeniAccountsConfigDetail:r,depositAccountListView:g,selectedAccountId:e.transferDetailLocalData.transferTo?.id,currentTenant:y,downloadAccountDetailEndPoint:f,authParams:l,fireTrackTransferBetweenAccountsFormClicked:X,setCurrentDrawerContent:C,onDismissClick:E})};return t.jsx(Ra,{children:oe()})},Ra=n.div`
+`,Ra=({zeniAccountsConfigDetail:e,depositAccountListView:r,downloadAccountDetailEndPoint:g,authParams:$,selectedAccountId:y,currentTenant:w,setCurrentDrawerContent:d,fireTrackTransferBetweenAccountsFormClicked:f,onDismissClick:l})=>{const[T,C]=u.useState(!1),[S,B]=u.useState(r.depositAccounts.find(M=>M.id===y));return T&&S!=null?t.jsx(Aa,{downloadAccountDetailEndPoint:g,authParams:$,currentTenant:w,zeniAccountsConfigDetail:e,depositAccount:S,onDismissClick:l,setShowWireAccountInfo:C,fireTrackTransferBetweenAccountsFormClicked:f}):t.jsx(ha,{depositAccountListView:r,setCurrentDrawerContent:d,selectedAccount:S,setShowWireAccountInfo:C,setSelectedAccount:B,fireTrackTransferBetweenAccountsFormClicked:f})},Za=({transferDetails:e,zeniAccountsConfigDetail:r,depositAccountListView:g,maxInsuredAmount:$,currentTenant:y,showReviewContent:w,currentDrawerContent:d,downloadAccountDetailEndPoint:f,authParams:l,analytics:T,setCurrentDrawerContent:C,setShowReviewContent:S,onSaveChangesToLocalStore:B,onTransferClick:M,onReviewClick:G,onDismissClick:R,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:H,clearReviewTransferDetail:Q,onFetchLinkTokenClick:i,plaidConnectionDetails:I})=>{const[V,j]=u.useState(!1),[m,v]=u.useState(!1),[W,x]=u.useState(0),[z,Y]=u.useState(0),[N,Z]=u.useState(0),oe=()=>{const X=(ee,ie)=>T.trackTransferBetweenAccountsFormClicked(ee,ie,e.transferDetailLocalData.transferFrom?.label,e.transferDetailLocalData.transferTo?.label,e.transferDetailLocalData.amount.amount,e.reviewTransferDetail.reviewTransferMoney.isShowDailyAchLimitWarning,e.reviewTransferDetail.reviewTransferMoney.transferSchedules.length,e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.zeniAccountsConfigDetail.depositProductConfig.depositProducts?.[0].range?.[1]!=null&&e.transferDetailLocalData.amount.amount>r.zeniAccountsConfigDetail.depositProductConfig.depositProducts[0].range[1]);return d==="achTransfer"?t.jsx(ra,{transferDetails:e,isCalculatorOpen:V,showAnnualYieldEarned:m,transferAmount:W,yieldEarned:z,totalBalance:N,zeniAccountsConfigDetail:r,fireTrackTransferBetweenAccountsFormClicked:X,onSaveChangesToLocalStore:B,onTransferClick:M,onDismissClick:R,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:H,onFetchLinkTokenClick:i,plaidConnectionDetails:I,setCurrentDrawerContent:C,clearReviewTransferDetail:Q,onReviewClick:G,setShowReviewContent:S,showReviewContent:w,setIsCalculatorOpen:j,setShowAnnualYieldEarned:v,setTransferAmount:x,setYieldEarned:Y,setTotalBalance:Z,maxInsuredAmount:$}):t.jsx(Ra,{zeniAccountsConfigDetail:r,depositAccountListView:g,selectedAccountId:e.transferDetailLocalData.transferTo?.id,currentTenant:y,downloadAccountDetailEndPoint:f,authParams:l,fireTrackTransferBetweenAccountsFormClicked:X,setCurrentDrawerContent:C,onDismissClick:R})};return t.jsx(Ia,{children:oe()})},Ia=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};