@liberfi.io/ui-predict 4.0.84 → 4.0.86

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:am,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsx(Ui,{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(lm,{onScrollToTop:d})]})}function lm({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 Ki({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:h,getMarketDataEvent:S}){let{data:x,hasMore:y,fetchMore:v,isFetching:k,isFetchingMore:N}=Di({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?jsx(kn,{count:24}):jsx(zi,{events:x,hasMore:y,isFetchingMore:N,onFetchMore:v,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:h,getMarketDataEvent:S})}function um({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?Xr:{...Xr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=useDisclosure(),{onOpen:h}=useAsyncModal(qr),S=useCallback((M,T,A)=>{t?.(M,T,A),h({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,h,i]),x=useCallback(M=>{c(M);},[]),y=useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),v=useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=useCallback(M=>{d(M);},[]),N=useMemo(()=>_i[p.sortPreset].sort_by,[p.sortPreset]),w=useMemo(()=>bn(p,s),[p,s]),P=useMemo(()=>jsx(Ii,{sortPreset:p.sortPreset,onSortChange:y,sortAsc:p.sortAsc,onSortAscChange:v,onFilterPress:g,filterCount:w}),[p.sortPreset,p.sortAsc,w,y,v,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(gi,{onSelect:x,trailing:P})}),jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsx(Oi,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsx(Ki,{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(To,{})]})}function Ja(e){return formatAmountInUsd(e)}var fm=[{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:Ja,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:Ja,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 gm({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:am,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsx(Ui,{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(lm,{onScrollToTop:d})]})}function lm({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 Ki({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:h,getMarketDataEvent:S}){let{data:x,hasMore:y,fetchMore:v,isFetching:k,isFetchingMore:N}=Di({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(kn,{count:24}):jsx(zi,{events:x,hasMore:y,isFetchingMore:N,onFetchMore:v,onSelect:p,onSelectOutcome:d,getEventHref:f,LinkComponent:g,onHover:b,marketDataCapability:h,getMarketDataEvent:S})}function um({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?Xr:{...Xr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=useDisclosure(),{onOpen:h}=useAsyncModal(qr),S=useCallback((M,T,A)=>{t?.(M,T,A),h({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,h,i]),x=useCallback(M=>{c(M);},[]),y=useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),v=useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=useCallback(M=>{d(M);},[]),N=useMemo(()=>_i[p.sortPreset].sort_by,[p.sortPreset]),w=useMemo(()=>bn(p,s),[p,s]),P=useMemo(()=>jsx(Ii,{sortPreset:p.sortPreset,onSortChange:y,sortAsc:p.sortAsc,onSortAscChange:v,onFilterPress:g,filterCount:w}),[p.sortPreset,p.sortAsc,w,y,v,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(gi,{onSelect:x,trailing:P})}),jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsx(Oi,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsx(Ki,{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(To,{})]})}function Ja(e){return formatAmountInUsd(e)}var fm=[{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:Ja,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:Ja,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 gm({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)}}