@liberfi.io/ui-predict 4.0.87 → 4.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
package/dist/index.js
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@media(max-width:767px){.evt-card-grid{grid-template-columns:1fr!important}}
|
|
34
34
|
@media(min-width:768px) and (max-width:1023px){.evt-card-grid{grid-template-columns:repeat(2,1fr)!important}}
|
|
35
35
|
@media(min-width:1024px) and (max-width:1279px){.evt-card-grid{grid-template-columns:repeat(3,1fr)!important}}
|
|
36
|
-
`}),jsxRuntime.jsx("div",{className:"evt-card-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)"},children:e.map((g,b)=>g==null?null:jsxRuntime.jsx("div",{style:{padding:cm,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsxRuntime.jsx(Wi,{event:g,href:s?.(g),LinkComponent:a,onSelect:n,onSelectOutcome:i,onHover:l,marketDataCapability:m,marketDataEvent:u?.(g)})},`${g.source}-${g.slug}`))}),jsxRuntime.jsx("div",{ref:p,style:{display:"flex",flexDirection:"column",alignItems:"center",gap:8,padding:"16px 0",minHeight:1},children:r&&jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,color:"var(--color-text-muted)",fontSize:13},children:[jsxRuntime.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:jsxRuntime.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),c("predict.events.loadMore")]})}),f&&jsxRuntime.jsx(dm,{onScrollToTop:d})]})}function dm({onScrollToTop:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-y-4 py-6",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-center gap-x-4",children:[jsxRuntime.jsx("div",{className:"h-px w-16 bg-surface-strong"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-text-muted",children:t("predict.event.endOfList")}),jsxRuntime.jsx("div",{className:"h-px w-16 bg-surface-strong"})]}),jsxRuntime.jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-text-secondary",onClick:e,children:[jsxRuntime.jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsxRuntime.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?jsxRuntime.jsx(Sn,{count:24}):w&&x.length===0?jsxRuntime.jsx($i,{error:P,onRetry:M}):x.length===0?jsxRuntime.jsx($i,{}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[w&&jsxRuntime.jsx($i,{error:P,onRetry:M,compact:true}),jsxRuntime.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}=i18n.useTranslation()
|
|
36
|
+
`}),jsxRuntime.jsx("div",{className:"evt-card-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)"},children:e.map((g,b)=>g==null?null:jsxRuntime.jsx("div",{style:{padding:cm,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsxRuntime.jsx(Wi,{event:g,href:s?.(g),LinkComponent:a,onSelect:n,onSelectOutcome:i,onHover:l,marketDataCapability:m,marketDataEvent:u?.(g)})},`${g.source}-${g.slug}`))}),jsxRuntime.jsx("div",{ref:p,style:{display:"flex",flexDirection:"column",alignItems:"center",gap:8,padding:"16px 0",minHeight:1},children:r&&jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,color:"var(--color-text-muted)",fontSize:13},children:[jsxRuntime.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:jsxRuntime.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),c("predict.events.loadMore")]})}),f&&jsxRuntime.jsx(dm,{onScrollToTop:d})]})}function dm({onScrollToTop:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-y-4 py-6",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-center gap-x-4",children:[jsxRuntime.jsx("div",{className:"h-px w-16 bg-surface-strong"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-text-muted",children:t("predict.event.endOfList")}),jsxRuntime.jsx("div",{className:"h-px w-16 bg-surface-strong"})]}),jsxRuntime.jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-text-secondary",onClick:e,children:[jsxRuntime.jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsxRuntime.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?jsxRuntime.jsx(Sn,{count:24}):w&&x.length===0?jsxRuntime.jsx($i,{error:P,onRetry:M}):x.length===0?jsxRuntime.jsx($i,{}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[w&&jsxRuntime.jsx($i,{error:P,onRetry:M,compact:true}),jsxRuntime.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}=i18n.useTranslation();return jsxRuntime.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:[jsxRuntime.jsx("span",{className:e?"iconify ph--warning-circle":"iconify ph--tray",style:{width:32,height:32},"aria-hidden":"true"}),jsxRuntime.jsx("p",{style:{margin:0,fontSize:14},children:o(e?"predict.events.loadFailed":"predict.events.empty")}),e&&t&&jsxRuntime.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]=react.useState({categorySlug:null,tagSlug:null}),[p,d]=react.useState(()=>s?Jr:{...Jr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=ui.useDisclosure(),{onOpen:v}=uiScaffold.useAsyncModal(Qr),S=react.useCallback((M,T,A)=>{t?.(M,T,A),v({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,v,i]),x=react.useCallback(M=>{c(M);},[]),y=react.useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),h=react.useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=react.useCallback(M=>{d(M);},[]),N=react.useMemo(()=>Ii[p.sortPreset].sort_by,[p.sortPreset]),w=react.useMemo(()=>yn(p,s),[p,s]),P=react.useMemo(()=>jsxRuntime.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 jsxRuntime.jsxs("div",{style:{minHeight:"100vh",position:"relative",width:"100%",maxWidth:1680,margin:"0 auto"},children:[jsxRuntime.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:jsxRuntime.jsx(vi,{onSelect:x,trailing:P})}),jsxRuntime.jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsxRuntime.jsx(_i,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsxRuntime.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})]}),jsxRuntime.jsx(Ro,{})]})}function el(e){return utils.formatAmountInUsd(e)}var xm=[{key:"total_events",labelKey:"predict.events.stats.totalEvents",format:e=>utils.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=>utils.formatAmount(e),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function bm({stats:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
37
37
|
@keyframes evt-live-ping{75%,100%{transform:scale(2.2);opacity:0}}
|
|
38
38
|
@keyframes evt-live-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
|
|
39
39
|
@keyframes evtHeroTitleEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
|