https://myka.ng/assets/WalletTransactionsPage-BitKjmts.js

1import{d as T,r as t,j as e}from"./vendor-react-DfYGAhtm.js";import{q as W}from"./vendor-icons-1odZwi-b.js";import{S as w,m as d}from"./index-DsBgCU7r.js";import{u as P,g as k}from"./walletApi-DyFgHNVA.js";import{d as C}from"./walletTransactionsApi-XVVIq8MJ.js";import{T as E,a as L,b as z}from"./TransactionsEmptyState-BLgcUNnO.js";import{a as p,h as o,F as h,n as A,T as b,s as F,S as I}from"./vendor-ui-DA_r9yXk.js";import"./vendor-state-BsBVN-fX.js";import"./vendor-forms-BP-7CbAP.js";import"./Modal-DS-VW05m.js";const D=()=>{const j=T(),x=t.useRef(null),[R,g]=t.useState(null),{virtualAccount:v,isLoading:y}=P(),m=k(v)||void 0,{transactions:r,isLoading:N,isFetchingNextPage:n,hasNextPage:i,fetchNextPage:l}=C({accountNo:m}),c=y||!!m&&N,f=t.useRef({fetchNextPage:l,hasNextPage:i,isFetchingNextPage:n});return t.useEffect(()=>{f.current={fetchNextPage:l,hasNextPage:i,isFetchingNextPage:n}},[l,i,n]),t.useEffect(()=>{const s=x.current;if(!s)return;const a=new IntersectionObserver(S=>{const u=f.current;S[0]?.isIntersecting&&u.hasNextPage&&!u.isFetchingNextPage&&u.fetchNextPage()},{rootMargin:"240px"});return a.observe(s),()=>a.disconnect()},[r.length]),e.jsxs(p,{w:"100%",borderWidth:{base:0,md:"1px"},borderColor:"rgba(120, 53, 13, 0.08)",borderRadius:{base:0,md:"20px"},p:{base:0,md:8},minH:{md:"400px"},children:[e.jsxs(o,{gap:5,w:"100%",children:[e.jsxs(h,{align:"flex-start",gap:3,children:[e.jsx(A,{"aria-label":"Go back",variant:"outline",size:"sm",borderRadius:"full",borderColor:"rgba(31, 54, 95, 0.16)",onClick:()=>j(`/${w.Wallet}`),children:e.jsx(W,{})}),e.jsxs(o,{gap:.5,children:[e.jsx(b,{fontSize:"xl",fontWeight:"bold",color:d.navy[500],children:"Transactions"}),e.jsx(b,{fontSize:"sm",color:d.text.gray,children:"View your wallet activity"})]})]}),c?e.jsx(o,{gap:3,children:Array.from({length:5}).map((s,a)=>e.jsx(F,{height:"78px",borderRadius:"16px"},a))}):null,!c&&r.length===0?e.jsx(E,{}):null,!c&&r.length>0?e.jsxs(o,{gap:3,children:[r.map(s=>e.jsx(L,{transaction:s,onClick:()=>g(s.refNumber)},s.id)),e.jsx(p,{ref:x,h:"1px","aria-hidden":!0}),n?e.jsx(h,{justify:"center",py:2,children:e.jsx(I,{size:"sm",color:d.orange[500]})}):null]}):null]}),e.jsx(z,{reference:R,onClose:()=>g(null)})]})};export{D as default};