@orderly.network/trading-leaderboard 2.3.1 → 2.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +12 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -8
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +9 -10
package/dist/index.js
CHANGED
|
@@ -4,7 +4,7 @@ var react = require('react');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var ui = require('@orderly.network/ui');
|
|
6
6
|
var i18n = require('@orderly.network/i18n');
|
|
7
|
-
var
|
|
7
|
+
var ri = require('embla-carousel-react');
|
|
8
8
|
var hooks = require('@orderly.network/hooks');
|
|
9
9
|
var types = require('@orderly.network/types');
|
|
10
10
|
var dateFns = require('date-fns');
|
|
@@ -12,34 +12,34 @@ var ramda = require('ramda');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var ri__default = /*#__PURE__*/_interopDefault(ri);
|
|
16
16
|
|
|
17
|
-
var cr=react.createContext({}),mr=e=>jsxRuntime.jsx(cr.Provider,{value:{campaigns:e.campaigns,href:e.href,backgroundSrc:e.backgroundSrc},children:e.children}),gr=()=>react.useContext(cr);var We=25,Tt=6,br=e=>e.currentCampaigns.length===0?null:jsxRuntime.jsxs(ui.Box,{width:"100%",intensity:900,p:3,className:ui.cn("oui-mobile-trading-leaderboard-campaigns oui-rounded-[20px]",e.className),style:e.style,children:[jsxRuntime.jsx(ja,{...e}),jsxRuntime.jsx(ui.Box,{r:"xl",mt:3,ref:e.enableScroll?e.emblaRef:void 0,className:ui.cn("oui-w-full oui-min-w-0 oui-overflow-hidden","oui-select-none oui-cursor-pointer"),children:jsxRuntime.jsx(ui.Flex,{children:e.currentCampaigns.map(t=>jsxRuntime.jsx(Ya,{campaign:t},t.title))})}),e.enableScroll&&jsxRuntime.jsx(Ja,{style:{width:We*e.currentCampaigns.length},list:e.currentCampaigns,scrollIndex:e.scrollIndex,scrollTo:e.emblaApi?.scrollTo})]}),ja=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:t("tradingLeaderboard.campaigns")}),jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.category,onValueChange:e.onCategoryChange,options:e.options,classNames:{trigger:"oui-w-[--radix-select-content-available-width]"}})]})},Ya=({campaign:e})=>{let{title:t,description:a,image:r,displayTime:i,learnMoreUrl:o,tradingUrl:n}=e,{t:s}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{intensity:800,r:"xl",className:"oui-flex-[0_0_100%]",children:[jsxRuntime.jsx("img",{className:"oui-w-full oui-h-[calc((100vw-48px)/2)] oui-rounded-t-xl oui-object-fill",src:r,alt:t}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",justify:"between",direction:"column",height:"100%",p:4,gapY:3,className:"oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsx(ui.Text,{size:"sm",children:t}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:i}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:a})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gapX:3,children:[jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"secondary",fullWidth:true,size:"md",onClick:()=>{window.open(o,"_blank");},children:s("tradingLeaderboard.learnMore")}),jsxRuntime.jsx(ui.Button,{size:"md",fullWidth:true,onClick:()=>{window.open(n,"_self");},children:s("tradingLeaderboard.tradeNow")})]})]})]})},Ja=e=>{let{style:t,scrollIndex:a,list:r}=e;return jsxRuntime.jsxs(ui.Flex,{mt:3,r:"full",height:Tt,className:ui.cn("oui-bg-line oui-mx-auto oui-relative"),style:e.style,children:[r.map((i,o)=>jsxRuntime.jsx(ui.Box,{width:We,height:Tt,onClick:()=>{e.scrollTo?.(o);},r:"full",className:"oui-cursor-pointer"},o)),jsxRuntime.jsx(ui.Box,{width:We,height:Tt,r:"full",className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-transition-all oui-duration-300","oui-bg-primary"),style:{transform:`translateX(${a*We}px)`}})]})};var J=e=>({from:dateFns.subDays(new Date,e-1),to:new Date}),z=e=>dateFns.format(e,"yyyy-MM-dd");function ei(e){let t=e.getUTCFullYear(),a=e.getUTCMonth(),r=e.getUTCDate(),i=String(e.getUTCHours()).padStart(2,"0"),o=String(e.getUTCMinutes()).padStart(2,"0");return {year:t,month:a,day:r,hours:i,minutes:o}}function kt(e){let t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];typeof e=="string"&&(e=new Date(e));let{year:a,month:r,day:i,hours:o,minutes:n}=ei(e);return `${t[r]} ${i}, ${a} ${o}:${n}`}function Cr(e){let t=new Date(e);try{return dateFns.format(t,"yyyy-MM-dd HH:mm 'UTC'")}catch{return ""}}function Nt(){let{t:e}=i18n.useTranslation(),{campaigns:t=[],href:a}=gr(),[r,i]=react.useState("ongoing"),{track:o,tracking:n}=hooks.useTrack(),s=react.useMemo(()=>{let g=new Date;return t.reduce((p,y)=>{let _=new Date(y.startTime),F=new Date(y.endTime);return g>=_&&g<=F?p.ongoing.push(y):g>F?p.past.push(y):p.future.push(y),p},{ongoing:[],past:[],future:[]})},[t]),u=react.useMemo(()=>[{label:e("tradingLeaderboard.ongoing"),value:"ongoing"},{label:e("tradingLeaderboard.future"),value:"future"},{label:e("tradingLeaderboard.past"),value:"past"}].filter(p=>s[p.value].length>0),[s,e]),d=react.useMemo(()=>s[r].map(p=>{let{startTime:y,endTime:_}=p,F,U=a?.trading;return typeof p.href=="object"?(F=p.href.learnMore,U=p.href.trading):F=p.href,{...p,displayTime:`${kt(y)} - ${kt(_)} UTC`,learnMoreUrl:F,tradingUrl:U}}),[s,r,a]);react.useEffect(()=>{let p=["ongoing","future","past"].find(y=>s[y].length>0);p&&i(p);},[s]);let l=g=>{i(g);},[c,m]=react.useState(0),[x,S]=ti__default.default({loop:false,slidesToScroll:"auto"});react.useEffect(()=>{S?.on("select",()=>{m(S?.selectedScrollSnap());});},[S]);let C=g=>{o(types.TrackerEventName.leaderboardCampaignClickLearnMore,{campaign_title:g.title}),window.open(g.learnMoreUrl,"_blank");},T=g=>{n(types.TrackerEventName.leaderboardCampaignClickTradeNow,{campaign_title:g.title}),window.open(g.tradingUrl,"_self");};return {options:u,currentCampaigns:d,category:r,onCategoryChange:l,tradingUrl:a?.trading,emblaRef:x,emblaApi:S,scrollIndex:c,enableScroll:d?.length>1,onLearnMore:C,onTradeNow:T}}var Lt=e=>e.currentCampaigns.length===0?null:jsxRuntime.jsxs(ui.Box,{width:"100%",intensity:900,p:5,pr:2,height:288,className:ui.cn("oui-trading-leaderboard-campaigns oui-rounded-[20px]",e.className),style:e.style,children:[jsxRuntime.jsx(oi,{...e}),jsxRuntime.jsx(ui.Box,{mt:5,r:"xl",className:ui.cn("oui-overflow-y-auto","oui-custom-scrollbar"),children:jsxRuntime.jsx(ui.Flex,{gapY:5,height:200,direction:"column",r:"xl",className:"oui-pr-1.5",children:e.currentCampaigns.map(t=>jsxRuntime.jsx(ni,{campaign:t,onLearnMore:e.onLearnMore,onTradeNow:e.onTradeNow},t.title))})})]}),oi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",pr:3,children:[jsxRuntime.jsx(ui.Text,{size:"xl",children:t("tradingLeaderboard.campaigns")}),jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.category,onValueChange:e.onCategoryChange,options:e.options,classNames:{trigger:"oui-w-[--radix-select-content-available-width]"}})]})},ni=({campaign:e,onLearnMore:t,onTradeNow:a})=>{let{title:r,description:i,image:o,displayTime:n}=e,{t:s}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{intensity:800,r:"xl",width:"100%",children:[jsxRuntime.jsx("img",{className:"oui-h-[200px] oui-w-[400px] oui-rounded-l-xl oui-object-fill",src:o,alt:r}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",justify:"between",direction:"column",height:"100%",p:5,className:"oui-flex-1 oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{gap:1,direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xl",children:r}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:36,children:i})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:n}),jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"secondary",size:"md",onClick:()=>{t(e);},children:s("tradingLeaderboard.learnMore")}),jsxRuntime.jsx(ui.Button,{size:"md",onClick:()=>{a(e);},children:s("tradingLeaderboard.tradeNow")})]})]})]})]})};var Re=e=>{let t=Nt(),{isMobile:a}=ui.useScreen();return a?jsxRuntime.jsx(br,{...t,className:e.className,style:e.style}):jsxRuntime.jsx(Lt,{...t,className:e.className,style:e.style})};function xe(e,t){let a=react.useRef(),r=react.useRef(t);r.current=t,react.useEffect(()=>{let i={root:null,rootMargin:"0px",threshold:0},o=n=>{n.forEach(s=>{s.isIntersecting&&r.current?.();});};return a.current=new IntersectionObserver(o,i),()=>{a.current?.disconnect();}},[]),react.useEffect(()=>{e.current&&a.current?.observe(e.current);},[e.current]);}var Pr=[7,14,30,90];function _t(){let[e,t]=react.useState(""),[a]=react.useState({sortKey:"perp_volume",sort:"desc"}),[r,i]=react.useState(a),{state:o}=hooks.useAccount(),n=hooks.useConfig("brokerId"),{isMobile:s}=ui.useScreen(),{dateRange:u,filterDay:d,updateFilterDay:l,filterItems:c,onFilter:m}=bi(),{page:x,pageSize:S,setPage:C,parsePagination:T}=ui.usePagination({pageSize:100}),g=v=>{let k=new URLSearchParams;if(k.set("page",v.page.toString()),k.set("size",v.pageSize.toString()),k.set("aggregateBy","address_per_builder"),n&&k.set("broker_id",n),v.sort)k.set("sort",v.sort);else if(v.sort!==null&&r){let O=r.sort==="asc"?"ascending":"descending";k.set("sort",`${O}_${r.sortKey}`);}return u.from&&k.set("start_date",z(u.from)),u.to&&k.set("end_date",z(u.to)),v.address&&k.set("address",v.address),`/v1/broker/leaderboard/daily?${k.toString()}`},{data:p,isLoading:y}=hooks.useQuery(g({page:x,pageSize:S,address:e}),{formatter:v=>v,revalidateOnFocus:false}),{data:_,size:F,setSize:U,isValidating:X}=hooks.useInfiniteQuery((v,k)=>k&&!k.rows?.length||!s?null:g({page:v+1,pageSize:S,address:e}),{initialSize:1,formatter:v=>v,revalidateOnFocus:false}),{data:ee}=hooks.useQuery(o.address?g({page:1,pageSize:100,sort:`descending_${r?.sortKey||"perp_volume"}`}):null,{formatter:v=>v,revalidateOnFocus:false}),{data:E=[]}=hooks.usePrivateQuery(o.address?g({page:1,pageSize:1,address:o.address,sort:null}):null,{revalidateOnFocus:false}),te=react.useCallback(v=>{let k=ee?.rows.findIndex(O=>xi(O.address,v));return k!==-1?k+1:"100+"},[ee]),I=react.useMemo(()=>!o.address||y?[]:E.length?E?.map(v=>({...v,rank:te(v.address),key:ae(v.address)})):[{key:ae(o.address),address:o.address,rank:"-"}],[o.address,E,y,te]),A=react.useCallback((v,k)=>v?.map((O,Ne)=>{let Ae=Ne+1;return e?Ae=te(O.address):r?.sort==="asc"?Ae=k-(x-1)*S-Ne:r?.sort==="desc"&&(Ae=(x-1)*S+Ne+1),{...O,rank:Ae}}),[x,S,r,e,te]),ke=react.useMemo(()=>{let v=p?.rows||[],k=p?.meta.total||0,O=A(v,k);return x===1&&!e?[...I,...O]:O},[p,x,I,e,A]),we=react.useMemo(()=>{if(!_?.length)return [];let v=_[0]?.meta.total||0,k=_?.map(Ne=>Ne.rows)?.flat(),O=A(k,v);return e?O:[...I,...O]},[_,I,e,A]),b=react.useRef(null),N=react.useMemo(()=>T(p?.meta),[T,p]);xe(b,()=>{!X&&s&&U(F+1);});let f=v=>{t(v);},w=react.useCallback(()=>{t("");},[]),D=react.useCallback(v=>{i(v||a);},[a]);return react.useEffect(()=>{e&&C(1);},[e]),react.useEffect(()=>{C(1);},[o.address]),react.useEffect(()=>{u.to&&u.from&&C(1);},[u]),{pagination:N,dateRange:u,filterDay:d,updateFilterDay:l,filterItems:c,onFilter:m,initialSort:a,onSort:D,dataSource:ke,isLoading:y||X,searchValue:e,onSearchValueChange:f,clearSearchValue:w,isMobile:s,sentinelRef:b,dataList:we,address:o.address}}var bi=()=>{let[e,t]=react.useState(90),[a,r]=react.useState(J(90)),i=s=>{t(s),r(J(s));},o=s=>{if(s.name==="dateRange"){let u=s.value;if(r(u),u.from&&u.to){let d=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,l=J(d);z(l.from)===z(u.from)&&z(l.to)===z(u.to)?t(d):t(null);}}};return {filterItems:react.useMemo(()=>[{type:"range",name:"dateRange",value:a,max:90}],[a]),onFilter:o,dateRange:a,filterDay:e,updateFilterDay:i}};function xi(e,t){return e.toLowerCase()===t.toLowerCase()}function ae(e){return `current-address-${e?.toLowerCase()}`}var Ze=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen();return react.useMemo(()=>[{title:t("tradingLeaderboard.rank"),dataIndex:"rank",width:40,render:r=>jsxRuntime.jsx(ui.Box,{width:20,className:"oui-text-center",children:r})},{title:t("common.address"),dataIndex:"address",render:(r,i)=>{let o=i.key===ae(e);return a&&o?jsxRuntime.jsx(ui.Text,{children:"You"}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"address",children:r}),o&&jsxRuntime.jsx(ui.Text,{children:" (You)"})]})},width:90},{title:t("tradingLeaderboard.tradingVolume"),dataIndex:"perp_volume",onSort:true,render:r=>r?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,children:r}):"-",width:105},{title:t("common.realizedPnl"),dataIndex:"realized_pnl",onSort:true,align:a?"right":"left",render:r=>r?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,coloring:true,children:r}):"-",width:90}],[t,a,e])};var Dr=e=>{let t=Ze(e.address);return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",itemAlign:"start",intensity:900,r:"2xl",px:4,style:e.style,className:ui.cn("oui-mobile-trading-leaderboard-trading-list",e.className),children:[jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",className:ui.cn("oui-mobile-trading-leaderboard-trading-filter"),children:e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:a=>{e.onFilter(a);},className:"oui-h-[40px] oui-border-none"})}),jsxRuntime.jsx(ui.DataTable,{classNames:{root:"oui-pb-4",body:"oui-text-2xs",scroll:"oui-overflow-y-hidden oui-h-full"},loading:e.isLoading,id:"oui-trading-leaderboard-trading-table",columns:t,initialSort:e.initialSort,onSort:e.onSort,dataSource:e.dataList,generatedRowKey:a=>a.key||a.address,manualPagination:true,manualSorting:true,onRow:(a,r)=>({className:ui.cn("oui-h-[30px]")}),onCell:(a,r,i)=>{if(r.key===ae(e.address)){let o=a.getIsFirstColumn(),n=a.getIsLastColumn();return {className:ui.cn("after:oui-absolute after:oui-h-[30px] after:oui-w-full","after:oui-border-[rgb(var(--oui-gradient-brand-start))]"," after:oui-left-0 after:oui-top-0 after:oui-z-[-1]","after:oui-border-y",o&&"after:oui-rounded-l-lg after:oui-border-l",n&&"after:oui-rounded-r-lg after:oui-border-r")}}return {}}}),jsxRuntime.jsx("div",{ref:e.sentinelRef,className:"oui-invisible oui-relative oui-top-[-300px] oui-h-px"}),e.isLoading&&e.dataList.length>0&&jsxRuntime.jsx(ui.Flex,{itemAlign:"center",justify:"center",width:"100%",height:40,children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]})};var It=e=>{let t=Ze(e.address),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",itemAlign:"start",intensity:900,r:"2xl",px:4,style:e.style,className:ui.cn("oui-trading-leaderboard-trading-list",e.className),children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",mt:2,className:ui.cn("oui-trading-leaderboard-trading-filter","oui-border-b oui-border-line"),children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:r=>{e.onFilter(r);},className:"oui-h-[53px] oui-border-none"}),Pr.map(r=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:e.filterDay===r?"brand":void 0,className:e.filterDay!==r?"oui-text-base-contrast-54":"",children:`${r}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{e.updateFilterDay(r);}})]},r))]}),jsxRuntime.jsx(ui.Input,{value:e.searchValue,onValueChange:e.onSearchValueChange,placeholder:a("common.address.search.placeholder"),className:ui.cn("oui-trading-leaderboard-trading-search-input","oui-w-[240px]"),size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(Mi,{className:"oui-text-base-contrast-36"})}),suffix:e.searchValue&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:e.clearSearchValue})}),autoComplete:"off"})]}),jsxRuntime.jsx(ui.DataTable,{loading:e.isLoading,id:"oui-trading-leaderboard-trading-table",columns:t,initialSort:e.initialSort,onSort:e.onSort,bordered:true,dataSource:e.dataSource,generatedRowKey:r=>r.key||r.address,manualPagination:true,manualSorting:true,pagination:e.pagination,classNames:{root:"!oui-h-[calc(100%_-_53px_-_8px)]"},onRow:(r,i)=>({className:ui.cn("oui-h-[48px]")}),onCell:(r,i,o)=>{if(i.key===ae(e.address)){let n=r.getIsFirstColumn(),s=r.getIsLastColumn();return {className:ui.cn("after:oui-absolute after:oui-h-[48px] after:oui-w-full","after:oui-border-[rgb(var(--oui-gradient-brand-start))]","after:oui-left-0 after:oui-top-0 after:oui-z-[-1]","after:oui-border-y",n&&"after:oui-rounded-l-lg after:oui-border-l",s&&"after:oui-rounded-r-lg after:oui-border-r")}}return {}}})]})},Mi=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})});var Fe=e=>{let t=_t();return t.isMobile?jsxRuntime.jsx(Dr,{...t,...e}):jsxRuntime.jsx(It,{...t,...e})};var zr=e=>jsxRuntime.jsx("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:ui.cn("oui-relative oui-grid oui-h-[calc(100vh-44px)] oui-gap-1 oui-bg-base-10","oui-mix-blend-screen",e.className),children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:3,height:"100%",px:3,pt:3,pb:3,className:ui.cn("oui-trading-leaderboard-mobile oui-custom-scrollbar oui-overflow-y-auto","oui-relative oui-h-[calc(100vh_-_64px)]"),children:[e.showCampaigns&&jsxRuntime.jsx(Re,{}),jsxRuntime.jsx(Fe,{})]})});function Bi(e){let t=e?.split(".").pop();return ["mp4","webm","avi","ogg"].includes(t??"")}function Mt(e){let{backgroundSrc:t,campaigns:a=[]}=e,{isMobile:r}=ui.useScreen(),i=react.useMemo(()=>a?.length>0,[a]),o=react.useMemo(()=>Bi(t),[t]);return {backgroundSrc:t,isVideo:o,showCampaigns:i,isMobile:r}}var zt=e=>{let t=()=>{let a="linear-gradient(180deg, rgba(var(--oui-color-base-10) / 0.3) 0%, rgba(var(--oui-color-base-10) / 0) 70%, rgba(var(--oui-color-base-10) / 1) 100%)";if(e.isVideo)return jsxRuntime.jsxs("div",{className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full"),children:[jsxRuntime.jsx("div",{style:{backgroundImage:a,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full")}),jsxRuntime.jsxs("video",{autoPlay:true,loop:true,muted:true,className:ui.cn("oui-border-none oui-outline-none oui-bg-transparent","oui-w-full oui-h-full","oui-object-cover","oui-opacity-50"),children:[jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/mp4"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/webm"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/ogg"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/avi"}),"Your browser does not support the video tag."]})]});if(e.backgroundSrc)return jsxRuntime.jsx("div",{style:{backgroundImage:`${a}, url(${e.backgroundSrc}) `,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full","oui-opacity-50")})};return jsxRuntime.jsxs("div",{style:e.style,className:ui.cn("oui-h-full oui-mix-blend-screen",e.className),children:[t(),jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:5,height:"100%",className:ui.cn("oui-trading-leaderboard oui-relative","oui-max-w-[1040px] oui-px-3 oui-mx-auto "),children:[e.showCampaigns&&jsxRuntime.jsx(Re,{}),jsxRuntime.jsx(Fe,{className:ui.cn(e.showCampaigns?"oui-h-[calc(100%_-_288px_-_20px)]":"oui-h-full")})]})]})};var Ei=e=>{let t=Mt({backgroundSrc:e.backgroundSrc,campaigns:e.campaigns});return jsxRuntime.jsx(mr,{campaigns:e.campaigns,href:e.href,children:t.isMobile?jsxRuntime.jsx(zr,{...t}):jsxRuntime.jsx(zt,{...t,className:e.className,style:e.style})})};var Ur=react.createContext({}),Er=e=>{let[t,a]=react.useState("general"),[r,i]=react.useState(),[o,n]=react.useState(),{data:s,mutate:u}=hooks.usePrivateQuery("/v1/referral/auto_referral/progress",{revalidateOnFocus:false,errorRetryCount:2,formatter:m=>({code:m.auto_referral_code,requireVolume:m.required_volume,completedVolume:m.completed_volume})});react.useEffect(()=>{s?.code&&r?.referral_code!=s.code&&(i({...r,referral_code:s.code}),u());},[s,u,r]),react.useEffect(()=>{e.campaignId&&a(e.campaignId);},[e.campaignId]);let d=react.useMemo(()=>e.campaigns?.find(m=>m.campaign_id==t),[e.campaigns,t]),l=react.useMemo(()=>{let m=e.campaigns?.filter(x=>x.referral_codes?x.referral_codes?.includes(r?.referral_code||""):true);return m&&ramda.sortWith([ramda.descend(x=>dateFns.parseISO(x.end_time))],m)},[e.campaigns,r]),c=react.useCallback(m=>{a(m),e.onCampaignChange?.(m);},[e.onCampaignChange]);return jsxRuntime.jsx(Ur.Provider,{value:{campaigns:l,href:e.href,backgroundSrc:e.backgroundSrc,currentCampaignId:t,currentCampaign:d,onCampaignChange:c,userData:r,setUserData:i,updatedTime:o,setUpdatedTime:n},children:e.children})},oe=()=>react.useContext(Ur);var Ar="data:image/png;base64,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";var Or="data:image/png;base64,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";var Wr="data:image/png;base64,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";function Ye(e,t){return e.toLowerCase()===t.toLowerCase()}function H(e){return `current-address-${e?.toLowerCase()}`}var Hr=(e,t,a)=>{let{t:r}=i18n.useTranslation(),{isMobile:i}=ui.useScreen();return react.useMemo(()=>[{title:r("tradingLeaderboard.rank"),dataIndex:"rank",width:50,render:(n,s)=>{let u=s.key===H(t),d,l=null;return u||(n===1?(d=jsxRuntime.jsx(ao,{}),l=Ar):n===2?(d=jsxRuntime.jsx(io,{}),l=Or):n===3&&(d=jsxRuntime.jsx(oo,{}),l=Wr)),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[l&&jsxRuntime.jsx("img",{src:l,alt:`${n}th badge`,className:ui.cn("oui-z-0 oui-h-[38px] oui-opacity-30 md:oui-h-[46px]","oui-absolute oui-left-0 oui-top-0","oui-mix-blend-luminosity","oui-transform-gpu")}),jsxRuntime.jsx("div",{className:"oui-relative",children:d||jsxRuntime.jsx(ui.Box,{width:20,pl:2,className:"oui-text-center",children:n})})]})}},{title:r("common.address"),dataIndex:"address",render:(n,s)=>{let u=s.key===H(t);if(i&&u)return jsxRuntime.jsx(ui.Text,{children:"You"});let d;return u||(s.rank===1?d="linear-gradient(169deg, #FBE67B 2.09%, #FCFBE7 15.8%, #F7D14E 40.73%, #D4A041 58.8%)":s.rank===2?d="linear-gradient(201.05deg, #D9D9D9 38.79%, #F7F6F4 53.85%, #D9D9D9 71.71%, #7F7F7F 91.87%), rgba(255, 255, 255, 0.8)":s.rank===3&&(d="linear-gradient(149.05deg, #B6947E 15.63%, #F8DAC8 31.37%, #B6947E 44.29%, #F8DCCB 56.6%), rgba(255, 255, 255, 0.8)")),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"address",style:d?{background:d,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"}:{},children:n},s.rank),u&&jsxRuntime.jsx(ui.Text,{children:" (You)"})]})},width:90},{title:r("tradingLeaderboard.tradingVolume"),dataIndex:"volume",onSort:a,align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,children:n}):"-",width:105},{title:r("common.realizedPnl"),dataIndex:"pnl",onSort:a,align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,coloring:true,children:n}):"-",width:90},{title:r("tradingLeaderboard.estimatedRewards"),dataIndex:"rewards",align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{suffix:` ${n?.currency||""}`,rule:"price",dp:0,children:n?.amount}):"-",width:90}].filter(n=>e?.includes(n.dataIndex)),[r,i,t,e,a])},ao=()=>jsxRuntime.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M3.88281 2.5L7.78711 10.3105C6.38111 11.5855 5.5 13.427 5.5 15.5C5.5 19.4 8.6 22.5 12.5 22.5C16.4 22.5 19.5 19.4 19.5 15.5C19.5 13.427 18.6189 11.5855 17.2129 10.3105L21.1172 2.5H15.5L12.5 8.5L9.5 2.5H3.88281ZM12.5 10.5C15.3 10.5 17.5 12.7 17.5 15.5C17.5 18.3 15.3 20.5 12.5 20.5C9.7 20.5 7.5 18.3 7.5 15.5C7.5 12.7 9.7 10.5 12.5 10.5ZM12.5 12.5C12.4 12.8 11.9 13.6992 11 13.6992V14.6992H12.0996V18.5H13.4004H13.5V12.5H12.5Z",fill:"url(#paint0_linear_21940_39199)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39199",x1:"6.18073",y1:"6",x2:"20.1338",y2:"18.1659",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#8C421D"}),jsxRuntime.jsx("stop",{offset:"0.325272",stopColor:"#FBE67B"}),jsxRuntime.jsx("stop",{offset:"0.535488",stopColor:"#FCFBE7"}),jsxRuntime.jsx("stop",{offset:"0.769917",stopColor:"#F7D14E"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#D4A041"})]})})]}),io=()=>jsxRuntime.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M3.88281 2.5L7.78711 10.3105C6.38111 11.5855 5.5 13.427 5.5 15.5C5.5 19.4 8.6 22.5 12.5 22.5C16.4 22.5 19.5 19.4 19.5 15.5C19.5 13.427 18.6189 11.5855 17.2129 10.3105L21.1172 2.5H15.5L12.5 8.5L9.5 2.5H3.88281ZM12.5 10.5C15.3 10.5 17.5 12.7 17.5 15.5C17.5 18.3 15.3 20.5 12.5 20.5C9.7 20.5 7.5 18.3 7.5 15.5C7.5 12.7 9.7 10.5 12.5 10.5ZM12.5469 12.5C10.7729 12.5 10.481 13.901 10.5 14.5H11.6738C11.6738 14.357 11.809 13.5 12.5 13.5C13.163 13.5 13.291 14.0232 13.291 14.2852C13.291 15.0512 12.245 15.7623 10.5 17.6973V18.5L14.4883 18.4766L14.4863 17.5332H12.2285C13.8425 15.8792 14.5 15.1309 14.5 14.1719C14.5 13.4869 14.1149 12.5 12.5469 12.5Z",fill:"url(#paint0_linear_21940_39214)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39214",x1:"6.18073",y1:"6",x2:"20.1338",y2:"18.1659",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#7F7F7F"}),jsxRuntime.jsx("stop",{offset:"0.325272",stopColor:"#D9D9D9"}),jsxRuntime.jsx("stop",{offset:"0.535488",stopColor:"#F7F6F4"}),jsxRuntime.jsx("stop",{offset:"0.769917",stopColor:"#D9D9D9"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#7F7F7F"})]})})]}),oo=()=>jsxRuntime.jsxs("svg",{width:"29",height:"25",viewBox:"0 0 29 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M5.88281 2.5L9.78711 10.3105C8.38111 11.5855 7.5 13.427 7.5 15.5C7.5 19.4 10.6 22.5 14.5 22.5C18.4 22.5 21.5 19.4 21.5 15.5C21.5 13.427 20.6189 11.5855 19.2129 10.3105L23.1172 2.5H17.5L14.5 8.5L11.5 2.5H5.88281ZM14.5 10.5C17.3 10.5 19.5 12.7 19.5 15.5C19.5 18.3 17.3 20.5 14.5 20.5C11.7 20.5 9.5 18.3 9.5 15.5C9.5 12.7 11.7 10.5 14.5 10.5ZM14.4688 12.5C13.6927 12.5 12.5898 12.9348 12.5898 14.0918H13.7266C13.7266 13.9118 13.8461 13.4336 14.4941 13.4336C14.6251 13.4336 15.2715 13.4767 15.2715 14.1797C15.2715 14.8967 14.7109 14.9844 14.4219 14.9844H13.8145V15.8906H14.4219C14.5659 15.8906 15.3613 15.8537 15.3613 16.7637C15.3613 16.8837 15.3111 17.5625 14.4961 17.5625C13.8081 17.5625 13.6233 17.0284 13.6562 16.8164H12.5195C12.4615 17.4334 12.9757 18.4961 14.4688 18.4961C15.3018 18.4961 16.5 18.0942 16.5 16.7812C16.5 15.8643 15.8621 15.536 15.5391 15.418C15.6781 15.354 16.4082 14.9771 16.4082 14.1641C16.4082 13.7131 16.2127 12.5 14.4688 12.5Z",fill:"url(#paint0_linear_21940_39224)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39224",x1:"8.61159",y1:"5.33333",x2:"22.7368",y2:"20.4383",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#B6947E"}),jsxRuntime.jsx("stop",{offset:"0.2",stopColor:"#8F6959"}),jsxRuntime.jsx("stop",{offset:"0.475",stopColor:"#F8DAC8"}),jsxRuntime.jsx("stop",{offset:"0.67",stopColor:"#AC836E"}),jsxRuntime.jsx("stop",{offset:"0.83",stopColor:"#B6947E"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#F8DCCB"})]})})]});var Je=e=>{let t=Hr(e.fields,e.address,typeof e.onSort=="function"),{isMobile:a}=ui.useScreen(),r=react.useCallback((o,n)=>{let s=o.key===H(e.address),u=o.rank===1,d=o.rank===2,l=o.rank===3;return {className:ui.cn("oui-h-[40px] md:oui-h-[48px]","oui-relative",s?"oui-h-[44px] md:oui-h-[52px]":ui.cn((u||d||l)&&"oui-border-b-2 oui-border-b-transparent",u&&"oui-bg-[linear-gradient(270deg,rgba(241,215,121,0.0225)_-2.05%,rgba(255,203,70,0.45)_100%)]",d&&"oui-bg-[linear-gradient(270deg,rgba(255,255,255,0.0225)_-2.05%,rgba(199,199,199,0.45)_100%)]",l&&"oui-bg-[linear-gradient(270deg,rgba(255,233,157,0.0225)_-1.3%,rgba(160,101,46,0.45)_100%)]"))}},[e.address]),i=react.useCallback((o,n,s)=>{let u=o.getIsFirstColumn(),d=o.getIsLastColumn(),l=[1,2,3].includes(n.rank);return n.key===H(e.address)?{className:ui.cn("after:oui-absolute after:oui-h-[40px] after:oui-w-full md:after:oui-h-[48px]","after:oui-border-[rgb(var(--oui-gradient-brand-start))]","after:oui-left-0 after:oui-top-[2px] after:oui-z-[-1]","after:oui-border-y",u&&"after:oui-rounded-l-lg after:oui-border-l",d&&"after:oui-rounded-r-lg after:oui-border-r")}:{className:ui.cn(u&&l&&"oui-rounded-l-lg oui-mix-blend-luminosity",d&&l&&"oui-rounded-r-lg oui-mix-blend-luminosity")}},[e.address]);return a?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataTable,{classNames:{root:"oui-trading-leaderboard-ranking-table",body:"oui-text-2xs",scroll:"oui-overflow-y-hidden oui-h-full"},loading:e.isLoading,columns:t,bordered:true,initialSort:e.initialSort,onSort:e.onSort,dataSource:e.dataList,generatedRowKey:o=>o.key||o.address,manualPagination:true,manualSorting:true,onRow:r,onCell:i}),jsxRuntime.jsx("div",{ref:e.sentinelRef,className:"oui-invisible oui-relative oui-top-[-300px] oui-h-px"}),e.isLoading&&e.dataList.length>0&&jsxRuntime.jsx(ui.Flex,{itemAlign:"center",justify:"center",width:"100%",height:40,children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]}):jsxRuntime.jsx(ui.DataTable,{loading:e.isLoading,columns:t,initialSort:e.initialSort,onSort:e.onSort,bordered:true,dataSource:e.dataSource,generatedRowKey:o=>o.key||o.address,manualPagination:true,manualSorting:true,pagination:e.pagination,classNames:{root:ui.cn("oui-trading-leaderboard-ranking-table","!oui-h-[calc(100%_-_53px_-_8px)]"),scroll:"oui-min-h-[600px]"},onRow:r,onCell:i})};function Et(e){let{dateRange:t=J(90),address:a,sortKey:r="perp_volume"}=e||{},[i]=react.useState({sortKey:r,sort:"desc"}),[o,n]=react.useState(i),{state:s}=hooks.useAccount(),u=hooks.useConfig("brokerId"),{isMobile:d}=ui.useScreen(),{page:l,pageSize:c,setPage:m,parsePagination:x}=ui.usePagination({pageSize:d?100:20}),S=b=>{let N=new URLSearchParams;if(N.set("page",b.page.toString()),N.set("size",b.page===1?"100":b.pageSize.toString()),N.set("aggregateBy","address_per_builder"),u&&N.set("broker_id",u),b.sort)N.set("sort",b.sort);else if(b.sort!==null&&o){let f=o.sort==="asc"?"ascending":"descending";N.set("sort",`${f}_${o.sortKey}`);}return t?.from&&N.set("start_date",z(t.from)),t?.to&&N.set("end_date",z(t.to)),b.address&&N.set("address",b.address),`/v1/broker/leaderboard/daily?${N.toString()}`},{data:C,isLoading:T}=hooks.useQuery(S({page:l,pageSize:c,address:a}),{formatter:b=>b,revalidateOnFocus:false}),{data:g,size:p,setSize:y,isValidating:_}=hooks.useInfiniteQuery((b,N)=>N&&!N.rows?.length||!d?null:S({page:b+1,pageSize:c,address:a}),{initialSize:1,formatter:b=>b,revalidateOnFocus:false}),{data:F}=hooks.useQuery(s.address?S({page:1,pageSize:100,sort:`descending_${o?.sortKey||"perp_volume"}`}):null,{formatter:b=>b,revalidateOnFocus:false}),{data:U=[]}=hooks.useQuery(s.address?S({page:1,pageSize:1,address:s.address,sort:null}):null,{revalidateOnFocus:false}),X=react.useCallback(b=>{let N=F?.rows.findIndex(f=>Ye(f.address,b));return N!==-1?N+1:"100+"},[F]),ee=react.useMemo(()=>!s.address||T?[]:U.length?U?.map(b=>({...b,rank:X(b.address),key:H(b.address)})):[{key:H(s.address),address:s.address,rank:"-"}],[s.address,U,T,X]),E=react.useCallback((b,N)=>b?.map((f,w)=>{let D=w+1;return a?D=X(f.address):o?.sort==="asc"?D=N-(l-1)*c-w:o?.sort==="desc"&&(D=(l-1)*c+w+1),{...f,rank:D}}),[l,c,o,a,X]),te=react.useMemo(()=>{let b=C?.rows||[];l===1&&(b=b.slice(0,c));let N=C?.meta.total||0,f=E(b,N);return tt(l===1&&!a?[...ee,...f]:f)},[C,l,c,ee,a,E]),I=react.useMemo(()=>{if(!g?.length)return [];let b=g[0]?.meta.total||0,N=g?.map(w=>w.rows)?.flat(),f=E(N,b);return tt(a?f:[...ee,...f])},[g,ee,a,E]),A=react.useRef(null),ke=react.useMemo(()=>x({total:C?.meta?.total||0,current_page:C?.meta?.current_page||1,records_per_page:c}),[C?.meta?.total,C?.meta?.current_page,c]);xe(A,()=>{!_&&d&&y(p+1);});let we=react.useCallback(b=>{b?.sortKey==="volume"?b.sortKey="perp_volume":b?.sortKey==="pnl"&&(b.sortKey="realized_pnl"),n(b||i);},[i]);return react.useEffect(()=>{a&&m(1);},[a]),react.useEffect(()=>{m(1);},[s.address]),react.useEffect(()=>{t?.to&&t?.from&&m(1);},[t]),react.useEffect(()=>{n({sortKey:r,sort:"desc"});},[r]),{pagination:ke,initialSort:i,onSort:we,dataSource:te,isLoading:T||_,isMobile:d,sentinelRef:A,dataList:I,address:s.address}}function tt(e){return e.map(t=>({...t,volume:t.perp_volume,pnl:t.realized_pnl}))}var rt=e=>{let{dateRange:t,address:a,fields:r,sortKey:i,...o}=e,n=Et({dateRange:t,address:a,sortKey:i});return jsxRuntime.jsx(Je,{...n,...o,fields:r})};function At(e,t){return t==="volume"?e.volume:e.pnl}function vo(e,t){if(e.rank)return Number(e.rank);let a=At(e,t),r=e.total_participants||1e3;return a<=0?null:a>=1e5?1:a>=5e4?Math.floor(r*.05):a>=1e4?Math.floor(r*.2):a>=1e3?Math.floor(r*.5):Math.floor(r*.8)}function qr(e,t){if(At(e,t.metric)<=0)return 0;let r=vo(e,t.metric);if(r===null)return 0;for(let i of t.tiers){let o=false;if(i.position&&r===i.position)o=true;else if(i.position_range){let[n,s]=i.position_range;r>=n&&r<=s&&(o=true);}if(o)return i.amount}return 0}function jr(e,t){if(!t.prize_pools||t.prize_pools.length===0)return null;let a=0,r=t.prize_pools[0].currency;for(let i of t.prize_pools)a+=qr(e,i);return a>0?{amount:a,currency:r}:null}function Yr(e,t){let a=t.metric==="volume"?e.volume:e.pnl;return !a||a<=0?0:t.mode==="tiered"?yo(a,t.tiers||[]):t.mode==="linear"?ho(a,t.linear):0}function yo(e,t){let a=[...t].sort((r,i)=>i.value-r.value);for(let r of a)if(e>=r.value)return r.tickets;return 0}function ho(e,t){return !t||t.every<=0?0:Math.floor(e/t.every)*t.tickets}function Jr(e,t){return `${e.toLocaleString()} ${t}`}function Qr(e){return e.toLocaleString()}function at(e,t){return qr(e,t)}function ea(e,t){if(!e||!t)return null;let a=At(e,t.metric);if(!a)return t.mode==="linear"?{percent:0,value:t.linear?.every||0}:{percent:0,value:t.tiers?.[0]?.value||0};if(t.mode==="linear"){if(!t.linear)return null;let{every:r,tickets:i}=t.linear,n=Math.floor(a/r)+1,s=a%r/r*100,u=n*r;return {percent:s,value:u-a}}if(t.mode==="tiered"&&t.tiers){let r=[...t.tiers].sort((s,u)=>s.value-u.value);if(r.length===0)return null;if(a<=0)return {percent:0,value:r[0].value};let i=null,o=r[0];for(let s=0;s<r.length;s++)if(a>=r[s].value)i=r[s],o=r[s+1]||null;else {o=r[s];break}return o?i?{percent:(a-i.value)/(o.value-i.value)*100,value:o.value-a}:{percent:a/o.value*100,value:o.value-a}:{percent:100,value:0}}return null}function Wt(e){let{campaignId:t,sortKey:a="volume"}=e,[r]=react.useState({sortKey:a,sort:"desc"}),[i,o]=react.useState(r),{currentCampaign:n,setUserData:s,setUpdatedTime:u}=oe(),{state:d}=hooks.useAccount(),l=hooks.useConfig("brokerId"),{isMobile:c}=ui.useScreen(),{page:m,pageSize:x,setPage:S,parsePagination:C}=ui.usePagination({pageSize:c?100:20}),T=f=>{let w=new URLSearchParams;return w.set("page",f.page.toString()),w.set("size",f.page===1?"100":f.pageSize.toString()),t&&w.set("campaign_id",t.toString()),l&&w.set("broker_id",l),f.sort?w.set("sort_by",f.sort):f.sort!==null&&i&&w.set("sort_by",i.sortKey),`https://api.orderly.org/v1/public/campaign/ranking?${w.toString()}`},{data:g,isLoading:p}=hooks.useQuery(T({page:m,pageSize:x}),{formatter:f=>f,revalidateOnFocus:false}),{data:y,size:_,setSize:F,isValidating:U}=hooks.useInfiniteQuery((f,w)=>w&&!w.rows?.length||!c?null:T({page:f+1,pageSize:x}),{initialSize:1,formatter:f=>f,revalidateOnFocus:false}),{data:X}=hooks.useQuery(d.address?T({page:1,pageSize:100}):null,{formatter:f=>f,revalidateOnFocus:false}),ee=()=>{if(!d.address||!t)return null;let f=new URLSearchParams;return l&&f.set("broker_id",l),f.set("campaign_id",t.toString()),f.set("address",d.address),`https://api.orderly.org/v1/public/campaign/user?${f.toString()}`},{data:E}=hooks.useQuery(ee(),{revalidateOnFocus:false}),te=react.useCallback(f=>{if(X?.rows?.length===0)return "-";let w=X?.rows.findIndex(D=>Ye(D.address,f));return w!==-1?w+1:"100+"},[X]),I=react.useMemo(()=>{if(!(!d.address||p))return E?{...E,address:d.address,rank:te(d.address),key:H(d.address)}:{key:H(d.address),address:d.address,rank:"-"}},[d.address,E,p,te]),A=react.useCallback((f,w)=>f?.map((D,v)=>{let k=v+1;return i?.sort==="asc"?k=w-(m-1)*x-v:i?.sort==="desc"&&(k=(m-1)*x+v+1),{...D,rank:k}}),[m,x,i]),ke=react.useMemo(()=>{let f=g?.rows||[];m===1&&(f=f.slice(0,x));let w=g?.meta.total||0,D=A(f,w),v=m===1&&I?[I,...D]:D;return aa(v,n,a)},[g,m,x,I,A,n,a]),we=react.useMemo(()=>{if(!y?.length)return [];let f=y[0]?.meta.total||0,w=y?.map(k=>k.rows)?.flat(),D=A(w,f),v=I?[I,...D]:D;return aa(v,n,a)},[y,I,A,n,a]),b=react.useRef(null),N=react.useMemo(()=>C({total:g?.meta?.total||0,current_page:g?.meta?.current_page||1,records_per_page:x}),[g?.meta?.total,g?.meta?.current_page,x]);return xe(b,()=>{!U&&c&&F(_+1);}),react.useEffect(()=>{S(1);},[d.address]),react.useEffect(()=>{I&&s?.(I);},[I]),react.useEffect(()=>{u?.(g?.updated_time||0);},[g,n]),react.useEffect(()=>{o({sortKey:a,sort:"desc"});},[a]),{pagination:N,initialSort:r,dataSource:ke,isLoading:p||U,isMobile:c,sentinelRef:b,dataList:we,address:d.address}}function aa(e,t,a){let r=t?.prize_pools?.find(i=>i.metric===a);return e.map(i=>{let o=r?at(i,r):0;return {...i,rewards:{amount:o,currency:r?.currency}}})}var nt=e=>{let{campaignId:t,fields:a,sortKey:r,...i}=e,o=Wt({campaignId:t,sortKey:r});return jsxRuntime.jsx(Je,{...o,...i,fields:a})};var oa=[7,14,30,90];function $t(){let[e,t]=react.useState("volume"),a=Do(),r=Io();return {...a,...r,activeTab:e,onTabChange:t}}function Do(){let[e,t]=react.useState(90),[a,r]=react.useState(J(90)),i=s=>{t(s),r(J(s));},o=s=>{if(s.name==="dateRange"){let u=s.value;if(r(u),u.from&&u.to){let d=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,l=J(d);z(l.from)===z(u.from)&&z(l.to)===z(u.to)?t(d):t(null);}}};return {filterItems:react.useMemo(()=>[{type:"range",name:"dateRange",value:a,max:90}],[a]),onFilter:o,dateRange:a,filterDay:e,updateFilterDay:i}}function Io(){let[e,t]=react.useState(""),a=react.useCallback(i=>{t(i);},[]),r=react.useCallback(()=>{t("");},[]);return {searchValue:e,onSearchValueChange:a,clearSearchValue:r}}var Zt=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),r=jsxRuntime.jsx(ui.Input,{value:e.searchValue,onValueChange:e.onSearchValueChange,placeholder:t("common.address.search.placeholder"),className:ui.cn("oui-trading-leaderboard-trading-search-input","oui-w-full"),size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(Eo,{className:"oui-text-base-contrast-36"})}),suffix:e.searchValue&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:e.clearSearchValue})}),autoComplete:"off"}),i=e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:n=>{e.onFilter(n);},className:"oui-h-[53px] oui-border-none"}),o=oa.map(n=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:e.filterDay===n?"brand":void 0,className:e.filterDay!==n?"oui-text-base-contrast-54":"",children:`${n}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{e.updateFilterDay(n);}})]},n));return a?jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",direction:"column",mt:3,className:ui.cn("oui-mobile-trading-leaderboard-ranking-filter"),children:[r,jsxRuntime.jsxs(ui.Flex,{gap:3,className:"oui-w-full",children:[i,jsxRuntime.jsx(ui.ScrollIndicator,{className:"oui-w-full",children:jsxRuntime.jsx(ui.Flex,{gap:3,children:o})})]})]}):jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",className:ui.cn("oui-trading-leaderboard-ranking-filter"),children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[i,o]}),jsxRuntime.jsx(ui.Box,{width:240,children:r})]})},Eo=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})});var Be=e=>{let{t}=i18n.useTranslation(),{updatedTime:a,currentCampaign:r}=oe(),i=react.useMemo(()=>a&&r?Cr(a):"",[e.isMobile,a,r]),{showVolume:o,showPnl:n}=react.useMemo(()=>{let u=r?.prize_pools?.map(m=>m.metric),d=e.isMobile&&!r,l=d?true:u?.includes("volume"),c=d?true:u?.includes("pnl");return {showVolume:l,showPnl:c}},[r,e.activeTab,e.isMobile]);react.useEffect(()=>{o&&n?e.onTabChange("volume"):o?e.onTabChange("volume"):n&&e.onTabChange("pnl");},[r,o,n]);let s=()=>o&&n?jsxRuntime.jsxs(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:[jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.tradingVolume"),value:"volume"}),jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.realizedPnl"),value:"pnl"})]},r?.campaign_id):o?jsxRuntime.jsx(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.tradingVolume"),value:"volume"})},r?.campaign_id):n?jsxRuntime.jsx(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.realizedPnl"),value:"pnl"})},r?.campaign_id):jsxRuntime.jsx("div",{});return jsxRuntime.jsxs(ui.Flex,{width:"100%",py:3,justify:"between",className:ui.cn("oui-trading-leaderboard-ranking-tabs","oui-border-b oui-border-line",e.className),children:[s(),i&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",direction:e.isMobile?"column":"row",gap:1,className:ui.cn(e.isMobile?"oui-text-3xs":"oui-text-sm","oui-text-base-contrast-36"),children:[jsxRuntime.jsxs("span",{children:[t("tradingLeaderboard.lastUpdate"),":"]}),jsxRuntime.jsx("span",{children:i})]})]})};var qt=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>t?["rank","address",e.activeTab==="volume"?"volume":"pnl"]:["rank","address","volume","pnl"],[t,e.activeTab]);return t?jsxRuntime.jsxs(ui.Box,{pt:2,px:3,r:"2xl",intensity:900,width:"100%",className:ui.cn("oui-trading-leaderboard-general-leaderboard oui-relative",e.className),style:e.style,children:[jsxRuntime.jsx(Zt,{...e}),jsxRuntime.jsx(Be,{isMobile:t,className:"oui-pt-0",activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(rt,{dateRange:e.dateRange,address:e.searchValue,sortKey:e.activeTab==="volume"?"perp_volume":"realized_pnl",fields:a})]}):jsxRuntime.jsxs(ui.Box,{pt:2,px:6,r:"2xl",intensity:900,className:ui.cn("oui-trading-leaderboard-general-leaderboard oui-relative","oui-mx-auto oui-max-w-[992px]",e.className),style:e.style,children:[jsxRuntime.jsx(Zt,{...e}),jsxRuntime.jsx(ui.Divider,{intensity:8}),jsxRuntime.jsx(rt,{dateRange:e.dateRange,address:e.searchValue,fields:a})]})};var jt=e=>{let t=$t();return jsxRuntime.jsx(qt,{...t,className:e.className,style:e.style})};function Yt(){let[e,t]=react.useState("volume");return {activeTab:e,onTabChange:t}}var Jt=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>e.activeTab==="volume"?"volume":"pnl",[e.activeTab]),r=react.useMemo(()=>["rank","address",a,"rewards"],[t,a]);return t?jsxRuntime.jsxs(ui.Box,{pt:2,px:3,r:"2xl",intensity:900,width:"100%",className:ui.cn("oui-trading-leaderboard-campaign-leaderboard oui-relative"),children:[jsxRuntime.jsx(Be,{isMobile:t,activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(nt,{campaignId:e.campaignId,fields:r,sortKey:a})]}):jsxRuntime.jsxs(ui.Box,{pt:2,px:6,r:"2xl",intensity:900,className:ui.cn("oui-trading-leaderboard-campaign-leaderboard oui-relative","oui-mx-auto oui-max-w-[992px]"),children:[jsxRuntime.jsx(Be,{isMobile:t,activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(nt,{campaignId:e.campaignId,fields:r,sortKey:a})]})};var Qt=e=>{let t=Yt();return jsxRuntime.jsx(Jt,{...t,className:e.className,style:e.style,campaignId:e.campaignId})};var xa=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>Jo(e.backgroundSrc),[e.backgroundSrc]);if(t)return null;let r="linear-gradient(180deg, rgba(var(--oui-color-base-10) / 0.3) 0%, rgba(var(--oui-color-base-10) / 0) 70%, rgba(var(--oui-color-base-10) / 1) 100%)";if(a)return jsxRuntime.jsxs("div",{className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-size-full"),children:[jsxRuntime.jsx("div",{style:{backgroundImage:r,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-size-full")}),jsxRuntime.jsxs("video",{autoPlay:true,loop:true,muted:true,className:ui.cn("oui-border-none oui-bg-transparent oui-outline-none","oui-size-full","oui-object-cover","oui-opacity-50"),children:[jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/mp4"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/webm"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/ogg"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/avi"}),"Your browser does not support the video tag."]})]});if(e.backgroundSrc)return jsxRuntime.jsx("div",{style:{backgroundImage:`${r}, url(${e.backgroundSrc}) `,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-general-leaderboard-background","oui-absolute oui-left-0 oui-top-0 oui-z-[-1]","oui-size-full","oui-opacity-50")})};function Jo(e){let t=e?.split(".").pop();return ["mp4","webm","avi","ogg"].includes(t??"")}var er=(i=>(i.ONGOING="ongoing",i.COMING="coming",i.ENDED="ended",i.EXCLUSIVE="exclusive",i))(er||{});var pt=(e,t)=>{let a=new Date,r=new Date(e.start_time),i=new Date(e.end_time);return e.referral_codes&&e.referral_codes.length>0?true||!e.referral_codes.includes(t)?"exclusive":a<r?"coming":a>i?"ended":"exclusive":a<r?"coming":a>i?"ended":"ongoing"};var Ca=(e,t)=>{try{let a=new Date(e),r=new Date(t);if(isNaN(a.getTime())||isNaN(r.getTime()))return "Invalid date range";let i=dateFns.format(a,"MMM d, yyyy"),o=dateFns.format(r,"MMM d, yyyy");return `${i} - ${o} UTC`}catch{return "Date formatting error"}};var va=e=>e?.total_volume||0,ya=e=>{if(!e?.prize_pools||e.prize_pools.length===0)return null;let t={};e.prize_pools.forEach(i=>{t[i.currency]=(t[i.currency]||0)+i.total_prize;});let a=Object.keys(t);if(a.length===0)return null;let r=a[0];return {amount:t[r],currency:r}},ha=e=>e?.ticket_rules?{amount:e.ticket_rules.total_prize,currency:e.ticket_rules.currency}:null,rr=(e,t)=>`${e.toLocaleString()} ${t}`;var Sa=e=>{let t=new Date,a=new Date(e.start_time),r=new Date(e.end_time),i=e.reward_distribution_time?new Date(e.reward_distribution_time):null,o=[],n=(d,l=false)=>l?"active":t>=d?"past":"future",s=d=>{try{return dateFns.format(d,"yyyy-MM-dd HH:mm 'UTC'")}catch{return d.toISOString()}};return o.push({title:i18n.i18n.t("tradingLeaderboard.battleStarts"),type:n(a),time:s(a)}),t>=a&&t<=r&&o.push({title:i18n.i18n.t("chart.now"),type:"active",time:s(t)}),o.push({title:i18n.i18n.t("tradingLeaderboard.battleEnds"),type:n(r),time:s(r)}),i&&o.push({title:i18n.i18n.t("tradingLeaderboard.rewardDistribution"),type:n(i),time:s(i)}),o.slice(0,4)};var ka=({campaign:e,statistics:t,onLearnMore:a,onTradeNow:r,backgroundSrc:i,classNames:o,isMobile:n})=>{let{t:s}=i18n.useTranslation(),u=e?.image||i,d=Ca(e?.start_time,e?.end_time),[l,c]=react.useState(false),m=react.useMemo(()=>n?{open:l,onOpenChange:c}:{},[l,n,c]),x=va(t),S=ya(e),C=ha(e),T=react.useMemo(()=>e.start_time<new Date().toISOString()&&e.end_time>new Date().toISOString(),[e]),g=react.useMemo(()=>e.start_time<new Date().toISOString(),[e]),p=react.useMemo(()=>e?.prize_pools?jsxRuntime.jsx("div",{className:"oui-flex oui-min-w-[240px] oui-flex-col oui-gap-1",children:e?.prize_pools?.map(y=>jsxRuntime.jsxs("div",{className:"oui-flex oui-h-[18px] oui-items-center oui-justify-between",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:y.label}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text.numeral,{dp:2,size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:y.total_prize}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:y.currency})]})]},y.pool_id))}):null,[e]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-h-[500px] oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-10","oui-bg-cover oui-bg-center oui-bg-no-repeat",o?.container]),style:{backgroundImage:`linear-gradient(180deg, rgba(var(--oui-color-base-10) / 1) 0%, rgba(var(--oui-color-base-10) / 0.8) 15%, rgba(var(--oui-color-base-10) / 0.4) 40%, rgba(var(--oui-color-base-10) / 0.4) 60%, rgba(var(--oui-color-base-10) / 0.8) 85%, rgba(var(--oui-color-base-10) / 1) 100%), url(${u})`},children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center oui-justify-center oui-gap-[10px]",o?.topContainer]),children:[jsxRuntime.jsx(ui.Text,{size:"sm",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",o?.time]),children:d}),jsxRuntime.jsx(ui.Text,{className:ui.cn(["oui-trading-leaderboard-title oui-text-center oui-text-[48px] oui-font-bold oui-leading-[56px] oui-text-base-contrast",o?.title]),children:e.title}),jsxRuntime.jsx("div",{className:ui.cn(["oui-w-[342px] oui-text-center",o?.descriptionContainer]),children:jsxRuntime.jsx(ui.Text,{size:"sm",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",o?.description]),children:e.description})})]}),jsxRuntime.jsxs("div",{className:"oui-overflow-hidden oui-rounded-2xl oui-border oui-border-solid oui-border-base-contrast/[0.08]",children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-items-center oui-gap-4 oui-px-4 oui-py-3 oui-backdrop-blur-[10px]",g?"":"oui-hidden"]),children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:s("tradingLeaderboard.participants")}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-80",children:t?.total_participants})]}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:s("tradingLeaderboard.tradingVolume")}),jsxRuntime.jsx(ui.Text.numeral,{dp:2,currency:"$",size:"2xs",weight:"semibold",className:"oui-text-base-contrast-80",children:x})]})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-rounded-2xl oui-border oui-border-solid oui-border-base-contrast/[0.08] oui-bg-primary/[0.08] oui-p-4 oui-backdrop-blur-[10px]","oui-flex oui-flex-col oui-gap-4",g?"":"oui-border-transparent"]),children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-6",children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col",children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:n?"2xs":"xs",weight:"semibold",className:"oui-text-base-contrast-54",children:"Total prize pool"}),jsxRuntime.jsx(ui.Tooltip,{content:p,...m,className:"oui-max-w-[260px] oui-bg-base-5 oui-px-2 oui-py-1",children:jsxRuntime.jsx("div",{className:"oui-flex oui-size-4 oui-items-center oui-justify-center",onClick:()=>c(true),children:jsxRuntime.jsx(ui.InfoCircleIcon,{className:"oui-cursor-pointer"})})})]}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",n?"oui-text-[20px] oui-leading-[24px]":"oui-text-[24px] oui-leading-[28px]"]),children:S?rr(S.amount,S.currency):"0 USDC"})})]}),C&&jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col",children:[jsxRuntime.jsx("div",{className:"oui-flex oui-items-center oui-gap-1",children:jsxRuntime.jsx(ui.Text,{size:n?"2xs":"xs",weight:"semibold",className:"oui-text-base-contrast-54",children:"Raffle prize"})}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",n?"oui-text-[20px] oui-leading-[24px]":"oui-text-[24px] oui-leading-[28px]"]),children:rr(C.amount,C.currency)})})]})]}),n&&e?.rule_url&&jsxRuntime.jsxs("div",{className:"-oui-mb-1 -oui-mt-2 oui-flex oui-items-center oui-gap-0.5 oui-text-2xs oui-leading-[15px] oui-text-base-contrast-36",onClick:a,children:[s("tradingLeaderboard.viewRules"),jsxRuntime.jsx(ui.ChevronRightIcon,{size:16,className:"oui-text-base-contrast-36"})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-gap-4",e?.rule_url||T?"":"oui-hidden"]),children:[!n&&e?.rule_url&&jsxRuntime.jsx(ui.Button,{size:"md",variant:"outlined",className:`oui-flex-1
|
|
17
|
+
var cr=react.createContext({}),mr=e=>jsxRuntime.jsx(cr.Provider,{value:{campaigns:e.campaigns,href:e.href,backgroundSrc:e.backgroundSrc},children:e.children}),gr=()=>react.useContext(cr);var $e=25,Tt=6,br=e=>e.currentCampaigns.length===0?null:jsxRuntime.jsxs(ui.Box,{width:"100%",intensity:900,p:3,className:ui.cn("oui-mobile-trading-leaderboard-campaigns oui-rounded-[20px]",e.className),style:e.style,children:[jsxRuntime.jsx(Ya,{...e}),jsxRuntime.jsx(ui.Box,{r:"xl",mt:3,ref:e.enableScroll?e.emblaRef:void 0,className:ui.cn("oui-w-full oui-min-w-0 oui-overflow-hidden","oui-select-none oui-cursor-pointer"),children:jsxRuntime.jsx(ui.Flex,{children:e.currentCampaigns.map(t=>jsxRuntime.jsx(Ja,{campaign:t},t.title))})}),e.enableScroll&&jsxRuntime.jsx(Qa,{style:{width:$e*e.currentCampaigns.length},list:e.currentCampaigns,scrollIndex:e.scrollIndex,scrollTo:e.emblaApi?.scrollTo})]}),Ya=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:t("tradingLeaderboard.campaigns")}),jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.category,onValueChange:e.onCategoryChange,options:e.options,classNames:{trigger:"oui-w-[--radix-select-content-available-width]"}})]})},Ja=({campaign:e})=>{let{title:t,description:a,image:r,displayTime:i,learnMoreUrl:o,tradingUrl:n}=e,{t:s}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{intensity:800,r:"xl",className:"oui-flex-[0_0_100%]",children:[jsxRuntime.jsx("img",{className:"oui-w-full oui-h-[calc((100vw-48px)/2)] oui-rounded-t-xl oui-object-fill",src:r,alt:t}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",justify:"between",direction:"column",height:"100%",p:4,gapY:3,className:"oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsx(ui.Text,{size:"sm",children:t}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:i}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:a})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gapX:3,children:[jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"secondary",fullWidth:true,size:"md",onClick:()=>{window.open(o,"_blank");},children:s("tradingLeaderboard.learnMore")}),jsxRuntime.jsx(ui.Button,{size:"md",fullWidth:true,onClick:()=>{window.open(n,"_self");},children:s("tradingLeaderboard.tradeNow")})]})]})]})},Qa=e=>{let{style:t,scrollIndex:a,list:r}=e;return jsxRuntime.jsxs(ui.Flex,{mt:3,r:"full",height:Tt,className:ui.cn("oui-bg-line oui-mx-auto oui-relative"),style:e.style,children:[r.map((i,o)=>jsxRuntime.jsx(ui.Box,{width:$e,height:Tt,onClick:()=>{e.scrollTo?.(o);},r:"full",className:"oui-cursor-pointer"},o)),jsxRuntime.jsx(ui.Box,{width:$e,height:Tt,r:"full",className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-transition-all oui-duration-300","oui-bg-primary"),style:{transform:`translateX(${a*$e}px)`}})]})};var J=e=>({from:dateFns.subDays(new Date,e-1),to:new Date}),z=e=>dateFns.format(e,"yyyy-MM-dd");function ti(e){let t=e.getUTCFullYear(),a=e.getUTCMonth(),r=e.getUTCDate(),i=String(e.getUTCHours()).padStart(2,"0"),o=String(e.getUTCMinutes()).padStart(2,"0");return {year:t,month:a,day:r,hours:i,minutes:o}}function kt(e){let t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];typeof e=="string"&&(e=new Date(e));let{year:a,month:r,day:i,hours:o,minutes:n}=ti(e);return `${t[r]} ${i}, ${a} ${o}:${n}`}function Cr(e){let t=new Date(e);try{return dateFns.format(t,"yyyy-MM-dd HH:mm 'UTC'")}catch{return ""}}function Nt(){let{t:e}=i18n.useTranslation(),{campaigns:t=[],href:a}=gr(),[r,i]=react.useState("ongoing"),{track:o,tracking:n}=hooks.useTrack(),s=react.useMemo(()=>{let g=new Date;return t.reduce((p,y)=>{let _=new Date(y.startTime),F=new Date(y.endTime);return g>=_&&g<=F?p.ongoing.push(y):g>F?p.past.push(y):p.future.push(y),p},{ongoing:[],past:[],future:[]})},[t]),u=react.useMemo(()=>[{label:e("tradingLeaderboard.ongoing"),value:"ongoing"},{label:e("tradingLeaderboard.future"),value:"future"},{label:e("tradingLeaderboard.past"),value:"past"}].filter(p=>s[p.value].length>0),[s,e]),d=react.useMemo(()=>s[r].map(p=>{let{startTime:y,endTime:_}=p,F,U=a?.trading;return typeof p.href=="object"?(F=p.href.learnMore,U=p.href.trading):F=p.href,{...p,displayTime:`${kt(y)} - ${kt(_)} UTC`,learnMoreUrl:F,tradingUrl:U}}),[s,r,a]);react.useEffect(()=>{let p=["ongoing","future","past"].find(y=>s[y].length>0);p&&i(p);},[s]);let l=g=>{i(g);},[c,m]=react.useState(0),[x,S]=ri__default.default({loop:false,slidesToScroll:"auto"});react.useEffect(()=>{S?.on("select",()=>{m(S?.selectedScrollSnap());});},[S]);let C=g=>{o(types.TrackerEventName.leaderboardCampaignClickLearnMore,{campaign_title:g.title}),window.open(g.learnMoreUrl,"_blank");},T=g=>{n(types.TrackerEventName.leaderboardCampaignClickTradeNow,{campaign_title:g.title}),window.open(g.tradingUrl,"_self");};return {options:u,currentCampaigns:d,category:r,onCategoryChange:l,tradingUrl:a?.trading,emblaRef:x,emblaApi:S,scrollIndex:c,enableScroll:d?.length>1,onLearnMore:C,onTradeNow:T}}var Lt=e=>e.currentCampaigns.length===0?null:jsxRuntime.jsxs(ui.Box,{width:"100%",intensity:900,p:5,pr:2,height:288,className:ui.cn("oui-trading-leaderboard-campaigns oui-rounded-[20px]",e.className),style:e.style,children:[jsxRuntime.jsx(ni,{...e}),jsxRuntime.jsx(ui.Box,{mt:5,r:"xl",className:ui.cn("oui-overflow-y-auto","oui-custom-scrollbar"),children:jsxRuntime.jsx(ui.Flex,{gapY:5,height:200,direction:"column",r:"xl",className:"oui-pr-1.5",children:e.currentCampaigns.map(t=>jsxRuntime.jsx(si,{campaign:t,onLearnMore:e.onLearnMore,onTradeNow:e.onTradeNow},t.title))})})]}),ni=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",pr:3,children:[jsxRuntime.jsx(ui.Text,{size:"xl",children:t("tradingLeaderboard.campaigns")}),jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.category,onValueChange:e.onCategoryChange,options:e.options,classNames:{trigger:"oui-w-[--radix-select-content-available-width]"}})]})},si=({campaign:e,onLearnMore:t,onTradeNow:a})=>{let{title:r,description:i,image:o,displayTime:n}=e,{t:s}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{intensity:800,r:"xl",width:"100%",children:[jsxRuntime.jsx("img",{className:"oui-h-[200px] oui-w-[400px] oui-rounded-l-xl oui-object-fill",src:o,alt:r}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",justify:"between",direction:"column",height:"100%",p:5,className:"oui-flex-1 oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{gap:1,direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xl",children:r}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:36,children:i})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:n}),jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"secondary",size:"md",onClick:()=>{t(e);},children:s("tradingLeaderboard.learnMore")}),jsxRuntime.jsx(ui.Button,{size:"md",onClick:()=>{a(e);},children:s("tradingLeaderboard.tradeNow")})]})]})]})]})};var Re=e=>{let t=Nt(),{isMobile:a}=ui.useScreen();return a?jsxRuntime.jsx(br,{...t,className:e.className,style:e.style}):jsxRuntime.jsx(Lt,{...t,className:e.className,style:e.style})};function xe(e,t){let a=react.useRef(),r=react.useRef(t);r.current=t,react.useEffect(()=>{let i={root:null,rootMargin:"0px",threshold:0},o=n=>{n.forEach(s=>{s.isIntersecting&&r.current?.();});};return a.current=new IntersectionObserver(o,i),()=>{a.current?.disconnect();}},[]),react.useEffect(()=>{e.current&&a.current?.observe(e.current);},[e.current]);}var Pr=[7,14,30,90];function _t(){let[e,t]=react.useState(""),[a]=react.useState({sortKey:"perp_volume",sort:"desc"}),[r,i]=react.useState(a),{state:o}=hooks.useAccount(),n=hooks.useConfig("brokerId"),{isMobile:s}=ui.useScreen(),{dateRange:u,filterDay:d,updateFilterDay:l,filterItems:c,onFilter:m}=xi(),{page:x,pageSize:S,setPage:C,parsePagination:T}=ui.usePagination({pageSize:100}),g=v=>{let k=new URLSearchParams;if(k.set("page",v.page.toString()),k.set("size",v.pageSize.toString()),k.set("aggregateBy","address_per_builder"),n&&k.set("broker_id",n),v.sort)k.set("sort",v.sort);else if(v.sort!==null&&r){let O=r.sort==="asc"?"ascending":"descending";k.set("sort",`${O}_${r.sortKey}`);}return u.from&&k.set("start_date",z(u.from)),u.to&&k.set("end_date",z(u.to)),v.address&&k.set("address",v.address),`/v1/broker/leaderboard/daily?${k.toString()}`},{data:p,isLoading:y}=hooks.useQuery(g({page:x,pageSize:S,address:e}),{formatter:v=>v,revalidateOnFocus:false}),{data:_,size:F,setSize:U,isValidating:X}=hooks.useInfiniteQuery((v,k)=>k&&!k.rows?.length||!s?null:g({page:v+1,pageSize:S,address:e}),{initialSize:1,formatter:v=>v,revalidateOnFocus:false}),{data:ee}=hooks.useQuery(o.address?g({page:1,pageSize:100,sort:`descending_${r?.sortKey||"perp_volume"}`}):null,{formatter:v=>v,revalidateOnFocus:false}),{data:E=[]}=hooks.usePrivateQuery(o.address?g({page:1,pageSize:1,address:o.address,sort:null}):null,{revalidateOnFocus:false}),te=react.useCallback(v=>{let k=ee?.rows.findIndex(O=>Ci(O.address,v));return k!==-1?k+1:"100+"},[ee]),I=react.useMemo(()=>!o.address||y?[]:E.length?E?.map(v=>({...v,rank:te(v.address),key:ae(v.address)})):[{key:ae(o.address),address:o.address,rank:"-"}],[o.address,E,y,te]),A=react.useCallback((v,k)=>v?.map((O,Ne)=>{let Oe=Ne+1;return e?Oe=te(O.address):r?.sort==="asc"?Oe=k-(x-1)*S-Ne:r?.sort==="desc"&&(Oe=(x-1)*S+Ne+1),{...O,rank:Oe}}),[x,S,r,e,te]),ke=react.useMemo(()=>{let v=p?.rows||[],k=p?.meta.total||0,O=A(v,k);return x===1&&!e?[...I,...O]:O},[p,x,I,e,A]),we=react.useMemo(()=>{if(!_?.length)return [];let v=_[0]?.meta.total||0,k=_?.map(Ne=>Ne.rows)?.flat(),O=A(k,v);return e?O:[...I,...O]},[_,I,e,A]),b=react.useRef(null),N=react.useMemo(()=>T(p?.meta),[T,p]);xe(b,()=>{!X&&s&&U(F+1);});let f=v=>{t(v);},w=react.useCallback(()=>{t("");},[]),D=react.useCallback(v=>{i(v||a);},[a]);return react.useEffect(()=>{e&&C(1);},[e]),react.useEffect(()=>{C(1);},[o.address]),react.useEffect(()=>{u.to&&u.from&&C(1);},[u]),{pagination:N,dateRange:u,filterDay:d,updateFilterDay:l,filterItems:c,onFilter:m,initialSort:a,onSort:D,dataSource:ke,isLoading:y||X,searchValue:e,onSearchValueChange:f,clearSearchValue:w,isMobile:s,sentinelRef:b,dataList:we,address:o.address}}var xi=()=>{let[e,t]=react.useState(90),[a,r]=react.useState(J(90)),i=s=>{t(s),r(J(s));},o=s=>{if(s.name==="dateRange"){let u=s.value;if(r(u),u.from&&u.to){let d=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,l=J(d);z(l.from)===z(u.from)&&z(l.to)===z(u.to)?t(d):t(null);}}};return {filterItems:react.useMemo(()=>[{type:"range",name:"dateRange",value:a,max:90}],[a]),onFilter:o,dateRange:a,filterDay:e,updateFilterDay:i}};function Ci(e,t){return e.toLowerCase()===t.toLowerCase()}function ae(e){return `current-address-${e?.toLowerCase()}`}var Xe=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen();return react.useMemo(()=>[{title:t("tradingLeaderboard.rank"),dataIndex:"rank",width:40,render:r=>jsxRuntime.jsx(ui.Box,{width:20,className:"oui-text-center",children:r})},{title:t("common.address"),dataIndex:"address",render:(r,i)=>{let o=i.key===ae(e);return a&&o?jsxRuntime.jsx(ui.Text,{children:"You"}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"address",children:r}),o&&jsxRuntime.jsx(ui.Text,{children:" (You)"})]})},width:90},{title:t("tradingLeaderboard.tradingVolume"),dataIndex:"perp_volume",onSort:true,render:r=>r?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,children:r}):"-",width:105},{title:t("common.realizedPnl"),dataIndex:"realized_pnl",onSort:true,align:a?"right":"left",render:r=>r?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,coloring:true,children:r}):"-",width:90}],[t,a,e])};var Dr=e=>{let t=Xe(e.address);return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",itemAlign:"start",intensity:900,r:"2xl",px:4,style:e.style,className:ui.cn("oui-mobile-trading-leaderboard-trading-list",e.className),children:[jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",className:ui.cn("oui-mobile-trading-leaderboard-trading-filter"),children:e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:a=>{e.onFilter(a);},className:"oui-h-[40px] oui-border-none"})}),jsxRuntime.jsx(ui.DataTable,{classNames:{root:"oui-pb-4",body:"oui-text-2xs",scroll:"oui-overflow-y-hidden oui-h-full"},loading:e.isLoading,id:"oui-trading-leaderboard-trading-table",columns:t,initialSort:e.initialSort,onSort:e.onSort,dataSource:e.dataList,generatedRowKey:a=>a.key||a.address,manualPagination:true,manualSorting:true,onRow:(a,r)=>({className:ui.cn("oui-h-[30px]")}),onCell:(a,r,i)=>{if(r.key===ae(e.address)){let o=a.getIsFirstColumn(),n=a.getIsLastColumn();return {className:ui.cn("after:oui-absolute after:oui-h-[30px] after:oui-w-full","after:oui-border-[rgb(var(--oui-gradient-brand-start))]"," after:oui-left-0 after:oui-top-0 after:oui-z-[-1]","after:oui-border-y",o&&"after:oui-rounded-l-lg after:oui-border-l",n&&"after:oui-rounded-r-lg after:oui-border-r")}}return {}}}),jsxRuntime.jsx("div",{ref:e.sentinelRef,className:"oui-invisible oui-relative oui-top-[-300px] oui-h-px"}),e.isLoading&&e.dataList.length>0&&jsxRuntime.jsx(ui.Flex,{itemAlign:"center",justify:"center",width:"100%",height:40,children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]})};var It=e=>{let t=Xe(e.address),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",itemAlign:"start",intensity:900,r:"2xl",px:4,style:e.style,className:ui.cn("oui-trading-leaderboard-trading-list",e.className),children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",mt:2,className:ui.cn("oui-trading-leaderboard-trading-filter","oui-border-b oui-border-line"),children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:r=>{e.onFilter(r);},className:"oui-h-[53px] oui-border-none"}),Pr.map(r=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:e.filterDay===r?"brand":void 0,className:e.filterDay!==r?"oui-text-base-contrast-54":"",children:`${r}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{e.updateFilterDay(r);}})]},r))]}),jsxRuntime.jsx(ui.Input,{value:e.searchValue,onValueChange:e.onSearchValueChange,placeholder:a("common.address.search.placeholder"),className:ui.cn("oui-trading-leaderboard-trading-search-input","oui-w-[240px]"),size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(zi,{className:"oui-text-base-contrast-36"})}),suffix:e.searchValue&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:e.clearSearchValue})}),autoComplete:"off"})]}),jsxRuntime.jsx(ui.DataTable,{loading:e.isLoading,id:"oui-trading-leaderboard-trading-table",columns:t,initialSort:e.initialSort,onSort:e.onSort,bordered:true,dataSource:e.dataSource,generatedRowKey:r=>r.key||r.address,manualPagination:true,manualSorting:true,pagination:e.pagination,classNames:{root:"!oui-h-[calc(100%_-_53px_-_8px)]"},onRow:(r,i)=>({className:ui.cn("oui-h-[48px]")}),onCell:(r,i,o)=>{if(i.key===ae(e.address)){let n=r.getIsFirstColumn(),s=r.getIsLastColumn();return {className:ui.cn("after:oui-absolute after:oui-h-[48px] after:oui-w-full","after:oui-border-[rgb(var(--oui-gradient-brand-start))]","after:oui-left-0 after:oui-top-0 after:oui-z-[-1]","after:oui-border-y",n&&"after:oui-rounded-l-lg after:oui-border-l",s&&"after:oui-rounded-r-lg after:oui-border-r")}}return {}}})]})},zi=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})});var Fe=e=>{let t=_t();return t.isMobile?jsxRuntime.jsx(Dr,{...t,...e}):jsxRuntime.jsx(It,{...t,...e})};var zr=e=>jsxRuntime.jsx("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:ui.cn("oui-relative oui-grid oui-h-[calc(100vh-44px)] oui-gap-1 oui-bg-base-10","oui-mix-blend-screen",e.className),children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:3,height:"100%",px:3,pt:3,pb:3,className:ui.cn("oui-trading-leaderboard-mobile oui-custom-scrollbar oui-overflow-y-auto","oui-relative oui-h-[calc(100vh_-_64px)]"),children:[e.showCampaigns&&jsxRuntime.jsx(Re,{}),jsxRuntime.jsx(Fe,{})]})});function Ui(e){let t=e?.split(".").pop();return ["mp4","webm","avi","ogg"].includes(t??"")}function Mt(e){let{backgroundSrc:t,campaigns:a=[]}=e,{isMobile:r}=ui.useScreen(),i=react.useMemo(()=>a?.length>0,[a]),o=react.useMemo(()=>Ui(t),[t]);return {backgroundSrc:t,isVideo:o,showCampaigns:i,isMobile:r}}var zt=e=>{let t=()=>{let a="linear-gradient(180deg, rgba(var(--oui-color-base-10) / 0.3) 0%, rgba(var(--oui-color-base-10) / 0) 70%, rgba(var(--oui-color-base-10) / 1) 100%)";if(e.isVideo)return jsxRuntime.jsxs("div",{className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full"),children:[jsxRuntime.jsx("div",{style:{backgroundImage:a,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full")}),jsxRuntime.jsxs("video",{autoPlay:true,loop:true,muted:true,className:ui.cn("oui-border-none oui-outline-none oui-bg-transparent","oui-w-full oui-h-full","oui-object-cover","oui-opacity-50"),children:[jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/mp4"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/webm"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/ogg"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/avi"}),"Your browser does not support the video tag."]})]});if(e.backgroundSrc)return jsxRuntime.jsx("div",{style:{backgroundImage:`${a}, url(${e.backgroundSrc}) `,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-top-0 oui-left-0","oui-w-full oui-h-full","oui-opacity-50")})};return jsxRuntime.jsxs("div",{style:e.style,className:ui.cn("oui-h-full oui-mix-blend-screen",e.className),children:[t(),jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:5,height:"100%",className:ui.cn("oui-trading-leaderboard oui-relative","oui-max-w-[1040px] oui-px-3 oui-mx-auto "),children:[e.showCampaigns&&jsxRuntime.jsx(Re,{}),jsxRuntime.jsx(Fe,{className:ui.cn(e.showCampaigns?"oui-h-[calc(100%_-_288px_-_20px)]":"oui-h-full")})]})]})};var Ai=e=>{let t=Mt({backgroundSrc:e.backgroundSrc,campaigns:e.campaigns});return jsxRuntime.jsx(mr,{campaigns:e.campaigns,href:e.href,children:t.isMobile?jsxRuntime.jsx(zr,{...t}):jsxRuntime.jsx(zt,{...t,className:e.className,style:e.style})})};var Ur=react.createContext({}),Er=e=>{let[t,a]=react.useState("general"),[r,i]=react.useState(),[o,n]=react.useState(),{data:s,mutate:u}=hooks.usePrivateQuery("/v1/referral/auto_referral/progress",{revalidateOnFocus:false,errorRetryCount:2,formatter:m=>({code:m.auto_referral_code,requireVolume:m.required_volume,completedVolume:m.completed_volume})});react.useEffect(()=>{s?.code&&r?.referral_code!=s.code&&(i({...r,referral_code:s.code}),u());},[s,u,r]),react.useEffect(()=>{e.campaignId&&a(e.campaignId);},[e.campaignId]);let d=react.useMemo(()=>e.campaigns?.find(m=>m.campaign_id==t),[e.campaigns,t]),l=react.useMemo(()=>{let m=e.campaigns?.filter(x=>x.referral_codes?x.referral_codes?.includes(r?.referral_code||""):true);return m&&ramda.sortWith([ramda.descend(x=>dateFns.parseISO(x.end_time))],m)},[e.campaigns,r]),c=react.useCallback(m=>{a(m),e.onCampaignChange?.(m);},[e.onCampaignChange]);return jsxRuntime.jsx(Ur.Provider,{value:{campaigns:l,href:e.href,backgroundSrc:e.backgroundSrc,currentCampaignId:t,currentCampaign:d,onCampaignChange:c,userData:r,setUserData:i,updatedTime:o,setUpdatedTime:n},children:e.children})},oe=()=>react.useContext(Ur);var Ar="data:image/png;base64,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";var Or="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAABgCAMAAADfNusdAAACUlBMVEUAAAB0YjLGiDloVTCyk0mBZzbRm0/anDvIlkKedzbCl0ffsUajikv6wGvzumO4lVX5yzn41Tygfj77v0L/5B//7Dvdok74z0r/+T7yyUjUrGp/YC34yyjquzS7iDGwh0b7w1yofjrbrF3zsVLvpDD/7En61lDepUrrzWL5zV3lpkvyvVjyyEzmwVz0sh37yXf+4C7/90vsrlPwxzPksmP02VDkuTbOoWPxuCHuxHz60Tb8813KoUL1nxbwvTP//lbPiy7InmLkuDX45i63bQ+/cQi6bQbxtwzutAvqrArRiAj0vA/8zyG4agTDdwjWjwrsrwjKgAXlow28bgbBcwngnwbzvBX90SnDeAvusgfIfQfNhAb91TD5yBXGegrUiwz2wBD1wRnnqAzgmwX92Dv3whP3xRfblgmvXQX920fqqQjmoQr7yxbakwv5xAzlpQfIfwzbjQq2YwT4xyH+6XzZiAfdmAa1ZgT+53L90jDflAe7chT0wx/Xkg37yh/6zy/yvRjPfAX6yyX+5Gj+42D+4Fj+7If7xw3zugv5vwX+7pLRlUPEhTLUggX80jq/ehzjmAb91kLNkDz+3FPMjDbFgyHrpQjmnAfKhin+30/6yi3dnSzMiy7gnw/Fcwn+9rT81knAfirKhR7FfhXemA6pVgX/8aP/7CnjpB2/agTorR7bmxvnqxPEbQXnnDj71Vn+0BfPgQv93V7opkbRhxX/2hLKdQniqCnUkRzbkxX+ygf/2x7zsgf/+sbqsFDYkTjXlC7+327zwzD5uizotDD1qCsxUwIhAAAARXRSTlMAEv4fOjX+/odJaE4l/v5S/uJk/v78/v79uZZh7KypduqQdP3j4tzGi/jYz2Mp/Pnw7erDsqWT6eXY0sG+/dX82LrElut9nQgWAAAV/UlEQVRo3u2b91+TVxTGAYuiOHBr3dUOtXvvDVlAQggJCQlkQDAEwggrgRAIM4AIAkJRRsUKLlTQKrht+3/1Ofe+GUC0qNj+0gcFMX7M1+ecc8+5975G/a9/QW9/9dVXOz95a80r0VH/ndbGxm9YvYgg/rutGo1Xn6vfsXXHB69/umntv48Y/ckHO3ZMbNkyMbFj497YsBdiv/NpNHp9rq25ury8sXnr1h07Pnpr9Yqof0/vfDBxx2ubbmq25WqSr22Z2LgvaM/XW5IZXG5zdcv50Xujo+fLm3K3bt1zID7q39FXE97G86N43/b28kabPrmwcMsH+wRHt14jOGZdU2N5O/7YvXuj7dW/TGi+3PnWO1EvW+98d7Mab9hS3TTdPD3d2Nhky00unNvy+gZ6cdeOINwvoGusLm8BINTeCJN3f7nz5fLF79Cfvzda3dvl8g75vF5NV4/N1uNKNjgmdq5AVO8kh8FVVyPxoJaW9vb2lupm/Ct2b9wY9dL0CrG1N3d5fU6rNc9ktTqdPm9XVxfo5na8EoWohjsHOKZqGIzvGnuB11q7e2fUS1H0juT2e+W5riFrnlomEonUapOJ8Xm9dQb/xEYDwelZudpCcNXVTc29v9hsuTb8dCW3Ol4O354t5fdacl0+q0kk1ioUWrEYeOAjPF9dazKTJggXYmv+xZabq9djCfS6XMmFDqNp955lZts0YRtt70FIa0UK5YDFbldKFGKRTE3h9Xqnm5O5CA5x5c6BrbGpmXzTuzTJyYWGwrrk5DqDwwi+t5cT7sub7aO9yC+TTGJxl5aWut3n7GaJGNGFeUMtvQ6DoQ7ieDzpwtj0jM1gdTgcVijPKJN9/u2y8b11zTZa3uWts8ok7tKKiuMNx49XlHbbzQqRul5t8jUOiWQykzEvz2AoTNa4mHeQwAa4ZAbncOQZjWrIZDK2tamXi++Na+XtY16fQa3oLi2taGAiPCUzz9plPAUVKMRiQOYZ6jT6Htsvvc3NvUCjmJJx5FweiomqCfkAiUTiz/csQ//w6turXd46k8jidhObrqSE8GBegRZ4Tpnd7aZYdw/YwSiS5Tl9MDCXyPQCGhnn4HDioLTaiz9++s6LGtfbYvP6rLJTYDjeoBuMOdP5YOoG0RXDL3WeUUHWDQzwdBwAMgCtzmSmQo7GgiqwKRQKCQSr8fXzvbteBG7jtabyHq8zT9HdDeOuD3Y+XPla7K64Q99UVLgBclcma5PJjHhrkeLUQDeSstTdbT8lEctAaCA5SMg3giPDCM1sLjabCbHgbt23+6Kfu6nu1lQ3uYbIuO7S49cHBx+s4S/sOtQNOoniroyKAaK0Mook9u4KAKKgKSeJGr9L7OG+ga1YCZkvX75sLhYlHFjxvLXqqm72Ok3iATLu7ODU6mDf2PsXeafwOxxYxXxYS7CS+ZxOq1oxUFpBJe22K81YEdtgLdB4voGtAGxKe0ZGxnDGsPLy5YuXM0Suna88D9wnc7nVY16nUQI4GPcwLuy1XX+hKhQOR2thHTJfo9G4unJzu7pcQ06T1o78bCBAC9ZE9BSQafEj4FtxBmSxVObnDw9PXpwctvxxZNOzw/04N9bYReXQjajeODM1LwCvHDo1oGgFHMiE9kWLyFiXd8gpU9jlDQ2/gxAxRgRRAlCIDSI2T5HHc2ny1mS+5Y83nhUv+vU52zRqVWTvPlfacPbB3gWvf3pXXOggNpfLpefNC8PINPhgn0jSXdHw+xUGWHRuWGk2mwkN4miVlflFHkgu91y6NemRPyte9EShrZdSzj7grrg+OLWo8PcYCplxes4mNP3Gabjns6pFWrtb2nDlypUR3XWpZ/bc8DDKwM7QGJuHlJOTI5XmXDp9SZ6z+eiz5N4KwNkApx0A3IKo8sjeITYX7/pNjYERs6mX6JwmtUgssbuPj1y4cGEEgDdyPPkWkAENIWW+yYEGZWVl3b4tzfJs/njplRu7pdA2pkEBwjmk3KGohYrjcC6Cg3FgIzhswWyMDuZhrS225DRcKSu7cEU1UkKAnqJ8koezcbSSkjT80N2YObxhqXAbbraO9Wgou8k5pNxCbUQPSNbzjGvmxpFzjSiLXJemDmMIYisxKy2l11MvlAFQNZJdUpIlzeHJJhdsA5hOp8vM1JWcfXj41aXD9fT4rAG4A4uc3QrjAAfjOBw3juBsgPMVYkZi5int54pydLAPfIkqVWp2WpZUCrIAWxrISONnz5w8+OpS4Rw9PV4e1orbU5ueElUbttTMuZYQHOZLGu3VYphXbKkskupUKcSXkp6emJipS0tLy2LCLwCXqsrMLAFcx/rXlgrX1aUh5+zk3OpFYwFFlfY2Qq22MNGIbiM4NmZSU2V0xRa3XJqWml527FhZVUpKUlKiKlNHhMSmAxu+Z3Ar31sqnJec09rRM3NWLYSLRlQLYdx8uHKwYfeg93I4WAc6BejsMC8HeIlVxxgflJ6IRIPIOJgpwK1f0oqydoujrmfIqdYqkdI5Uwvh4jWtrYhqyDnQUVDpzKKLbx5oMudwKAsl6OTSLF1qYsqxY78dKyO8pHQYRlIlJqYG4DYtbZ0zGno0gCtQYmBbBLf3GqUcZsogHImC2pPr8vr4gI6SoLiCDgswWpYc5gXwjlWlVFVVpSQlcmWWcLh1eKMlaKuxFZ2oVlRwyu4uPb1p4UIyF+qr1LsYGquGHl4OwiSFmUTLrcsg72BeWrYqKQXJh/CCDiGGgVQjgOtDzi1txPvA6PCiQ8gkZnt36cO4hb6i6cO4IFw1712czedz0qwJOISVWWeGc7CuCN5loTwTk1Io+Si6zL905txgX8e2H6KWpNdFDifg1ApM4qUP35z/4po7DqQcUisIBzWyoOoR1TraEebRzgZLHeo1BMfpkGVJVcw9cIE0JV0FuvHBjvW7ljhs+vMAV4ukK7C7Zw8uGPZaqR74dj+XnX8BjVUqC2odqgFolHIiNmUqw+CkaFiZZB7Hq0pCqapUKgCrOtcvcXCPLzRZkXMmkUJyqrto84KUC8JRuWKWawIa2GCcRuOjBZhvbGjzwHLOzuE8BId2qgNdegCvjOxjsDX9e+MO7FuzesU/MUbr601OwMm0Clg3v1xXbG11FIbBYb/ai1oAGy0jBIeYMjaC4/WQITiXAzjuHfFUcT60DhRJSmZaqfvUXaPjjvf1r3eteGpFiIy1gFOLQec+PS/pNmxxOAo1ITgunnAwzmmwBneE3Dia5TAqyRncDW4d8i4J9ZDC+cqwvIyXpMmVEq1WhN2H/45+464nG/iJSGYiOpFWKxmYnRfXTw1UD2GnOKRcbCMYW52TjONsBMfZMMghqmDjzglwEKcDm6pEd/v+4cNXr27fnjBUawTfxie22leugY7iii262f1XeF95s3A+XA8+IJcLCUfHjKZwNlaroajyWUSXzeE4HdB+K0tKV5Xcur95+/btV0kJQyaZyPrGk9pZj0KmhnVqWkcHLu0MX2aw8aKoBuIKBdmoUk3BmPLmJaScJ5RyBIeSICHbiA3rSWqa/By2jGKRqfYxGBOcmAhz455wjK4VqZl1oFO6w+IanUspFzg6dDE8fZcebEJMjSa1rE0Ex7VssxpaSIRiRcqhIAJwVZRvKehkqWlST2UG9ms4pDQ9TkhIcNaLJHWfRO7918QiwTpk3WRc6IUJBlfH4fQkF0R1SoWKWmDjCMFJAsaBjYwLh0tPp87F4cg4VSrmUHm+BRtuiVhdX+t87KytFxeIIp/ZHpaQw7WMrsCSEPz91df8jrrkQnwQHcCCaE6nIU9Y4FBH/OSGVUMwqEJUyTjQ0SfKud+qyDlVqi5NmgM8mAc6vLWpXqQwvxtxPn4bVU1/hBZ6hf3doHVrbjpafXU0bTI6EsqDoVGdyhgbnSUBDkG1C0ENMy6bRZXgmHVwDnQcL4vjMTqTqV4tlgwnRKwKW4FWBnuRQaiJjKHgSmJEPRSSKLQ+APqARnMIiylno3yDcDoSzsZrlaccsfHMq6IRBaIRNJUFN4PT1QNOYc4/HNE6HKaRdYyuQPlRFNdOnOD4DIVM7CiuDqIRycjRwCYS2ELFQGgQ2zVkswETbOzriRM1NcdoOUZ1YIBKv6BKzZJnmAEHwbnL+bfeikTXW6xV1wPOJCM6mXBc+pGf4CACNNAHyKgpCGgU0wAbHzMJLowtAKeir5njv8Z01nR2nuzoOBnT13dmcDxzRCetLFYgpRBWkeLi8O33Ii7ETrjLrWsDnSaat32ZwwCnQqLDcgGtDWg8pgWcDcXgLprHVpKdij0NMw5wqZn9nTEdMR1H1zDtO/DmhwdnbuvkGSyualTE5YuemQ0Rz16VRGcS6O5+yddgFKsvjMxBMwgENGITc7YCs8BWGWBjO8ES+EZsUCZ+mZo53h+D+Ty8Ua3YtXemwmLW0oUMwf0pv/1FxNkkF3Qs7fDWoGNp977f4fRZITR4eOZwcLIQmlYCtuJgZyjyBH3T6QiNs2HABByM6+vo+HBBj1+9mcHVUlglf+bfXhcVSa++axa8I2PE/j0MLg/nmFzC2SqhQUAT+gLgikMtlfsGNORbKmcDXHYJvhkf7DvZcf/AooSSFWtlwkL356Ub69dGHtdxgspWO+AhtHOg2+rP8xnIMyYcSBM38w1khLaYjYdUQFMFjCtJhXGDfdh0xUYt1LcSLdqTqR5Lya1LWds2RG5iXUqzVqAjiNaPot/3W4ewbAhsah5QiLsG24gNcMTmFtjSwtgSw4wrGexExh2NWqQ1d7VGZxBuJRaTSHrtD2UBjQCUeBTB1t2tfifBmUx5xghoEgENxpFvRfPZMjkaNw5ly6O6KcJCMSeyYg+DsBaTc0864jlaoCxQsF7HMsyvsfp9TiPBqVmHlzE0KNw2XqdY4BbENMgG4wCXzXar+6MWa/Vcm7PLSYuw8qInayV6Z2Ttx2Uh0XE8R2+PH9cTMrABTa0OoilCaPbijIhsCGlAmQSXzYw7iHJYpLg5mXeMJjqJclJ+duW+J56bbD5nL5YwOpMJcI/8TmObmnoL25hyNgooZwsd54diSmWaLbCxxhU0DnDrVkS6T20zdo1ZAWdWDkvPbNv05Kt+0GFFITzA9VT7rTK6AwQcuUbiAeVoYINw9huqBUILhhTTSMA4dkCy7eNIC6zTb+jtMVFUM4qkfSufctG4ZnORpVihpatMY56hy28UiQgtUrJxNtgWYguubvPhsoWoro+NNHM4/N7pBBMde1vkWR2fPZkNdH+ATiLBrg2XcVbqoEE0BUQhDUcT2kKADT0h5BvgArWa3X/mSecju/2O3mknRTUjX3oDcE9T3B9F3cXmAoyfsjb0MZgIuIBp4WgkZlvQN3RQoAXzTTCOVuAnG7fppt/7aKxWJlYoM+RZgyt/iPonOrcFa4qWhjUsLYKAxmTmaCHbgr5lM7JQTDkcGZcK407OfB3pdPB9f2tT9RCqrcBeKS05ufLpbJR3niJctgFPIbHbJfPIIGrzIdvC2DK5a/PgVMg36g6I6rpIxn005+hpGTPBuGKLPO3s06MqTAqzMK/4FI6dLN3mixfFknA0KHAfGECbz5YeEg1LQs/ftjOSDzf9vvbqIRmVQ7407czKJVwBxB6a9eCq0mLHgxzKixcvB9GUAbTKULYJSy+fj0JwSUkh47COnIy0xq2+6TeUt28n48wZ8rSSkzDunxV9ZDKH7vPxJMe5W6AzE5uSX7kNExtdHYXZxmtBYCMqwIUbd+bk/bgIq+oWv2P6/NVa1J2kGMYNwrglKe6v2Rxcllc0FN26NTl5OegaxFwLDr1pC5e3JAho+IQNYCpeYN1hf/TiYgDb2PlHWEZQqpYcMm6pV3ax30/mXD9+XJdzmujAFco1VqNBthIBLZwtnfAIDmIZd3BThDsGv7/rfPmQGgdIZqy/ur5t+57hCadDs9ev666fPn2awQ0PZ1hCybZgeAslHIfDJ7YC4wVaR1a9ufhAdcLvIDYTbVjRuNL6T34R9Szad+iv02dPE90wFLCtiKGFN1OghbNBnA1w+AnjFlfDpzdljp7zLQl5KAYJsY33Ya15NsXu23NkCnSXAHcOrnE2oPGY6ubN46iDBXAk7Gvu71sY0t1zMv/YKGKqFrO+laYbxJj5HNpPcJfOQfmBSoDmsXHXCC0cLpGgM/v7OhYG9aebbcbWR6OPnBjEFAXkm66/49mCGpryVnE6gHnkYb4BjrNxMs6Wgg8msJGZMG7BdjA+2d+G9e38VRO7p7Uztpj3EPnn0WszjG4WbJ5wtrQQGw8oZ2MCHJSSouqMmVk9D+19h7jNj3QbMoJNYua+dSLhnlNHp4hudpbYSgU2btxCNkLjfFSyKWUpv8Z0xM27WvYrRH4fbHOqqWlhFGG+rd8Q9dzavwp0tz2AK8UTdlIoIlsKRws7n67p7NsTbDvxnxfeVYjbrE3tj4ZMzDalRS7VZb4IGxR9eNWqhw9vg43g8HCilO/qQ7UQCqlAyU+Ak2q+53/B6j3v+guKMcRar5Y/SqARES0rIz8n60XZoBX7VwEvh9jwCXRZjG0EcOFVCjQSv3KgA+CyYz/v/f7QN998M5CPGVHb5rz66OpQPYYwupuldMsE23s40HxxutulFQwPcA0NgBsBXIiNqIQvDA3XwLhNukLnv3IMiAVaU8LV6e2PMZEr6D4lIx8tKzWz8+R7a1/8Oec3ThMco6Pn0wDH2ObB1ZAAx68Jy8qqLtDhb4W80n75Xdw4JDyuFzHTcIKBbpqWmdrfuQ3r2zLo/iylG6Fx534HHNhChoGL01UJ19PsVF86O3nxzz8fPzap+YN/ZBpco4t2hHTdmqhl0ca7p7rd5B3YANfw+8gVBPVCCsTQgiI2fqSvk3ry8fQcZC6gzRGbvDB0ERomgphtX6xdHrafkg15MgWejAmyjVy5ADQoiHYCHzVJCCp/JiIzjc7ziyoxaim56LAsn6Od6OxY91rU8igeT+ZocnuGTPYKhgbfwCbAcTIuMq4KvHRMjVoguvxKSwYXrlCkLKCERp1+mYKKpyR6ys+frx571w00IivjAhtH+5Wphtio79PjTAxODjwSjQxEpsrsX0Y0KJo9JtHbPtreOyQeqPj9CqgEthBZJ6mG+ZZIz7cALisLeDnB4RRkqvH+zhkK6HLCyYw4PXGNjXU5RQX20oYryCxWlDXgCoDFxHTGDKJMCY7tIEJPWgGMjhTHT5xZte7j5f5fMe8rcOktM+KOtR67czx7OkK3p3ggqAZcMYI6Zo7EH5gap04h8ME+fipGYP39Z+6v/xj9YLkV78dz6ThvxWJVQA8sVTSM8MeBauDYg5mDM/cPrj8az6bnN6f6UbTAE27k6ALnxInBvpn1+19dG/VStBNPp9tPQfYBixsr8fXfVdSmypJ+XfXxhtgV4U9hrN67berB4AnS+In+E/1nH84cXP/mawB7WYoutHeT3BDGpuu6EVVSGbrAialIcYrddeDrI0c+/PDD/UeOfhy36SVycTi9Aqa5K0jHaQ1WXUjB7WnNrw9io16K/gb3NFcciRvTEAAAAABJRU5ErkJggg==";var Wr="data:image/png;base64,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";function Je(e,t){return e.toLowerCase()===t.toLowerCase()}function H(e){return `current-address-${e?.toLowerCase()}`}var Hr=(e,t,a)=>{let{t:r}=i18n.useTranslation(),{isMobile:i}=ui.useScreen();return react.useMemo(()=>[{title:r("tradingLeaderboard.rank"),dataIndex:"rank",width:50,render:(n,s)=>{let u=s.key===H(t),d,l=null;return u||(n===1?(d=jsxRuntime.jsx(io,{}),l=Ar):n===2?(d=jsxRuntime.jsx(oo,{}),l=Or):n===3&&(d=jsxRuntime.jsx(no,{}),l=Wr)),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[l&&jsxRuntime.jsx("img",{src:l,alt:`${n}th badge`,className:ui.cn("oui-z-0 oui-h-[38px] oui-opacity-30 md:oui-h-[46px]","oui-absolute oui-left-0 oui-top-0","oui-mix-blend-luminosity","oui-transform-gpu")}),jsxRuntime.jsx("div",{className:"oui-relative",children:d||jsxRuntime.jsx(ui.Box,{width:20,pl:2,className:"oui-text-center",children:n})})]})}},{title:r("common.address"),dataIndex:"address",render:(n,s)=>{let u=s.key===H(t);if(i&&u)return jsxRuntime.jsx(ui.Text,{children:"You"});let d;return u||(s.rank===1?d="linear-gradient(169deg, #FBE67B 2.09%, #FCFBE7 15.8%, #F7D14E 40.73%, #D4A041 58.8%)":s.rank===2?d="linear-gradient(201.05deg, #D9D9D9 38.79%, #F7F6F4 53.85%, #D9D9D9 71.71%, #7F7F7F 91.87%), rgba(255, 255, 255, 0.8)":s.rank===3&&(d="linear-gradient(149.05deg, #B6947E 15.63%, #F8DAC8 31.37%, #B6947E 44.29%, #F8DCCB 56.6%), rgba(255, 255, 255, 0.8)")),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"address",style:d?{background:d,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"}:{},children:n},s.rank),u&&jsxRuntime.jsx(ui.Text,{children:" (You)"})]})},width:90},{title:r("tradingLeaderboard.tradingVolume"),dataIndex:"volume",onSort:a,align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,children:n}):"-",width:105},{title:r("common.realizedPnl"),dataIndex:"pnl",onSort:a,align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{prefix:"$",rule:"price",dp:2,coloring:true,children:n}):"-",width:90},{title:r("tradingLeaderboard.estimatedRewards"),dataIndex:"rewards",align:i?"right":"left",render:n=>n?jsxRuntime.jsx(ui.Text.numeral,{suffix:` ${n?.currency||""}`,rule:"price",dp:0,children:n?.amount}):"-",width:90}].filter(n=>e?.includes(n.dataIndex)),[r,i,t,e,a])},io=()=>jsxRuntime.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M3.88281 2.5L7.78711 10.3105C6.38111 11.5855 5.5 13.427 5.5 15.5C5.5 19.4 8.6 22.5 12.5 22.5C16.4 22.5 19.5 19.4 19.5 15.5C19.5 13.427 18.6189 11.5855 17.2129 10.3105L21.1172 2.5H15.5L12.5 8.5L9.5 2.5H3.88281ZM12.5 10.5C15.3 10.5 17.5 12.7 17.5 15.5C17.5 18.3 15.3 20.5 12.5 20.5C9.7 20.5 7.5 18.3 7.5 15.5C7.5 12.7 9.7 10.5 12.5 10.5ZM12.5 12.5C12.4 12.8 11.9 13.6992 11 13.6992V14.6992H12.0996V18.5H13.4004H13.5V12.5H12.5Z",fill:"url(#paint0_linear_21940_39199)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39199",x1:"6.18073",y1:"6",x2:"20.1338",y2:"18.1659",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#8C421D"}),jsxRuntime.jsx("stop",{offset:"0.325272",stopColor:"#FBE67B"}),jsxRuntime.jsx("stop",{offset:"0.535488",stopColor:"#FCFBE7"}),jsxRuntime.jsx("stop",{offset:"0.769917",stopColor:"#F7D14E"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#D4A041"})]})})]}),oo=()=>jsxRuntime.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M3.88281 2.5L7.78711 10.3105C6.38111 11.5855 5.5 13.427 5.5 15.5C5.5 19.4 8.6 22.5 12.5 22.5C16.4 22.5 19.5 19.4 19.5 15.5C19.5 13.427 18.6189 11.5855 17.2129 10.3105L21.1172 2.5H15.5L12.5 8.5L9.5 2.5H3.88281ZM12.5 10.5C15.3 10.5 17.5 12.7 17.5 15.5C17.5 18.3 15.3 20.5 12.5 20.5C9.7 20.5 7.5 18.3 7.5 15.5C7.5 12.7 9.7 10.5 12.5 10.5ZM12.5469 12.5C10.7729 12.5 10.481 13.901 10.5 14.5H11.6738C11.6738 14.357 11.809 13.5 12.5 13.5C13.163 13.5 13.291 14.0232 13.291 14.2852C13.291 15.0512 12.245 15.7623 10.5 17.6973V18.5L14.4883 18.4766L14.4863 17.5332H12.2285C13.8425 15.8792 14.5 15.1309 14.5 14.1719C14.5 13.4869 14.1149 12.5 12.5469 12.5Z",fill:"url(#paint0_linear_21940_39214)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39214",x1:"6.18073",y1:"6",x2:"20.1338",y2:"18.1659",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#7F7F7F"}),jsxRuntime.jsx("stop",{offset:"0.325272",stopColor:"#D9D9D9"}),jsxRuntime.jsx("stop",{offset:"0.535488",stopColor:"#F7F6F4"}),jsxRuntime.jsx("stop",{offset:"0.769917",stopColor:"#D9D9D9"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#7F7F7F"})]})})]}),no=()=>jsxRuntime.jsxs("svg",{width:"29",height:"25",viewBox:"0 0 29 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M5.88281 2.5L9.78711 10.3105C8.38111 11.5855 7.5 13.427 7.5 15.5C7.5 19.4 10.6 22.5 14.5 22.5C18.4 22.5 21.5 19.4 21.5 15.5C21.5 13.427 20.6189 11.5855 19.2129 10.3105L23.1172 2.5H17.5L14.5 8.5L11.5 2.5H5.88281ZM14.5 10.5C17.3 10.5 19.5 12.7 19.5 15.5C19.5 18.3 17.3 20.5 14.5 20.5C11.7 20.5 9.5 18.3 9.5 15.5C9.5 12.7 11.7 10.5 14.5 10.5ZM14.4688 12.5C13.6927 12.5 12.5898 12.9348 12.5898 14.0918H13.7266C13.7266 13.9118 13.8461 13.4336 14.4941 13.4336C14.6251 13.4336 15.2715 13.4767 15.2715 14.1797C15.2715 14.8967 14.7109 14.9844 14.4219 14.9844H13.8145V15.8906H14.4219C14.5659 15.8906 15.3613 15.8537 15.3613 16.7637C15.3613 16.8837 15.3111 17.5625 14.4961 17.5625C13.8081 17.5625 13.6233 17.0284 13.6562 16.8164H12.5195C12.4615 17.4334 12.9757 18.4961 14.4688 18.4961C15.3018 18.4961 16.5 18.0942 16.5 16.7812C16.5 15.8643 15.8621 15.536 15.5391 15.418C15.6781 15.354 16.4082 14.9771 16.4082 14.1641C16.4082 13.7131 16.2127 12.5 14.4688 12.5Z",fill:"url(#paint0_linear_21940_39224)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_21940_39224",x1:"8.61159",y1:"5.33333",x2:"22.7368",y2:"20.4383",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#B6947E"}),jsxRuntime.jsx("stop",{offset:"0.2",stopColor:"#8F6959"}),jsxRuntime.jsx("stop",{offset:"0.475",stopColor:"#F8DAC8"}),jsxRuntime.jsx("stop",{offset:"0.67",stopColor:"#AC836E"}),jsxRuntime.jsx("stop",{offset:"0.83",stopColor:"#B6947E"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#F8DCCB"})]})})]});var Qe=e=>{let t=Hr(e.fields,e.address,typeof e.onSort=="function"),{isMobile:a}=ui.useScreen(),r=react.useCallback((o,n)=>{let s=o.key===H(e.address),u=o.rank===1,d=o.rank===2,l=o.rank===3;return {className:ui.cn("oui-h-[40px] md:oui-h-[48px]","oui-relative",s?"oui-h-[44px] md:oui-h-[52px]":ui.cn((u||d||l)&&"oui-border-b-2 oui-border-b-transparent",u&&"oui-bg-[linear-gradient(270deg,rgba(241,215,121,0.0225)_-2.05%,rgba(255,203,70,0.45)_100%)]",d&&"oui-bg-[linear-gradient(270deg,rgba(255,255,255,0.0225)_-2.05%,rgba(199,199,199,0.45)_100%)]",l&&"oui-bg-[linear-gradient(270deg,rgba(255,233,157,0.0225)_-1.3%,rgba(160,101,46,0.45)_100%)]"))}},[e.address]),i=react.useCallback((o,n,s)=>{let u=o.getIsFirstColumn(),d=o.getIsLastColumn(),l=[1,2,3].includes(n.rank);return n.key===H(e.address)?{className:ui.cn("after:oui-absolute after:oui-h-[40px] after:oui-w-full md:after:oui-h-[48px]","after:oui-border-[rgb(var(--oui-gradient-brand-start))]","after:oui-left-0 after:oui-top-[2px] after:oui-z-[-1]","after:oui-border-y",u&&"after:oui-rounded-l-lg after:oui-border-l",d&&"after:oui-rounded-r-lg after:oui-border-r")}:{className:ui.cn(u&&l&&"oui-rounded-l-lg oui-mix-blend-luminosity",d&&l&&"oui-rounded-r-lg oui-mix-blend-luminosity")}},[e.address]);return a?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataTable,{classNames:{root:"oui-trading-leaderboard-ranking-table",body:"oui-text-2xs",scroll:"oui-overflow-y-hidden oui-h-full"},loading:e.isLoading,columns:t,bordered:true,initialSort:e.initialSort,onSort:e.onSort,dataSource:e.dataList,generatedRowKey:o=>o.key||o.address,manualPagination:true,manualSorting:true,onRow:r,onCell:i}),jsxRuntime.jsx("div",{ref:e.sentinelRef,className:"oui-invisible oui-relative oui-top-[-300px] oui-h-px"}),e.isLoading&&e.dataList.length>0&&jsxRuntime.jsx(ui.Flex,{itemAlign:"center",justify:"center",width:"100%",height:40,children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]}):jsxRuntime.jsx(ui.DataTable,{loading:e.isLoading,columns:t,initialSort:e.initialSort,onSort:e.onSort,bordered:true,dataSource:e.dataSource,generatedRowKey:o=>o.key||o.address,manualPagination:true,manualSorting:true,pagination:e.pagination,classNames:{root:ui.cn("oui-trading-leaderboard-ranking-table","!oui-h-[calc(100%_-_53px_-_8px)]"),scroll:"oui-min-h-[600px]"},onRow:r,onCell:i})};function Et(e){let{dateRange:t=J(90),address:a,sortKey:r="perp_volume"}=e||{},[i]=react.useState({sortKey:r,sort:"desc"}),[o,n]=react.useState(i),{state:s}=hooks.useAccount(),u=hooks.useConfig("brokerId"),{isMobile:d}=ui.useScreen(),{page:l,pageSize:c,setPage:m,parsePagination:x}=ui.usePagination({pageSize:d?100:20}),S=b=>{let N=new URLSearchParams;if(N.set("page",b.page.toString()),N.set("size",b.page===1?"100":b.pageSize.toString()),N.set("aggregateBy","address_per_builder"),u&&N.set("broker_id",u),b.sort)N.set("sort",b.sort);else if(b.sort!==null&&o){let f=o.sort==="asc"?"ascending":"descending";N.set("sort",`${f}_${o.sortKey}`);}return t?.from&&N.set("start_date",z(t.from)),t?.to&&N.set("end_date",z(t.to)),b.address&&N.set("address",b.address),`/v1/broker/leaderboard/daily?${N.toString()}`},{data:C,isLoading:T}=hooks.useQuery(S({page:l,pageSize:c,address:a}),{formatter:b=>b,revalidateOnFocus:false}),{data:g,size:p,setSize:y,isValidating:_}=hooks.useInfiniteQuery((b,N)=>N&&!N.rows?.length||!d?null:S({page:b+1,pageSize:c,address:a}),{initialSize:1,formatter:b=>b,revalidateOnFocus:false}),{data:F}=hooks.useQuery(s.address?S({page:1,pageSize:100,sort:`descending_${o?.sortKey||"perp_volume"}`}):null,{formatter:b=>b,revalidateOnFocus:false}),{data:U=[]}=hooks.useQuery(s.address?S({page:1,pageSize:1,address:s.address,sort:null}):null,{revalidateOnFocus:false}),X=react.useCallback(b=>{let N=F?.rows.findIndex(f=>Je(f.address,b));return N!==-1?N+1:"100+"},[F]),ee=react.useMemo(()=>!s.address||T?[]:U.length?U?.map(b=>({...b,rank:X(b.address),key:H(b.address)})):[{key:H(s.address),address:s.address,rank:"-"}],[s.address,U,T,X]),E=react.useCallback((b,N)=>b?.map((f,w)=>{let D=w+1;return a?D=X(f.address):o?.sort==="asc"?D=N-(l-1)*c-w:o?.sort==="desc"&&(D=(l-1)*c+w+1),{...f,rank:D}}),[l,c,o,a,X]),te=react.useMemo(()=>{let b=C?.rows||[];l===1&&(b=b.slice(0,c));let N=C?.meta.total||0,f=E(b,N);return rt(l===1&&!a?[...ee,...f]:f)},[C,l,c,ee,a,E]),I=react.useMemo(()=>{if(!g?.length)return [];let b=g[0]?.meta.total||0,N=g?.map(w=>w.rows)?.flat(),f=E(N,b);return rt(a?f:[...ee,...f])},[g,ee,a,E]),A=react.useRef(null),ke=react.useMemo(()=>x({total:C?.meta?.total||0,current_page:C?.meta?.current_page||1,records_per_page:c}),[C?.meta?.total,C?.meta?.current_page,c]);xe(A,()=>{!_&&d&&y(p+1);});let we=react.useCallback(b=>{b?.sortKey==="volume"?b.sortKey="perp_volume":b?.sortKey==="pnl"&&(b.sortKey="realized_pnl"),n(b||i);},[i]);return react.useEffect(()=>{a&&m(1);},[a]),react.useEffect(()=>{m(1);},[s.address]),react.useEffect(()=>{t?.to&&t?.from&&m(1);},[t]),react.useEffect(()=>{n({sortKey:r,sort:"desc"});},[r]),{pagination:ke,initialSort:i,onSort:we,dataSource:te,isLoading:T||_,isMobile:d,sentinelRef:A,dataList:I,address:s.address}}function rt(e){return e.map(t=>({...t,volume:t.perp_volume,pnl:t.realized_pnl}))}var at=e=>{let{dateRange:t,address:a,fields:r,sortKey:i,...o}=e,n=Et({dateRange:t,address:a,sortKey:i});return jsxRuntime.jsx(Qe,{...n,...o,fields:r})};function At(e,t){return t==="volume"?e.volume:e.pnl}function yo(e,t){if(e.rank)return Number(e.rank);let a=At(e,t),r=e.total_participants||1e3;return a<=0?null:a>=1e5?1:a>=5e4?Math.floor(r*.05):a>=1e4?Math.floor(r*.2):a>=1e3?Math.floor(r*.5):Math.floor(r*.8)}function qr(e,t){if(At(e,t.metric)<=0)return 0;let r=yo(e,t.metric);if(r===null)return 0;for(let i of t.tiers){let o=false;if(i.position&&r===i.position)o=true;else if(i.position_range){let[n,s]=i.position_range;r>=n&&r<=s&&(o=true);}if(o)return i.amount}return 0}function jr(e,t){if(!t.prize_pools||t.prize_pools.length===0)return null;let a=0,r=t.prize_pools[0].currency;for(let i of t.prize_pools)a+=qr(e,i);return a>0?{amount:a,currency:r}:null}function Yr(e,t){let a=t.metric==="volume"?e.volume:e.pnl;return !a||a<=0?0:t.mode==="tiered"?ho(a,t.tiers||[]):t.mode==="linear"?So(a,t.linear):0}function ho(e,t){let a=[...t].sort((r,i)=>i.value-r.value);for(let r of a)if(e>=r.value)return r.tickets;return 0}function So(e,t){return !t||t.every<=0?0:Math.floor(e/t.every)*t.tickets}function Jr(e,t){return `${e.toLocaleString()} ${t}`}function Qr(e){return e.toLocaleString()}function it(e,t){return qr(e,t)}function ea(e,t){if(!e||!t)return null;let a=At(e,t.metric);if(!a)return t.mode==="linear"?{percent:0,value:t.linear?.every||0}:{percent:0,value:t.tiers?.[0]?.value||0};if(t.mode==="linear"){if(!t.linear)return null;let{every:r,tickets:i}=t.linear,n=Math.floor(a/r)+1,s=a%r/r*100,u=n*r;return {percent:s,value:u-a}}if(t.mode==="tiered"&&t.tiers){let r=[...t.tiers].sort((s,u)=>s.value-u.value);if(r.length===0)return null;if(a<=0)return {percent:0,value:r[0].value};let i=null,o=r[0];for(let s=0;s<r.length;s++)if(a>=r[s].value)i=r[s],o=r[s+1]||null;else {o=r[s];break}return o?i?{percent:(a-i.value)/(o.value-i.value)*100,value:o.value-a}:{percent:a/o.value*100,value:o.value-a}:{percent:100,value:0,atMax:true}}return null}function Wt(e){let{campaignId:t,sortKey:a="volume"}=e,[r]=react.useState({sortKey:a,sort:"desc"}),[i,o]=react.useState(r),{currentCampaign:n,setUserData:s,setUpdatedTime:u}=oe(),{state:d}=hooks.useAccount(),l=hooks.useConfig("brokerId"),{isMobile:c}=ui.useScreen(),{page:m,pageSize:x,setPage:S,parsePagination:C}=ui.usePagination({pageSize:c?100:20}),T=f=>{let w=new URLSearchParams;return w.set("page",f.page.toString()),w.set("size",f.page===1?"100":f.pageSize.toString()),t&&w.set("campaign_id",t.toString()),l&&w.set("broker_id",l),f.sort?w.set("sort_by",f.sort):f.sort!==null&&i&&w.set("sort_by",i.sortKey),`https://api.orderly.org/v1/public/campaign/ranking?${w.toString()}`},{data:g,isLoading:p}=hooks.useQuery(T({page:m,pageSize:x}),{formatter:f=>f,revalidateOnFocus:false}),{data:y,size:_,setSize:F,isValidating:U}=hooks.useInfiniteQuery((f,w)=>w&&!w.rows?.length||!c?null:T({page:f+1,pageSize:x}),{initialSize:1,formatter:f=>f,revalidateOnFocus:false}),{data:X}=hooks.useQuery(d.address?T({page:1,pageSize:100}):null,{formatter:f=>f,revalidateOnFocus:false}),ee=()=>{if(!d.address||!t)return null;let f=new URLSearchParams;return l&&f.set("broker_id",l),f.set("campaign_id",t.toString()),f.set("address",d.address),`https://api.orderly.org/v1/public/campaign/user?${f.toString()}`},{data:E}=hooks.useQuery(ee(),{revalidateOnFocus:false}),te=react.useCallback(f=>{if(X?.rows?.length===0)return "-";let w=X?.rows.findIndex(D=>Je(D.address,f));return w!==-1?w+1:"100+"},[X]),I=react.useMemo(()=>{if(!(!d.address||p))return E?{...E,address:d.address,rank:te(d.address),key:H(d.address)}:{key:H(d.address),address:d.address,rank:"-"}},[d.address,E,p,te]),A=react.useCallback((f,w)=>f?.map((D,v)=>{let k=v+1;return i?.sort==="asc"?k=w-(m-1)*x-v:i?.sort==="desc"&&(k=(m-1)*x+v+1),{...D,rank:k}}),[m,x,i]),ke=react.useMemo(()=>{let f=g?.rows||[];m===1&&(f=f.slice(0,x));let w=g?.meta.total||0,D=A(f,w),v=m===1&&I?[I,...D]:D;return aa(v,n,a)},[g,m,x,I,A,n,a]),we=react.useMemo(()=>{if(!y?.length)return [];let f=y[0]?.meta.total||0,w=y?.map(k=>k.rows)?.flat(),D=A(w,f),v=I?[I,...D]:D;return aa(v,n,a)},[y,I,A,n,a]),b=react.useRef(null),N=react.useMemo(()=>C({total:g?.meta?.total||0,current_page:g?.meta?.current_page||1,records_per_page:x}),[g?.meta?.total,g?.meta?.current_page,x]);return xe(b,()=>{!U&&c&&F(_+1);}),react.useEffect(()=>{S(1);},[d.address]),react.useEffect(()=>{I&&s?.(I);},[I]),react.useEffect(()=>{u?.(g?.updated_time||0);},[g,n]),react.useEffect(()=>{o({sortKey:a,sort:"desc"});},[a]),{pagination:N,initialSort:r,dataSource:ke,isLoading:p||U,isMobile:c,sentinelRef:b,dataList:we,address:d.address}}function aa(e,t,a){let r=t?.prize_pools?.find(i=>i.metric===a);return e.map(i=>{let o=r?it(i,r):0;return {...i,rewards:{amount:o,currency:r?.currency}}})}var st=e=>{let{campaignId:t,fields:a,sortKey:r,...i}=e,o=Wt({campaignId:t,sortKey:r});return jsxRuntime.jsx(Qe,{...o,...i,fields:a})};var oa=[7,14,30,90];function $t(){let[e,t]=react.useState("volume"),a=Io(),r=Fo();return {...a,...r,activeTab:e,onTabChange:t}}function Io(){let[e,t]=react.useState(90),[a,r]=react.useState(J(90)),i=s=>{t(s),r(J(s));},o=s=>{if(s.name==="dateRange"){let u=s.value;if(r(u),u.from&&u.to){let d=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,l=J(d);z(l.from)===z(u.from)&&z(l.to)===z(u.to)?t(d):t(null);}}};return {filterItems:react.useMemo(()=>[{type:"range",name:"dateRange",value:a,max:90}],[a]),onFilter:o,dateRange:a,filterDay:e,updateFilterDay:i}}function Fo(){let[e,t]=react.useState(""),a=react.useCallback(i=>{t(i);},[]),r=react.useCallback(()=>{t("");},[]);return {searchValue:e,onSearchValueChange:a,clearSearchValue:r}}var Zt=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),r=jsxRuntime.jsx(ui.Input,{value:e.searchValue,onValueChange:e.onSearchValueChange,placeholder:t("common.address.search.placeholder"),className:ui.cn("oui-trading-leaderboard-trading-search-input","oui-w-full"),size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(Ao,{className:"oui-text-base-contrast-36"})}),suffix:e.searchValue&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:e.clearSearchValue})}),autoComplete:"off"}),i=e.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:e.filterItems,onFilter:n=>{e.onFilter(n);},className:"oui-h-[53px] oui-border-none"}),o=oa.map(n=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:e.filterDay===n?"brand":void 0,className:e.filterDay!==n?"oui-text-base-contrast-54":"",children:`${n}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{e.updateFilterDay(n);}})]},n));return a?jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",direction:"column",mt:3,className:ui.cn("oui-mobile-trading-leaderboard-ranking-filter"),children:[r,jsxRuntime.jsxs(ui.Flex,{gap:3,className:"oui-w-full",children:[i,jsxRuntime.jsx(ui.ScrollIndicator,{className:"oui-w-full",children:jsxRuntime.jsx(ui.Flex,{gap:3,children:o})})]})]}):jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",itemAlign:"center",className:ui.cn("oui-trading-leaderboard-ranking-filter"),children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[i,o]}),jsxRuntime.jsx(ui.Box,{width:240,children:r})]})},Ao=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})});var Be=e=>{let{t}=i18n.useTranslation(),{updatedTime:a,currentCampaign:r}=oe(),i=react.useMemo(()=>a&&r?Cr(a):"",[e.isMobile,a,r]),{showVolume:o,showPnl:n}=react.useMemo(()=>{let u=r?.prize_pools?.map(m=>m.metric),d=e.isMobile&&!r,l=d?true:u?.includes("volume"),c=d?true:u?.includes("pnl");return {showVolume:l,showPnl:c}},[r,e.activeTab,e.isMobile]);react.useEffect(()=>{o&&n?e.onTabChange("volume"):o?e.onTabChange("volume"):n&&e.onTabChange("pnl");},[r,o,n]);let s=()=>o&&n?jsxRuntime.jsxs(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:[jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.tradingVolume"),value:"volume"}),jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.realizedPnl"),value:"pnl"})]},r?.campaign_id):o?jsxRuntime.jsx(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.tradingVolume"),value:"volume"})},r?.campaign_id):n?jsxRuntime.jsx(ui.Tabs,{value:e.activeTab,onValueChange:e.onTabChange,variant:"contained",size:"lg",children:jsxRuntime.jsx(ui.TabPanel,{title:t("tradingLeaderboard.realizedPnl"),value:"pnl"})},r?.campaign_id):jsxRuntime.jsx("div",{});return jsxRuntime.jsxs(ui.Flex,{width:"100%",py:3,justify:"between",className:ui.cn("oui-trading-leaderboard-ranking-tabs","oui-border-b oui-border-line",e.className),children:[s(),i&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",direction:e.isMobile?"column":"row",gap:1,className:ui.cn(e.isMobile?"oui-text-3xs":"oui-text-sm","oui-text-base-contrast-36"),children:[jsxRuntime.jsxs("span",{children:[t("tradingLeaderboard.lastUpdate"),":"]}),jsxRuntime.jsx("span",{children:i})]})]})};var qt=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>t?["rank","address",e.activeTab==="volume"?"volume":"pnl"]:["rank","address","volume","pnl"],[t,e.activeTab]);return t?jsxRuntime.jsxs(ui.Box,{pt:2,px:3,r:"2xl",intensity:900,width:"100%",className:ui.cn("oui-trading-leaderboard-general-leaderboard oui-relative",e.className),style:e.style,children:[jsxRuntime.jsx(Zt,{...e}),jsxRuntime.jsx(Be,{isMobile:t,className:"oui-pt-0",activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(at,{dateRange:e.dateRange,address:e.searchValue,sortKey:e.activeTab==="volume"?"perp_volume":"realized_pnl",fields:a})]}):jsxRuntime.jsxs(ui.Box,{pt:2,px:6,r:"2xl",intensity:900,className:ui.cn("oui-trading-leaderboard-general-leaderboard oui-relative","oui-mx-auto oui-max-w-[992px]",e.className),style:e.style,children:[jsxRuntime.jsx(Zt,{...e}),jsxRuntime.jsx(ui.Divider,{intensity:8}),jsxRuntime.jsx(at,{dateRange:e.dateRange,address:e.searchValue,fields:a})]})};var jt=e=>{let t=$t();return jsxRuntime.jsx(qt,{...t,className:e.className,style:e.style})};function Yt(){let[e,t]=react.useState("volume");return {activeTab:e,onTabChange:t}}var Jt=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>e.activeTab==="volume"?"volume":"pnl",[e.activeTab]),r=react.useMemo(()=>["rank","address",a,"rewards"],[t,a]);return t?jsxRuntime.jsxs(ui.Box,{pt:2,px:3,r:"2xl",intensity:900,width:"100%",className:ui.cn("oui-trading-leaderboard-campaign-leaderboard oui-relative"),children:[jsxRuntime.jsx(Be,{isMobile:t,activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(st,{campaignId:e.campaignId,fields:r,sortKey:a})]}):jsxRuntime.jsxs(ui.Box,{pt:2,px:6,r:"2xl",intensity:900,className:ui.cn("oui-trading-leaderboard-campaign-leaderboard oui-relative","oui-mx-auto oui-max-w-[992px]"),children:[jsxRuntime.jsx(Be,{isMobile:t,activeTab:e.activeTab,onTabChange:e.onTabChange}),jsxRuntime.jsx(st,{campaignId:e.campaignId,fields:r,sortKey:a})]})};var Qt=e=>{let t=Yt();return jsxRuntime.jsx(Jt,{...t,className:e.className,style:e.style,campaignId:e.campaignId})};var xa=e=>{let{isMobile:t}=ui.useScreen(),a=react.useMemo(()=>Qo(e.backgroundSrc),[e.backgroundSrc]);if(t)return null;let r="linear-gradient(180deg, rgba(var(--oui-color-base-10) / 0.3) 0%, rgba(var(--oui-color-base-10) / 0) 70%, rgba(var(--oui-color-base-10) / 1) 100%)";if(a)return jsxRuntime.jsxs("div",{className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-size-full"),children:[jsxRuntime.jsx("div",{style:{backgroundImage:r,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-absolute oui-left-0 oui-top-0","oui-size-full")}),jsxRuntime.jsxs("video",{autoPlay:true,loop:true,muted:true,className:ui.cn("oui-border-none oui-bg-transparent oui-outline-none","oui-size-full","oui-object-cover","oui-opacity-50"),children:[jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/mp4"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/webm"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/ogg"}),jsxRuntime.jsx("source",{src:e.backgroundSrc,type:"video/avi"}),"Your browser does not support the video tag."]})]});if(e.backgroundSrc)return jsxRuntime.jsx("div",{style:{backgroundImage:`${r}, url(${e.backgroundSrc}) `,backgroundSize:"cover",backgroundRepeat:"no-repeat"},className:ui.cn("oui-general-leaderboard-background","oui-absolute oui-left-0 oui-top-0 oui-z-[-1]","oui-size-full","oui-opacity-50")})};function Qo(e){let t=e?.split(".").pop();return ["mp4","webm","avi","ogg"].includes(t??"")}var er=(i=>(i.ONGOING="ongoing",i.COMING="coming",i.ENDED="ended",i.EXCLUSIVE="exclusive",i))(er||{});var ft=(e,t)=>{let a=new Date,r=new Date(e.start_time),i=new Date(e.end_time);return e.referral_codes&&e.referral_codes.length>0?true||!e.referral_codes.includes(t)?"exclusive":a<r?"coming":a>i?"ended":"exclusive":a<r?"coming":a>i?"ended":"ongoing"};var Ca=(e,t)=>{try{let a=new Date(e),r=new Date(t);if(isNaN(a.getTime())||isNaN(r.getTime()))return "Invalid date range";let i=dateFns.format(a,"MMM d, yyyy"),o=dateFns.format(r,"MMM d, yyyy");return `${i} - ${o} UTC`}catch{return "Date formatting error"}};var va=e=>e?.total_volume||0,ya=e=>{if(!e?.prize_pools||e.prize_pools.length===0)return null;let t={};e.prize_pools.forEach(i=>{t[i.currency]=(t[i.currency]||0)+i.total_prize;});let a=Object.keys(t);if(a.length===0)return null;let r=a[0];return {amount:t[r],currency:r}},ha=e=>e?.ticket_rules?{amount:e.ticket_rules.total_prize,currency:e.ticket_rules.currency}:null,rr=(e,t)=>`${e.toLocaleString()} ${t}`;var Sa=e=>{let t=new Date,a=new Date(e.start_time),r=new Date(e.end_time),i=e.reward_distribution_time?new Date(e.reward_distribution_time):null,o=[],n=(d,l=false)=>l?"active":t>=d?"past":"future",s=d=>{try{return dateFns.format(d,"yyyy-MM-dd HH:mm 'UTC'")}catch{return d.toISOString()}};return o.push({title:i18n.i18n.t("tradingLeaderboard.battleStarts"),type:n(a),time:s(a)}),t>=a&&t<=r&&o.push({title:i18n.i18n.t("chart.now"),type:"active",time:s(t)}),o.push({title:i18n.i18n.t("tradingLeaderboard.battleEnds"),type:n(r),time:s(r)}),i&&o.push({title:i18n.i18n.t("tradingLeaderboard.rewardDistribution"),type:n(i),time:s(i)}),o.slice(0,4)};var ka=({campaign:e,statistics:t,onLearnMore:a,onTradeNow:r,backgroundSrc:i,classNames:o,isMobile:n})=>{let{t:s}=i18n.useTranslation(),u=e?.image||i,d=Ca(e?.start_time,e?.end_time),[l,c]=react.useState(false),m=react.useMemo(()=>n?{open:l,onOpenChange:c}:{},[l,n,c]),x=va(t),S=ya(e),C=ha(e),T=react.useMemo(()=>e.start_time<new Date().toISOString()&&e.end_time>new Date().toISOString(),[e]),g=react.useMemo(()=>e.start_time<new Date().toISOString(),[e]),p=react.useMemo(()=>e?.prize_pools?jsxRuntime.jsx("div",{className:"oui-flex oui-min-w-[240px] oui-flex-col oui-gap-1",children:e?.prize_pools?.map(y=>jsxRuntime.jsxs("div",{className:"oui-flex oui-h-[18px] oui-items-center oui-justify-between",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:y.label}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text.numeral,{dp:2,size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:y.total_prize}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:y.currency})]})]},y.pool_id))}):null,[e]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-h-[500px] oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-10","oui-bg-cover oui-bg-center oui-bg-no-repeat",o?.container]),style:{backgroundImage:`linear-gradient(180deg, rgba(var(--oui-color-base-10) / 1) 0%, rgba(var(--oui-color-base-10) / 0.8) 15%, rgba(var(--oui-color-base-10) / 0.4) 40%, rgba(var(--oui-color-base-10) / 0.4) 60%, rgba(var(--oui-color-base-10) / 0.8) 85%, rgba(var(--oui-color-base-10) / 1) 100%), url(${u})`},children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center oui-justify-center oui-gap-[10px]",o?.topContainer]),children:[jsxRuntime.jsx(ui.Text,{size:"sm",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",o?.time]),children:d}),jsxRuntime.jsx(ui.Text,{className:ui.cn(["oui-trading-leaderboard-title oui-text-center oui-text-[48px] oui-font-bold oui-leading-[56px] oui-text-base-contrast",o?.title]),children:e.title}),jsxRuntime.jsx("div",{className:ui.cn(["oui-w-[342px] oui-text-center",o?.descriptionContainer]),children:jsxRuntime.jsx(ui.Text,{size:"sm",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",o?.description]),children:e.description})})]}),jsxRuntime.jsxs("div",{className:"oui-overflow-hidden oui-rounded-2xl oui-border oui-border-solid oui-border-base-contrast/[0.08]",children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-items-center oui-gap-4 oui-px-4 oui-py-3 oui-backdrop-blur-[10px]",g?"":"oui-hidden"]),children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:s("tradingLeaderboard.participants")}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-80",children:t?.total_participants})]}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:s("tradingLeaderboard.tradingVolume")}),jsxRuntime.jsx(ui.Text.numeral,{dp:2,currency:"$",size:"2xs",weight:"semibold",className:"oui-text-base-contrast-80",children:x})]})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-rounded-2xl oui-border oui-border-solid oui-border-base-contrast/[0.08] oui-bg-primary/[0.08] oui-p-4 oui-backdrop-blur-[10px]","oui-flex oui-flex-col oui-gap-4",g?"":"oui-border-transparent"]),children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-6",children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col",children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text,{size:n?"2xs":"xs",weight:"semibold",className:"oui-text-base-contrast-54",children:"Total prize pool"}),jsxRuntime.jsx(ui.Tooltip,{content:p,...m,className:"oui-max-w-[260px] oui-bg-base-5 oui-px-2 oui-py-1",children:jsxRuntime.jsx("div",{className:"oui-flex oui-size-4 oui-items-center oui-justify-center",onClick:()=>c(true),children:jsxRuntime.jsx(ui.InfoCircleIcon,{className:"oui-cursor-pointer"})})})]}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",n?"oui-text-[20px] oui-leading-[24px]":"oui-text-[24px] oui-leading-[28px]"]),children:S?rr(S.amount,S.currency):"0 USDC"})})]}),C&&jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col",children:[jsxRuntime.jsx("div",{className:"oui-flex oui-items-center oui-gap-1",children:jsxRuntime.jsx(ui.Text,{size:n?"2xs":"xs",weight:"semibold",className:"oui-text-base-contrast-54",children:"Raffle prize"})}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",n?"oui-text-[20px] oui-leading-[24px]":"oui-text-[24px] oui-leading-[28px]"]),children:rr(C.amount,C.currency)})})]})]}),n&&e?.rule_url&&jsxRuntime.jsxs("div",{className:"-oui-mb-1 -oui-mt-2 oui-flex oui-items-center oui-gap-0.5 oui-text-2xs oui-leading-[15px] oui-text-base-contrast-36",onClick:a,children:[s("tradingLeaderboard.viewRules"),jsxRuntime.jsx(ui.ChevronRightIcon,{size:16,className:"oui-text-base-contrast-36"})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-gap-4",e?.rule_url||T?"":"oui-hidden"]),children:[!n&&e?.rule_url&&jsxRuntime.jsx(ui.Button,{size:"md",variant:"outlined",className:`oui-flex-1
|
|
18
18
|
oui-border-[rgb(var(--oui-gradient-brand-start))]
|
|
19
19
|
oui-text-[rgb(var(--oui-gradient-brand-start))]
|
|
20
20
|
hover:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08]
|
|
21
21
|
active:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08]
|
|
22
|
-
`,onClick:a,children:s("tradingLeaderboard.viewRules")}),T&&jsxRuntime.jsx(ui.Button,{size:n?"sm":"md",variant:"gradient",color:"primary",className:"oui-flex-1",onClick:r,children:s("tradingLeaderboard.tradeNow")})]})]})]})]})};var
|
|
22
|
+
`,onClick:a,children:s("tradingLeaderboard.viewRules")}),T&&jsxRuntime.jsx(ui.Button,{size:n?"sm":"md",variant:"gradient",color:"primary",className:"oui-flex-1",onClick:r,children:s("tradingLeaderboard.tradeNow")})]})]})]})]})};var xt=()=>{let{campaigns:e=[],currentCampaignId:t,onCampaignChange:a,currentCampaign:r,userData:i,backgroundSrc:o}=oe(),n=Array.isArray(r?.volume_scope)?r?.volume_scope.join(","):r?.volume_scope,s=hooks.useConfig("brokerId"),u=react.useMemo(()=>r?.start_time&&r?.start_time<new Date().toISOString(),[r]),d=react.useMemo(()=>({campaign_id:t,symbols:n||"",broker_id:s,group_by:"BROKER"}),[t,n,s]),{data:l}=hooks.useQuery(u&&t!=="general"?`https://api.orderly.org/v1/public/campaign/stats/details?${new URLSearchParams(d).toString()}`:null),c={total_participants:l?.[0]?.user_count,total_volume:l?.[0]?.volume};return {campaigns:e,currentCampaignId:t,currentCampaign:r,onCampaignChange:a,statistics:c,userData:i,onLearnMore:()=>{r?.rule_url&&window.open(r.rule_url,"_blank");},onTradeNow:()=>{r?.trading_url&&window.open(r.trading_url,"_self");},backgroundSrc:o}};var Na=({points:e})=>{if(!e||e.length===0)return null;let t=e.findIndex(i=>i.type==="active");if(e.length===1)return jsxRuntime.jsx("div",{className:"oui-w-full oui-flex oui-justify-center",children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-items-center",children:[jsxRuntime.jsx(ar,{type:e[0].type}),jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-items-center oui-text-center oui-mt-4",children:[jsxRuntime.jsx("div",{className:"oui-trading-leaderboard-title oui-text-sm oui-font-medium oui-text-base-contrast-54 oui-mb-1 oui-whitespace-nowrap",children:e[0].title}),jsxRuntime.jsx("div",{className:"oui-text-xs oui-text-base-contrast-36 oui-whitespace-nowrap",children:e[0].time})]})]})});let a=i=>t!==-1&&i<t?"oui-bg-base-3":"oui-bg-base-8",r=e?.length>3?"110%":"120%";return jsxRuntime.jsx("div",{className:"oui-w-full oui-flex",style:{width:r},children:e.map((i,o)=>{let n=o===0,s=o===e.length-1;return jsxRuntime.jsxs("div",{className:"oui-flex-1 oui-flex oui-flex-col oui-items-center oui-relative",children:[jsxRuntime.jsxs("div",{className:"oui-relative oui-flex oui-items-center oui-w-full",children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-flex-1 oui-h-[6px]",!n&&a(o-1)])}),jsxRuntime.jsx("div",{className:"oui-flex-shrink-0 oui-z-10",children:jsxRuntime.jsx(ar,{type:i.type})}),jsxRuntime.jsx("div",{className:ui.cn(["oui-flex-1 oui-h-[6px]",!s&&a(o)])})]}),jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-items-center oui-text-center oui-mt-4",children:[jsxRuntime.jsx("div",{className:"oui-trading-leaderboard-title oui-text-sm oui-font-medium oui-text-base-contrast-54 oui-mb-1 oui-whitespace-nowrap",children:i.title}),jsxRuntime.jsx("div",{className:"oui-text-xs oui-text-base-contrast-36 oui-whitespace-nowrap",children:i.type!=="active"&&i.time})]})]},o)})})},La=({points:e})=>{if(!e||e.length===0)return null;let t=e.findIndex(r=>r.type==="active"),a=r=>t!==-1&&r<t?"oui-bg-base-3":"oui-bg-base-8";return jsxRuntime.jsx("div",{className:"oui-w-full oui-flex oui-flex-col oui-items-center oui-gap-10",children:e.map((r,i)=>{let o=i===0,n=i===e.length-1;return jsxRuntime.jsx("div",{className:ui.cn(["oui-relative"]),children:jsxRuntime.jsxs("div",{className:"oui-flex oui-items-start oui-gap-4 oui-h-10",children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-relative oui-flex oui-flex-col oui-items-center",o&&"oui-translate-y-[10px]"]),children:[jsxRuntime.jsx(ar,{type:r.type}),!n&&jsxRuntime.jsx("div",{className:ui.cn(["oui-w-[6px] oui-h-[64px]",a(i)])})]}),jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-justify-start",children:[jsxRuntime.jsx("div",{className:"oui-trading-leaderboard-title oui-text-sm oui-font-medium oui-text-base-contrast-54 oui-mb-1",children:r.title}),jsxRuntime.jsx("div",{className:"oui-text-xs oui-text-base-contrast-36 oui-min-w-[123px]",children:r.type!=="active"&&r.time})]})]})},i)})})},ar=({type:e})=>jsxRuntime.jsx("div",{className:ui.cn(["oui-w-5 oui-h-5 oui-rounded-full oui-flex-shrink-0",e==="past"&&"oui-bg-base-contrast-80",e==="active"&&"oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-start))] oui-to-[rgba(var(--oui-gradient-brand-end))]",e==="future"&&"oui-bg-[#07080A] oui-border-[2.5px] oui-border-solid oui-border-base-contrast-80"])});var dn=()=>jsxRuntime.jsx("div",{className:"oui-w-1 oui-h-1 oui-rounded-full oui-bg-white/[0.16]"}),cn=({value:e,label:t,isMobile:a})=>jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center oui-gap-1",a?"oui-w-[45px]":"oui-w-[63px]"]),children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title oui-text-base-contrast oui-font-medium",a?"oui-text-[20px] oui-leading-[24px] oui-h-[24px]":"oui-text-[36px] oui-leading-[44px] oui-h-[44px]"]),children:e.toString().padStart(2,"0")}),jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title oui-text-base-contrast-80 oui-font-medium",a?"oui-text-[10px] oui-leading-[14px] oui-h-[14px]":"oui-text-sm oui-leading-[20px] oui-h-[20px]"]),children:t})]}),_a=({campaign:e,isMobile:t})=>{let{t:a}=i18n.useTranslation(),[r,i]=react.useState({days:0,hours:0,minutes:0,seconds:0}),[o,n]=react.useState(false);react.useEffect(()=>{let c=()=>{let x=new Date().getTime(),S=new Date(e.start_time).getTime(),C=new Date(e.end_time).getTime(),T=x>=S;n(T);let p=(T?C:S)-x;if(p>0){let y=Math.floor(p/864e5),_=Math.floor(p%(1e3*60*60*24)/(1e3*60*60)),F=Math.floor(p%(1e3*60*60)/(1e3*60)),U=Math.floor(p%(1e3*60)/1e3);i({days:y,hours:_,minutes:F,seconds:U});}else i({days:0,hours:0,minutes:0,seconds:0});};c();let m=setInterval(c,1e3);return ()=>clearInterval(m)},[e.start_time,e.end_time]);let s=new Date,u=new Date(e.end_time);if(s>u)return jsxRuntime.jsxs("div",{className:"oui-w-full oui-flex oui-items-center oui-justify-center oui-gap-4",children:[jsxRuntime.jsx("div",{className:`oui-max-w-[382px] oui-w-full oui-h-[1px] oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-end)/0)]
|
|
23
23
|
oui-to-[rgba(var(--oui-gradient-brand-start))]`}),jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title oui-flex oui-items-center oui-justify-center oui-font-medium oui-text-base-contrast-54",t?"oui-text-[14px] oui-leading-[20px] oui-h-[20px] oui-whitespace-nowrap":"oui-p-5 oui-text-[18px] oui-leading-[26px] oui-h-[26px]"]),children:a("tradingLeaderboard.batteleHasEnded")}),jsxRuntime.jsx("div",{className:`oui-max-w-[382px] oui-w-full oui-h-[1px] oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-start))]
|
|
24
24
|
oui-to-[rgba(var(--oui-gradient-brand-end)/0)]`})]});let d=a(o?"tradingLeaderboard.battleEndsIn":"tradingLeaderboard.battleStartsIn"),l=[{value:r.days,label:"Days"},{value:r.hours,label:"Hours"},{value:r.minutes,label:"Minutes"},{value:r.seconds,label:"Seconds"}];return jsxRuntime.jsxs("div",{className:"oui-w-full oui-flex oui-items-center oui-justify-center oui-gap-4",children:[jsxRuntime.jsx("div",{className:`oui-max-w-[298px] oui-w-full oui-h-[1px] oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-end)/0)]
|
|
25
|
-
oui-to-[rgba(var(--oui-gradient-brand-start))]`}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center",t?"oui-p-0 oui-gap-1":"oui-p-5 oui-gap-2"]),children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title oui-font-medium oui-text-base-contrast-54",t?"oui-text-[14px] oui-leading-[20px] oui-h-[20px]":"oui-text-[18px] oui-leading-[26px] oui-h-[26px]"]),children:d}),jsxRuntime.jsx("div",{className:ui.cn(["oui-flex oui-items-center",t?"oui-gap-2":"oui-gap-[10px]"]),children:l.map((c,m)=>jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-items-center",t?"oui-gap-2":"oui-gap-[10px]"]),children:[jsxRuntime.jsx(
|
|
26
|
-
oui-to-[rgba(var(--oui-gradient-brand-end)/0)]`})]})};var Pa=({campaign:e,isMobile:t})=>{let a=Sa(e);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-max-w-[992px] oui-mx-auto oui-flex oui-flex-col oui-items-center",t?"oui-pt-4 oui-gap-10 oui-pb-10":"oui-py-10 oui-gap-4"]),children:[jsxRuntime.jsx(_a,{campaign:e,isMobile:t}),t?jsxRuntime.jsx(La,{points:a}):jsxRuntime.jsx(Na,{points:a})]})};var xt=({currentCampaignId:e,onCampaignChange:t,style:a,className:r})=>jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title","oui-flex oui-items-center oui-justify-center oui-cursor-pointer","oui-bg-base-9 oui-h-[78px] oui-rounded-lg oui-border oui-border-solid",e==="general"?"oui-border-[rgba(var(--oui-gradient-brand-start))]":"oui-border-transparent",r]),style:a,onClick:()=>t("general"),children:"General leaderboard"});var vt=({active:e,tag:t,onCampaignChange:a,campaign:r,backgroundSrc:i,classNames:o})=>jsxRuntime.jsxs("div",{className:ui.cn(["oui-w-full","oui-relative oui-h-[78px] oui-cursor-pointer oui-overflow-hidden oui-rounded-lg oui-bg-white/[0.04]","oui-group oui-border oui-border-solid oui-backdrop-blur-[200px]",e?"oui-border-[rgba(var(--oui-gradient-brand-start))]":"oui-border-transparent","hover:oui-border-base-contrast",o?.container]),onClick:()=>a(r.campaign_id.toString()),children:[jsxRuntime.jsx(fn,{tag:t,active:e,classNames:o?.tag}),jsxRuntime.jsx("div",{className:ui.cn(["oui-size-full","oui-absolute oui-left-0 oui-top-0","oui-bg-cover oui-bg-center oui-bg-no-repeat oui-bg-blend-luminosity",e?"oui-bg-transparent":"oui-bg-[lightgray] oui-opacity-40","group-hover:oui-bg-transparent group-hover:oui-opacity-100"]),style:{backgroundImage:`url(${r?.image||i})`}}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-size-full oui-flex-col oui-items-center oui-justify-center oui-gap-1","oui-absolute oui-left-0 oui-top-0 oui-z-10",o?.content]),children:[jsxRuntime.jsx(ui.Text,{weight:"semibold",className:ui.cn([e?"oui-text-base-contrast":"oui-text-base-contrast-54","group-hover:oui-text-base-contrast","oui-trading-leaderboard-title","oui-w-3/5 oui-text-center oui-text-sm",o?.title]),children:r.title}),r.referral_codes&&jsxRuntime.jsx(ui.Text,{className:ui.cn(["oui-text-base-contrast-54","oui-text-center oui-text-[10px]"]),children:Array.isArray(r.referral_codes)?r.referral_codes.join(","):r.referral_codes})]})]}),fn=({tag:e,active:t,classNames:a})=>{let r=e.slice(0,1).toUpperCase()+e.slice(1);return jsxRuntime.jsx("div",{className:ui.cn(["oui-w-fit oui-rounded-br-lg","oui-absolute oui-left-0 oui-top-0 oui-z-10 oui-flex oui-items-center",t&&e!=="coming"?"oui-bg-[rgba(var(--oui-gradient-brand-start))]":"oui-bg-base-4",t&&e!=="ended"&&"group-hover:oui-bg-base-4",e==="ended"&&"oui-bg-base-6 group-hover:oui-bg-base-6",a?.container]),children:e==="ended"?jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",a?.text]),children:r}):jsxRuntime.jsx(ui.Text.gradient,{size:"2xs",weight:"semibold",color:"brand",className:ui.cn([t&&e!=="coming"&&"oui-text-black/[0.88] group-hover:oui-text-transparent",a?.text]),children:r})})};var Fa=({campaigns:e,currentCampaignId:t,onCampaignChange:a,backgroundSrc:r})=>{let[i,o]=react.useState(false),[n,s]=react.useState(false),[u,d]=react.useState(false);react.useEffect(()=>{let g=()=>{o(window.innerWidth>=1024);};return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[]);let[l,c]=ti__default.default({loop:false,align:"start",containScroll:"keepSnaps",slidesToScroll:1,skipSnaps:false,dragFree:false}),m=react.useCallback(()=>{if(!c||!e?.length)return;s(c.canScrollPrev());let g=c.slidesInView(),p=e.length-1,y=g.includes(p);d(c.canScrollNext()&&!y);},[c,e]);react.useEffect(()=>{if(c)return m(),c.on("select",m),c.on("reInit",m),c.on("scroll",m),()=>{c.off("select",m),c.off("reInit",m),c.off("scroll",m);}},[c,m]);let x=react.useCallback(()=>{c&&c.scrollPrev();},[c]),S=react.useCallback(()=>{c&&c.scrollNext();},[c]),C=i?{flexBasis:"calc((100% - 1rem) / 3)",width:"calc((100% - 1rem) / 3)"}:{flexBasis:"calc((100% - 0.5rem) / 2)",width:"calc((100% - 0.5rem) / 2)"},T=i?e.length<=3:e.length<=2;return jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-2 oui-w-full oui-items-center oui-px-6",children:[jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(xt,{currentCampaignId:t,onCampaignChange:a,className:"oui-min-w-[322px]"})}),jsxRuntime.jsx("div",{className:"oui-w-[1px] oui-h-[78px] oui-bg-white/[0.16]"}),jsxRuntime.jsx("button",{onClick:x,disabled:!n,className:`oui-group oui-flex oui-items-center oui-justify-center oui-shrink-0 oui-w-6 oui-h-[78px] oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-opacity-30 disabled:oui-cursor-not-allowed disabled:hover:oui-bg-transparent ${T?"oui-hidden":""}`,"aria-label":"Previous campaigns",children:jsxRuntime.jsx(ui.ChevronLeftIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-min-w-0 oui-overflow-hidden",children:jsxRuntime.jsx("div",{ref:l,children:jsxRuntime.jsx("div",{className:"oui-flex oui-gap-2",children:e?.map(g=>jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",style:C,children:jsxRuntime.jsx(vt,{backgroundSrc:r,campaign:g,tag:pt(g),active:t==g.campaign_id,onCampaignChange:a,classNames:{tag:{container:"oui-h-[23px] oui-py-1 oui-px-2"}}})},g.campaign_id))})})}),jsxRuntime.jsx("button",{onClick:S,disabled:!u,className:`oui-group oui-flex oui-items-center oui-justify-center oui-shrink-0 oui-w-6 oui-h-[78px] oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-opacity-30 disabled:oui-cursor-not-allowed disabled:hover:oui-bg-transparent ${T?"oui-hidden":""}`,"aria-label":"Next campaigns",children:jsxRuntime.jsx(ui.ChevronRightIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})})]})};var Ga=react.memo(({campaigns:e,currentCampaignId:t,onCampaignChange:a,backgroundSrc:r})=>{let[i,o]=react.useState(false),[n,s]=react.useState(false),u=react.useRef(false),[d,l]=ti__default.default({loop:false,align:"start",containScroll:"keepSnaps",slidesToScroll:1,skipSnaps:false,dragFree:false}),c=[{campaign_id:"general",isDefault:true},...e.map(p=>({...p,isDefault:false}))],m=react.useCallback(()=>{if(!l||!e?.length||(o(l.canScrollPrev()),s(l.canScrollNext()),!u.current))return;let p=l.selectedScrollSnap(),y=c[p];if(y){let _=y.isDefault?"general":String(y.campaign_id);_!=t&&a(_);}},[l,e,t,a,c]),x=react.useCallback(()=>{if(!l||!e?.length)return;let p=c.findIndex(y=>(y.isDefault?"general":String(y.campaign_id))===t);p!==-1&&p!==l.selectedScrollSnap()&&l.scrollTo(p,false),u.current=true;},[l,e,t,c]);react.useEffect(()=>{if(l)return m(),x(),l.on("select",m),l.on("reInit",m),()=>{l.off("select",m),l.off("reInit",m);}},[l,m,x]),react.useEffect(()=>{u.current=false,l&&x();},[t,x,l]);let S=react.useCallback(()=>{l&&l.scrollPrev();},[l]),C=react.useCallback(()=>{l&&l.scrollNext();},[l]),T={flexBasis:"100%",width:"100%",height:"42px"},g=e.length<1;return jsxRuntime.jsxs("div",{className:"oui-flex oui-w-full oui-items-center oui-gap-2 oui-px-3",children:[jsxRuntime.jsx("button",{onClick:S,disabled:!i,className:`oui-group oui-flex oui-h-[42px] oui-w-6 oui-shrink-0 oui-items-center oui-justify-center oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-cursor-not-allowed disabled:oui-opacity-30 disabled:hover:oui-bg-transparent ${g?"oui-hidden":""}`,"aria-label":"Previous campaigns",children:jsxRuntime.jsx(ui.ChevronLeftIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})}),jsxRuntime.jsx("div",{className:"oui-min-w-0 oui-flex-1 oui-overflow-hidden",children:jsxRuntime.jsx("div",{ref:d,children:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-2",children:[jsxRuntime.jsx(xt,{currentCampaignId:t,onCampaignChange:a,style:T,className:"oui-w-full oui-shrink-0"},"general_campaign"),e?.map(p=>jsxRuntime.jsx("div",{className:"oui-shrink-0",style:T,children:jsxRuntime.jsx(vt,{backgroundSrc:r,campaign:p,tag:pt(p),active:t==p.campaign_id,onCampaignChange:a,classNames:{container:"!oui-h-[42px]",title:"!oui-text-[10px]",content:"!oui-gap-[2px]",tag:{container:"!oui-h-[14px] !oui-px-1 !oui-py-[2px]",text:"!oui-text-[10px]"}}})},p.campaign_id))]})})}),jsxRuntime.jsx("button",{onClick:C,disabled:!n,className:`oui-group oui-flex oui-h-[42px] oui-w-6 oui-shrink-0 oui-items-center oui-justify-center oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-cursor-not-allowed disabled:oui-opacity-30 disabled:hover:oui-bg-transparent ${g?"oui-hidden":""}`,"aria-label":"Next campaigns",children:jsxRuntime.jsx(ui.ChevronRightIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})})]})});var Ua=e=>{let{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(Ga,{...e}):jsxRuntime.jsx(Fa,{...e})};var Ea=e=>{let t=bt(),{isMobile:a}=ui.useScreen(),r=react.useMemo(()=>{if(a)return {container:"oui-h-[400px] oui-gap-5",time:"oui-text-sm oui-h-5",title:"oui-text-[24px] oui-leading-[32px]",description:"oui-text-2xs oui-leading-[15px]",topContainer:"oui-gap-1 oui-w-[284px]"}},[a]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-overflow-hidden oui-relative oui-z-[1]"]),style:e.style,children:[jsxRuntime.jsx(Ua,{backgroundSrc:t.backgroundSrc,campaigns:t.campaigns,currentCampaignId:t.currentCampaignId,onCampaignChange:t.onCampaignChange}),t.currentCampaign&&jsxRuntime.jsx(ka,{campaign:t.currentCampaign,statistics:t.statistics,onLearnMore:t.onLearnMore,onTradeNow:t.onTradeNow,backgroundSrc:t.backgroundSrc,classNames:r,isMobile:a}),t.currentCampaign&&jsxRuntime.jsx(Pa,{campaign:t.currentCampaign,isMobile:a})]})};var Wa=({campaign:e,userdata:t,onLearnMore:a,onTradeNow:r,isMobile:i})=>{let{t:o}=i18n.useTranslation(),n=t,s=e&&n?jr(n,e):null,u=e?.ticket_rules&&n?Yr(n,e.ticket_rules):0,d=s?Jr(s.amount,s.currency):"0 USDC",l=Qr(u),c=react.useMemo(()=>e?.start_time&&e?.end_time&&e.start_time<new Date().toISOString()&&e.end_time>new Date().toISOString(),[e]),m=react.useMemo(()=>jsxRuntime.jsx("div",{className:"oui-flex oui-flex-col oui-gap-1 oui-min-w-[240px]",children:e?.prize_pools?.map(C=>{if(C.tiers.length==0)return null;let T=n?at(n,C):0;return jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-justify-between oui-h-[18px]",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:C.label}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text.numeral,{dp:2,size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:T}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:C.currency})]})]},C.pool_id)})}),[e,n]),x=react.useMemo(()=>{let C=e?.ticket_rules;return C?C.mode==="linear"?jsxRuntime.jsx("div",{children:o("tradingLeaderboard.earnTickets",{ticket:C?.linear?.tickets,amount:C?.linear?.every})}):jsxRuntime.jsx("div",{className:"oui-flex oui-flex-col oui-gap-1 oui-min-w-[240px]",children:C?.tiers?.map(T=>jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-justify-between h-[18px] oui-text-2xs oui-font-semibold",children:[jsxRuntime.jsx("div",{className:"oui-text-base-contrast-54",children:`$${T.value} volume`}),jsxRuntime.jsxs("div",{className:"oui-text-base-contrast",children:[T.tickets," tickets"]})]},T.value))}):null},[e]),S=react.useMemo(()=>{if(!t||!e?.ticket_rules||e.end_time<new Date().toISOString()||e.start_time>new Date().toISOString())return {showExtraInfo:false,extraInfo:null};let C=ea(t,e.ticket_rules);return C?{showExtraInfo:true,extraInfo:C}:{showExtraInfo:false,extraInfo:null}},[e,t]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-pb-10 oui-mb-10 oui-max-w-[992px] oui-mx-auto",i?"oui-gap-3":"oui-gap-6"]),children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-w-full oui-flex oui-items-stretch oui-gap-3",i?"oui-px-3":""]),children:[jsxRuntime.jsx(Oa,{title:o("tradingLeaderboard.estimatedRewards"),value:d,showTooltip:true,tooltip:m,isMobile:i}),jsxRuntime.jsx(Oa,{showTooltip:!!e?.ticket_rules,title:o("tradingLeaderboard.estimatedTicketsEarned"),value:l,tooltip:x,...S,isMobile:i})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-gap-3 oui-justify-center",i?"oui-px-3":""]),children:[e?.rule_url&&jsxRuntime.jsx(ui.Button,{size:i?"md":"lg",variant:"outlined",className:ui.cn(["oui-border-[rgb(var(--oui-gradient-brand-start))] oui-text-[rgb(var(--oui-gradient-brand-start))] hover:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08] active:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08]",i?"oui-flex-1":"oui-w-[140px]"]),onClick:a,children:o("tradingLeaderboard.viewRules")}),c&&jsxRuntime.jsx(ui.Button,{size:i?"md":"lg",variant:"gradient",color:"primary",className:ui.cn([i?"oui-flex-1":"oui-w-[140px]"]),onClick:r,children:o("tradingLeaderboard.tradeNow")})]})]})},Oa=e=>{let[t,a]=react.useState(false),r=react.useMemo(()=>e.isMobile?{open:t,onOpenChange:a}:{},[t,e.isMobile,a]);return jsxRuntime.jsxs("div",{className:"oui-flex-1 oui-px-5 oui-py-4 oui-flex oui-flex-col oui-items-center oui-bg-base-9 oui-rounded-2xl oui-justify-center",children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-text-base-contrast-54",e.isMobile?"oui-text-2xs oui-leading-[15px] oui-h-[15px]":"oui-text-sm oui-font-semibold"]),children:e.title}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-2",children:[jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",e.isMobile?"oui-text-base oui-leading-[16px] oui-h-[16px]":"oui-text-[32px] oui-h-10 oui-leading-10"]),children:e.value}),e.showTooltip&&jsxRuntime.jsx(ui.Tooltip,{content:e.tooltip,...r,children:jsxRuntime.jsx("div",{className:"oui-flex oui-items-center oui-justify-center oui-w-4 oui-h-4",onClick:()=>a(true),children:jsxRuntime.jsx(ui.InfoCircleIcon,{className:"oui-cursor-pointer"})})})]}),e.showExtraInfo&&jsxRuntime.jsx("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center oui-justify-end",e.isMobile?"oui-mt-2":""]),children:jsxRuntime.jsxs("div",{className:"oui-text-base-contrast-36 oui-text-2xs oui-font-semibold oui-flex oui-flex-col oui-items-center oui-gap-1",children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-w-[225px] oui-h-[18px] oui-p-[2px] oui-bg-base-5 oui-rounded-[100px] oui-flex oui-items-center",e.isMobile?"oui-w-full":"oui-w-[225px]"]),children:jsxRuntime.jsx("div",{className:ui.cn(["oui-h-[14px] oui-rounded-[100px]","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-start))_0%,rgb(var(--oui-gradient-brand-end))_100%)]"]),style:{width:`${e?.extraInfo?.percent}%`}})}),jsxRuntime.jsx("div",{className:ui.cn(["oui-text-center oui-font-semibold",e.isMobile?"oui-text-2xs oui-leading-[15px]":""]),children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"tradingLeaderboard.tradeForMoreTickets",components:[jsxRuntime.jsxs("span",{className:"oui-text-base-contrast",children:["$",e?.extraInfo?.value?.toFixed(2)]},"0")]})})]})})]})};var Ha=()=>{let e=bt(),{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen();return e.currentCampaignId==="general"?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lr,{title:t("tradingRewards.rewards"),isMobile:a}),jsxRuntime.jsx(Wa,{campaign:e.currentCampaign,userdata:e.userData,onLearnMore:e.onLearnMore,onTradeNow:e.onTradeNow,isMobile:a})]})};var tg=e=>jsxRuntime.jsx(Er,{...e,children:jsxRuntime.jsxs("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:ui.cn("oui-trading-leaderboard-page","oui-relative oui-bg-base-10","oui-font-semibold",e.className),children:[jsxRuntime.jsx(Ea,{className:"oui-relative oui-z-[1] oui-mx-6"}),jsxRuntime.jsx(Ha,{}),jsxRuntime.jsx(Wn,{...e})]})}),Wn=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),{currentCampaignId:r,currentCampaign:i,backgroundSrc:o}=oe();return r==="general"?jsxRuntime.jsxs(ui.Box,{px:3,className:ui.cn("oui-mix-blend-screen"),children:[jsxRuntime.jsx(xa,{backgroundSrc:o}),jsxRuntime.jsx(jt,{...e,className:"oui-mt-10"})]}):i&&r!="general"?jsxRuntime.jsxs(ui.Box,{px:3,children:[jsxRuntime.jsx(lr,{title:t("tradingLeaderboard.leaderboard"),isMobile:a}),jsxRuntime.jsx(Qt,{...e,campaignId:r})]}):null},lr=e=>jsxRuntime.jsxs(ui.Flex,{mb:e.isMobile?3:6,gapY:1,justify:"center",direction:"column",children:[jsxRuntime.jsx(ui.Text,{className:ui.cn("oui-trading-leaderboard-title oui-font-bold",e.isMobile?"oui-text-[20px] oui-leading-[24px]":"oui-text-[32px] oui-leading-[44px]"),children:e.title}),jsxRuntime.jsx(ui.Box,{width:24,height:6,r:"base",className:"oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-start))_0%,rgb(var(--oui-gradient-brand-end))_100%)]"})]});
|
|
25
|
+
oui-to-[rgba(var(--oui-gradient-brand-start))]`}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center",t?"oui-p-0 oui-gap-1":"oui-p-5 oui-gap-2"]),children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title oui-font-medium oui-text-base-contrast-54",t?"oui-text-[14px] oui-leading-[20px] oui-h-[20px]":"oui-text-[18px] oui-leading-[26px] oui-h-[26px]"]),children:d}),jsxRuntime.jsx("div",{className:ui.cn(["oui-flex oui-items-center",t?"oui-gap-2":"oui-gap-[10px]"]),children:l.map((c,m)=>jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-items-center",t?"oui-gap-2":"oui-gap-[10px]"]),children:[jsxRuntime.jsx(cn,{value:c.value,label:c.label,isMobile:t}),m<l.length-1&&jsxRuntime.jsx(dn,{})]},c.label))})]}),jsxRuntime.jsx("div",{className:`oui-max-w-[298px] oui-w-full oui-h-[1px] oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-start))]
|
|
26
|
+
oui-to-[rgba(var(--oui-gradient-brand-end)/0)]`})]})};var Pa=({campaign:e,isMobile:t})=>{let a=Sa(e);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-max-w-[992px] oui-mx-auto oui-flex oui-flex-col oui-items-center",t?"oui-pt-4 oui-gap-10 oui-pb-10":"oui-py-10 oui-gap-4"]),children:[jsxRuntime.jsx(_a,{campaign:e,isMobile:t}),t?jsxRuntime.jsx(La,{points:a}):jsxRuntime.jsx(Na,{points:a})]})};var Ct=({currentCampaignId:e,onCampaignChange:t,style:a,className:r})=>{let{t:i}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:ui.cn(["oui-trading-leaderboard-title","oui-flex oui-items-center oui-justify-center oui-cursor-pointer","oui-bg-base-9 oui-h-[78px] oui-rounded-lg oui-border oui-border-solid",e==="general"?"oui-border-[rgba(var(--oui-gradient-brand-start))]":"oui-border-transparent",r]),style:a,onClick:()=>t("general"),children:i("tradingLeaderboard.generalLeaderboard")})};var yt=({active:e,tag:t,onCampaignChange:a,campaign:r,backgroundSrc:i,classNames:o})=>jsxRuntime.jsxs("div",{className:ui.cn(["oui-w-full","oui-relative oui-h-[78px] oui-cursor-pointer oui-overflow-hidden oui-rounded-lg oui-bg-white/[0.04]","oui-group oui-border oui-border-solid oui-backdrop-blur-[200px]",e?"oui-border-[rgba(var(--oui-gradient-brand-start))]":"oui-border-transparent","hover:oui-border-base-contrast",o?.container]),onClick:()=>a(r.campaign_id.toString()),children:[jsxRuntime.jsx(xn,{tag:t,active:e,classNames:o?.tag}),jsxRuntime.jsx("div",{className:ui.cn(["oui-size-full","oui-absolute oui-left-0 oui-top-0","oui-bg-cover oui-bg-center oui-bg-no-repeat oui-bg-blend-luminosity",e?"oui-bg-transparent":"oui-bg-[lightgray] oui-opacity-40","group-hover:oui-bg-transparent group-hover:oui-opacity-100"]),style:{backgroundImage:`url(${r?.image||i})`}}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-size-full oui-flex-col oui-items-center oui-justify-center oui-gap-1","oui-absolute oui-left-0 oui-top-0 oui-z-10",o?.content]),children:[jsxRuntime.jsx(ui.Text,{weight:"semibold",className:ui.cn([e?"oui-text-base-contrast":"oui-text-base-contrast-54","group-hover:oui-text-base-contrast","oui-trading-leaderboard-title","oui-w-3/5 oui-text-center oui-text-sm",o?.title]),children:r.title}),r.referral_codes&&jsxRuntime.jsx(ui.Text,{className:ui.cn(["oui-text-base-contrast-54","oui-text-center oui-text-[10px]"]),children:Array.isArray(r.referral_codes)?r.referral_codes.join(","):r.referral_codes})]})]}),xn=({tag:e,active:t,classNames:a})=>{let r=e.slice(0,1).toUpperCase()+e.slice(1);return jsxRuntime.jsx("div",{className:ui.cn(["oui-w-fit oui-rounded-br-lg","oui-absolute oui-left-0 oui-top-0 oui-z-10 oui-flex oui-items-center",t&&e!=="coming"?"oui-bg-[rgba(var(--oui-gradient-brand-start))]":"oui-bg-base-4",t&&e!=="ended"&&"group-hover:oui-bg-base-4",e==="ended"&&"oui-bg-base-6 group-hover:oui-bg-base-6",a?.container]),children:e==="ended"?jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:ui.cn(["oui-text-base-contrast-54",a?.text]),children:r}):jsxRuntime.jsx(ui.Text.gradient,{size:"2xs",weight:"semibold",color:"brand",className:ui.cn([t&&e!=="coming"&&"oui-text-black/[0.88] group-hover:oui-text-transparent",a?.text]),children:r})})};var Fa=({campaigns:e,currentCampaignId:t,onCampaignChange:a,backgroundSrc:r})=>{let[i,o]=react.useState(false),[n,s]=react.useState(false),[u,d]=react.useState(false);react.useEffect(()=>{let g=()=>{o(window.innerWidth>=1024);};return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[]);let[l,c]=ri__default.default({loop:false,align:"start",containScroll:"keepSnaps",slidesToScroll:1,skipSnaps:false,dragFree:false}),m=react.useCallback(()=>{if(!c||!e?.length)return;s(c.canScrollPrev());let g=c.slidesInView(),p=e.length-1,y=g.includes(p);d(c.canScrollNext()&&!y);},[c,e]);react.useEffect(()=>{if(c)return m(),c.on("select",m),c.on("reInit",m),c.on("scroll",m),()=>{c.off("select",m),c.off("reInit",m),c.off("scroll",m);}},[c,m]);let x=react.useCallback(()=>{c&&c.scrollPrev();},[c]),S=react.useCallback(()=>{c&&c.scrollNext();},[c]),C=i?{flexBasis:"calc((100% - 1rem) / 3)",width:"calc((100% - 1rem) / 3)"}:{flexBasis:"calc((100% - 0.5rem) / 2)",width:"calc((100% - 0.5rem) / 2)"},T=i?e.length<=3:e.length<=2;return jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-2 oui-w-full oui-items-center oui-px-6",children:[jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(Ct,{currentCampaignId:t,onCampaignChange:a,className:"oui-min-w-[322px]"})}),jsxRuntime.jsx("div",{className:"oui-w-[1px] oui-h-[78px] oui-bg-white/[0.16]"}),jsxRuntime.jsx("button",{onClick:x,disabled:!n,className:`oui-group oui-flex oui-items-center oui-justify-center oui-shrink-0 oui-w-6 oui-h-[78px] oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-opacity-30 disabled:oui-cursor-not-allowed disabled:hover:oui-bg-transparent ${T?"oui-hidden":""}`,"aria-label":"Previous campaigns",children:jsxRuntime.jsx(ui.ChevronLeftIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-min-w-0 oui-overflow-hidden",children:jsxRuntime.jsx("div",{ref:l,children:jsxRuntime.jsx("div",{className:"oui-flex oui-gap-2",children:e?.map(g=>jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",style:C,children:jsxRuntime.jsx(yt,{backgroundSrc:r,campaign:g,tag:ft(g),active:t==g.campaign_id,onCampaignChange:a,classNames:{tag:{container:"oui-h-[23px] oui-py-1 oui-px-2"}}})},g.campaign_id))})})}),jsxRuntime.jsx("button",{onClick:S,disabled:!u,className:`oui-group oui-flex oui-items-center oui-justify-center oui-shrink-0 oui-w-6 oui-h-[78px] oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-opacity-30 disabled:oui-cursor-not-allowed disabled:hover:oui-bg-transparent ${T?"oui-hidden":""}`,"aria-label":"Next campaigns",children:jsxRuntime.jsx(ui.ChevronRightIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})})]})};var Ga=react.memo(({campaigns:e,currentCampaignId:t,onCampaignChange:a,backgroundSrc:r})=>{let[i,o]=react.useState(false),[n,s]=react.useState(false),u=react.useRef(false),[d,l]=ri__default.default({loop:false,align:"start",containScroll:"keepSnaps",slidesToScroll:1,skipSnaps:false,dragFree:false}),c=[{campaign_id:"general",isDefault:true},...e.map(p=>({...p,isDefault:false}))],m=react.useCallback(()=>{if(!l||!e?.length||(o(l.canScrollPrev()),s(l.canScrollNext()),!u.current))return;let p=l.selectedScrollSnap(),y=c[p];if(y){let _=y.isDefault?"general":String(y.campaign_id);_!=t&&a(_);}},[l,e,t,a,c]),x=react.useCallback(()=>{if(!l||!e?.length)return;let p=c.findIndex(y=>(y.isDefault?"general":String(y.campaign_id))===t);p!==-1&&p!==l.selectedScrollSnap()&&l.scrollTo(p,false),u.current=true;},[l,e,t,c]);react.useEffect(()=>{if(l)return m(),x(),l.on("select",m),l.on("reInit",m),()=>{l.off("select",m),l.off("reInit",m);}},[l,m,x]),react.useEffect(()=>{u.current=false,l&&x();},[t,x,l]);let S=react.useCallback(()=>{l&&l.scrollPrev();},[l]),C=react.useCallback(()=>{l&&l.scrollNext();},[l]),T={flexBasis:"100%",width:"100%",height:"42px"},g=e.length<1;return jsxRuntime.jsxs("div",{className:"oui-flex oui-w-full oui-items-center oui-gap-2 oui-px-3",children:[jsxRuntime.jsx("button",{onClick:S,disabled:!i,className:`oui-group oui-flex oui-h-[42px] oui-w-6 oui-shrink-0 oui-items-center oui-justify-center oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-cursor-not-allowed disabled:oui-opacity-30 disabled:hover:oui-bg-transparent ${g?"oui-hidden":""}`,"aria-label":"Previous campaigns",children:jsxRuntime.jsx(ui.ChevronLeftIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})}),jsxRuntime.jsx("div",{className:"oui-min-w-0 oui-flex-1 oui-overflow-hidden",children:jsxRuntime.jsx("div",{ref:d,children:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-2",children:[jsxRuntime.jsx(Ct,{currentCampaignId:t,onCampaignChange:a,style:T,className:"oui-w-full oui-shrink-0"},"general_campaign"),e?.map(p=>jsxRuntime.jsx("div",{className:"oui-shrink-0",style:T,children:jsxRuntime.jsx(yt,{backgroundSrc:r,campaign:p,tag:ft(p),active:t==p.campaign_id,onCampaignChange:a,classNames:{container:"!oui-h-[42px]",title:"!oui-text-[10px]",content:"!oui-gap-[2px]",tag:{container:"!oui-h-[14px] !oui-px-1 !oui-py-[2px]",text:"!oui-text-[10px]"}}})},p.campaign_id))]})})}),jsxRuntime.jsx("button",{onClick:C,disabled:!n,className:`oui-group oui-flex oui-h-[42px] oui-w-6 oui-shrink-0 oui-items-center oui-justify-center oui-rounded-lg oui-transition-colors hover:oui-bg-base-7 disabled:oui-cursor-not-allowed disabled:oui-opacity-30 disabled:hover:oui-bg-transparent ${g?"oui-hidden":""}`,"aria-label":"Next campaigns",children:jsxRuntime.jsx(ui.ChevronRightIcon,{opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"})})]})});var Ua=e=>{let{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(Ga,{...e}):jsxRuntime.jsx(Fa,{...e})};var Ea=e=>{let t=xt(),{isMobile:a}=ui.useScreen(),r=react.useMemo(()=>{if(a)return {container:"oui-h-[400px] oui-gap-5",time:"oui-text-sm oui-h-5",title:"oui-text-[24px] oui-leading-[32px]",description:"oui-text-2xs oui-leading-[15px]",topContainer:"oui-gap-1 oui-w-[284px]"}},[a]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-overflow-hidden oui-relative oui-z-[1]"]),style:e.style,children:[jsxRuntime.jsx(Ua,{backgroundSrc:t.backgroundSrc,campaigns:t.campaigns,currentCampaignId:t.currentCampaignId,onCampaignChange:t.onCampaignChange}),t.currentCampaign&&jsxRuntime.jsx(ka,{campaign:t.currentCampaign,statistics:t.statistics,onLearnMore:t.onLearnMore,onTradeNow:t.onTradeNow,backgroundSrc:t.backgroundSrc,classNames:r,isMobile:a}),t.currentCampaign&&jsxRuntime.jsx(Pa,{campaign:t.currentCampaign,isMobile:a})]})};var $a=({campaign:e,userdata:t,onLearnMore:a,onTradeNow:r,isMobile:i})=>{let{t:o}=i18n.useTranslation(),n=t,s=e&&n?jr(n,e):null,u=e?.ticket_rules&&n?Yr(n,e.ticket_rules):0,d=s?Jr(s.amount,s.currency):"0 USDC",l=Qr(u),c=react.useMemo(()=>e?.start_time&&e?.end_time&&e.start_time<new Date().toISOString()&&e.end_time>new Date().toISOString(),[e]),m=react.useMemo(()=>jsxRuntime.jsx("div",{className:"oui-flex oui-min-w-[240px] oui-flex-col oui-gap-1",children:e?.prize_pools?.map(C=>{if(C.tiers.length==0)return null;let T=n?it(n,C):0;return jsxRuntime.jsxs("div",{className:"oui-flex oui-h-[18px] oui-items-center oui-justify-between",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast-54",children:C.label}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Text.numeral,{dp:2,size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:T}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",className:"oui-text-base-contrast",children:C.currency})]})]},C.pool_id)})}),[e,n]),x=react.useMemo(()=>{let C=e?.ticket_rules;return C?C.mode==="linear"?jsxRuntime.jsx("div",{children:o("tradingLeaderboard.earnTickets",{ticket:C?.linear?.tickets,amount:C?.linear?.every})}):jsxRuntime.jsx("div",{className:"oui-flex oui-min-w-[240px] oui-flex-col oui-gap-1",children:C?.tiers?.map(T=>jsxRuntime.jsxs("div",{className:"h-[18px] oui-flex oui-items-center oui-justify-between oui-text-2xs oui-font-semibold",children:[jsxRuntime.jsx(ui.Text.numeral,{currency:"$",suffix:" volume",dp:0,className:"oui-text-base-contrast-54",children:T.value}),jsxRuntime.jsxs("div",{className:"oui-text-base-contrast",children:[T.tickets," tickets"]})]},T.value))}):null},[e]),S=react.useMemo(()=>{if(!t||!e?.ticket_rules||e.end_time<new Date().toISOString()||e.start_time>new Date().toISOString())return {showExtraInfo:false,extraInfo:null};let C=ea(t,e.ticket_rules);return C?{showExtraInfo:true,extraInfo:C}:{showExtraInfo:false,extraInfo:null}},[e,t]);return jsxRuntime.jsxs("div",{className:ui.cn(["oui-mx-auto oui-mb-10 oui-flex oui-max-w-[992px] oui-flex-col oui-pb-10",i?"oui-gap-3":"oui-gap-6"]),children:[jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-w-full oui-items-stretch oui-gap-3",i?"oui-px-3":""]),children:[jsxRuntime.jsx(Wa,{title:o("tradingLeaderboard.estimatedRewards"),value:d,showTooltip:true,tooltip:m,isMobile:i}),jsxRuntime.jsx(Wa,{showTooltip:!!e?.ticket_rules,title:o("tradingLeaderboard.estimatedTicketsEarned"),value:l,tooltip:x,...S,isMobile:i})]}),jsxRuntime.jsxs("div",{className:ui.cn(["oui-flex oui-justify-center oui-gap-3",i?"oui-px-3":""]),children:[e?.rule_url&&jsxRuntime.jsx(ui.Button,{size:i?"md":"lg",variant:"outlined",className:ui.cn(["oui-border-[rgb(var(--oui-gradient-brand-start))] oui-text-[rgb(var(--oui-gradient-brand-start))] hover:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08] active:oui-bg-[rgb(var(--oui-gradient-brand-start))]/[0.08]",i?"oui-flex-1":"oui-w-[140px]"]),onClick:a,children:o("tradingLeaderboard.viewRules")}),c&&jsxRuntime.jsx(ui.Button,{size:i?"md":"lg",variant:"gradient",color:"primary",className:ui.cn([i?"oui-flex-1":"oui-w-[140px]"]),onClick:r,children:o("tradingLeaderboard.tradeNow")})]})]})},Wa=e=>{let[t,a]=react.useState(false),r=react.useMemo(()=>e.isMobile?{open:t,onOpenChange:a}:{},[t,e.isMobile,a]);return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-1 oui-flex-col oui-items-center oui-justify-center oui-rounded-2xl oui-bg-base-9 oui-px-5 oui-py-4",children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-text-base-contrast-54",e.isMobile?"oui-h-[15px] oui-text-2xs oui-leading-[15px]":"oui-text-sm oui-font-semibold"]),children:e.title}),jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-2",children:[jsxRuntime.jsx(ui.Text.gradient,{weight:"bold",color:"brand",className:ui.cn(["oui-trading-leaderboard-title",e.isMobile?"oui-h-[16px] oui-text-base oui-leading-[16px]":"oui-h-10 oui-text-[32px] oui-leading-10"]),children:e.value}),e.showTooltip&&jsxRuntime.jsx(ui.Tooltip,{content:e.tooltip,...r,children:jsxRuntime.jsx("div",{className:"oui-flex oui-size-4 oui-items-center oui-justify-center",onClick:()=>a(true),children:jsxRuntime.jsx(ui.InfoCircleIcon,{className:"oui-cursor-pointer"})})})]}),e.showExtraInfo&&jsxRuntime.jsx("div",{className:ui.cn(["oui-flex oui-flex-col oui-items-center oui-justify-end",e.isMobile?"oui-mt-2":""]),children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-items-center oui-gap-1 oui-text-2xs oui-font-semibold oui-text-base-contrast-36",children:[jsxRuntime.jsx("div",{className:ui.cn(["oui-flex oui-h-[18px] oui-w-[225px] oui-items-center oui-rounded-[100px] oui-bg-base-5 oui-p-[2px]",e.isMobile?"oui-w-full":"oui-w-[225px]"]),children:jsxRuntime.jsx("div",{className:ui.cn(["oui-h-[14px] oui-rounded-[100px]","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-start))_0%,rgb(var(--oui-gradient-brand-end))_100%)]"]),style:{width:`${e?.extraInfo?.percent}%`}})}),jsxRuntime.jsx("div",{className:ui.cn(["oui-text-center oui-font-semibold",e.isMobile?"oui-text-2xs oui-leading-[15px]":""]),children:e.extraInfo.atMax?jsxRuntime.jsx(i18n.Trans,{i18nKey:"tradingLeaderboard.maxTicketsAchieved"}):jsxRuntime.jsx(i18n.Trans,{i18nKey:"tradingLeaderboard.tradeForMoreTickets",components:[jsxRuntime.jsxs("span",{className:"oui-text-base-contrast",children:["$",e?.extraInfo?.value?.toFixed(2)]},"0")]})})]})})]})};var Ka=()=>{let e=xt(),{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen();return e.currentCampaignId==="general"?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lr,{title:t("tradingRewards.rewards"),isMobile:a}),jsxRuntime.jsx($a,{campaign:e.currentCampaign,userdata:e.userData,onLearnMore:e.onLearnMore,onTradeNow:e.onTradeNow,isMobile:a})]})};var ag=e=>jsxRuntime.jsx(Er,{...e,children:jsxRuntime.jsxs("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:ui.cn("oui-trading-leaderboard-page","oui-relative oui-bg-base-10","oui-font-semibold",e.className),children:[jsxRuntime.jsx(Ea,{className:"oui-relative oui-z-[1] oui-mx-6"}),jsxRuntime.jsx(Ka,{}),jsxRuntime.jsx($n,{...e})]})}),$n=e=>{let{t}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),{currentCampaignId:r,currentCampaign:i,backgroundSrc:o}=oe();return r==="general"?jsxRuntime.jsxs(ui.Box,{px:3,className:ui.cn("oui-mix-blend-screen"),children:[jsxRuntime.jsx(xa,{backgroundSrc:o}),jsxRuntime.jsx(jt,{...e,className:"oui-mt-10"})]}):i&&r!="general"?jsxRuntime.jsxs(ui.Box,{px:3,children:[jsxRuntime.jsx(lr,{title:t("tradingLeaderboard.arena"),isMobile:a}),jsxRuntime.jsx(Qt,{...e,campaignId:r})]}):null},lr=e=>jsxRuntime.jsxs(ui.Flex,{mb:e.isMobile?3:6,gapY:1,justify:"center",direction:"column",children:[jsxRuntime.jsx(ui.Text,{className:ui.cn("oui-trading-leaderboard-title oui-font-bold",e.isMobile?"oui-text-[20px] oui-leading-[24px]":"oui-text-[32px] oui-leading-[44px]"),children:e.title}),jsxRuntime.jsx(ui.Box,{width:24,height:6,r:"base",className:"oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-start))_0%,rgb(var(--oui-gradient-brand-end))_100%)]"})]});
|
|
27
27
|
|
|
28
28
|
exports.CampaignLeaderboard = Jt;
|
|
29
29
|
exports.CampaignLeaderboardWidget = Qt;
|
|
30
|
-
exports.CampaignRankingWidget =
|
|
30
|
+
exports.CampaignRankingWidget = st;
|
|
31
31
|
exports.CampaignTagEnum = er;
|
|
32
32
|
exports.Campaigns = Lt;
|
|
33
33
|
exports.CampaignsWidget = Re;
|
|
34
34
|
exports.GeneralLeaderboard = qt;
|
|
35
35
|
exports.GeneralLeaderboardWidget = jt;
|
|
36
|
-
exports.GeneralRankingWidget =
|
|
36
|
+
exports.GeneralRankingWidget = at;
|
|
37
37
|
exports.Leaderboard = zt;
|
|
38
|
-
exports.LeaderboardPage =
|
|
39
|
-
exports.LeaderboardSection =
|
|
38
|
+
exports.LeaderboardPage = ag;
|
|
39
|
+
exports.LeaderboardSection = $n;
|
|
40
40
|
exports.LeaderboardTitle = lr;
|
|
41
|
-
exports.LeaderboardWidget =
|
|
42
|
-
exports.Ranking =
|
|
41
|
+
exports.LeaderboardWidget = Ai;
|
|
42
|
+
exports.Ranking = Qe;
|
|
43
43
|
exports.TradingLeaderboardContext = Ur;
|
|
44
44
|
exports.TradingLeaderboardProvider = Er;
|
|
45
45
|
exports.TradingList = It;
|