@liberfi.io/ui-predict 0.1.83 → 0.1.84
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.d.mts +11 -11
- package/dist/index.d.ts +11 -11
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var react=require('react'),ui=require('@liberfi.io/ui'),uiScaffold=require('@liberfi.io/ui-scaffold'),i18n=require('@liberfi.io/i18n'),jsxRuntime=require('react/jsx-runtime'),walletConnector=require('@liberfi.io/wallet-connector'),reactQuery=require('@tanstack/react-query'),Dt=require('canvas-confetti'),reactPredict=require('@liberfi.io/react-predict'),types=require('@liberfi.io/types'),utils=require('@liberfi.io/utils'),reactWindow=require('react-window'),reactWindowInfiniteLoader=require('react-window-infinite-loader'),hooks=require('@liberfi.io/hooks'),recharts=require('recharts'),jotai=require('jotai'),utils$1=require('jotai/utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Dt__default=/*#__PURE__*/_interopDefault(Dt);typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-predict"]="0.1.83");var _o="0.1.83";var Do={Weather:["Daily temperature","Snow and rain","Climate change","Natural disasters","Hurricanes"],Companies:["IPOs","Product launches","KPIs","Elon Musk","CEOs","Layoffs"],Crypto:["BTC","15 min","Hourly","ETH","SOL","DOGE","Pre-Market","XRP","BNB","HYPE"],Economics:["Growth","Fed","Inflation","Oil and energy","Employment","Housing","Jobs & Economy","Bankruptcy & Defaults","GDP","Global Central Banks"],Elections:["Primaries","International elections"],Entertainment:["Music","Movies","Music charts","Television","Awards","Video games","Oscars","Rotten Tomatoes"],Financials:["S&P","Nasdaq","Daily","Metals","Treasuries","Oil","EUR/USD","USD/JPY","WTI"],Mentions:["Politicians","Earnings","Entertainment"],Politics:["Trump","Congress","International","SCOTUS & courts","Local","Recurring","Iran","House"],Science:["AI","Energy","Space"],Social:null,Sports:["Soccer","Basketball","Baseball","Football","Hockey","Golf","Tennis","Motorsport","Esports","Boxing","MMA","Rugby","Lacrosse","Mentions","Chess","Cricket","Aussie Rules","Darts"],World:null},wr=["Politics","Sports","Crypto","Economics","Financials","Elections","Entertainment","Companies","Science and Technology","Climate and Weather","Mentions","Social","World"],Ot=(()=>{let e=t=>{let r=wr.indexOf(t);return r===-1?wr.length:r};return Object.entries(Do).map(([t,r])=>({slug:t,label:t,tags:(r??[]).map(o=>({slug:o,label:o}))})).sort((t,r)=>e(t.slug)-e(r.slug))})();function Nr({categories:e,selectedCategory:t,selectedTag:r,activeTags:o,onCategorySelect:n,onTagSelect:s,trailing:i,pulsingTab:a="Trending",className:l}){let{t:c}=i18n.useTranslation(),d=react.useCallback(()=>{n(null);},[n]),m=c("predict.categories.trending");return jsxRuntime.jsxs("div",{className:ui.cn("sticky top-0 z-30 flex w-full flex-col justify-between gap-2 px-4 py-1 lg:px-2 lg:py-1",l),children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center gap-2",children:[jsxRuntime.jsx("div",{className:"hideScrollbar min-w-0 flex-1 overflow-x-auto overflow-y-hidden",children:jsxRuntime.jsxs("div",{className:"flex min-h-8 items-stretch gap-x-2 lg:min-h-9",children:[jsxRuntime.jsx(Sr,{label:m,isSelected:t===null,onPress:d,showPulse:m===a}),jsxRuntime.jsx(Fo,{}),e.map(p=>jsxRuntime.jsx(Sr,{label:p.category,isSelected:t===p.category,onPress:()=>n(p.category),badge:p.badge,showPulse:p.category===a},p.category))]})}),i&&jsxRuntime.jsx("div",{className:"flex-shrink-0",children:i})]}),t&&o.length>0&&jsxRuntime.jsx("div",{className:"hideScrollbar overflow-x-auto overflow-y-hidden flex items-center",children:jsxRuntime.jsxs("div",{className:"flex gap-x-1 pl-2 lg:w-full lg:gap-x-2",children:[jsxRuntime.jsx(kr,{label:c("predict.categories.allMarkets"),isSelected:r===null,onPress:()=>s(null)}),o.map(p=>jsxRuntime.jsx(kr,{label:p.label,icon:p.icon,isSelected:r===p.label,onPress:()=>s(p.label)},p.label))]})})]})}function Sr({label:e,isSelected:t,onPress:r,badge:o,showPulse:n}){return jsxRuntime.jsxs("button",{type:"button",onClick:r,className:ui.cn("relative shrink-0 cursor-pointer whitespace-nowrap border-b p-1 text-base font-normal capitalize transition-colors",t?"border-primary/50 text-primary":"border-transparent text-neutral-500 hover:text-neutral-300"),children:[n?jsxRuntime.jsxs("span",{className:"flex items-center gap-x-1.5",children:[jsxRuntime.jsx("span",{className:"h-2 w-2 animate-pulse rounded-full bg-[rgb(240,68,56)]"}),jsxRuntime.jsx("span",{children:e})]}):e,o&&jsxRuntime.jsx("span",{className:"absolute -right-1 top-0 rounded bg-primary px-0.5 py-px text-[0.625rem] font-semibold leading-none text-neutral-950",children:o})]})}function Fo(){return jsxRuntime.jsx("span",{className:"flex items-center text-neutral-600","aria-hidden":"true",children:"|"})}function kr({label:e,icon:t,isSelected:r,onPress:o}){return jsxRuntime.jsxs("button",{type:"button",onClick:o,className:ui.cn("flex shrink-0 items-center justify-center gap-x-1 min-w-14 rounded-2xl border px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer",r?"border-transparent bg-primary text-black":"border-border/80 text-neutral-200 hover:bg-primary/10 hover:text-primary"),children:[t&&jsxRuntime.jsx("span",{className:ui.cn("iconify size-4",t)}),e]})}function Tc({count:e=6}){return jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-2 px-4 py-1 lg:px-2 lg:py-1",children:jsxRuntime.jsx("div",{className:"flex min-h-8 items-center gap-x-2 lg:min-h-9",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-16 shrink-0 rounded"},r))})})}function Uo(e){return e.map(t=>({category:t.label,tags:t.tags.map(r=>r.label)}))}function $o(e){return e?e.tags.map(t=>({label:t.label,icon:t.icon})):[]}function Cr({onSelect:e,trailing:t,className:r}){let[o,n]=react.useState(null),[s,i]=react.useState(null),a=react.useCallback(p=>{n(p),i(null),e?.({categorySlug:p,tagSlug:null});},[e]),l=react.useCallback(p=>{i(p),e?.({categorySlug:o,tagSlug:p});},[o,e]),c=Uo(Ot),d=Ot.find(p=>p.slug===o),m=$o(d);return jsxRuntime.jsx(Nr,{categories:c,selectedCategory:o,selectedTag:s,activeTags:m,onCategorySelect:a,onTagSelect:l,trailing:t,className:r})}function Tr(e){return {title:e.title,imageUrl:e.image_url}}function Mr(e){let t=e.outcomes[0],r=e.outcomes[1];return {yesAsk:t?.best_ask??t?.price,noAsk:r?.best_ask??r?.price,yesBid:t?.best_bid,noBid:r?.best_bid,yesSubTitle:t?.label??"Yes",noSubTitle:r?.label??"No"}}var Be=48,It=4,it={ONE_MINUTE:1,ONE_HOUR:60,ONE_DAY:1440},re={ONE_DAY:"1d",ONE_WEEK:"1w",ONE_MONTH:"1m",ALL:"all"},at=re.ALL,Hc={[re.ONE_DAY]:it.ONE_MINUTE,[re.ONE_WEEK]:it.ONE_HOUR,[re.ONE_MONTH]:it.ONE_HOUR,[re.ALL]:it.ONE_DAY},Bc={[re.ONE_DAY]:300,[re.ONE_WEEK]:3600,[re.ONE_MONTH]:10800,[re.ALL]:1440*60},Fc={[re.ONE_DAY]:1440*60,[re.ONE_WEEK]:10080*60,[re.ONE_MONTH]:720*60*60,[re.ALL]:null},_t=1,Uc=1,$c=1,Wc=99,Ne={ONE_HOUR:"1h",SIX_HOURS:"6h",ONE_DAY:"1d",ONE_WEEK:"1w",MAX:"max"},zc=Ne.ONE_WEEK,Kc={[Ne.ONE_HOUR]:60,[Ne.SIX_HOURS]:60,[Ne.ONE_DAY]:300,[Ne.ONE_WEEK]:1800,[Ne.MAX]:1800};var Ir=react.createContext(null);function _r(){let e=react.useContext(Ir);if(!e)throw new Error("useUserPredictContext must be used within a UserPredictProvider");return e}var Qo=3e4;function Jo({solanaWalletAddress:e,evmWalletAddress:t,source:r,pollingInterval:o=Qo,enabled:n=true,children:s}){let i=walletConnector.useSwitchChain(),a=walletConnector.useWallets(),l=react.useRef(void 0),c=react.useRef(false);react.useEffect(()=>{if(!n)return;let V=a.find(w=>w.chainNamespace===types.ChainNamespace.EVM&&w.isConnected);if(V)return l.current=V.chain,c.current=true,i(types.Chain.POLYGON).catch(()=>{c.current=false;}),()=>{c.current&&l.current&&l.current!==types.Chain.POLYGON&&i(l.current).catch(()=>{});}},[n]);let d=e??t??"",m=n&&!!d,{data:p,isLoading:f,error:u,refetch:v}=reactPredict.usePositions({user:d,source:r},{enabled:m,refetchInterval:o}),{data:g,isLoading:y,error:C}=reactPredict.useBalance({source:"dflow",user:e??""},{enabled:n&&!!e,refetchInterval:o}),{data:A,isLoading:k,error:R}=reactPredict.useBalance({source:"polymarket",user:t??""},{enabled:n&&!!t,refetchInterval:o}),N=react.useMemo(()=>({positions:p?.positions??[],dflowUsdcBalance:g?Number(g.balance):0,polymarketUsdcBalance:A?Number(A.balance):0,isLoading:f||y||k,error:u??C??R??null,refetch:v}),[p?.positions,g,A,f,y,k,u,C,R,v]);return jsxRuntime.jsx(Ir.Provider,{value:N,children:s})}function Ar(){let e={startVelocity:30,spread:360,ticks:60,zIndex:9999};Dt__default.default({...e,particleCount:80,origin:{x:.5,y:.4}}),setTimeout(()=>{Dt__default.default({...e,particleCount:40,origin:{x:.3,y:.6}});},150),setTimeout(()=>{Dt__default.default({...e,particleCount:40,origin:{x:.7,y:.6}});},300);}function Hr({market:e,initialOutcome:t="yes",initialSide:r="buy"}){let{t:o}=i18n.useTranslation(),{status:n}=walletConnector.useAuth(),s=walletConnector.useWallets(),i=reactPredict.usePredictClient(),a=react.useContext(reactPredict.PolymarketContext),l=reactQuery.useQueryClient(),c=e.source,d=c==="polymarket",m=s.find(T=>T.chainNamespace===types.ChainNamespace.SOLANA&&T.isConnected),p=s.find(T=>T.chainNamespace===types.ChainNamespace.EVM&&T.isConnected&&"switchChain"in T),f=n==="authenticated",u=m?.address,v=p?.address,[g,y]=react.useState(t),[C,A]=react.useState(r),[k,R]=react.useState("market"),[N,V]=react.useState(NaN),[w,ue]=react.useState(NaN),[be,W]=react.useState(false),[J,oe]=react.useState(null),[pe,ve]=react.useState(false),[ke,S]=react.useState(null),x=null;try{let T=_r();x={dflowUsdcBalance:T.dflowUsdcBalance,polymarketUsdcBalance:T.polymarketUsdcBalance,isLoading:T.isLoading};}catch{}let M=react.useMemo(()=>{let T=g==="yes"?0:1,_=e.outcomes[T];return C==="buy"?_?.best_ask??_?.price??.5:_?.best_bid??_?.price??.5},[e.outcomes,g,C]);react.useMemo(()=>isNaN(N)||N<=0?0:C==="buy"?M>0?N/M:0:N,[C,N,M]);let Y=react.useMemo(()=>isNaN(N)||N<=0?"0":String(Math.round(N*1e6)),[N]),te=e.provider_meta?.["dflow.yesMint"]??"",He=e.provider_meta?.["dflow.noMint"]??"",ur=e.provider_meta?.["dflow.collateralMint"]??"",pr=g==="yes"?te:He,Je=C==="buy"?ur:pr,Ze=C==="buy"?pr:ur,ho=c==="dflow"&&!!Je&&!!Ze&&!!u&&Y!=="0",{refetch:mr}=reactPredict.useDFlowQuote({inputMint:Je,outputMint:Ze,amount:Y,userPublicKey:u??"",slippageBps:100},{enabled:ho}),fr=c==="dflow"?u??"":v??"",{data:me,isLoading:bo}=reactPredict.usePositions({source:c,user:fr},{enabled:!!fr}),et=react.useMemo(()=>x?c==="dflow"?x.dflowUsdcBalance:x.polymarketUsdcBalance:me&&me.positions.reduce((_,Z)=>Z.side==="USDC"||Z.side==="collateral"?_+(Z.current_value??0):_,0)||null,[x,me,c]),yo=x?x.isLoading:bo,Et=react.useMemo(()=>me?me.positions.find(_=>_.side?.toLowerCase()==="yes"&&_.market?.slug===e.slug)?.size??0:null,[me,e.slug]),Ct=react.useMemo(()=>me?me.positions.find(_=>_.side?.toLowerCase()==="no"&&_.market?.slug===e.slug)?.size??0:null,[me,e.slug]),Tt=react.useMemo(()=>k==="limit"&&d&&!isNaN(w)?w:M,[k,d,w,M]),tt=react.useMemo(()=>{if(isNaN(N)||N<=0)return 0;if(C==="buy")return N;let T=g==="yes"?e.outcomes[0]?.best_bid??0:e.outcomes[1]?.best_bid??0;return N*T},[C,g,N,e.outcomes]),gr=react.useMemo(()=>isNaN(N)||N<=0?0:C==="buy"?Tt>0?N/Tt*1:0:tt,[C,N,Tt,tt]),wo=gr-tt,So=react.useCallback(T=>{A(T),V(NaN);},[]),ko=react.useCallback(T=>{if(isNaN(T)){V(NaN);return}let _=Math.max(0,T),Z=C==="buy"?Math.round(_*100)/100:Math.round(_);V(Z);},[C]),No=react.useCallback(T=>{if(isNaN(T)){ue(NaN);return}let _=Math.max(.01,Math.min(.99,T));ue(Math.round(_*100)/100);},[]),Mt=react.useMemo(()=>{let T=[];(isNaN(N)||N<_t)&&T.push(`Minimum quantity is ${_t}`),e.status!=="open"&&T.push("Market is not active"),C==="buy"&&et!=null&&!isNaN(N)&&N>0&&N>et&&T.push("Insufficient USDC balance");let _=g==="yes"?Et:Ct;return C==="sell"&&_!=null&&!isNaN(N)&&N>0&&N>_&&T.push("Insufficient shares"),k==="limit"&&d&&(isNaN(w)||w<.01||w>.99)&&T.push("Limit price must be between $0.01 and $0.99"),{isValid:T.length===0,errors:T}},[N,e.status,C,et,Et,Ct,g,k,d,w]),{mutateAsync:vr}=reactPredict.useDFlowSubmit(),{data:Rt}=reactPredict.useOrder({id:J??"",source:c},{enabled:!!J});react.useEffect(()=>{if(!Rt||!J)return;let{status:T}=Rt;T==="closed"?(W(false),oe(null),ui.toast.success(o("predict.trade.submitSuccess")),Ar(),V(NaN)):(T==="failed"||T==="expired")&&(W(false),oe(null),ui.toast.error(o("predict.trade.submitError")));},[Rt,J,o]);let xr=react.useCallback(async()=>{if(!u||!m)return;let T=await i.checkDFlowKYC(u);if(!T.verified){ve(true),S(T.kyc_url||null),W(false);return}let rt=(await mr()).data?.transaction;if(!rt){ui.toast.error(o("predict.trade.submitError")),W(false);return}let nt=Uint8Array.from(atob(rt),Lt=>Lt.charCodeAt(0)),ot=await m.sendTransaction(nt);await vr({signedTransaction:btoa(String.fromCharCode(...nt)),orderContext:{user_public_key:u,input_mint:Je,output_mint:Ze,amount:Y,price:String(M),side:C==="buy"?"BUY":"SELL",outcome:g==="yes"?"YES":"NO",market_slug:e.slug,slippage_bps:100}}),oe(ot);},[u,m,i,mr,vr,Je,Ze,Y,M,C,g,e.slug,o]),hr=react.useCallback(async()=>{if(!p||!a)return;let T=await p.getEip1193Provider();if(!T){ui.toast.error(o("predict.trade.submitError")),W(false);return}let _={address:p.address,signatureType:0,signTypedData:async(Lo,Oo,Io)=>await T.request({method:"eth_signTypedData_v4",params:[p.address,JSON.stringify({domain:Lo,types:Oo,message:Io})]})},Z=a.credentials;if(!Z&&(await a.authenticate(_),Z=a.credentials,!Z))throw new Error("Polymarket authentication failed");let rt=g==="yes"?0:1,nt=e.provider_meta?.[`polymarket.tokenId${rt}`]??e.provider_meta?.["polymarket.conditionId"]??"",ot=e.provider_meta?.["polymarket.negRisk"]??false,Lt=k==="limit"&&!isNaN(w)?w:M,br={tokenId:nt,price:Lt,size:N,side:C==="buy"?"BUY":"SELL",orderType:k==="limit"?"GTC":"FOK",tickSize:"0.01",negRisk:ot},Eo=reactPredict.buildCtfExchangeDomain(ot),Co=reactPredict.buildOrderMessage({...br,signerAddress:_.address,signatureType:_.signatureType}),To=await _.signTypedData(Eo,reactPredict.CTF_ORDER_TYPES,Co),yr=reactPredict.buildSignedOrder({...br,signerAddress:_.address,signatureType:_.signatureType,signature:To}),Mo=JSON.stringify(yr),Ro=await reactPredict.buildPolymarketL2Headers(Z.address,{apiKey:Z.apiKey,secret:Z.secret,passphrase:Z.passphrase,method:"POST",requestPath:"/api/v1/orders/polymarket",body:Mo});await i.createPolymarketOrder(yr,Ro),l.invalidateQueries({queryKey:["predict","orders"]}),l.invalidateQueries({queryKey:["predict","positions"]}),ui.toast.success(o("predict.trade.submitSuccess")),Ar(),V(NaN),W(false);},[p,a,g,e.provider_meta,k,w,M,N,C,i,l,o]),Po=react.useCallback(async()=>{if(!(!Mt.isValid||!f)){W(true),oe(null),ve(false);try{c==="dflow"?await xr():await hr();}catch{ui.toast.error(o("predict.trade.submitError")),W(false);}}},[Mt.isValid,f,c,xr,hr,o]);return {outcome:g,side:C,orderType:k,quantity:N,limitPrice:w,estimatedCost:tt,potentialPayout:gr,potentialProfit:wo,usdcBalance:et,yesTokenBalance:Et,noTokenBalance:Ct,isBalanceLoading:yo,isSubmitting:be,validation:Mt,supportsLimitOrder:d,kycRequired:pe,kycUrl:ke,setOutcome:y,setSide:So,setOrderType:R,setQuantity:ko,setLimitPrice:No,submit:Po}}var Ts=`https://s1.chainstream.io/chains/sol/tokens/${utils.SOLANA_TOKENS.stablecoins.USDC.address}/image.png`;function Ur({event:e,market:t,outcome:r,side:o,orderType:n,quantity:s,limitPrice:i,potentialProfit:a,estimatedCost:l,usdcBalance:c,yesTokenBalance:d,noTokenBalance:m,isBalanceLoading:p,isSubmitting:f,isValid:u,supportsLimitOrder:v,kycRequired:g,kycUrl:y,onOutcomeChange:C,onSideChange:A,onOrderTypeChange:k,onQuantityChange:R,onLimitPriceChange:N,onSubmit:V}){let{t:w}=i18n.useTranslation(),[ue,be]=react.useState(false),W=ui.useDisclosure(),J=react.useMemo(()=>{let x=o==="buy"?r==="yes"?t.yesAsk:t.noAsk:r==="yes"?t.yesBid:t.noBid;return x!=null?Math.round(Number(x)*100):null},[o,r,t]),oe=react.useMemo(()=>{if(f)return w("predict.trade.submitting");if(g)return w("predict.trade.kycRequired");if(!s||isNaN(s)||s<=0)return w("predict.trade.enterAmount");let x=w(o==="buy"?"predict.trade.buy":"predict.trade.sell"),M=w(r==="yes"?"predict.trade.yes":"predict.trade.no");return `${x} ${M}`},[f,g,s,o,r,w]),pe=react.useMemo(()=>r==="yes"?"primary":"secondary",[r]),ve=()=>{R(Math.floor((c??0)/2*100)/100);},ke=()=>{R(c??0);},S=()=>{if(g){W.onOpen();return}V();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 rounded-xl border border-default-200 bg-content1 p-4",children:[e&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-3",children:[e.imageUrl&&jsxRuntime.jsx("img",{src:e.imageUrl,alt:e.title,className:"h-10 w-10 shrink-0 rounded-lg object-cover"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-col gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-sm text-neutral-500 leading-tight line-clamp-1",children:e.title}),jsxRuntime.jsxs("span",{className:"text-base font-semibold leading-tight line-clamp-1",children:[jsxRuntime.jsxs("span",{className:r==="yes"?"text-bullish":"text-bearish",children:[w(o==="buy"?"predict.trade.buy":"predict.trade.sell")," ",w(r==="yes"?"predict.trade.yes":"predict.trade.no")]}),jsxRuntime.jsxs("span",{className:"text-foreground",children:[" \xB7 ",r==="yes"?t.yesSubTitle:t.noSubTitle]})]})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[v?jsxRuntime.jsxs(ui.Tabs,{variant:"underlined",selectedKey:n,onSelectionChange:x=>k(x),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui.Tab,{title:w("predict.trade.market")},"market"),jsxRuntime.jsx(ui.Tab,{title:w("predict.trade.limit")},"limit")]}):jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:w("predict.trade.market")}),J!=null&&jsxRuntime.jsxs("span",{className:"text-xl font-bold tabular-nums",children:[J," \xA2"]})]}),jsxRuntime.jsxs(ui.Tabs,{variant:"underlined",selectedKey:o,onSelectionChange:x=>A(x),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui.Tab,{title:w("predict.trade.buy")},"buy"),jsxRuntime.jsx(ui.Tab,{title:w("predict.trade.sell")},"sell")]}),jsxRuntime.jsx("div",{className:"flex gap-x-2",children:["yes","no"].map(x=>{let M=x==="yes"?d:m;return jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-y-1",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>C(x),className:`w-full rounded-lg border py-2 text-sm font-medium transition-colors cursor-pointer ${r===x?x==="yes"?"border-primary bg-primary-50 text-primary":"border-secondary bg-secondary-50 text-secondary":"border-default-400 text-foreground hover:border-default-500"}`,children:[jsxRuntime.jsx("span",{children:w(x==="yes"?"predict.trade.yes":"predict.trade.no")}),(()=>{let z=o==="buy"?x==="yes"?t.yesAsk:t.noAsk:x==="yes"?t.yesBid:t.noBid;return z!=null?jsxRuntime.jsxs("span",{className:"ml-1 opacity-70",children:[Math.round(Number(z)*100),"\xA2"]}):null})()]}),o==="sell"&&r===x&&jsxRuntime.jsx("span",{className:"text-center text-xs text-foreground",children:p?"\u2013":`${M??0} shares`})]},x)})}),v&&n==="limit"&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:w("predict.trade.limitPrice")}),jsxRuntime.jsx(ui.StyledNumberInput,{fullWidth:true,placeholder:"0.50",radius:"lg",size:"lg",value:isNaN(i)?void 0:i,onValueChange:x=>N(x),minValue:.01,maxValue:.99,step:.01,formatOptions:{maximumFractionDigits:2},startContent:jsxRuntime.jsx("span",{className:"text-default-600 text-xl",children:"$"}),classNames:{inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 h-14 min-h-14",input:"text-lg"}})]}),o==="buy"&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsx("span",{children:w("predict.trade.youArePaying")}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("img",{src:Ts,alt:"USDC",className:"h-3.5 w-3.5 rounded-full object-cover"}),jsxRuntime.jsx("span",{className:"font-medium text-foreground tabular-nums",children:c!=null?`${c.toFixed(6)} USDC`:"\u2013"}),jsxRuntime.jsx("button",{type:"button",onClick:ve,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:w("predict.trade.half")}),jsxRuntime.jsx("button",{type:"button",onClick:ke,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:w("predict.trade.max")})]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:w(o==="buy"?"predict.trade.amount":"predict.trade.contracts")}),jsxRuntime.jsx(ui.StyledNumberInput,{fullWidth:true,placeholder:"0",radius:"lg",size:"lg",value:isNaN(s)?void 0:s,onValueChange:x=>{R(x);},minValue:0,step:o==="buy"?.01:1,formatOptions:o==="buy"?{maximumFractionDigits:2}:{maximumFractionDigits:0},startContent:o==="buy"?jsxRuntime.jsx("span",{className:"text-default-600 text-xl",children:"$"}):void 0,classNames:{inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 h-14 min-h-14",input:"text-lg"}},o),o==="sell"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2 justify-end",children:[[25,50].map(x=>jsxRuntime.jsxs("button",{type:"button",onClick:()=>{R(Math.floor((r==="yes"?d??0:m??0)*x/100));},className:"rounded-md bg-content2 px-2.5 py-1 text-xs font-medium text-default-600 transition-colors hover:bg-content3 cursor-pointer",children:[x,"%"]},x)),jsxRuntime.jsx("button",{type:"button",onClick:()=>{R(r==="yes"?d??0:m??0);},className:"rounded-md bg-content2 px-2.5 py-1 text-xs font-medium text-default-600 transition-colors hover:bg-content3 cursor-pointer",children:w("common.all")})]})]}),!isNaN(s)&&s>0&&jsxRuntime.jsxs("div",{className:"flex flex-col items-end gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-sm text-foreground",children:w(o==="buy"?"predict.trade.potentialWin":"predict.trade.estimatedReceive")}),jsxRuntime.jsxs("span",{className:"text-xl font-semibold text-bullish",children:["$",(o==="buy"?a:l).toFixed(2)]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>be(x=>!x),className:"flex items-center gap-x-1 text-neutral-500 hover:text-foreground cursor-pointer transition-colors",children:[jsxRuntime.jsx("span",{children:w("predict.trade.odds")}),jsxRuntime.jsx(ui.ChevronDownIcon,{className:ui.cn("h-3.5 w-3.5 transition-transform",ue&&"rotate-180")})]}),J!=null&&jsxRuntime.jsxs("span",{className:"text-foreground font-medium tabular-nums",children:[J,"% chance"]})]}),ue&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsxs("span",{children:[w("predict.trade.bestBid"),":"," ",Math.round((t.yesBid??0)*100),"\xA2"]}),jsxRuntime.jsxs("span",{children:[w("predict.trade.bestAsk"),":"," ",Math.round((t.yesAsk??0)*100),"\xA2"]})]})]}),jsxRuntime.jsx(ui.Button,{color:pe,fullWidth:true,radius:"lg",size:"lg",isDisabled:!g&&!u||f||!g&&(!s||isNaN(s)||s<=0),isLoading:f,onPress:S,children:oe})]}),jsxRuntime.jsx(ui.Modal,{isOpen:W.isOpen,onClose:W.onClose,children:jsxRuntime.jsxs(ui.ModalContent,{children:[jsxRuntime.jsx(ui.ModalHeader,{className:"flex flex-col gap-1",children:w("predict.trade.kycModalTitle")}),jsxRuntime.jsx(ui.ModalBody,{children:jsxRuntime.jsx("p",{className:"text-sm text-default-600",children:w("predict.trade.kycModalDescription")})}),jsxRuntime.jsxs(ui.ModalFooter,{children:[jsxRuntime.jsx(ui.Button,{variant:"light",onPress:W.onClose,children:w("common.cancel")}),y&&jsxRuntime.jsx(ui.Button,{color:"primary",onPress:()=>{window.open(y,"_blank","noopener,noreferrer"),W.onClose();},children:w("predict.trade.goToKYC")})]})]})})]})}function ct({event:e,market:t,initialSide:r,initialOutcome:o,chain:n}){let{outcome:s,side:i,orderType:a,quantity:l,limitPrice:c,estimatedCost:d,potentialPayout:m,potentialProfit:p,usdcBalance:f,yesTokenBalance:u,noTokenBalance:v,isBalanceLoading:g,isSubmitting:y,validation:C,supportsLimitOrder:A,kycRequired:k,kycUrl:R,setOutcome:N,setSide:V,setOrderType:w,setQuantity:ue,setLimitPrice:be,submit:W}=Hr({market:t,initialSide:r,initialOutcome:o}),J=walletConnector.useAuthCallback(W),oe=react.useMemo(()=>e?Tr(e):void 0,[e]),pe=react.useMemo(()=>Mr(t),[t]);return jsxRuntime.jsx(Ur,{event:oe,market:pe,outcome:s,side:i,orderType:a,quantity:l,limitPrice:c,estimatedCost:d,potentialPayout:m,potentialProfit:p,usdcBalance:f,yesTokenBalance:u,noTokenBalance:v,isBalanceLoading:g,isSubmitting:y,isValid:C.isValid,validationErrors:C.errors,supportsLimitOrder:A,kycRequired:k,kycUrl:R,onOutcomeChange:N,onSideChange:V,onOrderTypeChange:w,onQuantityChange:ue,onLimitPriceChange:be,onSubmit:J})}var Bt="predict-trade";function Wr({id:e=Bt}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Hs,{...t})})}function Hs({params:e,isOpen:t,onOpenChange:r}){let{isMobile:o}=ui.useScreen();return e?jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:o?"full":"md",backdrop:"blur",radius:"lg",children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsx(ui.ModalBody,{className:"p-4",children:jsxRuntime.jsx(ct,{event:e.event,market:e.market,initialOutcome:e.initialOutcome,initialSide:"buy",chain:e.chain})})})}):null}var Ft={sortPreset:"volume",sortAsc:false,source:"dflow",timeRemaining:void 0,minVolume:void 0,minLiquidity:void 0};function Ut(e){let t=0;return e.source&&t++,e.timeRemaining&&t++,e.minVolume&&t++,e.minLiquidity&&t++,t}function Kr({isOpen:e,onClose:t,value:r,onChange:o}){let{t:n}=i18n.useTranslation(),[s,i]=react.useState(r),a=react.useCallback(g=>{g?i(r):t();},[r,t]),l=react.useCallback(()=>{i(Ft);},[]),c=react.useCallback(()=>{o(s),t();},[s,o,t]),d=react.useCallback((g,y)=>{i(C=>({...C,[g]:y}));},[]),m=react.useMemo(()=>Ut(s),[s]),p=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"polymarket",label:n("predict.platform.polymarket")},{value:"dflow",label:n("predict.platform.dflow")}],[n]),f=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1d",label:n("predict.filter.lessThanDay")},{value:"7d",label:n("predict.filter.lessThanWeek")},{value:"30d",label:n("predict.filter.lessThanMonth")}],[n]),u=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[n]),v=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[n]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:e,onOpenChange:a,size:"md",scrollBehavior:"inside",children:jsxRuntime.jsxs(ui.ModalContent,{children:[jsxRuntime.jsx(ui.ModalHeader,{className:"px-4 py-2",children:jsxRuntime.jsx("span",{className:"text-base font-semibold",children:n("predict.filter.title")})}),jsxRuntime.jsxs(ui.ModalBody,{className:"flex flex-col gap-5",children:[jsxRuntime.jsx(ut,{label:n("predict.filter.platform"),children:jsxRuntime.jsx(pt,{options:p,selected:s.source,onSelect:g=>d("source",g)})}),jsxRuntime.jsx(ut,{label:n("predict.filter.timeRemaining"),children:jsxRuntime.jsx(pt,{options:f,selected:s.timeRemaining,onSelect:g=>d("timeRemaining",g)})}),jsxRuntime.jsx(ut,{label:n("predict.filter.minVolume"),children:jsxRuntime.jsx(pt,{options:u,selected:s.minVolume,onSelect:g=>d("minVolume",g)})}),jsxRuntime.jsx(ut,{label:n("predict.filter.minLiquidity"),children:jsxRuntime.jsx(pt,{options:v,selected:s.minLiquidity,onSelect:g=>d("minLiquidity",g)})})]}),jsxRuntime.jsx(ui.ModalFooter,{className:"px-4",children:jsxRuntime.jsxs("div",{className:"w-full flex justify-between items-center",children:[jsxRuntime.jsx(ui.Button,{variant:"light",color:"default",size:"sm",radius:"full",startContent:jsxRuntime.jsx(ui.RefreshIcon,{width:16,height:16}),onPress:l,children:n("predict.filter.reset")}),jsxRuntime.jsxs(ui.Button,{color:"primary",size:"sm",radius:"full",onPress:c,children:[n("predict.filter.showResults"),m>0&&jsxRuntime.jsxs("span",{className:"ml-1 text-xs opacity-80",children:["(",m,")"]})]})]})})]})})}function ut({label:e,children:t}){return jsxRuntime.jsxs("div",{className:"flex flex-col gap-2.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground",children:e}),t]})}function pt({options:e,selected:t,onSelect:r,allowDeselect:o=true}){return jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2",children:e.map(n=>{let s=t===n.value;return jsxRuntime.jsx("button",{type:"button",onClick:()=>{r(s&&o?void 0:n.value);},className:ui.cn("shrink-0 rounded-lg px-3 py-1.5 text-xs font-medium transition-colors duration-150 cursor-pointer border",s?"bg-primary/15 text-primary border-primary/40":"bg-content2 text-foreground/60 border-default-100 hover:bg-default-100 hover:text-foreground"),children:n.label},n.value??"__all")})})}var Gr={start_time:{sort_by:"created_at"},volume:{sort_by:"volume"},liquidity:{sort_by:"liquidity"},ending_soon:{sort_by:"end_at"}},Yr={start_time:"predict.sort.startTime",volume:"predict.sort.volume",liquidity:"predict.sort.liquidity",ending_soon:"predict.sort.endingSoon"},ni=["start_time","volume","liquidity","ending_soon"];function jr({sortPreset:e,onSortChange:t,sortAsc:r,onSortAscChange:o,onFilterPress:n,filterCount:s=0,className:i}){let{t:a}=i18n.useTranslation(),[l,c]=react.useState(false),d=react.useRef(null);react.useEffect(()=>{if(!l)return;let p=u=>{d.current&&!d.current.contains(u.target)&&c(false);},f=u=>{u.key==="Escape"&&c(false);};return document.addEventListener("mousedown",p),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",f);}},[l]);let m=qr[e];return jsxRuntime.jsxs("div",{className:ui.cn("flex items-center gap-2",i),children:[jsxRuntime.jsxs("div",{ref:d,className:"relative flex shrink-0 items-center rounded-full border border-border",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>c(p=>!p),className:"flex shrink-0 items-center gap-2 px-3 py-1.5 text-xs font-medium text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:[jsxRuntime.jsx(m,{className:"size-[18px] shrink-0"}),jsxRuntime.jsx("span",{className:"whitespace-nowrap",children:a(Yr[e])})]}),jsxRuntime.jsx("div",{className:"h-6 w-px bg-border"}),jsxRuntime.jsx("button",{type:"button",onClick:()=>o(!r),className:"px-2.5 py-1.5 text-xs text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:r?"\u2191":"\u2193"}),l&&jsxRuntime.jsx("div",{className:"absolute left-0 top-full z-20 mt-1 flex min-w-max flex-col gap-0.5 rounded-lg border border-border bg-content1 p-1 shadow-lg",children:ni.map(p=>{let f=qr[p];return jsxRuntime.jsxs("button",{type:"button",onClick:()=>{t(p),c(false);},className:ui.cn("flex w-full items-center gap-2 rounded px-2.5 py-1.5 text-xs font-medium transition-colors cursor-pointer",p===e?"bg-primary/10 text-primary":"text-neutral hover:bg-content2 hover:text-foreground"),children:[jsxRuntime.jsx(f,{className:"size-4 shrink-0"}),jsxRuntime.jsx("span",{children:a(Yr[p])})]},p)})})]}),jsxRuntime.jsx(ui.StyledBadge,{content:s>0?s:void 0,color:"primary",size:"sm",isInvisible:s===0,children:jsxRuntime.jsxs("button",{type:"button",onClick:n,className:"flex shrink-0 items-center gap-2 rounded-full border border-border px-3 py-1.5 text-xs font-medium text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:[jsxRuntime.jsx(ui.FilterIcon,{className:"size-[18px]"}),jsxRuntime.jsx("span",{className:"whitespace-nowrap",children:a("predict.filter.title")})]})})]})}var qr={start_time:ui.CalendarIcon,volume:ui.ChartLineIcon,liquidity:ui.DropletIcon,ending_soon:ui.TimerIcon};function Jr(e={}){let t=react.useMemo(()=>reactPredict.resolveEventsParams(e),[e.tagSlugSelection,e.limit,e.status,e.sort_by,e.sort_asc,e.source,e.with_markets]),{data:r,isLoading:o,isFetching:n,isFetchingNextPage:s,isError:i,error:a,hasNextPage:l,fetchNextPage:c,refetch:d}=reactPredict.useInfiniteEvents(t),m=react.useMemo(()=>r?.pages.flatMap(u=>u.items).filter(u=>u!=null)??[],[r]),p=react.useCallback(()=>{c();},[c]),f=react.useCallback(()=>{d();},[d]);return {data:m,isLoading:o,isFetching:n&&!s,isFetchingMore:s,isError:i,error:a??null,hasMore:l??false,fetchMore:p,refetch:f}}function $t({count:e=6}){return jsxRuntime.jsx("div",{className:"grid w-full grid-cols-1 gap-0 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx("div",{className:"p-2",children:jsxRuntime.jsxs("div",{className:"flex h-full min-h-52 flex-col rounded-xl border border-border/90 bg-background p-3 lg:min-h-72 lg:p-4",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsx(ui.Skeleton,{className:"size-10 shrink-0 rounded-lg"}),jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-1",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-11/12 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3 w-2/5 rounded"})]})]}),jsxRuntime.jsxs("div",{className:"mt-3 flex flex-1 flex-col gap-2 lg:gap-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-1/2 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-3/5 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-2/5 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]})]}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-3 w-20 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3 w-24 rounded"})]})]})},r))})}function Wd({count:e=48}){return jsxRuntime.jsxs("div",{className:"flex h-full w-full max-w-[1680px] mx-auto flex-col gap-y-3",children:[jsxRuntime.jsxs("div",{className:"flex min-h-8 items-center justify-between gap-3 lg:min-h-9",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 overflow-hidden",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-16 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-20 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-16 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-20 rounded"})]}),jsxRuntime.jsxs("div",{className:"flex shrink-0 items-center gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-28 rounded-full"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-24 rounded-full"})]})]}),jsxRuntime.jsx("div",{className:"min-h-0 flex-1",children:jsxRuntime.jsx($t,{count:e})})]})}var Zr=3,zt={bg:"hsl(var(--heroui-primary) / 0.14)",text:"hsl(var(--heroui-primary))",shadow:"hsl(var(--heroui-primary) / 0.18)"},sn={bg:"hsl(var(--heroui-secondary) / 0.14)",text:"hsl(var(--heroui-secondary))",shadow:"hsl(var(--heroui-secondary) / 0.18)"},pi={bg:"rgba(239, 68, 68, 0.14)",text:"rgb(239, 68, 68)",shadow:"rgba(239, 68, 68, 0.18)"},$e=[{bg:"rgba(139,92,246,0.14)",text:"rgb(139,92,246)",shadow:"rgba(139,92,246,0.18)"},{bg:"rgba(34,197,94,0.14)",text:"rgb(34,197,94)",shadow:"rgba(34,197,94,0.18)"},{bg:"rgba(0,166,212,0.14)",text:"rgb(0,166,212)",shadow:"rgba(0,166,212,0.18)"},{bg:"rgba(194,120,32,0.14)",text:"rgb(194,120,32)",shadow:"rgba(194,120,32,0.18)"},{bg:"rgba(202,138,4,0.14)",text:"rgb(202,138,4)",shadow:"rgba(202,138,4,0.18)"},{bg:"rgba(236,72,153,0.14)",text:"rgb(236,72,153)",shadow:"rgba(236,72,153,0.18)"},{bg:"rgba(99,102,241,0.14)",text:"rgb(99,102,241)",shadow:"rgba(99,102,241,0.18)"},{bg:"rgba(244,114,82,0.14)",text:"rgb(244,114,82)",shadow:"rgba(244,114,82,0.18)"}];function en(e){let t=0;for(let r=0;r<e.length;r++)t=(t<<5)-t+e.charCodeAt(r)|0;return Math.abs(t)}function mi(e){let t=e.outcomes?.map(i=>i.label?.toLowerCase().trim()??"")??[];if(t.some(i=>i==="up")&&t.some(i=>i==="down"))return [zt,pi];if(t.some(i=>i==="yes")&&t.some(i=>i==="no"))return [zt,sn];let r=t[0]??"",o=t[1]??"",n=en(r)%$e.length,s=en(o)%$e.length;return s===n&&(s=(s+1)%$e.length),[$e[n],$e[s]]}function fi(e){let t=e.outcomes?.[0];return t?t.best_ask??t.price??null:null}function an(e){let t=fi(e);return t!=null?Math.round(t*100):0}function ln(e){return e<=1&&e>0?"< 1%":e>=99&&e<100?"> 99%":`${e}%`}function tn(e){let t=e.outcomes?.[0];return ((t?.best_ask??t?.price??0)*100).toFixed(1)}function rn(e){let t=e.outcomes?.[1];if(t){let n=t.best_ask??t.price??0;return Math.round(n*100).toString()}let r=e.outcomes?.[0],o=r?.best_ask??r?.price??0;return Math.round((1-o)*100).toString()}function gi(e){let t=new Date(e).getTime()-Date.now();if(t<=0)return null;let r=Math.floor(t/864e5),o=Math.floor(t%864e5/36e5),n=Math.floor(t%36e5/6e4),s=[];return r>0&&s.push(`${r}d`),o>0&&s.push(`${o}h`),s.push(`${n}m`),s.join(" ")}var vi=`
|
|
1
|
+
'use strict';var react=require('react'),ui$1=require('@liberfi.io/ui'),uiScaffold=require('@liberfi.io/ui-scaffold'),i18n=require('@liberfi.io/i18n'),jsxRuntime=require('react/jsx-runtime'),walletConnector=require('@liberfi.io/wallet-connector'),reactQuery=require('@tanstack/react-query'),Ht=require('canvas-confetti'),reactPredict=require('@liberfi.io/react-predict'),types=require('@liberfi.io/types'),utils=require('@liberfi.io/utils'),reactWindow=require('react-window'),reactWindowInfiniteLoader=require('react-window-infinite-loader'),hooks=require('@liberfi.io/hooks'),recharts=require('recharts'),jotai=require('jotai'),utils$1=require('jotai/utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Ht__default=/*#__PURE__*/_interopDefault(Ht);typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-predict"]="0.1.84");var Bo="0.1.84";var Fo={Weather:["Daily temperature","Snow and rain","Climate change","Natural disasters","Hurricanes"],Companies:["IPOs","Product launches","KPIs","Elon Musk","CEOs","Layoffs"],Crypto:["BTC","15 min","Hourly","ETH","SOL","DOGE","Pre-Market","XRP","BNB","HYPE"],Economics:["Growth","Fed","Inflation","Oil and energy","Employment","Housing","Jobs & Economy","Bankruptcy & Defaults","GDP","Global Central Banks"],Elections:["Primaries","International elections"],Entertainment:["Music","Movies","Music charts","Television","Awards","Video games","Oscars","Rotten Tomatoes"],Financials:["S&P","Nasdaq","Daily","Metals","Treasuries","Oil","EUR/USD","USD/JPY","WTI"],Mentions:["Politicians","Earnings","Entertainment"],Politics:["Trump","Congress","International","SCOTUS & courts","Local","Recurring","Iran","House"],Science:["AI","Energy","Space"],Social:null,Sports:["Soccer","Basketball","Baseball","Football","Hockey","Golf","Tennis","Motorsport","Esports","Boxing","MMA","Rugby","Lacrosse","Mentions","Chess","Cricket","Aussie Rules","Darts"],World:null},Nr=["Politics","Sports","Crypto","Economics","Financials","Elections","Entertainment","Companies","Science and Technology","Climate and Weather","Mentions","Social","World"],Ot=(()=>{let e=t=>{let r=Nr.indexOf(t);return r===-1?Nr.length:r};return Object.entries(Fo).map(([t,r])=>({slug:t,label:t,tags:(r??[]).map(o=>({slug:o,label:o}))})).sort((t,r)=>e(t.slug)-e(r.slug))})();function Cr({categories:e,selectedCategory:t,selectedTag:r,activeTags:o,onCategorySelect:n,onTagSelect:s,trailing:a,pulsingTab:i="Trending",className:l}){let{t:d}=i18n.useTranslation(),c=react.useCallback(()=>{n(null);},[n]),u=d("predict.categories.trending");return jsxRuntime.jsxs("div",{className:ui$1.cn("sticky top-0 z-30 flex w-full flex-col justify-between gap-2 px-4 py-1 lg:px-2 lg:py-1",l),children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center gap-2",children:[jsxRuntime.jsx("div",{className:"hideScrollbar min-w-0 flex-1 overflow-x-auto overflow-y-hidden",children:jsxRuntime.jsxs("div",{className:"flex min-h-8 items-stretch gap-x-2 lg:min-h-9",children:[jsxRuntime.jsx(Pr,{label:u,isSelected:t===null,onPress:c,showPulse:u===i}),jsxRuntime.jsx(zo,{}),e.map(m=>jsxRuntime.jsx(Pr,{label:m.category,isSelected:t===m.category,onPress:()=>n(m.category),badge:m.badge,showPulse:m.category===i},m.category))]})}),a&&jsxRuntime.jsx("div",{className:"flex-shrink-0",children:a})]}),t&&o.length>0&&jsxRuntime.jsx("div",{className:"hideScrollbar overflow-x-auto overflow-y-hidden flex items-center",children:jsxRuntime.jsxs("div",{className:"flex gap-x-1 pl-2 lg:w-full lg:gap-x-2",children:[jsxRuntime.jsx(Er,{label:d("predict.categories.allMarkets"),isSelected:r===null,onPress:()=>s(null)}),o.map(m=>jsxRuntime.jsx(Er,{label:m.label,icon:m.icon,isSelected:r===m.label,onPress:()=>s(m.label)},m.label))]})})]})}function Pr({label:e,isSelected:t,onPress:r,badge:o,showPulse:n}){return jsxRuntime.jsxs("button",{type:"button",onClick:r,className:ui$1.cn("relative shrink-0 cursor-pointer whitespace-nowrap border-b p-1 text-base font-normal capitalize transition-colors",t?"border-primary/50 text-primary":"border-transparent text-neutral-500 hover:text-neutral-300"),children:[n?jsxRuntime.jsxs("span",{className:"flex items-center gap-x-1.5",children:[jsxRuntime.jsx("span",{className:"h-2 w-2 animate-pulse rounded-full bg-[rgb(240,68,56)]"}),jsxRuntime.jsx("span",{children:e})]}):e,o&&jsxRuntime.jsx("span",{className:"absolute -right-1 top-0 rounded bg-primary px-0.5 py-px text-[0.625rem] font-semibold leading-none text-neutral-950",children:o})]})}function zo(){return jsxRuntime.jsx("span",{className:"flex items-center text-neutral-600","aria-hidden":"true",children:"|"})}function Er({label:e,icon:t,isSelected:r,onPress:o}){return jsxRuntime.jsxs("button",{type:"button",onClick:o,className:ui$1.cn("flex shrink-0 items-center justify-center gap-x-1 min-w-14 rounded-2xl border px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer",r?"border-transparent bg-primary text-black":"border-border/80 text-neutral-200 hover:bg-primary/10 hover:text-primary"),children:[t&&jsxRuntime.jsx("span",{className:ui$1.cn("iconify size-4",t)}),e]})}function Tc({count:e=6}){return jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-2 px-4 py-1 lg:px-2 lg:py-1",children:jsxRuntime.jsx("div",{className:"flex min-h-8 items-center gap-x-2 lg:min-h-9",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx(ui$1.Skeleton,{className:"h-6 w-16 shrink-0 rounded"},r))})})}function Ko(e){return e.map(t=>({category:t.label,tags:t.tags.map(r=>r.label)}))}function Vo(e){return e?e.tags.map(t=>({label:t.label,icon:t.icon})):[]}function Rr({onSelect:e,trailing:t,className:r}){let[o,n]=react.useState(null),[s,a]=react.useState(null),i=react.useCallback(m=>{n(m),a(null),e?.({categorySlug:m,tagSlug:null});},[e]),l=react.useCallback(m=>{a(m),e?.({categorySlug:o,tagSlug:m});},[o,e]),d=Ko(Ot),c=Ot.find(m=>m.slug===o),u=Vo(c);return jsxRuntime.jsx(Cr,{categories:d,selectedCategory:o,selectedTag:s,activeTags:u,onCategorySelect:i,onTagSelect:l,trailing:t,className:r})}function Lr(e){return {title:e.title,imageUrl:e.image_url}}function Or(e){let t=e.outcomes[0],r=e.outcomes[1];return {yesAsk:t?.best_ask??t?.price,noAsk:r?.best_ask??r?.price,yesBid:t?.best_bid,noBid:r?.best_bid,yesSubTitle:t?.label??"Yes",noSubTitle:r?.label??"No"}}var Ue=48,It=4,st={ONE_MINUTE:1,ONE_HOUR:60,ONE_DAY:1440},te={ONE_DAY:"1d",ONE_WEEK:"1w",ONE_MONTH:"1m",ALL:"all"},at=te.ALL,Hc={[te.ONE_DAY]:st.ONE_MINUTE,[te.ONE_WEEK]:st.ONE_HOUR,[te.ONE_MONTH]:st.ONE_HOUR,[te.ALL]:st.ONE_DAY},Bc={[te.ONE_DAY]:300,[te.ONE_WEEK]:3600,[te.ONE_MONTH]:10800,[te.ALL]:1440*60},Fc={[te.ONE_DAY]:1440*60,[te.ONE_WEEK]:10080*60,[te.ONE_MONTH]:720*60*60,[te.ALL]:null},_t=1,Uc=1,Wc=1,$c=99,Ee={ONE_HOUR:"1h",SIX_HOURS:"6h",ONE_DAY:"1d",ONE_WEEK:"1w",MAX:"max"},zc=Ee.ONE_WEEK,Kc={[Ee.ONE_HOUR]:60,[Ee.SIX_HOURS]:60,[Ee.ONE_DAY]:300,[Ee.ONE_WEEK]:1800,[Ee.MAX]:1800};var Ar=react.createContext(null);function Dt(){let e=react.useContext(Ar);if(!e)throw new Error("usePredictWallet must be used within a PredictWalletProvider");return e}var Xo=3e4;function Qo({pollingInterval:e=Xo,enabled:t=true,children:r}){let o=walletConnector.useWallets(),n=react.useMemo(()=>o.find(f=>f.chainNamespace===types.ChainNamespace.SOLANA&&f.isConnected)?.address,[o]),s=react.useMemo(()=>o.find(f=>f.chainNamespace===types.ChainNamespace.EVM&&f.isConnected)?.address,[o]),{data:a,isLoading:i,error:l}=reactPredict.useBalance({source:"dflow",user:n??""},{enabled:t&&!!n,refetchInterval:e}),{data:d,isLoading:c,error:u}=reactPredict.useBalance({source:"polymarket",user:s??""},{enabled:t&&!!s,refetchInterval:e}),m=react.useMemo(()=>({solanaAddress:n,evmAddress:s,dflowUsdcBalance:a?Number(a.balance):0,polymarketUsdcBalance:d?Number(d.balance):0,isLoading:i||c,error:l??u??null}),[n,s,a,d,i,c,l,u]);return jsxRuntime.jsx(Ar.Provider,{value:m,children:r})}function Br(){let e={startVelocity:30,spread:360,ticks:60,zIndex:9999};Ht__default.default({...e,particleCount:80,origin:{x:.5,y:.4}}),setTimeout(()=>{Ht__default.default({...e,particleCount:40,origin:{x:.3,y:.6}});},150),setTimeout(()=>{Ht__default.default({...e,particleCount:40,origin:{x:.7,y:.6}});},300);}function Fr({market:e,initialOutcome:t="yes",initialSide:r="buy"}){let{t:o}=i18n.useTranslation(),{status:n}=walletConnector.useAuth(),s=walletConnector.useWallets(),a=walletConnector.useSwitchChain(),i=reactPredict.usePredictClient(),l=react.useContext(reactPredict.PolymarketContext),d=reactQuery.useQueryClient(),c=e.source,u=c==="polymarket",m=s.find(P=>P.chainNamespace===types.ChainNamespace.SOLANA&&P.isConnected),f=s.find(P=>P.chainNamespace===types.ChainNamespace.EVM&&P.isConnected&&"switchChain"in P),p=n==="authenticated",g=m?.address,v=f?.address,[b,U]=react.useState(t),[E,M]=react.useState(r),[T,G]=react.useState("market"),[C,N]=react.useState(NaN),[z,he]=react.useState(NaN),[ne,K]=react.useState(false),[oe,se]=react.useState(null),[we,Se]=react.useState(false),[w,x]=react.useState(null),R=null;try{let P=Dt();R={dflowUsdcBalance:P.dflowUsdcBalance,polymarketUsdcBalance:P.polymarketUsdcBalance,isLoading:P.isLoading};}catch{}let A=react.useMemo(()=>{let P=b==="yes"?0:1,H=e.outcomes[P];return E==="buy"?H?.best_ask??H?.price??.5:H?.best_bid??H?.price??.5},[e.outcomes,b,E]);react.useMemo(()=>isNaN(C)||C<=0?0:E==="buy"?A>0?C/A:0:C,[E,C,A]);let j=react.useMemo(()=>isNaN(C)||C<=0?"0":String(Math.round(C*1e6)),[C]),Fe=e.provider_meta?.["dflow.yesMint"]??"",yo=e.provider_meta?.["dflow.noMint"]??"",mr=e.provider_meta?.["dflow.collateralMint"]??"",fr=b==="yes"?Fe:yo,et=E==="buy"?mr:fr,tt=E==="buy"?fr:mr,wo=c==="dflow"&&!!et&&!!tt&&!!g&&j!=="0",{refetch:gr}=reactPredict.useDFlowQuote({inputMint:et,outputMint:tt,amount:j,userPublicKey:g??"",slippageBps:100},{enabled:wo}),vr=c==="dflow"?g??"":v??"",{data:me,isLoading:So}=reactPredict.usePositions({source:c,user:vr},{enabled:!!vr}),rt=react.useMemo(()=>R?c==="dflow"?R.dflowUsdcBalance:R.polymarketUsdcBalance:me&&me.positions.reduce((H,fe)=>fe.side==="USDC"||fe.side==="collateral"?H+(fe.current_value??0):H,0)||null,[R,me,c]),ko=R?R.isLoading:So,Pt=react.useMemo(()=>me?me.positions.find(H=>H.side?.toLowerCase()==="yes"&&H.market?.slug===e.slug)?.size??0:null,[me,e.slug]),Et=react.useMemo(()=>me?me.positions.find(H=>H.side?.toLowerCase()==="no"&&H.market?.slug===e.slug)?.size??0:null,[me,e.slug]),Ct=react.useMemo(()=>T==="limit"&&u&&!isNaN(z)?z:A,[T,u,z,A]),nt=react.useMemo(()=>{if(isNaN(C)||C<=0)return 0;if(E==="buy")return C;let P=b==="yes"?e.outcomes[0]?.best_bid??0:e.outcomes[1]?.best_bid??0;return C*P},[E,b,C,e.outcomes]),xr=react.useMemo(()=>isNaN(C)||C<=0?0:E==="buy"?Ct>0?C/Ct*1:0:nt,[E,C,Ct,nt]),No=xr-nt,Po=react.useCallback(P=>{M(P),N(NaN);},[]),Eo=react.useCallback(P=>{if(isNaN(P)){N(NaN);return}let H=Math.max(0,P),fe=E==="buy"?Math.round(H*100)/100:Math.round(H);N(fe);},[E]),Co=react.useCallback(P=>{if(isNaN(P)){he(NaN);return}let H=Math.max(.01,Math.min(.99,P));he(Math.round(H*100)/100);},[]),Tt=react.useMemo(()=>{let P=[];(isNaN(C)||C<_t)&&P.push(`Minimum quantity is ${_t}`),e.status!=="open"&&P.push("Market is not active"),E==="buy"&&rt!=null&&!isNaN(C)&&C>0&&C>rt&&P.push("Insufficient USDC balance");let H=b==="yes"?Pt:Et;return E==="sell"&&H!=null&&!isNaN(C)&&C>0&&C>H&&P.push("Insufficient shares"),T==="limit"&&u&&(isNaN(z)||z<.01||z>.99)&&P.push("Limit price must be between $0.01 and $0.99"),{isValid:P.length===0,errors:P}},[C,e.status,E,rt,Pt,Et,b,T,u,z]),{mutateAsync:hr}=reactPredict.useDFlowSubmit(),{data:Mt}=reactPredict.useOrder({id:oe??"",source:c},{enabled:!!oe});react.useEffect(()=>{if(!Mt||!oe)return;let{status:P}=Mt;P==="closed"?(K(false),se(null),ui$1.toast.success(o("predict.trade.submitSuccess")),Br(),N(NaN)):(P==="failed"||P==="expired")&&(K(false),se(null),ui$1.toast.error(o("predict.trade.submitError")));},[Mt,oe,o]);let br=react.useCallback(async()=>{if(!g||!m)return;let P=await i.checkDFlowKYC(g);if(!P.verified){Se(true),x(P.kyc_url||null),K(false);return}let ge=(await gr()).data?.transaction;if(!ge){ui$1.toast.error(o("predict.trade.submitError")),K(false);return}let ce=Uint8Array.from(atob(ge),Lt=>Lt.charCodeAt(0)),Rt=await m.sendTransaction(ce);await hr({signedTransaction:btoa(String.fromCharCode(...ce)),orderContext:{user_public_key:g,input_mint:et,output_mint:tt,amount:j,price:String(A),side:E==="buy"?"BUY":"SELL",outcome:b==="yes"?"YES":"NO",market_slug:e.slug,slippage_bps:100}}),se(Rt);},[g,m,i,gr,hr,et,tt,j,A,E,b,e.slug,o]),yr=react.useCallback(async()=>{if(!f||!l)return;let P=f.chain,H=P!==types.Chain.POLYGON;H&&await a(types.Chain.POLYGON);try{let fe=await f.getEip1193Provider();if(!fe){ui$1.toast.error(o("predict.trade.submitError")),K(!1);return}let ge={address:f.address,signatureType:0,signTypedData:async(Ao,Do,Ho)=>await fe.request({method:"eth_signTypedData_v4",params:[f.address,JSON.stringify({domain:Ao,types:Do,message:Ho})]})},ce=l.credentials;if(!ce&&(await l.authenticate(ge),ce=l.credentials,!ce))throw new Error("Polymarket authentication failed");let Rt=b==="yes"?0:1,Lt=e.provider_meta?.[`polymarket.tokenId${Rt}`]??e.provider_meta?.["polymarket.conditionId"]??"",wr=e.provider_meta?.["polymarket.negRisk"]??!1,Mo=T==="limit"&&!isNaN(z)?z:A,Sr={tokenId:Lt,price:Mo,size:C,side:E==="buy"?"BUY":"SELL",orderType:T==="limit"?"GTC":"FOK",tickSize:"0.01",negRisk:wr},Ro=reactPredict.buildCtfExchangeDomain(wr),Lo=reactPredict.buildOrderMessage({...Sr,signerAddress:ge.address,signatureType:ge.signatureType}),Oo=await ge.signTypedData(Ro,reactPredict.CTF_ORDER_TYPES,Lo),kr=reactPredict.buildSignedOrder({...Sr,signerAddress:ge.address,signatureType:ge.signatureType,signature:Oo}),Io=JSON.stringify(kr),_o=await reactPredict.buildPolymarketL2Headers(ce.address,{apiKey:ce.apiKey,secret:ce.secret,passphrase:ce.passphrase,method:"POST",requestPath:"/api/v1/orders/polymarket",body:Io});await i.createPolymarketOrder(kr,_o),d.invalidateQueries({queryKey:["predict","orders"]}),d.invalidateQueries({queryKey:["predict","positions"]}),ui$1.toast.success(o("predict.trade.submitSuccess")),Br(),N(NaN),K(!1);}finally{H&&P&&a(P).catch(()=>{});}},[f,l,a,b,e.provider_meta,T,z,A,C,E,i,d,o]),To=react.useCallback(async()=>{if(!(!Tt.isValid||!p)){K(true),se(null),Se(false);try{c==="dflow"?await br():await yr();}catch{ui$1.toast.error(o("predict.trade.submitError")),K(false);}}},[Tt.isValid,p,c,br,yr,o]);return {outcome:b,side:E,orderType:T,quantity:C,limitPrice:z,estimatedCost:nt,potentialPayout:xr,potentialProfit:No,usdcBalance:rt,yesTokenBalance:Pt,noTokenBalance:Et,isBalanceLoading:ko,isSubmitting:ne,validation:Tt,supportsLimitOrder:u,kycRequired:we,kycUrl:w,setOutcome:U,setSide:Po,setOrderType:G,setQuantity:Eo,setLimitPrice:Co,submit:To}}var Ts=`https://s1.chainstream.io/chains/sol/tokens/${utils.SOLANA_TOKENS.stablecoins.USDC.address}/image.png`;function $r({event:e,market:t,outcome:r,side:o,orderType:n,quantity:s,limitPrice:a,potentialProfit:i,estimatedCost:l,usdcBalance:d,yesTokenBalance:c,noTokenBalance:u,isBalanceLoading:m,isSubmitting:f,isValid:p,supportsLimitOrder:g,kycRequired:v,kycUrl:b,onOutcomeChange:U,onSideChange:E,onOrderTypeChange:M,onQuantityChange:T,onLimitPriceChange:G,onSubmit:C}){let{t:N}=i18n.useTranslation(),[z,he]=react.useState(false),ne=ui$1.useDisclosure(),K=react.useMemo(()=>{let x=o==="buy"?r==="yes"?t.yesAsk:t.noAsk:r==="yes"?t.yesBid:t.noBid;return x!=null?Math.round(Number(x)*100):null},[o,r,t]),oe=react.useMemo(()=>{if(f)return N("predict.trade.submitting");if(v)return N("predict.trade.kycRequired");if(!s||isNaN(s)||s<=0)return N("predict.trade.enterAmount");let x=N(o==="buy"?"predict.trade.buy":"predict.trade.sell"),R=N(r==="yes"?"predict.trade.yes":"predict.trade.no");return `${x} ${R}`},[f,v,s,o,r,N]),se=react.useMemo(()=>r==="yes"?"primary":"secondary",[r]),we=()=>{T(Math.floor((d??0)/2*100)/100);},Se=()=>{T(d??0);},w=()=>{if(v){ne.onOpen();return}C();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 rounded-xl border border-default-200 bg-content1 p-4",children:[e&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-3",children:[e.imageUrl&&jsxRuntime.jsx("img",{src:e.imageUrl,alt:e.title,className:"h-10 w-10 shrink-0 rounded-lg object-cover"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-col gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-sm text-neutral-500 leading-tight line-clamp-1",children:e.title}),jsxRuntime.jsxs("span",{className:"text-base font-semibold leading-tight line-clamp-1",children:[jsxRuntime.jsxs("span",{className:r==="yes"?"text-bullish":"text-bearish",children:[N(o==="buy"?"predict.trade.buy":"predict.trade.sell")," ",N(r==="yes"?"predict.trade.yes":"predict.trade.no")]}),jsxRuntime.jsxs("span",{className:"text-foreground",children:[" \xB7 ",r==="yes"?t.yesSubTitle:t.noSubTitle]})]})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[g?jsxRuntime.jsxs(ui$1.Tabs,{variant:"underlined",selectedKey:n,onSelectionChange:x=>M(x),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui$1.Tab,{title:N("predict.trade.market")},"market"),jsxRuntime.jsx(ui$1.Tab,{title:N("predict.trade.limit")},"limit")]}):jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:N("predict.trade.market")}),K!=null&&jsxRuntime.jsxs("span",{className:"text-xl font-bold tabular-nums",children:[K," \xA2"]})]}),jsxRuntime.jsxs(ui$1.Tabs,{variant:"underlined",selectedKey:o,onSelectionChange:x=>E(x),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui$1.Tab,{title:N("predict.trade.buy")},"buy"),jsxRuntime.jsx(ui$1.Tab,{title:N("predict.trade.sell")},"sell")]}),jsxRuntime.jsx("div",{className:"flex gap-x-2",children:["yes","no"].map(x=>{let R=x==="yes"?c:u;return jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-y-1",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>U(x),className:`w-full rounded-lg border py-2 text-sm font-medium transition-colors cursor-pointer ${r===x?x==="yes"?"border-primary bg-primary-50 text-primary":"border-secondary bg-secondary-50 text-secondary":"border-default-400 text-foreground hover:border-default-500"}`,children:[jsxRuntime.jsx("span",{children:N(x==="yes"?"predict.trade.yes":"predict.trade.no")}),(()=>{let A=o==="buy"?x==="yes"?t.yesAsk:t.noAsk:x==="yes"?t.yesBid:t.noBid;return A!=null?jsxRuntime.jsxs("span",{className:"ml-1 opacity-70",children:[Math.round(Number(A)*100),"\xA2"]}):null})()]}),o==="sell"&&r===x&&jsxRuntime.jsx("span",{className:"text-center text-xs text-foreground",children:m?"\u2013":`${R??0} shares`})]},x)})}),g&&n==="limit"&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:N("predict.trade.limitPrice")}),jsxRuntime.jsx(ui$1.StyledNumberInput,{fullWidth:true,placeholder:"0.50",radius:"lg",size:"lg",value:isNaN(a)?void 0:a,onValueChange:x=>G(x),minValue:.01,maxValue:.99,step:.01,formatOptions:{maximumFractionDigits:2},startContent:jsxRuntime.jsx("span",{className:"text-default-600 text-xl",children:"$"}),classNames:{inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 h-14 min-h-14",input:"text-lg"}})]}),o==="buy"&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsx("span",{children:N("predict.trade.youArePaying")}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("img",{src:Ts,alt:"USDC",className:"h-3.5 w-3.5 rounded-full object-cover"}),jsxRuntime.jsx("span",{className:"font-medium text-foreground tabular-nums",children:d!=null?`${d.toFixed(6)} USDC`:"\u2013"}),jsxRuntime.jsx("button",{type:"button",onClick:we,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:N("predict.trade.half")}),jsxRuntime.jsx("button",{type:"button",onClick:Se,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:N("predict.trade.max")})]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:N(o==="buy"?"predict.trade.amount":"predict.trade.contracts")}),jsxRuntime.jsx(ui$1.StyledNumberInput,{fullWidth:true,placeholder:"0",radius:"lg",size:"lg",value:isNaN(s)?void 0:s,onValueChange:x=>{T(x);},minValue:0,step:o==="buy"?.01:1,formatOptions:o==="buy"?{maximumFractionDigits:2}:{maximumFractionDigits:0},startContent:o==="buy"?jsxRuntime.jsx("span",{className:"text-default-600 text-xl",children:"$"}):void 0,classNames:{inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 h-14 min-h-14",input:"text-lg"}},o),o==="sell"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2 justify-end",children:[[25,50].map(x=>jsxRuntime.jsxs("button",{type:"button",onClick:()=>{T(Math.floor((r==="yes"?c??0:u??0)*x/100));},className:"rounded-md bg-content2 px-2.5 py-1 text-xs font-medium text-default-600 transition-colors hover:bg-content3 cursor-pointer",children:[x,"%"]},x)),jsxRuntime.jsx("button",{type:"button",onClick:()=>{T(r==="yes"?c??0:u??0);},className:"rounded-md bg-content2 px-2.5 py-1 text-xs font-medium text-default-600 transition-colors hover:bg-content3 cursor-pointer",children:N("common.all")})]})]}),!isNaN(s)&&s>0&&jsxRuntime.jsxs("div",{className:"flex flex-col items-end gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-sm text-foreground",children:N(o==="buy"?"predict.trade.potentialWin":"predict.trade.estimatedReceive")}),jsxRuntime.jsxs("span",{className:"text-xl font-semibold text-bullish",children:["$",(o==="buy"?i:l).toFixed(2)]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>he(x=>!x),className:"flex items-center gap-x-1 text-neutral-500 hover:text-foreground cursor-pointer transition-colors",children:[jsxRuntime.jsx("span",{children:N("predict.trade.odds")}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{className:ui$1.cn("h-3.5 w-3.5 transition-transform",z&&"rotate-180")})]}),K!=null&&jsxRuntime.jsxs("span",{className:"text-foreground font-medium tabular-nums",children:[K,"% chance"]})]}),z&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsxs("span",{children:[N("predict.trade.bestBid"),":"," ",Math.round((t.yesBid??0)*100),"\xA2"]}),jsxRuntime.jsxs("span",{children:[N("predict.trade.bestAsk"),":"," ",Math.round((t.yesAsk??0)*100),"\xA2"]})]})]}),jsxRuntime.jsx(ui$1.Button,{color:se,fullWidth:true,radius:"lg",size:"lg",isDisabled:!v&&!p||f||!v&&(!s||isNaN(s)||s<=0),isLoading:f,onPress:w,children:oe})]}),jsxRuntime.jsx(ui$1.Modal,{isOpen:ne.isOpen,onClose:ne.onClose,children:jsxRuntime.jsxs(ui$1.ModalContent,{children:[jsxRuntime.jsx(ui$1.ModalHeader,{className:"flex flex-col gap-1",children:N("predict.trade.kycModalTitle")}),jsxRuntime.jsx(ui$1.ModalBody,{children:jsxRuntime.jsx("p",{className:"text-sm text-default-600",children:N("predict.trade.kycModalDescription")})}),jsxRuntime.jsxs(ui$1.ModalFooter,{children:[jsxRuntime.jsx(ui$1.Button,{variant:"light",onPress:ne.onClose,children:N("common.cancel")}),b&&jsxRuntime.jsx(ui$1.Button,{color:"primary",onPress:()=>{window.open(b,"_blank","noopener,noreferrer"),ne.onClose();},children:N("predict.trade.goToKYC")})]})]})})]})}function lt({event:e,market:t,initialSide:r,initialOutcome:o,chain:n}){let{outcome:s,side:a,orderType:i,quantity:l,limitPrice:d,estimatedCost:c,potentialPayout:u,potentialProfit:m,usdcBalance:f,yesTokenBalance:p,noTokenBalance:g,isBalanceLoading:v,isSubmitting:b,validation:U,supportsLimitOrder:E,kycRequired:M,kycUrl:T,setOutcome:G,setSide:C,setOrderType:N,setQuantity:z,setLimitPrice:he,submit:ne}=Fr({market:t,initialSide:r,initialOutcome:o}),K=walletConnector.useAuthCallback(ne),oe=react.useMemo(()=>e?Lr(e):void 0,[e]),se=react.useMemo(()=>Or(t),[t]);return jsxRuntime.jsx($r,{event:oe,market:se,outcome:s,side:a,orderType:i,quantity:l,limitPrice:d,estimatedCost:c,potentialPayout:u,potentialProfit:m,usdcBalance:f,yesTokenBalance:p,noTokenBalance:g,isBalanceLoading:v,isSubmitting:b,isValid:U.isValid,validationErrors:U.errors,supportsLimitOrder:E,kycRequired:M,kycUrl:T,onOutcomeChange:G,onSideChange:C,onOrderTypeChange:N,onQuantityChange:z,onLimitPriceChange:he,onSubmit:K})}var Ut="predict-trade";function Kr({id:e=Ut}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Hs,{...t})})}function Hs({params:e,isOpen:t,onOpenChange:r}){let{isMobile:o}=ui$1.useScreen();return e?jsxRuntime.jsx(ui$1.StyledModal,{isOpen:t,onOpenChange:r,size:o?"full":"md",backdrop:"blur",radius:"lg",children:jsxRuntime.jsx(ui$1.ModalContent,{children:jsxRuntime.jsx(ui$1.ModalBody,{className:"p-4",children:jsxRuntime.jsx(lt,{event:e.event,market:e.market,initialOutcome:e.initialOutcome,initialSide:"buy",chain:e.chain})})})}):null}var Wt={sortPreset:"volume",sortAsc:false,source:"dflow",timeRemaining:void 0,minVolume:void 0,minLiquidity:void 0};function $t(e){let t=0;return e.source&&t++,e.timeRemaining&&t++,e.minVolume&&t++,e.minLiquidity&&t++,t}function Yr({isOpen:e,onClose:t,value:r,onChange:o}){let{t:n}=i18n.useTranslation(),[s,a]=react.useState(r),i=react.useCallback(v=>{v?a(r):t();},[r,t]),l=react.useCallback(()=>{a(Wt);},[]),d=react.useCallback(()=>{o(s),t();},[s,o,t]),c=react.useCallback((v,b)=>{a(U=>({...U,[v]:b}));},[]),u=react.useMemo(()=>$t(s),[s]),m=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"polymarket",label:n("predict.platform.polymarket")},{value:"dflow",label:n("predict.platform.dflow")}],[n]),f=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1d",label:n("predict.filter.lessThanDay")},{value:"7d",label:n("predict.filter.lessThanWeek")},{value:"30d",label:n("predict.filter.lessThanMonth")}],[n]),p=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[n]),g=react.useMemo(()=>[{value:void 0,label:n("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[n]);return jsxRuntime.jsx(ui$1.StyledModal,{isOpen:e,onOpenChange:i,size:"md",scrollBehavior:"inside",children:jsxRuntime.jsxs(ui$1.ModalContent,{children:[jsxRuntime.jsx(ui$1.ModalHeader,{className:"px-4 py-2",children:jsxRuntime.jsx("span",{className:"text-base font-semibold",children:n("predict.filter.title")})}),jsxRuntime.jsxs(ui$1.ModalBody,{className:"flex flex-col gap-5",children:[jsxRuntime.jsx(dt,{label:n("predict.filter.platform"),children:jsxRuntime.jsx(ut,{options:m,selected:s.source,onSelect:v=>c("source",v)})}),jsxRuntime.jsx(dt,{label:n("predict.filter.timeRemaining"),children:jsxRuntime.jsx(ut,{options:f,selected:s.timeRemaining,onSelect:v=>c("timeRemaining",v)})}),jsxRuntime.jsx(dt,{label:n("predict.filter.minVolume"),children:jsxRuntime.jsx(ut,{options:p,selected:s.minVolume,onSelect:v=>c("minVolume",v)})}),jsxRuntime.jsx(dt,{label:n("predict.filter.minLiquidity"),children:jsxRuntime.jsx(ut,{options:g,selected:s.minLiquidity,onSelect:v=>c("minLiquidity",v)})})]}),jsxRuntime.jsx(ui$1.ModalFooter,{className:"px-4",children:jsxRuntime.jsxs("div",{className:"w-full flex justify-between items-center",children:[jsxRuntime.jsx(ui$1.Button,{variant:"light",color:"default",size:"sm",radius:"full",startContent:jsxRuntime.jsx(ui$1.RefreshIcon,{width:16,height:16}),onPress:l,children:n("predict.filter.reset")}),jsxRuntime.jsxs(ui$1.Button,{color:"primary",size:"sm",radius:"full",onPress:d,children:[n("predict.filter.showResults"),u>0&&jsxRuntime.jsxs("span",{className:"ml-1 text-xs opacity-80",children:["(",u,")"]})]})]})})]})})}function dt({label:e,children:t}){return jsxRuntime.jsxs("div",{className:"flex flex-col gap-2.5",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground",children:e}),t]})}function ut({options:e,selected:t,onSelect:r,allowDeselect:o=true}){return jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2",children:e.map(n=>{let s=t===n.value;return jsxRuntime.jsx("button",{type:"button",onClick:()=>{r(s&&o?void 0:n.value);},className:ui$1.cn("shrink-0 rounded-lg px-3 py-1.5 text-xs font-medium transition-colors duration-150 cursor-pointer border",s?"bg-primary/15 text-primary border-primary/40":"bg-content2 text-foreground/60 border-default-100 hover:bg-default-100 hover:text-foreground"),children:n.label},n.value??"__all")})})}var Xr={start_time:{sort_by:"created_at"},volume:{sort_by:"volume"},liquidity:{sort_by:"liquidity"},ending_soon:{sort_by:"end_at"}},Gr={start_time:"predict.sort.startTime",volume:"predict.sort.volume",liquidity:"predict.sort.liquidity",ending_soon:"predict.sort.endingSoon"},na=["start_time","volume","liquidity","ending_soon"];function Qr({sortPreset:e,onSortChange:t,sortAsc:r,onSortAscChange:o,onFilterPress:n,filterCount:s=0,className:a}){let{t:i}=i18n.useTranslation(),[l,d]=react.useState(false),c=react.useRef(null);react.useEffect(()=>{if(!l)return;let m=p=>{c.current&&!c.current.contains(p.target)&&d(false);},f=p=>{p.key==="Escape"&&d(false);};return document.addEventListener("mousedown",m),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",f);}},[l]);let u=jr[e];return jsxRuntime.jsxs("div",{className:ui$1.cn("flex items-center gap-2",a),children:[jsxRuntime.jsxs("div",{ref:c,className:"relative flex shrink-0 items-center rounded-full border border-border",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>d(m=>!m),className:"flex shrink-0 items-center gap-2 px-3 py-1.5 text-xs font-medium text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:[jsxRuntime.jsx(u,{className:"size-[18px] shrink-0"}),jsxRuntime.jsx("span",{className:"whitespace-nowrap",children:i(Gr[e])})]}),jsxRuntime.jsx("div",{className:"h-6 w-px bg-border"}),jsxRuntime.jsx("button",{type:"button",onClick:()=>o(!r),className:"px-2.5 py-1.5 text-xs text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:r?"\u2191":"\u2193"}),l&&jsxRuntime.jsx("div",{className:"absolute left-0 top-full z-20 mt-1 flex min-w-max flex-col gap-0.5 rounded-lg border border-border bg-content1 p-1 shadow-lg",children:na.map(m=>{let f=jr[m];return jsxRuntime.jsxs("button",{type:"button",onClick:()=>{t(m),d(false);},className:ui$1.cn("flex w-full items-center gap-2 rounded px-2.5 py-1.5 text-xs font-medium transition-colors cursor-pointer",m===e?"bg-primary/10 text-primary":"text-neutral hover:bg-content2 hover:text-foreground"),children:[jsxRuntime.jsx(f,{className:"size-4 shrink-0"}),jsxRuntime.jsx("span",{children:i(Gr[m])})]},m)})})]}),jsxRuntime.jsx(ui$1.StyledBadge,{content:s>0?s:void 0,color:"primary",size:"sm",isInvisible:s===0,children:jsxRuntime.jsxs("button",{type:"button",onClick:n,className:"flex shrink-0 items-center gap-2 rounded-full border border-border px-3 py-1.5 text-xs font-medium text-neutral transition-colors hover:text-primary/80 cursor-pointer",children:[jsxRuntime.jsx(ui$1.FilterIcon,{className:"size-[18px]"}),jsxRuntime.jsx("span",{className:"whitespace-nowrap",children:i("predict.filter.title")})]})})]})}var jr={start_time:ui$1.CalendarIcon,volume:ui$1.ChartLineIcon,liquidity:ui$1.DropletIcon,ending_soon:ui$1.TimerIcon};function en(e={}){let t=react.useMemo(()=>reactPredict.resolveEventsParams(e),[e.tagSlugSelection,e.limit,e.status,e.sort_by,e.sort_asc,e.source,e.with_markets]),{data:r,isLoading:o,isFetching:n,isFetchingNextPage:s,isError:a,error:i,hasNextPage:l,fetchNextPage:d,refetch:c}=reactPredict.useInfiniteEvents(t),u=react.useMemo(()=>r?.pages.flatMap(p=>p.items).filter(p=>p!=null)??[],[r]),m=react.useCallback(()=>{d();},[d]),f=react.useCallback(()=>{c();},[c]);return {data:u,isLoading:o,isFetching:n&&!s,isFetchingMore:s,isError:a,error:i??null,hasMore:l??false,fetchMore:m,refetch:f}}function zt({count:e=6}){return jsxRuntime.jsx("div",{className:"grid w-full grid-cols-1 gap-0 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx("div",{className:"p-2",children:jsxRuntime.jsxs("div",{className:"flex h-full min-h-52 flex-col rounded-xl border border-border/90 bg-background p-3 lg:min-h-72 lg:p-4",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"size-10 shrink-0 rounded-lg"}),jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-1",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-11/12 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3 w-2/5 rounded"})]})]}),jsxRuntime.jsxs("div",{className:"mt-3 flex flex-1 flex-col gap-2 lg:gap-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-1/2 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-3/5 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-2/5 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-[85px] rounded-lg lg:h-9 lg:w-24"})]})]}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3 w-20 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3 w-24 rounded"})]})]})},r))})}function $d({count:e=48}){return jsxRuntime.jsxs("div",{className:"flex h-full w-full max-w-[1680px] mx-auto flex-col gap-y-3",children:[jsxRuntime.jsxs("div",{className:"flex min-h-8 items-center justify-between gap-3 lg:min-h-9",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 overflow-hidden",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-6 w-16 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-6 w-20 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-6 w-16 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-6 w-20 rounded"})]}),jsxRuntime.jsxs("div",{className:"flex shrink-0 items-center gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-28 rounded-full"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-24 rounded-full"})]})]}),jsxRuntime.jsx("div",{className:"min-h-0 flex-1",children:jsxRuntime.jsx(zt,{count:e})})]})}var tn=3,Vt={bg:"hsl(var(--heroui-primary) / 0.14)",text:"hsl(var(--heroui-primary))",shadow:"hsl(var(--heroui-primary) / 0.18)"},ln={bg:"hsl(var(--heroui-secondary) / 0.14)",text:"hsl(var(--heroui-secondary))",shadow:"hsl(var(--heroui-secondary) / 0.18)"},pa={bg:"rgba(239, 68, 68, 0.14)",text:"rgb(239, 68, 68)",shadow:"rgba(239, 68, 68, 0.18)"},ze=[{bg:"rgba(139,92,246,0.14)",text:"rgb(139,92,246)",shadow:"rgba(139,92,246,0.18)"},{bg:"rgba(34,197,94,0.14)",text:"rgb(34,197,94)",shadow:"rgba(34,197,94,0.18)"},{bg:"rgba(0,166,212,0.14)",text:"rgb(0,166,212)",shadow:"rgba(0,166,212,0.18)"},{bg:"rgba(194,120,32,0.14)",text:"rgb(194,120,32)",shadow:"rgba(194,120,32,0.18)"},{bg:"rgba(202,138,4,0.14)",text:"rgb(202,138,4)",shadow:"rgba(202,138,4,0.18)"},{bg:"rgba(236,72,153,0.14)",text:"rgb(236,72,153)",shadow:"rgba(236,72,153,0.18)"},{bg:"rgba(99,102,241,0.14)",text:"rgb(99,102,241)",shadow:"rgba(99,102,241,0.18)"},{bg:"rgba(244,114,82,0.14)",text:"rgb(244,114,82)",shadow:"rgba(244,114,82,0.18)"}];function rn(e){let t=0;for(let r=0;r<e.length;r++)t=(t<<5)-t+e.charCodeAt(r)|0;return Math.abs(t)}function ma(e){let t=e.outcomes?.map(a=>a.label?.toLowerCase().trim()??"")??[];if(t.some(a=>a==="up")&&t.some(a=>a==="down"))return [Vt,pa];if(t.some(a=>a==="yes")&&t.some(a=>a==="no"))return [Vt,ln];let r=t[0]??"",o=t[1]??"",n=rn(r)%ze.length,s=rn(o)%ze.length;return s===n&&(s=(s+1)%ze.length),[ze[n],ze[s]]}function fa(e){let t=e.outcomes?.[0];return t?t.best_ask??t.price??null:null}function cn(e){let t=fa(e);return t!=null?Math.round(t*100):0}function dn(e){return e<=1&&e>0?"< 1%":e>=99&&e<100?"> 99%":`${e}%`}function nn(e){let t=e.outcomes?.[0];return ((t?.best_ask??t?.price??0)*100).toFixed(1)}function on(e){let t=e.outcomes?.[1];if(t){let n=t.best_ask??t.price??0;return Math.round(n*100).toString()}let r=e.outcomes?.[0],o=r?.best_ask??r?.price??0;return Math.round((1-o)*100).toString()}function ga(e){let t=new Date(e).getTime()-Date.now();if(t<=0)return null;let r=Math.floor(t/864e5),o=Math.floor(t%864e5/36e5),n=Math.floor(t%36e5/6e4),s=[];return r>0&&s.push(`${r}d`),o>0&&s.push(`${o}h`),s.push(`${n}m`),s.join(" ")}var va=`
|
|
2
2
|
.badge-shine { position: relative; overflow: hidden; }
|
|
3
3
|
.badge-shine::after {
|
|
4
4
|
content: "";
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
60% { transform: translate(200%); }
|
|
17
17
|
100% { transform: translate(200%); }
|
|
18
18
|
}
|
|
19
|
-
`;function cn({event:e,href:t,LinkComponent:r,onSelect:o,onSelectOutcome:n,onHover:s}){let[i,a]=react.useState(null),l=e.markets??[],c=react.useMemo(()=>l.length>2?[...l].sort((k,R)=>(R.outcomes?.[0]?.price??0)-(k.outcomes?.[0]?.price??0)):l,[l]),d=c.filter(k=>k.status==="open"),m=c.length===1,p=d.slice(0,Zr),f=d.length-Zr,u=react.useMemo(()=>`$${Math.round(e.volume??0).toLocaleString("en-US")}`,[e.volume]),v=i?d.find(k=>k.slug===i)??null:null,g=!!v||m,y=()=>{g||o?.(e);},C=k=>{k.stopPropagation(),v&&(k.preventDefault(),a(null));},A=k=>{k.stopPropagation(),t||(k.preventDefault(),o?.(e));};return jsxRuntime.jsxs("div",{className:ui.cn("group flex h-full w-full flex-col rounded-xl","min-h-52 border border-border/90 bg-background p-3","lg:min-h-72 lg:max-w-md lg:p-4","gap-y-1.5 lg:gap-y-4","transition duration-300","hover:border-primary/40 hover:shadow-card-glow","focus-within:border-primary/40 focus-within:shadow-card-glow",!g&&"cursor-pointer"),onMouseEnter:()=>s?.(e),onClick:y,children:[jsxRuntime.jsx("style",{children:vi}),jsxRuntime.jsx(xi,{event:e,href:t,LinkComponent:r,onClick:C,isExpanded:g}),jsxRuntime.jsx("div",{className:"flex flex-1 flex-col",children:m?jsxRuntime.jsx(Pi,{market:d[0],event:e,formattedVolume:u,href:t,LinkComponent:r,onSelect:o,onSelectOutcome:n}):v?jsxRuntime.jsx(Ei,{market:v,event:e,onCollapse:()=>a(null),onSelectOutcome:n}):jsxRuntime.jsx(ki,{displayedMarkets:p,moreCount:f,formattedVolume:u,source:e.source,href:t,LinkComponent:r,onMarketClick:k=>a(k.slug),onShowMore:A})})]})}function xi({event:e,href:t,LinkComponent:r,onClick:o,isExpanded:n}){let s=e.start_at?gi(e.start_at):null;return jsxRuntime.jsxs(ui.Linkable,{href:t,LinkComponent:r,as:"button",className:"group/header flex items-center gap-x-2 lg:gap-x-4 w-full text-left cursor-pointer",onClick:o,children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"lg",className:"h-8 w-8 flex-shrink-0 transition-transform duration-300 group-hover/header:scale-110 lg:h-12 lg:w-12",classNames:{base:"bg-transparent"}}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col justify-center gap-y-0.5",children:[jsxRuntime.jsx("p",{className:ui.cn("min-w-0 text-sm font-semibold leading-snug text-slate-200 line-clamp-2 lg:text-base",n&&"group-hover/header:text-neutral-400"),children:e.title}),s&&jsxRuntime.jsxs("span",{className:"text-[10px] leading-4 text-neutral-500",children:["Live in ",s]})]}),jsxRuntime.jsx(bi,{event:e})]})}function hi(e){let t=[];if(e.status==="closed")return t.push({kind:"closed"}),t.slice(0,2);let r=e.tags?.some(n=>n.label?.toLowerCase()==="crypto"),o=e.tags?.some(n=>n.label?.toLowerCase()==="live");if(r&&e.end_at){let n=new Date(e.end_at).getTime()-Date.now(),s=300*1e3,i=900*1e3;if(n>0&&n<=i){let a=n<=s?"#ef4444":"#f59e0b";t.push({kind:"crypto-short",label:n<=s?"5m":"15m",color:a});}}return o&&t.push({kind:"live"}),t.slice(0,2)}function bi({event:e}){let t=react.useMemo(()=>hi(e),[e]);return t.length===0?null:jsxRuntime.jsx("div",{className:"flex flex-shrink-0 flex-col items-end gap-1",children:t.map((r,o)=>{switch(r.kind){case "live":return jsxRuntime.jsx(yi,{},o);case "crypto-short":return jsxRuntime.jsx(wi,{label:r.label,color:r.color},o);case "closed":return jsxRuntime.jsx(Si,{},o)}})})}function yi(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("span",{className:"badge-shine relative inline-flex items-center gap-1 overflow-hidden rounded-md bg-[rgb(240,68,56)]/10 px-1.5 py-0.5 text-xs font-semibold text-[rgb(240,68,56)]",children:[jsxRuntime.jsx("span",{className:"h-2 w-2 animate-pulse rounded-full bg-current"}),e("predict.event.status.live")]})}function wi({label:e,color:t}){return jsxRuntime.jsxs("span",{className:"badge-shine relative inline-flex items-center gap-1 overflow-hidden rounded-md px-1.5 py-0.5 text-xs font-semibold",style:{backgroundColor:`${t}26`,color:t},children:[jsxRuntime.jsx(ui.TimerIcon,{className:"size-3 shrink-0"}),e]})}function Si(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsx("span",{className:"inline-flex items-center rounded-md bg-neutral-800/80 px-1.5 py-0.5 text-xs font-semibold text-neutral-400",children:e("predict.event.status.closed")})}function ki({displayedMarkets:e,moreCount:t,formattedVolume:r,source:o,href:n,LinkComponent:s,onMarketClick:i,onShowMore:a}){let{t:l}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e.length>0&&jsxRuntime.jsx("div",{className:"flex w-full flex-1 flex-col gap-y-0.5 lg:gap-y-2",children:e.map(c=>{let d=an(c);return jsxRuntime.jsxs("button",{type:"button",className:"flex h-9 w-full items-center justify-between gap-x-2 transition-opacity hover:cursor-pointer hover:opacity-80",onClick:m=>{m.stopPropagation(),i(c);},children:[jsxRuntime.jsx("span",{className:"min-w-0 flex-1 text-left text-xs text-slate-200 line-clamp-1 lg:text-sm",children:c.outcomes?.[0]?.label??c.question}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-slate-200 lg:text-lg",children:ln(d)}),jsxRuntime.jsx(Ni,{})]})]},c.slug)})}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[t>0?jsxRuntime.jsxs(ui.Linkable,{href:n,LinkComponent:s,as:"button",className:"flex items-center gap-1 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:a,children:[l("predict.event.showMore"),jsxRuntime.jsx(un,{className:"h-3 w-3"})]}):jsxRuntime.jsx("div",{}),jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1.5 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[r," ",l("predict.event.volume"),jsxRuntime.jsx(pn,{source:o})]})]})]})}function nn({bgColor:e,textColor:t,shadowColor:r,onClick:o,children:n}){return jsxRuntime.jsx("button",{type:"button",className:"flex h-12 flex-1 w-full items-center justify-center gap-x-1 overflow-hidden rounded-lg p-3 text-base font-normal hover:cursor-pointer will-change-transform [-webkit-tap-highlight-color:transparent]",style:{backgroundColor:e,color:t,"--shadow-color":r,"--shadow-offset":"4px",boxShadow:"inset 0 -1px 0 rgba(255,255,255,0.08), 0 var(--shadow-offset, 4px) 0 var(--shadow-color, rgba(0,0,0,0.22))",transition:"transform .12s, box-shadow .12s, opacity .14s"},onMouseEnter:a=>{let l=a.currentTarget;l.style.setProperty("--shadow-offset","2px"),l.style.transform="translateY(2px)";},onMouseLeave:a=>{let l=a.currentTarget;l.style.setProperty("--shadow-offset","4px"),l.style.transform="translateY(0px)";},onClick:o,children:n})}function dn({market:e,event:t,onSelectOutcome:r,dynamicColors:o=false,labelFormat:n="action"}){let{t:s}=i18n.useTranslation(),[i,a]=o?mi(e):[zt,sn],l=e.outcomes?.[0]?.label?.toLowerCase().trim()??"",c=e.outcomes?.[1]?.label?.toLowerCase().trim()??"",d=n==="label"&&l===c?"action":n,m=d==="label"?`${e.outcomes?.[0]?.label??"Yes"} ${tn(e)}\xA2`:s("predict.market.action.yes",{price:tn(e)}),p=d==="label"?`${e.outcomes?.[1]?.label??"No"} ${rn(e)}\xA2`:s("predict.market.action.no",{price:rn(e)});return jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx(nn,{bgColor:i.bg,textColor:i.text,shadowColor:i.shadow,onClick:f=>{f.stopPropagation(),r?.(t,e,"yes");},children:m}),jsxRuntime.jsx(nn,{bgColor:a.bg,textColor:a.text,shadowColor:a.shadow,onClick:f=>{f.stopPropagation(),r?.(t,e,"no");},children:p})]})}function Ni(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("span",{className:"inline-flex h-7 w-[85px] items-center justify-center gap-x-3 rounded-lg p-1.5 text-xs font-semibold flex-shrink-0 bg-gradient-to-r from-primary/15 to-secondary/15 lg:h-9 lg:w-24 lg:gap-x-4 lg:p-2 lg:text-sm",children:[jsxRuntime.jsx("span",{className:"text-primary",children:e("predict.market.yes")}),jsxRuntime.jsx("span",{className:"text-neutral-400",children:"/"}),jsxRuntime.jsx("span",{className:"text-secondary",children:e("predict.market.no")})]})}function Pi({market:e,event:t,formattedVolume:r,href:o,LinkComponent:n,onSelect:s,onSelectOutcome:i}){let{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex-1",children:jsxRuntime.jsx(dn,{market:e,event:t,onSelectOutcome:i,dynamicColors:true,labelFormat:"label"})}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[jsxRuntime.jsxs(ui.Linkable,{href:o,LinkComponent:n,as:"button",className:"flex items-center gap-1 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:c=>{c.stopPropagation(),o||(c.preventDefault(),s?.(t));},children:[a("predict.event.viewEvent"),jsxRuntime.jsx(un,{className:"h-3 w-3"})]}),jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1.5 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[r," ",a("predict.event.volume"),jsxRuntime.jsx(pn,{source:t.source})]})]})]})}function Ei({market:e,event:t,onCollapse:r,onSelectOutcome:o}){let{t:n}=i18n.useTranslation(),s=an(e);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsxs("button",{type:"button",className:"flex h-9 w-full items-center justify-between cursor-pointer",onClick:i=>{i.stopPropagation(),r();},children:[jsxRuntime.jsx("span",{className:"min-w-0 flex-1 text-left text-xs text-slate-200 lg:text-sm",children:e.outcomes?.[0]?.label??e.question}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-1 flex-shrink-0",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-slate-200 lg:text-lg",children:ln(s)}),jsxRuntime.jsx(ui.ChevronUpIcon,{className:"h-4 w-4 text-neutral-400"})]})]}),jsxRuntime.jsx("div",{className:"mt-3",children:jsxRuntime.jsx(dn,{market:e,event:t,onSelectOutcome:o,labelFormat:"action"})})]}),jsxRuntime.jsxs("button",{type:"button",className:"mt-auto flex items-center gap-x-1 pt-4 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:i=>{i.stopPropagation(),r();},children:[jsxRuntime.jsx(Ci,{className:"h-3 w-3"}),n("predict.event.back")]})]})}function un({className:e}){return jsxRuntime.jsx("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:jsxRuntime.jsx("path",{d:"M4.5 2.5L8 6l-3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Ci({className:e}){return jsxRuntime.jsx("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:jsxRuntime.jsx("path",{d:"M7.5 2.5L4 6l3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function pn({source:e}){return jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 text-neutral-400",title:e==="polymarket"?"Polymarket":"Kalshi",children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),e==="polymarket"?jsxRuntime.jsx(ui.PolymarketIcon,{className:"h-5 w-auto shrink-0"}):jsxRuntime.jsx(ui.KalshiIcon,{className:"h-3 w-auto shrink-0"})]})}var Ii=768,fn=1024,_i=1280,Di=8,Ai=224,Hi=304,Bi=114;function Fi(e){return e>=_i?4:e>=fn?3:e>=Ii?2:1}function Ui(e){return e>=fn?Hi:Ai}function gn({events:e,hasMore:t=false,onFetchMore:r,onSelect:o,onSelectOutcome:n,getEventHref:s,LinkComponent:i,onHover:a}){let l=react.useRef(null),c=react.useRef(null),{width:d=0,height:m=0}=hooks.useResizeObserver({ref:l}),p=Fi(d),f=Ui(d),u=Math.ceil(e.length/p)||0,v=!t&&e.length>0,g=u+(t?1:0)+(v?1:0),y=react.useCallback(R=>R<u,[u]),C=react.useCallback(async()=>{r?.();},[r]),A=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:y,loadMoreRows:C,rowCount:g,threshold:3}),k=react.useCallback(()=>{c.current?.scrollToRow({index:0,behavior:"smooth"});},[]);return jsxRuntime.jsx("div",{ref:l,className:"@container w-full h-full",children:m>0&&jsxRuntime.jsx(reactWindow.List,{listRef:c,className:"no-scrollbar",style:{height:m},onRowsRendered:A,rowComponent:$i,rowCount:g,rowHeight:R=>v&&R===g-1?Bi:(f),rowProps:{events:e,columnCount:p,dataRowCount:u,showEndOfList:v,totalRowCount:g,onSelect:o,onSelectOutcome:n,getEventHref:s,LinkComponent:i,onHover:a,onScrollToTop:k}})})}function $i({index:e,style:t,events:r,columnCount:o,dataRowCount:n,showEndOfList:s,totalRowCount:i,onSelect:a,onSelectOutcome:l,getEventHref:c,LinkComponent:d,onHover:m,onScrollToTop:p}){if(s&&e===i-1)return jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx(Wi,{onScrollToTop:p})});if(e>=n)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-start pt-4",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})});let f=e*o,u=r.slice(f,f+o),v=o-u.length;return jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsxs("div",{className:"flex w-full h-full",children:[u.map(g=>g==null?null:jsxRuntime.jsx("div",{className:"flex-1 min-w-0 flex",style:{padding:Di},children:jsxRuntime.jsx(cn,{event:g,href:c?.(g),LinkComponent:d,onSelect:a,onSelectOutcome:l,onHover:m})},g.slug)),v>0&&Array.from({length:v}).map((g,y)=>jsxRuntime.jsx("div",{style:{flex:1,minWidth:0}},`spacer-${y}`))]})})}function Wi({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-neutral-700"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-neutral-500",children:t("predict.event.endOfList")}),jsxRuntime.jsx("div",{className:"h-px w-16 bg-neutral-700"})]}),jsxRuntime.jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-neutral-400",onClick:e,children:[jsxRuntime.jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsxRuntime.jsx("span",{children:t("predict.event.backToTop")})]})]})}function xn({tagSlugSelection:e,limit:t=48,status:r,sort_by:o,sort_asc:n,source:s,with_markets:i,onSelect:a,onSelectOutcome:l,getEventHref:c,LinkComponent:d,onHover:m}){let{data:p,hasMore:f,fetchMore:u,isFetching:v}=Jr({tagSlugSelection:e,limit:t,status:r,sort_by:o,sort_asc:n,source:s,with_markets:i});return v?jsxRuntime.jsx($t,{count:48}):jsxRuntime.jsx(gn,{events:p,hasMore:f,onFetchMore:u,onSelect:a,onSelectOutcome:l,getEventHref:c,LinkComponent:d,onHover:m})}function bu({onSelect:e,onSelectOutcome:t,getEventHref:r,LinkComponent:o,onHover:n}){let[s,i]=react.useState({categorySlug:null,tagSlug:null}),[a,l]=react.useState(Ft),{isOpen:c,onOpen:d,onClose:m}=ui.useDisclosure(),{onOpen:p}=uiScaffold.useAsyncModal(Bt),f=react.useCallback((R,N,V)=>{t?.(R,N,V),p({params:{event:R,market:N,initialOutcome:V}});},[t,p]),u=react.useCallback(R=>{i(R);},[]),v=react.useCallback(R=>{l(N=>({...N,sortPreset:R}));},[]),g=react.useCallback(R=>{l(N=>({...N,sortAsc:R}));},[]),y=react.useCallback(R=>{l(R);},[]),C=react.useMemo(()=>Gr[a.sortPreset].sort_by,[a.sortPreset]),A=react.useMemo(()=>Ut(a),[a]),k=jsxRuntime.jsx(jr,{sortPreset:a.sortPreset,onSortChange:v,sortAsc:a.sortAsc,onSortAscChange:g,onFilterPress:d,filterCount:A});return jsxRuntime.jsxs("div",{className:"flex h-full w-full max-w-[1680px] mx-auto flex-col gap-y-3",children:[jsxRuntime.jsx(Cr,{onSelect:u,trailing:k}),jsxRuntime.jsx(Kr,{isOpen:c,onClose:m,value:a,onChange:y}),jsxRuntime.jsx("div",{className:"min-h-0 flex-1",children:jsxRuntime.jsx(xn,{tagSlugSelection:s,sort_by:C,sort_asc:a.sortAsc,source:a.source,onSelect:e,onSelectOutcome:f,getEventHref:r,LinkComponent:o,onHover:n})}),jsxRuntime.jsx(Wr,{})]})}var jt=40,vt=36,Ve=480,Xt=Ve-vt;function Sn({event:e,walletAddress:t,onCancelOrder:r}){let{t:o}=i18n.useTranslation(),[n,s]=react.useState("positions"),i=react.useMemo(()=>e.markets?.map(m=>m.slug)??[],[e.markets]),{data:a}=reactPredict.usePositions({source:e.source,user:t??""}),l=react.useMemo(()=>!a?.positions||!t?0:i.length===0?a.positions.length:a.positions.filter(m=>m.market&&i.includes(m.market.slug)).length,[a?.positions,i,t]),d=[{key:"positions",label:l>0?`${o("predict.positions.title")} (${l})`:o("predict.positions.title")},{key:"orders",label:o("predict.openOrders.title")},{key:"trades",label:o("predict.tradeHistory.title")}];return jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2 mt-6 px-1 lg:px-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-x-1 border-b border-border",children:d.map(m=>jsxRuntime.jsx("button",{type:"button",onClick:()=>s(m.key),className:ui.cn("px-3 py-2 text-sm font-medium transition-colors cursor-pointer",n===m.key?"text-foreground border-b-2 border-primary":"text-neutral hover:text-foreground"),children:m.label},m.key))}),t?jsxRuntime.jsxs("div",{style:{height:Ve},children:[n==="positions"&&jsxRuntime.jsx(Qi,{source:e.source,walletAddress:t,marketSlugs:i}),n==="orders"&&jsxRuntime.jsx(Zi,{source:e.source,walletAddress:t,marketSlugs:i,onCancelOrder:r}),n==="trades"&&jsxRuntime.jsx(ra,{source:e.source,walletAddress:t})]}):jsxRuntime.jsx("div",{className:"flex items-center justify-center text-sm text-neutral",style:{height:Ve},children:o("predict.trade.connectWallet")})]})}function Qi({source:e,walletAddress:t,marketSlugs:r}){let{t:o}=i18n.useTranslation(),{data:n,isLoading:s}=reactPredict.usePositions({source:e,user:t}),i=react.useMemo(()=>n?.positions?r.length===0?n.positions:n.positions.filter(a=>a.market&&r.includes(a.market.slug)):[],[n?.positions,r]);return s?jsxRuntime.jsx(Jt,{}):i.length===0?jsxRuntime.jsx(Qt,{message:o("predict.positions.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:vt},children:[jsxRuntime.jsx("div",{className:"flex-[3] min-w-0 pr-2 whitespace-nowrap",children:o("predict.positions.event")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.totalSize")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.value")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.avgPrice")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.markPrice")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right whitespace-nowrap",children:o("predict.positions.pnl")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.payoutIfRight")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right whitespace-nowrap",children:o("predict.positions.estSettlement")}),jsxRuntime.jsx("div",{className:"w-16 shrink-0"})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Xt},rowComponent:Ji,rowCount:i.length,rowHeight:jt,rowProps:{positions:i,closeLabel:o("predict.positions.close")}})]})}function Ji({index:e,style:t,positions:r,closeLabel:o}){let n=r[e];if(!n)return null;let s=n.pnl??0,i=n.pnl_percent??0,a=n.avg_price??0,l=n.current_price??0,c=s>0?"text-success":s<0?"text-danger":"text-foreground",d=s>0?"+":"",m=n.market?.outcomes?.[0]?.label??n.market?.question??"\u2014",p=n.side,f=n.size,u=n.size*l,v=n.market?.end_at?sa(n.market.end_at):"\u2014";return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 hover:bg-content2/40 transition-colors text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"flex-[3] min-w-0 pr-2",children:jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-foreground truncate font-medium",children:m}),jsxRuntime.jsx("span",{className:ui.cn("text-[10px] font-medium",p.toLowerCase()==="yes"?"text-primary":"text-secondary"),children:p})]})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:n.size}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:["$",u.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:ft(a)}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:ft(l)}),jsxRuntime.jsxs("div",{className:ui.cn("flex-[1.5] pr-2 text-right font-mono whitespace-nowrap",c),children:[d,"$",Math.abs(s).toFixed(2),jsxRuntime.jsxs("span",{className:"text-[10px] ml-0.5 opacity-70",children:["(",d,i.toFixed(1),"%)"]})]}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:["$",f.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right text-neutral whitespace-nowrap",children:v}),jsxRuntime.jsx("div",{className:"w-16 shrink-0 text-right",children:jsxRuntime.jsx("button",{type:"button",className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors rounded px-2 py-0.5 border border-border hover:border-foreground/40",children:o})})]})}function Zi({source:e,walletAddress:t,marketSlugs:r,onCancelOrder:o}){let{t:n}=i18n.useTranslation(),{data:s,isLoading:i,fetchNextPage:a,hasNextPage:l}=reactPredict.useInfiniteOrders({source:e,wallet_address:t}),c=reactPredict.useCancelOrder(),d=react.useMemo(()=>{let y=s?.pages?.flatMap(k=>k.items)??[],C=new Set(["live","open","submitted","pending"]),A=y.filter(k=>C.has(k.status));return r.length>0&&(A=A.filter(k=>k.market_id&&r.includes(k.market_id))),A},[s?.pages,r]),m=react.useCallback(y=>{o?o(y.id):c.mutate({source:y.source,id:y.id});},[o,c]),p=d.length,f=p+(l?1:0),u=react.useCallback(y=>y<p,[p]),v=react.useCallback(async()=>{await a();},[a]),g=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:u,loadMoreRows:v,rowCount:f,threshold:5});return i?jsxRuntime.jsx(Jt,{}):d.length===0&&!l?jsxRuntime.jsx(Qt,{message:n("predict.openOrders.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:vt},children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:n("predict.openOrders.side")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:n("predict.openOrders.outcome")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:n("predict.openOrders.type")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:n("predict.openOrders.price")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:n("predict.openOrders.filled")}),jsxRuntime.jsx("div",{className:"w-20 shrink-0 pr-2",children:n("predict.openOrders.status")}),jsxRuntime.jsx("div",{className:"w-16 shrink-0"})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Xt},onRowsRendered:g,rowComponent:ea,rowCount:f,rowHeight:jt,rowProps:{orders:d,itemCount:p,onCancel:m,isCancelling:c.isPending,cancelLabel:n("predict.openOrders.cancel")}})]})}function ea({index:e,style:t,orders:r,itemCount:o,onCancel:n,isCancelling:s,cancelLabel:i}){if(e>=o)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-center",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})});let a=r[e];if(!a)return null;let l=a.side==="BUY";return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:jsxRuntime.jsx("span",{className:ui.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium",l?"bg-primary/10 text-primary":"bg-danger/10 text-danger"),children:a.side})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-foreground capitalize",children:a.outcome??"\u2014"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-neutral capitalize",children:a.order_type??"limit"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:a.price?ft(parseFloat(a.price)):"\u2014"}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:[a.size_matched??"0","/",a.original_size??"\u2014"]}),jsxRuntime.jsx("div",{className:"w-20 shrink-0 pr-2",children:jsxRuntime.jsx(ta,{status:a.status})}),jsxRuntime.jsx("div",{className:"w-16 shrink-0 text-right",children:jsxRuntime.jsx("button",{type:"button",onClick:()=>n(a),disabled:s,className:"text-[10px] text-danger hover:text-danger/80 cursor-pointer disabled:opacity-50 transition-colors",children:s?jsxRuntime.jsx(ui.Spinner,{size:"sm"}):i})})]})}function ta({status:e}){return jsxRuntime.jsx("span",{className:ui.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium capitalize",{live:"bg-success/10 text-success",open:"bg-success/10 text-success",submitted:"bg-warning/10 text-warning",pending:"bg-warning/10 text-warning",matched:"bg-primary/10 text-primary",cancelled:"bg-neutral/10 text-neutral",failed:"bg-danger/10 text-danger",expired:"bg-neutral/10 text-neutral"}[e]??"bg-neutral/10 text-neutral"),children:e})}function ra({source:e,walletAddress:t}){let{t:r}=i18n.useTranslation(),{data:o,isLoading:n,fetchNextPage:s,hasNextPage:i}=reactPredict.useInfiniteTrades({source:e,wallet:t,limit:50}),a=react.useMemo(()=>o?.pages?.flatMap(f=>f.items)??[],[o?.pages]),l=a.length,c=l+(i?1:0),d=react.useCallback(f=>f<l,[l]),m=react.useCallback(async()=>{await s();},[s]),p=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:d,loadMoreRows:m,rowCount:c,threshold:5});return n?jsxRuntime.jsx(Jt,{}):a.length===0&&!i?jsxRuntime.jsx(Qt,{message:r("predict.tradeHistory.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:vt},children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:r("predict.tradeHistory.side")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:r("predict.tradeHistory.outcome")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.price")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.qty")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.total")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right",children:r("predict.tradeHistory.time")})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Xt},onRowsRendered:p,rowComponent:na,rowCount:c,rowHeight:jt,rowProps:{trades:a,itemCount:l}})]})}function na({index:e,style:t,trades:r,itemCount:o}){if(e>=o)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-center",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})});let n=r[e];if(!n)return null;let s=n.side?.toUpperCase()==="BUY",i=oa(n.timestamp),a=n.price??0,l=n.usd_size??0;return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:jsxRuntime.jsx("span",{className:ui.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium",s?"bg-primary/10 text-primary":"bg-danger/10 text-danger"),children:n.side})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-foreground capitalize",children:n.outcome??"\u2014"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:ft(a)}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:n.size}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:["$",l.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right text-neutral whitespace-nowrap",children:i})]})}function Qt({message:e}){return jsxRuntime.jsx("div",{className:"flex items-center justify-center text-sm text-neutral",style:{height:Ve},children:e})}function Jt(){return jsxRuntime.jsx("div",{className:"flex flex-col gap-y-2 py-3 animate-pulse",style:{height:Ve},children:Array.from({length:6}).map((e,t)=>jsxRuntime.jsx(ui.Skeleton,{className:"h-8 w-full rounded-md"},t))})}function ft(e){let t=e*100;return t<1&&t>0?"< 1\xA2":`${t.toFixed(1)}\xA2`}function oa(e){let t=new Date(e*1e3),r=(t.getMonth()+1).toString().padStart(2,"0"),o=t.getDate().toString().padStart(2,"0"),n=t.getHours().toString().padStart(2,"0"),s=t.getMinutes().toString().padStart(2,"0");return `${r}/${o} ${n}:${s}`}function sa(e){try{return new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}catch{return "\u2014"}}function Ye({marketCount:e=4,showBack:t}){return jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-4 animate-pulse lg:gap-6",children:[t&&jsxRuntime.jsx("div",{className:"h-5"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 h-16 lg:h-20 lg:gap-x-4",children:[jsxRuntime.jsx(ui.Skeleton,{className:"size-16 shrink-0 rounded-lg lg:size-20"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1.5",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-12 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-10 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-10 rounded"})]}),jsxRuntime.jsx(ui.Skeleton,{className:"h-5 w-full max-w-sm rounded lg:h-6"})]})]}),jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-48 rounded"}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-24 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-20 rounded"})]}),jsxRuntime.jsx(ui.Skeleton,{className:"h-[300px] w-full rounded-xl"}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-20 rounded"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-[200px] rounded-lg"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-7 w-28 rounded-lg"})]})]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsxs("div",{className:"flex items-center py-2",children:[jsxRuntime.jsx("div",{className:"flex-1"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-14 rounded"}),jsxRuntime.jsx("div",{className:"flex-1"})]}),Array.from({length:e}).map((r,o)=>jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 border-b border-border py-2.5 lg:gap-x-3",children:[jsxRuntime.jsx(ui.Skeleton,{className:"size-5 shrink-0 rounded-lg lg:size-8"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-32 rounded lg:h-4 lg:w-48"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-2.5 w-16 rounded"})]}),jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-10 rounded"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-8 w-16 rounded-lg lg:w-24"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-8 w-16 rounded-lg lg:w-24"})]})]},o))]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-4 w-16 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-full rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-4/5 rounded"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-3.5 w-3/5 rounded"})]})]})}function kn(){return jsxRuntime.jsxs("div",{className:"flex flex-col gap-3 rounded-xl border border-border p-4 animate-pulse",children:[jsxRuntime.jsx(ui.Skeleton,{className:"h-10 w-full rounded-lg"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-24 w-full rounded-lg"}),jsxRuntime.jsx(ui.Skeleton,{className:"h-10 w-full rounded-lg"})]})}var En="var(--color-bullish)",Cn="var(--color-bearish)";function qe(e){if(Math.abs(e)>=1e4){let t=e/1e4;return `${parseFloat(t.toFixed(2))}\u4E07`}return e.toLocaleString()}function la(e,t){return e<=0||t<=0?0:Math.pow(e/t,.3)}function ca(e,t){let r=new Float64Array(101),o=new Float64Array(101);for(let f of e){let u=Math.round(f.price*100);u>=0&&u<=100&&(r[u]+=f.quantity);}for(let f of t){let u=Math.round(f.price*100);u>=0&&u<=100&&(o[u]+=f.quantity);}let n=0,s=0,i=new Float64Array(101),a=new Float64Array(101);for(let f=100;f>=0;f--)n+=r[f],s+=r[f]*f/100,i[f]=n,a[f]=s;let l=0,c=0,d=new Float64Array(101),m=new Float64Array(101);for(let f=0;f<=100;f++)l+=o[f],c+=o[f]*f/100,d[f]=l,m[f]=c;let p=Math.max(i[0]??0,d[100]??0);return Array.from({length:101},(f,u)=>{let v=i[u]>0,g=d[u]>0,y=i[u]||d[u],C=r[u]>0||o[u]>0;return {priceCents:u,displayHeight:la(y,p),opacity:y>0?C?1:.5:0,isBid:v,isAsk:g,bidCumTotal:i[u],askCumTotal:d[u],bidCumCost:a[u],askCumCost:m[u]}})}function da({info:e}){let t=e.isBid?En:Cn,r=e.leftPct>65?void 0:`${e.leftPct}%`,o=e.leftPct>65?`${100-e.leftPct}%`:void 0;return jsxRuntime.jsxs("div",{style:{position:"absolute",top:8,left:r,right:o,zIndex:10,background:"rgba(17,24,39,0.95)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:8,padding:"8px 12px",fontSize:12,color:"#f9fafb",minWidth:140,pointerEvents:"none"},children:[jsxRuntime.jsxs("div",{style:{marginBottom:4,fontWeight:600},children:[e.priceCents,"\xA2"]}),jsxRuntime.jsxs("div",{style:{color:t},children:[qe(Math.round(e.cumTotal))," contracts"]}),jsxRuntime.jsxs("div",{style:{color:t},children:["$",qe(Math.round(e.cumCost))]})]})}var ua=react.memo(function({slot:t,onEnter:r,onLeave:o}){let n=react.useRef(null),s=t.isBid||t.isAsk,i=t.isBid?En:t.isAsk?Cn:void 0;return jsxRuntime.jsx("div",{style:{position:"absolute",left:`${t.priceCents}%`,width:"1%",height:"100%",boxSizing:"border-box",borderRight:t.priceCents<100?"1px solid transparent":"none",cursor:s?"crosshair":"default"},onMouseEnter:()=>r(t,n.current),onMouseLeave:o,children:s&&jsxRuntime.jsx("div",{ref:n,style:{position:"absolute",bottom:0,left:0,width:"100%",height:`${t.displayHeight*100}%`,backgroundColor:i,opacity:t.opacity}})})}),pa=[0,10,20,30,40,50,60,70,80,90,100];function ma(){return jsxRuntime.jsx("div",{className:"relative flex h-6 items-center border-b border-t border-border px-1",style:{background:"rgba(0,0,0,0.15)"},children:pa.map(e=>jsxRuntime.jsx("span",{className:"absolute text-neutral font-normal",style:{fontSize:10,left:`${e}%`,transform:e===0?"translateX(0px)":e===100?"translateX(-100%)":"translateX(-50%)"},children:e},e))})}function Tn({bids:e,asks:t}){let r=react.useMemo(()=>ca(e,t),[e,t]),o=react.useMemo(()=>{let d=e.length>0?Math.max(...e.map(p=>p.price)):0,m=t.length>0?Math.min(...t.map(p=>p.price)):1;return Math.round((d+m)/2*100)},[e,t]),n=react.useMemo(()=>r.some(d=>d.isBid||d.isAsk),[r]),[s,i]=react.useState(null),a=react.useRef(null),l=react.useCallback((d,m)=>{a.current&&(a.current.style.filter=""),m?(m.style.filter="brightness(1.5)",a.current=m):a.current=null,d.isBid||d.isAsk?i({priceCents:d.priceCents,isBid:d.isBid,cumTotal:d.isBid?d.bidCumTotal:d.askCumTotal,cumCost:d.isBid?d.bidCumCost:d.askCumCost,leftPct:d.priceCents}):i(null);},[]),c=react.useCallback(()=>{a.current&&(a.current.style.filter="",a.current=null),i(null);},[]);return n?jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%",height:"100%",userSelect:"none",overflow:"hidden"},children:[jsxRuntime.jsxs("div",{style:{flex:1,position:"relative",width:"100%",overflow:"hidden"},children:[o>0&&jsxRuntime.jsx("div",{style:{position:"absolute",left:`${o}%`,top:0,bottom:0,width:1,backgroundImage:"repeating-linear-gradient(to bottom, #6b7280 0, #6b7280 4px, transparent 4px, transparent 8px)",zIndex:1,pointerEvents:"none"}}),s&&jsxRuntime.jsx(da,{info:s}),r.map(d=>jsxRuntime.jsx(ua,{slot:d,onEnter:l,onLeave:c},d.priceCents))]}),jsxRuntime.jsx(ma,{})]}):jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#6b7280",fontSize:13},children:"No depth data"})}function Mn(e){let t=e*100,r=Math.round(t*10)/10;return Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`}function Rn(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-x-2 h-full text-neutral text-xs",children:[jsxRuntime.jsx(ui.Spinner,{size:"sm"}),jsxRuntime.jsx("span",{children:e("predict.orderBook.loading")})]})}function _n({market:e,outcome:t="yes",onTradeAction:r}){let{t:o}=i18n.useTranslation(),[n,s]=react.useState("depth"),i=t==="no",a=e.source,{data:l,isLoading:c}=reactPredict.useOrderbook({slug:e.slug,source:a}),d=react.useMemo(()=>((i?l?.asks:l?.bids)??[]).map(g=>({price:i?1-g.price:g.price,quantity:g.size})),[l?.bids,l?.asks,i]),m=react.useMemo(()=>((i?l?.bids:l?.asks)??[]).map(g=>({price:i?1-g.price:g.price,quantity:g.size})),[l?.bids,l?.asks,i]),p=react.useMemo(()=>d.length>0?Math.max(...d.map(v=>v.price)):null,[d]),f=react.useMemo(()=>m.length>0?Math.min(...m.map(v=>v.price)):null,[m]),u=react.useMemo(()=>{if(p==null||f==null)return null;let v=(f-p)*100;return Math.round(v*10)/10},[p,f]);return jsxRuntime.jsxs("div",{className:"flex flex-col h-[262px]",children:[jsxRuntime.jsxs("div",{className:"flex h-9 items-center border-b border-border px-1 text-xs",children:[jsxRuntime.jsx("span",{className:"flex-1 text-left text-neutral",children:u!=null?`${o("predict.orderBook.spread")}: ${Number.isInteger(u)?`${u}\xA2`:`${u.toFixed(1)}\xA2`}`:null}),jsxRuntime.jsxs("span",{className:"flex flex-1 items-center justify-center gap-x-1 whitespace-nowrap",children:[p!=null&&jsxRuntime.jsxs("span",{style:{color:"var(--color-bullish)"},children:[o("predict.trade.bestBid"),": ",Mn(p)]}),p!=null&&f!=null&&jsxRuntime.jsx("span",{className:"text-neutral",children:"|"}),f!=null&&jsxRuntime.jsxs("span",{style:{color:"var(--color-bearish)"},children:[o("predict.trade.bestAsk"),": ",Mn(f)]})]}),jsxRuntime.jsx("div",{className:"flex flex-1 justify-end",children:jsxRuntime.jsx("button",{type:"button",title:n==="depth"?"Orderbook":"Depth chart",onClick:()=>s(v=>v==="depth"?"table":"depth"),className:"flex items-center text-neutral transition-colors cursor-pointer hover:text-foreground",children:n==="depth"?jsxRuntime.jsx(ui.OrderbookTableIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(ui.OrderbookDepthIcon,{className:"h-4 w-4"})})})]}),jsxRuntime.jsxs("div",{className:"flex-1 min-h-0 overflow-hidden",children:[n==="depth"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:c?jsxRuntime.jsx(Rn,{}):jsxRuntime.jsx(Tn,{bids:d,asks:m})}),n==="table"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:c?jsxRuntime.jsx(Rn,{}):jsxRuntime.jsx(ba,{bids:d,asks:m,bestBid:p??void 0,bestAsk:f??void 0,spread:u??void 0})})]})]})}var Ln=8;function ba({bids:e,asks:t,spread:r}){let{t:o}=i18n.useTranslation(),n=react.useMemo(()=>[...t].sort((l,c)=>c.price-l.price).slice(0,Ln),[t]),s=react.useMemo(()=>[...e].sort((l,c)=>c.price-l.price).slice(0,Ln),[e]),i=react.useMemo(()=>{let l=[...n,...s].map(c=>c.quantity);return Math.max(...l,1)},[n,s]);return n.length===0&&s.length===0?jsxRuntime.jsx("div",{className:"flex items-center justify-center h-full text-xs text-neutral",children:o("predict.orderBook.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full overflow-y-auto text-xs font-mono select-none",children:[n.map(l=>jsxRuntime.jsx(On,{price:l.price,quantity:l.quantity,side:"ask",maxQty:i},`ask-${l.price}`)),jsxRuntime.jsx("div",{className:"flex items-center justify-center gap-x-2 py-1 border-y border-border text-neutral text-[10px]",children:r!=null&&jsxRuntime.jsxs("span",{children:[o("predict.orderBook.spread"),":"," ",Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`]})}),s.map(l=>jsxRuntime.jsx(On,{price:l.price,quantity:l.quantity,side:"bid",maxQty:i},`bid-${l.price}`)),jsxRuntime.jsxs("div",{className:"grid grid-cols-3 px-2 pt-2 pb-0.5 text-[10px] text-neutral border-t border-border",children:[jsxRuntime.jsx("span",{children:o("predict.orderBook.price")}),jsxRuntime.jsx("span",{className:"text-center",children:o("predict.orderBook.contracts")}),jsxRuntime.jsx("span",{className:"text-right",children:o("predict.orderBook.total")})]})]})}function On({price:e,quantity:t,side:r,maxQty:o}){let n=r==="ask",s=Math.min(t/o*100,100),i=n?"bg-bullish/10":"bg-bearish/10",a=n?"text-bullish":"text-bearish",l=Math.round(e*100),c=qe(Math.round(t)),d=Math.round(t*e),m=`$${qe(d)}`;return jsxRuntime.jsxs("div",{className:"relative grid grid-cols-3 px-2 py-1 hover:bg-content2 transition-colors cursor-default",children:[jsxRuntime.jsx("div",{className:`absolute inset-y-0 left-0 ${i} transition-[width] duration-200`,style:{width:`${s}%`}}),jsxRuntime.jsxs("span",{className:`relative z-10 ${a}`,children:[l,"\xA2"]}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-center",children:c}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-right",children:m})]})}var rr=class extends react.Component{state={error:null};static getDerivedStateFromError(t){return {error:t}}componentDidCatch(t,r){}render(){return this.state.error?jsxRuntime.jsxs("div",{style:{height:this.props.fallbackHeight??320,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:8,color:"#6b7280",fontSize:13},children:[jsxRuntime.jsx("span",{children:"Chart unavailable"}),jsxRuntime.jsx("span",{style:{fontSize:11,opacity:.7},children:this.state.error.message})]}):this.props.children}},ht=4,Dn=["#22d3ee","#a3e635","#f97316","#f472b6","#a78bfa"];function La(e,t){let r=new Date(e);return t===reactPredict.ChartRange.ONE_DAY?r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:false}):r.toLocaleDateString("en-US",{month:"short",day:"numeric"})}function Oa(e,t){let r=new Date(e);return t===reactPredict.ChartRange.ONE_DAY?r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:false}):t===reactPredict.ChartRange.ONE_WEEK?r.toLocaleDateString("en-US",{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:false}):r.toLocaleDateString("en-US",{month:"short",day:"numeric"})}function Hn(e){return `${(e*100).toFixed(2)}%`}var Ia=[{range:reactPredict.ChartRange.ONE_DAY,label:"1D"},{range:reactPredict.ChartRange.ONE_WEEK,label:"1W"},{range:reactPredict.ChartRange.ONE_MONTH,label:"1M"},{range:reactPredict.ChartRange.ALL,label:"ALL"}];function _a({value:e,onChange:t}){return jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:2},children:Ia.map(({range:r,label:o})=>{let n=r===e;return jsxRuntime.jsx("button",{onClick:()=>t(r),style:{padding:"2px 8px",border:"none",background:"transparent",color:n?"#f9fafb":"#6b7280",fontWeight:n?700:400,fontSize:12,cursor:"pointer",borderRadius:4,letterSpacing:"0.02em",transition:"color 0.15s",userSelect:"none"},children:o},r)})})}function Da(){let e=react.useRef(null),t=react.useRef(null),r=react.useCallback(n=>{let s=e.current,i=t.current;if(!s||!i)return;let a=s.getBoundingClientRect(),l=(n.clientX-a.left)/a.width*100;i.style.background=`linear-gradient(to right, transparent ${l}%, rgba(0,0,0,0.55) ${l}%)`,i.style.opacity="1";},[]),o=react.useCallback(()=>{t.current&&(t.current.style.opacity="0");},[]);return {wrapperRef:e,overlayRef:t,onMouseMove:r,onMouseLeave:o}}function Aa({active:e,payload:t,label:r,labelMap:o,allSeries:n,range:s}){if(!e||!n?.length)return null;let i=new Map;t?.forEach(l=>i.set(l.dataKey,l));let a=n.map(l=>i.get(l.slug)??{dataKey:l.slug,value:void 0,stroke:l.color,color:l.color});return jsxRuntime.jsxs("div",{style:{background:"rgba(10,10,10,0.92)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:8,padding:"8px 12px",minWidth:180,backdropFilter:"blur(8px)",fontSize:12},children:[jsxRuntime.jsx("div",{style:{color:"#9ca3af",marginBottom:6,fontWeight:500},children:typeof r=="number"?Oa(r,s):r}),a.map(l=>jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:3},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",width:3,height:14,borderRadius:2,background:l.stroke??l.color,flexShrink:0}}),jsxRuntime.jsx("span",{style:{color:"#9ca3af",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:120},children:o.get(l.dataKey)??l.dataKey}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontWeight:700,fontVariantNumeric:"tabular-nums"},children:l.value!=null?Hn(l.value):"--"})]},l.dataKey))]})}function Ha({markets:e,selectedSlugs:t,colorMap:r,onToggle:o}){let[n,s]=react.useState(false),i=react.useRef(null);react.useEffect(()=>{if(!n)return;function c(d){i.current&&!i.current.contains(d.target)&&s(false);}return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[n]);let a=t.length>=ht,l=jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[jsxRuntime.jsx("div",{style:{display:"flex",gap:3,flexShrink:0},children:t.map(c=>jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:r.get(c)??"#6b7280",display:"inline-block"}},c))}),jsxRuntime.jsx("span",{style:{color:"#e5e7eb",fontSize:12,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.length===1?(()=>{let c=e.find(d=>d.slug===t[0]);return c?.outcomes?.[0]?.label??c?.question??"1 market"})():`${t.length} / ${e.length} markets`})]});return jsxRuntime.jsxs("div",{ref:i,style:{position:"relative",display:"inline-block",width:200},children:[jsxRuntime.jsxs("button",{onClick:()=>s(c=>!c),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"5px 10px",borderRadius:8,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.05)",cursor:"pointer",width:"100%",userSelect:"none"},children:[l,jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{flexShrink:0,transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.15s",color:"#6b7280"},children:jsxRuntime.jsx("path",{d:"M2 4l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),n&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:50,background:"#111827",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,boxShadow:"0 8px 24px rgba(0,0,0,0.5)",minWidth:260,maxWidth:360,maxHeight:320,overflowY:"auto",padding:"6px 0"},children:[jsxRuntime.jsxs("div",{style:{padding:"4px 12px 8px",fontSize:11,color:"#6b7280",borderBottom:"1px solid rgba(255,255,255,0.06)",marginBottom:4},children:["Select up to ",ht," markets"]}),e.map(c=>{let d=t.includes(c.slug),m=!d&&a,p=d&&t.length===1,f=r.get(c.slug)??"#6b7280",u=c.outcomes.find(g=>g.label.toLowerCase()==="yes")??c.outcomes[0],v=u?.price!=null?`${Math.round(u.price*100)}%`:null;return jsxRuntime.jsxs("button",{onClick:()=>{p||m||o(c.slug);},style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"7px 12px",border:"none",background:d?"rgba(255,255,255,0.05)":"transparent",cursor:m||p?"not-allowed":"pointer",opacity:m?.35:1,textAlign:"left",transition:"background 0.1s"},onMouseEnter:g=>{!m&&!p&&(g.currentTarget.style.background="rgba(255,255,255,0.07)");},onMouseLeave:g=>{g.currentTarget.style.background=d?"rgba(255,255,255,0.05)":"transparent";},children:[jsxRuntime.jsx("span",{style:{width:16,height:16,borderRadius:4,border:d?`2px solid ${f}`:"2px solid rgba(255,255,255,0.2)",background:d?`${f}30`:"transparent",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},children:d&&jsxRuntime.jsx("svg",{width:"9",height:"7",viewBox:"0 0 9 7",fill:"none",children:jsxRuntime.jsx("path",{d:"M1 3.5L3.5 6L8 1",stroke:f,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:f,flexShrink:0}}),jsxRuntime.jsx("span",{style:{color:d?"#f9fafb":"#9ca3af",fontSize:12,flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c.outcomes?.[0]?.label??c.question}),v&&jsxRuntime.jsx("span",{style:{color:f,fontWeight:700,fontSize:12,flexShrink:0},children:v})]},c.slug)})]})]})}function Ba({series:e,colorMap:t,displayValues:r}){return jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px 24px",padding:"0 2px"},children:e.map(o=>{let n=t.get(o.marketSlug)??"#6b7280",s=r.get(o.marketSlug);return jsxRuntime.jsxs("div",{style:{display:"inline-flex",alignItems:"flex-start",gap:6},children:[jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:n,flexShrink:0,marginTop:3}}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:1},children:[jsxRuntime.jsx("span",{style:{color:"#9ca3af",fontSize:12,lineHeight:"17px",whiteSpace:"nowrap"},children:o.label}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontSize:14,fontWeight:700,lineHeight:"20px",fontVariantNumeric:"tabular-nums"},children:s!=null?Hn(s):"--"})]})]},o.marketSlug)})})}function Fa(e){let t=Math.floor(e.length/2);return e.length%2===1?e[t]:(e[t-1]+e[t])/2}function Ua(e,t){if(e.length<=t)return e;let r=[],o=e.length/t;for(let n=0;n<t;n++){let s=Math.floor(n*o),i=Math.min(Math.floor((n+1)*o),e.length),a=e.slice(s,i),l=a.map(c=>c.price).sort((c,d)=>c-d);r.push({timestamp:a[a.length-1].timestamp,price:Fa(l)});}return r}function $a(e,t=200){if(e.length===0)return [];let r=e.map(a=>({...a,data:Ua(a.data,t)})),o=new Set;r.forEach(a=>a.data.forEach(l=>o.add(l.timestamp)));let n=Array.from(o).sort((a,l)=>a-l),s=r.map(a=>{let l=new Map;return a.data.forEach(c=>l.set(c.timestamp,c.price)),{slug:a.marketSlug,map:l}}),i=new Map;return n.map(a=>{let l={timestamp:a};return s.forEach(({slug:c,map:d})=>{let m=d.get(a);if(m!==void 0)i.set(c,m),l[c]=m;else {let p=i.get(c);p!==void 0&&(l[c]=p);}}),l})}function Bn(e){return jsxRuntime.jsx(rr,{children:jsxRuntime.jsx(Wa,{...e})})}function Wa({event:e,isLoading:t,className:r,volume:o}){let n=react.useMemo(()=>(e.markets??[]).filter(S=>S.status==="open"),[e.markets]),s=react.useMemo(()=>[...n].sort((S,x)=>{let M=z=>(z.outcomes.find(Y=>Y.label.toLowerCase()==="yes")??z.outcomes[0])?.price??0;return M(x)-M(S)}),[n]),[i,a]=react.useState(()=>s.slice(0,ht).map(S=>S.slug)),[l,c]=react.useState(at),d=react.useMemo(()=>{let S=new Map;return i.forEach((x,M)=>{S.set(x,Dn[M%Dn.length]);}),S},[i]),m=react.useMemo(()=>n.filter(S=>i.includes(S.slug)),[n,i]),{series:p,isLoading:f}=reactPredict.useMarketHistory(m,l),u=t||f,v=react.useMemo(()=>{if(p.length>0&&p.some(M=>M.data.length>0))return p;let S=Date.now(),x=864e5;return m.map(M=>{let Y=(M.outcomes?.find(te=>te.label.toLowerCase()==="yes")??M.outcomes?.[0])?.price??.5;return {marketSlug:M.slug,label:M.outcomes?.[0]?.label??M.question,data:[{timestamp:S-7*x,price:Y},{timestamp:S,price:Y}]}})},[p,m]),g=react.useMemo(()=>l===reactPredict.ChartRange.ONE_DAY?96:l===reactPredict.ChartRange.ONE_WEEK?168:l===reactPredict.ChartRange.ONE_MONTH?180:300,[l]),y=react.useMemo(()=>$a(v,g),[v,g]),C=react.useMemo(()=>{if(y.length===0)return [0,1];let S=1/0,x=-1/0;if(i.forEach(z=>{y.forEach(Y=>{let te=Y[z];te!=null&&(te<S&&(S=te),te>x&&(x=te));});}),!isFinite(S))return [0,1];let M=Math.max((x-S)*.15,.05);return [Math.max(0,S-M),Math.min(1,x+M)]},[y,i]),A=react.useMemo(()=>{let S=new Map;return v.forEach(x=>{x.data.length>0&&S.set(x.marketSlug,x.data[x.data.length-1].price);}),S},[v]),k=react.useMemo(()=>{let S=new Map;return v.forEach(x=>S.set(x.marketSlug,x.label)),S},[v]),R=react.useMemo(()=>v.map(S=>({slug:S.marketSlug,color:d.get(S.marketSlug)??"#6b7280"})),[v,d]),{wrapperRef:N,overlayRef:V,onMouseMove:w,onMouseLeave:ue}=Da(),be=react.useCallback(S=>{a(x=>x.includes(S)?x.length<=1?x:x.filter(M=>M!==S):x.length>=ht?x:[...x,S]);},[]),[W,J]=react.useState(null),oe=react.useRef(null),pe=react.useRef(""),ve=react.useRef(0),ke=!u&&y.length>0;return jsxRuntime.jsxs("div",{className:r,style:{display:"flex",flexDirection:"column",gap:12},children:[jsxRuntime.jsx(Ba,{series:v,colorMap:d,displayValues:W??A}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:0},children:[jsxRuntime.jsx("div",{ref:N,style:{height:300,width:"100%",userSelect:"none",position:"relative"},onMouseMove:ke?S=>{w(S),cancelAnimationFrame(ve.current),ve.current=requestAnimationFrame(()=>{J(oe.current);});}:void 0,onMouseLeave:ke?()=>{ue(),cancelAnimationFrame(ve.current),pe.current="",oe.current=null,J(null);}:void 0,children:u?jsxRuntime.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:jsxRuntime.jsx("div",{style:{width:28,height:28,borderRadius:"50%",border:"2.5px solid #22d3ee",borderTopColor:"transparent",animation:"spin 0.7s linear infinite"}})}):y.length===0?jsxRuntime.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#6b7280",fontSize:13},children:"No price history data"}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:V,style:{position:"absolute",inset:0,opacity:0,pointerEvents:"none",zIndex:1}}),jsxRuntime.jsx(recharts.ResponsiveContainer,{width:"100%",height:"100%",children:jsxRuntime.jsxs(recharts.LineChart,{data:y,margin:{top:8,right:16,left:0,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{horizontal:true,vertical:false,strokeDasharray:"3 3",stroke:"#374151",opacity:.5}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"timestamp",type:"number",scale:"time",domain:["dataMin","dataMax"],tickFormatter:S=>La(S,l),axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},minTickGap:70}),jsxRuntime.jsx(recharts.YAxis,{domain:C,tickFormatter:S=>`${Math.round(S*100)}%`,axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},width:40,tickCount:6}),jsxRuntime.jsx(recharts.Tooltip,{content:S=>{let x=S;if(x.active&&x.payload?.length){let M=x.payload.map(z=>`${z.dataKey}:${z.value}`).join(",");if(M!==pe.current){pe.current=M;let z=new Map;x.payload.forEach(Y=>{Y.value!=null&&z.set(Y.dataKey,Y.value);}),oe.current=z;}}return jsxRuntime.jsx(Aa,{...x,labelMap:k,allSeries:R,range:l})},cursor:{stroke:"#4b5563",strokeWidth:1,strokeDasharray:"4 4"},wrapperStyle:{zIndex:2},isAnimationActive:false}),v.map(S=>{let x=d.get(S.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.Line,{type:"linear",dataKey:S.marketSlug,stroke:x,strokeWidth:2,strokeLinejoin:"round",strokeLinecap:"round",dot:false,activeDot:{r:4.5,strokeWidth:2,stroke:"rgba(10,10,10,0.8)",fill:x},connectNulls:true,isAnimationActive:false},S.marketSlug)}),W==null&&y.length>0&&v.map(S=>{let x=y[y.length-1],M=x[S.marketSlug];if(M==null)return null;let z=d.get(S.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.ReferenceDot,{x:x.timestamp,y:M,ifOverflow:"extendDomain",shape:Y=>{let{cx:te,cy:He}=Y;return te==null||He==null?jsxRuntime.jsx("g",{}):jsxRuntime.jsxs("g",{children:[jsxRuntime.jsxs("circle",{cx:te,cy:He,r:6,fill:z,opacity:.3,children:[jsxRuntime.jsx("animate",{attributeName:"r",values:"4;9;4",dur:"2s",repeatCount:"indefinite"}),jsxRuntime.jsx("animate",{attributeName:"opacity",values:"0.4;0.05;0.4",dur:"2s",repeatCount:"indefinite"})]}),jsxRuntime.jsx("circle",{cx:te,cy:He,r:3.5,fill:z})]})}},`pulse-${S.marketSlug}`)})]})})]})}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginTop:6},children:[o!=null&&o>0&&jsxRuntime.jsxs("span",{style:{color:"#6b7280",fontSize:12},children:["$",Math.round(o).toLocaleString()," vol"]}),jsxRuntime.jsx("div",{style:{flex:1}}),s.length>1&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Ha,{markets:s,selectedSlugs:i,colorMap:d,onToggle:be}),jsxRuntime.jsx("span",{style:{width:1,height:14,background:"#374151",flexShrink:0}})]}),jsxRuntime.jsx(_a,{value:l,onChange:c})]})]})]})}function je(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function el(e){return `${Math.round(e*100)}%`}function Fn(e){let t=e*100;return t<1&&t>0?"< 1":Number.isInteger(t)?`${t}`:t.toFixed(1)}function bt(e){return e.outcomes?.[0]?.label??e.question}function tl(e){switch(e){case "polymarket":return "Polymarket";case "dflow":return "Kalshi";default:return e}}function Ge(e){if(!e)return "\u2014";let t=new Date(e);if(isNaN(t.getTime()))return "\u2014";let r=t.toLocaleString("default",{month:"short"}),o=t.getDate(),n=t.getFullYear(),s=t.getHours().toString().padStart(2,"0"),i=t.getMinutes().toString().padStart(2,"0");return `${r} ${o}, ${n} ${s}:${i}`}function Un(e){let[t,r]=react.useState(Date.now());if(react.useEffect(()=>{if(!e)return;let d=setInterval(()=>r(Date.now()),1e3);return ()=>clearInterval(d)},[e]),!e)return null;let o=new Date(e).getTime();if(isNaN(o))return null;let n=o-t;if(n<=0)return null;let s=Math.floor(n/864e5),i=Math.floor(n%864e5/36e5),a=Math.floor(n%36e5/6e4),l=Math.floor(n%6e4/1e3),c=[];return s>0&&c.push(`${s}d`),c.push(`${String(i).padStart(2,"0")}h`),c.push(`${String(a).padStart(2,"0")}m`),c.push(`${String(l).padStart(2,"0")}s`),c.join(" ")}function $n(e){if(!e)return null;let t=new Date(e);if(isNaN(t.getTime()))return null;let r=t.getHours().toString().padStart(2,"0"),o=t.getMinutes().toString().padStart(2,"0"),n=(t.getMonth()+1).toString().padStart(2,"0"),s=t.getDate().toString().padStart(2,"0"),i=t.getFullYear(),a=-t.getTimezoneOffset(),l=a>=0?"+":"-",c=String(Math.abs(Math.floor(a/60))).padStart(2,"0");return `${r}:${o} ${n}/${s}/${i} (${l}${c})`}function Kn({event:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),{ref:o,isCollapsed:n}=hooks.useScrollCollapse(),s=react.useMemo(()=>{let m=[...e.markets||[]],p=m.filter(u=>u.status==="open").sort((u,v)=>je(v)-je(u)),f=m.filter(u=>u.status!=="open").sort((u,v)=>je(v)-je(u));return [...p,...f]},[e.markets]),i=e.status==="closed"||e.status==="voided",a=Un(i?void 0:e.start_at),l=Un(i?void 0:e.end_at),c=$n(e.start_at),d=$n(e.end_at);return jsxRuntime.jsxs("div",{className:"w-full flex flex-col gap-y-4 lg:gap-y-6",children:[jsxRuntime.jsxs("div",{ref:o,className:`sticky top-0 z-30 flex items-center backdrop-blur-md transition-all duration-300 ${n?"h-14 lg:h-16 gap-x-2 py-2 px-1 lg:px-4 -mx-1 lg:-mx-4 shadow-sm":"h-16 lg:h-20 gap-x-2 lg:gap-x-4"}`,children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"lg",classNames:{base:"bg-transparent"},className:`flex-shrink-0 transition-all duration-300 ${n?"!h-10 !w-10 lg:!h-12 lg:!w-12":"!h-16 !w-16 lg:!h-20 lg:!w-20"}`}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-0.5 min-w-0 flex-1",children:[!n&&jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[e.tags?.slice(0,3).map((m,p)=>jsxRuntime.jsxs(react.Fragment,{children:[p>0&&jsxRuntime.jsx("span",{className:"text-sm text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-sm text-neutral truncate",children:m.label})]},m.slug)),jsxRuntime.jsx(sl,{source:e.source})]}),jsxRuntime.jsx("span",{className:`font-semibold truncate transition-all duration-300 ${n?"text-sm lg:text-base":"text-lg lg:text-xl"}`,children:e.title})]})]}),(a||l||i)&&jsxRuntime.jsx("div",{className:"flex items-center gap-x-2 text-xs lg:text-sm font-mono",children:i?d&&jsxRuntime.jsx("span",{className:"text-neutral",children:r("predict.event.endedAt",{time:d})}):a?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.beginsIn",{time:a})}),c&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral",children:c})]})]}):l?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.endsIn",{time:l})}),d&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral",children:d})]})]}):null}),jsxRuntime.jsx(Bn,{event:e,volume:e.volume??void 0}),jsxRuntime.jsx(rl,{markets:s,onTradeAction:t}),jsxRuntime.jsx(ol,{markets:s,event:e})]})}var Wn=5;function rl({markets:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),[o,n]=react.useState(false),[s,i]=react.useState(null),a=e.find(u=>u.status==="open")?.slug,[l,c]=react.useState(a?`${a}:yes`:null);if(e.length===0)return null;let d=e.length>Wn,m=o?e:e.slice(0,Wn),p=u=>{i(v=>v===u?null:u);},f=(u,v,g)=>{c(`${u.slug}:${v}`),i(u.slug),t?.(u,v,g);};return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsxs("table",{className:"w-full border-collapse",children:[jsxRuntime.jsx("thead",{children:jsxRuntime.jsxs("tr",{children:[jsxRuntime.jsx("th",{}),jsxRuntime.jsx("th",{className:"py-2 text-left text-xs text-neutral font-normal lg:text-center lg:text-sm",children:r("predict.market.table.chance")}),jsxRuntime.jsx("th",{})]})}),jsxRuntime.jsx("tbody",{children:m.map(u=>{let v=je(u),g=u.outcomes[1]?.best_ask??u.outcomes[1]?.price,y=s===u.slug;return jsxRuntime.jsx(nl,{market:u,yesPrice:v,noPrice:g??void 0,activeYes:l===`${u.slug}:yes`,activeNo:l===`${u.slug}:no`,isExpanded:y,onToggleExpand:()=>p(u.slug),onTradeAction:f},u.slug)})})]}),d&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>n(u=>!u),className:"flex w-full items-center justify-start gap-x-2 py-2 pl-1 text-xs text-neutral lg:pl-2 lg:text-sm cursor-pointer hover:text-foreground transition-colors",children:[jsxRuntime.jsx("span",{children:r(o?"predict.event.rules.collapse":"predict.event.moreMarketsLabel")}),jsxRuntime.jsx(ui.ChevronDownIcon,{className:ui.cn("h-4 w-4 transition-transform",o&&"rotate-180")})]})]})}function nl({market:e,yesPrice:t,noPrice:r,activeYes:o,activeNo:n,isExpanded:s,onToggleExpand:i,onTradeAction:a}){let{t:l}=i18n.useTranslation(),c=e.status==="open",d=e.volume?`$${Math.round(e.volume).toLocaleString("en-US")} vol`:void 0;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("tr",{className:"cursor-pointer border-b border-border text-xs hover:bg-content2 lg:text-base",onClick:i,role:"button",tabIndex:0,onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),i());},children:[jsxRuntime.jsx("td",{className:"py-2 pl-1 lg:pl-2",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-x-1 lg:gap-x-2",children:[e.image_url&&jsxRuntime.jsx(ui.Avatar,{src:e.image_url,name:bt(e)?.[0]||"?",radius:"lg",className:"size-5 shrink-0 lg:size-8",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("span",{className:"text-foreground truncate max-w-[200px] lg:max-w-[300px]",children:bt(e)}),d&&jsxRuntime.jsx("span",{className:"text-[8px] text-neutral lg:text-xxs",children:d})]})]})}),jsxRuntime.jsx("td",{className:"py-2 text-left text-foreground lg:text-center",children:el(t)}),jsxRuntime.jsx("td",{className:"py-2 pr-1 lg:pr-2",children:c?jsxRuntime.jsxs("div",{className:"flex items-center justify-end gap-x-2",children:[jsxRuntime.jsx("button",{type:"button",className:ui.cn("flex min-w-16 items-center justify-center whitespace-nowrap rounded-lg p-2 lg:min-w-24 cursor-pointer hover:opacity-80 transition-all",o?"bg-primary text-primary-foreground":"bg-primary/10 text-primary"),onClick:m=>{m.stopPropagation(),a?.(e,"yes","buy");},children:l("predict.market.action.yes",{price:Fn(t)})}),jsxRuntime.jsx("button",{type:"button",className:ui.cn("flex min-w-16 items-center justify-center whitespace-nowrap rounded-lg p-2 lg:min-w-24 cursor-pointer hover:opacity-80 transition-all",n?"bg-secondary text-secondary-foreground":"bg-secondary/10 text-secondary"),onClick:m=>{m.stopPropagation(),a?.(e,"no","buy");},children:r!=null?l("predict.market.action.no",{price:Fn(r)}):l("predict.market.no")})]}):jsxRuntime.jsx("div",{className:"flex items-center justify-end",children:jsxRuntime.jsx("span",{className:ui.cn("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",e.status==="closed"?"bg-neutral/10 text-neutral":e.status==="voided"?"bg-warning/10 text-warning":"bg-primary/10 text-primary"),children:e.status==="closed"?l("predict.event.status.closed"):e.status==="voided"?l("predict.event.status.voided"):l("predict.event.status.pending")})})})]}),s&&jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:3,className:"pb-3",children:jsxRuntime.jsx("div",{className:"max-h-100 overflow-y-auto",children:jsxRuntime.jsx(_n,{market:e,outcome:n?"no":"yes",onTradeAction:a})})})})]})}function ol({markets:e,event:t}){let{t:r}=i18n.useTranslation(),[o,n]=react.useState(false),[s,i]=react.useState(false),[a,l]=react.useState(0),c=e.filter(f=>f.rules&&f.rules.length>0||f.description);if(c.length===0)return null;let d=c[a]??c[0],m=d.rules&&d.rules.length>0?d.rules.join(`
|
|
19
|
+
`;function un({event:e,href:t,LinkComponent:r,onSelect:o,onSelectOutcome:n,onHover:s}){let[a,i]=react.useState(null),l=e.markets??[],d=react.useMemo(()=>l.length>2?[...l].sort((M,T)=>(T.outcomes?.[0]?.price??0)-(M.outcomes?.[0]?.price??0)):l,[l]),c=d.filter(M=>M.status==="open"),u=d.length===1,m=c.slice(0,tn),f=c.length-tn,p=react.useMemo(()=>`$${Math.round(e.volume??0).toLocaleString("en-US")}`,[e.volume]),g=a?c.find(M=>M.slug===a)??null:null,v=!!g||u,b=()=>{v||o?.(e);},U=M=>{M.stopPropagation(),g&&(M.preventDefault(),i(null));},E=M=>{M.stopPropagation(),t||(M.preventDefault(),o?.(e));};return jsxRuntime.jsxs("div",{className:ui$1.cn("group flex h-full w-full flex-col rounded-xl","min-h-52 border border-border/90 bg-background p-3","lg:min-h-72 lg:max-w-md lg:p-4","gap-y-1.5 lg:gap-y-4","transition duration-300","hover:border-primary/40 hover:shadow-card-glow","focus-within:border-primary/40 focus-within:shadow-card-glow",!v&&"cursor-pointer"),onMouseEnter:()=>s?.(e),onClick:b,children:[jsxRuntime.jsx("style",{children:va}),jsxRuntime.jsx(xa,{event:e,href:t,LinkComponent:r,onClick:U,isExpanded:v}),jsxRuntime.jsx("div",{className:"flex flex-1 flex-col",children:u?jsxRuntime.jsx(Pa,{market:c[0],event:e,formattedVolume:p,href:t,LinkComponent:r,onSelect:o,onSelectOutcome:n}):g?jsxRuntime.jsx(Ea,{market:g,event:e,onCollapse:()=>i(null),onSelectOutcome:n}):jsxRuntime.jsx(ka,{displayedMarkets:m,moreCount:f,formattedVolume:p,source:e.source,href:t,LinkComponent:r,onMarketClick:M=>i(M.slug),onShowMore:E})})]})}function xa({event:e,href:t,LinkComponent:r,onClick:o,isExpanded:n}){let s=e.start_at?ga(e.start_at):null;return jsxRuntime.jsxs(ui$1.Linkable,{href:t,LinkComponent:r,as:"button",className:"group/header flex items-center gap-x-2 lg:gap-x-4 w-full text-left cursor-pointer",onClick:o,children:[jsxRuntime.jsx(ui$1.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"lg",className:"h-8 w-8 flex-shrink-0 transition-transform duration-300 group-hover/header:scale-110 lg:h-12 lg:w-12",classNames:{base:"bg-transparent"}}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col justify-center gap-y-0.5",children:[jsxRuntime.jsx("p",{className:ui$1.cn("min-w-0 text-sm font-semibold leading-snug text-slate-200 line-clamp-2 lg:text-base",n&&"group-hover/header:text-neutral-400"),children:e.title}),s&&jsxRuntime.jsxs("span",{className:"text-[10px] leading-4 text-neutral-500",children:["Live in ",s]})]}),jsxRuntime.jsx(ba,{event:e})]})}function ha(e){let t=[];if(e.status==="closed")return t.push({kind:"closed"}),t.slice(0,2);let r=e.tags?.some(n=>n.label?.toLowerCase()==="crypto"),o=e.tags?.some(n=>n.label?.toLowerCase()==="live");if(r&&e.end_at){let n=new Date(e.end_at).getTime()-Date.now(),s=300*1e3,a=900*1e3;if(n>0&&n<=a){let i=n<=s?"#ef4444":"#f59e0b";t.push({kind:"crypto-short",label:n<=s?"5m":"15m",color:i});}}return o&&t.push({kind:"live"}),t.slice(0,2)}function ba({event:e}){let t=react.useMemo(()=>ha(e),[e]);return t.length===0?null:jsxRuntime.jsx("div",{className:"flex flex-shrink-0 flex-col items-end gap-1",children:t.map((r,o)=>{switch(r.kind){case "live":return jsxRuntime.jsx(ya,{},o);case "crypto-short":return jsxRuntime.jsx(wa,{label:r.label,color:r.color},o);case "closed":return jsxRuntime.jsx(Sa,{},o)}})})}function ya(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("span",{className:"badge-shine relative inline-flex items-center gap-1 overflow-hidden rounded-md bg-[rgb(240,68,56)]/10 px-1.5 py-0.5 text-xs font-semibold text-[rgb(240,68,56)]",children:[jsxRuntime.jsx("span",{className:"h-2 w-2 animate-pulse rounded-full bg-current"}),e("predict.event.status.live")]})}function wa({label:e,color:t}){return jsxRuntime.jsxs("span",{className:"badge-shine relative inline-flex items-center gap-1 overflow-hidden rounded-md px-1.5 py-0.5 text-xs font-semibold",style:{backgroundColor:`${t}26`,color:t},children:[jsxRuntime.jsx(ui$1.TimerIcon,{className:"size-3 shrink-0"}),e]})}function Sa(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsx("span",{className:"inline-flex items-center rounded-md bg-neutral-800/80 px-1.5 py-0.5 text-xs font-semibold text-neutral-400",children:e("predict.event.status.closed")})}function ka({displayedMarkets:e,moreCount:t,formattedVolume:r,source:o,href:n,LinkComponent:s,onMarketClick:a,onShowMore:i}){let{t:l}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e.length>0&&jsxRuntime.jsx("div",{className:"flex w-full flex-1 flex-col gap-y-0.5 lg:gap-y-2",children:e.map(d=>{let c=cn(d);return jsxRuntime.jsxs("button",{type:"button",className:"flex h-9 w-full items-center justify-between gap-x-2 transition-opacity hover:cursor-pointer hover:opacity-80",onClick:u=>{u.stopPropagation(),a(d);},children:[jsxRuntime.jsx("span",{className:"min-w-0 flex-1 text-left text-xs text-slate-200 line-clamp-1 lg:text-sm",children:d.outcomes?.[0]?.label??d.question}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-slate-200 lg:text-lg",children:dn(c)}),jsxRuntime.jsx(Na,{})]})]},d.slug)})}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[t>0?jsxRuntime.jsxs(ui$1.Linkable,{href:n,LinkComponent:s,as:"button",className:"flex items-center gap-1 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:i,children:[l("predict.event.showMore"),jsxRuntime.jsx(mn,{className:"h-3 w-3"})]}):jsxRuntime.jsx("div",{}),jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1.5 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[r," ",l("predict.event.volume"),jsxRuntime.jsx(fn,{source:o})]})]})]})}function sn({bgColor:e,textColor:t,shadowColor:r,onClick:o,children:n}){return jsxRuntime.jsx("button",{type:"button",className:"flex h-12 flex-1 w-full items-center justify-center gap-x-1 overflow-hidden rounded-lg p-3 text-base font-normal hover:cursor-pointer will-change-transform [-webkit-tap-highlight-color:transparent]",style:{backgroundColor:e,color:t,"--shadow-color":r,"--shadow-offset":"4px",boxShadow:"inset 0 -1px 0 rgba(255,255,255,0.08), 0 var(--shadow-offset, 4px) 0 var(--shadow-color, rgba(0,0,0,0.22))",transition:"transform .12s, box-shadow .12s, opacity .14s"},onMouseEnter:i=>{let l=i.currentTarget;l.style.setProperty("--shadow-offset","2px"),l.style.transform="translateY(2px)";},onMouseLeave:i=>{let l=i.currentTarget;l.style.setProperty("--shadow-offset","4px"),l.style.transform="translateY(0px)";},onClick:o,children:n})}function pn({market:e,event:t,onSelectOutcome:r,dynamicColors:o=false,labelFormat:n="action"}){let{t:s}=i18n.useTranslation(),[a,i]=o?ma(e):[Vt,ln],l=e.outcomes?.[0]?.label?.toLowerCase().trim()??"",d=e.outcomes?.[1]?.label?.toLowerCase().trim()??"",c=n==="label"&&l===d?"action":n,u=c==="label"?`${e.outcomes?.[0]?.label??"Yes"} ${nn(e)}\xA2`:s("predict.market.action.yes",{price:nn(e)}),m=c==="label"?`${e.outcomes?.[1]?.label??"No"} ${on(e)}\xA2`:s("predict.market.action.no",{price:on(e)});return jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx(sn,{bgColor:a.bg,textColor:a.text,shadowColor:a.shadow,onClick:f=>{f.stopPropagation(),r?.(t,e,"yes");},children:u}),jsxRuntime.jsx(sn,{bgColor:i.bg,textColor:i.text,shadowColor:i.shadow,onClick:f=>{f.stopPropagation(),r?.(t,e,"no");},children:m})]})}function Na(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("span",{className:"inline-flex h-7 w-[85px] items-center justify-center gap-x-3 rounded-lg p-1.5 text-xs font-semibold flex-shrink-0 bg-gradient-to-r from-primary/15 to-secondary/15 lg:h-9 lg:w-24 lg:gap-x-4 lg:p-2 lg:text-sm",children:[jsxRuntime.jsx("span",{className:"text-primary",children:e("predict.market.yes")}),jsxRuntime.jsx("span",{className:"text-neutral-400",children:"/"}),jsxRuntime.jsx("span",{className:"text-secondary",children:e("predict.market.no")})]})}function Pa({market:e,event:t,formattedVolume:r,href:o,LinkComponent:n,onSelect:s,onSelectOutcome:a}){let{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex-1",children:jsxRuntime.jsx(pn,{market:e,event:t,onSelectOutcome:a,dynamicColors:true,labelFormat:"label"})}),jsxRuntime.jsxs("div",{className:"mt-auto flex items-center justify-between pt-3",children:[jsxRuntime.jsxs(ui$1.Linkable,{href:o,LinkComponent:n,as:"button",className:"flex items-center gap-1 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:d=>{d.stopPropagation(),o||(d.preventDefault(),s?.(t));},children:[i("predict.event.viewEvent"),jsxRuntime.jsx(mn,{className:"h-3 w-3"})]}),jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1.5 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[r," ",i("predict.event.volume"),jsxRuntime.jsx(fn,{source:t.source})]})]})]})}function Ea({market:e,event:t,onCollapse:r,onSelectOutcome:o}){let{t:n}=i18n.useTranslation(),s=cn(e);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsxs("button",{type:"button",className:"flex h-9 w-full items-center justify-between cursor-pointer",onClick:a=>{a.stopPropagation(),r();},children:[jsxRuntime.jsx("span",{className:"min-w-0 flex-1 text-left text-xs text-slate-200 lg:text-sm",children:e.outcomes?.[0]?.label??e.question}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-1 flex-shrink-0",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-slate-200 lg:text-lg",children:dn(s)}),jsxRuntime.jsx(ui$1.ChevronUpIcon,{className:"h-4 w-4 text-neutral-400"})]})]}),jsxRuntime.jsx("div",{className:"mt-3",children:jsxRuntime.jsx(pn,{market:e,event:t,onSelectOutcome:o,labelFormat:"action"})})]}),jsxRuntime.jsxs("button",{type:"button",className:"mt-auto flex items-center gap-x-1 pt-4 text-[10px] font-normal text-neutral-500 transition-colors hover:text-slate-200 cursor-pointer lg:text-xs",onClick:a=>{a.stopPropagation(),r();},children:[jsxRuntime.jsx(Ca,{className:"h-3 w-3"}),n("predict.event.back")]})]})}function mn({className:e}){return jsxRuntime.jsx("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:jsxRuntime.jsx("path",{d:"M4.5 2.5L8 6l-3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Ca({className:e}){return jsxRuntime.jsx("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:jsxRuntime.jsx("path",{d:"M7.5 2.5L4 6l3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function fn({source:e}){return jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 text-neutral-400",title:e==="polymarket"?"Polymarket":"Kalshi",children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),e==="polymarket"?jsxRuntime.jsx(ui$1.PolymarketIcon,{className:"h-5 w-auto shrink-0"}):jsxRuntime.jsx(ui$1.KalshiIcon,{className:"h-3 w-auto shrink-0"})]})}var Ia=768,vn=1024,_a=1280,Aa=8,Da=224,Ha=304,Ba=114;function Fa(e){return e>=_a?4:e>=vn?3:e>=Ia?2:1}function Ua(e){return e>=vn?Ha:Da}function xn({events:e,hasMore:t=false,onFetchMore:r,onSelect:o,onSelectOutcome:n,getEventHref:s,LinkComponent:a,onHover:i}){let l=react.useRef(null),d=react.useRef(null),{width:c=0,height:u=0}=hooks.useResizeObserver({ref:l}),m=Fa(c),f=Ua(c),p=Math.ceil(e.length/m)||0,g=!t&&e.length>0,v=p+(t?1:0)+(g?1:0),b=react.useCallback(T=>T<p,[p]),U=react.useCallback(async()=>{r?.();},[r]),E=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:b,loadMoreRows:U,rowCount:v,threshold:3}),M=react.useCallback(()=>{d.current?.scrollToRow({index:0,behavior:"smooth"});},[]);return jsxRuntime.jsx("div",{ref:l,className:"@container w-full h-full",children:u>0&&jsxRuntime.jsx(reactWindow.List,{listRef:d,className:"no-scrollbar",style:{height:u},onRowsRendered:E,rowComponent:Wa,rowCount:v,rowHeight:T=>g&&T===v-1?Ba:(f),rowProps:{events:e,columnCount:m,dataRowCount:p,showEndOfList:g,totalRowCount:v,onSelect:o,onSelectOutcome:n,getEventHref:s,LinkComponent:a,onHover:i,onScrollToTop:M}})})}function Wa({index:e,style:t,events:r,columnCount:o,dataRowCount:n,showEndOfList:s,totalRowCount:a,onSelect:i,onSelectOutcome:l,getEventHref:d,LinkComponent:c,onHover:u,onScrollToTop:m}){if(s&&e===a-1)return jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx($a,{onScrollToTop:m})});if(e>=n)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-start pt-4",children:jsxRuntime.jsx(ui$1.Spinner,{size:"sm"})});let f=e*o,p=r.slice(f,f+o),g=o-p.length;return jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsxs("div",{className:"flex w-full h-full",children:[p.map(v=>v==null?null:jsxRuntime.jsx("div",{className:"flex-1 min-w-0 flex",style:{padding:Aa},children:jsxRuntime.jsx(un,{event:v,href:d?.(v),LinkComponent:c,onSelect:i,onSelectOutcome:l,onHover:u})},v.slug)),g>0&&Array.from({length:g}).map((v,b)=>jsxRuntime.jsx("div",{style:{flex:1,minWidth:0}},`spacer-${b}`))]})})}function $a({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-neutral-700"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-neutral-500",children:t("predict.event.endOfList")}),jsxRuntime.jsx("div",{className:"h-px w-16 bg-neutral-700"})]}),jsxRuntime.jsxs("button",{type:"button",className:"flex cursor-pointer items-center gap-x-1 text-xs font-medium text-neutral-400",onClick:e,children:[jsxRuntime.jsx("span",{className:"iconify size-4 ph--arrow-up-bold"}),jsxRuntime.jsx("span",{children:t("predict.event.backToTop")})]})]})}function bn({tagSlugSelection:e,limit:t=48,status:r,sort_by:o,sort_asc:n,source:s,with_markets:a,onSelect:i,onSelectOutcome:l,getEventHref:d,LinkComponent:c,onHover:u}){let{data:m,hasMore:f,fetchMore:p,isFetching:g}=en({tagSlugSelection:e,limit:t,status:r,sort_by:o,sort_asc:n,source:s,with_markets:a});return g?jsxRuntime.jsx(zt,{count:48}):jsxRuntime.jsx(xn,{events:m,hasMore:f,onFetchMore:p,onSelect:i,onSelectOutcome:l,getEventHref:d,LinkComponent:c,onHover:u})}function bu({onSelect:e,onSelectOutcome:t,getEventHref:r,LinkComponent:o,onHover:n}){let[s,a]=react.useState({categorySlug:null,tagSlug:null}),[i,l]=react.useState(Wt),{isOpen:d,onOpen:c,onClose:u}=ui$1.useDisclosure(),{onOpen:m}=uiScaffold.useAsyncModal(Ut),f=react.useCallback((T,G,C)=>{t?.(T,G,C),m({params:{event:T,market:G,initialOutcome:C}});},[t,m]),p=react.useCallback(T=>{a(T);},[]),g=react.useCallback(T=>{l(G=>({...G,sortPreset:T}));},[]),v=react.useCallback(T=>{l(G=>({...G,sortAsc:T}));},[]),b=react.useCallback(T=>{l(T);},[]),U=react.useMemo(()=>Xr[i.sortPreset].sort_by,[i.sortPreset]),E=react.useMemo(()=>$t(i),[i]),M=jsxRuntime.jsx(Qr,{sortPreset:i.sortPreset,onSortChange:g,sortAsc:i.sortAsc,onSortAscChange:v,onFilterPress:c,filterCount:E});return jsxRuntime.jsxs("div",{className:"flex h-full w-full max-w-[1680px] mx-auto flex-col gap-y-3",children:[jsxRuntime.jsx(Rr,{onSelect:p,trailing:M}),jsxRuntime.jsx(Yr,{isOpen:d,onClose:u,value:i,onChange:b}),jsxRuntime.jsx("div",{className:"min-h-0 flex-1",children:jsxRuntime.jsx(bn,{tagSlugSelection:s,sort_by:U,sort_asc:i.sortAsc,source:i.source,onSelect:e,onSelectOutcome:f,getEventHref:r,LinkComponent:o,onHover:n})}),jsxRuntime.jsx(Kr,{})]})}var Qt=40,gt=36,qe=480,Jt=qe-gt;function Nn({event:e,walletAddress:t,onCancelOrder:r}){let{t:o}=i18n.useTranslation(),[n,s]=react.useState("positions"),a=react.useMemo(()=>e.markets?.map(u=>u.slug)??[],[e.markets]),{data:i}=reactPredict.usePositions({source:e.source,user:t??""}),l=react.useMemo(()=>!i?.positions||!t?0:a.length===0?i.positions.length:i.positions.filter(u=>u.market&&a.includes(u.market.slug)).length,[i?.positions,a,t]),c=[{key:"positions",label:l>0?`${o("predict.positions.title")} (${l})`:o("predict.positions.title")},{key:"orders",label:o("predict.openOrders.title")},{key:"trades",label:o("predict.tradeHistory.title")}];return jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2 mt-6 px-1 lg:px-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-x-1 border-b border-border",children:c.map(u=>jsxRuntime.jsx("button",{type:"button",onClick:()=>s(u.key),className:ui$1.cn("px-3 py-2 text-sm font-medium transition-colors cursor-pointer",n===u.key?"text-foreground border-b-2 border-primary":"text-neutral hover:text-foreground"),children:u.label},u.key))}),t?jsxRuntime.jsxs("div",{style:{height:qe},children:[n==="positions"&&jsxRuntime.jsx(Qa,{source:e.source,walletAddress:t,marketSlugs:a}),n==="orders"&&jsxRuntime.jsx(Za,{source:e.source,walletAddress:t,marketSlugs:a,onCancelOrder:r}),n==="trades"&&jsxRuntime.jsx(ri,{source:e.source,walletAddress:t})]}):jsxRuntime.jsx("div",{className:"flex items-center justify-center text-sm text-neutral",style:{height:qe},children:o("predict.trade.connectWallet")})]})}function Qa({source:e,walletAddress:t,marketSlugs:r}){let{t:o}=i18n.useTranslation(),{data:n,isLoading:s}=reactPredict.usePositions({source:e,user:t}),a=react.useMemo(()=>n?.positions?r.length===0?n.positions:n.positions.filter(i=>i.market&&r.includes(i.market.slug)):[],[n?.positions,r]);return s?jsxRuntime.jsx(er,{}):a.length===0?jsxRuntime.jsx(Zt,{message:o("predict.positions.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:gt},children:[jsxRuntime.jsx("div",{className:"flex-[3] min-w-0 pr-2 whitespace-nowrap",children:o("predict.positions.event")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.totalSize")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.value")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.avgPrice")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.markPrice")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right whitespace-nowrap",children:o("predict.positions.pnl")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right whitespace-nowrap",children:o("predict.positions.payoutIfRight")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right whitespace-nowrap",children:o("predict.positions.estSettlement")}),jsxRuntime.jsx("div",{className:"w-16 shrink-0"})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Jt},rowComponent:Ja,rowCount:a.length,rowHeight:Qt,rowProps:{positions:a,closeLabel:o("predict.positions.close")}})]})}function Ja({index:e,style:t,positions:r,closeLabel:o}){let n=r[e];if(!n)return null;let s=n.pnl??0,a=n.pnl_percent??0,i=n.avg_price??0,l=n.current_price??0,d=s>0?"text-success":s<0?"text-danger":"text-foreground",c=s>0?"+":"",u=n.market?.outcomes?.[0]?.label??n.market?.question??"\u2014",m=n.side,f=n.size,p=n.size*l,g=n.market?.end_at?si(n.market.end_at):"\u2014";return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 hover:bg-content2/40 transition-colors text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"flex-[3] min-w-0 pr-2",children:jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"text-foreground truncate font-medium",children:u}),jsxRuntime.jsx("span",{className:ui$1.cn("text-[10px] font-medium",m.toLowerCase()==="yes"?"text-primary":"text-secondary"),children:m})]})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:n.size}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:["$",p.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:mt(i)}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:mt(l)}),jsxRuntime.jsxs("div",{className:ui$1.cn("flex-[1.5] pr-2 text-right font-mono whitespace-nowrap",d),children:[c,"$",Math.abs(s).toFixed(2),jsxRuntime.jsxs("span",{className:"text-[10px] ml-0.5 opacity-70",children:["(",c,a.toFixed(1),"%)"]})]}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground whitespace-nowrap",children:["$",f.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right text-neutral whitespace-nowrap",children:g}),jsxRuntime.jsx("div",{className:"w-16 shrink-0 text-right",children:jsxRuntime.jsx("button",{type:"button",className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors rounded px-2 py-0.5 border border-border hover:border-foreground/40",children:o})})]})}function Za({source:e,walletAddress:t,marketSlugs:r,onCancelOrder:o}){let{t:n}=i18n.useTranslation(),{data:s,isLoading:a,fetchNextPage:i,hasNextPage:l}=reactPredict.useInfiniteOrders({source:e,wallet_address:t}),d=reactPredict.useCancelOrder(),c=react.useMemo(()=>{let b=s?.pages?.flatMap(M=>M.items)??[],U=new Set(["live","open","submitted","pending"]),E=b.filter(M=>U.has(M.status));return r.length>0&&(E=E.filter(M=>M.market_id&&r.includes(M.market_id))),E},[s?.pages,r]),u=react.useCallback(b=>{o?o(b.id):d.mutate({source:b.source,id:b.id});},[o,d]),m=c.length,f=m+(l?1:0),p=react.useCallback(b=>b<m,[m]),g=react.useCallback(async()=>{await i();},[i]),v=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:p,loadMoreRows:g,rowCount:f,threshold:5});return a?jsxRuntime.jsx(er,{}):c.length===0&&!l?jsxRuntime.jsx(Zt,{message:n("predict.openOrders.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:gt},children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:n("predict.openOrders.side")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:n("predict.openOrders.outcome")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:n("predict.openOrders.type")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:n("predict.openOrders.price")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:n("predict.openOrders.filled")}),jsxRuntime.jsx("div",{className:"w-20 shrink-0 pr-2",children:n("predict.openOrders.status")}),jsxRuntime.jsx("div",{className:"w-16 shrink-0"})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Jt},onRowsRendered:v,rowComponent:ei,rowCount:f,rowHeight:Qt,rowProps:{orders:c,itemCount:m,onCancel:u,isCancelling:d.isPending,cancelLabel:n("predict.openOrders.cancel")}})]})}function ei({index:e,style:t,orders:r,itemCount:o,onCancel:n,isCancelling:s,cancelLabel:a}){if(e>=o)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-center",children:jsxRuntime.jsx(ui$1.Spinner,{size:"sm"})});let i=r[e];if(!i)return null;let l=i.side==="BUY";return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:jsxRuntime.jsx("span",{className:ui$1.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium",l?"bg-primary/10 text-primary":"bg-danger/10 text-danger"),children:i.side})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-foreground capitalize",children:i.outcome??"\u2014"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-neutral capitalize",children:i.order_type??"limit"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:i.price?mt(parseFloat(i.price)):"\u2014"}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:[i.size_matched??"0","/",i.original_size??"\u2014"]}),jsxRuntime.jsx("div",{className:"w-20 shrink-0 pr-2",children:jsxRuntime.jsx(ti,{status:i.status})}),jsxRuntime.jsx("div",{className:"w-16 shrink-0 text-right",children:jsxRuntime.jsx("button",{type:"button",onClick:()=>n(i),disabled:s,className:"text-[10px] text-danger hover:text-danger/80 cursor-pointer disabled:opacity-50 transition-colors",children:s?jsxRuntime.jsx(ui$1.Spinner,{size:"sm"}):a})})]})}function ti({status:e}){return jsxRuntime.jsx("span",{className:ui$1.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium capitalize",{live:"bg-success/10 text-success",open:"bg-success/10 text-success",submitted:"bg-warning/10 text-warning",pending:"bg-warning/10 text-warning",matched:"bg-primary/10 text-primary",cancelled:"bg-neutral/10 text-neutral",failed:"bg-danger/10 text-danger",expired:"bg-neutral/10 text-neutral"}[e]??"bg-neutral/10 text-neutral"),children:e})}function ri({source:e,walletAddress:t}){let{t:r}=i18n.useTranslation(),{data:o,isLoading:n,fetchNextPage:s,hasNextPage:a}=reactPredict.useInfiniteTrades({source:e,wallet:t,limit:50}),i=react.useMemo(()=>o?.pages?.flatMap(f=>f.items)??[],[o?.pages]),l=i.length,d=l+(a?1:0),c=react.useCallback(f=>f<l,[l]),u=react.useCallback(async()=>{await s();},[s]),m=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:c,loadMoreRows:u,rowCount:d,threshold:5});return n?jsxRuntime.jsx(er,{}):i.length===0&&!a?jsxRuntime.jsx(Zt,{message:r("predict.tradeHistory.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center text-neutral text-xs lg:text-sm font-normal shrink-0",style:{height:gt},children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:r("predict.tradeHistory.side")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2",children:r("predict.tradeHistory.outcome")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.price")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.qty")}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right",children:r("predict.tradeHistory.total")}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right",children:r("predict.tradeHistory.time")})]}),jsxRuntime.jsx(reactWindow.List,{style:{height:Jt},onRowsRendered:m,rowComponent:ni,rowCount:d,rowHeight:Qt,rowProps:{trades:i,itemCount:l}})]})}function ni({index:e,style:t,trades:r,itemCount:o}){if(e>=o)return jsxRuntime.jsx("div",{style:t,className:"flex justify-center items-center",children:jsxRuntime.jsx(ui$1.Spinner,{size:"sm"})});let n=r[e];if(!n)return null;let s=n.side?.toUpperCase()==="BUY",a=oi(n.timestamp),i=n.price??0,l=n.usd_size??0;return jsxRuntime.jsxs("div",{style:t,className:"flex items-center border-b border-border/50 text-xs lg:text-sm",children:[jsxRuntime.jsx("div",{className:"w-16 shrink-0 pr-2",children:jsxRuntime.jsx("span",{className:ui$1.cn("inline-block rounded px-1.5 py-0.5 text-[10px] font-medium",s?"bg-primary/10 text-primary":"bg-danger/10 text-danger"),children:n.side})}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-foreground capitalize",children:n.outcome??"\u2014"}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:mt(i)}),jsxRuntime.jsx("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:n.size}),jsxRuntime.jsxs("div",{className:"flex-1 pr-2 text-right font-mono text-foreground",children:["$",l.toFixed(2)]}),jsxRuntime.jsx("div",{className:"flex-[1.5] pr-2 text-right text-neutral whitespace-nowrap",children:a})]})}function Zt({message:e}){return jsxRuntime.jsx("div",{className:"flex items-center justify-center text-sm text-neutral",style:{height:qe},children:e})}function er(){return jsxRuntime.jsx("div",{className:"flex flex-col gap-y-2 py-3 animate-pulse",style:{height:qe},children:Array.from({length:6}).map((e,t)=>jsxRuntime.jsx(ui$1.Skeleton,{className:"h-8 w-full rounded-md"},t))})}function mt(e){let t=e*100;return t<1&&t>0?"< 1\xA2":`${t.toFixed(1)}\xA2`}function oi(e){let t=new Date(e*1e3),r=(t.getMonth()+1).toString().padStart(2,"0"),o=t.getDate().toString().padStart(2,"0"),n=t.getHours().toString().padStart(2,"0"),s=t.getMinutes().toString().padStart(2,"0");return `${r}/${o} ${n}:${s}`}function si(e){try{return new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}catch{return "\u2014"}}function Ge({marketCount:e=4,showBack:t}){return jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-4 animate-pulse lg:gap-6",children:[t&&jsxRuntime.jsx("div",{className:"h-5"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 h-16 lg:h-20 lg:gap-x-4",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"size-16 shrink-0 rounded-lg lg:size-20"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1.5",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-12 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-10 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-10 rounded"})]}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-5 w-full max-w-sm rounded lg:h-6"})]})]}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-48 rounded"}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-24 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-20 rounded"})]}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-[300px] w-full rounded-xl"}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-20 rounded"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-[200px] rounded-lg"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-7 w-28 rounded-lg"})]})]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsxs("div",{className:"flex items-center py-2",children:[jsxRuntime.jsx("div",{className:"flex-1"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-14 rounded"}),jsxRuntime.jsx("div",{className:"flex-1"})]}),Array.from({length:e}).map((r,o)=>jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 border-b border-border py-2.5 lg:gap-x-3",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"size-5 shrink-0 rounded-lg lg:size-8"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-32 rounded lg:h-4 lg:w-48"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-2.5 w-16 rounded"})]}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-10 rounded"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-8 w-16 rounded-lg lg:w-24"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-8 w-16 rounded-lg lg:w-24"})]})]},o))]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-4 w-16 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-full rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-4/5 rounded"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-3.5 w-3/5 rounded"})]})]})}function Pn(){return jsxRuntime.jsxs("div",{className:"flex flex-col gap-3 rounded-xl border border-border p-4 animate-pulse",children:[jsxRuntime.jsx(ui$1.Skeleton,{className:"h-10 w-full rounded-lg"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-24 w-full rounded-lg"}),jsxRuntime.jsx(ui$1.Skeleton,{className:"h-10 w-full rounded-lg"})]})}var Tn="var(--color-bullish)",Mn="var(--color-bearish)";function je(e){if(Math.abs(e)>=1e4){let t=e/1e4;return `${parseFloat(t.toFixed(2))}\u4E07`}return e.toLocaleString()}function li(e,t){return e<=0||t<=0?0:Math.pow(e/t,.3)}function ci(e,t){let r=new Float64Array(101),o=new Float64Array(101);for(let f of e){let p=Math.round(f.price*100);p>=0&&p<=100&&(r[p]+=f.quantity);}for(let f of t){let p=Math.round(f.price*100);p>=0&&p<=100&&(o[p]+=f.quantity);}let n=0,s=0,a=new Float64Array(101),i=new Float64Array(101);for(let f=100;f>=0;f--)n+=r[f],s+=r[f]*f/100,a[f]=n,i[f]=s;let l=0,d=0,c=new Float64Array(101),u=new Float64Array(101);for(let f=0;f<=100;f++)l+=o[f],d+=o[f]*f/100,c[f]=l,u[f]=d;let m=Math.max(a[0]??0,c[100]??0);return Array.from({length:101},(f,p)=>{let g=a[p]>0,v=c[p]>0,b=a[p]||c[p],U=r[p]>0||o[p]>0;return {priceCents:p,displayHeight:li(b,m),opacity:b>0?U?1:.5:0,isBid:g,isAsk:v,bidCumTotal:a[p],askCumTotal:c[p],bidCumCost:i[p],askCumCost:u[p]}})}function di({info:e}){let t=e.isBid?Tn:Mn,r=e.leftPct>65?void 0:`${e.leftPct}%`,o=e.leftPct>65?`${100-e.leftPct}%`:void 0;return jsxRuntime.jsxs("div",{style:{position:"absolute",top:8,left:r,right:o,zIndex:10,background:"rgba(17,24,39,0.95)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:8,padding:"8px 12px",fontSize:12,color:"#f9fafb",minWidth:140,pointerEvents:"none"},children:[jsxRuntime.jsxs("div",{style:{marginBottom:4,fontWeight:600},children:[e.priceCents,"\xA2"]}),jsxRuntime.jsxs("div",{style:{color:t},children:[je(Math.round(e.cumTotal))," contracts"]}),jsxRuntime.jsxs("div",{style:{color:t},children:["$",je(Math.round(e.cumCost))]})]})}var ui=react.memo(function({slot:t,onEnter:r,onLeave:o}){let n=react.useRef(null),s=t.isBid||t.isAsk,a=t.isBid?Tn:t.isAsk?Mn:void 0;return jsxRuntime.jsx("div",{style:{position:"absolute",left:`${t.priceCents}%`,width:"1%",height:"100%",boxSizing:"border-box",borderRight:t.priceCents<100?"1px solid transparent":"none",cursor:s?"crosshair":"default"},onMouseEnter:()=>r(t,n.current),onMouseLeave:o,children:s&&jsxRuntime.jsx("div",{ref:n,style:{position:"absolute",bottom:0,left:0,width:"100%",height:`${t.displayHeight*100}%`,backgroundColor:a,opacity:t.opacity}})})}),pi=[0,10,20,30,40,50,60,70,80,90,100];function mi(){return jsxRuntime.jsx("div",{className:"relative flex h-6 items-center border-b border-t border-border px-1",style:{background:"rgba(0,0,0,0.15)"},children:pi.map(e=>jsxRuntime.jsx("span",{className:"absolute text-neutral font-normal",style:{fontSize:10,left:`${e}%`,transform:e===0?"translateX(0px)":e===100?"translateX(-100%)":"translateX(-50%)"},children:e},e))})}function Rn({bids:e,asks:t}){let r=react.useMemo(()=>ci(e,t),[e,t]),o=react.useMemo(()=>{let c=e.length>0?Math.max(...e.map(m=>m.price)):0,u=t.length>0?Math.min(...t.map(m=>m.price)):1;return Math.round((c+u)/2*100)},[e,t]),n=react.useMemo(()=>r.some(c=>c.isBid||c.isAsk),[r]),[s,a]=react.useState(null),i=react.useRef(null),l=react.useCallback((c,u)=>{i.current&&(i.current.style.filter=""),u?(u.style.filter="brightness(1.5)",i.current=u):i.current=null,c.isBid||c.isAsk?a({priceCents:c.priceCents,isBid:c.isBid,cumTotal:c.isBid?c.bidCumTotal:c.askCumTotal,cumCost:c.isBid?c.bidCumCost:c.askCumCost,leftPct:c.priceCents}):a(null);},[]),d=react.useCallback(()=>{i.current&&(i.current.style.filter="",i.current=null),a(null);},[]);return n?jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%",height:"100%",userSelect:"none",overflow:"hidden"},children:[jsxRuntime.jsxs("div",{style:{flex:1,position:"relative",width:"100%",overflow:"hidden"},children:[o>0&&jsxRuntime.jsx("div",{style:{position:"absolute",left:`${o}%`,top:0,bottom:0,width:1,backgroundImage:"repeating-linear-gradient(to bottom, #6b7280 0, #6b7280 4px, transparent 4px, transparent 8px)",zIndex:1,pointerEvents:"none"}}),s&&jsxRuntime.jsx(di,{info:s}),r.map(c=>jsxRuntime.jsx(ui,{slot:c,onEnter:l,onLeave:d},c.priceCents))]}),jsxRuntime.jsx(mi,{})]}):jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#6b7280",fontSize:13},children:"No depth data"})}function Ln(e){let t=e*100,r=Math.round(t*10)/10;return Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`}function On(){let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-x-2 h-full text-neutral text-xs",children:[jsxRuntime.jsx(ui$1.Spinner,{size:"sm"}),jsxRuntime.jsx("span",{children:e("predict.orderBook.loading")})]})}function Dn({market:e,outcome:t="yes",onTradeAction:r}){let{t:o}=i18n.useTranslation(),[n,s]=react.useState("depth"),a=t==="no",i=e.source,{data:l,isLoading:d}=reactPredict.useOrderbook({slug:e.slug,source:i}),c=react.useMemo(()=>((a?l?.asks:l?.bids)??[]).map(v=>({price:a?1-v.price:v.price,quantity:v.size})),[l?.bids,l?.asks,a]),u=react.useMemo(()=>((a?l?.bids:l?.asks)??[]).map(v=>({price:a?1-v.price:v.price,quantity:v.size})),[l?.bids,l?.asks,a]),m=react.useMemo(()=>c.length>0?Math.max(...c.map(g=>g.price)):null,[c]),f=react.useMemo(()=>u.length>0?Math.min(...u.map(g=>g.price)):null,[u]),p=react.useMemo(()=>{if(m==null||f==null)return null;let g=(f-m)*100;return Math.round(g*10)/10},[m,f]);return jsxRuntime.jsxs("div",{className:"flex flex-col h-[262px]",children:[jsxRuntime.jsxs("div",{className:"flex h-9 items-center border-b border-border px-1 text-xs",children:[jsxRuntime.jsx("span",{className:"flex-1 text-left text-neutral",children:p!=null?`${o("predict.orderBook.spread")}: ${Number.isInteger(p)?`${p}\xA2`:`${p.toFixed(1)}\xA2`}`:null}),jsxRuntime.jsxs("span",{className:"flex flex-1 items-center justify-center gap-x-1 whitespace-nowrap",children:[m!=null&&jsxRuntime.jsxs("span",{style:{color:"var(--color-bullish)"},children:[o("predict.trade.bestBid"),": ",Ln(m)]}),m!=null&&f!=null&&jsxRuntime.jsx("span",{className:"text-neutral",children:"|"}),f!=null&&jsxRuntime.jsxs("span",{style:{color:"var(--color-bearish)"},children:[o("predict.trade.bestAsk"),": ",Ln(f)]})]}),jsxRuntime.jsx("div",{className:"flex flex-1 justify-end",children:jsxRuntime.jsx("button",{type:"button",title:n==="depth"?"Orderbook":"Depth chart",onClick:()=>s(g=>g==="depth"?"table":"depth"),className:"flex items-center text-neutral transition-colors cursor-pointer hover:text-foreground",children:n==="depth"?jsxRuntime.jsx(ui$1.OrderbookTableIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(ui$1.OrderbookDepthIcon,{className:"h-4 w-4"})})})]}),jsxRuntime.jsxs("div",{className:"flex-1 min-h-0 overflow-hidden",children:[n==="depth"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:d?jsxRuntime.jsx(On,{}):jsxRuntime.jsx(Rn,{bids:c,asks:u})}),n==="table"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:d?jsxRuntime.jsx(On,{}):jsxRuntime.jsx(bi,{bids:c,asks:u,bestBid:m??void 0,bestAsk:f??void 0,spread:p??void 0})})]})]})}var In=8;function bi({bids:e,asks:t,spread:r}){let{t:o}=i18n.useTranslation(),n=react.useMemo(()=>[...t].sort((l,d)=>d.price-l.price).slice(0,In),[t]),s=react.useMemo(()=>[...e].sort((l,d)=>d.price-l.price).slice(0,In),[e]),a=react.useMemo(()=>{let l=[...n,...s].map(d=>d.quantity);return Math.max(...l,1)},[n,s]);return n.length===0&&s.length===0?jsxRuntime.jsx("div",{className:"flex items-center justify-center h-full text-xs text-neutral",children:o("predict.orderBook.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full overflow-y-auto text-xs font-mono select-none",children:[n.map(l=>jsxRuntime.jsx(_n,{price:l.price,quantity:l.quantity,side:"ask",maxQty:a},`ask-${l.price}`)),jsxRuntime.jsx("div",{className:"flex items-center justify-center gap-x-2 py-1 border-y border-border text-neutral text-[10px]",children:r!=null&&jsxRuntime.jsxs("span",{children:[o("predict.orderBook.spread"),":"," ",Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`]})}),s.map(l=>jsxRuntime.jsx(_n,{price:l.price,quantity:l.quantity,side:"bid",maxQty:a},`bid-${l.price}`)),jsxRuntime.jsxs("div",{className:"grid grid-cols-3 px-2 pt-2 pb-0.5 text-[10px] text-neutral border-t border-border",children:[jsxRuntime.jsx("span",{children:o("predict.orderBook.price")}),jsxRuntime.jsx("span",{className:"text-center",children:o("predict.orderBook.contracts")}),jsxRuntime.jsx("span",{className:"text-right",children:o("predict.orderBook.total")})]})]})}function _n({price:e,quantity:t,side:r,maxQty:o}){let n=r==="ask",s=Math.min(t/o*100,100),a=n?"bg-bullish/10":"bg-bearish/10",i=n?"text-bullish":"text-bearish",l=Math.round(e*100),d=je(Math.round(t)),c=Math.round(t*e),u=`$${je(c)}`;return jsxRuntime.jsxs("div",{className:"relative grid grid-cols-3 px-2 py-1 hover:bg-content2 transition-colors cursor-default",children:[jsxRuntime.jsx("div",{className:`absolute inset-y-0 left-0 ${a} transition-[width] duration-200`,style:{width:`${s}%`}}),jsxRuntime.jsxs("span",{className:`relative z-10 ${i}`,children:[l,"\xA2"]}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-center",children:d}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-right",children:u})]})}var or=class extends react.Component{state={error:null};static getDerivedStateFromError(t){return {error:t}}componentDidCatch(t,r){}render(){return this.state.error?jsxRuntime.jsxs("div",{style:{height:this.props.fallbackHeight??320,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:8,color:"#6b7280",fontSize:13},children:[jsxRuntime.jsx("span",{children:"Chart unavailable"}),jsxRuntime.jsx("span",{style:{fontSize:11,opacity:.7},children:this.state.error.message})]}):this.props.children}},xt=4,Hn=["#22d3ee","#a3e635","#f97316","#f472b6","#a78bfa"];function Li(e,t){let r=new Date(e);return t===reactPredict.ChartRange.ONE_DAY?r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:false}):r.toLocaleDateString("en-US",{month:"short",day:"numeric"})}function Oi(e,t){let r=new Date(e);return t===reactPredict.ChartRange.ONE_DAY?r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:false}):t===reactPredict.ChartRange.ONE_WEEK?r.toLocaleDateString("en-US",{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:false}):r.toLocaleDateString("en-US",{month:"short",day:"numeric"})}function Fn(e){return `${(e*100).toFixed(2)}%`}var Ii=[{range:reactPredict.ChartRange.ONE_DAY,label:"1D"},{range:reactPredict.ChartRange.ONE_WEEK,label:"1W"},{range:reactPredict.ChartRange.ONE_MONTH,label:"1M"},{range:reactPredict.ChartRange.ALL,label:"ALL"}];function _i({value:e,onChange:t}){return jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:2},children:Ii.map(({range:r,label:o})=>{let n=r===e;return jsxRuntime.jsx("button",{onClick:()=>t(r),style:{padding:"2px 8px",border:"none",background:"transparent",color:n?"#f9fafb":"#6b7280",fontWeight:n?700:400,fontSize:12,cursor:"pointer",borderRadius:4,letterSpacing:"0.02em",transition:"color 0.15s",userSelect:"none"},children:o},r)})})}function Ai(){let e=react.useRef(null),t=react.useRef(null),r=react.useCallback(n=>{let s=e.current,a=t.current;if(!s||!a)return;let i=s.getBoundingClientRect(),l=(n.clientX-i.left)/i.width*100;a.style.background=`linear-gradient(to right, transparent ${l}%, rgba(0,0,0,0.55) ${l}%)`,a.style.opacity="1";},[]),o=react.useCallback(()=>{t.current&&(t.current.style.opacity="0");},[]);return {wrapperRef:e,overlayRef:t,onMouseMove:r,onMouseLeave:o}}function Di({active:e,payload:t,label:r,labelMap:o,allSeries:n,range:s}){if(!e||!n?.length)return null;let a=new Map;t?.forEach(l=>a.set(l.dataKey,l));let i=n.map(l=>a.get(l.slug)??{dataKey:l.slug,value:void 0,stroke:l.color,color:l.color});return jsxRuntime.jsxs("div",{style:{background:"rgba(10,10,10,0.92)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:8,padding:"8px 12px",minWidth:180,backdropFilter:"blur(8px)",fontSize:12},children:[jsxRuntime.jsx("div",{style:{color:"#9ca3af",marginBottom:6,fontWeight:500},children:typeof r=="number"?Oi(r,s):r}),i.map(l=>jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:3},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",width:3,height:14,borderRadius:2,background:l.stroke??l.color,flexShrink:0}}),jsxRuntime.jsx("span",{style:{color:"#9ca3af",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:120},children:o.get(l.dataKey)??l.dataKey}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontWeight:700,fontVariantNumeric:"tabular-nums"},children:l.value!=null?Fn(l.value):"--"})]},l.dataKey))]})}function Hi({markets:e,selectedSlugs:t,colorMap:r,onToggle:o}){let[n,s]=react.useState(false),a=react.useRef(null);react.useEffect(()=>{if(!n)return;function d(c){a.current&&!a.current.contains(c.target)&&s(false);}return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]);let i=t.length>=xt,l=jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[jsxRuntime.jsx("div",{style:{display:"flex",gap:3,flexShrink:0},children:t.map(d=>jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:r.get(d)??"#6b7280",display:"inline-block"}},d))}),jsxRuntime.jsx("span",{style:{color:"#e5e7eb",fontSize:12,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.length===1?(()=>{let d=e.find(c=>c.slug===t[0]);return d?.outcomes?.[0]?.label??d?.question??"1 market"})():`${t.length} / ${e.length} markets`})]});return jsxRuntime.jsxs("div",{ref:a,style:{position:"relative",display:"inline-block",width:200},children:[jsxRuntime.jsxs("button",{onClick:()=>s(d=>!d),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"5px 10px",borderRadius:8,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.05)",cursor:"pointer",width:"100%",userSelect:"none"},children:[l,jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{flexShrink:0,transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.15s",color:"#6b7280"},children:jsxRuntime.jsx("path",{d:"M2 4l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),n&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:50,background:"#111827",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,boxShadow:"0 8px 24px rgba(0,0,0,0.5)",minWidth:260,maxWidth:360,maxHeight:320,overflowY:"auto",padding:"6px 0"},children:[jsxRuntime.jsxs("div",{style:{padding:"4px 12px 8px",fontSize:11,color:"#6b7280",borderBottom:"1px solid rgba(255,255,255,0.06)",marginBottom:4},children:["Select up to ",xt," markets"]}),e.map(d=>{let c=t.includes(d.slug),u=!c&&i,m=c&&t.length===1,f=r.get(d.slug)??"#6b7280",p=d.outcomes.find(v=>v.label.toLowerCase()==="yes")??d.outcomes[0],g=p?.price!=null?`${Math.round(p.price*100)}%`:null;return jsxRuntime.jsxs("button",{onClick:()=>{m||u||o(d.slug);},style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"7px 12px",border:"none",background:c?"rgba(255,255,255,0.05)":"transparent",cursor:u||m?"not-allowed":"pointer",opacity:u?.35:1,textAlign:"left",transition:"background 0.1s"},onMouseEnter:v=>{!u&&!m&&(v.currentTarget.style.background="rgba(255,255,255,0.07)");},onMouseLeave:v=>{v.currentTarget.style.background=c?"rgba(255,255,255,0.05)":"transparent";},children:[jsxRuntime.jsx("span",{style:{width:16,height:16,borderRadius:4,border:c?`2px solid ${f}`:"2px solid rgba(255,255,255,0.2)",background:c?`${f}30`:"transparent",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},children:c&&jsxRuntime.jsx("svg",{width:"9",height:"7",viewBox:"0 0 9 7",fill:"none",children:jsxRuntime.jsx("path",{d:"M1 3.5L3.5 6L8 1",stroke:f,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:f,flexShrink:0}}),jsxRuntime.jsx("span",{style:{color:c?"#f9fafb":"#9ca3af",fontSize:12,flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:d.outcomes?.[0]?.label??d.question}),g&&jsxRuntime.jsx("span",{style:{color:f,fontWeight:700,fontSize:12,flexShrink:0},children:g})]},d.slug)})]})]})}function Bi({series:e,colorMap:t,displayValues:r}){return jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px 24px",padding:"0 2px"},children:e.map(o=>{let n=t.get(o.marketSlug)??"#6b7280",s=r.get(o.marketSlug);return jsxRuntime.jsxs("div",{style:{display:"inline-flex",alignItems:"flex-start",gap:6},children:[jsxRuntime.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:n,flexShrink:0,marginTop:3}}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:1},children:[jsxRuntime.jsx("span",{style:{color:"#9ca3af",fontSize:12,lineHeight:"17px",whiteSpace:"nowrap"},children:o.label}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontSize:14,fontWeight:700,lineHeight:"20px",fontVariantNumeric:"tabular-nums"},children:s!=null?Fn(s):"--"})]})]},o.marketSlug)})})}function Fi(e){let t=Math.floor(e.length/2);return e.length%2===1?e[t]:(e[t-1]+e[t])/2}function Ui(e,t){if(e.length<=t)return e;let r=[],o=e.length/t;for(let n=0;n<t;n++){let s=Math.floor(n*o),a=Math.min(Math.floor((n+1)*o),e.length),i=e.slice(s,a),l=i.map(d=>d.price).sort((d,c)=>d-c);r.push({timestamp:i[i.length-1].timestamp,price:Fi(l)});}return r}function Wi(e,t=200){if(e.length===0)return [];let r=e.map(i=>({...i,data:Ui(i.data,t)})),o=new Set;r.forEach(i=>i.data.forEach(l=>o.add(l.timestamp)));let n=Array.from(o).sort((i,l)=>i-l),s=r.map(i=>{let l=new Map;return i.data.forEach(d=>l.set(d.timestamp,d.price)),{slug:i.marketSlug,map:l}}),a=new Map;return n.map(i=>{let l={timestamp:i};return s.forEach(({slug:d,map:c})=>{let u=c.get(i);if(u!==void 0)a.set(d,u),l[d]=u;else {let m=a.get(d);m!==void 0&&(l[d]=m);}}),l})}function Un(e){return jsxRuntime.jsx(or,{children:jsxRuntime.jsx($i,{...e})})}function $i({event:e,isLoading:t,className:r,volume:o}){let n=react.useMemo(()=>(e.markets??[]).filter(w=>w.status==="open"),[e.markets]),s=react.useMemo(()=>[...n].sort((w,x)=>{let R=A=>(A.outcomes.find(ee=>ee.label.toLowerCase()==="yes")??A.outcomes[0])?.price??0;return R(x)-R(w)}),[n]),[a,i]=react.useState(()=>s.slice(0,xt).map(w=>w.slug)),[l,d]=react.useState(at),c=react.useMemo(()=>{let w=new Map;return a.forEach((x,R)=>{w.set(x,Hn[R%Hn.length]);}),w},[a]),u=react.useMemo(()=>n.filter(w=>a.includes(w.slug)),[n,a]),{series:m,isLoading:f}=reactPredict.useMarketHistory(u,l),p=t||f,g=react.useMemo(()=>{if(m.length>0&&m.some(R=>R.data.length>0))return m;let w=Date.now(),x=864e5;return u.map(R=>{let ee=(R.outcomes?.find(j=>j.label.toLowerCase()==="yes")??R.outcomes?.[0])?.price??.5;return {marketSlug:R.slug,label:R.outcomes?.[0]?.label??R.question,data:[{timestamp:w-7*x,price:ee},{timestamp:w,price:ee}]}})},[m,u]),v=react.useMemo(()=>l===reactPredict.ChartRange.ONE_DAY?96:l===reactPredict.ChartRange.ONE_WEEK?168:l===reactPredict.ChartRange.ONE_MONTH?180:300,[l]),b=react.useMemo(()=>Wi(g,v),[g,v]),U=react.useMemo(()=>{if(b.length===0)return [0,1];let w=1/0,x=-1/0;if(a.forEach(A=>{b.forEach(ee=>{let j=ee[A];j!=null&&(j<w&&(w=j),j>x&&(x=j));});}),!isFinite(w))return [0,1];let R=Math.max((x-w)*.15,.05);return [Math.max(0,w-R),Math.min(1,x+R)]},[b,a]),E=react.useMemo(()=>{let w=new Map;return g.forEach(x=>{x.data.length>0&&w.set(x.marketSlug,x.data[x.data.length-1].price);}),w},[g]),M=react.useMemo(()=>{let w=new Map;return g.forEach(x=>w.set(x.marketSlug,x.label)),w},[g]),T=react.useMemo(()=>g.map(w=>({slug:w.marketSlug,color:c.get(w.marketSlug)??"#6b7280"})),[g,c]),{wrapperRef:G,overlayRef:C,onMouseMove:N,onMouseLeave:z}=Ai(),he=react.useCallback(w=>{i(x=>x.includes(w)?x.length<=1?x:x.filter(R=>R!==w):x.length>=xt?x:[...x,w]);},[]),[ne,K]=react.useState(null),oe=react.useRef(null),se=react.useRef(""),we=react.useRef(0),Se=!p&&b.length>0;return jsxRuntime.jsxs("div",{className:r,style:{display:"flex",flexDirection:"column",gap:12},children:[jsxRuntime.jsx(Bi,{series:g,colorMap:c,displayValues:ne??E}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:0},children:[jsxRuntime.jsx("div",{ref:G,style:{height:300,width:"100%",userSelect:"none",position:"relative"},onMouseMove:Se?w=>{N(w),cancelAnimationFrame(we.current),we.current=requestAnimationFrame(()=>{K(oe.current);});}:void 0,onMouseLeave:Se?()=>{z(),cancelAnimationFrame(we.current),se.current="",oe.current=null,K(null);}:void 0,children:p?jsxRuntime.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:jsxRuntime.jsx("div",{style:{width:28,height:28,borderRadius:"50%",border:"2.5px solid #22d3ee",borderTopColor:"transparent",animation:"spin 0.7s linear infinite"}})}):b.length===0?jsxRuntime.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#6b7280",fontSize:13},children:"No price history data"}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:C,style:{position:"absolute",inset:0,opacity:0,pointerEvents:"none",zIndex:1}}),jsxRuntime.jsx(recharts.ResponsiveContainer,{width:"100%",height:"100%",children:jsxRuntime.jsxs(recharts.LineChart,{data:b,margin:{top:8,right:16,left:0,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{horizontal:true,vertical:false,strokeDasharray:"3 3",stroke:"#374151",opacity:.5}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"timestamp",type:"number",scale:"time",domain:["dataMin","dataMax"],tickFormatter:w=>Li(w,l),axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},minTickGap:70}),jsxRuntime.jsx(recharts.YAxis,{domain:U,tickFormatter:w=>`${Math.round(w*100)}%`,axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},width:40,tickCount:6}),jsxRuntime.jsx(recharts.Tooltip,{content:w=>{let x=w;if(x.active&&x.payload?.length){let R=x.payload.map(A=>`${A.dataKey}:${A.value}`).join(",");if(R!==se.current){se.current=R;let A=new Map;x.payload.forEach(ee=>{ee.value!=null&&A.set(ee.dataKey,ee.value);}),oe.current=A;}}return jsxRuntime.jsx(Di,{...x,labelMap:M,allSeries:T,range:l})},cursor:{stroke:"#4b5563",strokeWidth:1,strokeDasharray:"4 4"},wrapperStyle:{zIndex:2},isAnimationActive:false}),g.map(w=>{let x=c.get(w.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.Line,{type:"linear",dataKey:w.marketSlug,stroke:x,strokeWidth:2,strokeLinejoin:"round",strokeLinecap:"round",dot:false,activeDot:{r:4.5,strokeWidth:2,stroke:"rgba(10,10,10,0.8)",fill:x},connectNulls:true,isAnimationActive:false},w.marketSlug)}),ne==null&&b.length>0&&g.map(w=>{let x=b[b.length-1],R=x[w.marketSlug];if(R==null)return null;let A=c.get(w.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.ReferenceDot,{x:x.timestamp,y:R,ifOverflow:"extendDomain",shape:ee=>{let{cx:j,cy:Fe}=ee;return j==null||Fe==null?jsxRuntime.jsx("g",{}):jsxRuntime.jsxs("g",{children:[jsxRuntime.jsxs("circle",{cx:j,cy:Fe,r:6,fill:A,opacity:.3,children:[jsxRuntime.jsx("animate",{attributeName:"r",values:"4;9;4",dur:"2s",repeatCount:"indefinite"}),jsxRuntime.jsx("animate",{attributeName:"opacity",values:"0.4;0.05;0.4",dur:"2s",repeatCount:"indefinite"})]}),jsxRuntime.jsx("circle",{cx:j,cy:Fe,r:3.5,fill:A})]})}},`pulse-${w.marketSlug}`)})]})})]})}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginTop:6},children:[o!=null&&o>0&&jsxRuntime.jsxs("span",{style:{color:"#6b7280",fontSize:12},children:["$",Math.round(o).toLocaleString()," vol"]}),jsxRuntime.jsx("div",{style:{flex:1}}),s.length>1&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Hi,{markets:s,selectedSlugs:a,colorMap:c,onToggle:he}),jsxRuntime.jsx("span",{style:{width:1,height:14,background:"#374151",flexShrink:0}})]}),jsxRuntime.jsx(_i,{value:l,onChange:d})]})]})]})}function Qe(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function el(e){return `${Math.round(e*100)}%`}function Wn(e){let t=e*100;return t<1&&t>0?"< 1":Number.isInteger(t)?`${t}`:t.toFixed(1)}function ht(e){return e.outcomes?.[0]?.label??e.question}function tl(e){switch(e){case "polymarket":return "Polymarket";case "dflow":return "Kalshi";default:return e}}function Xe(e){if(!e)return "\u2014";let t=new Date(e);if(isNaN(t.getTime()))return "\u2014";let r=t.toLocaleString("default",{month:"short"}),o=t.getDate(),n=t.getFullYear(),s=t.getHours().toString().padStart(2,"0"),a=t.getMinutes().toString().padStart(2,"0");return `${r} ${o}, ${n} ${s}:${a}`}function $n(e){let[t,r]=react.useState(Date.now());if(react.useEffect(()=>{if(!e)return;let c=setInterval(()=>r(Date.now()),1e3);return ()=>clearInterval(c)},[e]),!e)return null;let o=new Date(e).getTime();if(isNaN(o))return null;let n=o-t;if(n<=0)return null;let s=Math.floor(n/864e5),a=Math.floor(n%864e5/36e5),i=Math.floor(n%36e5/6e4),l=Math.floor(n%6e4/1e3),d=[];return s>0&&d.push(`${s}d`),d.push(`${String(a).padStart(2,"0")}h`),d.push(`${String(i).padStart(2,"0")}m`),d.push(`${String(l).padStart(2,"0")}s`),d.join(" ")}function zn(e){if(!e)return null;let t=new Date(e);if(isNaN(t.getTime()))return null;let r=t.getHours().toString().padStart(2,"0"),o=t.getMinutes().toString().padStart(2,"0"),n=(t.getMonth()+1).toString().padStart(2,"0"),s=t.getDate().toString().padStart(2,"0"),a=t.getFullYear(),i=-t.getTimezoneOffset(),l=i>=0?"+":"-",d=String(Math.abs(Math.floor(i/60))).padStart(2,"0");return `${r}:${o} ${n}/${s}/${a} (${l}${d})`}function Yn({event:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),{ref:o,isCollapsed:n}=hooks.useScrollCollapse(),s=react.useMemo(()=>{let u=[...e.markets||[]],m=u.filter(p=>p.status==="open").sort((p,g)=>Qe(g)-Qe(p)),f=u.filter(p=>p.status!=="open").sort((p,g)=>Qe(g)-Qe(p));return [...m,...f]},[e.markets]),a=e.status==="closed"||e.status==="voided",i=$n(a?void 0:e.start_at),l=$n(a?void 0:e.end_at),d=zn(e.start_at),c=zn(e.end_at);return jsxRuntime.jsxs("div",{className:"w-full flex flex-col gap-y-4 lg:gap-y-6",children:[jsxRuntime.jsxs("div",{ref:o,className:`sticky top-0 z-30 flex items-center backdrop-blur-md transition-all duration-300 ${n?"h-14 lg:h-16 gap-x-2 py-2 px-1 lg:px-4 -mx-1 lg:-mx-4 shadow-sm":"h-16 lg:h-20 gap-x-2 lg:gap-x-4"}`,children:[jsxRuntime.jsx(ui$1.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"lg",classNames:{base:"bg-transparent"},className:`flex-shrink-0 transition-all duration-300 ${n?"!h-10 !w-10 lg:!h-12 lg:!w-12":"!h-16 !w-16 lg:!h-20 lg:!w-20"}`}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-0.5 min-w-0 flex-1",children:[!n&&jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[e.tags?.slice(0,3).map((u,m)=>jsxRuntime.jsxs(react.Fragment,{children:[m>0&&jsxRuntime.jsx("span",{className:"text-sm text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-sm text-neutral truncate",children:u.label})]},u.slug)),jsxRuntime.jsx(sl,{source:e.source})]}),jsxRuntime.jsx("span",{className:`font-semibold truncate transition-all duration-300 ${n?"text-sm lg:text-base":"text-lg lg:text-xl"}`,children:e.title})]})]}),(i||l||a)&&jsxRuntime.jsx("div",{className:"flex items-center gap-x-2 text-xs lg:text-sm font-mono",children:a?c&&jsxRuntime.jsx("span",{className:"text-neutral",children:r("predict.event.endedAt",{time:c})}):i?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.beginsIn",{time:i})}),d&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral",children:d})]})]}):l?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.endsIn",{time:l})}),c&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral",children:c})]})]}):null}),jsxRuntime.jsx(Un,{event:e,volume:e.volume??void 0}),jsxRuntime.jsx(rl,{markets:s,onTradeAction:t}),jsxRuntime.jsx(ol,{markets:s,event:e})]})}var Kn=5;function rl({markets:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),[o,n]=react.useState(false),[s,a]=react.useState(null),i=e.find(p=>p.status==="open")?.slug,[l,d]=react.useState(i?`${i}:yes`:null);if(e.length===0)return null;let c=e.length>Kn,u=o?e:e.slice(0,Kn),m=p=>{a(g=>g===p?null:p);},f=(p,g,v)=>{d(`${p.slug}:${g}`),a(p.slug),t?.(p,g,v);};return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsxs("table",{className:"w-full border-collapse",children:[jsxRuntime.jsx("thead",{children:jsxRuntime.jsxs("tr",{children:[jsxRuntime.jsx("th",{}),jsxRuntime.jsx("th",{className:"py-2 text-left text-xs text-neutral font-normal lg:text-center lg:text-sm",children:r("predict.market.table.chance")}),jsxRuntime.jsx("th",{})]})}),jsxRuntime.jsx("tbody",{children:u.map(p=>{let g=Qe(p),v=p.outcomes[1]?.best_ask??p.outcomes[1]?.price,b=s===p.slug;return jsxRuntime.jsx(nl,{market:p,yesPrice:g,noPrice:v??void 0,activeYes:l===`${p.slug}:yes`,activeNo:l===`${p.slug}:no`,isExpanded:b,onToggleExpand:()=>m(p.slug),onTradeAction:f},p.slug)})})]}),c&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>n(p=>!p),className:"flex w-full items-center justify-start gap-x-2 py-2 pl-1 text-xs text-neutral lg:pl-2 lg:text-sm cursor-pointer hover:text-foreground transition-colors",children:[jsxRuntime.jsx("span",{children:r(o?"predict.event.rules.collapse":"predict.event.moreMarketsLabel")}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{className:ui$1.cn("h-4 w-4 transition-transform",o&&"rotate-180")})]})]})}function nl({market:e,yesPrice:t,noPrice:r,activeYes:o,activeNo:n,isExpanded:s,onToggleExpand:a,onTradeAction:i}){let{t:l}=i18n.useTranslation(),d=e.status==="open",c=e.volume?`$${Math.round(e.volume).toLocaleString("en-US")} vol`:void 0;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("tr",{className:"cursor-pointer border-b border-border text-xs hover:bg-content2 lg:text-base",onClick:a,role:"button",tabIndex:0,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),a());},children:[jsxRuntime.jsx("td",{className:"py-2 pl-1 lg:pl-2",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-x-1 lg:gap-x-2",children:[e.image_url&&jsxRuntime.jsx(ui$1.Avatar,{src:e.image_url,name:ht(e)?.[0]||"?",radius:"lg",className:"size-5 shrink-0 lg:size-8",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("span",{className:"text-foreground truncate max-w-[200px] lg:max-w-[300px]",children:ht(e)}),c&&jsxRuntime.jsx("span",{className:"text-[8px] text-neutral lg:text-xxs",children:c})]})]})}),jsxRuntime.jsx("td",{className:"py-2 text-left text-foreground lg:text-center",children:el(t)}),jsxRuntime.jsx("td",{className:"py-2 pr-1 lg:pr-2",children:d?jsxRuntime.jsxs("div",{className:"flex items-center justify-end gap-x-2",children:[jsxRuntime.jsx("button",{type:"button",className:ui$1.cn("flex min-w-16 items-center justify-center whitespace-nowrap rounded-lg p-2 lg:min-w-24 cursor-pointer hover:opacity-80 transition-all",o?"bg-primary text-primary-foreground":"bg-primary/10 text-primary"),onClick:u=>{u.stopPropagation(),i?.(e,"yes","buy");},children:l("predict.market.action.yes",{price:Wn(t)})}),jsxRuntime.jsx("button",{type:"button",className:ui$1.cn("flex min-w-16 items-center justify-center whitespace-nowrap rounded-lg p-2 lg:min-w-24 cursor-pointer hover:opacity-80 transition-all",n?"bg-secondary text-secondary-foreground":"bg-secondary/10 text-secondary"),onClick:u=>{u.stopPropagation(),i?.(e,"no","buy");},children:r!=null?l("predict.market.action.no",{price:Wn(r)}):l("predict.market.no")})]}):jsxRuntime.jsx("div",{className:"flex items-center justify-end",children:jsxRuntime.jsx("span",{className:ui$1.cn("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",e.status==="closed"?"bg-neutral/10 text-neutral":e.status==="voided"?"bg-warning/10 text-warning":"bg-primary/10 text-primary"),children:e.status==="closed"?l("predict.event.status.closed"):e.status==="voided"?l("predict.event.status.voided"):l("predict.event.status.pending")})})})]}),s&&jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:3,className:"pb-3",children:jsxRuntime.jsx("div",{className:"max-h-100 overflow-y-auto",children:jsxRuntime.jsx(Dn,{market:e,outcome:n?"no":"yes",onTradeAction:i})})})})]})}function ol({markets:e,event:t}){let{t:r}=i18n.useTranslation(),[o,n]=react.useState(false),[s,a]=react.useState(false),[i,l]=react.useState(0),d=e.filter(f=>f.rules&&f.rules.length>0||f.description);if(d.length===0)return null;let c=d[i]??d[0],u=c.rules&&c.rules.length>0?c.rules.join(`
|
|
20
20
|
|
|
21
|
-
`):d.description??"";if(!m)return null;let p=m.length>200&&!o?m.slice(0,200)+"...":m;return jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground lg:text-base",children:r("predict.event.rules")}),c.length>1&&jsxRuntime.jsxs(ui.Dropdown,{placement:"bottom-end",classNames:{content:"min-w-36 bg-content1 border border-border"},children:[jsxRuntime.jsx(ui.DropdownTrigger,{children:jsxRuntime.jsx(ui.Button,{size:"sm",variant:"bordered",radius:"lg",endContent:jsxRuntime.jsx(ui.ChevronDownIcon,{className:"h-3.5 w-3.5"}),className:"text-xs text-foreground",children:bt(d)})}),jsxRuntime.jsx(ui.DropdownMenu,{"aria-label":"Select market rules",selectionMode:"single",selectedKeys:[String(a)],onAction:f=>{l(Number(f)),n(false);},classNames:{list:"gap-1"},itemClasses:{base:"rounded-md px-3 h-8"},children:c.map((f,u)=>jsxRuntime.jsx(ui.DropdownItem,{className:ui.cn(u===a?"bg-content2 text-foreground":"text-neutral","data-[hover=true]:bg-content2 data-[hover=true]:text-foreground"),children:bt(f)},String(u)))})]})]}),jsxRuntime.jsx("div",{className:"text-xs text-foreground/80 lg:text-sm whitespace-pre-wrap",children:p}),m.length>200&&jsxRuntime.jsx("button",{type:"button",onClick:()=>n(f=>!f),className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors self-start",children:r(o?"predict.event.rules.collapse":"predict.event.showMore")}),jsxRuntime.jsxs("button",{type:"button",onClick:()=>i(f=>!f),className:"flex items-center justify-between w-full mt-2 text-xs font-medium text-neutral lg:text-sm cursor-pointer hover:text-foreground transition-colors",children:[jsxRuntime.jsx("span",{children:r("predict.event.timelineAndPayout")}),jsxRuntime.jsx(ui.ChevronDownIcon,{className:ui.cn("h-4 w-4 transition-transform",s&&"rotate-180")})]}),s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex flex-col",children:(()=>{let f=d.status,u=[];return d.created_at&&u.push({label:r("predict.event.timeline.created"),value:Ge(d.created_at),isActive:true}),u.push({label:r("predict.event.timeline.open"),value:Ge(d.start_at),isActive:f!=="pending"}),f==="voided"?u.push({label:r("predict.event.timeline.voided"),value:Ge(d.closed_at??d.end_at),isActive:true}):f==="closed"?u.push({label:r("predict.event.timeline.closed"),value:Ge(d.closed_at??d.end_at),isActive:true}):u.push({label:r("predict.event.timeline.close"),value:Ge(d.end_at),isActive:false}),u})().map((f,u,v)=>jsxRuntime.jsxs("div",{className:"flex items-stretch gap-x-3",children:[jsxRuntime.jsxs("div",{className:"flex flex-col items-center w-3",children:[jsxRuntime.jsx("div",{className:`h-3 w-3 shrink-0 rounded-full border-2 mt-0.5 ${f.isActive?"border-primary bg-primary":"border-border bg-transparent"}`}),u<v.length-1&&jsxRuntime.jsx("div",{className:"w-px flex-1 bg-border"})]}),jsxRuntime.jsxs("div",{className:`flex flex-col ${u<v.length-1?"pb-4":""}`,children:[jsxRuntime.jsx("span",{className:"text-xs font-medium text-foreground lg:text-sm",children:f.label}),jsxRuntime.jsx("span",{className:"text-xs text-neutral lg:text-sm",children:f.value})]})]},f.label))}),jsxRuntime.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 text-xxs text-neutral mt-2 lg:text-xs",children:[jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.event"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:t.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.market"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:d.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.source"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:tl(d.source)})]})]})]})]})}function sl({source:e}){return jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 text-neutral-400",title:e==="polymarket"?"Polymarket":"Kalshi",children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),e==="polymarket"?jsxRuntime.jsx(ui.PolymarketIcon,{className:"h-5 w-auto shrink-0"}):jsxRuntime.jsx(ui.KalshiIcon,{className:"h-3 w-auto shrink-0"})]})}function Vn({eventSlug:e,source:t,onTradeAction:r}){let{data:o,isLoading:n,error:s}=reactPredict.useEvent({slug:e,source:t});return n?jsxRuntime.jsx(Ye,{}):s||!o?jsxRuntime.jsx("div",{className:"flex w-full items-center justify-center py-20 text-danger",children:s?.message||"Event not found"}):jsxRuntime.jsx(Kn,{event:o,onTradeAction:r})}function Yn({eventSlug:e,source:t,limit:r=4,onEventClick:o}){let{t:n}=i18n.useTranslation(),{data:s,isLoading:i}=reactPredict.useSimilarEvents({slug:e,source:t,limit:r});return i||!s||s.length===0?null:jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-3 mt-6 px-1 lg:px-0",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground lg:text-base",children:n("predict.similar.title")}),jsxRuntime.jsx("div",{className:"grid grid-cols-1 gap-3",children:s.map(a=>jsxRuntime.jsx(ul,{event:a,onClick:o},a.slug))})]})}function ul({event:e,onClick:t}){let r=e.volume;return jsxRuntime.jsxs("button",{type:"button",onClick:()=>t?.(e),className:"flex items-center gap-x-3 rounded-xl border border-border p-3 hover:bg-content2 transition-colors cursor-pointer text-left w-full",children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title?.[0]||"?",radius:"lg",className:"size-8 shrink-0 bg-transparent",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{className:"flex flex-col min-w-0 flex-1",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground truncate",children:e.title}),r!=null&&r>0&&jsxRuntime.jsxs("span",{className:"text-xs text-neutral",children:["$",Math.round(r).toLocaleString()," vol"]})]}),jsxRuntime.jsx(ui.ChevronRightIcon,{className:"h-4 w-4 text-neutral shrink-0"})]})}function qn(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Op({eventSlug:e,source:t,chain:r,walletAddress:o,onSimilarEventClick:n,onBack:s}){let{t:i}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),{isOpen:l,onOpen:c,onClose:d}=ui.useDisclosure(),{data:m,isLoading:p}=reactPredict.useEvent({slug:e,source:t}),f=react.useMemo(()=>[...m?.markets||[]].sort((A,k)=>qn(k)-qn(A)),[m?.markets]),[u,v]=react.useState(null),g=react.useCallback((A,k,R)=>{v(N=>({market:A,outcome:k,side:R,version:(N?.version??0)+1})),a&&c();},[a,c]),y=u?.market??f[0];if(p){let A=!!s;return a?jsxRuntime.jsx(Ye,{showBack:A}):jsxRuntime.jsxs("div",{className:"flex w-full max-w-6xl mx-auto gap-x-4 lg:gap-x-6",children:[jsxRuntime.jsx("div",{className:"min-w-0 flex-1 max-w-3xl",children:jsxRuntime.jsx(Ye,{showBack:A})}),jsxRuntime.jsx("aside",{className:"hidden lg:block w-[340px] xl:w-[380px] shrink-0",children:jsxRuntime.jsx("div",{className:"sticky top-4 max-h-[calc(100dvh-2rem)] overflow-y-auto scrollbar-thin",children:jsxRuntime.jsx(kn,{})})})]})}let C=u?`${u.market.slug}-${u.version}`:y?.slug??"default";return jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 pb-12 lg:max-w-7xl lg:gap-y-8 lg:pb-16 mx-auto",children:[jsxRuntime.jsxs("div",{className:"flex w-full justify-center gap-4 pt-4 lg:gap-6",children:[jsxRuntime.jsxs("div",{className:"flex-auto min-w-0 flex flex-col gap-y-4 px-4 lg:gap-y-6 lg:px-0",children:[s&&jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(ui.Button,{as:"a",onPress:s,startContent:jsxRuntime.jsx(ui.ChevronLeftIcon,{className:"h-4 w-4"}),className:"text-neutral bg-transparent h-5 min-h-5 gap-x-2 p-0 text-base w-auto min-w-auto",children:i("common.back")})}),jsxRuntime.jsx(Vn,{eventSlug:e,source:t,onTradeAction:g})]}),jsxRuntime.jsxs("div",{className:"hidden flex-none w-md flex-col gap-y-4 lg:sticky lg:top-4 lg:flex lg:self-start",children:[y&&jsxRuntime.jsx(ct,{event:m,market:y,initialSide:u?.side,initialOutcome:u?.outcome,chain:r},C),m&&jsxRuntime.jsx(Yn,{eventSlug:e,source:m.source,onEventClick:n})]})]}),m&&jsxRuntime.jsx("div",{className:"flex w-full flex-col",children:jsxRuntime.jsx(Sn,{event:m,walletAddress:o})})]})}function Gn(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Pl(e){switch(e){case reactPredict.ChartRange.ONE_DAY:return {interval:"15m",limit:96};case reactPredict.ChartRange.ONE_WEEK:return {interval:"1h",limit:168};case reactPredict.ChartRange.ONE_MONTH:return {interval:"4h",limit:180};case reactPredict.ChartRange.ALL:return {interval:"1d",limit:300};default:return {interval:"1h",limit:100}}}var Fp=e=>{let{candlestickMarketSlugs:t,chartRange:r=at,source:o}=e,n=reactPredict.usePredictClient(),s=react.useMemo(()=>Pl(r),[r]),{data:i,isLoading:a,error:l}=reactPredict.useEvent({slug:e.eventSlug,source:o}),c=react.useMemo(()=>i?.markets?(t&&t.length>0?t.slice(0,4).map(v=>i.markets.find(g=>g.slug===v)).filter(v=>v!==void 0):[...i.markets].sort((v,g)=>Gn(g)-Gn(v)).slice(0,4)).map(v=>v.slug):[],[t,i?.markets]),d=reactQuery.useQueries({queries:c.map(u=>({queryKey:reactPredict.candlesticksQueryKey(u,s),queryFn:()=>n.listCandlesticks(u,s),enabled:c.length>0}))}),m=d.some(u=>u.isLoading),p=react.useMemo(()=>{let u=new Map;return c.forEach((v,g)=>{let y=d[g]?.error;y&&u.set(v,y);}),u},[c,d]),f=react.useMemo(()=>{let u=new Map;return c.forEach((v,g)=>{let y=d[g]?.data;y&&u.set(v,y);}),u},[c,d]);return {event:i,isEventLoading:a,eventError:l,candlestickParams:s,candlesticks:f,isCandlesticksLoading:m,candlestickErrors:p}};var Tl=10,Ml=utils$1.atomWithStorage("liberfi:predict_search_histories",[],void 0,{getOnInit:true});function Nt(){let[e,t]=jotai.useAtom(Ml),r=react.useCallback(n=>{let s=n.trim();s&&t(i=>{let a=i.filter(l=>l!==s);return [s,...a].slice(0,Tl)});},[t]),o=react.useCallback(()=>{t([]);},[t]);return {histories:e,addHistory:r,clearHistories:o}}function Jn({histories:e,onSelect:t,onClear:r,className:o}){let{t:n}=i18n.useTranslation();return e.length===0?null:jsxRuntime.jsxs("div",{className:ui.cn("px-4 pb-4",o),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:n("predict.search.history")}),jsxRuntime.jsx(ui.Button,{isIconOnly:true,size:"sm",className:"bg-transparent min-w-6 w-6 h-6 text-neutral",onPress:r,children:jsxRuntime.jsx(ui.TrashIcon,{width:20,height:20})})]}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:e.map(s=>jsxRuntime.jsx(ui.Chip,{size:"sm",variant:"bordered",className:ui.cn("text-neutral","border-border border-1","cursor-pointer","hover:opacity-hover"),onClick:()=>t?.(s),children:s},s))})]})}function Zn({onSelect:e,className:t}){let{histories:r,clearHistories:o}=Nt();return jsxRuntime.jsx(Jn,{className:ui.cn(t),histories:r,onSelect:e,onClear:o})}function eo({value:e,onValueChange:t,onClear:r,onEscape:o,className:n}){let{t:s}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:n,children:jsxRuntime.jsx(ui.StyledInput,{autoFocus:true,variant:"flat",radius:"full",value:e,onValueChange:t,placeholder:s("predict.search.placeholder"),startContent:jsxRuntime.jsx(ui.SearchIcon,{width:20,height:20,className:"text-neutral"}),endContent:e?jsxRuntime.jsx(ui.Button,{isIconOnly:true,className:"bg-transparent min-w-6 w-6 h-6 text-neutral",onPress:r,children:jsxRuntime.jsx(ui.XCloseIcon,{width:20,height:20})}):jsxRuntime.jsx(ui.Kbd,{className:"min-w-8 justify-center text-xs text-neutral bg-transparent border border-border rounded-full cursor-pointer select-none",onMouseDown:i=>{i.preventDefault(),o?.();},children:"Esc"})})})}function no({event:e,href:t,LinkComponent:r,onSelect:o,onHover:n,className:s}){let i=e.tags?.[0];return jsxRuntime.jsxs(ui.Linkable,{href:t,LinkComponent:r,className:ui.cn("w-full h-full px-3 flex items-center gap-3","hover:cursor-pointer hover:bg-content2 rounded-lg","transition-colors duration-150",s),onClick:a=>{t&&o&&a.preventDefault(),o?.(e);},onMouseEnter:()=>n?.(e),children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"full",className:"h-10 w-10 flex-shrink-0"}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0 flex items-center gap-2.5",children:[jsxRuntime.jsx("span",{className:"min-w-0 text-sm font-medium truncate",children:e.title}),i&&jsxRuntime.jsx("span",{className:ui.cn("flex-shrink-0 inline-flex items-center","rounded-full px-2.5 py-1.5","text-[11px] font-semibold leading-none uppercase","bg-primary/15 text-primary"),children:i.label})]})]})}function oo({keyword:e="",limit:t,source:r}){let{data:o,isLoading:n,isFetchingNextPage:s,hasNextPage:i,fetchNextPage:a}=reactPredict.useSearchEvents({keyword:e,limit:t,source:r},{enabled:true});return {events:react.useMemo(()=>o?.pages.flatMap(c=>c.items).filter(c=>c!=null)??[],[o]),isLoading:n,isFetchingNextPage:s,hasNextPage:i??false,fetchNextPage:a}}var Jl=56;function lo({onSelect:e,getEventHref:t,LinkComponent:r,onHover:o,className:n,...s}){let{events:i,isLoading:a,isFetchingNextPage:l,hasNextPage:c,fetchNextPage:d}=oo(s),m=react.useRef(null),{height:p}=hooks.useResizeObserver({ref:m}),f=react.useCallback(y=>y<i.length,[i]),u=react.useCallback(async()=>{c&&!l&&await d();},[c,l,d]),v=react.useMemo(()=>c?i.length+1:i.length,[i,c]),g=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:f,loadMoreRows:u,rowCount:v,threshold:5});return a?jsxRuntime.jsx(ec,{className:n}):i.length===0?jsxRuntime.jsx(tc,{className:n}):jsxRuntime.jsx("div",{className:ui.cn("w-full h-full flex flex-col",n),children:jsxRuntime.jsx("div",{className:"flex-auto min-h-0",ref:m,children:jsxRuntime.jsx(reactWindow.List,{style:{height:p},onRowsRendered:g,rowComponent:Zl,rowCount:v,rowHeight:Jl,rowProps:{events:i,onSelect:e,getEventHref:t,LinkComponent:r,onHover:o},overscanCount:5})})})}function Zl({index:e,style:t,events:r,onSelect:o,getEventHref:n,LinkComponent:s,onHover:i}){let a=r[e];return a?jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx(no,{event:a,href:n?.(a),LinkComponent:s,onSelect:o,onHover:i})}):jsxRuntime.jsx("div",{style:t,className:"flex items-center justify-center",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})}function ec({className:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:ui.cn("flex items-center justify-center gap-2 py-16",e),children:[jsxRuntime.jsx(ui.Spinner,{size:"sm"}),jsxRuntime.jsx("span",{className:"text-sm text-neutral",children:t("predict.search.loading")})]})}function tc({className:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:ui.cn("flex flex-col items-center justify-center py-16",e),children:[jsxRuntime.jsx(ui.EmptyIcon,{width:28,height:28,className:"text-neutral"}),jsxRuntime.jsx("p",{className:"mt-2 text-sm text-neutral",children:t("predict.search.noResults")})]})}function mo({onKeywordChange:e}){let[t,r]=react.useState(""),[o,n]=react.useState(""),{addHistory:s}=Nt(),i=hooks.useCallbackRef(e),a=hooks.useCallbackRef(s),l=react.useMemo(()=>utils.debounce(p=>{n(p),i(p),p&&a(p);},500),[i,a]),c=react.useCallback(p=>{r(p),l(p);},[l]),d=react.useCallback(p=>{l.cancel(),r(p),n(p),i(p),p&&a(p);},[l,i,a]),m=react.useCallback(()=>d(""),[d]);return {text:t,keyword:o,setText:c,setKeyword:d,clearKeyword:m}}function fo({onKeywordChange:e,onSelectEvent:t,getEventHref:r,LinkComponent:o,onHover:n,onEscape:s,source:i}){let{text:a,keyword:l,setText:c,setKeyword:d,clearKeyword:m}=mo({onKeywordChange:e});return jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col gap-3",children:[jsxRuntime.jsx(eo,{value:a,onValueChange:c,onClear:m,onEscape:s}),!l&&jsxRuntime.jsx(Zn,{onSelect:d}),jsxRuntime.jsx(lo,{className:"flex-auto min-h-0",keyword:l,onSelect:t,getEventHref:r,LinkComponent:o,onHover:n,source:i})]})}var cr="predict-search";function nf({id:e=cr}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(fc,{...t})})}function fc({params:e,isOpen:t,onOpenChange:r,onResult:o}){let{t:n}=i18n.useTranslation(),{isMobile:s}=ui.useScreen(),i=react.useCallback(l=>{o(l);},[o]),a=react.useCallback(()=>{r(false);},[r]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:s?"full":"lg",hideCloseButton:true,backdrop:"blur",radius:"lg",children:jsxRuntime.jsxs(ui.ModalContent,{className:"w-full h-full",children:[jsxRuntime.jsxs(ui.ModalHeader,{className:"sm:hidden flex items-center justify-between pt-4 pb-2",children:[jsxRuntime.jsx("span",{className:"text-base font-semibold",children:n("predict.search.title")}),jsxRuntime.jsx(ui.Button,{isIconOnly:true,onPress:()=>r(false),size:"sm",className:"bg-transparent min-w-6 w-6 h-6",children:jsxRuntime.jsx(ui.XCloseIcon,{width:20,height:20})})]}),jsxRuntime.jsx(ui.ModalBody,{className:"p-4",children:jsxRuntime.jsx(fo,{getEventHref:e?.getEventHref,LinkComponent:e?.LinkComponent,onHover:e?.onHover,source:e?.source,onSelectEvent:i,onEscape:a})})]})})}function mf({onSelectEvent:e,modalParams:t,className:r}){let{t:o}=i18n.useTranslation(),{isDesktop:n,isMobile:s}=ui.useScreen(),{onOpen:i,onClose:a}=uiScaffold.useAsyncModal(cr),l=hooks.useCallbackRef(e),c=hooks.useCallbackRef(async()=>{let m=await i({params:t});m&&l(m);}),d=hooks.useCallbackRef(()=>{a();});return react.useEffect(()=>{let m=p=>{let f=document.activeElement,u=!!f&&(f.tagName==="INPUT"||f.tagName==="TEXTAREA"||f.getAttribute("contenteditable")==="true");p.key==="/"&&!u&&(p.preventDefault(),c()),p.key==="Escape"&&(p.preventDefault(),d());};return window.addEventListener("keydown",m),()=>{window.removeEventListener("keydown",m);}},[c,d]),jsxRuntime.jsx(ui.Button,{size:"sm",radius:"full",isIconOnly:!n,onPress:c,variant:s?"flat":"bordered",startContent:n?jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"}):void 0,endContent:n?jsxRuntime.jsx(ui.Kbd,{className:"ml-auto min-w-6 justify-center text-xs bg-transparent border border-border rounded-full",children:"/"}):void 0,className:ui.cn(n&&"min-w-56 justify-start pl-3 pr-1.5 text-neutral",r),children:n?o("predict.search.placeholder"):jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"})})}Object.defineProperty(exports,"PredictClient",{enumerable:true,get:function(){return reactPredict.PredictClient}});Object.defineProperty(exports,"PredictContext",{enumerable:true,get:function(){return reactPredict.PredictContext}});Object.defineProperty(exports,"PredictProvider",{enumerable:true,get:function(){return reactPredict.PredictProvider}});Object.defineProperty(exports,"PredictWsClient",{enumerable:true,get:function(){return reactPredict.PredictWsClient}});Object.defineProperty(exports,"createPredictClient",{enumerable:true,get:function(){return reactPredict.createPredictClient}});Object.defineProperty(exports,"createPredictWsClient",{enumerable:true,get:function(){return reactPredict.createPredictWsClient}});Object.defineProperty(exports,"useBalance",{enumerable:true,get:function(){return reactPredict.useBalance}});Object.defineProperty(exports,"useCancelOrder",{enumerable:true,get:function(){return reactPredict.useCancelOrder}});Object.defineProperty(exports,"useCandlesticks",{enumerable:true,get:function(){return reactPredict.useCandlesticks}});Object.defineProperty(exports,"useDFlowKYC",{enumerable:true,get:function(){return reactPredict.useDFlowKYC}});Object.defineProperty(exports,"useDFlowQuote",{enumerable:true,get:function(){return reactPredict.useDFlowQuote}});Object.defineProperty(exports,"useDFlowSubmit",{enumerable:true,get:function(){return reactPredict.useDFlowSubmit}});Object.defineProperty(exports,"useEvent",{enumerable:true,get:function(){return reactPredict.useEvent}});Object.defineProperty(exports,"useEvents",{enumerable:true,get:function(){return reactPredict.useEvents}});Object.defineProperty(exports,"useInfiniteEvents",{enumerable:true,get:function(){return reactPredict.useInfiniteEvents}});Object.defineProperty(exports,"useMarket",{enumerable:true,get:function(){return reactPredict.useMarket}});Object.defineProperty(exports,"useMarketHistory",{enumerable:true,get:function(){return reactPredict.useMarketHistory}});Object.defineProperty(exports,"useMarketTrades",{enumerable:true,get:function(){return reactPredict.useMarketTrades}});Object.defineProperty(exports,"useOrder",{enumerable:true,get:function(){return reactPredict.useOrder}});Object.defineProperty(exports,"useOrderbook",{enumerable:true,get:function(){return reactPredict.useOrderbook}});Object.defineProperty(exports,"useOrders",{enumerable:true,get:function(){return reactPredict.useOrders}});Object.defineProperty(exports,"usePositions",{enumerable:true,get:function(){return reactPredict.usePositions}});Object.defineProperty(exports,"usePredictClient",{enumerable:true,get:function(){return reactPredict.usePredictClient}});Object.defineProperty(exports,"usePriceHistory",{enumerable:true,get:function(){return reactPredict.usePriceHistory}});Object.defineProperty(exports,"useSearchEvents",{enumerable:true,get:function(){return reactPredict.useSearchEvents}});Object.defineProperty(exports,"useSimilarEvents",{enumerable:true,get:function(){return reactPredict.useSimilarEvents}});Object.defineProperty(exports,"useTrades",{enumerable:true,get:function(){return reactPredict.useTrades}});exports.CHART_RANGE_DURATION=Fc;exports.CHART_RANGE_PERIOD=Hc;exports.CHART_RANGE_SAMPLE_INTERVAL=Bc;exports.CandlestickPeriod=it;exports.CategoriesSkeleton=Tc;exports.CategoriesUI=Nr;exports.CategoriesWidget=Cr;exports.ChartRange=re;exports.DEFAULT_CHART_RANGE=at;exports.DEFAULT_FILTER_STATE=Ft;exports.DEFAULT_PAGE_SIZE=Be;exports.DEFAULT_PRICE_HISTORY_INTERVAL=zc;exports.EventDetailPage=Op;exports.EventDetailSkeleton=Ye;exports.EventDetailUI=Kn;exports.EventDetailWidget=Vn;exports.EventItem=cn;exports.EventMarketDepthChartUI=Tn;exports.EventMarketDetailWidget=_n;exports.EventPriceChart=Bn;exports.EventsFilterUI=Kr;exports.EventsPage=bu;exports.EventsPageSkeleton=Wd;exports.EventsSkeleton=$t;exports.EventsToolbarUI=jr;exports.EventsUI=gn;exports.EventsWidget=xn;exports.MAX_PRICE_HISTORY_MARKETS=It;exports.ORDER_MAX_PRICE=Wc;exports.ORDER_MIN_PRICE=$c;exports.ORDER_MIN_QUANTITY=_t;exports.ORDER_PRICE_STEP=Uc;exports.PREDICT_SEARCH_MODAL_ID=cr;exports.PREDICT_TRADE_MODAL_ID=Bt;exports.PRICE_HISTORY_SAMPLE_INTERVAL=Kc;exports.PredictSearchModal=nf;exports.PredictTradeModal=Wr;exports.PriceHistoryInterval=Ne;exports.SORT_PRESETS=Gr;exports.STATIC_CATEGORIES=Ot;exports.SearchEventsButton=mf;exports.SearchHistoryUI=Jn;exports.SearchHistoryWidget=Zn;exports.SearchInputUI=eo;exports.SearchResultItemUI=no;exports.SearchResultListWidget=lo;exports.SearchWidget=fo;exports.SimilarEventCard=ul;exports.SimilarEventsSection=Yn;exports.TradeFormSkeleton=kn;exports.TradeFormUI=Ur;exports.TradeFormWidget=ct;exports.UserActivitySection=Sn;exports.UserPredictProvider=Jo;exports.countActiveFilters=Ut;exports.formatWan=qe;exports.useEventDetail=Fp;exports.useEventsInfinite=Jr;exports.usePredictSearchHistory=Nt;exports.useSearchResultListScript=oo;exports.useSearchScript=mo;exports.useTradeForm=Hr;exports.version=_o;//# sourceMappingURL=index.js.map
|
|
21
|
+
`):c.description??"";if(!u)return null;let m=u.length>200&&!o?u.slice(0,200)+"...":u;return jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground lg:text-base",children:r("predict.event.rules")}),d.length>1&&jsxRuntime.jsxs(ui$1.Dropdown,{placement:"bottom-end",classNames:{content:"min-w-36 bg-content1 border border-border"},children:[jsxRuntime.jsx(ui$1.DropdownTrigger,{children:jsxRuntime.jsx(ui$1.Button,{size:"sm",variant:"bordered",radius:"lg",endContent:jsxRuntime.jsx(ui$1.ChevronDownIcon,{className:"h-3.5 w-3.5"}),className:"text-xs text-foreground",children:ht(c)})}),jsxRuntime.jsx(ui$1.DropdownMenu,{"aria-label":"Select market rules",selectionMode:"single",selectedKeys:[String(i)],onAction:f=>{l(Number(f)),n(false);},classNames:{list:"gap-1"},itemClasses:{base:"rounded-md px-3 h-8"},children:d.map((f,p)=>jsxRuntime.jsx(ui$1.DropdownItem,{className:ui$1.cn(p===i?"bg-content2 text-foreground":"text-neutral","data-[hover=true]:bg-content2 data-[hover=true]:text-foreground"),children:ht(f)},String(p)))})]})]}),jsxRuntime.jsx("div",{className:"text-xs text-foreground/80 lg:text-sm whitespace-pre-wrap",children:m}),u.length>200&&jsxRuntime.jsx("button",{type:"button",onClick:()=>n(f=>!f),className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors self-start",children:r(o?"predict.event.rules.collapse":"predict.event.showMore")}),jsxRuntime.jsxs("button",{type:"button",onClick:()=>a(f=>!f),className:"flex items-center justify-between w-full mt-2 text-xs font-medium text-neutral lg:text-sm cursor-pointer hover:text-foreground transition-colors",children:[jsxRuntime.jsx("span",{children:r("predict.event.timelineAndPayout")}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{className:ui$1.cn("h-4 w-4 transition-transform",s&&"rotate-180")})]}),s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex flex-col",children:(()=>{let f=c.status,p=[];return c.created_at&&p.push({label:r("predict.event.timeline.created"),value:Xe(c.created_at),isActive:true}),p.push({label:r("predict.event.timeline.open"),value:Xe(c.start_at),isActive:f!=="pending"}),f==="voided"?p.push({label:r("predict.event.timeline.voided"),value:Xe(c.closed_at??c.end_at),isActive:true}):f==="closed"?p.push({label:r("predict.event.timeline.closed"),value:Xe(c.closed_at??c.end_at),isActive:true}):p.push({label:r("predict.event.timeline.close"),value:Xe(c.end_at),isActive:false}),p})().map((f,p,g)=>jsxRuntime.jsxs("div",{className:"flex items-stretch gap-x-3",children:[jsxRuntime.jsxs("div",{className:"flex flex-col items-center w-3",children:[jsxRuntime.jsx("div",{className:`h-3 w-3 shrink-0 rounded-full border-2 mt-0.5 ${f.isActive?"border-primary bg-primary":"border-border bg-transparent"}`}),p<g.length-1&&jsxRuntime.jsx("div",{className:"w-px flex-1 bg-border"})]}),jsxRuntime.jsxs("div",{className:`flex flex-col ${p<g.length-1?"pb-4":""}`,children:[jsxRuntime.jsx("span",{className:"text-xs font-medium text-foreground lg:text-sm",children:f.label}),jsxRuntime.jsx("span",{className:"text-xs text-neutral lg:text-sm",children:f.value})]})]},f.label))}),jsxRuntime.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 text-xxs text-neutral mt-2 lg:text-xs",children:[jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.event"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:t.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.market"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:c.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.source"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:tl(c.source)})]})]})]})]})}function sl({source:e}){return jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 text-neutral-400",title:e==="polymarket"?"Polymarket":"Kalshi",children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),e==="polymarket"?jsxRuntime.jsx(ui$1.PolymarketIcon,{className:"h-5 w-auto shrink-0"}):jsxRuntime.jsx(ui$1.KalshiIcon,{className:"h-3 w-auto shrink-0"})]})}function qn({eventSlug:e,source:t,onTradeAction:r}){let{data:o,isLoading:n,error:s}=reactPredict.useEvent({slug:e,source:t});return n?jsxRuntime.jsx(Ge,{}):s||!o?jsxRuntime.jsx("div",{className:"flex w-full items-center justify-center py-20 text-danger",children:s?.message||"Event not found"}):jsxRuntime.jsx(Yn,{event:o,onTradeAction:r})}function Gn({eventSlug:e,source:t,limit:r=4,onEventClick:o}){let{t:n}=i18n.useTranslation(),{data:s,isLoading:a}=reactPredict.useSimilarEvents({slug:e,source:t,limit:r});return a||!s||s.length===0?null:jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-3 mt-6 px-1 lg:px-0",children:[jsxRuntime.jsx("span",{className:"text-sm font-semibold text-foreground lg:text-base",children:n("predict.similar.title")}),jsxRuntime.jsx("div",{className:"grid grid-cols-1 gap-3",children:s.map(i=>jsxRuntime.jsx(ul,{event:i,onClick:o},i.slug))})]})}function ul({event:e,onClick:t}){let r=e.volume;return jsxRuntime.jsxs("button",{type:"button",onClick:()=>t?.(e),className:"flex items-center gap-x-3 rounded-xl border border-border p-3 hover:bg-content2 transition-colors cursor-pointer text-left w-full",children:[jsxRuntime.jsx(ui$1.Avatar,{src:e.image_url||void 0,name:e.title?.[0]||"?",radius:"lg",className:"size-8 shrink-0 bg-transparent",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{className:"flex flex-col min-w-0 flex-1",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground truncate",children:e.title}),r!=null&&r>0&&jsxRuntime.jsxs("span",{className:"text-xs text-neutral",children:["$",Math.round(r).toLocaleString()," vol"]})]}),jsxRuntime.jsx(ui$1.ChevronRightIcon,{className:"h-4 w-4 text-neutral shrink-0"})]})}function jn(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Op({eventSlug:e,source:t,chain:r,walletAddress:o,onSimilarEventClick:n,onBack:s}){let{t:a}=i18n.useTranslation(),{isMobile:i}=ui$1.useScreen(),{isOpen:l,onOpen:d,onClose:c}=ui$1.useDisclosure(),{data:u,isLoading:m}=reactPredict.useEvent({slug:e,source:t}),f=react.useMemo(()=>[...u?.markets||[]].sort((E,M)=>jn(M)-jn(E)),[u?.markets]),[p,g]=react.useState(null),v=react.useCallback((E,M,T)=>{g(G=>({market:E,outcome:M,side:T,version:(G?.version??0)+1})),i&&d();},[i,d]),b=p?.market??f[0];if(m){let E=!!s;return i?jsxRuntime.jsx(Ge,{showBack:E}):jsxRuntime.jsxs("div",{className:"flex w-full max-w-6xl mx-auto gap-x-4 lg:gap-x-6",children:[jsxRuntime.jsx("div",{className:"min-w-0 flex-1 max-w-3xl",children:jsxRuntime.jsx(Ge,{showBack:E})}),jsxRuntime.jsx("aside",{className:"hidden lg:block w-[340px] xl:w-[380px] shrink-0",children:jsxRuntime.jsx("div",{className:"sticky top-4 max-h-[calc(100dvh-2rem)] overflow-y-auto scrollbar-thin",children:jsxRuntime.jsx(Pn,{})})})]})}let U=p?`${p.market.slug}-${p.version}`:b?.slug??"default";return jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 pb-12 lg:max-w-7xl lg:gap-y-8 lg:pb-16 mx-auto",children:[jsxRuntime.jsxs("div",{className:"flex w-full justify-center gap-4 pt-4 lg:gap-6",children:[jsxRuntime.jsxs("div",{className:"flex-auto min-w-0 flex flex-col gap-y-4 px-4 lg:gap-y-6 lg:px-0",children:[s&&jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(ui$1.Button,{as:"a",onPress:s,startContent:jsxRuntime.jsx(ui$1.ChevronLeftIcon,{className:"h-4 w-4"}),className:"text-neutral bg-transparent h-5 min-h-5 gap-x-2 p-0 text-base w-auto min-w-auto",children:a("common.back")})}),jsxRuntime.jsx(qn,{eventSlug:e,source:t,onTradeAction:v})]}),jsxRuntime.jsxs("div",{className:"hidden flex-none w-md flex-col gap-y-4 lg:sticky lg:top-4 lg:flex lg:self-start",children:[b&&jsxRuntime.jsx(lt,{event:u,market:b,initialSide:p?.side,initialOutcome:p?.outcome,chain:r},U),u&&jsxRuntime.jsx(Gn,{eventSlug:e,source:u.source,onEventClick:n})]})]}),u&&jsxRuntime.jsx("div",{className:"flex w-full flex-col",children:jsxRuntime.jsx(Nn,{event:u,walletAddress:o})})]})}function Xn(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Pl(e){switch(e){case reactPredict.ChartRange.ONE_DAY:return {interval:"15m",limit:96};case reactPredict.ChartRange.ONE_WEEK:return {interval:"1h",limit:168};case reactPredict.ChartRange.ONE_MONTH:return {interval:"4h",limit:180};case reactPredict.ChartRange.ALL:return {interval:"1d",limit:300};default:return {interval:"1h",limit:100}}}var Fp=e=>{let{candlestickMarketSlugs:t,chartRange:r=at,source:o}=e,n=reactPredict.usePredictClient(),s=react.useMemo(()=>Pl(r),[r]),{data:a,isLoading:i,error:l}=reactPredict.useEvent({slug:e.eventSlug,source:o}),d=react.useMemo(()=>a?.markets?(t&&t.length>0?t.slice(0,4).map(g=>a.markets.find(v=>v.slug===g)).filter(g=>g!==void 0):[...a.markets].sort((g,v)=>Xn(v)-Xn(g)).slice(0,4)).map(g=>g.slug):[],[t,a?.markets]),c=reactQuery.useQueries({queries:d.map(p=>({queryKey:reactPredict.candlesticksQueryKey(p,s),queryFn:()=>n.listCandlesticks(p,s),enabled:d.length>0}))}),u=c.some(p=>p.isLoading),m=react.useMemo(()=>{let p=new Map;return d.forEach((g,v)=>{let b=c[v]?.error;b&&p.set(g,b);}),p},[d,c]),f=react.useMemo(()=>{let p=new Map;return d.forEach((g,v)=>{let b=c[v]?.data;b&&p.set(g,b);}),p},[d,c]);return {event:a,isEventLoading:i,eventError:l,candlestickParams:s,candlesticks:f,isCandlesticksLoading:u,candlestickErrors:m}};var Tl=10,Ml=utils$1.atomWithStorage("liberfi:predict_search_histories",[],void 0,{getOnInit:true});function kt(){let[e,t]=jotai.useAtom(Ml),r=react.useCallback(n=>{let s=n.trim();s&&t(a=>{let i=a.filter(l=>l!==s);return [s,...i].slice(0,Tl)});},[t]),o=react.useCallback(()=>{t([]);},[t]);return {histories:e,addHistory:r,clearHistories:o}}function eo({histories:e,onSelect:t,onClear:r,className:o}){let{t:n}=i18n.useTranslation();return e.length===0?null:jsxRuntime.jsxs("div",{className:ui$1.cn("px-4 pb-4",o),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:n("predict.search.history")}),jsxRuntime.jsx(ui$1.Button,{isIconOnly:true,size:"sm",className:"bg-transparent min-w-6 w-6 h-6 text-neutral",onPress:r,children:jsxRuntime.jsx(ui$1.TrashIcon,{width:20,height:20})})]}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:e.map(s=>jsxRuntime.jsx(ui$1.Chip,{size:"sm",variant:"bordered",className:ui$1.cn("text-neutral","border-border border-1","cursor-pointer","hover:opacity-hover"),onClick:()=>t?.(s),children:s},s))})]})}function to({onSelect:e,className:t}){let{histories:r,clearHistories:o}=kt();return jsxRuntime.jsx(eo,{className:ui$1.cn(t),histories:r,onSelect:e,onClear:o})}function ro({value:e,onValueChange:t,onClear:r,onEscape:o,className:n}){let{t:s}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:n,children:jsxRuntime.jsx(ui$1.StyledInput,{autoFocus:true,variant:"flat",radius:"full",value:e,onValueChange:t,placeholder:s("predict.search.placeholder"),startContent:jsxRuntime.jsx(ui$1.SearchIcon,{width:20,height:20,className:"text-neutral"}),endContent:e?jsxRuntime.jsx(ui$1.Button,{isIconOnly:true,className:"bg-transparent min-w-6 w-6 h-6 text-neutral",onPress:r,children:jsxRuntime.jsx(ui$1.XCloseIcon,{width:20,height:20})}):jsxRuntime.jsx(ui$1.Kbd,{className:"min-w-8 justify-center text-xs text-neutral bg-transparent border border-border rounded-full cursor-pointer select-none",onMouseDown:a=>{a.preventDefault(),o?.();},children:"Esc"})})})}function so({event:e,href:t,LinkComponent:r,onSelect:o,onHover:n,className:s}){let a=e.tags?.[0];return jsxRuntime.jsxs(ui$1.Linkable,{href:t,LinkComponent:r,className:ui$1.cn("w-full h-full px-3 flex items-center gap-3","hover:cursor-pointer hover:bg-content2 rounded-lg","transition-colors duration-150",s),onClick:i=>{t&&o&&i.preventDefault(),o?.(e);},onMouseEnter:()=>n?.(e),children:[jsxRuntime.jsx(ui$1.Avatar,{src:e.image_url||void 0,name:e.title||"Event",radius:"full",className:"h-10 w-10 flex-shrink-0"}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0 flex items-center gap-2.5",children:[jsxRuntime.jsx("span",{className:"min-w-0 text-sm font-medium truncate",children:e.title}),a&&jsxRuntime.jsx("span",{className:ui$1.cn("flex-shrink-0 inline-flex items-center","rounded-full px-2.5 py-1.5","text-[11px] font-semibold leading-none uppercase","bg-primary/15 text-primary"),children:a.label})]})]})}function ao({keyword:e="",limit:t,source:r}){let{data:o,isLoading:n,isFetchingNextPage:s,hasNextPage:a,fetchNextPage:i}=reactPredict.useSearchEvents({keyword:e,limit:t,source:r},{enabled:true});return {events:react.useMemo(()=>o?.pages.flatMap(d=>d.items).filter(d=>d!=null)??[],[o]),isLoading:n,isFetchingNextPage:s,hasNextPage:a??false,fetchNextPage:i}}var Jl=56;function uo({onSelect:e,getEventHref:t,LinkComponent:r,onHover:o,className:n,...s}){let{events:a,isLoading:i,isFetchingNextPage:l,hasNextPage:d,fetchNextPage:c}=ao(s),u=react.useRef(null),{height:m}=hooks.useResizeObserver({ref:u}),f=react.useCallback(b=>b<a.length,[a]),p=react.useCallback(async()=>{d&&!l&&await c();},[d,l,c]),g=react.useMemo(()=>d?a.length+1:a.length,[a,d]),v=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:f,loadMoreRows:p,rowCount:g,threshold:5});return i?jsxRuntime.jsx(ec,{className:n}):a.length===0?jsxRuntime.jsx(tc,{className:n}):jsxRuntime.jsx("div",{className:ui$1.cn("w-full h-full flex flex-col",n),children:jsxRuntime.jsx("div",{className:"flex-auto min-h-0",ref:u,children:jsxRuntime.jsx(reactWindow.List,{style:{height:m},onRowsRendered:v,rowComponent:Zl,rowCount:g,rowHeight:Jl,rowProps:{events:a,onSelect:e,getEventHref:t,LinkComponent:r,onHover:o},overscanCount:5})})})}function Zl({index:e,style:t,events:r,onSelect:o,getEventHref:n,LinkComponent:s,onHover:a}){let i=r[e];return i?jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx(so,{event:i,href:n?.(i),LinkComponent:s,onSelect:o,onHover:a})}):jsxRuntime.jsx("div",{style:t,className:"flex items-center justify-center",children:jsxRuntime.jsx(ui$1.Spinner,{size:"sm"})})}function ec({className:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:ui$1.cn("flex items-center justify-center gap-2 py-16",e),children:[jsxRuntime.jsx(ui$1.Spinner,{size:"sm"}),jsxRuntime.jsx("span",{className:"text-sm text-neutral",children:t("predict.search.loading")})]})}function tc({className:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:ui$1.cn("flex flex-col items-center justify-center py-16",e),children:[jsxRuntime.jsx(ui$1.EmptyIcon,{width:28,height:28,className:"text-neutral"}),jsxRuntime.jsx("p",{className:"mt-2 text-sm text-neutral",children:t("predict.search.noResults")})]})}function go({onKeywordChange:e}){let[t,r]=react.useState(""),[o,n]=react.useState(""),{addHistory:s}=kt(),a=hooks.useCallbackRef(e),i=hooks.useCallbackRef(s),l=react.useMemo(()=>utils.debounce(m=>{n(m),a(m),m&&i(m);},500),[a,i]),d=react.useCallback(m=>{r(m),l(m);},[l]),c=react.useCallback(m=>{l.cancel(),r(m),n(m),a(m),m&&i(m);},[l,a,i]),u=react.useCallback(()=>c(""),[c]);return {text:t,keyword:o,setText:d,setKeyword:c,clearKeyword:u}}function vo({onKeywordChange:e,onSelectEvent:t,getEventHref:r,LinkComponent:o,onHover:n,onEscape:s,source:a}){let{text:i,keyword:l,setText:d,setKeyword:c,clearKeyword:u}=go({onKeywordChange:e});return jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col gap-3",children:[jsxRuntime.jsx(ro,{value:i,onValueChange:d,onClear:u,onEscape:s}),!l&&jsxRuntime.jsx(to,{onSelect:c}),jsxRuntime.jsx(uo,{className:"flex-auto min-h-0",keyword:l,onSelect:t,getEventHref:r,LinkComponent:o,onHover:n,source:a})]})}var ur="predict-search";function nf({id:e=ur}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(fc,{...t})})}function fc({params:e,isOpen:t,onOpenChange:r,onResult:o}){let{t:n}=i18n.useTranslation(),{isMobile:s}=ui$1.useScreen(),a=react.useCallback(l=>{o(l);},[o]),i=react.useCallback(()=>{r(false);},[r]);return jsxRuntime.jsx(ui$1.StyledModal,{isOpen:t,onOpenChange:r,size:s?"full":"lg",hideCloseButton:true,backdrop:"blur",radius:"lg",children:jsxRuntime.jsxs(ui$1.ModalContent,{className:"w-full h-full",children:[jsxRuntime.jsxs(ui$1.ModalHeader,{className:"sm:hidden flex items-center justify-between pt-4 pb-2",children:[jsxRuntime.jsx("span",{className:"text-base font-semibold",children:n("predict.search.title")}),jsxRuntime.jsx(ui$1.Button,{isIconOnly:true,onPress:()=>r(false),size:"sm",className:"bg-transparent min-w-6 w-6 h-6",children:jsxRuntime.jsx(ui$1.XCloseIcon,{width:20,height:20})})]}),jsxRuntime.jsx(ui$1.ModalBody,{className:"p-4",children:jsxRuntime.jsx(vo,{getEventHref:e?.getEventHref,LinkComponent:e?.LinkComponent,onHover:e?.onHover,source:e?.source,onSelectEvent:a,onEscape:i})})]})})}function mf({onSelectEvent:e,modalParams:t,className:r}){let{t:o}=i18n.useTranslation(),{isDesktop:n,isMobile:s}=ui$1.useScreen(),{onOpen:a,onClose:i}=uiScaffold.useAsyncModal(ur),l=hooks.useCallbackRef(e),d=hooks.useCallbackRef(async()=>{let u=await a({params:t});u&&l(u);}),c=hooks.useCallbackRef(()=>{i();});return react.useEffect(()=>{let u=m=>{let f=document.activeElement,p=!!f&&(f.tagName==="INPUT"||f.tagName==="TEXTAREA"||f.getAttribute("contenteditable")==="true");m.key==="/"&&!p&&(m.preventDefault(),d()),m.key==="Escape"&&(m.preventDefault(),c());};return window.addEventListener("keydown",u),()=>{window.removeEventListener("keydown",u);}},[d,c]),jsxRuntime.jsx(ui$1.Button,{size:"sm",radius:"full",isIconOnly:!n,onPress:d,variant:s?"flat":"bordered",startContent:n?jsxRuntime.jsx(ui$1.SearchIcon,{className:"text-neutral"}):void 0,endContent:n?jsxRuntime.jsx(ui$1.Kbd,{className:"ml-auto min-w-6 justify-center text-xs bg-transparent border border-border rounded-full",children:"/"}):void 0,className:ui$1.cn(n&&"min-w-56 justify-start pl-3 pr-1.5 text-neutral",r),children:n?o("predict.search.placeholder"):jsxRuntime.jsx(ui$1.SearchIcon,{className:"text-neutral"})})}Object.defineProperty(exports,"PredictClient",{enumerable:true,get:function(){return reactPredict.PredictClient}});Object.defineProperty(exports,"PredictContext",{enumerable:true,get:function(){return reactPredict.PredictContext}});Object.defineProperty(exports,"PredictProvider",{enumerable:true,get:function(){return reactPredict.PredictProvider}});Object.defineProperty(exports,"PredictWsClient",{enumerable:true,get:function(){return reactPredict.PredictWsClient}});Object.defineProperty(exports,"createPredictClient",{enumerable:true,get:function(){return reactPredict.createPredictClient}});Object.defineProperty(exports,"createPredictWsClient",{enumerable:true,get:function(){return reactPredict.createPredictWsClient}});Object.defineProperty(exports,"useBalance",{enumerable:true,get:function(){return reactPredict.useBalance}});Object.defineProperty(exports,"useCancelOrder",{enumerable:true,get:function(){return reactPredict.useCancelOrder}});Object.defineProperty(exports,"useCandlesticks",{enumerable:true,get:function(){return reactPredict.useCandlesticks}});Object.defineProperty(exports,"useDFlowKYC",{enumerable:true,get:function(){return reactPredict.useDFlowKYC}});Object.defineProperty(exports,"useDFlowQuote",{enumerable:true,get:function(){return reactPredict.useDFlowQuote}});Object.defineProperty(exports,"useDFlowSubmit",{enumerable:true,get:function(){return reactPredict.useDFlowSubmit}});Object.defineProperty(exports,"useEvent",{enumerable:true,get:function(){return reactPredict.useEvent}});Object.defineProperty(exports,"useEvents",{enumerable:true,get:function(){return reactPredict.useEvents}});Object.defineProperty(exports,"useInfiniteEvents",{enumerable:true,get:function(){return reactPredict.useInfiniteEvents}});Object.defineProperty(exports,"useMarket",{enumerable:true,get:function(){return reactPredict.useMarket}});Object.defineProperty(exports,"useMarketHistory",{enumerable:true,get:function(){return reactPredict.useMarketHistory}});Object.defineProperty(exports,"useMarketTrades",{enumerable:true,get:function(){return reactPredict.useMarketTrades}});Object.defineProperty(exports,"useOrder",{enumerable:true,get:function(){return reactPredict.useOrder}});Object.defineProperty(exports,"useOrderbook",{enumerable:true,get:function(){return reactPredict.useOrderbook}});Object.defineProperty(exports,"useOrders",{enumerable:true,get:function(){return reactPredict.useOrders}});Object.defineProperty(exports,"usePositions",{enumerable:true,get:function(){return reactPredict.usePositions}});Object.defineProperty(exports,"usePredictClient",{enumerable:true,get:function(){return reactPredict.usePredictClient}});Object.defineProperty(exports,"usePriceHistory",{enumerable:true,get:function(){return reactPredict.usePriceHistory}});Object.defineProperty(exports,"useSearchEvents",{enumerable:true,get:function(){return reactPredict.useSearchEvents}});Object.defineProperty(exports,"useSimilarEvents",{enumerable:true,get:function(){return reactPredict.useSimilarEvents}});Object.defineProperty(exports,"useTrades",{enumerable:true,get:function(){return reactPredict.useTrades}});exports.CHART_RANGE_DURATION=Fc;exports.CHART_RANGE_PERIOD=Hc;exports.CHART_RANGE_SAMPLE_INTERVAL=Bc;exports.CandlestickPeriod=st;exports.CategoriesSkeleton=Tc;exports.CategoriesUI=Cr;exports.CategoriesWidget=Rr;exports.ChartRange=te;exports.DEFAULT_CHART_RANGE=at;exports.DEFAULT_FILTER_STATE=Wt;exports.DEFAULT_PAGE_SIZE=Ue;exports.DEFAULT_PRICE_HISTORY_INTERVAL=zc;exports.EventDetailPage=Op;exports.EventDetailSkeleton=Ge;exports.EventDetailUI=Yn;exports.EventDetailWidget=qn;exports.EventItem=un;exports.EventMarketDepthChartUI=Rn;exports.EventMarketDetailWidget=Dn;exports.EventPriceChart=Un;exports.EventsFilterUI=Yr;exports.EventsPage=bu;exports.EventsPageSkeleton=$d;exports.EventsSkeleton=zt;exports.EventsToolbarUI=Qr;exports.EventsUI=xn;exports.EventsWidget=bn;exports.MAX_PRICE_HISTORY_MARKETS=It;exports.ORDER_MAX_PRICE=$c;exports.ORDER_MIN_PRICE=Wc;exports.ORDER_MIN_QUANTITY=_t;exports.ORDER_PRICE_STEP=Uc;exports.PREDICT_SEARCH_MODAL_ID=ur;exports.PREDICT_TRADE_MODAL_ID=Ut;exports.PRICE_HISTORY_SAMPLE_INTERVAL=Kc;exports.PredictSearchModal=nf;exports.PredictTradeModal=Kr;exports.PredictWalletProvider=Qo;exports.PriceHistoryInterval=Ee;exports.SORT_PRESETS=Xr;exports.STATIC_CATEGORIES=Ot;exports.SearchEventsButton=mf;exports.SearchHistoryUI=eo;exports.SearchHistoryWidget=to;exports.SearchInputUI=ro;exports.SearchResultItemUI=so;exports.SearchResultListWidget=uo;exports.SearchWidget=vo;exports.SimilarEventCard=ul;exports.SimilarEventsSection=Gn;exports.TradeFormSkeleton=Pn;exports.TradeFormUI=$r;exports.TradeFormWidget=lt;exports.UserActivitySection=Nn;exports.countActiveFilters=$t;exports.formatWan=je;exports.useEventDetail=Fp;exports.useEventsInfinite=en;exports.usePredictSearchHistory=kt;exports.usePredictWallet=Dt;exports.useSearchResultListScript=ao;exports.useSearchScript=go;exports.useTradeForm=Fr;exports.version=Bo;//# sourceMappingURL=index.js.map
|
|
22
22
|
//# sourceMappingURL=index.js.map
|