@liberfi.io/ui-predict 4.0.87 → 4.0.89

package/dist/index.mjs

@@ -33,7 +33,7 @@ import {createContext,memo,useRef,forwardRef,useState,useImperativeHandle,useMem
 @media(max-width:767px){.evt-card-grid{grid-template-columns:1fr!important}}
 @media(min-width:768px) and (max-width:1023px){.evt-card-grid{grid-template-columns:repeat(2,1fr)!important}}
 @media(min-width:1024px) and (max-width:1279px){.evt-card-grid{grid-template-columns:repeat(3,1fr)!important}}
-`}),jsx("div",{className:"evt-card-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)"},children:e.map((g,b)=>g==null?null:jsx("div",{style:{padding:cm,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsx(Wi,{event:g,href:s?.(g),LinkComponent:a,onSelect:n,onSelectOutcome:i,onHover:l,marketDataCapability:m,marketDataEvent:u?.(g)})},`${g.source}-${g.slug}`))}),jsx("div",{ref:p,style:{display:"flex",flexDirection:"column",alignItems:"center",gap:8,padding:"16px 0",minHeight:1},children:r&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,color:"var(--color-text-muted)",fontSize:13},children:[jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{animation:"evt-load-spin 1s linear infinite"},children:jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),c("predict.events.loadMore")]})}),f&&jsx(dm,{onScrollToTop:d})]})}function dm({onScrollToTop:e}){let{t}=useTranslation();return jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-y-4 py-6",children:[jsxs("div",{className:"flex w-full items-center justify-center gap-x-4",children:[jsx("div",{className:"h-px w-16 bg-surface-strong"}),jsx("span",{className:"text-xs font-medium text-text-muted",children:t("predict.event.endOfList")}),jsx("div",{className:"h-px w-16 bg-surface-strong"})]}),jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-text-secondary",onClick:e,children:[jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsx("span",{children:t("predict.event.backToTop")})]})]})}function Vi({tagSlugSelection:e,limit:t=24,status:r,sort_by:o,sort_asc:n,source:i,with_markets:s,timeRemaining:a,minVolume:l,minLiquidity:m,markets_limit:u,lang:c,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:v,getMarketDataEvent:S}){let{data:x,hasMore:y,fetchMore:h,isFetching:k,isFetchingMore:N,isError:w,error:P,refetch:M}=Ai({tagSlugSelection:e,limit:t,status:r,sort_by:o,sort_asc:n,source:i,with_markets:s,timeRemaining:a,minVolume:l,minLiquidity:m,markets_limit:u,lang:c});return k&&x.length===0?jsx(Sn,{count:24}):w&&x.length===0?jsx($i,{error:P,onRetry:M}):x.length===0?jsx($i,{}):jsxs(Fragment,{children:[w&&jsx($i,{error:P,onRetry:M,compact:true}),jsx(Ki,{events:x,hasMore:y,isFetchingMore:N,onFetchMore:h,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:v,getMarketDataEvent:S})]})}function $i({error:e,onRetry:t,compact:r=false}){let{t:o}=useTranslation(),n=e?.name==="TimeoutError";return jsxs("div",{role:e?"alert":"status","data-testid":e?"events-error-state":"events-empty-state",style:{minHeight:r?0:280,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:r?8:12,padding:r?"12px 16px":0,margin:r?"8px":0,border:r?"1px solid var(--color-border-default)":void 0,borderRadius:r?12:void 0,background:r?"var(--color-surface-raised)":void 0,color:"var(--color-text-muted)",textAlign:"center"},children:[jsx("span",{className:e?"iconify ph--warning-circle":"iconify ph--tray",style:{width:32,height:32},"aria-hidden":"true"}),jsx("p",{style:{margin:0,fontSize:14},children:o(e?n?"predict.events.loadTimedOut":"predict.events.loadFailed":"predict.events.empty")}),e&&t&&jsx("button",{type:"button",onClick:t,style:{minHeight:36,padding:"0 16px",borderRadius:18,border:"1px solid var(--color-border-default)",background:"var(--color-surface-raised)",color:"var(--color-text-primary)",cursor:"pointer"},children:o("predict.events.retry")})]})}function gm({onSelect:e,onSelectOutcome:t,getEventHref:r,LinkComponent:o,onHover:n,onInsufficientBalance:i,enableKalshi:s=true,lang:a,marketDataCapability:l,getMarketDataEvent:m}){let[u,c]=useState({categorySlug:null,tagSlug:null}),[p,d]=useState(()=>s?Jr:{...Jr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=useDisclosure(),{onOpen:v}=useAsyncModal(Qr),S=useCallback((M,T,A)=>{t?.(M,T,A),v({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,v,i]),x=useCallback(M=>{c(M);},[]),y=useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),h=useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=useCallback(M=>{d(M);},[]),N=useMemo(()=>Ii[p.sortPreset].sort_by,[p.sortPreset]),w=useMemo(()=>yn(p,s),[p,s]),P=useMemo(()=>jsx(Di,{sortPreset:p.sortPreset,onSortChange:y,sortAsc:p.sortAsc,onSortAscChange:h,onFilterPress:g,filterCount:w}),[p.sortPreset,p.sortAsc,w,y,h,g]);return jsxs("div",{style:{minHeight:"100vh",position:"relative",width:"100%",maxWidth:1680,margin:"0 auto"},children:[jsx("div",{style:{position:"sticky",top:0,zIndex:40,background:"rgba(10,10,11,0.8)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",borderBottom:"1px solid var(--color-border-subtle)"},children:jsx(vi,{onSelect:x,trailing:P})}),jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsx(_i,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsx(Vi,{tagSlugSelection:u,lang:a,sort_by:N,sort_asc:p.sortAsc,source:p.source,timeRemaining:p.timeRemaining,minVolume:p.minVolume,minLiquidity:p.minLiquidity,onSelect:e,onSelectOutcome:S,getEventHref:r,LinkComponent:o,onHover:n,marketDataCapability:l,getMarketDataEvent:m})]}),jsx(Ro,{})]})}function el(e){return formatAmountInUsd(e)}var xm=[{key:"total_events",labelKey:"predict.events.stats.totalEvents",format:e=>formatAmount(e),valueColor:"#c7ff2e",gradientFrom:"rgba(199,255,46,0.18)",gradientTo:"rgba(199,255,46,0.04)"},{key:"total_volume_24h",labelKey:"predict.events.stats.volume24h",format:el,valueColor:"#f76816",gradientFrom:"rgba(247,104,22,0.18)",gradientTo:"rgba(247,104,22,0.04)"},{key:"avg_liquidity",labelKey:"predict.events.stats.avgLiquidity",format:el,valueColor:"#17c964",gradientFrom:"rgba(23,201,100,0.18)",gradientTo:"rgba(23,201,100,0.04)"},{key:"active_sources",labelKey:"predict.events.stats.activeSources",format:e=>formatAmount(e),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function bm({stats:e}){let{t}=useTranslation();return jsxs(Fragment,{children:[jsx("style",{children:`
+`}),jsx("div",{className:"evt-card-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)"},children:e.map((g,b)=>g==null?null:jsx("div",{style:{padding:cm,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsx(Wi,{event:g,href:s?.(g),LinkComponent:a,onSelect:n,onSelectOutcome:i,onHover:l,marketDataCapability:m,marketDataEvent:u?.(g)})},`${g.source}-${g.slug}`))}),jsx("div",{ref:p,style:{display:"flex",flexDirection:"column",alignItems:"center",gap:8,padding:"16px 0",minHeight:1},children:r&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,color:"var(--color-text-muted)",fontSize:13},children:[jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{animation:"evt-load-spin 1s linear infinite"},children:jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),c("predict.events.loadMore")]})}),f&&jsx(dm,{onScrollToTop:d})]})}function dm({onScrollToTop:e}){let{t}=useTranslation();return jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-y-4 py-6",children:[jsxs("div",{className:"flex w-full items-center justify-center gap-x-4",children:[jsx("div",{className:"h-px w-16 bg-surface-strong"}),jsx("span",{className:"text-xs font-medium text-text-muted",children:t("predict.event.endOfList")}),jsx("div",{className:"h-px w-16 bg-surface-strong"})]}),jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-text-secondary",onClick:e,children:[jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsx("span",{children:t("predict.event.backToTop")})]})]})}function Vi({tagSlugSelection:e,limit:t=24,status:r,sort_by:o,sort_asc:n,source:i,with_markets:s,timeRemaining:a,minVolume:l,minLiquidity:m,markets_limit:u,lang:c,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:v,getMarketDataEvent:S}){let{data:x,hasMore:y,fetchMore:h,isFetching:k,isFetchingMore:N,isError:w,error:P,refetch:M}=Ai({tagSlugSelection:e,limit:t,status:r,sort_by:o,sort_asc:n,source:i,with_markets:s,timeRemaining:a,minVolume:l,minLiquidity:m,markets_limit:u,lang:c});return k&&x.length===0?jsx(Sn,{count:24}):w&&x.length===0?jsx($i,{error:P,onRetry:M}):x.length===0?jsx($i,{}):jsxs(Fragment,{children:[w&&jsx($i,{error:P,onRetry:M,compact:true}),jsx(Ki,{events:x,hasMore:y,isFetchingMore:N,onFetchMore:h,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:v,getMarketDataEvent:S})]})}function $i({error:e,onRetry:t,compact:r=false}){let{t:o}=useTranslation();return jsxs("div",{role:e?"alert":"status","data-testid":e?"events-error-state":"events-empty-state",style:{minHeight:r?0:280,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:r?8:12,padding:r?"12px 16px":0,margin:r?"8px":0,border:r?"1px solid var(--color-border-default)":void 0,borderRadius:r?12:void 0,background:r?"var(--color-surface-raised)":void 0,color:"var(--color-text-muted)",textAlign:"center"},children:[jsx("span",{className:e?"iconify ph--warning-circle":"iconify ph--tray",style:{width:32,height:32},"aria-hidden":"true"}),jsx("p",{style:{margin:0,fontSize:14},children:o(e?"predict.events.loadFailed":"predict.events.empty")}),e&&t&&jsx("button",{type:"button",onClick:t,style:{minHeight:36,padding:"0 16px",borderRadius:18,border:"1px solid var(--color-border-default)",background:"var(--color-surface-raised)",color:"var(--color-text-primary)",cursor:"pointer"},children:o("predict.events.retry")})]})}function gm({onSelect:e,onSelectOutcome:t,getEventHref:r,LinkComponent:o,onHover:n,onInsufficientBalance:i,enableKalshi:s=true,lang:a,marketDataCapability:l,getMarketDataEvent:m}){let[u,c]=useState({categorySlug:null,tagSlug:null}),[p,d]=useState(()=>s?Jr:{...Jr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=useDisclosure(),{onOpen:v}=useAsyncModal(Qr),S=useCallback((M,T,A)=>{t?.(M,T,A),v({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,v,i]),x=useCallback(M=>{c(M);},[]),y=useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),h=useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=useCallback(M=>{d(M);},[]),N=useMemo(()=>Ii[p.sortPreset].sort_by,[p.sortPreset]),w=useMemo(()=>yn(p,s),[p,s]),P=useMemo(()=>jsx(Di,{sortPreset:p.sortPreset,onSortChange:y,sortAsc:p.sortAsc,onSortAscChange:h,onFilterPress:g,filterCount:w}),[p.sortPreset,p.sortAsc,w,y,h,g]);return jsxs("div",{style:{minHeight:"100vh",position:"relative",width:"100%",maxWidth:1680,margin:"0 auto"},children:[jsx("div",{style:{position:"sticky",top:0,zIndex:40,background:"rgba(10,10,11,0.8)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",borderBottom:"1px solid var(--color-border-subtle)"},children:jsx(vi,{onSelect:x,trailing:P})}),jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsx(_i,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsx(Vi,{tagSlugSelection:u,lang:a,sort_by:N,sort_asc:p.sortAsc,source:p.source,timeRemaining:p.timeRemaining,minVolume:p.minVolume,minLiquidity:p.minLiquidity,onSelect:e,onSelectOutcome:S,getEventHref:r,LinkComponent:o,onHover:n,marketDataCapability:l,getMarketDataEvent:m})]}),jsx(Ro,{})]})}function el(e){return formatAmountInUsd(e)}var xm=[{key:"total_events",labelKey:"predict.events.stats.totalEvents",format:e=>formatAmount(e),valueColor:"#c7ff2e",gradientFrom:"rgba(199,255,46,0.18)",gradientTo:"rgba(199,255,46,0.04)"},{key:"total_volume_24h",labelKey:"predict.events.stats.volume24h",format:el,valueColor:"#f76816",gradientFrom:"rgba(247,104,22,0.18)",gradientTo:"rgba(247,104,22,0.04)"},{key:"avg_liquidity",labelKey:"predict.events.stats.avgLiquidity",format:el,valueColor:"#17c964",gradientFrom:"rgba(23,201,100,0.18)",gradientTo:"rgba(23,201,100,0.04)"},{key:"active_sources",labelKey:"predict.events.stats.activeSources",format:e=>formatAmount(e),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function bm({stats:e}){let{t}=useTranslation();return jsxs(Fragment,{children:[jsx("style",{children:`
 @keyframes evt-live-ping{75%,100%{transform:scale(2.2);opacity:0}}
 @keyframes evt-live-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
 @keyframes evtHeroTitleEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}