@liberfi.io/ui-predict 0.1.121 → 0.1.122
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 +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var react=require('react'),reactPredict=require('@liberfi.io/react-predict'),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'),rn=require('canvas-confetti'),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 rn__default=/*#__PURE__*/_interopDefault(rn);typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-predict"]="0.1.121");var Na="0.1.121";var Ca={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},lo=["Politics","Sports","Crypto","Economics","Financials","Elections","Entertainment","Companies","Science and Technology","Climate and Weather","Mentions","Social","World"],Zr=(()=>{let e=t=>{let r=lo.indexOf(t);return r===-1?lo.length:r};return Object.entries(Ca).map(([t,r])=>({slug:t,label:t,tags:(r??[]).map(n=>({slug:n,label:n}))})).sort((t,r)=>e(t.slug)-e(r.slug))})();function uo({categories:e,selectedCategory:t,selectedTag:r,activeTags:n,onCategorySelect:o,onTagSelect:i,trailing:s,pulsingTab:l="Trending",className:a}){let{t:d}=i18n.useTranslation(),p=react.useCallback(()=>{o(null);},[o]),u=d("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-2.5 lg:px-4 lg:py-2",a),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-9 items-stretch gap-x-3 lg:min-h-10",children:[jsxRuntime.jsx(co,{label:u,isSelected:t===null,onPress:p,showPulse:u===l}),jsxRuntime.jsx(La,{}),e.map(m=>jsxRuntime.jsx(co,{label:m.category,isSelected:t===m.category,onPress:()=>o(m.category),badge:m.badge,showPulse:m.category===l},m.category))]})}),s&&jsxRuntime.jsx("div",{className:"flex-shrink-0",children:s})]}),t&&n.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.5 pl-1 lg:w-full lg:gap-x-2",children:[jsxRuntime.jsx(po,{label:d("predict.categories.allMarkets"),isSelected:r===null,onPress:()=>i(null)}),n.map(m=>jsxRuntime.jsx(po,{label:m.label,icon:m.icon,isSelected:r===m.label,onPress:()=>i(m.label)},m.label))]})})]})}function co({label:e,isSelected:t,onPress:r,badge:n,showPulse:o}){return jsxRuntime.jsxs("button",{type:"button",onClick:r,className:ui.cn("relative shrink-0 cursor-pointer whitespace-nowrap border-b px-2.5 py-1.5 text-sm font-medium capitalize transition-colors",t?"border-primary/50 text-primary":"border-transparent text-neutral-500 hover:text-neutral-300"),children:[o?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,n&&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:n})]})}function La(){return jsxRuntime.jsx("span",{className:"flex items-center text-neutral-600","aria-hidden":"true",children:"|"})}function po({label:e,icon:t,isSelected:r,onPress:n}){return jsxRuntime.jsxs("button",{type:"button",onClick:n,className:ui.cn("flex shrink-0 items-center justify-center gap-x-1 min-w-14 rounded-2xl border px-3 py-1.5 text-sm font-medium uppercase transition-colors cursor-pointer",r?"border-primary/40 bg-primary/15 text-primary":"border-border/80 text-neutral-500 hover:bg-primary/10 hover:text-primary"),children:[t&&jsxRuntime.jsx("span",{className:ui.cn("iconify size-4",t)}),e]})}function _f({count:e=6}){return jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-2 px-4 py-2.5 lg:px-4 lg:py-2",children:jsxRuntime.jsx("div",{className:"flex min-h-9 items-center gap-x-3 lg:min-h-10",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-16 shrink-0 rounded"},r))})})}function _a(e){return e.map(t=>({category:t.label,tags:t.tags.map(r=>r.label)}))}function Ra(e){return e?e.tags.map(t=>({label:t.label,icon:t.icon})):[]}function go({onSelect:e,trailing:t,className:r}){let[n,o]=react.useState(null),[i,s]=react.useState(null),l=react.useCallback(m=>{o(m),s(null),e?.({categorySlug:m,tagSlug:null});},[e]),a=react.useCallback(m=>{s(m),e?.({categorySlug:n,tagSlug:m});},[n,e]),d=_a(Zr),p=Zr.find(m=>m.slug===n),u=Ra(p);return jsxRuntime.jsx(uo,{categories:d,selectedCategory:n,selectedTag:i,activeTags:u,onCategorySelect:l,onTagSelect:a,trailing:t,className:r})}function ho(e){return {title:e.title,imageUrl:e.image_url}}function vo(e){let t=e.outcomes[0],r=e.outcomes[1];return {question:e.question,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 Ut=48,Jr=4,gr={ONE_MINUTE:1,ONE_HOUR:60,ONE_DAY:1440},Ee={ONE_DAY:"1d",ONE_WEEK:"1w",ONE_MONTH:"1m",ALL:"all"},hr=Ee.ALL,zf={[Ee.ONE_DAY]:gr.ONE_MINUTE,[Ee.ONE_WEEK]:gr.ONE_HOUR,[Ee.ONE_MONTH]:gr.ONE_HOUR,[Ee.ALL]:gr.ONE_DAY},$f={[Ee.ONE_DAY]:300,[Ee.ONE_WEEK]:3600,[Ee.ONE_MONTH]:10800,[Ee.ALL]:1440*60},Wf={[Ee.ONE_DAY]:1440*60,[Ee.ONE_WEEK]:10080*60,[Ee.ONE_MONTH]:720*60*60,[Ee.ALL]:null},vr=1,xr=1,Uf=1,Kf=1,Vf=99,Mt={ONE_HOUR:"1h",SIX_HOURS:"6h",ONE_DAY:"1d",ONE_WEEK:"1w",MAX:"max"},jf=Mt.ONE_WEEK,Yf={[Mt.ONE_HOUR]:60,[Mt.SIX_HOURS]:60,[Mt.ONE_DAY]:300,[Mt.ONE_WEEK]:1800,[Mt.MAX]:1800};var yo=react.createContext(null);function tn(){let e=react.useContext(yo);if(!e)throw new Error("usePredictWallet must be used within a PredictWalletProvider");return e}var Ha=1e4;function za({pollingInterval:e=Ha,enabled:t=true,children:r}){let n=walletConnector.useWallets(),o=react.useMemo(()=>n.find(x=>x.chainNamespace===types.ChainNamespace.SOLANA&&x.isConnected)?.address,[n]),i=react.useMemo(()=>n.find(x=>x.chainNamespace===types.ChainNamespace.EVM&&x.isConnected)?.address,[n]),{data:s,isLoading:l,isFetching:a,error:d}=reactPredict.useBalance({source:"kalshi",user:o??""},{enabled:t&&!!o,refetchInterval:e}),{data:p,isLoading:u}=reactPredict.useDFlowKYC(o,{enabled:t&&!!o,refetchInterval:3e4}),{data:m,isLoading:c}=reactPredict.usePolymarketSetup(i,{enabled:t&&!!i,refetchInterval:3e4}),f=m?.safe_address,g=m?.verified??false,{data:h,isLoading:v,isFetching:S,error:C}=reactPredict.useBalance({source:"polymarket",user:i??""},{enabled:t&&g&&!!i,refetchInterval:e}),P=react.useMemo(()=>({solanaAddress:o,evmAddress:i,polymarketSafeAddress:f,kalshiUsdcBalance:s?Number(s.balance):null,polymarketUsdcBalance:g&&h?Number(h.balance):null,kalshiKycVerified:p?.verified??false,kalshiKycUrl:p?.kyc_url??null,kalshiKycLoading:u,polymarketSetupVerified:g,polymarketSafeDeployed:m?.safe_deployed??false,polymarketTokenApproved:m?.token_approved??false,polymarketSetupLoading:c,isLoading:l||v,isFetching:a||S,error:d??C??null}),[o,i,f,s,h,g,p,u,m,c,l,v,a,S,d,C]);return jsxRuntime.jsx(yo.Provider,{value:P,children:r})}var ll={minutes:60,hours:3600,days:86400};function cl(e,t,r){let n=Math.floor(Date.now()/1e3);switch(e){case "5m":return n+300;case "1h":return n+3600;case "12h":return n+720*60;case "24h":return n+1440*60;case "eod":{let o=new Date;return o.setUTCHours(23,59,59,0),Math.floor(o.getTime()/1e3)}case "custom":return n+t*ll[r]}}function nn(){let e={startVelocity:30,spread:360,ticks:60,zIndex:9999};rn__default.default({...e,particleCount:80,origin:{x:.5,y:.4}}),setTimeout(()=>{rn__default.default({...e,particleCount:40,origin:{x:.3,y:.6}});},150),setTimeout(()=>{rn__default.default({...e,particleCount:40,origin:{x:.7,y:.6}});},300);}function Po({market:e,initialOutcome:t="yes",initialSide:r="buy"}){let{t:n}=i18n.useTranslation(),{status:o}=walletConnector.useAuth(),i=walletConnector.useWallets(),s=walletConnector.useSwitchChain(),l=reactPredict.usePredictClient(),a=react.useContext(reactPredict.PolymarketContext),d=reactQuery.useQueryClient(),p=e.source,u=p==="polymarket",m=i.find(k=>k.chainNamespace===types.ChainNamespace.SOLANA&&k.isConnected),c=i.find(k=>k.chainNamespace===types.ChainNamespace.EVM&&k.isConnected&&"switchChain"in k),f=o==="authenticated",g=m?.address,h=c?.address,v=react.useMemo(()=>{if(p!=="polymarket")return;let k=e.provider_meta?.["polymarket.clobTokenIds"];return k?(typeof k=="string"?JSON.parse(k):k)[0]:void 0},[p,e.provider_meta]),{data:S}=reactPredict.useTickSize(v),C=S?.minimum_tick_size?String(S.minimum_tick_size):"0.01",[P,x]=react.useState(t),[b,T]=react.useState(r),[z,ae]=react.useState("market"),[D,ve]=react.useState(NaN),[I,H]=react.useState(NaN),[$,J]=react.useState(false),[ie,M]=react.useState(null),[_,G]=react.useState(null),[A,pe]=react.useState(false),[le,we]=react.useState(false),[Qe,ut]=react.useState("1h"),[Ke,Dt]=react.useState(30),[At,mt]=react.useState("minutes"),Be=null,lr=false,cr=null,Nt;try{let k=tn();Be={kalshiUsdcBalance:k.kalshiUsdcBalance,polymarketUsdcBalance:k.polymarketUsdcBalance,isLoading:k.isLoading},lr=k.kalshiKycVerified,cr=k.kalshiKycUrl,Nt=k.polymarketSafeAddress;}catch{}let Ne=react.useMemo(()=>{let k=P==="yes"?0:1,q=e.outcomes[k];return b==="buy"?q?.best_ask??q?.price??.5:q?.best_bid??q?.price??.5},[e.outcomes,P,b]),Kr=react.useCallback(k=>{ae(k);},[]),Ft=react.useCallback(k=>{x(k),H(NaN);},[]);react.useEffect(()=>{z==="limit"&&isNaN(I)&&H(Math.round(Ne*100)/100);},[z,I,Ne]);let Vr=react.useMemo(()=>isNaN(D)||D<=0?0:b==="buy"?Ne>0?D/Ne:0:D,[b,D,Ne]),E=react.useMemo(()=>isNaN(D)||D<=0?"0":String(Math.round(D*1e6)),[D]),Ce=e.provider_meta?.["dflow.yesMint"]??"",Xe=e.provider_meta?.["dflow.noMint"]??"",ft=utils.SOLANA_TOKENS.stablecoins.USDC.address,oa=e.provider_meta?.["dflow.collateralMint"]||"",Qn=P==="yes"?Ce:Xe,Xn=p==="kalshi"?g??"":h??"",{data:Ae,isLoading:ia}=reactPredict.usePositions({source:p,user:Xn},{enabled:!!Xn}),Zn=react.useMemo(()=>!Ae||b!=="sell"?null:Ae.positions.find(k=>k.side?.toLowerCase()===P&&k.market?.slug===e.slug)??null,[Ae,e.slug,P,b])?.market?.provider_meta,sa=b==="sell"&&Zn?.["dflow.outcomeMint"]||Qn,Bt=b==="sell"&&Zn?.["dflow.collateralMint"]||oa,Ht=b==="buy"?ft:sa,zt=b==="buy"?Qn:Bt||ft,aa=p==="kalshi"&&!!Ht&&!!zt&&!!g&&E!=="0",{refetch:Jn}=reactPredict.useDFlowQuote({inputMint:Ht,outputMint:zt,amount:E,userPublicKey:g??"",slippageBps:100},{enabled:aa}),dr=react.useMemo(()=>Be?p==="kalshi"?Be.kalshiUsdcBalance:Be.polymarketUsdcBalance:Ae&&Ae.positions.reduce((q,Me)=>Me.side==="USDC"||Me.side==="collateral"?q+(Me.current_value??0):q,0)||null,[Be,Ae,p]),la=Be?Be.isLoading:ia,jr=react.useMemo(()=>Ae?Ae.positions.find(q=>q.side?.toLowerCase()==="yes"&&q.market?.slug===e.slug)?.size??0:null,[Ae,e.slug]),Yr=react.useMemo(()=>Ae?Ae.positions.find(q=>q.side?.toLowerCase()==="no"&&q.market?.slug===e.slug)?.size??0:null,[Ae,e.slug]),Gr=react.useMemo(()=>z==="limit"&&u&&!isNaN(I)?I:Ne,[z,u,I,Ne]),pr=react.useMemo(()=>{if(isNaN(D)||D<=0)return 0;if(b==="buy")return D;let k=P==="yes"?e.outcomes[0]?.best_bid??0:e.outcomes[1]?.best_bid??0;return D*k},[b,P,D,e.outcomes]),eo=react.useMemo(()=>isNaN(D)||D<=0?0:b==="buy"?Gr>0?D/Gr*1:0:pr,[b,D,Gr,pr]),ca=eo-pr,da=react.useCallback(k=>{T(k),ve(NaN);},[]),pa=react.useCallback(k=>{if(isNaN(k)){ve(NaN);return}let q=Math.max(0,k),Me=b==="buy"?Math.round(q*100)/100:Math.round(q);ve(Me);},[b]),ua=react.useCallback(k=>{if(isNaN(k)){H(NaN);return}let q=Math.max(.01,Math.min(.99,k));H(Math.round(q*100)/100);},[]),$t=react.useCallback(()=>{ve(NaN),H(NaN),ae("market"),we(false),ut("1h"),Dt(30),mt("minutes");},[]),qr=react.useMemo(()=>{let k=[];isNaN(D)||D<=0?b==="buy"?k.push(n("predict.trade.minAmountUsd",{amount:xr})):k.push(n("predict.trade.minQuantity",{amount:vr})):b==="buy"&&D<xr?k.push(n("predict.trade.minAmountUsd",{amount:xr})):b==="sell"&&D<vr&&k.push(n("predict.trade.minQuantity",{amount:vr})),e.status!=="open"&&k.push(n("predict.trade.marketNotActive")),b==="buy"&&dr!=null&&!isNaN(D)&&D>0&&D>dr&&k.push(n("predict.trade.insufficientBalance"));let q=P==="yes"?jr:Yr;return b==="sell"&&q!=null&&!isNaN(D)&&D>0&&D>q&&k.push(n("predict.trade.insufficientShares")),z==="limit"&&u&&(isNaN(I)||I<.01||I>.99)&&k.push(n("predict.trade.limitPriceRange")),z==="limit"&&u&&le&&Qe==="custom"&&(isNaN(Ke)||Ke<=0)&&k.push(n("predict.trade.expiration.invalidDate")),{isValid:k.length===0,errors:k}},[D,e.status,b,p,dr,jr,Yr,P,z,u,I,le,Qe,Ke,n]),{mutateAsync:ur}=reactPredict.useDFlowSubmit(),{data:Qr}=reactPredict.useOrder({id:ie??"",source:p},{enabled:!!ie}),to=react.useCallback(async()=>{if(!_||!g||!m)return;let{cashAmount:k,collateral:q}=_;G(null);try{let gt=(await l.createDFlowQuote({inputMint:q,outputMint:ft,amount:k,userPublicKey:g,slippageBps:100}))?.transaction;if(!gt)return;let it=Uint8Array.from(atob(gt),Wt=>Wt.charCodeAt(0)),Ze=await m.signTransaction(it);await ur({signedTransaction:btoa(String.fromCharCode(...Ze)),orderContext:{user_public_key:g,input_mint:q,output_mint:ft,amount:k,price:"1",side:"SELL",outcome:"",market_slug:"",slippage_bps:100}});}catch{}},[_,g,m,l,ur,ft]);react.useEffect(()=>{if(!Qr||!ie)return;let{status:k}=Qr;k==="closed"?(M(null),_?to().finally(()=>{J(false),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t();}):(J(false),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t())):(k==="failed"||k==="expired")&&(J(false),M(null),G(null),ui.toast.error(n("predict.trade.submitError")));},[Qr,ie,_,to,$t,n]);let ro=react.useCallback(async()=>{if(!g||!m)return;if(!Ht||!zt){ui.toast.error("Missing token mint addresses"),J(false);return}if(!lr){pe(true),J(false);return}let Me=(await Jn()).data,gt=Me?.transaction;if(!gt){ui.toast.error(n("predict.trade.submitError")),J(false);return}if(b==="sell"&&Bt&&Bt!==ft){let st=String(Me?.outAmount??"");st&&st!=="0"&&G({cashAmount:st,collateral:Bt});}let it=Uint8Array.from(atob(gt),st=>st.charCodeAt(0)),Ze=await m.signTransaction(it),Wt=await ur({signedTransaction:btoa(String.fromCharCode(...Ze)),orderContext:{user_public_key:g,input_mint:Ht,output_mint:zt,amount:E,price:String(Ne),side:b==="buy"?"BUY":"SELL",outcome:P==="yes"?"YES":"NO",market_slug:e.slug,slippage_bps:100}});M(Wt.signature);},[g,m,l,Jn,ur,Ht,zt,E,Ne,b,P,e.slug,Bt,ft,n]),no=react.useCallback(async()=>{if(!c||!a)return;let k=c.chain,q=k!==types.Chain.POLYGON;q&&await s(types.Chain.POLYGON);try{let Me=await c.getEip1193Provider();if(!Me){ui.toast.error(n("predict.trade.submitError")),J(!1);return}let gt=!!Nt,it={address:c.address,signatureType:gt?2:0,signTypedData:async(ht,ka,Sa,wa)=>{let Ct=[];"name"in ht&&Ct.push({name:"name",type:"string"}),"version"in ht&&Ct.push({name:"version",type:"string"}),"chainId"in ht&&Ct.push({name:"chainId",type:"uint256"}),"verifyingContract"in ht&&Ct.push({name:"verifyingContract",type:"address"}),"salt"in ht&&Ct.push({name:"salt",type:"bytes32"});let Pa={EIP712Domain:Ct,...ka};return await Me.request({method:"eth_signTypedData_v4",params:[c.address,JSON.stringify({domain:ht,types:Pa,primaryType:Sa,message:wa})]})}},Ze=a.credentials??await a.authenticate(it),Wt=P==="yes"?0:1,st="",mr=e.provider_meta?.["polymarket.clobTokenIds"];mr&&(st=(typeof mr=="string"?JSON.parse(mr):mr)[Wt]??"");let oo=e.provider_meta?.["polymarket.negRisk"]??!1,Xr=z==="limit"&&!isNaN(I)?I:Ne,fa=z==="limit"?le?"GTD":"GTC":"FOK",ga=b==="buy"&&Xr>0?D/Xr:D,io={tokenId:st,price:Xr,size:ga,side:b==="buy"?"BUY":"SELL",orderType:fa,tickSize:C,negRisk:oo,...Nt&&{funderAddress:Nt},...z==="limit"&&le&&{expiration:cl(Qe,Ke,At)}},ha=reactPredict.buildCtfExchangeDomain(oo),so=reactPredict.buildOrderMessage({...io,signerAddress:it.address,signatureType:it.signatureType}),va=await it.signTypedData(ha,reactPredict.CTF_ORDER_TYPES,"Order",so),xa=reactPredict.buildSignedOrder(so,va,io.orderType),ao=reactPredict.buildClobPayload(xa,Ze.apiKey),ba=JSON.stringify(ao),ya=await reactPredict.buildPolymarketL2Headers(Ze.address,{apiKey:Ze.apiKey,secret:Ze.secret,passphrase:Ze.passphrase,method:"POST",requestPath:"/order",body:ba});await l.createPolymarketOrder(ao,ya),d.invalidateQueries({queryKey:["predict","orders"]}),d.invalidateQueries({queryKey:["predict","positions"]}),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t(),J(!1);}finally{q&&k&&s(k).catch(()=>{});}},[c,a,s,P,e.provider_meta,z,I,Ne,D,b,l,d,le,Qe,Ke,At,$t,n]),ma=react.useCallback(async()=>{if(!(!qr.isValid||!f)){J(true),M(null),pe(false);try{p==="kalshi"?await ro():await no();}catch(k){let q=k instanceof Error?k.message:void 0;ui.toast.error(q||n("predict.trade.submitError")),J(false);}}},[qr.isValid,f,p,ro,no,n]);return {outcome:P,side:b,orderType:z,quantity:D,limitPrice:I,shares:Vr,estimatedCost:pr,potentialPayout:eo,potentialProfit:ca,usdcBalance:dr,yesTokenBalance:jr,noTokenBalance:Yr,isBalanceLoading:la,isSubmitting:$,validation:qr,supportsLimitOrder:u,kycRequired:A,kycUrl:cr,expirationEnabled:le,expirationPreset:Qe,customDuration:Ke,customDurationUnit:At,setOutcome:Ft,setSide:da,setOrderType:Kr,setQuantity:pa,setLimitPrice:ua,setExpirationEnabled:we,setExpirationPreset:ut,setCustomDuration:Dt,setCustomDurationUnit:mt,submit:ma}}function No({isOpen:e,onClose:t,kycUrl:r}){let{t:n}=i18n.useTranslation();return jsxRuntime.jsx(ui.StyledModal,{isOpen:e,onOpenChange:o=>{o||t();},size:"md",classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-5 pt-5 pb-4",children:[jsxRuntime.jsx("h3",{className:"text-base font-semibold text-white",children:n("predict.trade.kycModalTitle")}),jsxRuntime.jsx("button",{type:"button",onClick:t,className:"p-1 rounded-[10px] hover:bg-[rgba(39,39,42,0.5)] text-zinc-400 hover:text-white transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:jsxRuntime.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),jsxRuntime.jsxs("div",{className:"px-5 pb-5",children:[jsxRuntime.jsx("p",{className:"text-[13px] text-zinc-400 mb-4 text-left",children:n("predict.trade.kycModalDescription")}),jsxRuntime.jsx("div",{className:"flex flex-col gap-2 mb-4",children:["predict.trade.kycModalBullet1","predict.trade.kycModalBullet2","predict.trade.kycModalBullet3"].map(o=>jsxRuntime.jsxs("div",{className:"flex items-center gap-2.5 text-[13px] text-zinc-300",children:[jsxRuntime.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",className:"text-[#c7ff2e] shrink-0",children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})}),jsxRuntime.jsx("span",{children:n(o)})]},o))}),r&&jsxRuntime.jsxs("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 text-[13px] text-[#c7ff2e]/70 hover:text-[#c7ff2e] transition-colors mb-3",children:[n("predict.trade.goToKYC")," \u2192"]}),jsxRuntime.jsx("p",{className:"text-[11px] text-zinc-500 mb-5",children:n("predict.trade.kycModalNote")}),jsxRuntime.jsx("button",{type:"button",onClick:t,className:"w-full py-2.5 rounded-[10px] bg-[#c7ff2e] text-zinc-900 text-sm font-semibold hover:bg-[#c7ff2e]/90 transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:n("common.ok")})]})]})})})}var Pl=`https://s1.chainstream.io/chains/sol/tokens/${utils.SOLANA_TOKENS.stablecoins.USDC.address}/image.png`,Nl=["5m","1h","12h","24h","eod","custom"],Cl={"5m":"predict.trade.expiration.5m","1h":"predict.trade.expiration.1h","12h":"predict.trade.expiration.12h","24h":"predict.trade.expiration.24h",eod:"predict.trade.expiration.eod",custom:"predict.trade.expiration.custom"},Ml=["minutes","hours","days"],El={minutes:"predict.trade.expiration.minutes",hours:"predict.trade.expiration.hours",days:"predict.trade.expiration.days"};function Ro({event:e,market:t,variant:r="bordered",outcome:n,side:o,orderType:i,quantity:s,limitPrice:l,shares:a,potentialProfit:d,potentialPayout:p,estimatedCost:u,usdcBalance:m,yesTokenBalance:c,noTokenBalance:f,isBalanceLoading:g,isSubmitting:h,isValid:v,validationErrors:S,supportsLimitOrder:C,kycRequired:P,kycUrl:x,expirationEnabled:b,expirationPreset:T,customDuration:z,customDurationUnit:ae,onOutcomeChange:D,onSideChange:ve,onOrderTypeChange:I,onQuantityChange:H,onLimitPriceChange:$,onExpirationEnabledChange:J,onExpirationPresetChange:ie,onCustomDurationChange:M,onCustomDurationUnitChange:_,onSubmit:G}){let{t:A}=i18n.useTranslation(),[pe,le]=react.useState(false),we=ui.useDisclosure(),[Qe,ut]=react.useState(""),Ke=react.useRef(false),Dt=react.useRef(o);react.useEffect(()=>{Ke.current||ut(isNaN(s)?"":String(s));},[s]),react.useEffect(()=>{o!==Dt.current&&(Dt.current=o,ut(""));},[o]);let At=react.useCallback(E=>{if(E!==""&&!(o==="buy"?/^\d*\.?\d{0,2}$/:/^\d*$/).test(E))return;if(ut(E),Ft(false),E===""||E==="."){H(NaN);return}let Xe=parseFloat(E);isNaN(Xe)||H(Xe);},[o,H]);react.useEffect(()=>{P&&!we.isOpen&&we.onOpen();},[P]);let mt=react.useMemo(()=>{let E=o==="buy"?n==="yes"?t.yesAsk:t.noAsk:n==="yes"?t.yesBid:t.noBid;return E!=null?parseFloat((Number(E)*100).toFixed(2)):null},[o,n,t]),Be=!isNaN(s)&&s>0,lr=react.useMemo(()=>{if(g)return A("predict.trade.loadingBalance");if(h)return A("predict.trade.submitting");if(P)return A("predict.trade.kycRequired");if(!Be)return A("predict.trade.enterAmount");let E=A(o==="buy"?"predict.trade.buy":"predict.trade.sell"),Ce=A(n==="yes"?"predict.trade.yes":"predict.trade.no"),Xe=o==="buy"&&d>0?` \u2192 Win $${d.toFixed(2)}`:"";return `${E} ${Ce}${Xe}`},[g,h,P,Be,o,n,d,A]),cr=react.useMemo(()=>n==="yes"?"primary":"secondary",[n]),Nt=()=>{H(Math.floor((m??0)/2*100)/100);},Ne=()=>{H(m??0);},[Kr,Ft]=react.useState(false),Vr=()=>{if(P){we.onOpen();return}if(!v){Ft(true);return}Ft(false),G();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 p-4",style:r==="bordered"?{borderRadius:14,border:"1px solid rgba(39,39,42,0.6)",background:"rgba(24,24,27,0.4)",transition:"border-color 0.2s"}:void 0,onMouseEnter:E=>{r==="bordered"&&(E.currentTarget.style.borderColor="rgba(113,113,122,0.7)");},onMouseLeave:E=>{r==="bordered"&&(E.currentTarget.style.borderColor="rgba(39,39,42,0.6)");},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:n==="yes"?"text-bullish":"text-bearish",children:[A(o==="buy"?"predict.trade.buy":"predict.trade.sell")," ",A(n==="yes"?"predict.trade.yes":"predict.trade.no")]}),jsxRuntime.jsxs("span",{className:"text-foreground",children:[" \xB7 ",t.yesSubTitle]})]})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[C?jsxRuntime.jsxs(ui.Tabs,{variant:"underlined",selectedKey:i,onSelectionChange:E=>I(E),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui.Tab,{title:A("predict.trade.market")},"market"),jsxRuntime.jsx(ui.Tab,{title:A("predict.trade.limit")},"limit")]}):jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:A("predict.trade.market")}),i==="limit"&&C?jsxRuntime.jsx(ui.StyledNumberInput,{"aria-label":"Limit price",placeholder:"50",size:"sm",radius:"none",value:isNaN(l)?void 0:parseFloat((l*100).toFixed(2)),onValueChange:E=>$(E/100),minValue:1,maxValue:99,step:1,formatOptions:{maximumFractionDigits:2},endContent:jsxRuntime.jsx("span",{className:"text-xl font-bold tabular-nums text-foreground",children:"\xA2"}),classNames:{base:"w-28",inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 rounded-lg px-2 h-9 min-h-9",input:"text-xl font-bold tabular-nums text-right"}}):mt!=null&&jsxRuntime.jsxs("span",{className:"text-xl font-bold tabular-nums",children:[mt," \xA2"]})]}),jsxRuntime.jsx("div",{className:"flex gap-x-2",children:["yes","no"].map(E=>{let Ce=E==="yes"?c:f;return jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-y-1",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>D(E),className:`w-full rounded-lg border py-2 text-sm font-medium transition-colors cursor-pointer ${n===E?E==="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:A(E==="yes"?"predict.trade.yes":"predict.trade.no")}),(()=>{let Xe=o==="buy"?E==="yes"?t.yesAsk:t.noAsk:E==="yes"?t.yesBid:t.noBid;return Xe!=null?jsxRuntime.jsxs("span",{className:"ml-1 opacity-70",children:[parseFloat((Number(Xe)*100).toFixed(2)),"\xA2"]}):null})()]}),o==="sell"&&n===E&&jsxRuntime.jsx("span",{className:"text-center text-xs text-foreground",children:g?"\u2013":`${Ce??0} shares`})]},E)})}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:A(o==="buy"?"predict.trade.youArePaying":"predict.trade.contracts")}),o==="buy"&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("img",{src:Pl,alt:"USDC",className:"h-3.5 w-3.5 rounded-full object-cover"}),jsxRuntime.jsx("span",{className:"font-medium text-foreground tabular-nums",children:m!=null?`${m.toFixed(2)} USDC`:"\u2013"}),jsxRuntime.jsx("button",{type:"button",onClick:Nt,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:A("predict.trade.half")}),jsxRuntime.jsx("button",{type:"button",onClick:Ne,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:A("predict.trade.max")})]})]}),jsxRuntime.jsx(ui.StyledInput,{"aria-label":"Trade amount",fullWidth:true,placeholder:"0",radius:"lg",size:"lg",inputMode:o==="buy"?"decimal":"numeric",value:Qe,onChange:E=>At(E.target.value),onFocus:()=>{Ke.current=true;},onBlur:()=>{Ke.current=false,ut(isNaN(s)?"":String(s));},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==="sell"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2 justify-end",children:[[25,50].map(E=>jsxRuntime.jsxs("button",{type:"button",onClick:()=>{H(Math.floor((n==="yes"?c??0:f??0)*E/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:[E,"%"]},E)),jsxRuntime.jsx("button",{type:"button",onClick:()=>{H(n==="yes"?c??0:f??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:A("common.all")})]}),Kr&&S.length>0&&jsxRuntime.jsx("div",{className:"flex flex-col gap-y-0.5",children:S.map(E=>jsxRuntime.jsx("span",{className:"text-xs text-danger",children:E},E))})]}),i==="limit"&&C&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-primary",children:A("predict.trade.setExpiration")}),jsxRuntime.jsx(ui.StyledSwitch,{size:"sm",color:"primary",isSelected:b,onValueChange:J,"aria-label":A("predict.trade.setExpiration")})]}),b&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Select,{"aria-label":A("predict.trade.setExpiration"),selectedKeys:[T],onSelectionChange:E=>{let Ce=Array.from(E)[0];Ce&&ie(Ce);},size:"sm",radius:"lg",classNames:{trigger:"bg-content2 data-[hover=true]:bg-content2 min-h-10",value:"text-sm"},children:Nl.map(E=>jsxRuntime.jsx(ui.SelectItem,{children:A(Cl[E])},E))}),T==="custom"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2",children:[jsxRuntime.jsx(ui.StyledNumberInput,{"aria-label":"Duration amount",size:"sm",radius:"lg",value:isNaN(z)?void 0:z,onValueChange:M,minValue:1,step:1,formatOptions:{maximumFractionDigits:0},classNames:{base:"flex-1",inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 min-h-10",input:"text-sm"}}),jsxRuntime.jsx(ui.Select,{"aria-label":"Duration unit",selectedKeys:[ae],onSelectionChange:E=>{let Ce=Array.from(E)[0];Ce&&_(Ce);},size:"sm",radius:"lg",classNames:{base:"w-32",trigger:"bg-content2 data-[hover=true]:bg-content2 min-h-10",value:"text-sm"},children:Ml.map(E=>jsxRuntime.jsx(ui.SelectItem,{children:A(El[E])},E))})]})]})]}),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:()=>le(E=>!E),className:"flex items-center gap-x-1 text-neutral-500 hover:text-foreground cursor-pointer transition-colors",children:[jsxRuntime.jsx("span",{children:A("predict.trade.odds")}),jsxRuntime.jsx(ui.ChevronDownIcon,{className:ui.cn("h-3.5 w-3.5 transition-transform",pe&&"rotate-180")})]}),mt!=null&&jsxRuntime.jsxs("span",{className:"text-foreground font-medium tabular-nums",children:[mt,"% chance"]})]}),pe&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5 border-l-2 border-default-300 pl-3 text-sm text-neutral-500",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Total Size"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(s)&&s>0?`$${u.toFixed(2)}`:"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"No. of Contracts"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(a)&&a>0?parseFloat(a.toFixed(2)):"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Payout"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(s)&&s>0?`$${p.toFixed(2)}`:"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Est. Profit"}),jsxRuntime.jsx("span",{className:"tabular-nums text-bullish",children:!isNaN(s)&&s>0&&d>0?`+$${d.toFixed(2)}`:"\u2013"})]})]})]}),jsxRuntime.jsx(ui.Button,{color:cr,fullWidth:true,radius:"lg",size:"lg",isDisabled:g||!Be||h,isLoading:h||g,spinner:jsxRuntime.jsx(ui.Spinner,{size:"sm",color:"current"}),onPress:Vr,children:lr})]}),jsxRuntime.jsx(No,{isOpen:we.isOpen,onClose:we.onClose,kycUrl:x})]})}function br({event:e,market:t,variant:r,initialSide:n,initialOutcome:o,chain:i}){let{outcome:s,side:l,orderType:a,quantity:d,limitPrice:p,shares:u,estimatedCost:m,potentialPayout:c,potentialProfit:f,usdcBalance:g,yesTokenBalance:h,noTokenBalance:v,isBalanceLoading:S,isSubmitting:C,validation:P,supportsLimitOrder:x,kycRequired:b,kycUrl:T,expirationEnabled:z,expirationPreset:ae,customDuration:D,customDurationUnit:ve,setOutcome:I,setSide:H,setOrderType:$,setQuantity:J,setLimitPrice:ie,setExpirationEnabled:M,setExpirationPreset:_,setCustomDuration:G,setCustomDurationUnit:A,submit:pe}=Po({market:t,initialSide:n,initialOutcome:o}),le=walletConnector.useAuthCallback(pe),we=react.useMemo(()=>e?ho(e):void 0,[e]),Qe=react.useMemo(()=>vo(t),[t]);return jsxRuntime.jsx(Ro,{event:we,market:Qe,variant:r,outcome:s,side:l,orderType:a,quantity:d,limitPrice:p,shares:u,estimatedCost:m,potentialPayout:c,potentialProfit:f,usdcBalance:g,yesTokenBalance:h,noTokenBalance:v,isBalanceLoading:S,isSubmitting:C,isValid:P.isValid,validationErrors:P.errors,supportsLimitOrder:x,kycRequired:b,kycUrl:T,expirationEnabled:z,expirationPreset:ae,customDuration:D,customDurationUnit:ve,onOutcomeChange:I,onSideChange:H,onOrderTypeChange:$,onQuantityChange:J,onLimitPriceChange:ie,onExpirationEnabledChange:M,onExpirationPresetChange:_,onCustomDurationChange:G,onCustomDurationUnitChange:A,onSubmit:le})}var Kt="predict-trade";function yr({id:e=Kt}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Al,{...t})})}function Al({params:e,isOpen:t,onOpenChange:r}){let{t:n}=i18n.useTranslation(),{isMobile:o}=ui.useScreen();return e?jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:o?"lg":"md",backdrop:"blur",hideCloseButton:true,classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{className:o?"":"p-2",children:[jsxRuntime.jsx(br,{event:e.event,market:e.market,initialOutcome:e.initialOutcome,initialSide:e.initialSide??"buy",chain:e.chain,variant:"flat"}),jsxRuntime.jsx("div",{className:"px-4 pb-4",children:jsxRuntime.jsx("button",{type:"button",onClick:()=>r(false),className:"w-full h-12 rounded-xl text-sm font-medium text-zinc-400 hover:text-white hover:bg-[rgba(39,39,42,0.5)] transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:n("common.cancel")})})]})})}):null}var ln={sortPreset:"volume",sortAsc:false,source:void 0,timeRemaining:void 0,minVolume:void 0,minLiquidity:void 0};function cn(e){let t=0;return e.source&&t++,e.timeRemaining&&t++,e.minVolume&&t++,e.minLiquidity&&t++,t}function Oo({isOpen:e,onClose:t,value:r,onChange:n}){let{t:o}=i18n.useTranslation(),[i,s]=react.useState(r),l=react.useCallback(h=>{h?s(r):t();},[r,t]),a=react.useCallback(()=>{s(ln);},[]),d=react.useCallback(()=>{n(i),t();},[i,n,t]),p=react.useCallback((h,v)=>{s(S=>({...S,[h]:v}));},[]),u=react.useMemo(()=>cn(i),[i]),m=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"polymarket",label:o("predict.platform.polymarket")},{value:"kalshi",label:o("predict.platform.kalshi")}],[o]),c=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1d",label:o("predict.filter.lessThanDay")},{value:"7d",label:o("predict.filter.lessThanWeek")},{value:"30d",label:o("predict.filter.lessThanMonth")}],[o]),f=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[o]),g=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[o]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:e,onOpenChange:l,size:"md",backdrop:"blur",scrollBehavior:"inside",classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-5 pt-5 pb-4",children:[jsxRuntime.jsx("h3",{className:"text-base font-semibold text-white",children:o("predict.filter.title")}),jsxRuntime.jsx(Wl,{onClick:()=>l(false)})]}),jsxRuntime.jsxs("div",{style:{padding:"0 20px 16px",display:"flex",flexDirection:"column",gap:20},children:[jsxRuntime.jsx(Sr,{label:o("predict.filter.platform"),children:jsxRuntime.jsx(wr,{options:m,selected:i.source,onSelect:h=>p("source",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.timeRemaining"),children:jsxRuntime.jsx(wr,{options:c,selected:i.timeRemaining,onSelect:h=>p("timeRemaining",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.minVolume"),children:jsxRuntime.jsx(wr,{options:f,selected:i.minVolume,onSelect:h=>p("minVolume",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.minLiquidity"),children:jsxRuntime.jsx(wr,{options:g,selected:i.minLiquidity,onSelect:h=>p("minLiquidity",h)})})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3 px-5 py-4",style:{borderTop:"1px solid rgba(39,39,42,0.5)"},children:[jsxRuntime.jsx("button",{type:"button",className:"inline-flex items-center justify-center py-2.5 px-5 rounded-[10px] text-zinc-400 text-sm font-medium hover:text-white transition-colors cursor-pointer",onClick:a,children:o("predict.filter.reset")}),jsxRuntime.jsxs("button",{type:"button",className:"flex-1 inline-flex items-center justify-center gap-2 py-2.5 rounded-[10px] bg-[#c7ff2e] text-zinc-900 text-sm font-semibold hover:bg-[#c7ff2e]/90 transition-colors cursor-pointer",onClick:d,children:[o("predict.filter.showResults"),u>0&&jsxRuntime.jsxs("span",{style:{opacity:.7},children:["(",u,")"]})]})]})]})})})}function Sr({label:e,children:t}){return jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[jsxRuntime.jsx("span",{style:{fontSize:11,fontWeight:500,color:"#71717a",textTransform:"uppercase",letterSpacing:"0.05em"},children:e}),t]})}function Wl({onClick:e}){return jsxRuntime.jsx("button",{type:"button",onClick:e,className:"p-1 rounded-[10px] hover:bg-[rgba(39,39,42,0.5)] text-zinc-400 hover:text-white transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:jsxRuntime.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}function wr({options:e,selected:t,onSelect:r,allowDeselect:n=true}){return jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:e.map(o=>{let i=t===o.value;return jsxRuntime.jsx("button",{type:"button",onClick:()=>{r(i&&n?void 0:o.value);},style:{flexShrink:0,borderRadius:10,padding:"6px 14px",fontSize:13,fontWeight:500,cursor:"pointer",transition:"all 0.15s",border:i?"1px solid rgba(199,255,46,0.3)":"1px solid rgba(63,63,70,0.5)",background:i?"rgba(199,255,46,0.08)":"rgba(39,39,42,0.4)",color:i?"#c7ff2e":"#a1a1aa"},onMouseEnter:s=>{i||(s.currentTarget.style.background="rgba(39,39,42,0.8)",s.currentTarget.style.color="#fff");},onMouseLeave:s=>{i||(s.currentTarget.style.background="rgba(39,39,42,0.4)",s.currentTarget.style.color="#a1a1aa");},children:o.label},o.value??"__all")})})}function Do(e){return e>=1e9?`$${(e/1e9).toFixed(1)}B`:e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${(e/1e3).toFixed(1)}K`:`$${e.toFixed(0)}`}var Kl=[{key:"total_events",labelKey:"predict.events.stats.totalEvents",format:e=>e.toLocaleString(),valueColor:"#c7ff2e",gradientFrom:"rgba(199,255,46,0.18)",gradientTo:"rgba(199,255,46,0.04)"},{key:"total_volume_24h",labelKey:"predict.events.stats.volume24h",format:Do,valueColor:"#f76816",gradientFrom:"rgba(247,104,22,0.18)",gradientTo:"rgba(247,104,22,0.04)"},{key:"avg_liquidity",labelKey:"predict.events.stats.avgLiquidity",format:Do,valueColor:"#17c964",gradientFrom:"rgba(23,201,100,0.18)",gradientTo:"rgba(23,201,100,0.04)"},{key:"active_sources",labelKey:"predict.events.stats.activeSources",format:e=>e.toLocaleString(),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function Ao({stats:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
1
|
+
'use strict';var react=require('react'),reactPredict=require('@liberfi.io/react-predict'),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'),rn=require('canvas-confetti'),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 rn__default=/*#__PURE__*/_interopDefault(rn);typeof window<"u"&&(window.__LIBERFI_VERSION__=window.__LIBERFI_VERSION__||{},window.__LIBERFI_VERSION__["@liberfi.io/ui-predict"]="0.1.122");var Na="0.1.122";var Ca={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},lo=["Politics","Sports","Crypto","Economics","Financials","Elections","Entertainment","Companies","Science and Technology","Climate and Weather","Mentions","Social","World"],Zr=(()=>{let e=t=>{let r=lo.indexOf(t);return r===-1?lo.length:r};return Object.entries(Ca).map(([t,r])=>({slug:t,label:t,tags:(r??[]).map(n=>({slug:n,label:n}))})).sort((t,r)=>e(t.slug)-e(r.slug))})();function uo({categories:e,selectedCategory:t,selectedTag:r,activeTags:n,onCategorySelect:o,onTagSelect:i,trailing:s,pulsingTab:l="Trending",className:a}){let{t:d}=i18n.useTranslation(),p=react.useCallback(()=>{o(null);},[o]),u=d("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-2.5 lg:px-4 lg:py-2",a),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-9 items-stretch gap-x-3 lg:min-h-10",children:[jsxRuntime.jsx(co,{label:u,isSelected:t===null,onPress:p,showPulse:u===l}),jsxRuntime.jsx(La,{}),e.map(m=>jsxRuntime.jsx(co,{label:m.category,isSelected:t===m.category,onPress:()=>o(m.category),badge:m.badge,showPulse:m.category===l},m.category))]})}),s&&jsxRuntime.jsx("div",{className:"flex-shrink-0",children:s})]}),t&&n.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.5 pl-1 lg:w-full lg:gap-x-2",children:[jsxRuntime.jsx(po,{label:d("predict.categories.allMarkets"),isSelected:r===null,onPress:()=>i(null)}),n.map(m=>jsxRuntime.jsx(po,{label:m.label,icon:m.icon,isSelected:r===m.label,onPress:()=>i(m.label)},m.label))]})})]})}function co({label:e,isSelected:t,onPress:r,badge:n,showPulse:o}){return jsxRuntime.jsxs("button",{type:"button",onClick:r,className:ui.cn("relative shrink-0 cursor-pointer whitespace-nowrap border-b px-2.5 py-1.5 text-sm font-medium capitalize transition-colors",t?"border-primary/50 text-primary":"border-transparent text-neutral-500 hover:text-neutral-300"),children:[o?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,n&&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:n})]})}function La(){return jsxRuntime.jsx("span",{className:"flex items-center text-neutral-600","aria-hidden":"true",children:"|"})}function po({label:e,icon:t,isSelected:r,onPress:n}){return jsxRuntime.jsxs("button",{type:"button",onClick:n,className:ui.cn("flex shrink-0 items-center justify-center gap-x-1 min-w-14 rounded-2xl border px-3 py-1.5 text-sm font-medium uppercase transition-colors cursor-pointer",r?"border-primary/40 bg-primary/15 text-primary":"border-border/80 text-neutral-500 hover:bg-primary/10 hover:text-primary"),children:[t&&jsxRuntime.jsx("span",{className:ui.cn("iconify size-4",t)}),e]})}function _f({count:e=6}){return jsxRuntime.jsx("div",{className:"flex w-full flex-col gap-2 px-4 py-2.5 lg:px-4 lg:py-2",children:jsxRuntime.jsx("div",{className:"flex min-h-9 items-center gap-x-3 lg:min-h-10",children:Array.from({length:e}).map((t,r)=>jsxRuntime.jsx(ui.Skeleton,{className:"h-6 w-16 shrink-0 rounded"},r))})})}function _a(e){return e.map(t=>({category:t.label,tags:t.tags.map(r=>r.label)}))}function Ra(e){return e?e.tags.map(t=>({label:t.label,icon:t.icon})):[]}function go({onSelect:e,trailing:t,className:r}){let[n,o]=react.useState(null),[i,s]=react.useState(null),l=react.useCallback(m=>{o(m),s(null),e?.({categorySlug:m,tagSlug:null});},[e]),a=react.useCallback(m=>{s(m),e?.({categorySlug:n,tagSlug:m});},[n,e]),d=_a(Zr),p=Zr.find(m=>m.slug===n),u=Ra(p);return jsxRuntime.jsx(uo,{categories:d,selectedCategory:n,selectedTag:i,activeTags:u,onCategorySelect:l,onTagSelect:a,trailing:t,className:r})}function ho(e){return {title:e.title,imageUrl:e.image_url}}function vo(e){let t=e.outcomes[0],r=e.outcomes[1];return {question:e.question,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 Ut=48,Jr=4,gr={ONE_MINUTE:1,ONE_HOUR:60,ONE_DAY:1440},Ee={ONE_DAY:"1d",ONE_WEEK:"1w",ONE_MONTH:"1m",ALL:"all"},hr=Ee.ALL,zf={[Ee.ONE_DAY]:gr.ONE_MINUTE,[Ee.ONE_WEEK]:gr.ONE_HOUR,[Ee.ONE_MONTH]:gr.ONE_HOUR,[Ee.ALL]:gr.ONE_DAY},$f={[Ee.ONE_DAY]:300,[Ee.ONE_WEEK]:3600,[Ee.ONE_MONTH]:10800,[Ee.ALL]:1440*60},Wf={[Ee.ONE_DAY]:1440*60,[Ee.ONE_WEEK]:10080*60,[Ee.ONE_MONTH]:720*60*60,[Ee.ALL]:null},vr=1,xr=1,Uf=1,Kf=1,Vf=99,Mt={ONE_HOUR:"1h",SIX_HOURS:"6h",ONE_DAY:"1d",ONE_WEEK:"1w",MAX:"max"},jf=Mt.ONE_WEEK,Yf={[Mt.ONE_HOUR]:60,[Mt.SIX_HOURS]:60,[Mt.ONE_DAY]:300,[Mt.ONE_WEEK]:1800,[Mt.MAX]:1800};var yo=react.createContext(null);function tn(){let e=react.useContext(yo);if(!e)throw new Error("usePredictWallet must be used within a PredictWalletProvider");return e}var Ha=1e4;function za({pollingInterval:e=Ha,enabled:t=true,children:r}){let n=walletConnector.useWallets(),o=react.useMemo(()=>n.find(x=>x.chainNamespace===types.ChainNamespace.SOLANA&&x.isConnected)?.address,[n]),i=react.useMemo(()=>n.find(x=>x.chainNamespace===types.ChainNamespace.EVM&&x.isConnected)?.address,[n]),{data:s,isLoading:l,isFetching:a,error:d}=reactPredict.useBalance({source:"kalshi",user:o??""},{enabled:t&&!!o,refetchInterval:e}),{data:p,isLoading:u}=reactPredict.useDFlowKYC(o,{enabled:t&&!!o,refetchInterval:3e4}),{data:m,isLoading:c}=reactPredict.usePolymarketSetup(i,{enabled:t&&!!i,refetchInterval:3e4}),f=m?.safe_address,g=m?.verified??false,{data:h,isLoading:v,isFetching:S,error:C}=reactPredict.useBalance({source:"polymarket",user:i??""},{enabled:t&&g&&!!i,refetchInterval:e}),P=react.useMemo(()=>({solanaAddress:o,evmAddress:i,polymarketSafeAddress:f,kalshiUsdcBalance:s?Number(s.balance):null,polymarketUsdcBalance:g&&h?Number(h.balance):null,kalshiKycVerified:p?.verified??false,kalshiKycUrl:p?.kyc_url??null,kalshiKycLoading:u,polymarketSetupVerified:g,polymarketSafeDeployed:m?.safe_deployed??false,polymarketTokenApproved:m?.token_approved??false,polymarketSetupLoading:c,isLoading:l||v,isFetching:a||S,error:d??C??null}),[o,i,f,s,h,g,p,u,m,c,l,v,a,S,d,C]);return jsxRuntime.jsx(yo.Provider,{value:P,children:r})}var ll={minutes:60,hours:3600,days:86400};function cl(e,t,r){let n=Math.floor(Date.now()/1e3);switch(e){case "5m":return n+300;case "1h":return n+3600;case "12h":return n+720*60;case "24h":return n+1440*60;case "eod":{let o=new Date;return o.setUTCHours(23,59,59,0),Math.floor(o.getTime()/1e3)}case "custom":return n+t*ll[r]}}function nn(){let e={startVelocity:30,spread:360,ticks:60,zIndex:9999};rn__default.default({...e,particleCount:80,origin:{x:.5,y:.4}}),setTimeout(()=>{rn__default.default({...e,particleCount:40,origin:{x:.3,y:.6}});},150),setTimeout(()=>{rn__default.default({...e,particleCount:40,origin:{x:.7,y:.6}});},300);}function Po({market:e,initialOutcome:t="yes",initialSide:r="buy"}){let{t:n}=i18n.useTranslation(),{status:o}=walletConnector.useAuth(),i=walletConnector.useWallets(),s=walletConnector.useSwitchChain(),l=reactPredict.usePredictClient(),a=react.useContext(reactPredict.PolymarketContext),d=reactQuery.useQueryClient(),p=e.source,u=p==="polymarket",m=i.find(k=>k.chainNamespace===types.ChainNamespace.SOLANA&&k.isConnected),c=i.find(k=>k.chainNamespace===types.ChainNamespace.EVM&&k.isConnected&&"switchChain"in k),f=o==="authenticated",g=m?.address,h=c?.address,v=react.useMemo(()=>{if(p!=="polymarket")return;let k=e.provider_meta?.["polymarket.clobTokenIds"];return k?(typeof k=="string"?JSON.parse(k):k)[0]:void 0},[p,e.provider_meta]),{data:S}=reactPredict.useTickSize(v),C=S?.minimum_tick_size?String(S.minimum_tick_size):"0.01",[P,x]=react.useState(t),[b,T]=react.useState(r),[z,ae]=react.useState("market"),[D,ve]=react.useState(NaN),[I,H]=react.useState(NaN),[$,J]=react.useState(false),[ie,M]=react.useState(null),[_,G]=react.useState(null),[A,pe]=react.useState(false),[le,we]=react.useState(false),[Qe,ut]=react.useState("1h"),[Ke,Dt]=react.useState(30),[At,mt]=react.useState("minutes"),Be=null,lr=false,cr=null,Nt;try{let k=tn();Be={kalshiUsdcBalance:k.kalshiUsdcBalance,polymarketUsdcBalance:k.polymarketUsdcBalance,isLoading:k.isLoading},lr=k.kalshiKycVerified,cr=k.kalshiKycUrl,Nt=k.polymarketSafeAddress;}catch{}let Ne=react.useMemo(()=>{let k=P==="yes"?0:1,q=e.outcomes[k];return b==="buy"?q?.best_ask??q?.price??.5:q?.best_bid??q?.price??.5},[e.outcomes,P,b]),Kr=react.useCallback(k=>{ae(k);},[]),Ft=react.useCallback(k=>{x(k),H(NaN);},[]);react.useEffect(()=>{z==="limit"&&isNaN(I)&&H(Math.round(Ne*100)/100);},[z,I,Ne]);let Vr=react.useMemo(()=>isNaN(D)||D<=0?0:b==="buy"?Ne>0?D/Ne:0:D,[b,D,Ne]),E=react.useMemo(()=>isNaN(D)||D<=0?"0":String(Math.round(D*1e6)),[D]),Ce=e.provider_meta?.["dflow.yesMint"]??"",Xe=e.provider_meta?.["dflow.noMint"]??"",ft=utils.SOLANA_TOKENS.stablecoins.USDC.address,oa=e.provider_meta?.["dflow.collateralMint"]||"",Qn=P==="yes"?Ce:Xe,Xn=p==="kalshi"?g??"":h??"",{data:Ae,isLoading:ia}=reactPredict.usePositions({source:p,user:Xn},{enabled:!!Xn}),Zn=react.useMemo(()=>!Ae||b!=="sell"?null:Ae.positions.find(k=>k.side?.toLowerCase()===P&&k.market?.slug===e.slug)??null,[Ae,e.slug,P,b])?.market?.provider_meta,sa=b==="sell"&&Zn?.["dflow.outcomeMint"]||Qn,Bt=b==="sell"&&Zn?.["dflow.collateralMint"]||oa,Ht=b==="buy"?ft:sa,zt=b==="buy"?Qn:Bt||ft,aa=p==="kalshi"&&!!Ht&&!!zt&&!!g&&E!=="0",{refetch:Jn}=reactPredict.useDFlowQuote({inputMint:Ht,outputMint:zt,amount:E,userPublicKey:g??"",slippageBps:100},{enabled:aa}),dr=react.useMemo(()=>Be?p==="kalshi"?Be.kalshiUsdcBalance:Be.polymarketUsdcBalance:Ae&&Ae.positions.reduce((q,Me)=>Me.side==="USDC"||Me.side==="collateral"?q+(Me.current_value??0):q,0)||null,[Be,Ae,p]),la=Be?Be.isLoading:ia,jr=react.useMemo(()=>Ae?Ae.positions.find(q=>q.side?.toLowerCase()==="yes"&&q.market?.slug===e.slug)?.size??0:null,[Ae,e.slug]),Yr=react.useMemo(()=>Ae?Ae.positions.find(q=>q.side?.toLowerCase()==="no"&&q.market?.slug===e.slug)?.size??0:null,[Ae,e.slug]),Gr=react.useMemo(()=>z==="limit"&&u&&!isNaN(I)?I:Ne,[z,u,I,Ne]),pr=react.useMemo(()=>{if(isNaN(D)||D<=0)return 0;if(b==="buy")return D;let k=P==="yes"?e.outcomes[0]?.best_bid??0:e.outcomes[1]?.best_bid??0;return D*k},[b,P,D,e.outcomes]),eo=react.useMemo(()=>isNaN(D)||D<=0?0:b==="buy"?Gr>0?D/Gr*1:0:pr,[b,D,Gr,pr]),ca=eo-pr,da=react.useCallback(k=>{T(k),ve(NaN);},[]),pa=react.useCallback(k=>{if(isNaN(k)){ve(NaN);return}let q=Math.max(0,k),Me=b==="buy"?Math.round(q*100)/100:Math.round(q);ve(Me);},[b]),ua=react.useCallback(k=>{if(isNaN(k)){H(NaN);return}let q=Math.max(.01,Math.min(.99,k));H(Math.round(q*100)/100);},[]),$t=react.useCallback(()=>{ve(NaN),H(NaN),ae("market"),we(false),ut("1h"),Dt(30),mt("minutes");},[]),qr=react.useMemo(()=>{let k=[];isNaN(D)||D<=0?b==="buy"?k.push(n("predict.trade.minAmountUsd",{amount:xr})):k.push(n("predict.trade.minQuantity",{amount:vr})):b==="buy"&&D<xr?k.push(n("predict.trade.minAmountUsd",{amount:xr})):b==="sell"&&D<vr&&k.push(n("predict.trade.minQuantity",{amount:vr})),e.status!=="open"&&k.push(n("predict.trade.marketNotActive")),b==="buy"&&dr!=null&&!isNaN(D)&&D>0&&D>dr&&k.push(n("predict.trade.insufficientBalance"));let q=P==="yes"?jr:Yr;return b==="sell"&&q!=null&&!isNaN(D)&&D>0&&D>q&&k.push(n("predict.trade.insufficientShares")),z==="limit"&&u&&(isNaN(I)||I<.01||I>.99)&&k.push(n("predict.trade.limitPriceRange")),z==="limit"&&u&&le&&Qe==="custom"&&(isNaN(Ke)||Ke<=0)&&k.push(n("predict.trade.expiration.invalidDate")),{isValid:k.length===0,errors:k}},[D,e.status,b,p,dr,jr,Yr,P,z,u,I,le,Qe,Ke,n]),{mutateAsync:ur}=reactPredict.useDFlowSubmit(),{data:Qr}=reactPredict.useOrder({id:ie??"",source:p},{enabled:!!ie}),to=react.useCallback(async()=>{if(!_||!g||!m)return;let{cashAmount:k,collateral:q}=_;G(null);try{let gt=(await l.createDFlowQuote({inputMint:q,outputMint:ft,amount:k,userPublicKey:g,slippageBps:100}))?.transaction;if(!gt)return;let it=Uint8Array.from(atob(gt),Wt=>Wt.charCodeAt(0)),Ze=await m.signTransaction(it);await ur({signedTransaction:btoa(String.fromCharCode(...Ze)),orderContext:{user_public_key:g,input_mint:q,output_mint:ft,amount:k,price:"1",side:"SELL",outcome:"",market_slug:"",slippage_bps:100}});}catch{}},[_,g,m,l,ur,ft]);react.useEffect(()=>{if(!Qr||!ie)return;let{status:k}=Qr;k==="closed"?(M(null),_?to().finally(()=>{J(false),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t();}):(J(false),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t())):(k==="failed"||k==="expired")&&(J(false),M(null),G(null),ui.toast.error(n("predict.trade.submitError")));},[Qr,ie,_,to,$t,n]);let ro=react.useCallback(async()=>{if(!g||!m)return;if(!Ht||!zt){ui.toast.error("Missing token mint addresses"),J(false);return}if(!lr){pe(true),J(false);return}let Me=(await Jn()).data,gt=Me?.transaction;if(!gt){ui.toast.error(n("predict.trade.submitError")),J(false);return}if(b==="sell"&&Bt&&Bt!==ft){let st=String(Me?.outAmount??"");st&&st!=="0"&&G({cashAmount:st,collateral:Bt});}let it=Uint8Array.from(atob(gt),st=>st.charCodeAt(0)),Ze=await m.signTransaction(it),Wt=await ur({signedTransaction:btoa(String.fromCharCode(...Ze)),orderContext:{user_public_key:g,input_mint:Ht,output_mint:zt,amount:E,price:String(Ne),side:b==="buy"?"BUY":"SELL",outcome:P==="yes"?"YES":"NO",market_slug:e.slug,slippage_bps:100}});M(Wt.signature);},[g,m,l,Jn,ur,Ht,zt,E,Ne,b,P,e.slug,Bt,ft,n]),no=react.useCallback(async()=>{if(!c||!a)return;let k=c.chain,q=k!==types.Chain.POLYGON;q&&await s(types.Chain.POLYGON);try{let Me=await c.getEip1193Provider();if(!Me){ui.toast.error(n("predict.trade.submitError")),J(!1);return}let gt=!!Nt,it={address:c.address,signatureType:gt?2:0,signTypedData:async(ht,ka,Sa,wa)=>{let Ct=[];"name"in ht&&Ct.push({name:"name",type:"string"}),"version"in ht&&Ct.push({name:"version",type:"string"}),"chainId"in ht&&Ct.push({name:"chainId",type:"uint256"}),"verifyingContract"in ht&&Ct.push({name:"verifyingContract",type:"address"}),"salt"in ht&&Ct.push({name:"salt",type:"bytes32"});let Pa={EIP712Domain:Ct,...ka};return await Me.request({method:"eth_signTypedData_v4",params:[c.address,JSON.stringify({domain:ht,types:Pa,primaryType:Sa,message:wa})]})}},Ze=a.credentials??await a.authenticate(it),Wt=P==="yes"?0:1,st="",mr=e.provider_meta?.["polymarket.clobTokenIds"];mr&&(st=(typeof mr=="string"?JSON.parse(mr):mr)[Wt]??"");let oo=e.provider_meta?.["polymarket.negRisk"]??!1,Xr=z==="limit"&&!isNaN(I)?I:Ne,fa=z==="limit"?le?"GTD":"GTC":"FOK",ga=b==="buy"&&Xr>0?D/Xr:D,io={tokenId:st,price:Xr,size:ga,side:b==="buy"?"BUY":"SELL",orderType:fa,tickSize:C,negRisk:oo,...Nt&&{funderAddress:Nt},...z==="limit"&&le&&{expiration:cl(Qe,Ke,At)}},ha=reactPredict.buildCtfExchangeDomain(oo),so=reactPredict.buildOrderMessage({...io,signerAddress:it.address,signatureType:it.signatureType}),va=await it.signTypedData(ha,reactPredict.CTF_ORDER_TYPES,"Order",so),xa=reactPredict.buildSignedOrder(so,va,io.orderType),ao=reactPredict.buildClobPayload(xa,Ze.apiKey),ba=JSON.stringify(ao),ya=await reactPredict.buildPolymarketL2Headers(Ze.address,{apiKey:Ze.apiKey,secret:Ze.secret,passphrase:Ze.passphrase,method:"POST",requestPath:"/order",body:ba});await l.createPolymarketOrder(ao,ya),d.invalidateQueries({queryKey:["predict","orders"]}),d.invalidateQueries({queryKey:["predict","positions"]}),ui.toast.success(n("predict.trade.submitSuccess")),nn(),$t(),J(!1);}finally{q&&k&&s(k).catch(()=>{});}},[c,a,s,P,e.provider_meta,z,I,Ne,D,b,l,d,le,Qe,Ke,At,$t,n]),ma=react.useCallback(async()=>{if(!(!qr.isValid||!f)){J(true),M(null),pe(false);try{p==="kalshi"?await ro():await no();}catch(k){let q=k instanceof Error?k.message:void 0;ui.toast.error(q||n("predict.trade.submitError")),J(false);}}},[qr.isValid,f,p,ro,no,n]);return {outcome:P,side:b,orderType:z,quantity:D,limitPrice:I,shares:Vr,estimatedCost:pr,potentialPayout:eo,potentialProfit:ca,usdcBalance:dr,yesTokenBalance:jr,noTokenBalance:Yr,isBalanceLoading:la,isSubmitting:$,validation:qr,supportsLimitOrder:u,kycRequired:A,kycUrl:cr,expirationEnabled:le,expirationPreset:Qe,customDuration:Ke,customDurationUnit:At,setOutcome:Ft,setSide:da,setOrderType:Kr,setQuantity:pa,setLimitPrice:ua,setExpirationEnabled:we,setExpirationPreset:ut,setCustomDuration:Dt,setCustomDurationUnit:mt,submit:ma}}function No({isOpen:e,onClose:t,kycUrl:r}){let{t:n}=i18n.useTranslation();return jsxRuntime.jsx(ui.StyledModal,{isOpen:e,onOpenChange:o=>{o||t();},size:"md",classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-5 pt-5 pb-4",children:[jsxRuntime.jsx("h3",{className:"text-base font-semibold text-white",children:n("predict.trade.kycModalTitle")}),jsxRuntime.jsx("button",{type:"button",onClick:t,className:"p-1 rounded-[10px] hover:bg-[rgba(39,39,42,0.5)] text-zinc-400 hover:text-white transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:jsxRuntime.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),jsxRuntime.jsxs("div",{className:"px-5 pb-5",children:[jsxRuntime.jsx("p",{className:"text-[13px] text-zinc-400 mb-4 text-left",children:n("predict.trade.kycModalDescription")}),jsxRuntime.jsx("div",{className:"flex flex-col gap-2 mb-4",children:["predict.trade.kycModalBullet1","predict.trade.kycModalBullet2","predict.trade.kycModalBullet3"].map(o=>jsxRuntime.jsxs("div",{className:"flex items-center gap-2.5 text-[13px] text-zinc-300",children:[jsxRuntime.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",className:"text-[#c7ff2e] shrink-0",children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})}),jsxRuntime.jsx("span",{children:n(o)})]},o))}),r&&jsxRuntime.jsxs("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 text-[13px] text-[#c7ff2e]/70 hover:text-[#c7ff2e] transition-colors mb-3",children:[n("predict.trade.goToKYC")," \u2192"]}),jsxRuntime.jsx("p",{className:"text-[11px] text-zinc-500 mb-5",children:n("predict.trade.kycModalNote")}),jsxRuntime.jsx("button",{type:"button",onClick:t,className:"w-full py-2.5 rounded-[10px] bg-[#c7ff2e] text-zinc-900 text-sm font-semibold hover:bg-[#c7ff2e]/90 transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:n("common.ok")})]})]})})})}var Pl=`https://s1.chainstream.io/chains/sol/tokens/${utils.SOLANA_TOKENS.stablecoins.USDC.address}/image.png`,Nl=["5m","1h","12h","24h","eod","custom"],Cl={"5m":"predict.trade.expiration.5m","1h":"predict.trade.expiration.1h","12h":"predict.trade.expiration.12h","24h":"predict.trade.expiration.24h",eod:"predict.trade.expiration.eod",custom:"predict.trade.expiration.custom"},Ml=["minutes","hours","days"],El={minutes:"predict.trade.expiration.minutes",hours:"predict.trade.expiration.hours",days:"predict.trade.expiration.days"};function Ro({event:e,market:t,variant:r="bordered",outcome:n,side:o,orderType:i,quantity:s,limitPrice:l,shares:a,potentialProfit:d,potentialPayout:p,estimatedCost:u,usdcBalance:m,yesTokenBalance:c,noTokenBalance:f,isBalanceLoading:g,isSubmitting:h,isValid:v,validationErrors:S,supportsLimitOrder:C,kycRequired:P,kycUrl:x,expirationEnabled:b,expirationPreset:T,customDuration:z,customDurationUnit:ae,onOutcomeChange:D,onSideChange:ve,onOrderTypeChange:I,onQuantityChange:H,onLimitPriceChange:$,onExpirationEnabledChange:J,onExpirationPresetChange:ie,onCustomDurationChange:M,onCustomDurationUnitChange:_,onSubmit:G}){let{t:A}=i18n.useTranslation(),[pe,le]=react.useState(false),we=ui.useDisclosure(),[Qe,ut]=react.useState(""),Ke=react.useRef(false),Dt=react.useRef(o);react.useEffect(()=>{Ke.current||ut(isNaN(s)?"":String(s));},[s]),react.useEffect(()=>{o!==Dt.current&&(Dt.current=o,ut(""));},[o]);let At=react.useCallback(E=>{if(E!==""&&!(o==="buy"?/^\d*\.?\d{0,2}$/:/^\d*$/).test(E))return;if(ut(E),Ft(false),E===""||E==="."){H(NaN);return}let Xe=parseFloat(E);isNaN(Xe)||H(Xe);},[o,H]);react.useEffect(()=>{P&&!we.isOpen&&we.onOpen();},[P]);let mt=react.useMemo(()=>{let E=o==="buy"?n==="yes"?t.yesAsk:t.noAsk:n==="yes"?t.yesBid:t.noBid;return E!=null?parseFloat((Number(E)*100).toFixed(2)):null},[o,n,t]),Be=!isNaN(s)&&s>0,lr=react.useMemo(()=>{if(g)return A("predict.trade.loadingBalance");if(h)return A("predict.trade.submitting");if(P)return A("predict.trade.kycRequired");if(!Be)return A("predict.trade.enterAmount");let E=A(o==="buy"?"predict.trade.buy":"predict.trade.sell"),Ce=A(n==="yes"?"predict.trade.yes":"predict.trade.no"),Xe=o==="buy"&&d>0?` \u2192 Win $${d.toFixed(2)}`:"";return `${E} ${Ce}${Xe}`},[g,h,P,Be,o,n,d,A]),cr=react.useMemo(()=>n==="yes"?"primary":"secondary",[n]),Nt=()=>{H(Math.floor((m??0)/2*100)/100);},Ne=()=>{H(m??0);},[Kr,Ft]=react.useState(false),Vr=()=>{if(P){we.onOpen();return}if(!v){Ft(true);return}Ft(false),G();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-4 p-4",style:r==="bordered"?{borderRadius:14,border:"1px solid rgba(39,39,42,0.6)",background:"rgba(24,24,27,0.4)",transition:"border-color 0.2s"}:void 0,onMouseEnter:E=>{r==="bordered"&&(E.currentTarget.style.borderColor="rgba(63,63,70,0.8)");},onMouseLeave:E=>{r==="bordered"&&(E.currentTarget.style.borderColor="rgba(39,39,42,0.6)");},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:n==="yes"?"text-bullish":"text-bearish",children:[A(o==="buy"?"predict.trade.buy":"predict.trade.sell")," ",A(n==="yes"?"predict.trade.yes":"predict.trade.no")]}),jsxRuntime.jsxs("span",{className:"text-foreground",children:[" \xB7 ",t.yesSubTitle]})]})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[C?jsxRuntime.jsxs(ui.Tabs,{variant:"underlined",selectedKey:i,onSelectionChange:E=>I(E),classNames:{tabList:"gap-x-4",tab:"px-0"},children:[jsxRuntime.jsx(ui.Tab,{title:A("predict.trade.market")},"market"),jsxRuntime.jsx(ui.Tab,{title:A("predict.trade.limit")},"limit")]}):jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:A("predict.trade.market")}),i==="limit"&&C?jsxRuntime.jsx(ui.StyledNumberInput,{"aria-label":"Limit price",placeholder:"50",size:"sm",radius:"none",value:isNaN(l)?void 0:parseFloat((l*100).toFixed(2)),onValueChange:E=>$(E/100),minValue:1,maxValue:99,step:1,formatOptions:{maximumFractionDigits:2},endContent:jsxRuntime.jsx("span",{className:"text-xl font-bold tabular-nums text-foreground",children:"\xA2"}),classNames:{base:"w-28",inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 rounded-lg px-2 h-9 min-h-9",input:"text-xl font-bold tabular-nums text-right"}}):mt!=null&&jsxRuntime.jsxs("span",{className:"text-xl font-bold tabular-nums",children:[mt," \xA2"]})]}),jsxRuntime.jsx("div",{className:"flex gap-x-2",children:["yes","no"].map(E=>{let Ce=E==="yes"?c:f;return jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col gap-y-1",children:[jsxRuntime.jsxs("button",{type:"button",onClick:()=>D(E),className:`w-full rounded-lg border py-2 text-sm font-medium transition-colors cursor-pointer ${n===E?E==="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:A(E==="yes"?"predict.trade.yes":"predict.trade.no")}),(()=>{let Xe=o==="buy"?E==="yes"?t.yesAsk:t.noAsk:E==="yes"?t.yesBid:t.noBid;return Xe!=null?jsxRuntime.jsxs("span",{className:"ml-1 opacity-70",children:[parseFloat((Number(Xe)*100).toFixed(2)),"\xA2"]}):null})()]}),o==="sell"&&n===E&&jsxRuntime.jsx("span",{className:"text-center text-xs text-foreground",children:g?"\u2013":`${Ce??0} shares`})]},E)})}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-xs text-neutral-500",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-foreground",children:A(o==="buy"?"predict.trade.youArePaying":"predict.trade.contracts")}),o==="buy"&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("img",{src:Pl,alt:"USDC",className:"h-3.5 w-3.5 rounded-full object-cover"}),jsxRuntime.jsx("span",{className:"font-medium text-foreground tabular-nums",children:m!=null?`${m.toFixed(2)} USDC`:"\u2013"}),jsxRuntime.jsx("button",{type:"button",onClick:Nt,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:A("predict.trade.half")}),jsxRuntime.jsx("button",{type:"button",onClick:Ne,className:"rounded px-1.5 py-0.5 bg-content2 hover:bg-content3 transition-colors cursor-pointer text-foreground font-medium",children:A("predict.trade.max")})]})]}),jsxRuntime.jsx(ui.StyledInput,{"aria-label":"Trade amount",fullWidth:true,placeholder:"0",radius:"lg",size:"lg",inputMode:o==="buy"?"decimal":"numeric",value:Qe,onChange:E=>At(E.target.value),onFocus:()=>{Ke.current=true;},onBlur:()=>{Ke.current=false,ut(isNaN(s)?"":String(s));},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==="sell"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2 justify-end",children:[[25,50].map(E=>jsxRuntime.jsxs("button",{type:"button",onClick:()=>{H(Math.floor((n==="yes"?c??0:f??0)*E/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:[E,"%"]},E)),jsxRuntime.jsx("button",{type:"button",onClick:()=>{H(n==="yes"?c??0:f??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:A("common.all")})]}),Kr&&S.length>0&&jsxRuntime.jsx("div",{className:"flex flex-col gap-y-0.5",children:S.map(E=>jsxRuntime.jsx("span",{className:"text-xs text-danger",children:E},E))})]}),i==="limit"&&C&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium text-primary",children:A("predict.trade.setExpiration")}),jsxRuntime.jsx(ui.StyledSwitch,{size:"sm",color:"primary",isSelected:b,onValueChange:J,"aria-label":A("predict.trade.setExpiration")})]}),b&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Select,{"aria-label":A("predict.trade.setExpiration"),selectedKeys:[T],onSelectionChange:E=>{let Ce=Array.from(E)[0];Ce&&ie(Ce);},size:"sm",radius:"lg",classNames:{trigger:"bg-content2 data-[hover=true]:bg-content2 min-h-10",value:"text-sm"},children:Nl.map(E=>jsxRuntime.jsx(ui.SelectItem,{children:A(Cl[E])},E))}),T==="custom"&&jsxRuntime.jsxs("div",{className:"flex gap-x-2",children:[jsxRuntime.jsx(ui.StyledNumberInput,{"aria-label":"Duration amount",size:"sm",radius:"lg",value:isNaN(z)?void 0:z,onValueChange:M,minValue:1,step:1,formatOptions:{maximumFractionDigits:0},classNames:{base:"flex-1",inputWrapper:"bg-content2 data-[hover=true]:bg-content2 group-data-[focus=true]:bg-content2 min-h-10",input:"text-sm"}}),jsxRuntime.jsx(ui.Select,{"aria-label":"Duration unit",selectedKeys:[ae],onSelectionChange:E=>{let Ce=Array.from(E)[0];Ce&&_(Ce);},size:"sm",radius:"lg",classNames:{base:"w-32",trigger:"bg-content2 data-[hover=true]:bg-content2 min-h-10",value:"text-sm"},children:Ml.map(E=>jsxRuntime.jsx(ui.SelectItem,{children:A(El[E])},E))})]})]})]}),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:()=>le(E=>!E),className:"flex items-center gap-x-1 text-neutral-500 hover:text-foreground cursor-pointer transition-colors",children:[jsxRuntime.jsx("span",{children:A("predict.trade.odds")}),jsxRuntime.jsx(ui.ChevronDownIcon,{className:ui.cn("h-3.5 w-3.5 transition-transform",pe&&"rotate-180")})]}),mt!=null&&jsxRuntime.jsxs("span",{className:"text-foreground font-medium tabular-nums",children:[mt,"% chance"]})]}),pe&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5 border-l-2 border-default-300 pl-3 text-sm text-neutral-500",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Total Size"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(s)&&s>0?`$${u.toFixed(2)}`:"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"No. of Contracts"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(a)&&a>0?parseFloat(a.toFixed(2)):"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Payout"}),jsxRuntime.jsx("span",{className:"tabular-nums text-foreground",children:!isNaN(s)&&s>0?`$${p.toFixed(2)}`:"\u2013"})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{children:"Est. Profit"}),jsxRuntime.jsx("span",{className:"tabular-nums text-bullish",children:!isNaN(s)&&s>0&&d>0?`+$${d.toFixed(2)}`:"\u2013"})]})]})]}),jsxRuntime.jsx(ui.Button,{color:cr,fullWidth:true,radius:"lg",size:"lg",isDisabled:g||!Be||h,isLoading:h||g,spinner:jsxRuntime.jsx(ui.Spinner,{size:"sm",color:"current"}),onPress:Vr,children:lr})]}),jsxRuntime.jsx(No,{isOpen:we.isOpen,onClose:we.onClose,kycUrl:x})]})}function br({event:e,market:t,variant:r,initialSide:n,initialOutcome:o,chain:i}){let{outcome:s,side:l,orderType:a,quantity:d,limitPrice:p,shares:u,estimatedCost:m,potentialPayout:c,potentialProfit:f,usdcBalance:g,yesTokenBalance:h,noTokenBalance:v,isBalanceLoading:S,isSubmitting:C,validation:P,supportsLimitOrder:x,kycRequired:b,kycUrl:T,expirationEnabled:z,expirationPreset:ae,customDuration:D,customDurationUnit:ve,setOutcome:I,setSide:H,setOrderType:$,setQuantity:J,setLimitPrice:ie,setExpirationEnabled:M,setExpirationPreset:_,setCustomDuration:G,setCustomDurationUnit:A,submit:pe}=Po({market:t,initialSide:n,initialOutcome:o}),le=walletConnector.useAuthCallback(pe),we=react.useMemo(()=>e?ho(e):void 0,[e]),Qe=react.useMemo(()=>vo(t),[t]);return jsxRuntime.jsx(Ro,{event:we,market:Qe,variant:r,outcome:s,side:l,orderType:a,quantity:d,limitPrice:p,shares:u,estimatedCost:m,potentialPayout:c,potentialProfit:f,usdcBalance:g,yesTokenBalance:h,noTokenBalance:v,isBalanceLoading:S,isSubmitting:C,isValid:P.isValid,validationErrors:P.errors,supportsLimitOrder:x,kycRequired:b,kycUrl:T,expirationEnabled:z,expirationPreset:ae,customDuration:D,customDurationUnit:ve,onOutcomeChange:I,onSideChange:H,onOrderTypeChange:$,onQuantityChange:J,onLimitPriceChange:ie,onExpirationEnabledChange:M,onExpirationPresetChange:_,onCustomDurationChange:G,onCustomDurationUnitChange:A,onSubmit:le})}var Kt="predict-trade";function yr({id:e=Kt}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Al,{...t})})}function Al({params:e,isOpen:t,onOpenChange:r}){let{t:n}=i18n.useTranslation(),{isMobile:o}=ui.useScreen();return e?jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:o?"lg":"md",backdrop:"blur",hideCloseButton:true,classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{className:o?"":"p-2",children:[jsxRuntime.jsx(br,{event:e.event,market:e.market,initialOutcome:e.initialOutcome,initialSide:e.initialSide??"buy",chain:e.chain,variant:"flat"}),jsxRuntime.jsx("div",{className:"px-4 pb-4",children:jsxRuntime.jsx("button",{type:"button",onClick:()=>r(false),className:"w-full h-12 rounded-xl text-sm font-medium text-zinc-400 hover:text-white hover:bg-[rgba(39,39,42,0.5)] transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:n("common.cancel")})})]})})}):null}var ln={sortPreset:"volume",sortAsc:false,source:void 0,timeRemaining:void 0,minVolume:void 0,minLiquidity:void 0};function cn(e){let t=0;return e.source&&t++,e.timeRemaining&&t++,e.minVolume&&t++,e.minLiquidity&&t++,t}function Oo({isOpen:e,onClose:t,value:r,onChange:n}){let{t:o}=i18n.useTranslation(),[i,s]=react.useState(r),l=react.useCallback(h=>{h?s(r):t();},[r,t]),a=react.useCallback(()=>{s(ln);},[]),d=react.useCallback(()=>{n(i),t();},[i,n,t]),p=react.useCallback((h,v)=>{s(S=>({...S,[h]:v}));},[]),u=react.useMemo(()=>cn(i),[i]),m=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"polymarket",label:o("predict.platform.polymarket")},{value:"kalshi",label:o("predict.platform.kalshi")}],[o]),c=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1d",label:o("predict.filter.lessThanDay")},{value:"7d",label:o("predict.filter.lessThanWeek")},{value:"30d",label:o("predict.filter.lessThanMonth")}],[o]),f=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[o]),g=react.useMemo(()=>[{value:void 0,label:o("predict.filter.all")},{value:"1000",label:">$1K"},{value:"10000",label:">$10K"},{value:"100000",label:">$100K"},{value:"1000000",label:">$1M"}],[o]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:e,onOpenChange:l,size:"md",backdrop:"blur",scrollBehavior:"inside",classNames:{base:"!bg-[#18181b] !rounded-[14px] !border !border-[rgba(39,39,42,1)] !shadow-[0_25px_50px_-12px_rgba(0,0,0,0.5)]",body:"!p-0"},children:jsxRuntime.jsx(ui.ModalContent,{children:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-5 pt-5 pb-4",children:[jsxRuntime.jsx("h3",{className:"text-base font-semibold text-white",children:o("predict.filter.title")}),jsxRuntime.jsx(Wl,{onClick:()=>l(false)})]}),jsxRuntime.jsxs("div",{style:{padding:"0 20px 16px",display:"flex",flexDirection:"column",gap:20},children:[jsxRuntime.jsx(Sr,{label:o("predict.filter.platform"),children:jsxRuntime.jsx(wr,{options:m,selected:i.source,onSelect:h=>p("source",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.timeRemaining"),children:jsxRuntime.jsx(wr,{options:c,selected:i.timeRemaining,onSelect:h=>p("timeRemaining",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.minVolume"),children:jsxRuntime.jsx(wr,{options:f,selected:i.minVolume,onSelect:h=>p("minVolume",h)})}),jsxRuntime.jsx(Sr,{label:o("predict.filter.minLiquidity"),children:jsxRuntime.jsx(wr,{options:g,selected:i.minLiquidity,onSelect:h=>p("minLiquidity",h)})})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3 px-5 py-4",style:{borderTop:"1px solid rgba(39,39,42,0.5)"},children:[jsxRuntime.jsx("button",{type:"button",className:"inline-flex items-center justify-center py-2.5 px-5 rounded-[10px] text-zinc-400 text-sm font-medium hover:text-white transition-colors cursor-pointer",onClick:a,children:o("predict.filter.reset")}),jsxRuntime.jsxs("button",{type:"button",className:"flex-1 inline-flex items-center justify-center gap-2 py-2.5 rounded-[10px] bg-[#c7ff2e] text-zinc-900 text-sm font-semibold hover:bg-[#c7ff2e]/90 transition-colors cursor-pointer",onClick:d,children:[o("predict.filter.showResults"),u>0&&jsxRuntime.jsxs("span",{style:{opacity:.7},children:["(",u,")"]})]})]})]})})})}function Sr({label:e,children:t}){return jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[jsxRuntime.jsx("span",{style:{fontSize:11,fontWeight:500,color:"#71717a",textTransform:"uppercase",letterSpacing:"0.05em"},children:e}),t]})}function Wl({onClick:e}){return jsxRuntime.jsx("button",{type:"button",onClick:e,className:"p-1 rounded-[10px] hover:bg-[rgba(39,39,42,0.5)] text-zinc-400 hover:text-white transition-colors cursor-pointer focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",children:jsxRuntime.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}function wr({options:e,selected:t,onSelect:r,allowDeselect:n=true}){return jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:e.map(o=>{let i=t===o.value;return jsxRuntime.jsx("button",{type:"button",onClick:()=>{r(i&&n?void 0:o.value);},style:{flexShrink:0,borderRadius:10,padding:"6px 14px",fontSize:13,fontWeight:500,cursor:"pointer",transition:"all 0.15s",border:i?"1px solid rgba(199,255,46,0.3)":"1px solid rgba(63,63,70,0.5)",background:i?"rgba(199,255,46,0.08)":"rgba(39,39,42,0.4)",color:i?"#c7ff2e":"#a1a1aa"},onMouseEnter:s=>{i||(s.currentTarget.style.background="rgba(39,39,42,0.8)",s.currentTarget.style.color="#fff");},onMouseLeave:s=>{i||(s.currentTarget.style.background="rgba(39,39,42,0.4)",s.currentTarget.style.color="#a1a1aa");},children:o.label},o.value??"__all")})})}function Do(e){return e>=1e9?`$${(e/1e9).toFixed(1)}B`:e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${(e/1e3).toFixed(1)}K`:`$${e.toFixed(0)}`}var Kl=[{key:"total_events",labelKey:"predict.events.stats.totalEvents",format:e=>e.toLocaleString(),valueColor:"#c7ff2e",gradientFrom:"rgba(199,255,46,0.18)",gradientTo:"rgba(199,255,46,0.04)"},{key:"total_volume_24h",labelKey:"predict.events.stats.volume24h",format:Do,valueColor:"#f76816",gradientFrom:"rgba(247,104,22,0.18)",gradientTo:"rgba(247,104,22,0.04)"},{key:"avg_liquidity",labelKey:"predict.events.stats.avgLiquidity",format:Do,valueColor:"#17c964",gradientFrom:"rgba(23,201,100,0.18)",gradientTo:"rgba(23,201,100,0.04)"},{key:"active_sources",labelKey:"predict.events.stats.activeSources",format:e=>e.toLocaleString(),valueColor:"#f5a524",gradientFrom:"rgba(245,165,36,0.18)",gradientTo:"rgba(245,165,36,0.04)"}];function Ao({stats:e}){let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
2
2
|
@keyframes evt-live-ping{75%,100%{transform:scale(2.2);opacity:0}}
|
|
3
3
|
@keyframes evt-live-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
|
|
4
4
|
@keyframes evtHeroTitleEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
@keyframes detailShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
|
|
87
87
|
`,gi={background:"linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.03) 75%)",backgroundSize:"200% 100%",animation:"detailShimmer 1.8s ease-in-out infinite",borderRadius:6};function te(e){return {...gi,animationDelay:`${e}ms`}}function Zt({marketCount:e=4,showBack:t}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:fi}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%",gap:20},children:[t&&jsxRuntime.jsx("div",{style:{height:20}}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[jsxRuntime.jsx("div",{style:{...gi,width:64,height:64,borderRadius:10,flexShrink:0}}),jsxRuntime.jsxs("div",{style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:8},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[jsxRuntime.jsx("div",{style:{...te(0),height:14,width:48}}),jsxRuntime.jsx("div",{style:{...te(30),height:14,width:40}}),jsxRuntime.jsx("div",{style:{...te(60),height:14,width:40}})]}),jsxRuntime.jsx("div",{style:{...te(80),height:20,width:"80%",maxWidth:384,borderRadius:4}})]})]}),jsxRuntime.jsx("div",{style:{...te(100),height:16,width:192}}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[jsxRuntime.jsx("div",{style:{...te(120),height:16,width:96}}),jsxRuntime.jsx("div",{style:{...te(140),height:16,width:80}})]}),jsxRuntime.jsx("div",{style:{...te(160),height:300,width:"100%",borderRadius:12}}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsx("div",{style:{...te(180),height:16,width:80}}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[jsxRuntime.jsx("div",{style:{...te(200),height:28,width:200,borderRadius:8}}),jsxRuntime.jsx("div",{style:{...te(220),height:28,width:112,borderRadius:8}})]})]})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"8px 0"},children:jsxRuntime.jsx("div",{style:{...te(240),height:14,width:56}})}),Array.from({length:e}).map((r,n)=>jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"10px 0",borderBottom:"1px solid rgba(39,39,42,0.5)"},children:[jsxRuntime.jsx("div",{style:{...te(260+n*40),width:28,height:28,borderRadius:8,flexShrink:0}}),jsxRuntime.jsxs("div",{style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:4},children:[jsxRuntime.jsx("div",{style:{...te(280+n*40),height:14,width:n%2===0?192:160}}),jsxRuntime.jsx("div",{style:{...te(300+n*40),height:10,width:64}})]}),jsxRuntime.jsx("div",{style:{...te(320+n*40),height:16,width:40}}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[jsxRuntime.jsx("div",{style:{...te(340+n*40),height:32,width:80,borderRadius:8}}),jsxRuntime.jsx("div",{style:{...te(360+n*40),height:32,width:80,borderRadius:8}})]})]},n))]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[jsxRuntime.jsx("div",{style:{...te(400),height:16,width:64}}),jsxRuntime.jsx("div",{style:{...te(420),height:14,width:"100%"}}),jsxRuntime.jsx("div",{style:{...te(440),height:14,width:"80%"}}),jsxRuntime.jsx("div",{style:{...te(460),height:14,width:"60%"}})]})]})]})}function hi(){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:fi}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,borderRadius:14,border:"1px solid rgba(39,39,42,0.6)",background:"rgba(24,24,27,0.4)",padding:16},children:[jsxRuntime.jsx("div",{style:{...te(0),height:40,width:"100%",borderRadius:8}}),jsxRuntime.jsx("div",{style:{...te(60),height:96,width:"100%",borderRadius:8}}),jsxRuntime.jsx("div",{style:{...te(120),height:40,width:"100%",borderRadius:8}})]})]})}var ki="var(--color-bullish)",Si="var(--color-bearish)";function Jt(e){let t=Math.abs(e);return t>=1e9?`${parseFloat((e/1e9).toFixed(2))}B`:t>=1e6?`${parseFloat((e/1e6).toFixed(2))}M`:t>=1e3?`${parseFloat((e/1e3).toFixed(2))}K`:e.toLocaleString()}function dd(e,t){return e<=0||t<=0?0:Math.pow(e/t,.3)}function pd(e,t){let r=new Float64Array(101),n=new Float64Array(101);for(let c of e){let f=Math.round(c.price*100);f>=0&&f<=100&&(r[f]+=c.quantity);}for(let c of t){let f=Math.round(c.price*100);f>=0&&f<=100&&(n[f]+=c.quantity);}let o=0,i=0,s=new Float64Array(101),l=new Float64Array(101);for(let c=100;c>=0;c--)o+=r[c],i+=r[c]*c/100,s[c]=o,l[c]=i;let a=0,d=0,p=new Float64Array(101),u=new Float64Array(101);for(let c=0;c<=100;c++)a+=n[c],d+=n[c]*c/100,p[c]=a,u[c]=d;let m=Math.max(s[0]??0,p[100]??0);return Array.from({length:101},(c,f)=>{let g=s[f]>0,h=p[f]>0,v=s[f]||p[f],S=r[f]>0||n[f]>0;return {priceCents:f,displayHeight:dd(v,m),opacity:v>0?S?1:.5:0,isBid:g,isAsk:h,bidCumTotal:s[f],askCumTotal:p[f],bidCumCost:l[f],askCumCost:u[f]}})}function ud({info:e}){let{t}=i18n.useTranslation(),r=e.isBid?ki:Si,n=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:n,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.jsx("div",{style:{marginBottom:4,fontWeight:600},children:t("predict.orderBook.depthToPrice",{price:e.priceCents})}),jsxRuntime.jsx("div",{style:{color:r},children:t("predict.orderBook.depthContracts",{amount:Jt(Math.round(e.cumTotal))})}),jsxRuntime.jsxs("div",{style:{color:r},children:["$",Jt(Math.round(e.cumCost))]})]})}var md=react.memo(function({slot:t,onEnter:r,onLeave:n}){let o=react.useRef(null),i=t.isBid||t.isAsk,s=t.isBid?ki:t.isAsk?Si: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:i?"crosshair":"default"},onMouseEnter:()=>r(t,o.current),onMouseLeave:n,children:i&&jsxRuntime.jsx("div",{ref:o,style:{position:"absolute",bottom:0,left:0,width:"100%",height:`${t.displayHeight*100}%`,backgroundColor:s,opacity:t.opacity}})})}),fd=[0,10,20,30,40,50,60,70,80,90,100];function gd(){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:fd.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 wi({bids:e,asks:t}){let{t:r}=i18n.useTranslation(),n=react.useMemo(()=>pd(e,t),[e,t]),o=react.useMemo(()=>{let u=e.length>0?Math.max(...e.map(c=>c.price)):0,m=t.length>0?Math.min(...t.map(c=>c.price)):1;return Math.round((u+m)/2*100)},[e,t]),i=react.useMemo(()=>n.some(u=>u.isBid||u.isAsk),[n]),[s,l]=react.useState(null),a=react.useRef(null),d=react.useCallback((u,m)=>{a.current&&(a.current.style.filter=""),m?(m.style.filter="brightness(1.5)",a.current=m):a.current=null,u.isBid||u.isAsk?l({priceCents:u.priceCents,isBid:u.isBid,cumTotal:u.isBid?u.bidCumTotal:u.askCumTotal,cumCost:u.isBid?u.bidCumCost:u.askCumCost,leftPct:u.priceCents}):l(null);},[]),p=react.useCallback(()=>{a.current&&(a.current.style.filter="",a.current=null),l(null);},[]);return i?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(ud,{info:s}),n.map(u=>jsxRuntime.jsx(md,{slot:u,onEnter:d,onLeave:p},u.priceCents))]}),jsxRuntime.jsx(gd,{})]}):jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#6b7280",fontSize:13},children:r("predict.orderBook.noData")})}function wn(e){let t=e*100,r=Math.round(t*10)/10;return Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`}function Pi(){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 Ei({market:e,outcome:t="yes",onTradeAction:r}){let{t:n}=i18n.useTranslation(),[o,i]=react.useState("depth"),s=t==="no",l=e.source,{data:a,isLoading:d}=reactPredict.useOrderbook({slug:e.slug,source:l}),p=react.useMemo(()=>((s?a?.asks:a?.bids)??[]).map(h=>({price:s?1-h.price:h.price,quantity:h.size})),[a?.bids,a?.asks,s]),u=react.useMemo(()=>((s?a?.bids:a?.asks)??[]).map(h=>({price:s?1-h.price:h.price,quantity:h.size})),[a?.bids,a?.asks,s]),m=react.useMemo(()=>p.length>0?Math.max(...p.map(g=>g.price)):null,[p]),c=react.useMemo(()=>u.length>0?Math.min(...u.map(g=>g.price)):null,[u]),f=react.useMemo(()=>{if(m==null||c==null)return null;let g=(c-m)*100;return Math.round(g*10)/10},[m,c]);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:f!=null?`${n("predict.orderBook.spread")}: ${Number.isInteger(f)?`${f}\xA2`:`${f.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:[n("predict.trade.bestBid"),": ",wn(m)]}),m!=null&&c!=null&&jsxRuntime.jsx("span",{className:"text-neutral",children:"|"}),c!=null&&jsxRuntime.jsxs("span",{style:{color:"var(--color-bearish)"},children:[n("predict.trade.bestAsk"),": ",wn(c)]})]}),jsxRuntime.jsx("div",{className:"flex flex-1 justify-end",children:jsxRuntime.jsx("button",{type:"button",title:o==="depth"?"Orderbook":"Depth chart",onClick:()=>i(g=>g==="depth"?"table":"depth"),className:"flex items-center text-neutral transition-colors cursor-pointer hover:text-foreground",children:o==="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:[o==="depth"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:d?jsxRuntime.jsx(Pi,{}):jsxRuntime.jsx(wi,{bids:p,asks:u})}),o==="table"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:d?jsxRuntime.jsx(Pi,{}):jsxRuntime.jsx(kd,{bids:p,asks:u,bestBid:m??void 0,bestAsk:c??void 0,spread:f??void 0})})]})]})}var Ni=8;function kd({bids:e,asks:t,spread:r}){let{t:n}=i18n.useTranslation(),o=react.useMemo(()=>[...t].sort((a,d)=>a.price-d.price).slice(0,Ni).reverse(),[t]),i=react.useMemo(()=>[...e].sort((a,d)=>d.price-a.price).slice(0,Ni),[e]),s=react.useMemo(()=>{let a=[...o,...i].map(d=>d.quantity);return Math.max(...a,1)},[o,i]);return o.length===0&&i.length===0?jsxRuntime.jsx("div",{className:"flex items-center justify-center h-full text-xs text-neutral",children:n("predict.orderBook.empty")}):jsxRuntime.jsxs("div",{className:"flex flex-col h-full overflow-y-auto text-xs font-mono select-none",children:[o.map(a=>jsxRuntime.jsx(Ci,{price:a.price,quantity:a.quantity,side:"ask",maxQty:s},`ask-${a.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:[n("predict.orderBook.spread"),":"," ",Number.isInteger(r)?`${r}\xA2`:`${r.toFixed(1)}\xA2`]})}),i.map(a=>jsxRuntime.jsx(Ci,{price:a.price,quantity:a.quantity,side:"bid",maxQty:s},`bid-${a.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:n("predict.orderBook.price")}),jsxRuntime.jsx("span",{className:"text-center",children:n("predict.orderBook.contracts")}),jsxRuntime.jsx("span",{className:"text-right",children:n("predict.orderBook.total")})]})]})}function Ci({price:e,quantity:t,side:r,maxQty:n}){let o=r==="ask",i=Math.min(t/n*100,100),s=o?"bg-bearish/10":"bg-bullish/10",l=o?"text-bearish":"text-bullish",a=Jt(Math.round(t)),d=Math.round(t*e),p=`$${Jt(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 ${s} transition-[width] duration-200`,style:{width:`${i}%`}}),jsxRuntime.jsx("span",{className:`relative z-10 ${l}`,children:wn(e)}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-center",children:a}),jsxRuntime.jsx("span",{className:"relative z-10 text-foreground text-right",children:p})]})}var Cn=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}},Lr=4,Ti=["#22d3ee","#a3e635","#f97316","#f472b6","#a78bfa"];function Id(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 Od(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 Li(e){return `${(e*100).toFixed(2)}%`}var Dd=[{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 Ad({value:e,onChange:t}){return jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:2},children:Dd.map(({range:r,label:n})=>{let o=r===e;return jsxRuntime.jsx("button",{onClick:()=>t(r),style:{padding:"2px 8px",border:"none",background:"transparent",color:o?"#f9fafb":"#6b7280",fontWeight:o?700:400,fontSize:12,cursor:"pointer",borderRadius:4,letterSpacing:"0.02em",transition:"color 0.15s",userSelect:"none"},children:n},r)})})}function Fd(){let e=react.useRef(null),t=react.useRef(null),r=react.useCallback(o=>{let i=e.current,s=t.current;if(!i||!s)return;let l=i.getBoundingClientRect(),a=(o.clientX-l.left)/l.width*100;s.style.background=`linear-gradient(to right, transparent ${a}%, rgba(0,0,0,0.55) ${a}%)`,s.style.opacity="1";},[]),n=react.useCallback(()=>{t.current&&(t.current.style.opacity="0");},[]);return {wrapperRef:e,overlayRef:t,onMouseMove:r,onMouseLeave:n}}function Bd({active:e,payload:t,label:r,labelMap:n,allSeries:o,range:i}){if(!e||!o?.length)return null;let s=new Map;t?.forEach(a=>s.set(a.dataKey,a));let l=o.map(a=>s.get(a.slug)??{dataKey:a.slug,value:void 0,stroke:a.color,color:a.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"?Od(r,i):r}),l.map(a=>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:a.stroke??a.color,flexShrink:0}}),jsxRuntime.jsx("span",{style:{color:"#9ca3af",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:120},children:n.get(a.dataKey)??a.dataKey}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontWeight:700,fontVariantNumeric:"tabular-nums"},children:a.value!=null?Li(a.value):"--"})]},a.dataKey))]})}function Hd({markets:e,selectedSlugs:t,colorMap:r,onToggle:n}){let[o,i]=react.useState(false),s=react.useRef(null);react.useEffect(()=>{if(!o)return;function d(p){s.current&&!s.current.contains(p.target)&&i(false);}return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[o]);let l=t.length>=Lr,a=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(p=>p.slug===t[0]);return d?.outcomes?.[0]?.label??d?.question??"1 market"})():`${t.length} / ${e.length} markets`})]});return jsxRuntime.jsxs("div",{ref:s,style:{position:"relative",display:"inline-block",width:200},children:[jsxRuntime.jsxs("button",{onClick:()=>i(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:[a,jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{flexShrink:0,transform:o?"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"})})]}),o&&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 ",Lr," markets"]}),e.map((d,p)=>{let u=t.includes(d.slug),m=!u&&l,c=u&&t.length===1,f=r.get(d.slug)??"#6b7280",g=d.outcomes.find(v=>v.label.toLowerCase()==="yes")??d.outcomes[0],h=g?.price!=null?`${Math.round(g.price*100)}%`:null;return jsxRuntime.jsxs("button",{onClick:()=>{c||m||n(d.slug);},style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"7px 12px",border:"none",background:u?"rgba(255,255,255,0.05)":"transparent",cursor:m||c?"not-allowed":"pointer",opacity:m?.35:1,textAlign:"left",transition:"background 0.1s"},onMouseEnter:v=>{!m&&!c&&(v.currentTarget.style.background="rgba(255,255,255,0.07)");},onMouseLeave:v=>{v.currentTarget.style.background=u?"rgba(255,255,255,0.05)":"transparent";},children:[jsxRuntime.jsx("span",{style:{width:16,height:16,borderRadius:4,border:u?`2px solid ${f}`:"2px solid rgba(255,255,255,0.2)",background:u?`${f}30`:"transparent",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},children:u&&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:u?"#f9fafb":"#9ca3af",fontSize:12,flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:d.outcomes?.[0]?.label??d.question}),h&&jsxRuntime.jsx("span",{style:{color:f,fontWeight:700,fontSize:12,flexShrink:0},children:h})]},d.id??`${p}-${d.slug}`)})]})]})}function zd({series:e,colorMap:t,displayValues:r}){return jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px 24px",padding:"0 2px"},children:e.map(n=>{let o=t.get(n.marketSlug)??"#6b7280",i=r.get(n.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:o,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:n.label}),jsxRuntime.jsx("span",{style:{color:"#f9fafb",fontSize:14,fontWeight:700,lineHeight:"20px",fontVariantNumeric:"tabular-nums"},children:i!=null?Li(i):"--"})]})]},n.marketSlug)})})}function $d(e){let t=Math.floor(e.length/2);return e.length%2===1?e[t]:(e[t-1]+e[t])/2}function Wd(e,t){if(e.length<=t)return e;let r=[],n=e.length/t;for(let o=0;o<t;o++){let i=Math.floor(o*n),s=Math.min(Math.floor((o+1)*n),e.length),l=e.slice(i,s),a=l.map(d=>d.price).sort((d,p)=>d-p);r.push({timestamp:l[l.length-1].timestamp,price:$d(a)});}return r}function Ud(e,t=200){if(e.length===0)return [];let r=e.map(l=>({...l,data:Wd(l.data,t)})),n=new Set;r.forEach(l=>l.data.forEach(a=>n.add(a.timestamp)));let o=Array.from(n).sort((l,a)=>l-a),i=r.map(l=>{let a=new Map;return l.data.forEach(d=>a.set(d.timestamp,d.price)),{slug:l.marketSlug,map:a}}),s=new Map;return o.map(l=>{let a={timestamp:l};return i.forEach(({slug:d,map:p})=>{let u=p.get(l);if(u!==void 0)s.set(d,u),a[d]=u;else {let m=s.get(d);m!==void 0&&(a[d]=m);}}),a})}function _i(e){return jsxRuntime.jsx(Cn,{children:jsxRuntime.jsx(Kd,{...e})})}function Kd({event:e,isLoading:t,className:r,volume:n}){let o=react.useMemo(()=>{let M=new Set;return (e.markets??[]).filter(_=>_.status!=="open"||M.has(_.slug)?false:(M.add(_.slug),true))},[e.markets]),i=react.useMemo(()=>[...o].sort((M,_)=>{let G=A=>(A.outcomes.find(pe=>pe.label.toLowerCase()==="yes")??A.outcomes[0])?.price??0;return G(_)-G(M)}),[o]),[s,l]=react.useState(()=>i.slice(0,Lr).map(M=>M.slug)),[a,d]=react.useState(hr),p=react.useMemo(()=>{let M=new Map;return s.forEach((_,G)=>{M.set(_,Ti[G%Ti.length]);}),M},[s]),u=react.useMemo(()=>o.filter(M=>s.includes(M.slug)),[o,s]),{series:m,isLoading:c}=reactPredict.useMarketHistory(u,a),f=t||c,g=react.useMemo(()=>{if(m.length>0&&m.some(G=>G.data.length>0))return m;let M=Date.now(),_=864e5;return u.map(G=>{let pe=(G.outcomes?.find(le=>le.label.toLowerCase()==="yes")??G.outcomes?.[0])?.price??.5;return {marketSlug:G.slug,label:G.outcomes?.[0]?.label??G.question,data:[{timestamp:M-7*_,price:pe},{timestamp:M,price:pe}]}})},[m,u]),h=react.useMemo(()=>a===reactPredict.ChartRange.ONE_DAY?96:a===reactPredict.ChartRange.ONE_WEEK?168:a===reactPredict.ChartRange.ONE_MONTH?180:300,[a]),v=react.useMemo(()=>Ud(g,h),[g,h]),S=react.useMemo(()=>{if(v.length===0)return [0,1];let M=1/0,_=-1/0;if(s.forEach(A=>{v.forEach(pe=>{let le=pe[A];le!=null&&(le<M&&(M=le),le>_&&(_=le));});}),!isFinite(M))return [0,1];let G=Math.max((_-M)*.15,.05);return [Math.max(0,M-G),Math.min(1,_+G)]},[v,s]),C=react.useMemo(()=>{let M=new Map;return g.forEach(_=>{_.data.length>0&&M.set(_.marketSlug,_.data[_.data.length-1].price);}),M},[g]),P=react.useMemo(()=>{let M=new Map;return g.forEach(_=>M.set(_.marketSlug,_.label)),M},[g]),x=react.useMemo(()=>g.map(M=>({slug:M.marketSlug,color:p.get(M.marketSlug)??"#6b7280"})),[g,p]),{wrapperRef:b,overlayRef:T,onMouseMove:z,onMouseLeave:ae}=Fd(),D=react.useCallback(M=>{l(_=>_.includes(M)?_.length<=1?_:_.filter(G=>G!==M):_.length>=Lr?_:[..._,M]);},[]),[ve,I]=react.useState(null),H=react.useRef(null),$=react.useRef(""),J=react.useRef(0),ie=!f&&v.length>0;return jsxRuntime.jsxs("div",{className:r,style:{display:"flex",flexDirection:"column",gap:12},children:[jsxRuntime.jsx(zd,{series:g,colorMap:p,displayValues:ve??C}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:0},children:[jsxRuntime.jsx("div",{ref:b,style:{height:300,width:"100%",userSelect:"none",position:"relative"},onMouseMove:ie?M=>{z(M),cancelAnimationFrame(J.current),J.current=requestAnimationFrame(()=>{I(H.current);});}:void 0,onMouseLeave:ie?()=>{ae(),cancelAnimationFrame(J.current),$.current="",H.current=null,I(null);}:void 0,children:f?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"}})}):v.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:T,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:v,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:M=>Id(M,a),axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},minTickGap:70}),jsxRuntime.jsx(recharts.YAxis,{domain:S,tickFormatter:M=>`${Math.round(M*100)}%`,axisLine:false,tickLine:false,tick:{fill:"#6b7280",fontSize:11},width:40,tickCount:6}),jsxRuntime.jsx(recharts.Tooltip,{content:M=>{let _=M;if(_.active&&_.payload?.length){let G=_.payload.map(A=>`${A.dataKey}:${A.value}`).join(",");if(G!==$.current){$.current=G;let A=new Map;_.payload.forEach(pe=>{pe.value!=null&&A.set(pe.dataKey,pe.value);}),H.current=A;}}return jsxRuntime.jsx(Bd,{..._,labelMap:P,allSeries:x,range:a})},cursor:{stroke:"#4b5563",strokeWidth:1,strokeDasharray:"4 4"},wrapperStyle:{zIndex:2},isAnimationActive:false}),g.map(M=>{let _=p.get(M.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.Line,{type:"linear",dataKey:M.marketSlug,stroke:_,strokeWidth:2,strokeLinejoin:"round",strokeLinecap:"round",dot:false,activeDot:{r:4.5,strokeWidth:2,stroke:"rgba(10,10,10,0.8)",fill:_},connectNulls:true,isAnimationActive:false},M.marketSlug)}),ve==null&&v.length>0&&g.map(M=>{let _=v[v.length-1],G=_[M.marketSlug];if(G==null)return null;let A=p.get(M.marketSlug)??"#6b7280";return jsxRuntime.jsx(recharts.ReferenceDot,{x:_.timestamp,y:G,ifOverflow:"extendDomain",shape:pe=>{let{cx:le,cy:we}=pe;return le==null||we==null?jsxRuntime.jsx("g",{}):jsxRuntime.jsxs("g",{children:[jsxRuntime.jsxs("circle",{cx:le,cy:we,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:le,cy:we,r:3.5,fill:A})]})}},`pulse-${M.marketSlug}`)})]})})]})}),jsxRuntime.jsxs("div",{style:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px 8px",marginTop:6},children:[n!=null&&n>0&&jsxRuntime.jsxs("span",{style:{color:"#6b7280",fontSize:12},children:["$",Math.round(n).toLocaleString()," vol"]}),jsxRuntime.jsx("div",{style:{flex:1,minWidth:0}}),jsxRuntime.jsx(Ad,{value:a,onChange:d}),i.length>1&&jsxRuntime.jsx("div",{style:{width:"100%",display:"flex",alignItems:"center"},children:jsxRuntime.jsx(Hd,{markets:i,selectedSlugs:s,colorMap:p,onToggle:D})})]})]})]})}function tr(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function np(e){return `${parseFloat((e*100).toFixed(2))}%`}function Ri(e){let t=e*100;return t<1&&t>0?"< 1":parseFloat(t.toFixed(2)).toString()}function _r(e){return e.outcomes?.[0]?.label??e.question}function op(e){switch(e){case "polymarket":return "Polymarket";case "kalshi":return "Kalshi";default:return e}}function er(e){if(!e)return "\u2014";let t=new Date(e);if(isNaN(t.getTime()))return "\u2014";let r=t.toLocaleString("default",{month:"short"}),n=t.getDate(),o=t.getFullYear(),i=t.getHours().toString().padStart(2,"0"),s=t.getMinutes().toString().padStart(2,"0");return `${r} ${n}, ${o} ${i}:${s}`}function Ii(e){let[t,r]=react.useState(0);if(react.useEffect(()=>{if(!e)return;r(Date.now());let p=setInterval(()=>r(Date.now()),1e3);return ()=>clearInterval(p)},[e]),!e||t===0)return null;let n=new Date(e).getTime();if(isNaN(n))return null;let o=n-t;if(o<=0)return null;let i=Math.floor(o/864e5),s=Math.floor(o%864e5/36e5),l=Math.floor(o%36e5/6e4),a=Math.floor(o%6e4/1e3),d=[];return i>0&&d.push(`${i}d`),d.push(`${String(s).padStart(2,"0")}h`),d.push(`${String(l).padStart(2,"0")}m`),d.push(`${String(a).padStart(2,"0")}s`),d.join(" ")}function Oi(e){if(!e)return null;let t=new Date(e);if(isNaN(t.getTime()))return null;let r=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0"),o=(t.getMonth()+1).toString().padStart(2,"0"),i=t.getDate().toString().padStart(2,"0"),s=t.getFullYear(),l=-t.getTimezoneOffset(),a=l>=0?"+":"-",d=String(Math.abs(Math.floor(l/60))).padStart(2,"0");return `${r}:${n} ${o}/${i}/${s} (${a}${d})`}function Bi({event:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),{ref:n,isCollapsed:o}=hooks.useScrollCollapse(),i=react.useMemo(()=>{let u=[...e.markets||[]],m=u.filter(f=>f.status==="open").sort((f,g)=>tr(g)-tr(f)),c=u.filter(f=>f.status!=="open").sort((f,g)=>tr(g)-tr(f));return [...m,...c]},[e.markets]),s=e.status==="closed"||e.status==="voided",l=Ii(s?void 0:e.start_at),a=Ii(s?void 0:e.end_at),d=Oi(e.start_at),p=Oi(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:n,className:`sticky top-0 z-30 flex items-center backdrop-blur-md transition-all duration-300 ${o?"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 ${o?"!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:[!o&&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(lp,{source:e.source})]}),jsxRuntime.jsx("span",{className:`font-semibold truncate transition-all duration-300 ${o?"text-sm lg:text-base":"text-lg lg:text-xl"}`,children:e.title})]})]}),(l||a||s)&&jsxRuntime.jsx("div",{className:"flex items-center gap-x-2 text-xs lg:text-sm font-mono",children:s?p&&jsxRuntime.jsx("span",{className:"text-neutral",children:r("predict.event.endedAt",{time:p})}):l?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.beginsIn",{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})]})]}):a?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-foreground",children:r("predict.event.endsIn",{time:a})}),p&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral/50",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral",children:p})]})]}):null}),jsxRuntime.jsx(_i,{event:e,volume:e.volume??void 0}),jsxRuntime.jsx(ip,{markets:i,onTradeAction:t}),jsxRuntime.jsx(ap,{markets:i,event:e})]})}var Di=5;function ip({markets:e,onTradeAction:t}){let{t:r}=i18n.useTranslation(),{isMobile:n}=ui.useScreen(),[o,i]=react.useState(false),[s,l]=react.useState(null),a=react.useMemo(()=>{let h=new Set;return e.filter(v=>h.has(v.slug)?false:(h.add(v.slug),true))},[e]),d=a.find(h=>h.status==="open")?.slug,[p,u]=react.useState(d?`${d}:yes`:null);if(a.length===0)return null;let m=a.length>Di,c=o?a:a.slice(0,Di),f=h=>{l(v=>v===h?null:h);},g=(h,v,S)=>{u(`${h.slug}:${v}`),n||l(h.slug),t?.(h,v,S);};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:c.map((h,v)=>{let S=tr(h),C=h.outcomes[1]?.best_ask??h.outcomes[1]?.price,P=s===h.slug;return jsxRuntime.jsx(sp,{market:h,yesPrice:S,noPrice:C??void 0,activeYes:p===`${h.slug}:yes`,activeNo:p===`${h.slug}:no`,isExpanded:P,onToggleExpand:()=>f(h.slug),onTradeAction:g},h.id??`${v}-${h.slug}`)})})]}),m&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>i(h=>!h),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 sp({market:e,yesPrice:t,noPrice:r,activeYes:n,activeNo:o,isExpanded:i,onToggleExpand:s,onTradeAction:l}){let{t:a}=i18n.useTranslation(),d=e.status==="open",p=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:s,role:"button",tabIndex:0,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),s());},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:_r(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:_r(e)}),p&&jsxRuntime.jsx("span",{className:"text-[8px] text-neutral lg:text-xxs",children:p})]})]})}),jsxRuntime.jsx("td",{className:"py-2 text-left text-foreground lg:text-center",children:np(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.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 focus-visible:outline-2 focus-visible:outline-primary/40 focus-visible:outline-offset-2",n?"bg-primary text-primary-foreground":"bg-primary/10 text-primary"),onClick:u=>{u.stopPropagation(),l?.(e,"yes","buy");},children:a("predict.market.action.yes",{price:Ri(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 focus-visible:outline-2 focus-visible:outline-primary/40 focus-visible:outline-offset-2",o?"bg-secondary text-secondary-foreground":"bg-secondary/10 text-secondary"),onClick:u=>{u.stopPropagation(),l?.(e,"no","buy");},children:r!=null?a("predict.market.action.no",{price:Ri(r)}):a("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"?a("predict.event.status.closed"):e.status==="voided"?a("predict.event.status.voided"):a("predict.event.status.pending")})})})]}),i&&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(Ei,{market:e,outcome:o?"no":"yes",onTradeAction:l})})})})]})}function ap({markets:e,event:t}){let{t:r}=i18n.useTranslation(),[n,o]=react.useState(false),[i,s]=react.useState(false),[l,a]=react.useState(0),d=e.filter(c=>c.rules&&c.rules.length>0||c.description);if(d.length===0)return null;let p=d[l]??d[0],u=p.rules&&p.rules.length>0?p.rules.join(`
|
|
88
88
|
|
|
89
|
-
`):p.description??"";if(!u)return null;let m=u.length>200&&!n?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.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:_r(p)})}),jsxRuntime.jsx(ui.DropdownMenu,{"aria-label":"Select market rules",selectionMode:"single",selectedKeys:[String(l)],onAction:c=>{a(Number(c)),o(false);},classNames:{list:"gap-1"},itemClasses:{base:"rounded-md px-3 h-8"},children:d.map((c,f)=>jsxRuntime.jsx(ui.DropdownItem,{className:ui.cn(f===l?"bg-content2 text-foreground":"text-neutral","data-[hover=true]:bg-content2 data-[hover=true]:text-foreground"),children:_r(c)},String(f)))})]})]}),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:()=>o(c=>!c),className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors self-start",children:r(n?"predict.event.rules.collapse":"predict.event.showMore")}),jsxRuntime.jsxs("button",{type:"button",onClick:()=>s(c=>!c),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",i&&"rotate-180")})]}),i&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex flex-col",children:(()=>{let c=p.status,f=[];return p.created_at&&f.push({label:r("predict.event.timeline.created"),value:er(p.created_at),isActive:true}),f.push({label:r("predict.event.timeline.open"),value:er(p.start_at),isActive:c!=="pending"}),c==="voided"?f.push({label:r("predict.event.timeline.voided"),value:er(p.closed_at??p.end_at),isActive:true}):c==="closed"?f.push({label:r("predict.event.timeline.closed"),value:er(p.closed_at??p.end_at),isActive:true}):f.push({label:r("predict.event.timeline.close"),value:er(p.end_at),isActive:false}),f})().map((c,f,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 ${c.isActive?"border-primary bg-primary":"border-border bg-transparent"}`}),f<g.length-1&&jsxRuntime.jsx("div",{className:"w-px flex-1 bg-border"})]}),jsxRuntime.jsxs("div",{className:`flex flex-col ${f<g.length-1?"pb-4":""}`,children:[jsxRuntime.jsx("span",{className:"text-xs font-medium text-foreground lg:text-sm",children:c.label}),jsxRuntime.jsx("span",{className:"text-xs text-neutral lg:text-sm",children:c.value})]})]},c.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:p.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.source"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:op(p.source)})]})]})]})]})}function lp({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 Hi({eventSlug:e,source:t,onTradeAction:r}){let{data:n,isLoading:o,error:i}=reactPredict.useEvent({slug:e,source:t});return o?jsxRuntime.jsx(Zt,{}):i||!n?jsxRuntime.jsx("div",{className:"flex w-full items-center justify-center py-20 text-danger",children:i?.message||"Event not found"}):jsxRuntime.jsx(Bi,{event:n,onTradeAction:r})}var mp={kalshi:{label:"KALSHI",color:"#00d492",bgColor:"rgba(0, 212, 146, 0.12)",icon:jsxRuntime.jsx(ui.KalshiIcon,{className:"w-3.5 h-3.5 shrink-0"})},polymarket:{label:"POLYMARKET",color:"#50a2ff",bgColor:"rgba(43, 127, 255, 0.12)",icon:jsxRuntime.jsx(ui.PolymarketIcon,{className:"w-3.5 h-3.5 shrink-0"})},dflow:{label:"DFLOW",color:"rgb(16, 185, 129)",bgColor:"rgba(16, 185, 129, 0.12)",icon:null}},fp={label:"Unknown",color:"rgb(156, 163, 175)",bgColor:"rgba(156, 163, 175, 0.12)",icon:null};function Ye(e){return mp[e]??fp}function Rh({source:e,className:t}){let r=Ye(e);return jsxRuntime.jsxs("span",{className:ui.cn("inline-flex items-center gap-x-1 rounded-md px-1.5 py-0.5 text-xs font-medium",t),style:{backgroundColor:r.bgColor,color:r.color},children:[r.icon,r.label]})}var $i="rgba(39,39,42,0.6)",yp="rgba(113,113,122,0.7)";function kp(e){return e==null?"-":e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${Math.round(e/1e3)}K`:`$${e.toFixed(0)}`}function Ui({eventSlug:e,source:t,limit:r=4,onEventClick:n,onEventHover:o}){let{t:i}=i18n.useTranslation(),{data:s,isLoading:l}=reactPredict.useSimilarEvents({slug:e,source:t,limit:r});return l||!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",{style:{color:"#f4f4f5",fontSize:14,fontWeight:600},children:i("predict.similar.title")}),jsxRuntime.jsx("div",{className:"grid grid-cols-1 gap-2",children:s.map(a=>jsxRuntime.jsx(Sp,{event:a,onClick:n,onHover:o},`${a.source}-${a.slug}`))})]})}function Sp({event:e,onClick:t,onHover:r}){let{t:n}=i18n.useTranslation(),o=Ye(e.source),i=react.useMemo(()=>kp(e.volume),[e.volume]),s=e.tags?.[0];return jsxRuntime.jsxs("button",{type:"button",onClick:()=>t?.(e),onMouseEnter:l=>{l.currentTarget.style.borderColor=yp,r?.(e);},onMouseLeave:l=>{l.currentTarget.style.borderColor=$i;},style:{display:"flex",alignItems:"center",gap:10,padding:"10px 12px",borderRadius:14,border:`1px solid ${$i}`,background:"rgba(24,24,27,0.4)",cursor:"pointer",textAlign:"left",width:"100%",transition:"border-color 0.2s"},className:"group",children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title?.[0]||"?",radius:"full",className:"size-9 shrink-0 bg-transparent",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,gap:2},children:[jsxRuntime.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#f4f4f5",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"#71717a"},children:[jsxRuntime.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:3,color:o.color,flexShrink:0},children:[o.icon,jsxRuntime.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase"},children:o.label})]}),jsxRuntime.jsx("span",{style:{color:"#52525b"},children:"\xB7"}),jsxRuntime.jsxs("span",{style:{color:"#a1a1aa"},children:[i," ",n("predict.event.volume")]}),s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{style:{color:"#52525b"},children:"\xB7"}),jsxRuntime.jsx("span",{style:{color:"#71717a"},children:s.label})]})]})]}),jsxRuntime.jsx(ui.ChevronRightIcon,{width:14,height:14,className:"shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",style:{color:"#71717a"}})]})}function Ki(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Jh({eventSlug:e,source:t,chain:r,walletAddress:n,onSimilarEventClick:o,onSimilarEventHover:i,onBack:s}){let{t:l}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),{onOpen:d}=uiScaffold.useAsyncModal(Kt),{data:p,isLoading:u}=reactPredict.useEvent({slug:e,source:t}),m=react.useMemo(()=>[...p?.markets||[]].sort((S,C)=>Ki(C)-Ki(S)),[p?.markets]),[c,f]=react.useState(null),g=react.useCallback((S,C,P)=>{f(x=>({market:S,outcome:C,side:P,version:(x?.version??0)+1})),a&&p&&d({params:{event:p,market:S,initialOutcome:C,chain:r}});},[a,p,r,d]),h=c?.market??m[0];if(u){let S=!!s;return a?jsxRuntime.jsx(Zt,{showBack:S}):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(Zt,{showBack:S})}),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(hi,{})})})]})}let v=c?`${c.market.slug}-${c.version}`:h?.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:l("common.back")})}),jsxRuntime.jsx(Hi,{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:[h&&jsxRuntime.jsx(br,{event:p,market:h,initialSide:c?.side,initialOutcome:c?.outcome,chain:r},v),p&&jsxRuntime.jsx(Ui,{eventSlug:e,source:p.source,onEventClick:o,onEventHover:i})]})]}),p&&jsxRuntime.jsx("div",{className:"flex w-full flex-col",children:jsxRuntime.jsx(mi,{event:p,walletAddress:n})}),jsxRuntime.jsx(yr,{})]})}function Vi(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Fp(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 sv=e=>{let{candlestickMarketSlugs:t,chartRange:r=hr,source:n}=e,o=reactPredict.usePredictClient(),i=react.useMemo(()=>Fp(r),[r]),{data:s,isLoading:l,error:a}=reactPredict.useEvent({slug:e.eventSlug,source:n}),d=react.useMemo(()=>{if(!s?.markets)return [];let f=new Set,g=s.markets.filter(v=>f.has(v.slug)?false:(f.add(v.slug),true));return (t&&t.length>0?t.slice(0,4).map(v=>g.find(S=>S.slug===v)).filter(v=>v!==void 0):[...g].sort((v,S)=>Vi(S)-Vi(v)).slice(0,4)).map(v=>v.slug)},[t,s?.markets]),p=reactQuery.useQueries({queries:d.map(f=>({queryKey:reactPredict.candlesticksQueryKey(f,i),queryFn:()=>o.listCandlesticks(f,i),enabled:d.length>0}))}),u=p.some(f=>f.isLoading),m=react.useMemo(()=>{let f=new Map;return d.forEach((g,h)=>{let v=p[h]?.error;v&&f.set(g,v);}),f},[d,p]),c=react.useMemo(()=>{let f=new Map;return d.forEach((g,h)=>{let v=p[h]?.data;v&&f.set(g,v);}),f},[d,p]);return {event:s,isEventLoading:l,eventError:a,candlestickParams:i,candlesticks:c,isCandlesticksLoading:u,candlestickErrors:m}};var zp=10,$p=utils$1.atomWithStorage("liberfi:predict_search_histories",[],void 0,{getOnInit:true});function Dr(){let[e,t]=jotai.useAtom($p),r=react.useCallback(o=>{let i=o.trim();i&&t(s=>{let l=s.filter(a=>a!==i);return [i,...l].slice(0,zp)});},[t]),n=react.useCallback(()=>{t([]);},[t]);return {histories:e,addHistory:r,clearHistories:n}}function qi({histories:e,onSelect:t,onClear:r,className:n}){let{t:o}=i18n.useTranslation();return e.length===0?null:jsxRuntime.jsxs("div",{className:ui.cn("px-4 pb-4",n),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:o("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(i=>jsxRuntime.jsx(ui.Chip,{size:"sm",variant:"bordered",className:ui.cn("text-neutral","border-border border-1","cursor-pointer","hover:opacity-hover"),onClick:()=>t?.(i),children:i},i))})]})}function Qi({onSelect:e,className:t}){let{histories:r,clearHistories:n}=Dr();return jsxRuntime.jsx(qi,{className:ui.cn(t),histories:r,onSelect:e,onClear:n})}function Xi({value:e,onValueChange:t,onClear:r,onEscape:n,className:o}){let{t:i}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:o,children:jsxRuntime.jsx(ui.StyledInput,{autoFocus:true,variant:"bordered",radius:"lg",value:e,onValueChange:t,placeholder:i("predict.search.placeholder"),classNames:{inputWrapper:["!bg-[rgba(39,39,42,0.6)]","!border-[rgba(63,63,70,0.5)]","data-[hover=true]:!bg-[rgba(39,39,42,1)]","group-data-[focus=true]:!bg-[rgba(39,39,42,1)]","group-data-[focus=true]:!border-[rgba(63,63,70,0.8)]"].join(" ")},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-[rgba(63,63,70,0.5)] rounded-lg cursor-pointer select-none",onMouseDown:s=>{s.preventDefault(),n?.();},children:"Esc"})})})}function su(e){return e==null?"-":e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${Math.round(e/1e3)}K`:`$${e.toFixed(0)}`}function Zi({event:e,href:t,LinkComponent:r,onSelect:n,onHover:o,className:i}){let{t:s}=i18n.useTranslation(),l=e.tags?.[0],a=Ye(e.source),d=react.useMemo(()=>su(e.volume),[e.volume]);return jsxRuntime.jsxs(ui.Linkable,{href:t,LinkComponent:r,className:ui.cn("group w-full h-full px-3 flex items-center gap-3","hover:cursor-pointer hover:bg-content2 rounded-lg","transition-colors duration-150",i),onClick:p=>{t&&n&&p.preventDefault(),n?.(e);},onMouseEnter:()=>o?.(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 flex-col justify-center gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"min-w-0 text-sm font-medium line-clamp-2 group-hover:text-primary transition-colors",children:e.title}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 shrink-0",style:{color:a.color},children:[a.icon,jsxRuntime.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase"},children:a.label})]}),jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),jsxRuntime.jsxs("span",{className:"text-neutral-400",children:[d," ",s("predict.event.volume")]}),l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral-500",children:l.label})]})]})]}),jsxRuntime.jsx(ui.ChevronRightIcon,{width:16,height:16,className:"shrink-0 text-neutral-500 opacity-0 group-hover:opacity-100 transition-opacity"})]})}function Ji({keyword:e="",limit:t,source:r}){let{data:n,isLoading:o,isFetchingNextPage:i,hasNextPage:s,fetchNextPage:l}=reactPredict.useSearchEvents({keyword:e,limit:t,source:r,sort_by:e?void 0:"volume",sort_asc:e?void 0:false},{enabled:true});return {events:react.useMemo(()=>n?.pages.flatMap(d=>d.items).filter(d=>d!=null)??[],[n]),isLoading:o,isFetchingNextPage:i,hasNextPage:s??false,fetchNextPage:l}}var hu=64;function ns({onSelect:e,getEventHref:t,LinkComponent:r,onHover:n,className:o,...i}){let{events:s,isLoading:l,isFetchingNextPage:a,hasNextPage:d,fetchNextPage:p}=Ji(i),u=react.useRef(null),{height:m}=hooks.useResizeObserver({ref:u}),c=react.useCallback(v=>v<s.length,[s]),f=react.useCallback(async()=>{d&&!a&&await p();},[d,a,p]),g=react.useMemo(()=>d?s.length+1:s.length,[s,d]),h=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:c,loadMoreRows:f,rowCount:g,threshold:5});return l?jsxRuntime.jsx(xu,{className:o}):s.length===0?jsxRuntime.jsx(bu,{className:o}):jsxRuntime.jsx("div",{className:ui.cn("w-full h-full flex flex-col",o),children:jsxRuntime.jsx("div",{className:"flex-auto min-h-0",ref:u,children:jsxRuntime.jsx(reactWindow.List,{className:"no-scrollbar",style:{height:m},onRowsRendered:h,rowComponent:vu,rowCount:g,rowHeight:hu,rowProps:{events:s,onSelect:e,getEventHref:t,LinkComponent:r,onHover:n},overscanCount:5})})})}function vu({index:e,style:t,events:r,onSelect:n,getEventHref:o,LinkComponent:i,onHover:s}){let l=r[e];return l?jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx(Zi,{event:l,href:o?.(l),LinkComponent:i,onSelect:n,onHover:s})}):jsxRuntime.jsx("div",{style:t,className:"flex items-center justify-center",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})}function xu({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 bu({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 as({onKeywordChange:e}){let[t,r]=react.useState(""),[n,o]=react.useState(""),{addHistory:i}=Dr(),s=hooks.useCallbackRef(e),l=hooks.useCallbackRef(i),a=react.useMemo(()=>utils.debounce(m=>{o(m),s(m),m&&l(m);},500),[s,l]),d=react.useCallback(m=>{r(m),a(m);},[a]),p=react.useCallback(m=>{a.cancel(),r(m),o(m),s(m),m&&l(m);},[a,s,l]),u=react.useCallback(()=>p(""),[p]);return {text:t,keyword:n,setText:d,setKeyword:p,clearKeyword:u}}function ls({onKeywordChange:e,onSelectEvent:t,getEventHref:r,LinkComponent:n,onHover:o,onEscape:i,source:s}){let{text:l,keyword:a,setText:d,setKeyword:p,clearKeyword:u}=as({onKeywordChange:e});return jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col gap-3",children:[jsxRuntime.jsx(Xi,{value:l,onValueChange:d,onClear:u,onEscape:i}),!a&&jsxRuntime.jsx(Qi,{onSelect:p}),jsxRuntime.jsx(ns,{className:"flex-auto min-h-0",keyword:a,onSelect:t,getEventHref:r,LinkComponent:n,onHover:o,source:s})]})}var Rn="predict-search";function Mx({id:e=Rn}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Ru,{...t})})}function Ru({params:e,isOpen:t,onOpenChange:r,onResult:n}){let{t:o}=i18n.useTranslation(),{isMobile:i}=ui.useScreen(),s=react.useCallback(a=>{n(a);},[n]),l=react.useCallback(()=>{r(false);},[r]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:i?"full":"lg",hideCloseButton:true,backdrop:"blur",radius:"lg",children:jsxRuntime.jsxs(ui.ModalContent,{className:"w-full h-full",style:{borderRadius:i?void 0:14,border:i?void 0:"1px solid rgba(39,39,42,1)",background:"rgba(24,24,27,1)",boxShadow:i?void 0:"0 25px 50px -12px rgba(0,0,0,0.5)",overflow:"hidden"},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:o("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(ls,{getEventHref:e?.getEventHref,LinkComponent:e?.LinkComponent,onHover:e?.onHover,source:e?.source,onSelectEvent:s,onEscape:l})})]})})}function Ax({onSelectEvent:e,modalParams:t,className:r}){let{t:n}=i18n.useTranslation(),{isDesktop:o,isMobile:i}=ui.useScreen(),{onOpen:s,onClose:l}=uiScaffold.useAsyncModal(Rn),a=hooks.useCallbackRef(e),d=hooks.useCallbackRef(async()=>{let u=await s({params:t});u&&a(u);}),p=hooks.useCallbackRef(()=>{l();});return react.useEffect(()=>{let u=m=>{let c=document.activeElement,f=!!c&&(c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.getAttribute("contenteditable")==="true");m.key==="/"&&!f&&(m.preventDefault(),d()),m.key==="Escape"&&(m.preventDefault(),p());};return window.addEventListener("keydown",u),()=>{window.removeEventListener("keydown",u);}},[d,p]),jsxRuntime.jsx(ui.Button,{size:"sm",radius:"full",isIconOnly:!o,onPress:d,variant:i?"flat":"bordered",startContent:o?jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"}):void 0,endContent:o?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(o&&"min-w-56 justify-start pl-3 pr-1.5 text-neutral",r),children:o?n("predict.search.placeholder"):jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"})})}var On=[{value:"spread",labelKey:"predict.matches.sort.spread",descKey:"predict.matches.sort.spreadDesc",icon:"trending-up"},{value:"volume",labelKey:"predict.matches.sort.volume",descKey:"predict.matches.sort.volumeDesc",icon:"chart-column"},{value:"confidence",labelKey:"predict.matches.sort.confidence",descKey:"predict.matches.sort.confidenceDesc",icon:"flame"}],vs=[{labelKey:"predict.matches.filter.noMinimum",label:"$0",value:0},{labelKey:null,label:"$100+",value:100},{labelKey:null,label:"$500+",value:500},{labelKey:null,label:"$1K+",value:1e3},{labelKey:null,label:"$5K+",value:5e3},{labelKey:null,label:"$10K+",value:1e4},{labelKey:null,label:"$50K+",value:5e4},{labelKey:null,label:"$100K+",value:1e5}],fs={display:"inline-flex",alignItems:"center",gap:8,borderRadius:10,border:"1px solid rgba(63,63,70,0.5)",background:"rgba(39,39,42,0.6)",padding:"8px 12px",fontSize:14,color:"#d4d4d8",cursor:"pointer",transition:"all 0.15s"},gs={position:"absolute",right:0,top:"100%",zIndex:20,marginTop:8,borderRadius:14,border:"1px solid rgba(39,39,42,1)",background:"rgba(24,24,27,1)",boxShadow:"0 25px 50px -12px rgba(0,0,0,0.5)",overflow:"hidden"};function Wu(e,t){if(!e)return "$5K+";let r=vs.find(n=>n.value===e);return r?r.labelKey?t(r.labelKey):r.label:`$${e}`}function xs({sortBy:e,onSortChange:t,sortAsc:r,onSortAscChange:n,minVolume:o,onMinVolumeChange:i,onRefresh:s}){let{t:l}=i18n.useTranslation(),[a,d]=react.useState(false),[p,u]=react.useState(false),[m,c]=react.useState(false),[f,g]=react.useState(false),h=react.useRef(null),v=react.useRef(null),S=On.find(x=>x.value===e)??On[0],C=react.useCallback(x=>{h.current&&!h.current.contains(x.target)&&d(false),v.current&&!v.current.contains(x.target)&&u(false);},[]);react.useEffect(()=>(document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)),[C]);let P=react.useCallback(()=>{s?.(),g(true),setTimeout(()=>g(false),700);},[s]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
89
|
+
`):p.description??"";if(!u)return null;let m=u.length>200&&!n?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.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:_r(p)})}),jsxRuntime.jsx(ui.DropdownMenu,{"aria-label":"Select market rules",selectionMode:"single",selectedKeys:[String(l)],onAction:c=>{a(Number(c)),o(false);},classNames:{list:"gap-1"},itemClasses:{base:"rounded-md px-3 h-8"},children:d.map((c,f)=>jsxRuntime.jsx(ui.DropdownItem,{className:ui.cn(f===l?"bg-content2 text-foreground":"text-neutral","data-[hover=true]:bg-content2 data-[hover=true]:text-foreground"),children:_r(c)},String(f)))})]})]}),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:()=>o(c=>!c),className:"text-xs text-neutral hover:text-foreground cursor-pointer transition-colors self-start",children:r(n?"predict.event.rules.collapse":"predict.event.showMore")}),jsxRuntime.jsxs("button",{type:"button",onClick:()=>s(c=>!c),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",i&&"rotate-180")})]}),i&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex flex-col",children:(()=>{let c=p.status,f=[];return p.created_at&&f.push({label:r("predict.event.timeline.created"),value:er(p.created_at),isActive:true}),f.push({label:r("predict.event.timeline.open"),value:er(p.start_at),isActive:c!=="pending"}),c==="voided"?f.push({label:r("predict.event.timeline.voided"),value:er(p.closed_at??p.end_at),isActive:true}):c==="closed"?f.push({label:r("predict.event.timeline.closed"),value:er(p.closed_at??p.end_at),isActive:true}):f.push({label:r("predict.event.timeline.close"),value:er(p.end_at),isActive:false}),f})().map((c,f,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 ${c.isActive?"border-primary bg-primary":"border-border bg-transparent"}`}),f<g.length-1&&jsxRuntime.jsx("div",{className:"w-px flex-1 bg-border"})]}),jsxRuntime.jsxs("div",{className:`flex flex-col ${f<g.length-1?"pb-4":""}`,children:[jsxRuntime.jsx("span",{className:"text-xs font-medium text-foreground lg:text-sm",children:c.label}),jsxRuntime.jsx("span",{className:"text-xs text-neutral lg:text-sm",children:c.value})]})]},c.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:p.slug})]}),jsxRuntime.jsxs("span",{children:[jsxRuntime.jsxs("span",{className:"text-neutral",children:[r("predict.event.id.source"),":"]})," ",jsxRuntime.jsx("span",{className:"text-foreground",children:op(p.source)})]})]})]})]})}function lp({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 Hi({eventSlug:e,source:t,onTradeAction:r}){let{data:n,isLoading:o,error:i}=reactPredict.useEvent({slug:e,source:t});return o?jsxRuntime.jsx(Zt,{}):i||!n?jsxRuntime.jsx("div",{className:"flex w-full items-center justify-center py-20 text-danger",children:i?.message||"Event not found"}):jsxRuntime.jsx(Bi,{event:n,onTradeAction:r})}var mp={kalshi:{label:"KALSHI",color:"#00d492",bgColor:"rgba(0, 212, 146, 0.12)",icon:jsxRuntime.jsx(ui.KalshiIcon,{className:"w-3.5 h-3.5 shrink-0"})},polymarket:{label:"POLYMARKET",color:"#50a2ff",bgColor:"rgba(43, 127, 255, 0.12)",icon:jsxRuntime.jsx(ui.PolymarketIcon,{className:"w-3.5 h-3.5 shrink-0"})},dflow:{label:"DFLOW",color:"rgb(16, 185, 129)",bgColor:"rgba(16, 185, 129, 0.12)",icon:null}},fp={label:"Unknown",color:"rgb(156, 163, 175)",bgColor:"rgba(156, 163, 175, 0.12)",icon:null};function Ye(e){return mp[e]??fp}function Rh({source:e,className:t}){let r=Ye(e);return jsxRuntime.jsxs("span",{className:ui.cn("inline-flex items-center gap-x-1 rounded-md px-1.5 py-0.5 text-xs font-medium",t),style:{backgroundColor:r.bgColor,color:r.color},children:[r.icon,r.label]})}var $i="rgba(39,39,42,0.6)",yp="rgba(63,63,70,0.8)";function kp(e){return e==null?"-":e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${Math.round(e/1e3)}K`:`$${e.toFixed(0)}`}function Ui({eventSlug:e,source:t,limit:r=4,onEventClick:n,onEventHover:o}){let{t:i}=i18n.useTranslation(),{data:s,isLoading:l}=reactPredict.useSimilarEvents({slug:e,source:t,limit:r});return l||!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",{style:{color:"#f4f4f5",fontSize:14,fontWeight:600},children:i("predict.similar.title")}),jsxRuntime.jsx("div",{className:"grid grid-cols-1 gap-2",children:s.map(a=>jsxRuntime.jsx(Sp,{event:a,onClick:n,onHover:o},`${a.source}-${a.slug}`))})]})}function Sp({event:e,onClick:t,onHover:r}){let{t:n}=i18n.useTranslation(),o=Ye(e.source),i=react.useMemo(()=>kp(e.volume),[e.volume]),s=e.tags?.[0];return jsxRuntime.jsxs("button",{type:"button",onClick:()=>t?.(e),onMouseEnter:l=>{l.currentTarget.style.borderColor=yp,r?.(e);},onMouseLeave:l=>{l.currentTarget.style.borderColor=$i;},style:{display:"flex",alignItems:"center",gap:10,padding:"10px 12px",borderRadius:14,border:`1px solid ${$i}`,background:"rgba(24,24,27,0.4)",cursor:"pointer",textAlign:"left",width:"100%",transition:"border-color 0.2s"},className:"group",children:[jsxRuntime.jsx(ui.Avatar,{src:e.image_url||void 0,name:e.title?.[0]||"?",radius:"full",className:"size-9 shrink-0 bg-transparent",imgProps:{className:"object-cover"}}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,gap:2},children:[jsxRuntime.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#f4f4f5",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"#71717a"},children:[jsxRuntime.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:3,color:o.color,flexShrink:0},children:[o.icon,jsxRuntime.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase"},children:o.label})]}),jsxRuntime.jsx("span",{style:{color:"#52525b"},children:"\xB7"}),jsxRuntime.jsxs("span",{style:{color:"#a1a1aa"},children:[i," ",n("predict.event.volume")]}),s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{style:{color:"#52525b"},children:"\xB7"}),jsxRuntime.jsx("span",{style:{color:"#71717a"},children:s.label})]})]})]}),jsxRuntime.jsx(ui.ChevronRightIcon,{width:14,height:14,className:"shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",style:{color:"#71717a"}})]})}function Ki(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Jh({eventSlug:e,source:t,chain:r,walletAddress:n,onSimilarEventClick:o,onSimilarEventHover:i,onBack:s}){let{t:l}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),{onOpen:d}=uiScaffold.useAsyncModal(Kt),{data:p,isLoading:u}=reactPredict.useEvent({slug:e,source:t}),m=react.useMemo(()=>[...p?.markets||[]].sort((S,C)=>Ki(C)-Ki(S)),[p?.markets]),[c,f]=react.useState(null),g=react.useCallback((S,C,P)=>{f(x=>({market:S,outcome:C,side:P,version:(x?.version??0)+1})),a&&p&&d({params:{event:p,market:S,initialOutcome:C,chain:r}});},[a,p,r,d]),h=c?.market??m[0];if(u){let S=!!s;return a?jsxRuntime.jsx(Zt,{showBack:S}):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(Zt,{showBack:S})}),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(hi,{})})})]})}let v=c?`${c.market.slug}-${c.version}`:h?.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:l("common.back")})}),jsxRuntime.jsx(Hi,{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:[h&&jsxRuntime.jsx(br,{event:p,market:h,initialSide:c?.side,initialOutcome:c?.outcome,chain:r},v),p&&jsxRuntime.jsx(Ui,{eventSlug:e,source:p.source,onEventClick:o,onEventHover:i})]})]}),p&&jsxRuntime.jsx("div",{className:"flex w-full flex-col",children:jsxRuntime.jsx(mi,{event:p,walletAddress:n})}),jsxRuntime.jsx(yr,{})]})}function Vi(e){return e.outcomes[0]?.best_ask??e.outcomes[0]?.price??0}function Fp(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 sv=e=>{let{candlestickMarketSlugs:t,chartRange:r=hr,source:n}=e,o=reactPredict.usePredictClient(),i=react.useMemo(()=>Fp(r),[r]),{data:s,isLoading:l,error:a}=reactPredict.useEvent({slug:e.eventSlug,source:n}),d=react.useMemo(()=>{if(!s?.markets)return [];let f=new Set,g=s.markets.filter(v=>f.has(v.slug)?false:(f.add(v.slug),true));return (t&&t.length>0?t.slice(0,4).map(v=>g.find(S=>S.slug===v)).filter(v=>v!==void 0):[...g].sort((v,S)=>Vi(S)-Vi(v)).slice(0,4)).map(v=>v.slug)},[t,s?.markets]),p=reactQuery.useQueries({queries:d.map(f=>({queryKey:reactPredict.candlesticksQueryKey(f,i),queryFn:()=>o.listCandlesticks(f,i),enabled:d.length>0}))}),u=p.some(f=>f.isLoading),m=react.useMemo(()=>{let f=new Map;return d.forEach((g,h)=>{let v=p[h]?.error;v&&f.set(g,v);}),f},[d,p]),c=react.useMemo(()=>{let f=new Map;return d.forEach((g,h)=>{let v=p[h]?.data;v&&f.set(g,v);}),f},[d,p]);return {event:s,isEventLoading:l,eventError:a,candlestickParams:i,candlesticks:c,isCandlesticksLoading:u,candlestickErrors:m}};var zp=10,$p=utils$1.atomWithStorage("liberfi:predict_search_histories",[],void 0,{getOnInit:true});function Dr(){let[e,t]=jotai.useAtom($p),r=react.useCallback(o=>{let i=o.trim();i&&t(s=>{let l=s.filter(a=>a!==i);return [i,...l].slice(0,zp)});},[t]),n=react.useCallback(()=>{t([]);},[t]);return {histories:e,addHistory:r,clearHistories:n}}function qi({histories:e,onSelect:t,onClear:r,className:n}){let{t:o}=i18n.useTranslation();return e.length===0?null:jsxRuntime.jsxs("div",{className:ui.cn("px-4 pb-4",n),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:o("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(i=>jsxRuntime.jsx(ui.Chip,{size:"sm",variant:"bordered",className:ui.cn("text-neutral","border-border border-1","cursor-pointer","hover:opacity-hover"),onClick:()=>t?.(i),children:i},i))})]})}function Qi({onSelect:e,className:t}){let{histories:r,clearHistories:n}=Dr();return jsxRuntime.jsx(qi,{className:ui.cn(t),histories:r,onSelect:e,onClear:n})}function Xi({value:e,onValueChange:t,onClear:r,onEscape:n,className:o}){let{t:i}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:o,children:jsxRuntime.jsx(ui.StyledInput,{autoFocus:true,variant:"bordered",radius:"lg",value:e,onValueChange:t,placeholder:i("predict.search.placeholder"),classNames:{inputWrapper:["!bg-[rgba(39,39,42,0.6)]","!border-[rgba(63,63,70,0.5)]","data-[hover=true]:!bg-[rgba(39,39,42,1)]","group-data-[focus=true]:!bg-[rgba(39,39,42,1)]","group-data-[focus=true]:!border-[rgba(63,63,70,0.8)]"].join(" ")},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-[rgba(63,63,70,0.5)] rounded-lg cursor-pointer select-none",onMouseDown:s=>{s.preventDefault(),n?.();},children:"Esc"})})})}function su(e){return e==null?"-":e>=1e6?`$${(e/1e6).toFixed(1)}M`:e>=1e3?`$${Math.round(e/1e3)}K`:`$${e.toFixed(0)}`}function Zi({event:e,href:t,LinkComponent:r,onSelect:n,onHover:o,className:i}){let{t:s}=i18n.useTranslation(),l=e.tags?.[0],a=Ye(e.source),d=react.useMemo(()=>su(e.volume),[e.volume]);return jsxRuntime.jsxs(ui.Linkable,{href:t,LinkComponent:r,className:ui.cn("group w-full h-full px-3 flex items-center gap-3","hover:cursor-pointer hover:bg-content2 rounded-lg","transition-colors duration-150",i),onClick:p=>{t&&n&&p.preventDefault(),n?.(e);},onMouseEnter:()=>o?.(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 flex-col justify-center gap-y-0.5",children:[jsxRuntime.jsx("span",{className:"min-w-0 text-sm font-medium line-clamp-2 group-hover:text-primary transition-colors",children:e.title}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 text-[10px] font-normal text-neutral-500 lg:text-xs",children:[jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-x-1 shrink-0",style:{color:a.color},children:[a.icon,jsxRuntime.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase"},children:a.label})]}),jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),jsxRuntime.jsxs("span",{className:"text-neutral-400",children:[d," ",s("predict.event.volume")]}),l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{className:"text-neutral-600",children:"\xB7"}),jsxRuntime.jsx("span",{className:"text-neutral-500",children:l.label})]})]})]}),jsxRuntime.jsx(ui.ChevronRightIcon,{width:16,height:16,className:"shrink-0 text-neutral-500 opacity-0 group-hover:opacity-100 transition-opacity"})]})}function Ji({keyword:e="",limit:t,source:r}){let{data:n,isLoading:o,isFetchingNextPage:i,hasNextPage:s,fetchNextPage:l}=reactPredict.useSearchEvents({keyword:e,limit:t,source:r,sort_by:e?void 0:"volume",sort_asc:e?void 0:false},{enabled:true});return {events:react.useMemo(()=>n?.pages.flatMap(d=>d.items).filter(d=>d!=null)??[],[n]),isLoading:o,isFetchingNextPage:i,hasNextPage:s??false,fetchNextPage:l}}var hu=64;function ns({onSelect:e,getEventHref:t,LinkComponent:r,onHover:n,className:o,...i}){let{events:s,isLoading:l,isFetchingNextPage:a,hasNextPage:d,fetchNextPage:p}=Ji(i),u=react.useRef(null),{height:m}=hooks.useResizeObserver({ref:u}),c=react.useCallback(v=>v<s.length,[s]),f=react.useCallback(async()=>{d&&!a&&await p();},[d,a,p]),g=react.useMemo(()=>d?s.length+1:s.length,[s,d]),h=reactWindowInfiniteLoader.useInfiniteLoader({isRowLoaded:c,loadMoreRows:f,rowCount:g,threshold:5});return l?jsxRuntime.jsx(xu,{className:o}):s.length===0?jsxRuntime.jsx(bu,{className:o}):jsxRuntime.jsx("div",{className:ui.cn("w-full h-full flex flex-col",o),children:jsxRuntime.jsx("div",{className:"flex-auto min-h-0",ref:u,children:jsxRuntime.jsx(reactWindow.List,{className:"no-scrollbar",style:{height:m},onRowsRendered:h,rowComponent:vu,rowCount:g,rowHeight:hu,rowProps:{events:s,onSelect:e,getEventHref:t,LinkComponent:r,onHover:n},overscanCount:5})})})}function vu({index:e,style:t,events:r,onSelect:n,getEventHref:o,LinkComponent:i,onHover:s}){let l=r[e];return l?jsxRuntime.jsx("div",{style:t,children:jsxRuntime.jsx(Zi,{event:l,href:o?.(l),LinkComponent:i,onSelect:n,onHover:s})}):jsxRuntime.jsx("div",{style:t,className:"flex items-center justify-center",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})}function xu({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 bu({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 as({onKeywordChange:e}){let[t,r]=react.useState(""),[n,o]=react.useState(""),{addHistory:i}=Dr(),s=hooks.useCallbackRef(e),l=hooks.useCallbackRef(i),a=react.useMemo(()=>utils.debounce(m=>{o(m),s(m),m&&l(m);},500),[s,l]),d=react.useCallback(m=>{r(m),a(m);},[a]),p=react.useCallback(m=>{a.cancel(),r(m),o(m),s(m),m&&l(m);},[a,s,l]),u=react.useCallback(()=>p(""),[p]);return {text:t,keyword:n,setText:d,setKeyword:p,clearKeyword:u}}function ls({onKeywordChange:e,onSelectEvent:t,getEventHref:r,LinkComponent:n,onHover:o,onEscape:i,source:s}){let{text:l,keyword:a,setText:d,setKeyword:p,clearKeyword:u}=as({onKeywordChange:e});return jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col gap-3",children:[jsxRuntime.jsx(Xi,{value:l,onValueChange:d,onClear:u,onEscape:i}),!a&&jsxRuntime.jsx(Qi,{onSelect:p}),jsxRuntime.jsx(ns,{className:"flex-auto min-h-0",keyword:a,onSelect:t,getEventHref:r,LinkComponent:n,onHover:o,source:s})]})}var Rn="predict-search";function Mx({id:e=Rn}){return jsxRuntime.jsx(uiScaffold.AsyncModal,{id:e,children:t=>jsxRuntime.jsx(Ru,{...t})})}function Ru({params:e,isOpen:t,onOpenChange:r,onResult:n}){let{t:o}=i18n.useTranslation(),{isMobile:i}=ui.useScreen(),s=react.useCallback(a=>{n(a);},[n]),l=react.useCallback(()=>{r(false);},[r]);return jsxRuntime.jsx(ui.StyledModal,{isOpen:t,onOpenChange:r,size:i?"full":"lg",hideCloseButton:true,backdrop:"blur",radius:"lg",children:jsxRuntime.jsxs(ui.ModalContent,{className:"w-full h-full",style:{borderRadius:i?void 0:14,border:i?void 0:"1px solid rgba(39,39,42,1)",background:"rgba(24,24,27,1)",boxShadow:i?void 0:"0 25px 50px -12px rgba(0,0,0,0.5)",overflow:"hidden"},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:o("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(ls,{getEventHref:e?.getEventHref,LinkComponent:e?.LinkComponent,onHover:e?.onHover,source:e?.source,onSelectEvent:s,onEscape:l})})]})})}function Ax({onSelectEvent:e,modalParams:t,className:r}){let{t:n}=i18n.useTranslation(),{isDesktop:o,isMobile:i}=ui.useScreen(),{onOpen:s,onClose:l}=uiScaffold.useAsyncModal(Rn),a=hooks.useCallbackRef(e),d=hooks.useCallbackRef(async()=>{let u=await s({params:t});u&&a(u);}),p=hooks.useCallbackRef(()=>{l();});return react.useEffect(()=>{let u=m=>{let c=document.activeElement,f=!!c&&(c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.getAttribute("contenteditable")==="true");m.key==="/"&&!f&&(m.preventDefault(),d()),m.key==="Escape"&&(m.preventDefault(),p());};return window.addEventListener("keydown",u),()=>{window.removeEventListener("keydown",u);}},[d,p]),jsxRuntime.jsx(ui.Button,{size:"sm",radius:"full",isIconOnly:!o,onPress:d,variant:i?"flat":"bordered",startContent:o?jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"}):void 0,endContent:o?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(o&&"min-w-56 justify-start pl-3 pr-1.5 text-neutral",r),children:o?n("predict.search.placeholder"):jsxRuntime.jsx(ui.SearchIcon,{className:"text-neutral"})})}var On=[{value:"spread",labelKey:"predict.matches.sort.spread",descKey:"predict.matches.sort.spreadDesc",icon:"trending-up"},{value:"volume",labelKey:"predict.matches.sort.volume",descKey:"predict.matches.sort.volumeDesc",icon:"chart-column"},{value:"confidence",labelKey:"predict.matches.sort.confidence",descKey:"predict.matches.sort.confidenceDesc",icon:"flame"}],vs=[{labelKey:"predict.matches.filter.noMinimum",label:"$0",value:0},{labelKey:null,label:"$100+",value:100},{labelKey:null,label:"$500+",value:500},{labelKey:null,label:"$1K+",value:1e3},{labelKey:null,label:"$5K+",value:5e3},{labelKey:null,label:"$10K+",value:1e4},{labelKey:null,label:"$50K+",value:5e4},{labelKey:null,label:"$100K+",value:1e5}],fs={display:"inline-flex",alignItems:"center",gap:8,borderRadius:10,border:"1px solid rgba(63,63,70,0.5)",background:"rgba(39,39,42,0.6)",padding:"8px 12px",fontSize:14,color:"#d4d4d8",cursor:"pointer",transition:"all 0.15s"},gs={position:"absolute",right:0,top:"100%",zIndex:20,marginTop:8,borderRadius:14,border:"1px solid rgba(39,39,42,1)",background:"rgba(24,24,27,1)",boxShadow:"0 25px 50px -12px rgba(0,0,0,0.5)",overflow:"hidden"};function Wu(e,t){if(!e)return "$5K+";let r=vs.find(n=>n.value===e);return r?r.labelKey?t(r.labelKey):r.label:`$${e}`}function xs({sortBy:e,onSortChange:t,sortAsc:r,onSortAscChange:n,minVolume:o,onMinVolumeChange:i,onRefresh:s}){let{t:l}=i18n.useTranslation(),[a,d]=react.useState(false),[p,u]=react.useState(false),[m,c]=react.useState(false),[f,g]=react.useState(false),h=react.useRef(null),v=react.useRef(null),S=On.find(x=>x.value===e)??On[0],C=react.useCallback(x=>{h.current&&!h.current.contains(x.target)&&d(false),v.current&&!v.current.contains(x.target)&&u(false);},[]);react.useEffect(()=>(document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)),[C]);let P=react.useCallback(()=>{s?.(),g(true),setTimeout(()=>g(false),700);},[s]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
90
90
|
@keyframes matchRefreshSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
|
91
91
|
.match-refresh-spin{animation:matchRefreshSpin .6s ease-in-out}
|
|
92
92
|
.match-btn:focus-visible{outline:2px solid #c7ff2e;outline-offset:2px;z-index:10}
|