@liberfi.io/ui-predict 4.0.85 → 4.0.86

package/dist/index.d.mts

@@ -179,7 +179,7 @@ interface EventsWidgetProps {
     minVolume?: string;
     /** Client-side minimum liquidity filter (USD string, e.g. "10000"). */
     minLiquidity?: string;
-    /** Max markets per event (sorted by volume DESC). Default: 3. */
+    /** Maximum ranked summary markets per event. Default: 3. */
     markets_limit?: number;
     /** Resolved API language for localized event payloads. */
     lang?: string;

package/dist/index.d.ts

@@ -179,7 +179,7 @@ interface EventsWidgetProps {
     minVolume?: string;
     /** Client-side minimum liquidity filter (USD string, e.g. "10000"). */
     minLiquidity?: string;
-    /** Max markets per event (sorted by volume DESC). Default: 3. */
+    /** Maximum ranked summary markets per event. Default: 3. */
     markets_limit?: number;
     /** Resolved API language for localized event payloads. */
     lang?: string;

package/dist/index.js

@@ -33,7 +33,7 @@
 @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}}
-`}),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:am,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsxRuntime.jsx(Ui,{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(lm,{onScrollToTop:d})]})}function lm({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 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?jsxRuntime.jsx(kn,{count:24}):jsxRuntime.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]=react.useState({categorySlug:null,tagSlug:null}),[p,d]=react.useState(()=>s?Xr:{...Xr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=ui.useDisclosure(),{onOpen:h}=uiScaffold.useAsyncModal(qr),S=react.useCallback((M,T,A)=>{t?.(M,T,A),h({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,h,i]),x=react.useCallback(M=>{c(M);},[]),y=react.useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),v=react.useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=react.useCallback(M=>{d(M);},[]),N=react.useMemo(()=>_i[p.sortPreset].sort_by,[p.sortPreset]),w=react.useMemo(()=>bn(p,s),[p,s]),P=react.useMemo(()=>jsxRuntime.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 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(gi,{onSelect:x,trailing:P})}),jsxRuntime.jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsxRuntime.jsx(Oi,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsxRuntime.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})]}),jsxRuntime.jsx(To,{})]})}function Ja(e){return utils.formatAmountInUsd(e)}var fm=[{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: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=>utils.formatAmount(e),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function gm({stats:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
+`}),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:am,animation:`eventCardEnter 0.45s cubic-bezier(0.34,1.56,0.64,1) ${b%4*35}ms both`},children:jsxRuntime.jsx(Ui,{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(lm,{onScrollToTop:d})]})}function lm({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 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?jsxRuntime.jsx(kn,{count:24}):jsxRuntime.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]=react.useState({categorySlug:null,tagSlug:null}),[p,d]=react.useState(()=>s?Xr:{...Xr,source:"polymarket"}),{isOpen:f,onOpen:g,onClose:b}=ui.useDisclosure(),{onOpen:h}=uiScaffold.useAsyncModal(qr),S=react.useCallback((M,T,A)=>{t?.(M,T,A),h({params:{event:M,market:T,initialOutcome:A,onInsufficientBalance:i}});},[t,h,i]),x=react.useCallback(M=>{c(M);},[]),y=react.useCallback(M=>{d(T=>({...T,sortPreset:M}));},[]),v=react.useCallback(M=>{d(T=>({...T,sortAsc:M}));},[]),k=react.useCallback(M=>{d(M);},[]),N=react.useMemo(()=>_i[p.sortPreset].sort_by,[p.sortPreset]),w=react.useMemo(()=>bn(p,s),[p,s]),P=react.useMemo(()=>jsxRuntime.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 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(gi,{onSelect:x,trailing:P})}),jsxRuntime.jsxs("div",{style:{padding:"12px 8px 80px"},children:[jsxRuntime.jsx(Oi,{isOpen:f,onClose:b,value:p,onChange:k,enableKalshi:s}),jsxRuntime.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})]}),jsxRuntime.jsx(To,{})]})}function Ja(e){return utils.formatAmountInUsd(e)}var fm=[{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: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=>utils.formatAmount(e),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function gm({stats:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.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)}}