@kodiak-finance/orderly-trading-rewards 2.8.18 → 2.8.19-rc.0

package/dist/index.mjs

@@ -1,17 +1,1861 @@
 import { Flex, cn, Box, Text, Divider, ListView, DataTable, Tooltip, usePagination } from '@kodiak-finance/orderly-ui';
 import { useTranslation } from '@kodiak-finance/orderly-i18n';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import O, { createContext, useState, useEffect, useMemo, useContext, useCallback } from 'react';
+import React3, { createContext, useState, useEffect, useMemo, useContext, useCallback } from 'react';
 import { useMediaQuery, useTradingRewardsStatus, EpochStatus, TWType, useConfig, useGetClaimed, DistributionId, useAllBrokers, useCurEpochEstimate, useWalletRewardsHistory, useEpochInfo, useWalletConnector, useAccount, useGetEnv, ENVType, useAccountRewardsHistory } from '@kodiak-finance/orderly-hooks';
 import { useAppContext, useDataTap } from '@kodiak-finance/orderly-react-app';
 import { AccountStatusEnum, ChainNamespace } from '@kodiak-finance/orderly-types';
 import { commifyOptional, commify, Decimal, getTimestamp } from '@kodiak-finance/orderly-utils';
 import { AuthGuard, AuthGuardEmpty } from '@kodiak-finance/orderly-ui-connector';
-import gr from 'ramda/es/omit';
+import omit from 'ramda/es/omit';
 import { Scaffold } from '@kodiak-finance/orderly-ui-scaffold';
 
-var Gt=Object.defineProperty;var c=(e,t)=>()=>(e&&(t=e(e=0)),t);var V=(e,t)=>{for(var o in t)Gt(e,o,{get:t[o],enumerable:true});};var le,Jt,Te=c(()=>{le=e=>{let{title:t,subtitle:o,content:i,docOpenOptions:a}=e,{t:r}=useTranslation();return jsxs(Flex,{id:"oui-tradingRewards-home-title",p:6,direction:"column",itemAlign:"start",gap:4,className:"oui-bg-base-9 oui-font-semibold",r:"2xl",width:"100%",children:[t||jsx(Text,{size:"lg",children:r("common.tradingRewards")}),jsx(Divider,{intensity:8,className:"oui-w-full"}),jsxs(Flex,{direction:"column",itemAlign:"start",gap:1,children:[o||jsx(Text,{size:"base",children:r("tradingRewards.subtitle",{brokerName:e.brokerName})}),i||jsx(Jt,{docOpenOptions:a})]})]})},Jt=e=>{let{t}=useTranslation();return jsxs("div",{className:"oui-text-sm oui-text-base-contrast-54 oui-font-normal oui-flex oui-gap-1 oui-items-center hover:oui-text-primary-darken oui-text-primary-light oui-cursor-pointer",onClick:()=>[window.open(e.docOpenOptions?.url,e.docOpenOptions?.target,e.docOpenOptions?.features)],children:[jsx("span",{className:"oui-text-primary-light hover:oui-text-primary-darken oui-cursor-pointer",children:t("tradingRewards.learnMore")}),jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M4.008 7.995c0-.368.298-.666.666-.666H9.71L7.733 5.331l.937-.936 3.143 3.122c.13.13.195.304.195.479a.67.67 0 0 1-.195.478L8.67 11.596l-.937-.937 1.978-1.998H4.674a.666.666 0 0 1-.666-.666"})})]})};});var it,ce,E,H=c(()=>{it=createContext({}),ce=e=>{let{type:t=TWType.normal,showEpochPauseCountdown:o,titleConfig:i={docOpenOptions:{url:"https://orderly.network/docs/introduction/tokenomics/trading-rewards",target:"_blank"}},children:a}=e,r=useConfig("brokerId"),{statusInfo:n}=useTradingRewardsStatus(t===TWType.mm),d=useGetClaimed(t===TWType.mm?DistributionId.mmOrder:DistributionId.order),g=useGetClaimed(t===TWType.mm?DistributionId.mmEsOrder:DistributionId.esORder),[u]=useAllBrokers(),[w]=useCurEpochEstimate(t),f=useWalletRewardsHistory(t),C=useEpochInfo(t),b=useMemo(()=>u?.[r],[r,u]),L=useMemo(()=>({type:t,totalOrderClaimedReward:d,totalEsOrderClaimedReward:g,epochList:C,curEpochEstimate:w,walletRewardsHistory:f,titleConfig:i,brokerId:r,brokerName:b,brokers:u,statusInfo:n,showEpochPauseCountdown:o??false}),[t,d,g,C,w,f,i,r,b,u,n,o]);return jsx(it.Provider,{value:L,children:a})},E=()=>useContext(it);});var at,st=c(()=>{H();at=()=>{let{titleConfig:e}=E();return e};});var nt={};V(nt,{TitleWidget:()=>ye});var ye,Ne=c(()=>{st();Te();ye=()=>{let e=at();return jsx(le,{...e})};});var Y,Se=c(()=>{H();Y=()=>{let{epochList:e,curEpochEstimate:t,brokerId:o,brokerName:i,statusInfo:a,showEpochPauseCountdown:r}=E(),{wrongNetwork:n,disabledConnect:d}=useAppContext(),{connect:g}=useWalletConnector(),{state:u}=useAccount(),w=useMemo(()=>u.status<=AccountStatusEnum.SignedIn||n||d,[u,n,d]),f=useMemo(()=>u.status<=AccountStatusEnum.SignedIn||d,[u,d]),C=useMemo(()=>{if(typeof t>"u"||t===null)return;let b=t.rows.filter(S=>S.broker_id!==o).reduce((S,_)=>S+_.est_r_account,0),L=Number(t.est_r_wallet)-b;return {brokerName:i,curRewards:L,otherRewards:b}},[o,i,t]);return {epochList:e,estimate:t,hideData:w,notConnected:f,connect:g,rewardsTooltip:w?void 0:C,statusInfo:a,showEpochPauseCountdown:r}};});var k,K=c(()=>{k=e=>jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:[jsxs("g",{clipPath:"url(#clip0_862_2449)",children:[jsx("path",{d:"M10.0249 19.9361C15.5202 19.9361 19.9751 15.4813 19.9751 9.98589C19.9751 4.49052 15.5202 0.0356445 10.0249 0.0356445C4.52949 0.0356445 0.0746155 4.49052 0.0746155 9.98589C0.0746155 15.4813 4.52949 19.9361 10.0249 19.9361Z",fill:"url(#paint0_linear_862_2449)"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0992 5.0347C14.1824 5.0347 14.2202 4.93253 14.1556 4.88017C13.0272 3.96625 11.59 3.41876 10.0249 3.41876C8.4598 3.41876 7.02258 3.96625 5.89428 4.88017C5.82963 4.93253 5.86743 5.0347 5.95063 5.0347H14.0992ZM7.2658 11.6648C7.34763 11.6648 7.42329 11.707 7.47028 11.7739C8.03421 12.5781 8.96819 13.1038 10.025 13.1038C11.0817 13.1038 12.0156 12.5781 12.5796 11.7739C12.6266 11.707 12.7022 11.6648 12.7841 11.6648H16.2198C16.2985 11.6648 16.3559 11.7395 16.334 11.8151C15.5419 14.5521 13.0171 16.5531 10.0249 16.5531C7.03275 16.5531 4.50795 14.5521 3.71578 11.8151C3.6939 11.7395 3.75127 11.6648 3.83 11.6648H7.2658ZM12.335 7.8919C12.3825 7.94426 12.4493 7.97581 12.5199 7.97581H16.114C16.1955 7.97581 16.2533 7.89653 16.2264 7.81972C15.9727 7.0936 15.5951 6.42564 15.119 5.84118C15.0743 5.78631 15.007 5.75526 14.9361 5.75526H5.11354C5.04279 5.75526 4.97543 5.78631 4.93075 5.84118C4.4546 6.42564 4.07701 7.0936 3.82337 7.81972C3.79653 7.89653 3.8543 7.97581 3.93567 7.97581H7.52983C7.60053 7.97581 7.66725 7.94426 7.71477 7.8919C8.28522 7.263 9.10892 6.86807 10.0249 6.86807C10.9408 6.86807 11.7646 7.263 12.335 7.8919ZM13.028 10.8273C13.0114 10.8862 13.0549 10.9458 13.116 10.9458H16.4447C16.4894 10.9458 16.5273 10.913 16.5333 10.8688C16.572 10.5798 16.5921 10.285 16.5921 9.98539C16.5921 9.56935 16.5534 9.1623 16.4795 8.76771C16.4716 8.72551 16.4345 8.6952 16.3916 8.6952H13.0042C12.9388 8.6952 12.895 8.763 12.9195 8.82377C13.0636 9.18276 13.1429 9.57477 13.1429 9.98529C13.1429 10.277 13.1029 10.5595 13.028 10.8273ZM6.9338 10.9458C6.99492 10.9458 7.03829 10.8862 7.02183 10.8273C6.94688 10.5595 6.90682 10.277 6.90682 9.98529C6.90682 9.57477 6.98617 9.18276 7.13037 8.82377C7.15477 8.763 7.11101 8.6952 7.04553 8.6952H3.65817C3.61522 8.6952 3.5782 8.72551 3.5703 8.76771C3.49631 9.1623 3.45761 9.56935 3.45761 9.98539C3.45761 10.285 3.47767 10.5798 3.51651 10.8688C3.52246 10.913 3.56045 10.9458 3.60511 10.9458H6.9338Z",fill:"url(#paint1_linear_862_2449)"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_862_2449",x1:"10.0249",y1:"-2.24058",x2:"10.0249",y2:"21.2774",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"white"}),jsx("stop",{offset:"1",stopColor:"#EDE9F4"})]}),jsxs("linearGradient",{id:"paint1_linear_862_2449",x1:"10.0249",y1:"3.41876",x2:"10.0249",y2:"16.5531",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_862_2449",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]});});var F,X=c(()=>{F=e=>jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:[jsxs("g",{clipPath:"url(#clip0_862_2443)",children:[jsx("path",{d:"M10.0249 19.9491C15.5202 19.9491 19.9751 15.4942 19.9751 9.99883C19.9751 4.50346 15.5202 0.048584 10.0249 0.048584C4.52949 0.048584 0.0746155 4.50346 0.0746155 9.99883C0.0746155 15.4942 4.52949 19.9491 10.0249 19.9491Z",fill:"url(#paint0_linear_862_2443)"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1556 4.8931C14.2202 4.94547 14.1824 5.04764 14.0992 5.04764H5.95063C5.86743 5.04764 5.82963 4.94547 5.89428 4.8931C7.02258 3.97918 8.4598 3.4317 10.0249 3.4317C11.59 3.4317 13.0272 3.97918 14.1556 4.8931Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47028 11.7869C7.4233 11.7199 7.34764 11.6777 7.26581 11.6777H3.83C3.75128 11.6777 3.69391 11.7525 3.71579 11.8281C4.50796 14.565 7.03275 16.566 10.0249 16.566C13.0171 16.566 15.5419 14.565 16.334 11.8281C16.3559 11.7525 16.2985 11.6777 16.2198 11.6777H12.7841C12.7022 11.6777 12.6266 11.7199 12.5796 11.7869C12.0156 12.5911 11.0817 13.1167 10.025 13.1167C8.96818 13.1167 8.03421 12.5911 7.47028 11.7869Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.335 7.90476C12.3825 7.95713 12.4493 7.98867 12.5199 7.98867H16.114C16.1955 7.98867 16.2533 7.9094 16.2264 7.83259C15.9727 7.10647 15.5951 6.43851 15.119 5.85405C15.0743 5.79918 15.007 5.76813 14.9361 5.76813H5.11354C5.04278 5.76813 4.97543 5.79918 4.93074 5.85405C4.45459 6.43851 4.07701 7.10647 3.82337 7.83259C3.79652 7.9094 3.85428 7.98867 3.93567 7.98867H7.52982C7.60052 7.98867 7.66725 7.95713 7.71475 7.90476C8.28522 7.27587 9.10892 6.88093 10.0249 6.88093C10.9408 6.88093 11.7646 7.27587 12.335 7.90476Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.116 10.9587C13.0549 10.9587 13.0114 10.8991 13.028 10.8402C13.1029 10.5723 13.1429 10.29 13.1429 9.99822C13.1429 9.5877 13.0636 9.19568 12.9195 8.83669C12.895 8.77593 12.9388 8.70813 13.0042 8.70813H16.3916C16.4345 8.70813 16.4716 8.73843 16.4795 8.78064C16.5534 9.17523 16.5921 9.58228 16.5921 9.99832C16.5921 10.2979 16.572 10.5927 16.5333 10.8816C16.5273 10.9259 16.4894 10.9587 16.4447 10.9587H13.116ZM7.02183 10.8402C7.03829 10.8991 6.99492 10.9587 6.93381 10.9587H3.60511C3.56045 10.9587 3.52246 10.9259 3.51651 10.8816C3.47767 10.5927 3.45761 10.2979 3.45761 9.99832C3.45761 9.58228 3.49631 9.17523 3.5703 8.78064C3.5782 8.73843 3.61523 8.70813 3.65817 8.70813H7.04553C7.11101 8.70813 7.15477 8.77593 7.13037 8.83669C6.98617 9.19568 6.90682 9.5877 6.90682 9.99822C6.90682 10.29 6.94688 10.5723 7.02183 10.8402Z",fill:"white"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_862_2443",x1:"10.0249",y1:"0.0486119",x2:"10.0249",y2:"19.9491",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_862_2443",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]});});var j,Fe=c(()=>{j=e=>{let[t,o]=useState(false),{t:i}=useTranslation();return jsx(Tooltip,{content:jsxs(Flex,{direction:"column",className:"oui-leading-[1.5] oui-text-2xs oui-text-base-contrast-80 oui-min-w-[204px]",gap:1,children:[jsxs(Flex,{gap:1,width:"100%",children:[jsx(Text,{className:"oui-flex-1",children:e.rewardsTooltip?.brokerName}),jsx(Text,{children:commifyOptional(e.rewardsTooltip?.curRewards,{fix:2})})]}),jsxs(Flex,{gap:1,width:"100%",children:[jsx(Text,{className:"oui-flex-1",children:i("tradingRewards.otherOrderlyDex")}),jsx(Text,{children:commifyOptional(e.rewardsTooltip?.otherRewards,{fix:2})})]})]}),align:e.align,className:e.className,open:t,onOpenChange:o,arrow:{className:e.arrowClassName},delayDuration:100,children:e.children?O.cloneElement(e.children,{onClick:r=>{r.preventDefault(),o(!t);}}):jsx("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-cursor-pointer",onClick:r=>{r.preventDefault(),o(!t);},children:jsx("path",{d:"M10.5 1.678a8.333 8.333 0 1 0-.001 16.667 8.333 8.333 0 0 0 0-16.667m0 4.167a.833.833 0 1 1-.001 1.667.833.833 0 0 1 0-1.667m0 2.5c.46 0 .832.373.832.833v4.167a.833.833 0 0 1-1.666 0V9.178c0-.46.373-.833.833-.833",fill:"#fff",fillOpacity:".36"})})})};});var te,wo,ct,mt,pt,ho,Co,Oe=c(()=>{K();X();Fe();te=e=>{let{t}=useTranslation(),o=e,i=o.epochList?.[1].curEpochInfo,a=o.epochList?.[0],r=i?.start_time,n=i?.end_time,d=i?.epoch_id,g=i?.max_reward_amount,u=i?.epoch_token,w=i?`${i?.epoch_token}`.toLowerCase()==="order":void 0,f=useMemo(()=>{if(!e.showEpochPauseCountdown||!a||e.statusInfo?.epochStatus!==EpochStatus.paused)return;let b=e.statusInfo?.lastCompletedEpoch;if(b===void 0)return;let L=b+1;return a.find(_=>_.epoch_id===L)?.start_time},[e.statusInfo?.epochStatus,a]),C=useMemo(()=>e.statusInfo?.epochStatus===EpochStatus.paused&&f,[e.statusInfo?.epochStatus,f]);return e.statusInfo?.epochStatus!==EpochStatus.active?jsx(Flex,{id:"oui-tradingRewards-home-currentEpoch",r:"2xl",className:"oui-bg-base-9 oui-font-semibold oui-p-10",width:"100%",height:"100%",direction:"column",itemAlign:"stretch",children:jsxs(Flex,{gap:2,direction:"column",justify:"center",itemAlign:"center",className:"oui-size-full",children:[C?jsxs(Flex,{gap:2,direction:"column",justify:"center",itemAlign:"center",children:[jsx(Text,{className:"oui-text-base-contrast-54 oui-text-sm",children:t("tradingRewards.epochPauseCountdown.title")}),jsx(mt,{targetTimestamp:f,isStandalone:true})]}):jsx(Flex,{className:"oui-text-base-contrast-54 oui-text-sm oui-text-center",justify:"center",itemAlign:"center",children:e.statusInfo?.epochStatus===EpochStatus.paused?t("tradingRewards.eopchStatus.pause"):t("tradingRewards.eopchStatus.ended")}),e.statusInfo?.epochStatus===EpochStatus.paused&&jsx("div",{className:cn("oui-w-full",C?"oui-mt-2":"oui-mt-0"),children:jsx(Co,{})})]})}):jsxs(Flex,{id:"oui-tradingRewards-home-currentEpoch",r:"2xl",className:"oui-bg-base-9 oui-font-semibold",width:"100%",height:"100%",direction:"column",itemAlign:"stretch",children:[jsx(mt,{targetTimestamp:n}),jsxs(Flex,{p:6,direction:"column",gap:4,className:"oui-h-full",children:[jsxs(Flex,{direction:"row",gap:3,width:"100%",justify:"around",children:[jsx(ct,{title:t("tradingRewards.epoch"),highLight:d?`${d}`:"--",text:r&&n?`${pt(r)} - ${pt(n)}`:""}),jsx(ct,{title:t("tradingRewards.epochRewards"),highLight:commifyOptional(g,{fix:0}),text:u})]}),jsx(wo,{isOrder:w,direction:o.notConnected?"row":"column",justify:o.notConnected?"between":"center",hideData:o.hideData,estRewards:o.hideData?"--":e.estimate?.est_r_wallet,rewardsTooltip:e.rewardsTooltip,background:o.notConnected?"linear-gradient(28.29deg, #1B1D22 21.6%, #26292E 83.23%)":"linear-gradient(0deg, #2D0061 2.62%, #BD6BED 86.5%)"}),jsx("div",{className:"oui-w-full",children:jsx(AuthGuard,{status:AccountStatusEnum.SignedIn,buttonProps:{fullWidth:true},children:jsx(Fragment,{})})})]})]})},wo=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:e.direction,gap:2,py:4,px:6,width:"100%",r:"xl",itemAlign:"center",justify:e.justify,style:{background:e.background},className:"oui-flex-1 oui-h-full",children:[jsx(Text,{className:"oui-text-base xl:oui-text-lg oui-text-base-contrast-54",children:t("tradingRewards.myEstRewards")}),jsxs(Flex,{direction:"row",gap:3,children:[e.isOrder==true&&jsx(F,{className:"oui-w-5 oui-h-5 md:oui-w-6 md:oui-h-6 lg:oui-w-7 lg:oui-h-7 xl:oui-w-8 xl:oui-h-8"}),e.isOrder==false&&jsx(k,{className:"oui-w-5 oui-h-5 md:oui-w-6 md:oui-h-6 lg:oui-w-7 lg:oui-h-7 xl:oui-w-8 xl:oui-h-8"}),jsx(Text,{children:commifyOptional(e.estRewards,{fix:2}),className:"oui-text-xl md:oui-text-2xl xl:oui-text-[32px]"}),e.rewardsTooltip&&jsx(j,{rewardsTooltip:e.rewardsTooltip})]})]})},ct=e=>{let{title:t,highLight:o,text:i}=e;return jsxs(Flex,{py:2,justify:"between",direction:"column",className:"flex-1",gap:2,children:[jsx(Text,{className:cn("oui-text-base-contrast-54","oui-text-xs md:oui-text-sm xl:oui-text-base","oui-leading-[20px] xl:oui-leading-[24px]"),children:t}),jsxs(Flex,{direction:"row",gap:1,itemAlign:"end",justify:"center",children:[jsx(Text.gradient,{color:"brand",angle:90,className:"oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",children:o}),jsx(Text,{intensity:80,className:"oui-mb-[3px] oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:i})]})]})},mt=e=>{let{targetTimestamp:t,isStandalone:o}=e,{t:i}=useTranslation(),[a,r]=useState({days:0,hours:0,minutes:0,seconds:0});useEffect(()=>{let d=setInterval(()=>{if(typeof t>"u")return;let g=new Date().getTime(),u=t-g;if(u<0)clearInterval(d),r({days:0,hours:0,minutes:0,seconds:0});else {let w=Math.floor(u/864e5),f=Math.floor(u%(1e3*60*60*24)/(1e3*60*60)),C=Math.floor(u%(1e3*60*60)/(1e3*60)),b=Math.floor(u%(1e3*60)/1e3);r({days:w,hours:f,minutes:C,seconds:b});}},1e3);return ()=>clearInterval(d)},[t]);let n=d=>jsx(Text,{className:"oui-text-sm oui-text-base-contrast md:oui-text-base lg:oui-text-lg ",children:d});return jsx(Box,{className:"oui-rounded-t-2xl oui-font-semibold oui-text-base-contrast-54",gradient:o?void 0:"neutral",angle:180,width:"full",children:jsxs(Flex,{justify:"center",gap:1,children:[o?null:jsx("span",{children:`${i("common.countdown")}: `}),jsxs(Flex,{direction:"row",itemAlign:"end",gap:1,className:cn("oui-text-2xs md:oui-text-xs lg:oui-text-sm",o?"oui-py-0":"oui-py-[13px]"),children:[n(`${a.days}`.padStart(2,"0")),jsx("span",{children:"D"}),n(`${a.hours}`.padStart(2,"0")),jsx("span",{children:"H"}),n(`${a.minutes}`.padStart(2,"0")),jsx("span",{children:"M"}),n(`${a.seconds}`.padStart(2,"0")),jsx("span",{children:"S"})]})]})})},pt=e=>{if(!e)return "";let t=new Date(e),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t.getUTCMonth()],a=t.getUTCDate();return `${i}. ${a}`},ho=e=>jsxs("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"mask0_1997_45723",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"21",height:"20",children:jsx("rect",{x:"0.5",width:"20",height:"20",fill:"#D9D9D9"})}),jsx("g",{mask:"url(#mask0_1997_45723)",children:jsx("path",{d:"M12.0384 14.7111L11.1603 13.8073L14.343 10.6246H4.25V9.37463H14.343L11.1603 6.19192L12.0384 5.28809L16.75 9.99961L12.0384 14.7111Z"})})]}),Co=()=>{let{t:e}=useTranslation();return jsxs(Flex,{gap:1,itemAlign:"center",justify:"center",className:"oui-group oui-cursor-pointer oui-fill-base-contrast-36 oui-text-sm  oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80",onClick:()=>window.open("https://x.com/OrderlyNetwork"),children:[jsx("div",{className:"oui-cursor-pointer oui-fill-base-contrast-36 oui-text-sm oui-text-base-contrast-36  group-hover:oui-text-base-contrast-80",children:e("tradingRewards.eopchStatus.linkDescription")}),jsx(ho,{className:"oui-text-fill-base-contrast-36 oui-fill-base-contrast-36  group-hover:oui-fill-base-contrast-80"})]})};});var Pe,xt=c(()=>{Se();Oe();Pe=()=>{let e=Y();return jsx(te,{...e})};});var gt={};V(gt,{CurEpoch:()=>te,CurEpochWidget:()=>Pe,useCurEpochScript:()=>Y});var Ie=c(()=>{xt();Oe();Se();});var bt,Rt=c(()=>{H();bt=()=>{let{totalOrderClaimedReward:e,walletRewardsHistory:t,totalEsOrderClaimedReward:o}=E(),[i]=e,[a]=o,{namespace:r}=useWalletConnector(),[n]=t,d=useMemo(()=>r===ChainNamespace.evm?n?.wallet_lifetime_trading_rewards_order:n?.wallet_pending_trading_rewards_order,[r,n]),g=useMemo(()=>r===ChainNamespace.evm?n?.wallet_lifetime_trading_rewards_escrow:n?.wallet_pending_trading_rewards_escrow,[n,r]),u=useGetEnv(),w=_=>{let $=`https://${u!==ENVType.prod?`${u}-`:""}app.orderly.network/tradingRewards`;window.open($,"_blank");},f=useCallback((_,$)=>{if(typeof $<"u"&&typeof _<"u"){let h=new Decimal(_).sub($).toFixed(18,Decimal.ROUND_DOWN);return Number(h)}},[]),C=useMemo(()=>f(d,i),[d,i,f]),b=useMemo(()=>f(g,a),[g,a,f]),L=useDataTap(C),S=useDataTap(b);return {order:L??void 0,esOrder:S??void 0,goToClaim:w}};});var ge,Le=c(()=>{ge=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",children:jsx("path",{d:"M11.3275 13.9938C12.8001 13.9938 13.9941 12.7998 13.9941 11.3272V4.66049C13.9941 3.18782 12.8001 1.99382 11.3275 1.99382H4.66081C3.18814 1.99382 1.99414 3.18782 1.99414 4.66049V11.3272C1.99414 12.7998 3.18814 13.9938 4.66081 13.9938H11.3275ZM5.99414 10.6605C5.82347 10.6605 5.64548 10.6031 5.51481 10.4732C5.25481 10.2125 5.25481 9.77516 5.51481 9.51449L8.18148 6.84782L6.66081 5.32715H10.6608V9.32715L9.14014 7.80648L6.47347 10.4732C6.34347 10.6031 6.16481 10.6605 5.99414 10.6605Z"})});});var oe,yt,He=c(()=>{Le();K();X();oe=e=>{let{t}=useTranslation();return jsxs(Flex,{id:"oui-tradingRewards-home-availableToClaim",p:6,r:"2xl",direction:"column",gap:4,width:"100%",className:" oui-font-semibold oui-bg-base-9 ",children:[jsxs(Flex,{direction:"row",justify:"between",width:"100%",children:[jsx(Text,{className:"oui-text-lg",children:t("tradingRewards.availableClaim")}),jsxs(Flex,{direction:"row",gap:1,onClick:e.goToClaim,className:"oui-cursor-pointer oui-text-primary-light",children:[jsx(Text,{size:"sm",children:t("tradingRewards.claim")}),jsx(ge,{})]})]}),jsxs(Flex,{direction:"row",gap:3,width:"100%",children:[jsx(yt,{title:"ORDER",value:e.order}),jsx(yt,{title:"esORDER",value:e.esOrder,isEsOrder:true})]})]})},yt=e=>{let{value:t}=e;return jsxs(Flex,{className:"oui-flex-1 oui-bg-base-8 oui-py-[11px]",direction:"column",gap:2,r:"xl",gradient:"neutral",angle:180,border:true,borderColor:6,children:[jsx(Text,{className:"oui-text-xs xl:oui-text-sm oui-text-base-contrast-54",children:e.title}),jsxs(Flex,{direction:"row",gap:1,children:[e.isEsOrder?jsx(k,{}):jsx(F,{}),jsx(Text,{className:"oui-text-sm xl:oui-text-base",children:commifyOptional(t,{fix:2})})]})]})};});var Me,Nt=c(()=>{Rt();He();Me=()=>{let e=bt();return jsx(oe,{...e})};});var vt={};V(vt,{AvailableToClaim:()=>oe,AvailableToClaimWidget:()=>Me});var Ae=c(()=>{Nt();He();});var St,_t=c(()=>{H();St=()=>{let{curEpochEstimate:e}=E(),t=useGetEnv(),o=r=>{let n=`https://${t!==ENVType.prod?`${t}-`:""}app.orderly.network/staking`;window.open(n,"_blank");},i=useDataTap(e),a=useMemo(()=>{let r=e?.est_stake_boost;if(!(typeof r>"u"||r===null))return r===0?r:new Decimal(r).div(new Decimal(10).pow(.15)).toDecimalPlaces(2,Decimal.ROUND_DOWN).toString()},[e?.est_stake_boost]);return {curEpochEstimate:i??void 0,stakeNow:o,booster:a}};});var Ft,Et=c(()=>{Ft=()=>jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M14.439 10.5672C14.0868 10.9198 13.7025 11.2403 13.3183 11.5287C13.1902 11.6248 13.1261 11.721 13.0941 11.8812C12.7739 13.1952 12.1015 14.4451 11.0448 15.5027C10.5645 15.9835 10.0522 16.3681 9.47584 16.7206C8.99553 17.009 8.41917 16.5283 8.61129 15.9835C8.93149 15.1502 9.05957 14.2528 9.05957 13.3234C8.99553 13.3234 8.89947 13.3555 8.83543 13.3555C8.06695 12.7145 7.3625 12.0415 6.65805 11.3364C5.95361 10.6313 5.28118 9.89421 4.64078 9.15708C4.64078 9.09299 4.6728 8.99684 4.6728 8.93274C3.74421 8.93274 2.84764 9.09299 2.01512 9.38143C1.50279 9.57372 0.990469 8.99684 1.27865 8.51611C1.63087 7.93923 2.01512 7.42645 2.49542 6.94572C3.55209 5.88811 4.80088 5.21508 6.11371 4.89459C6.24179 4.86255 6.36987 4.7664 6.46593 4.67025C6.75412 4.25362 7.07432 3.90108 7.42654 3.54855C9.92412 1.04874 13.4143 0.183422 16.6484 0.920545C16.8725 0.984642 17.0326 1.14489 17.0967 1.36923C17.8011 4.57411 16.9366 8.06742 14.439 10.5672ZM13.0301 4.95869C12.2616 4.18952 10.9808 4.18952 10.2123 4.95869C9.44382 5.72786 9.44382 7.00982 10.2123 7.77899C10.9808 8.54816 12.2616 8.54816 13.0301 7.77899C13.8306 6.97777 13.8306 5.72786 13.0301 4.95869ZM5.88957 14.7656C5.28118 15.3745 1.53481 17.9385 0.798348 17.2013C0.0618817 16.4642 2.6235 12.7145 3.23189 12.1056C3.84027 11.4966 4.92896 11.5928 5.66543 12.3299C6.40189 13.067 6.49795 14.1567 5.88957 14.7656Z",fill:"url(#paint0_linear_88_1748)"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_88_1748",x1:"17.3331",y1:"8.99996",x2:"0.666504",y2:"8.99996",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});});var ie,Ot,Be=c(()=>{Le();K();X();Et();ie=e=>{let{t}=useTranslation();return jsxs(Flex,{id:"oui-tradingRewards-home-stakeBooster",p:6,r:"2xl",direction:"column",gap:4,width:"100%",className:" oui-font-semibold oui-bg-base-9 ",children:[jsxs(Flex,{direction:"row",justify:"between",width:"100%",children:[jsx(Text,{className:"oui-text-lg",children:t("tradingRewards.stakeBooster")}),jsxs(Flex,{direction:"row",gap:1,onClick:e.stakeNow,className:"oui-cursor-pointer oui-text-primary-light",children:[jsx(Text,{size:"sm",children:t("tradingRewards.stake")}),jsx(ge,{})]})]}),jsxs(Flex,{direction:"row",gap:3,width:"100%",children:[jsx(Ot,{title:t("tradingRewards.avgStakedAmount"),value:e.curEpochEstimate?.est_avg_stake,icon:jsxs("div",{className:"oui-flex oui-w-[32px] oui-h-[20px] oui-relative",children:[jsx("div",{className:"oui-absolute oui-right-0 oui-top-0",children:jsx(k,{})}),jsx("div",{className:"oui-absolute oui-left-0 oui-top-0 ",children:jsx(F,{})})]})}),jsx(Ot,{title:t("tradingRewards.booster"),value:e.booster,icon:jsx(Ft,{}),gradient:true})]})]})},Ot=e=>{let t=commify(e.value||"--",2);return jsxs(Flex,{className:"oui-flex-1 oui-bg-base-8 oui-py-[11px]",direction:"column",gap:2,r:"xl",gradient:"neutral",angle:180,border:true,borderColor:6,children:[jsx(Text,{className:"oui-text-xs xl:oui-text-sm oui-text-base-contrast-54",children:e.title}),jsxs(Flex,{direction:"row",gap:1,children:[e.icon,e.gradient?jsx(Text.gradient,{className:"oui-text-sm xl:oui-text-base",color:"brand",angle:90,children:t+(t==="--"?"":"x")}):jsx(Text,{className:"oui-text-sm xl:oui-text-base",children:commifyOptional(e.value,{fix:2})})]})]})};});var We,Pt=c(()=>{_t();Be();We=()=>{let e=St();return jsx(ie,{...e})};});var It={};V(It,{StakeBooster:()=>ie,StakeBoosterWidget:()=>We});var ze=c(()=>{Pt();Be();});function A(e){if(typeof e>"u")return {firstPart:"-",secondPart:""};let t=new Date(e),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t.getUTCMonth()],a=t.getUTCDate().toString().padStart(2,"0"),r=t.getUTCFullYear(),n=t.getUTCHours(),d=t.getUTCMinutes(),g=n>=12?"PM":"AM",u=(n%12).toString().padStart(2,"0"),w=d.toString().padStart(2,"0");return {firstPart:`${i} ${a}, ${r}`,secondPart:`${u}:${w} ${g}`}}var ae,Uo,Go,Zo,Ve=c(()=>{K();X();Fe();ae=e=>{let{t}=useTranslation();return jsxs(Flex,{id:"oui-tradingRewards-home-rewardHistory",py:4,px:3,direction:"column",gap:2,itemAlign:"start",r:"2xl",className:"oui-bg-base-9 oui-w-full oui-font-semibold oui-tabular-nums",children:[jsx(Text,{className:"oui-text-lg oui-px-3",children:t("tradingRewards.rewardHistory")}),jsx("div",{className:"oui-border-t-2 oui-border-line-4 oui-w-full",children:jsx(Uo,{...e})})]})},Uo=e=>useMediaQuery("(max-width: 767px)")?jsx(ListView,{dataSource:e.originalData,renderItem:(o,i)=>jsx(Go,{data:o}),className:"oui-mt-3 oui-max-h-[356px]"}):jsx(Box,{px:3,children:jsx(Zo,{...e})}),Go=e=>{let{data:t}=e,{t:o}=useTranslation(),i=`${t?.info?.epoch_token||t.epoch_token}`.toLowerCase()==="order",a=commifyOptional(t.info?.r_wallet,{fix:2});return jsxs(Flex,{direction:"column",px:4,pt:0,gap:3,className:"oui-text-base-contrast-80",children:[jsxs(Flex,{direction:"row",width:"100%",children:[jsxs(Flex,{direction:"column",className:"oui-gap-[6px] oui-flex-1",itemAlign:"start",children:[jsx(Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:o("tradingRewards.epoch")}),jsx(Text,{className:"oui-text-sm",children:`Epoch ${t.epoch_id}`})]}),jsxs(Flex,{direction:"column",className:"oui-gap-[6px] oui-flex-1",itemAlign:"start",children:[jsxs(Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:[o("tradingRewards.epochRewards")," "]}),jsxs(Flex,{gap:1,children:[i?jsx(F,{}):jsx(k,{}),jsx(Text,{className:"oui-text-sm",children:commifyOptional(t.max_reward_amount,{fix:2})})]})]}),jsxs(Flex,{direction:"column",className:"oui-gap-[6px] oui-flex-1",itemAlign:"end",children:[jsxs(Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:[o("tradingRewards.rewardsEarned")," "]}),jsxs(Flex,{gap:1,children:[a!=="--"&&(i?jsx(F,{}):jsx(k,{})),t.rewardsTooltip?jsx(j,{rewardsTooltip:t.rewardsTooltip,children:jsx(Text,{className:"oui-text-sm oui-underline oui-decoration-dashed oui-cursor-pointer oui-underline-offset-4 oui-decoration-line-16",children:a}),align:"center",className:"oui-bg-base-5",arrowClassName:"oui-fill-base-5"}):jsx(Text,{className:"oui-text-sm",children:a})]})]})]}),jsxs(Flex,{direction:"row",width:"100%",children:[jsxs(Flex,{direction:"column",className:"oui-gap-[6px] oui-flex-1",itemAlign:"start",children:[jsx(Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:o("tradingRewards.rewardHistory.column.startDate")}),jsxs(Flex,{direction:"row",children:[jsxs(Text,{className:"oui-text-sm",children:[A(t.start_time).firstPart,"\xA0"]}),jsx(Text,{className:"oui-text-2xs oui-text-base-contrast-36",children:A(t.start_time).secondPart})]})]}),jsxs(Flex,{direction:"column",className:"oui-gap-[6px] oui-flex-1",itemAlign:"end",children:[jsx(Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:o("tradingRewards.rewardHistory.column.endDate")}),jsxs(Flex,{direction:"row",children:[jsxs(Text,{className:"oui-text-sm",children:[A(t.end_time).firstPart,"\xA0"]}),jsx(Text,{className:"oui-text-2xs oui-text-base-contrast-36",children:A(t.end_time).secondPart})]})]})]}),jsx(Divider,{className:"oui-w-full"})]},t.epoch_id)},Zo=e=>{let{data:t}=e,{t:o}=useTranslation(),i=[{title:o("tradingRewards.epoch"),dataIndex:"epoch_id",className:"oui-w-1/4 oui-pl-0 oui-pr-0",render:a=>jsx(Text,{children:`${o("tradingRewards.epoch")} ${a}`})},{title:o("tradingRewards.rewardHistory.column.start&EndDate"),dataIndex:"time",className:"oui-w-1/4 oui-pl-0 oui-pr-0",render:(a,r)=>jsxs(Flex,{direction:"column",className:"oui-gap-[2px]",justify:"start",itemAlign:"start",children:[jsxs(Flex,{direction:"row",gap:1,children:[jsx(Text,{children:A(r.start_time).firstPart}),jsx(Text,{className:"oui-text-base-contrast-54",children:A(r.start_time).secondPart})]}),jsxs(Flex,{direction:"row",gap:1,children:[jsx(Text,{children:A(r.end_time).firstPart}),jsx(Text,{className:"oui-text-base-contrast-54",children:A(r.end_time).secondPart})]})]})},{title:o("tradingRewards.epochRewards"),dataIndex:"max_reward_amount",className:"oui-w-1/4 oui-pl-0 oui-pr-0",render:(a,r)=>{let n=`${r?.info?.epoch_token||r.epoch_token}`.toLowerCase()==="order";return jsxs(Flex,{direction:"row",gap:1,children:[n?jsx(F,{}):jsx(k,{}),jsx(Text,{children:commifyOptional(a)})]})}},{title:o("tradingRewards.rewardsEarned"),dataIndex:"earned",className:"oui-w-1/4 oui-pl-0 oui-pr-0",render:(a,r)=>{let n=`${r?.info?.epoch_token||r.epoch_token}`.toLowerCase()==="order",d=jsx(Text,{className:r.rewardsTooltip?"oui-underline oui-decoration-dashed oui-cursor-pointer oui-underline-offset-4 oui-decoration-line-16":"",children:commifyOptional(r.info?.r_wallet,{fix:2})});return r.rewardsTooltip&&(d=jsx(j,{rewardsTooltip:r.rewardsTooltip,children:d,align:"center",className:"oui-bg-base-5",arrowClassName:"oui-fill-base-5"})),jsxs(Flex,{direction:"row",gap:1,children:[n?jsx(F,{}):jsx(k,{}),d]})}}];return jsx(DataTable,{bordered:true,columns:i,loading:e.isLoading,dataSource:t,emptyView:jsx(AuthGuardEmpty,{status:AccountStatusEnum.SignedIn}),onRow:a=>({className:"oui-h-[59px]"}),pagination:e.pagination})};});var Lt,Ht=c(()=>{H();Lt=()=>{let{account:e}=useAccount(),{epochList:t,walletRewardsHistory:o,totalOrderClaimedReward:i,brokerId:a,brokerName:r}=E(),n=t?.[0],{isNotStared:d}=t?.[1],[g]=o,{wrongNetwork:u,disabledConnect:w}=useAppContext(),{data:f}=useAccountRewardsHistory(e.address),C=useMemo(()=>{if(d||w)return [];let S=[...n||[]].map(h=>{let R=h.epoch_id,Q=g?.rows.findIndex(se=>R===se.epoch_id),qe;if(Q!==-1&&!u){let se=g?.rows?.[Q],be=f?.findIndex(ne=>ne?.epoch_id===h.epoch_id);if(f!==void 0&&be!==void 0&&be!==-1){let ne=f[be].broker,Ke=ne.findIndex(Ut=>Ut.broker_id===a),Xe=(Ke!==-1?ne[Ke]:void 0)?.r_account??0,Vt=Math.max(0,(se?.r_wallet??0)-Xe);qe={brokerName:r,curRewards:Xe,otherRewards:Vt};}return {...h,info:se,rewardsTooltip:qe}}return {...h}});S.sort((h,R)=>h.epoch_id-R.epoch_id);let[_]=i;if(typeof _<"u")for(let h=0;h<S.length;h++){let R=S[h];if(typeof R?.info>"u"){R.state="Null";continue}let Q=R.info?.reward_status;Q==="Confirmed"?(_-R.info?.r_wallet>=0?R.state="Claimed":R.state="Claimable",_-=R.info?.r_wallet):Q==="Pending"&&(R.state="Processing");}S.sort((h,R)=>R.epoch_id-h.epoch_id);let $=getTimestamp();return S.filter(h=>h.end_time<=$)},[g,n,i,d,u,f,w]),{pagination:b}=usePagination();return {data:C,originalData:C,pagination:b,isLoading:t[1].isLoading}};});var Ue,Mt=c(()=>{Ht();Ve();Ue=()=>{let e=Lt();return jsx(ae,{...e})};});var At={};V(At,{RewardHistory:()=>ae,RewardsHistoryWidget:()=>Ue});var Ge=c(()=>{Ve();Mt();});var Bt={};V(Bt,{AvailableToClaim:()=>oe,AvailableToClaimWidget:()=>Me,CurEpoch:()=>te,CurEpochWidget:()=>Pe,HomePage:()=>Dt,RewardHistory:()=>ae,RewardsHistoryWidget:()=>Ue,StakeBooster:()=>ie,StakeBoosterWidget:()=>We,Title:()=>le,TitleWidget:()=>ye,TradingRewardsProvider:()=>ce,useCurEpochScript:()=>Y});Te();Ne();Ie();Ae();ze();Ge();H();H();var ar=O.lazy(()=>Promise.resolve().then(()=>(Ne(),nt)).then(e=>({default:e.TitleWidget}))),sr=O.lazy(()=>Promise.resolve().then(()=>(Ie(),gt)).then(e=>({default:e.CurEpochWidget}))),nr=O.lazy(()=>Promise.resolve().then(()=>(Ae(),vt)).then(e=>({default:e.AvailableToClaimWidget}))),lr=O.lazy(()=>Promise.resolve().then(()=>(ze(),It)).then(e=>({default:e.StakeBoosterWidget}))),dr=O.lazy(()=>Promise.resolve().then(()=>(Ge(),At)).then(e=>({default:e.RewardsHistoryWidget}))),ur=()=>{let{statusInfo:e}=useTradingRewardsStatus(false);return useMemo(()=>e?.epochStatus===EpochStatus.active,[e?.epochStatus])?jsx(O.Suspense,{fallback:null,children:jsx(lr,{})}):null},Dt=e=>jsx(ce,{titleConfig:e.titleConfig,showEpochPauseCountdown:e.showEpochPauseCountdown,children:jsxs(Flex,{id:"oui-tradingRewards-home-page",className:cn("oui-h-lvw oui-w-full",e.className),direction:"column",gap:4,children:[jsx(O.Suspense,{fallback:null,children:jsx(ar,{})}),jsxs(Flex,{className:"oui-flex oui-size-full oui-flex-col oui-gap-4 2xl:oui-flex-row 2xl:oui-items-stretch",children:[jsx(Box,{className:"oui-w-full 2xl:oui-size-auto 2xl:oui-flex-1",children:jsx(O.Suspense,{fallback:null,children:jsx(sr,{})})}),jsxs(Flex,{className:"oui-flex oui-w-full oui-flex-col oui-gap-4 lg:oui-flex-row 2xl:oui-flex-1 2xl:oui-flex-col",children:[jsx(O.Suspense,{fallback:null,children:jsx(nr,{})}),jsx(ur,{})]})]}),jsx(O.Suspense,{fallback:null,children:jsx(dr,{})})]})});var zt=(o=>(o.Trading="/rewards/trading",o.Affiliate="/rewards/affiliate",o))(zt||{}),Qe=e=>{let{t}=useTranslation(),[o,i]=useState(e.current||"/rewards/affiliate");useEffect(()=>{e.current&&i(e.current);},[e.current]);let a=useMemo(()=>[{name:t("common.trading"),href:"/rewards/trading",icon:jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M4.883 1.5c-.166.01-.393.076-.515.173a2 2 0 0 0-.18.173L.918 6.553a.86.86 0 0 0-.168.475c0 .339.232.543.232.543l7.374 8.633c.005.006.269.301.644.296s.64-.29.644-.296l7.402-8.663s.204-.269.204-.513-.196-.517-.196-.517L13.82 1.848c-.023-.032-.076-.021-.103-.049-.033-.038-.037-.091-.077-.124-.123-.097-.267-.106-.413-.123-.04-.005-.063-.049-.103-.049h-.078zm1.745 1.582h4.744L9 5.795zm-1.675.542 2.294 2.615H3.122zm8.094 0 1.831 2.615h-4.125zM3.328 7.818h4.847v5.672zm6.497 0h4.847c-1.151 1.345-3.422 4.007-4.847 5.672z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"17.25",y1:"9",x2:".75",y2:"9",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})},{name:t("common.affiliate"),href:"/rewards/affiliate",icon:jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.625 4.95c0-.746.604-1.35 1.35-1.35h4.05c.746 0 1.35.604 1.35 1.35v4.62L9 12.195 5.625 9.57zm8.624 3.163-.524.407v-.96l.074.05c.193.128.346.302.45.502m-4.42 5.148L14.4 9.705v3.345a1.35 1.35 0 0 1-1.35 1.35h-8.1a1.35 1.35 0 0 1-1.35-1.35V9.705l4.571 3.556c.488.379 1.17.379 1.658 0M4.275 8.52l-.524-.407c.104-.2.257-.374.45-.503l.074-.049zm0-2.581V4.95a2.7 2.7 0 0 1 2.7-2.7h4.05a2.7 2.7 0 0 1 2.7 2.7v.989l.823.548a2.7 2.7 0 0 1 1.202 2.247v4.316a2.7 2.7 0 0 1-2.7 2.7h-8.1a2.7 2.7 0 0 1-2.7-2.7V8.734a2.7 2.7 0 0 1 1.202-2.247zM9 6.089l.111-.118.005-.005a1.08 1.08 0 0 1 1.58.004 1.223 1.223 0 0 1 0 1.668l-1.515 1.62-.004.004c-.1.102-.26.1-.358-.004l-1.516-1.62a1.223 1.223 0 0 1 0-1.668l.004-.004a1.08 1.08 0 0 1 1.58.004z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})}],[t]),r=useMediaQuery("(max-width: 768px)");return {items:a,current:o,hideSideBar:r,onItemSelect:n=>{i(n.href);}}};var Ye=e=>{let{children:t,classNames:o,...i}=e;return jsx(Scaffold,{leftSidebar:null,routerAdapter:e.routerAdapter,classNames:{...o,content:o?.content,topNavbar:cn("oui-bg-base-9",o?.topNavbar),leftSidebar:cn("oui-rounded-xl oui-bg-base-9","oui-m-3 oui-p-4","oui-border oui-border-line",o?.leftSidebar)},...gr(["leftSideProps"],i),children:t})};var Cr=e=>{let t=Qe({current:e.leftSideProps?.current});return jsx(Ye,{...t,...e,children:e.children})};
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var Title, MultiLineText;
+var init_title_ui = __esm({
+  "src/pages/index/title/title.ui.tsx"() {
+    Title = (props) => {
+      const { title, subtitle, content, docOpenOptions } = props;
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-title",
+          p: 6,
+          direction: "column",
+          itemAlign: "start",
+          gap: 4,
+          className: "oui-bg-base-9 oui-font-semibold",
+          r: "2xl",
+          width: "100%",
+          children: [
+            title || /* @__PURE__ */ jsx(Text, { size: "lg", children: t("common.tradingRewards") }),
+            /* @__PURE__ */ jsx(Divider, { intensity: 8, className: "oui-w-full" }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "column", itemAlign: "start", gap: 1, children: [
+              subtitle || /* @__PURE__ */ jsx(Text, { size: "base", children: t("tradingRewards.subtitle", {
+                brokerName: props.brokerName
+              }) }),
+              content || /* @__PURE__ */ jsx(MultiLineText, { docOpenOptions })
+            ] })
+          ]
+        }
+      );
+    };
+    MultiLineText = (props) => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "oui-text-sm oui-text-base-contrast-54 oui-font-normal oui-flex oui-gap-1 oui-items-center hover:oui-text-primary-darken oui-text-primary-light oui-cursor-pointer",
+          onClick: () => [
+            window.open(
+              props.docOpenOptions?.url,
+              props.docOpenOptions?.target,
+              props.docOpenOptions?.features
+            )
+          ],
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "oui-text-primary-light hover:oui-text-primary-darken oui-cursor-pointer", children: t("tradingRewards.learnMore") }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "currentColor",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ jsx("path", { d: "M4.008 7.995c0-.368.298-.666.666-.666H9.71L7.733 5.331l.937-.936 3.143 3.122c.13.13.195.304.195.479a.67.67 0 0 1-.195.478L8.67 11.596l-.937-.937 1.978-1.998H4.674a.666.666 0 0 1-.666-.666" })
+              }
+            )
+          ]
+        }
+      );
+    };
+  }
+});
+var TradingRewardsContext, TradingRewardsProvider, useTradingRewardsContext;
+var init_provider = __esm({
+  "src/pages/index/provider.tsx"() {
+    TradingRewardsContext = createContext(
+      {}
+    );
+    TradingRewardsProvider = (props) => {
+      const {
+        type = TWType.normal,
+        showEpochPauseCountdown,
+        titleConfig = {
+          docOpenOptions: {
+            url: "https://orderly.network/docs/introduction/tokenomics/trading-rewards",
+            target: "_blank"
+          }
+        },
+        children
+      } = props;
+      const brokerId = useConfig("brokerId");
+      const { statusInfo } = useTradingRewardsStatus(type === TWType.mm);
+      const totalOrderClaimedReward = useGetClaimed(
+        type === TWType.mm ? DistributionId.mmOrder : DistributionId.order
+      );
+      const totalEsOrderClaimedReward = useGetClaimed(
+        type === TWType.mm ? DistributionId.mmEsOrder : DistributionId.esORder
+      );
+      const [brokers] = useAllBrokers();
+      const [curEpochEstimate] = useCurEpochEstimate(type);
+      const walletRewardsHistory = useWalletRewardsHistory(type);
+      const epochList = useEpochInfo(type);
+      const brokerName = useMemo(() => {
+        return brokers?.[brokerId];
+      }, [brokerId, brokers]);
+      const memoizedValue = useMemo(() => {
+        return {
+          type,
+          totalOrderClaimedReward,
+          totalEsOrderClaimedReward,
+          epochList,
+          curEpochEstimate,
+          walletRewardsHistory,
+          titleConfig,
+          brokerId,
+          brokerName,
+          brokers,
+          statusInfo,
+          showEpochPauseCountdown: showEpochPauseCountdown ?? false
+        };
+      }, [
+        type,
+        totalOrderClaimedReward,
+        totalEsOrderClaimedReward,
+        epochList,
+        curEpochEstimate,
+        walletRewardsHistory,
+        titleConfig,
+        brokerId,
+        brokerName,
+        brokers,
+        statusInfo,
+        showEpochPauseCountdown
+      ]);
+      return /* @__PURE__ */ jsx(TradingRewardsContext.Provider, { value: memoizedValue, children });
+    };
+    useTradingRewardsContext = () => {
+      return useContext(TradingRewardsContext);
+    };
+  }
+});
 
-export { Bt as TradingRewards, Ye as TradingRewardsLayout, Cr as TradingRewardsLayoutWidget, zt as TradingRewardsLeftSidebarPath, Qe as useTradingRewardsLayoutScript };
+// src/pages/index/title/title.script.tsx
+var useTitleScript;
+var init_title_script = __esm({
+  "src/pages/index/title/title.script.tsx"() {
+    init_provider();
+    useTitleScript = () => {
+      const { titleConfig } = useTradingRewardsContext();
+      return titleConfig;
+    };
+  }
+});
+
+// src/pages/index/title/title.widget.tsx
+var title_widget_exports = {};
+__export(title_widget_exports, {
+  TitleWidget: () => TitleWidget
+});
+var TitleWidget;
+var init_title_widget = __esm({
+  "src/pages/index/title/title.widget.tsx"() {
+    init_title_script();
+    init_title_ui();
+    TitleWidget = () => {
+      const state = useTitleScript();
+      return /* @__PURE__ */ jsx(Title, { ...state });
+    };
+  }
+});
+var useCurEpochScript;
+var init_curEpoch_script = __esm({
+  "src/pages/index/curEpoch/curEpoch.script.tsx"() {
+    init_provider();
+    useCurEpochScript = () => {
+      const {
+        epochList,
+        curEpochEstimate: estimate,
+        brokerId,
+        brokerName,
+        statusInfo,
+        showEpochPauseCountdown
+      } = useTradingRewardsContext();
+      const { wrongNetwork, disabledConnect } = useAppContext();
+      const { connect } = useWalletConnector();
+      const { state } = useAccount();
+      const hideData = useMemo(() => {
+        return state.status <= AccountStatusEnum.SignedIn || wrongNetwork || disabledConnect;
+      }, [state, wrongNetwork, disabledConnect]);
+      const notConnected = useMemo(() => {
+        return state.status <= AccountStatusEnum.SignedIn || disabledConnect;
+      }, [state, disabledConnect]);
+      const rewardsTooltip = useMemo(() => {
+        if (typeof estimate === "undefined" || estimate === null)
+          return void 0;
+        const otherRewards = estimate.rows.filter((item) => item.broker_id !== brokerId).reduce((a, b) => a + b.est_r_account, 0);
+        const curRewards = Number(estimate.est_r_wallet) - otherRewards;
+        return {
+          brokerName,
+          curRewards,
+          otherRewards
+        };
+      }, [brokerId, brokerName, estimate]);
+      return {
+        epochList,
+        estimate,
+        hideData,
+        notConnected,
+        connect,
+        rewardsTooltip: hideData ? void 0 : rewardsTooltip,
+        statusInfo,
+        showEpochPauseCountdown
+      };
+    };
+  }
+});
+var EsOrderlyIcon;
+var init_esOrderlyIcon = __esm({
+  "src/pages/index/components/esOrderlyIcon.tsx"() {
+    EsOrderlyIcon = (props) => {
+      return /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: props.className,
+          children: [
+            /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_862_2449)", children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M10.0249 19.9361C15.5202 19.9361 19.9751 15.4813 19.9751 9.98589C19.9751 4.49052 15.5202 0.0356445 10.0249 0.0356445C4.52949 0.0356445 0.0746155 4.49052 0.0746155 9.98589C0.0746155 15.4813 4.52949 19.9361 10.0249 19.9361Z",
+                  fill: "url(#paint0_linear_862_2449)"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M14.0992 5.0347C14.1824 5.0347 14.2202 4.93253 14.1556 4.88017C13.0272 3.96625 11.59 3.41876 10.0249 3.41876C8.4598 3.41876 7.02258 3.96625 5.89428 4.88017C5.82963 4.93253 5.86743 5.0347 5.95063 5.0347H14.0992ZM7.2658 11.6648C7.34763 11.6648 7.42329 11.707 7.47028 11.7739C8.03421 12.5781 8.96819 13.1038 10.025 13.1038C11.0817 13.1038 12.0156 12.5781 12.5796 11.7739C12.6266 11.707 12.7022 11.6648 12.7841 11.6648H16.2198C16.2985 11.6648 16.3559 11.7395 16.334 11.8151C15.5419 14.5521 13.0171 16.5531 10.0249 16.5531C7.03275 16.5531 4.50795 14.5521 3.71578 11.8151C3.6939 11.7395 3.75127 11.6648 3.83 11.6648H7.2658ZM12.335 7.8919C12.3825 7.94426 12.4493 7.97581 12.5199 7.97581H16.114C16.1955 7.97581 16.2533 7.89653 16.2264 7.81972C15.9727 7.0936 15.5951 6.42564 15.119 5.84118C15.0743 5.78631 15.007 5.75526 14.9361 5.75526H5.11354C5.04279 5.75526 4.97543 5.78631 4.93075 5.84118C4.4546 6.42564 4.07701 7.0936 3.82337 7.81972C3.79653 7.89653 3.8543 7.97581 3.93567 7.97581H7.52983C7.60053 7.97581 7.66725 7.94426 7.71477 7.8919C8.28522 7.263 9.10892 6.86807 10.0249 6.86807C10.9408 6.86807 11.7646 7.263 12.335 7.8919ZM13.028 10.8273C13.0114 10.8862 13.0549 10.9458 13.116 10.9458H16.4447C16.4894 10.9458 16.5273 10.913 16.5333 10.8688C16.572 10.5798 16.5921 10.285 16.5921 9.98539C16.5921 9.56935 16.5534 9.1623 16.4795 8.76771C16.4716 8.72551 16.4345 8.6952 16.3916 8.6952H13.0042C12.9388 8.6952 12.895 8.763 12.9195 8.82377C13.0636 9.18276 13.1429 9.57477 13.1429 9.98529C13.1429 10.277 13.1029 10.5595 13.028 10.8273ZM6.9338 10.9458C6.99492 10.9458 7.03829 10.8862 7.02183 10.8273C6.94688 10.5595 6.90682 10.277 6.90682 9.98529C6.90682 9.57477 6.98617 9.18276 7.13037 8.82377C7.15477 8.763 7.11101 8.6952 7.04553 8.6952H3.65817C3.61522 8.6952 3.5782 8.72551 3.5703 8.76771C3.49631 9.1623 3.45761 9.56935 3.45761 9.98539C3.45761 10.285 3.47767 10.5798 3.51651 10.8688C3.52246 10.913 3.56045 10.9458 3.60511 10.9458H6.9338Z",
+                  fill: "url(#paint1_linear_862_2449)"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("defs", { children: [
+              /* @__PURE__ */ jsxs(
+                "linearGradient",
+                {
+                  id: "paint0_linear_862_2449",
+                  x1: "10.0249",
+                  y1: "-2.24058",
+                  x2: "10.0249",
+                  y2: "21.2774",
+                  gradientUnits: "userSpaceOnUse",
+                  children: [
+                    /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#EDE9F4" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "linearGradient",
+                {
+                  id: "paint1_linear_862_2449",
+                  x1: "10.0249",
+                  y1: "3.41876",
+                  x2: "10.0249",
+                  y2: "16.5531",
+                  gradientUnits: "userSpaceOnUse",
+                  children: [
+                    /* @__PURE__ */ jsx("stop", { stopColor: "#C750FF" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#5800E8" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2449", children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "white" }) })
+            ] })
+          ]
+        }
+      );
+    };
+  }
+});
+var OrderlyIcon;
+var init_orderlyIcon = __esm({
+  "src/pages/index/components/orderlyIcon.tsx"() {
+    OrderlyIcon = (props) => {
+      return /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: props.className,
+          children: [
+            /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_862_2443)", children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M10.0249 19.9491C15.5202 19.9491 19.9751 15.4942 19.9751 9.99883C19.9751 4.50346 15.5202 0.048584 10.0249 0.048584C4.52949 0.048584 0.0746155 4.50346 0.0746155 9.99883C0.0746155 15.4942 4.52949 19.9491 10.0249 19.9491Z",
+                  fill: "url(#paint0_linear_862_2443)"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M14.1556 4.8931C14.2202 4.94547 14.1824 5.04764 14.0992 5.04764H5.95063C5.86743 5.04764 5.82963 4.94547 5.89428 4.8931C7.02258 3.97918 8.4598 3.4317 10.0249 3.4317C11.59 3.4317 13.0272 3.97918 14.1556 4.8931Z",
+                  fill: "white"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M7.47028 11.7869C7.4233 11.7199 7.34764 11.6777 7.26581 11.6777H3.83C3.75128 11.6777 3.69391 11.7525 3.71579 11.8281C4.50796 14.565 7.03275 16.566 10.0249 16.566C13.0171 16.566 15.5419 14.565 16.334 11.8281C16.3559 11.7525 16.2985 11.6777 16.2198 11.6777H12.7841C12.7022 11.6777 12.6266 11.7199 12.5796 11.7869C12.0156 12.5911 11.0817 13.1167 10.025 13.1167C8.96818 13.1167 8.03421 12.5911 7.47028 11.7869Z",
+                  fill: "white"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M12.335 7.90476C12.3825 7.95713 12.4493 7.98867 12.5199 7.98867H16.114C16.1955 7.98867 16.2533 7.9094 16.2264 7.83259C15.9727 7.10647 15.5951 6.43851 15.119 5.85405C15.0743 5.79918 15.007 5.76813 14.9361 5.76813H5.11354C5.04278 5.76813 4.97543 5.79918 4.93074 5.85405C4.45459 6.43851 4.07701 7.10647 3.82337 7.83259C3.79652 7.9094 3.85428 7.98867 3.93567 7.98867H7.52982C7.60052 7.98867 7.66725 7.95713 7.71475 7.90476C8.28522 7.27587 9.10892 6.88093 10.0249 6.88093C10.9408 6.88093 11.7646 7.27587 12.335 7.90476Z",
+                  fill: "white"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M13.116 10.9587C13.0549 10.9587 13.0114 10.8991 13.028 10.8402C13.1029 10.5723 13.1429 10.29 13.1429 9.99822C13.1429 9.5877 13.0636 9.19568 12.9195 8.83669C12.895 8.77593 12.9388 8.70813 13.0042 8.70813H16.3916C16.4345 8.70813 16.4716 8.73843 16.4795 8.78064C16.5534 9.17523 16.5921 9.58228 16.5921 9.99832C16.5921 10.2979 16.572 10.5927 16.5333 10.8816C16.5273 10.9259 16.4894 10.9587 16.4447 10.9587H13.116ZM7.02183 10.8402C7.03829 10.8991 6.99492 10.9587 6.93381 10.9587H3.60511C3.56045 10.9587 3.52246 10.9259 3.51651 10.8816C3.47767 10.5927 3.45761 10.2979 3.45761 9.99832C3.45761 9.58228 3.49631 9.17523 3.5703 8.78064C3.5782 8.73843 3.61523 8.70813 3.65817 8.70813H7.04553C7.11101 8.70813 7.15477 8.77593 7.13037 8.83669C6.98617 9.19568 6.90682 9.5877 6.90682 9.99822C6.90682 10.29 6.94688 10.5723 7.02183 10.8402Z",
+                  fill: "white"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("defs", { children: [
+              /* @__PURE__ */ jsxs(
+                "linearGradient",
+                {
+                  id: "paint0_linear_862_2443",
+                  x1: "10.0249",
+                  y1: "0.0486119",
+                  x2: "10.0249",
+                  y2: "19.9491",
+                  gradientUnits: "userSpaceOnUse",
+                  children: [
+                    /* @__PURE__ */ jsx("stop", { stopColor: "#C750FF" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#5800E8" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2443", children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "white" }) })
+            ] })
+          ]
+        }
+      );
+    };
+  }
+});
+var RewardsTooltip;
+var init_rewardsTooltip = __esm({
+  "src/pages/index/curEpoch/rewardsTooltip.tsx"() {
+    RewardsTooltip = (props) => {
+      const [open, setOpen] = useState(false);
+      const { t } = useTranslation();
+      const content = () => {
+        return /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: "column",
+            className: "oui-leading-[1.5] oui-text-2xs oui-text-base-contrast-80 oui-min-w-[204px]",
+            gap: 1,
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { gap: 1, width: "100%", children: [
+                /* @__PURE__ */ jsx(Text, { className: "oui-flex-1", children: props.rewardsTooltip?.brokerName }),
+                /* @__PURE__ */ jsx(Text, { children: commifyOptional(props.rewardsTooltip?.curRewards, { fix: 2 }) })
+              ] }),
+              /* @__PURE__ */ jsxs(Flex, { gap: 1, width: "100%", children: [
+                /* @__PURE__ */ jsx(Text, { className: "oui-flex-1", children: t("tradingRewards.otherOrderlyDex") }),
+                /* @__PURE__ */ jsx(Text, { children: commifyOptional(props.rewardsTooltip?.otherRewards, { fix: 2 }) })
+              ] })
+            ]
+          }
+        );
+      };
+      return /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: content(),
+          align: props.align,
+          className: props.className,
+          open,
+          onOpenChange: setOpen,
+          arrow: {
+            className: props.arrowClassName
+          },
+          delayDuration: 100,
+          children: !!props.children ? React3.cloneElement(props.children, {
+            onClick: (e) => {
+              e.preventDefault();
+              setOpen(!open);
+            }
+          }) : /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "21",
+              height: "20",
+              viewBox: "0 0 21 20",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "oui-cursor-pointer",
+              onClick: (e) => {
+                e.preventDefault();
+                setOpen(!open);
+              },
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M10.5 1.678a8.333 8.333 0 1 0-.001 16.667 8.333 8.333 0 0 0 0-16.667m0 4.167a.833.833 0 1 1-.001 1.667.833.833 0 0 1 0-1.667m0 2.5c.46 0 .832.373.832.833v4.167a.833.833 0 0 1-1.666 0V9.178c0-.46.373-.833.833-.833",
+                  fill: "#fff",
+                  fillOpacity: ".36"
+                }
+              )
+            }
+          )
+        }
+      );
+    };
+  }
+});
+var CurEpoch, EstRewards, Statics, Countdown, getDate, ArrowRightIcon, TwitterLInk;
+var init_curEpoch_ui = __esm({
+  "src/pages/index/curEpoch/curEpoch.ui.tsx"() {
+    init_esOrderlyIcon();
+    init_orderlyIcon();
+    init_rewardsTooltip();
+    CurEpoch = (props) => {
+      const { t } = useTranslation();
+      const state = props;
+      const curEpochInfo = state.epochList?.[1].curEpochInfo;
+      const epochList = state.epochList?.[0];
+      const startTime = curEpochInfo?.start_time;
+      const endTime = curEpochInfo?.end_time;
+      const curEpochId = curEpochInfo?.epoch_id;
+      const max_reward_amount = curEpochInfo?.max_reward_amount;
+      const token = curEpochInfo?.epoch_token;
+      const isOrder = curEpochInfo ? `${curEpochInfo?.epoch_token}`.toLowerCase() === "order" : void 0;
+      const pausedEpochTimeDown = useMemo(() => {
+        if (!props.showEpochPauseCountdown) {
+          return void 0;
+        }
+        if (!epochList || props.statusInfo?.epochStatus !== EpochStatus.paused) {
+          return void 0;
+        }
+        const lastCompletedEpoch = props.statusInfo?.lastCompletedEpoch;
+        if (lastCompletedEpoch === void 0) {
+          return void 0;
+        }
+        const nextEpoch = lastCompletedEpoch + 1;
+        const epoch = epochList.find((item) => item.epoch_id === nextEpoch);
+        return epoch?.start_time;
+      }, [props.statusInfo?.epochStatus, epochList]);
+      const showPauseCountdown = useMemo(() => {
+        return props.statusInfo?.epochStatus === EpochStatus.paused && pausedEpochTimeDown;
+      }, [props.statusInfo?.epochStatus, pausedEpochTimeDown]);
+      if (props.statusInfo?.epochStatus !== EpochStatus.active) {
+        return /* @__PURE__ */ jsx(
+          Flex,
+          {
+            id: "oui-tradingRewards-home-currentEpoch",
+            r: "2xl",
+            className: "oui-bg-base-9 oui-font-semibold oui-p-10",
+            width: "100%",
+            height: "100%",
+            direction: "column",
+            itemAlign: "stretch",
+            children: /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                gap: 2,
+                direction: "column",
+                justify: "center",
+                itemAlign: "center",
+                className: "oui-size-full",
+                children: [
+                  showPauseCountdown ? /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      gap: 2,
+                      direction: "column",
+                      justify: "center",
+                      itemAlign: "center",
+                      children: [
+                        /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-54 oui-text-sm", children: t("tradingRewards.epochPauseCountdown.title") }),
+                        /* @__PURE__ */ jsx(Countdown, { targetTimestamp: pausedEpochTimeDown, isStandalone: true })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    Flex,
+                    {
+                      className: "oui-text-base-contrast-54 oui-text-sm oui-text-center",
+                      justify: "center",
+                      itemAlign: "center",
+                      children: props.statusInfo?.epochStatus === EpochStatus.paused ? t("tradingRewards.eopchStatus.pause") : t("tradingRewards.eopchStatus.ended")
+                    }
+                  ),
+                  props.statusInfo?.epochStatus === EpochStatus.paused && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "oui-w-full",
+                        showPauseCountdown ? "oui-mt-2" : "oui-mt-0"
+                      ),
+                      children: /* @__PURE__ */ jsx(TwitterLInk, {})
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-currentEpoch",
+          r: "2xl",
+          className: "oui-bg-base-9 oui-font-semibold",
+          width: "100%",
+          height: "100%",
+          direction: "column",
+          itemAlign: "stretch",
+          children: [
+            /* @__PURE__ */ jsx(Countdown, { targetTimestamp: endTime }),
+            /* @__PURE__ */ jsxs(Flex, { p: 6, direction: "column", gap: 4, className: "oui-h-full", children: [
+              /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 3, width: "100%", justify: "around", children: [
+                /* @__PURE__ */ jsx(
+                  Statics,
+                  {
+                    title: t("tradingRewards.epoch"),
+                    highLight: curEpochId ? `${curEpochId}` : "--",
+                    text: startTime && endTime ? `${getDate(startTime)} - ${getDate(endTime)}` : ""
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Statics,
+                  {
+                    title: t("tradingRewards.epochRewards"),
+                    highLight: commifyOptional(max_reward_amount, { fix: 0 }),
+                    text: token
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                EstRewards,
+                {
+                  isOrder,
+                  direction: state.notConnected ? "row" : "column",
+                  justify: state.notConnected ? "between" : "center",
+                  hideData: state.hideData,
+                  estRewards: state.hideData ? "--" : props.estimate?.est_r_wallet,
+                  rewardsTooltip: props.rewardsTooltip,
+                  background: state.notConnected ? "linear-gradient(28.29deg, #1B1D22 21.6%, #26292E 83.23%)" : "linear-gradient(0deg, #2D0061 2.62%, #BD6BED 86.5%)"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "oui-w-full", children: /* @__PURE__ */ jsx(
+                AuthGuard,
+                {
+                  status: AccountStatusEnum.SignedIn,
+                  buttonProps: { fullWidth: true },
+                  children: /* @__PURE__ */ jsx(Fragment, {})
+                }
+              ) })
+            ] })
+          ]
+        }
+      );
+    };
+    EstRewards = (props) => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          direction: props.direction,
+          gap: 2,
+          py: 4,
+          px: 6,
+          width: "100%",
+          r: "xl",
+          itemAlign: "center",
+          justify: props.justify,
+          style: {
+            background: props.background
+          },
+          className: "oui-flex-1 oui-h-full",
+          children: [
+            /* @__PURE__ */ jsx(Text, { className: "oui-text-base xl:oui-text-lg oui-text-base-contrast-54", children: t("tradingRewards.myEstRewards") }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 3, children: [
+              props.isOrder == true && /* @__PURE__ */ jsx(OrderlyIcon, { className: "oui-w-5 oui-h-5 md:oui-w-6 md:oui-h-6 lg:oui-w-7 lg:oui-h-7 xl:oui-w-8 xl:oui-h-8" }),
+              props.isOrder == false && /* @__PURE__ */ jsx(EsOrderlyIcon, { className: "oui-w-5 oui-h-5 md:oui-w-6 md:oui-h-6 lg:oui-w-7 lg:oui-h-7 xl:oui-w-8 xl:oui-h-8" }),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  children: commifyOptional(props.estRewards, { fix: 2 }),
+                  className: "oui-text-xl md:oui-text-2xl xl:oui-text-[32px]"
+                }
+              ),
+              props.rewardsTooltip && /* @__PURE__ */ jsx(RewardsTooltip, { rewardsTooltip: props.rewardsTooltip })
+            ] })
+          ]
+        }
+      );
+    };
+    Statics = (props) => {
+      const { title, highLight, text } = props;
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          py: 2,
+          justify: "between",
+          direction: "column",
+          className: "flex-1",
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                className: cn(
+                  "oui-text-base-contrast-54",
+                  // font size
+                  "oui-text-xs md:oui-text-sm xl:oui-text-base",
+                  /// leading
+                  "oui-leading-[20px] xl:oui-leading-[24px]"
+                ),
+                children: title
+              }
+            ),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, itemAlign: "end", justify: "center", children: [
+              /* @__PURE__ */ jsx(
+                Text.gradient,
+                {
+                  color: "brand",
+                  angle: 90,
+                  className: "oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",
+                  children: highLight
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  intensity: 80,
+                  className: "oui-mb-[3px] oui-text-2xs md:oui-text-xs xl:oui-text-sm",
+                  children: text
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    };
+    Countdown = (props) => {
+      const { targetTimestamp, isStandalone } = props;
+      const { t } = useTranslation();
+      const [timeLeft, setTimeLeft] = useState({
+        days: 0,
+        hours: 0,
+        minutes: 0,
+        seconds: 0
+      });
+      useEffect(() => {
+        const intervalId = setInterval(() => {
+          if (typeof targetTimestamp === "undefined")
+            return;
+          const now = (/* @__PURE__ */ new Date()).getTime();
+          const distance = targetTimestamp - now;
+          if (distance < 0) {
+            clearInterval(intervalId);
+            setTimeLeft({
+              days: 0,
+              hours: 0,
+              minutes: 0,
+              seconds: 0
+            });
+          } else {
+            const days = Math.floor(distance / (1e3 * 60 * 60 * 24));
+            const hours = Math.floor(
+              distance % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
+            );
+            const minutes = Math.floor(distance % (1e3 * 60 * 60) / (1e3 * 60));
+            const seconds = Math.floor(distance % (1e3 * 60) / 1e3);
+            setTimeLeft({ days, hours, minutes, seconds });
+          }
+        }, 1e3);
+        return () => clearInterval(intervalId);
+      }, [targetTimestamp]);
+      const num = (value) => {
+        return /* @__PURE__ */ jsx(Text, { className: "oui-text-sm oui-text-base-contrast md:oui-text-base lg:oui-text-lg ", children: value });
+      };
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "oui-rounded-t-2xl oui-font-semibold oui-text-base-contrast-54",
+          gradient: isStandalone ? void 0 : "neutral",
+          angle: 180,
+          width: "full",
+          children: /* @__PURE__ */ jsxs(Flex, { justify: "center", gap: 1, children: [
+            isStandalone ? null : /* @__PURE__ */ jsx("span", { children: `${t("common.countdown")}: ` }),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                direction: "row",
+                itemAlign: "end",
+                gap: 1,
+                className: cn(
+                  "oui-text-2xs md:oui-text-xs lg:oui-text-sm",
+                  isStandalone ? "oui-py-0" : "oui-py-[13px]"
+                ),
+                children: [
+                  num(`${timeLeft.days}`.padStart(2, "0")),
+                  /* @__PURE__ */ jsx("span", { children: "D" }),
+                  num(`${timeLeft.hours}`.padStart(2, "0")),
+                  /* @__PURE__ */ jsx("span", { children: "H" }),
+                  num(`${timeLeft.minutes}`.padStart(2, "0")),
+                  /* @__PURE__ */ jsx("span", { children: "M" }),
+                  num(`${timeLeft.seconds}`.padStart(2, "0")),
+                  /* @__PURE__ */ jsx("span", { children: "S" })
+                ]
+              }
+            )
+          ] })
+        }
+      );
+    };
+    getDate = (timestamp) => {
+      if (!timestamp)
+        return "";
+      const date = new Date(timestamp);
+      const monthNames = [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec"
+      ];
+      const month = monthNames[date.getUTCMonth()];
+      const day = date.getUTCDate();
+      return `${month}. ${day}`;
+    };
+    ArrowRightIcon = (props) => /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: "21",
+        height: "20",
+        viewBox: "0 0 21 20",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "mask",
+            {
+              id: "mask0_1997_45723",
+              style: { maskType: "alpha" },
+              maskUnits: "userSpaceOnUse",
+              x: "0",
+              y: "0",
+              width: "21",
+              height: "20",
+              children: /* @__PURE__ */ jsx("rect", { x: "0.5", width: "20", height: "20", fill: "#D9D9D9" })
+            }
+          ),
+          /* @__PURE__ */ jsx("g", { mask: "url(#mask0_1997_45723)", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12.0384 14.7111L11.1603 13.8073L14.343 10.6246H4.25V9.37463H14.343L11.1603 6.19192L12.0384 5.28809L16.75 9.99961L12.0384 14.7111Z"
+            }
+          ) })
+        ]
+      }
+    );
+    TwitterLInk = () => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          gap: 1,
+          itemAlign: "center",
+          justify: "center",
+          className: "oui-group oui-cursor-pointer oui-fill-base-contrast-36 oui-text-sm  oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80",
+          onClick: () => window.open("https://x.com/OrderlyNetwork"),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "oui-cursor-pointer oui-fill-base-contrast-36 oui-text-sm oui-text-base-contrast-36  group-hover:oui-text-base-contrast-80", children: t("tradingRewards.eopchStatus.linkDescription") }),
+            /* @__PURE__ */ jsx(ArrowRightIcon, { className: "oui-text-fill-base-contrast-36 oui-fill-base-contrast-36  group-hover:oui-fill-base-contrast-80" })
+          ]
+        }
+      );
+    };
+  }
+});
+var CurEpochWidget;
+var init_curEpoch_widget = __esm({
+  "src/pages/index/curEpoch/curEpoch.widget.tsx"() {
+    init_curEpoch_script();
+    init_curEpoch_ui();
+    CurEpochWidget = () => {
+      const state = useCurEpochScript();
+      return /* @__PURE__ */ jsx(CurEpoch, { ...state });
+    };
+  }
+});
+
+// src/pages/index/curEpoch/index.ts
+var curEpoch_exports = {};
+__export(curEpoch_exports, {
+  CurEpoch: () => CurEpoch,
+  CurEpochWidget: () => CurEpochWidget,
+  useCurEpochScript: () => useCurEpochScript
+});
+var init_curEpoch = __esm({
+  "src/pages/index/curEpoch/index.ts"() {
+    init_curEpoch_widget();
+    init_curEpoch_ui();
+    init_curEpoch_script();
+  }
+});
+var useAvailableScript;
+var init_availableToClaim_script = __esm({
+  "src/pages/index/availableToClaim/availableToClaim.script.tsx"() {
+    init_provider();
+    useAvailableScript = () => {
+      const {
+        totalOrderClaimedReward,
+        walletRewardsHistory,
+        totalEsOrderClaimedReward
+      } = useTradingRewardsContext();
+      const [orderClaimedRewardData] = totalOrderClaimedReward;
+      const [esOrderClaimedRewardData] = totalEsOrderClaimedReward;
+      const { namespace } = useWalletConnector();
+      const [data] = walletRewardsHistory;
+      const lifetimeOrderReward = useMemo(() => {
+        if (namespace === ChainNamespace.evm) {
+          return data?.wallet_lifetime_trading_rewards_order;
+        }
+        return data?.wallet_pending_trading_rewards_order;
+      }, [namespace, data]);
+      const lifetimeEsOrderReward = useMemo(() => {
+        if (namespace === ChainNamespace.evm) {
+          return data?.wallet_lifetime_trading_rewards_escrow;
+        }
+        return data?.wallet_pending_trading_rewards_escrow;
+      }, [data, namespace]);
+      const env = useGetEnv();
+      const goToClaim = (e) => {
+        const url = `https://${env !== ENVType.prod ? `${env}-` : ""}app.orderly.network/tradingRewards`;
+        window.open(url, "_blank");
+      };
+      const calculateRemainingReward = useCallback(
+        (totalReward, claimedReward) => {
+          if (typeof claimedReward !== "undefined" && typeof totalReward !== "undefined") {
+            const remainingReward = new Decimal(totalReward).sub(claimedReward).toFixed(18, Decimal.ROUND_DOWN);
+            return Number(remainingReward);
+          }
+          return void 0;
+        },
+        []
+      );
+      const availableOrder = useMemo(
+        () => calculateRemainingReward(lifetimeOrderReward, orderClaimedRewardData),
+        [lifetimeOrderReward, orderClaimedRewardData, calculateRemainingReward]
+      );
+      const availableEsOrder = useMemo(
+        () => calculateRemainingReward(lifetimeEsOrderReward, esOrderClaimedRewardData),
+        [lifetimeEsOrderReward, esOrderClaimedRewardData, calculateRemainingReward]
+      );
+      const orderValue = useDataTap(availableOrder);
+      const esorderValue = useDataTap(availableEsOrder);
+      return {
+        order: orderValue ?? void 0,
+        esOrder: esorderValue ?? void 0,
+        goToClaim
+      };
+    };
+  }
+});
+var JumpIcon;
+var init_jumpIcon = __esm({
+  "src/pages/index/components/jumpIcon.tsx"() {
+    JumpIcon = () => {
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "currentColor",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M11.3275 13.9938C12.8001 13.9938 13.9941 12.7998 13.9941 11.3272V4.66049C13.9941 3.18782 12.8001 1.99382 11.3275 1.99382H4.66081C3.18814 1.99382 1.99414 3.18782 1.99414 4.66049V11.3272C1.99414 12.7998 3.18814 13.9938 4.66081 13.9938H11.3275ZM5.99414 10.6605C5.82347 10.6605 5.64548 10.6031 5.51481 10.4732C5.25481 10.2125 5.25481 9.77516 5.51481 9.51449L8.18148 6.84782L6.66081 5.32715H10.6608V9.32715L9.14014 7.80648L6.47347 10.4732C6.34347 10.6031 6.16481 10.6605 5.99414 10.6605Z"
+            }
+          )
+        }
+      );
+    };
+  }
+});
+var AvailableToClaim, Statics2;
+var init_availableToClaim_ui = __esm({
+  "src/pages/index/availableToClaim/availableToClaim.ui.tsx"() {
+    init_jumpIcon();
+    init_esOrderlyIcon();
+    init_orderlyIcon();
+    AvailableToClaim = (props) => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-availableToClaim",
+          p: 6,
+          r: "2xl",
+          direction: "column",
+          gap: 4,
+          width: "100%",
+          className: " oui-font-semibold oui-bg-base-9 ",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", width: "100%", children: [
+              /* @__PURE__ */ jsx(Text, { className: "oui-text-lg", children: t("tradingRewards.availableClaim") }),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "row",
+                  gap: 1,
+                  onClick: props.goToClaim,
+                  className: "oui-cursor-pointer oui-text-primary-light",
+                  children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", children: t("tradingRewards.claim") }),
+                    /* @__PURE__ */ jsx(JumpIcon, {})
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 3, width: "100%", children: [
+              /* @__PURE__ */ jsx(Statics2, { title: "ORDER", value: props.order }),
+              /* @__PURE__ */ jsx(Statics2, { title: "esORDER", value: props.esOrder, isEsOrder: true })
+            ] })
+          ]
+        }
+      );
+    };
+    Statics2 = (props) => {
+      const { value } = props;
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          className: "oui-flex-1 oui-bg-base-8 oui-py-[11px]",
+          direction: "column",
+          gap: 2,
+          r: "xl",
+          gradient: "neutral",
+          angle: 180,
+          border: true,
+          borderColor: 6,
+          children: [
+            /* @__PURE__ */ jsx(Text, { className: "oui-text-xs xl:oui-text-sm oui-text-base-contrast-54", children: props.title }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+              props.isEsOrder ? /* @__PURE__ */ jsx(EsOrderlyIcon, {}) : /* @__PURE__ */ jsx(OrderlyIcon, {}),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  className: "oui-text-sm xl:oui-text-base",
+                  children: commifyOptional(value, { fix: 2 })
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    };
+  }
+});
+var AvailableToClaimWidget;
+var init_availableToClaim_widget = __esm({
+  "src/pages/index/availableToClaim/availableToClaim.widget.tsx"() {
+    init_availableToClaim_script();
+    init_availableToClaim_ui();
+    AvailableToClaimWidget = () => {
+      const state = useAvailableScript();
+      return /* @__PURE__ */ jsx(AvailableToClaim, { ...state });
+    };
+  }
+});
+
+// src/pages/index/availableToClaim/index.ts
+var availableToClaim_exports = {};
+__export(availableToClaim_exports, {
+  AvailableToClaim: () => AvailableToClaim,
+  AvailableToClaimWidget: () => AvailableToClaimWidget
+});
+var init_availableToClaim = __esm({
+  "src/pages/index/availableToClaim/index.ts"() {
+    init_availableToClaim_widget();
+    init_availableToClaim_ui();
+  }
+});
+var useStakeBoosterScript;
+var init_stakeBooster_script = __esm({
+  "src/pages/index/stakeBooster/stakeBooster.script.tsx"() {
+    init_provider();
+    useStakeBoosterScript = () => {
+      const { curEpochEstimate } = useTradingRewardsContext();
+      const env = useGetEnv();
+      const stakeNow = (e) => {
+        const url = `https://${env !== ENVType.prod ? `${env}-` : ""}app.orderly.network/staking`;
+        window.open(url, "_blank");
+      };
+      const estimateValue = useDataTap(curEpochEstimate);
+      const booster = useMemo(() => {
+        const estStakeBoost = curEpochEstimate?.est_stake_boost;
+        if (typeof estStakeBoost === "undefined" || estStakeBoost === null) {
+          return void 0;
+        }
+        if (estStakeBoost === 0)
+          return estStakeBoost;
+        return new Decimal(estStakeBoost).div(new Decimal(10).pow(0.15)).toDecimalPlaces(2, Decimal.ROUND_DOWN).toString();
+      }, [curEpochEstimate?.est_stake_boost]);
+      return {
+        curEpochEstimate: estimateValue ?? void 0,
+        stakeNow,
+        booster
+      };
+    };
+  }
+});
+var RocketIcon;
+var init_rocket = __esm({
+  "src/pages/index/components/rocket.tsx"() {
+    RocketIcon = () => {
+      return /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "18",
+          height: "18",
+          viewBox: "0 0 18 18",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M14.439 10.5672C14.0868 10.9198 13.7025 11.2403 13.3183 11.5287C13.1902 11.6248 13.1261 11.721 13.0941 11.8812C12.7739 13.1952 12.1015 14.4451 11.0448 15.5027C10.5645 15.9835 10.0522 16.3681 9.47584 16.7206C8.99553 17.009 8.41917 16.5283 8.61129 15.9835C8.93149 15.1502 9.05957 14.2528 9.05957 13.3234C8.99553 13.3234 8.89947 13.3555 8.83543 13.3555C8.06695 12.7145 7.3625 12.0415 6.65805 11.3364C5.95361 10.6313 5.28118 9.89421 4.64078 9.15708C4.64078 9.09299 4.6728 8.99684 4.6728 8.93274C3.74421 8.93274 2.84764 9.09299 2.01512 9.38143C1.50279 9.57372 0.990469 8.99684 1.27865 8.51611C1.63087 7.93923 2.01512 7.42645 2.49542 6.94572C3.55209 5.88811 4.80088 5.21508 6.11371 4.89459C6.24179 4.86255 6.36987 4.7664 6.46593 4.67025C6.75412 4.25362 7.07432 3.90108 7.42654 3.54855C9.92412 1.04874 13.4143 0.183422 16.6484 0.920545C16.8725 0.984642 17.0326 1.14489 17.0967 1.36923C17.8011 4.57411 16.9366 8.06742 14.439 10.5672ZM13.0301 4.95869C12.2616 4.18952 10.9808 4.18952 10.2123 4.95869C9.44382 5.72786 9.44382 7.00982 10.2123 7.77899C10.9808 8.54816 12.2616 8.54816 13.0301 7.77899C13.8306 6.97777 13.8306 5.72786 13.0301 4.95869ZM5.88957 14.7656C5.28118 15.3745 1.53481 17.9385 0.798348 17.2013C0.0618817 16.4642 2.6235 12.7145 3.23189 12.1056C3.84027 11.4966 4.92896 11.5928 5.66543 12.3299C6.40189 13.067 6.49795 14.1567 5.88957 14.7656Z",
+                fill: "url(#paint0_linear_88_1748)"
+              }
+            ),
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+              "linearGradient",
+              {
+                id: "paint0_linear_88_1748",
+                x1: "17.3331",
+                y1: "8.99996",
+                x2: "0.666504",
+                y2: "8.99996",
+                gradientUnits: "userSpaceOnUse",
+                children: [
+                  /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+                  /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
+                ]
+              }
+            ) })
+          ]
+        }
+      );
+    };
+  }
+});
+var StakeBooster, Statics3;
+var init_stakeBooster_ui = __esm({
+  "src/pages/index/stakeBooster/stakeBooster.ui.tsx"() {
+    init_jumpIcon();
+    init_esOrderlyIcon();
+    init_orderlyIcon();
+    init_rocket();
+    StakeBooster = (props) => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-stakeBooster",
+          p: 6,
+          r: "2xl",
+          direction: "column",
+          gap: 4,
+          width: "100%",
+          className: " oui-font-semibold oui-bg-base-9 ",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", width: "100%", children: [
+              /* @__PURE__ */ jsx(Text, { className: "oui-text-lg", children: t("tradingRewards.stakeBooster") }),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "row",
+                  gap: 1,
+                  onClick: props.stakeNow,
+                  className: "oui-cursor-pointer oui-text-primary-light",
+                  children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", children: t("tradingRewards.stake") }),
+                    /* @__PURE__ */ jsx(JumpIcon, {})
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 3, width: "100%", children: [
+              /* @__PURE__ */ jsx(
+                Statics3,
+                {
+                  title: t("tradingRewards.avgStakedAmount"),
+                  value: props.curEpochEstimate?.est_avg_stake,
+                  icon: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-w-[32px] oui-h-[20px] oui-relative", children: [
+                    /* @__PURE__ */ jsx("div", { className: "oui-absolute oui-right-0 oui-top-0", children: /* @__PURE__ */ jsx(EsOrderlyIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "oui-absolute oui-left-0 oui-top-0 ", children: /* @__PURE__ */ jsx(OrderlyIcon, {}) })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Statics3,
+                {
+                  title: t("tradingRewards.booster"),
+                  value: props.booster,
+                  icon: /* @__PURE__ */ jsx(RocketIcon, {}),
+                  gradient: true
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    };
+    Statics3 = (props) => {
+      const calcValue = commify(props.value || "--", 2);
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          className: "oui-flex-1 oui-bg-base-8 oui-py-[11px]",
+          direction: "column",
+          gap: 2,
+          r: "xl",
+          gradient: "neutral",
+          angle: 180,
+          border: true,
+          borderColor: 6,
+          children: [
+            /* @__PURE__ */ jsx(Text, { className: "oui-text-xs xl:oui-text-sm oui-text-base-contrast-54", children: props.title }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+              props.icon,
+              props.gradient ? /* @__PURE__ */ jsx(
+                Text.gradient,
+                {
+                  className: "oui-text-sm xl:oui-text-base",
+                  color: "brand",
+                  angle: 90,
+                  children: calcValue + (calcValue === "--" ? "" : "x")
+                }
+              ) : /* @__PURE__ */ jsx(Text, { className: "oui-text-sm xl:oui-text-base", children: commifyOptional(props.value, { fix: 2 }) })
+            ] })
+          ]
+        }
+      );
+    };
+  }
+});
+var StakeBoosterWidget;
+var init_stakeBooster_widget = __esm({
+  "src/pages/index/stakeBooster/stakeBooster.widget.tsx"() {
+    init_stakeBooster_script();
+    init_stakeBooster_ui();
+    StakeBoosterWidget = () => {
+      const state = useStakeBoosterScript();
+      return /* @__PURE__ */ jsx(StakeBooster, { ...state });
+    };
+  }
+});
+
+// src/pages/index/stakeBooster/index.ts
+var stakeBooster_exports = {};
+__export(stakeBooster_exports, {
+  StakeBooster: () => StakeBooster,
+  StakeBoosterWidget: () => StakeBoosterWidget
+});
+var init_stakeBooster = __esm({
+  "src/pages/index/stakeBooster/index.ts"() {
+    init_stakeBooster_widget();
+    init_stakeBooster_ui();
+  }
+});
+function formatTimestamp(timestamp) {
+  if (typeof timestamp === "undefined")
+    return {
+      firstPart: "-",
+      secondPart: ""
+    };
+  const date = new Date(timestamp);
+  const monthNames = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ];
+  const month = monthNames[date.getUTCMonth()];
+  const day = date.getUTCDate().toString().padStart(2, "0");
+  const year = date.getUTCFullYear();
+  const hours = date.getUTCHours();
+  const minutes = date.getUTCMinutes();
+  const amPm = hours >= 12 ? "PM" : "AM";
+  const formattedHours = (hours % 12).toString().padStart(2, "0");
+  const formattedMinutes = minutes.toString().padStart(2, "0");
+  return {
+    firstPart: `${month} ${day}, ${year}`,
+    secondPart: `${formattedHours}:${formattedMinutes} ${amPm}`
+  };
+}
+var RewardHistory, List, MobileCell, DesktopList;
+var init_rewardsHistory_ui = __esm({
+  "src/pages/index/rewardHistory/rewardsHistory.ui.tsx"() {
+    init_esOrderlyIcon();
+    init_orderlyIcon();
+    init_rewardsTooltip();
+    RewardHistory = (props) => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-rewardHistory",
+          py: 4,
+          px: 3,
+          direction: "column",
+          gap: 2,
+          itemAlign: "start",
+          r: "2xl",
+          className: "oui-bg-base-9 oui-w-full oui-font-semibold oui-tabular-nums",
+          children: [
+            /* @__PURE__ */ jsx(Text, { className: "oui-text-lg oui-px-3", children: t("tradingRewards.rewardHistory") }),
+            /* @__PURE__ */ jsx("div", { className: "oui-border-t-2 oui-border-line-4 oui-w-full", children: /* @__PURE__ */ jsx(List, { ...props }) })
+          ]
+        }
+      );
+    };
+    List = (props) => {
+      const isMobile = useMediaQuery("(max-width: 767px)");
+      return isMobile ? /* @__PURE__ */ jsx(
+        ListView,
+        {
+          dataSource: props.originalData,
+          renderItem: (item, index) => {
+            return /* @__PURE__ */ jsx(MobileCell, { data: item });
+          },
+          className: "oui-mt-3 oui-max-h-[356px]"
+        }
+      ) : /* @__PURE__ */ jsx(Box, { px: 3, children: /* @__PURE__ */ jsx(DesktopList, { ...props }) });
+    };
+    MobileCell = (props) => {
+      const { data } = props;
+      const { t } = useTranslation();
+      const isOrder = `${data?.info?.epoch_token || data.epoch_token}`.toLowerCase() === "order";
+      const r_warret = commifyOptional(data.info?.r_wallet, { fix: 2 });
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          direction: "column",
+          px: 4,
+          pt: 0,
+          gap: 3,
+          className: "oui-text-base-contrast-80",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", width: "100%", children: [
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "column",
+                  className: "oui-gap-[6px] oui-flex-1",
+                  itemAlign: "start",
+                  children: [
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-36 oui-text-2xs", children: t("tradingRewards.epoch") }),
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-sm", children: `Epoch ${data.epoch_id}` })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "column",
+                  className: "oui-gap-[6px] oui-flex-1",
+                  itemAlign: "start",
+                  children: [
+                    /* @__PURE__ */ jsxs(Text, { className: "oui-text-base-contrast-36 oui-text-2xs", children: [
+                      t("tradingRewards.epochRewards"),
+                      " "
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
+                      isOrder ? /* @__PURE__ */ jsx(OrderlyIcon, {}) : /* @__PURE__ */ jsx(EsOrderlyIcon, {}),
+                      /* @__PURE__ */ jsx(Text, { className: "oui-text-sm", children: commifyOptional(data.max_reward_amount, { fix: 2 }) })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "column",
+                  className: "oui-gap-[6px] oui-flex-1",
+                  itemAlign: "end",
+                  children: [
+                    /* @__PURE__ */ jsxs(Text, { className: "oui-text-base-contrast-36 oui-text-2xs", children: [
+                      t("tradingRewards.rewardsEarned"),
+                      " "
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
+                      r_warret !== "--" && (isOrder ? /* @__PURE__ */ jsx(OrderlyIcon, {}) : /* @__PURE__ */ jsx(EsOrderlyIcon, {})),
+                      !!data.rewardsTooltip ? /* @__PURE__ */ jsx(
+                        RewardsTooltip,
+                        {
+                          rewardsTooltip: data.rewardsTooltip,
+                          children: /* @__PURE__ */ jsx(Text, { className: "oui-text-sm oui-underline oui-decoration-dashed oui-cursor-pointer oui-underline-offset-4 oui-decoration-line-16", children: r_warret }),
+                          align: "center",
+                          className: "oui-bg-base-5",
+                          arrowClassName: "oui-fill-base-5"
+                        }
+                      ) : /* @__PURE__ */ jsx(Text, { className: "oui-text-sm", children: r_warret })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", width: "100%", children: [
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "column",
+                  className: "oui-gap-[6px] oui-flex-1",
+                  itemAlign: "start",
+                  children: [
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-36 oui-text-2xs", children: t("tradingRewards.rewardHistory.column.startDate") }),
+                    /* @__PURE__ */ jsxs(Flex, { direction: "row", children: [
+                      /* @__PURE__ */ jsxs(Text, { className: "oui-text-sm", children: [
+                        formatTimestamp(data.start_time).firstPart,
+                        "\xA0"
+                      ] }),
+                      /* @__PURE__ */ jsx(Text, { className: "oui-text-2xs oui-text-base-contrast-36", children: formatTimestamp(data.start_time).secondPart })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  direction: "column",
+                  className: "oui-gap-[6px] oui-flex-1",
+                  itemAlign: "end",
+                  children: [
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-36 oui-text-2xs", children: t("tradingRewards.rewardHistory.column.endDate") }),
+                    /* @__PURE__ */ jsxs(Flex, { direction: "row", children: [
+                      /* @__PURE__ */ jsxs(Text, { className: "oui-text-sm", children: [
+                        formatTimestamp(data.end_time).firstPart,
+                        "\xA0"
+                      ] }),
+                      /* @__PURE__ */ jsx(Text, { className: "oui-text-2xs oui-text-base-contrast-36", children: formatTimestamp(data.end_time).secondPart })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Divider, { className: "oui-w-full" })
+          ]
+        },
+        data.epoch_id
+      );
+    };
+    DesktopList = (props) => {
+      const { data } = props;
+      const { t } = useTranslation();
+      const columns = [
+        {
+          title: t("tradingRewards.epoch"),
+          dataIndex: "epoch_id",
+          className: "oui-w-1/4 oui-pl-0 oui-pr-0",
+          render: (value) => {
+            return /* @__PURE__ */ jsx(Text, { children: `${t("tradingRewards.epoch")} ${value}` });
+          }
+        },
+        {
+          title: t("tradingRewards.rewardHistory.column.start&EndDate"),
+          dataIndex: "time",
+          className: "oui-w-1/4 oui-pl-0 oui-pr-0",
+          render: (value, record) => {
+            return /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                direction: "column",
+                className: "oui-gap-[2px]",
+                justify: "start",
+                itemAlign: "start",
+                children: [
+                  /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { children: formatTimestamp(record.start_time).firstPart }),
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-54", children: formatTimestamp(record.start_time).secondPart })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { children: formatTimestamp(record.end_time).firstPart }),
+                    /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-54", children: formatTimestamp(record.end_time).secondPart })
+                  ] })
+                ]
+              }
+            );
+          }
+        },
+        {
+          title: t("tradingRewards.epochRewards"),
+          dataIndex: "max_reward_amount",
+          className: "oui-w-1/4 oui-pl-0 oui-pr-0",
+          render: (value, record) => {
+            const isOrder = `${record?.info?.epoch_token || record.epoch_token}`.toLowerCase() === "order";
+            return /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+              isOrder ? /* @__PURE__ */ jsx(OrderlyIcon, {}) : /* @__PURE__ */ jsx(EsOrderlyIcon, {}),
+              /* @__PURE__ */ jsx(Text, { children: commifyOptional(value) })
+            ] });
+          }
+        },
+        {
+          title: t("tradingRewards.rewardsEarned"),
+          dataIndex: "earned",
+          className: "oui-w-1/4 oui-pl-0 oui-pr-0",
+          render: (value, record) => {
+            const isOrder = `${record?.info?.epoch_token || record.epoch_token}`.toLowerCase() === "order";
+            let children = /* @__PURE__ */ jsx(
+              Text,
+              {
+                className: record.rewardsTooltip ? "oui-underline oui-decoration-dashed oui-cursor-pointer oui-underline-offset-4 oui-decoration-line-16" : "",
+                children: commifyOptional(record.info?.r_wallet, { fix: 2 })
+              }
+            );
+            if (record.rewardsTooltip) {
+              children = /* @__PURE__ */ jsx(
+                RewardsTooltip,
+                {
+                  rewardsTooltip: record.rewardsTooltip,
+                  children,
+                  align: "center",
+                  className: "oui-bg-base-5",
+                  arrowClassName: "oui-fill-base-5"
+                }
+              );
+            }
+            return /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+              isOrder ? /* @__PURE__ */ jsx(OrderlyIcon, {}) : /* @__PURE__ */ jsx(EsOrderlyIcon, {}),
+              children
+            ] });
+          }
+        }
+      ];
+      return /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          bordered: true,
+          columns,
+          loading: props.isLoading,
+          dataSource: data,
+          emptyView: /* @__PURE__ */ jsx(AuthGuardEmpty, { status: AccountStatusEnum.SignedIn }),
+          onRow: (record) => {
+            return {
+              className: "oui-h-[59px]"
+            };
+          },
+          pagination: props.pagination
+        }
+      );
+    };
+  }
+});
+var useRewardsHistoryScript;
+var init_rewardsHistory_script = __esm({
+  "src/pages/index/rewardHistory/rewardsHistory.script.tsx"() {
+    init_provider();
+    useRewardsHistoryScript = () => {
+      const { account } = useAccount();
+      const {
+        epochList,
+        walletRewardsHistory,
+        totalOrderClaimedReward,
+        brokerId,
+        brokerName
+      } = useTradingRewardsContext();
+      const epochInfos = epochList?.[0];
+      const { isNotStared } = epochList?.[1];
+      const [history] = walletRewardsHistory;
+      const { wrongNetwork, disabledConnect } = useAppContext();
+      const { data: accountHistory } = useAccountRewardsHistory(account.address);
+      const data = useMemo(() => {
+        if (isNotStared || disabledConnect) {
+          return [];
+        }
+        const list = [...epochInfos || []];
+        const combineData = list.map((e) => {
+          const id = e.epoch_id;
+          const index = history?.rows.findIndex((info) => id === info.epoch_id);
+          let rewardsTooltip = void 0;
+          if (index !== -1 && !wrongNetwork) {
+            const info = history?.rows?.[index];
+            const _findIndex = accountHistory?.findIndex((item) => {
+              return item?.epoch_id === e.epoch_id;
+            });
+            if (accountHistory !== void 0 && _findIndex !== void 0 && _findIndex !== -1) {
+              const brokerList = accountHistory[_findIndex].broker;
+              const curBrokerIndex = brokerList.findIndex(
+                (item) => item.broker_id === brokerId
+              );
+              const curBroker = curBrokerIndex !== -1 ? brokerList[curBrokerIndex] : void 0;
+              const curRewards = curBroker?.r_account ?? 0;
+              const otherRewards = Math.max(0, (info?.r_wallet ?? 0) - curRewards);
+              rewardsTooltip = {
+                brokerName,
+                curRewards,
+                otherRewards
+              };
+            }
+            return {
+              ...e,
+              info,
+              rewardsTooltip
+            };
+          }
+          return {
+            ...e
+          };
+        });
+        combineData.sort((a, b) => a.epoch_id - b.epoch_id);
+        let [claimedReward] = totalOrderClaimedReward;
+        if (typeof claimedReward !== "undefined") {
+          for (let i = 0; i < combineData.length; i++) {
+            const element = combineData[i];
+            if (typeof element?.info === "undefined") {
+              element.state = "Null";
+              continue;
+            }
+            const status = element.info?.reward_status;
+            if (status === "Confirmed") {
+              if (claimedReward - element.info?.r_wallet >= 0) {
+                element.state = "Claimed";
+              } else {
+                element.state = "Claimable";
+              }
+              claimedReward -= element.info?.r_wallet;
+            } else if (status === "Pending") {
+              element.state = "Processing";
+            }
+          }
+        }
+        combineData.sort((a, b) => b.epoch_id - a.epoch_id);
+        const curDate = getTimestamp();
+        return combineData.filter((item) => item.end_time <= curDate);
+      }, [
+        history,
+        epochInfos,
+        totalOrderClaimedReward,
+        isNotStared,
+        wrongNetwork,
+        accountHistory,
+        disabledConnect
+      ]);
+      const { pagination } = usePagination();
+      return {
+        data,
+        originalData: data,
+        pagination,
+        isLoading: epochList[1].isLoading
+      };
+    };
+  }
+});
+var RewardsHistoryWidget;
+var init_rewardsHistory_widget = __esm({
+  "src/pages/index/rewardHistory/rewardsHistory.widget.tsx"() {
+    init_rewardsHistory_script();
+    init_rewardsHistory_ui();
+    RewardsHistoryWidget = () => {
+      const state = useRewardsHistoryScript();
+      return /* @__PURE__ */ jsx(RewardHistory, { ...state });
+    };
+  }
+});
+
+// src/pages/index/rewardHistory/index.ts
+var rewardHistory_exports = {};
+__export(rewardHistory_exports, {
+  RewardHistory: () => RewardHistory,
+  RewardsHistoryWidget: () => RewardsHistoryWidget
+});
+var init_rewardHistory = __esm({
+  "src/pages/index/rewardHistory/index.ts"() {
+    init_rewardsHistory_ui();
+    init_rewardsHistory_widget();
+  }
+});
+
+// src/pages/index/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  AvailableToClaim: () => AvailableToClaim,
+  AvailableToClaimWidget: () => AvailableToClaimWidget,
+  CurEpoch: () => CurEpoch,
+  CurEpochWidget: () => CurEpochWidget,
+  HomePage: () => HomePage,
+  RewardHistory: () => RewardHistory,
+  RewardsHistoryWidget: () => RewardsHistoryWidget,
+  StakeBooster: () => StakeBooster,
+  StakeBoosterWidget: () => StakeBoosterWidget,
+  Title: () => Title,
+  TitleWidget: () => TitleWidget,
+  TradingRewardsProvider: () => TradingRewardsProvider,
+  useCurEpochScript: () => useCurEpochScript
+});
+
+// src/pages/index/title/index.ts
+init_title_ui();
+init_title_widget();
+
+// src/pages/index/index.tsx
+init_curEpoch();
+init_availableToClaim();
+init_stakeBooster();
+init_rewardHistory();
+init_provider();
+
+// src/pages/index/page.tsx
+init_provider();
+var LazyTitleWidget = React3.lazy(
+  () => Promise.resolve().then(() => (init_title_widget(), title_widget_exports)).then((mod) => {
+    return { default: mod.TitleWidget };
+  })
+);
+var LazyCurEpochWidget = React3.lazy(
+  () => Promise.resolve().then(() => (init_curEpoch(), curEpoch_exports)).then((mod) => {
+    return { default: mod.CurEpochWidget };
+  })
+);
+var LazyAvailableToClaimWidget = React3.lazy(
+  () => Promise.resolve().then(() => (init_availableToClaim(), availableToClaim_exports)).then((mod) => {
+    return { default: mod.AvailableToClaimWidget };
+  })
+);
+var LazyStakeBoosterWidget = React3.lazy(
+  () => Promise.resolve().then(() => (init_stakeBooster(), stakeBooster_exports)).then((mod) => {
+    return { default: mod.StakeBoosterWidget };
+  })
+);
+var LazyRewardsHistoryWidget = React3.lazy(
+  () => Promise.resolve().then(() => (init_rewardHistory(), rewardHistory_exports)).then((mod) => {
+    return { default: mod.RewardsHistoryWidget };
+  })
+);
+var StakeBooster2 = () => {
+  const { statusInfo } = useTradingRewardsStatus(false);
+  const isStakeBoosterVisible = useMemo(() => {
+    return statusInfo?.epochStatus === EpochStatus.active;
+  }, [statusInfo?.epochStatus]);
+  return isStakeBoosterVisible ? /* @__PURE__ */ jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyStakeBoosterWidget, {}) }) : null;
+};
+var HomePage = (props) => {
+  return /* @__PURE__ */ jsx(
+    TradingRewardsProvider,
+    {
+      titleConfig: props.titleConfig,
+      showEpochPauseCountdown: props.showEpochPauseCountdown,
+      children: /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          id: "oui-tradingRewards-home-page",
+          className: cn("oui-h-lvw oui-w-full", props.className),
+          direction: "column",
+          gap: 4,
+          children: [
+            /* @__PURE__ */ jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyTitleWidget, {}) }),
+            /* @__PURE__ */ jsxs(Flex, { className: "oui-flex oui-size-full oui-flex-col oui-gap-4 2xl:oui-flex-row 2xl:oui-items-stretch", children: [
+              /* @__PURE__ */ jsx(Box, { className: "oui-w-full 2xl:oui-size-auto 2xl:oui-flex-1", children: /* @__PURE__ */ jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyCurEpochWidget, {}) }) }),
+              /* @__PURE__ */ jsxs(Flex, { className: "oui-flex oui-w-full oui-flex-col oui-gap-4 lg:oui-flex-row 2xl:oui-flex-1 2xl:oui-flex-col", children: [
+                /* @__PURE__ */ jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyAvailableToClaimWidget, {}) }),
+                /* @__PURE__ */ jsx(StakeBooster2, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(React3.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyRewardsHistoryWidget, {}) })
+          ]
+        }
+      )
+    }
+  );
+};
+var TradingRewardsLeftSidebarPath = /* @__PURE__ */ ((TradingRewardsLeftSidebarPath2) => {
+  TradingRewardsLeftSidebarPath2["Trading"] = "/rewards/trading";
+  TradingRewardsLeftSidebarPath2["Affiliate"] = "/rewards/affiliate";
+  return TradingRewardsLeftSidebarPath2;
+})(TradingRewardsLeftSidebarPath || {});
+var useTradingRewardsLayoutScript = (props) => {
+  const { t } = useTranslation();
+  const [current, setCurrent] = useState(props.current || "/rewards/affiliate");
+  useEffect(() => {
+    if (props.current)
+      setCurrent(props.current);
+  }, [props.current]);
+  const items = useMemo(() => {
+    return [
+      {
+        name: t("common.trading"),
+        href: "/rewards/trading" /* Trading */,
+        icon: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 18 18",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M4.883 1.5c-.166.01-.393.076-.515.173a2 2 0 0 0-.18.173L.918 6.553a.86.86 0 0 0-.168.475c0 .339.232.543.232.543l7.374 8.633c.005.006.269.301.644.296s.64-.29.644-.296l7.402-8.663s.204-.269.204-.513-.196-.517-.196-.517L13.82 1.848c-.023-.032-.076-.021-.103-.049-.033-.038-.037-.091-.077-.124-.123-.097-.267-.106-.413-.123-.04-.005-.063-.049-.103-.049h-.078zm1.745 1.582h4.744L9 5.795zm-1.675.542 2.294 2.615H3.122zm8.094 0 1.831 2.615h-4.125zM3.328 7.818h4.847v5.672zm6.497 0h4.847c-1.151 1.345-3.422 4.007-4.847 5.672z",
+                  className: "oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"
+                }
+              ),
+              /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+                "linearGradient",
+                {
+                  id: "a",
+                  x1: "17.25",
+                  y1: "9",
+                  x2: ".75",
+                  y2: "9",
+                  gradientUnits: "userSpaceOnUse",
+                  children: [
+                    /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+                    /* @__PURE__ */ jsx(
+                      "stop",
+                      {
+                        offset: "1",
+                        stopColor: "rgb(var(--oui-gradient-brand-start))"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      },
+      {
+        name: t("common.affiliate"),
+        href: "/rewards/affiliate" /* Affiliate */,
+        icon: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 18 18",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M5.625 4.95c0-.746.604-1.35 1.35-1.35h4.05c.746 0 1.35.604 1.35 1.35v4.62L9 12.195 5.625 9.57zm8.624 3.163-.524.407v-.96l.074.05c.193.128.346.302.45.502m-4.42 5.148L14.4 9.705v3.345a1.35 1.35 0 0 1-1.35 1.35h-8.1a1.35 1.35 0 0 1-1.35-1.35V9.705l4.571 3.556c.488.379 1.17.379 1.658 0M4.275 8.52l-.524-.407c.104-.2.257-.374.45-.503l.074-.049zm0-2.581V4.95a2.7 2.7 0 0 1 2.7-2.7h4.05a2.7 2.7 0 0 1 2.7 2.7v.989l.823.548a2.7 2.7 0 0 1 1.202 2.247v4.316a2.7 2.7 0 0 1-2.7 2.7h-8.1a2.7 2.7 0 0 1-2.7-2.7V8.734a2.7 2.7 0 0 1 1.202-2.247zM9 6.089l.111-.118.005-.005a1.08 1.08 0 0 1 1.58.004 1.223 1.223 0 0 1 0 1.668l-1.515 1.62-.004.004c-.1.102-.26.1-.358-.004l-1.516-1.62a1.223 1.223 0 0 1 0-1.668l.004-.004a1.08 1.08 0 0 1 1.58.004z",
+                className: "oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"
+              }
+            )
+          }
+        )
+      }
+    ];
+  }, [t]);
+  const hideSideBar = useMediaQuery("(max-width: 768px)");
+  return {
+    items,
+    current,
+    hideSideBar,
+    // open: sideOpen,
+    // onOpenChange(open) {
+    //   setSideOpen(open);
+    // },
+    onItemSelect: (item) => {
+      setCurrent(item.href);
+    }
+  };
+};
+var TradingRewardsLayout = (props) => {
+  const { children, classNames, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Scaffold,
+    {
+      leftSidebar: null,
+      routerAdapter: props.routerAdapter,
+      classNames: {
+        ...classNames,
+        content: classNames?.content,
+        topNavbar: cn("oui-bg-base-9", classNames?.topNavbar),
+        leftSidebar: cn(
+          "oui-rounded-xl oui-bg-base-9",
+          "oui-m-3 oui-p-4",
+          "oui-border oui-border-line",
+          classNames?.leftSidebar
+        )
+      },
+      ...omit(["leftSideProps"], rest),
+      children
+    }
+  );
+};
+var TradingRewardsLayoutWidget = (props) => {
+  const state = useTradingRewardsLayoutScript({
+    current: props.leftSideProps?.current
+  });
+  return /* @__PURE__ */ jsx(TradingRewardsLayout, { ...state, ...props, children: props.children });
+};
+
+export { index_exports as TradingRewards, TradingRewardsLayout, TradingRewardsLayoutWidget, TradingRewardsLeftSidebarPath, useTradingRewardsLayoutScript };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map