@orderly.network/affiliate 2.0.6 → 2.0.7

package/dist/index.d.mts

@@ -84,6 +84,7 @@ type ReferralContextReturns = {
     tab: TabTypes;
     setTab: React.Dispatch<React.SetStateAction<TabTypes>>;
     wrongNetwork: boolean;
+    disabledConnect: boolean;
 } & ReferralContextProps;
 declare const ReferralContext: react.Context<ReferralContextReturns>;
 type BuildNode = (state: ReferralContextReturns) => ReactNode;

package/dist/index.d.ts

@@ -84,6 +84,7 @@ type ReferralContextReturns = {
     tab: TabTypes;
     setTab: React.Dispatch<React.SetStateAction<TabTypes>>;
     wrongNetwork: boolean;
+    disabledConnect: boolean;
 } & ReferralContextProps;
 declare const ReferralContext: react.Context<ReferralContextReturns>;
 type BuildNode = (state: ReferralContextReturns) => ReactNode;

package/dist/index.js

@@ -13,13 +13,13 @@ var chart = require('@orderly.network/chart');
 var uiConnector = require('@orderly.network/ui-connector');
 var uiScaffold = require('@orderly.network/ui-scaffold');
 
-var Xi=Object.defineProperty;var Ji=(e,t)=>{for(var i in t)Xi(e,i,{get:t[i],enumerable:true});};var Wi={};Ji(Wi,{AffiliatePage:()=>Se,DashboardPage:()=>Ei,HomePage:()=>be,TraderPage:()=>Ae});var ot=e=>{let{size:t=16,className:i,...r}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#fff",fillOpacity:".98",xmlns:"http://www.w3.org/2000/svg",className:e.className,...r,children:[jsxRuntime.jsx("path",{d:"M8 1.302c-3.683 0-6.655 2.985-6.667 6.667-.013 3.676 2.987 6.68 6.666 6.687s6.674-3.037 6.667-6.687c-.007-3.682-2.985-6.667-6.667-6.667m0 1.333a5.333 5.333 0 0 1 5.333 5.334c0 1.5-.625 2.852-1.622 3.821-.49-1.062-1.545-1.821-2.753-1.821H7.04c-1.207 0-2.259.75-2.75 1.812A5.3 5.3 0 0 1 2.666 7.97a5.333 5.333 0 0 1 5.333-5.334M8 3.97a2.667 2.667 0 1 0 0 5.333A2.667 2.667 0 0 0 8 3.97"}),jsxRuntime.jsx("path",{d:"M16 12.667a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0",fill:"#1828C3"}),jsxRuntime.jsx("path",{d:"M11.917 11.433a.917.917 0 0 0-.917.917c0 .53.302 1.031.802 1.49a4.6 4.6 0 0 0 .713.53l.068.043c.05.027.117.027.167 0l.068-.042q.08-.05.177-.115c.182-.123.366-.26.536-.416.5-.459.802-.96.802-1.49a.917.917 0 0 0-.917-.917.97.97 0 0 0-.744.386.95.95 0 0 0-.756-.386"})]})};var nt=e=>{let{size:t=16,className:i,...r}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"white",fillOpacity:"0.36",xmlns:"http://www.w3.org/2000/svg",className:e.className,...r,children:[jsxRuntime.jsx("path",{d:"M7.99929 1.30212C4.31735 1.30212 1.34509 4.28679 1.33262 7.96878C1.32015 11.6454 4.32042 14.6488 7.99929 14.6561C11.6782 14.6634 14.6726 11.6194 14.666 7.96878C14.6593 4.28679 11.6812 1.30212 7.99929 1.30212ZM7.99929 2.63546C10.9448 2.63546 13.3326 5.02345 13.3326 7.96878C13.3326 9.46878 12.7078 10.8208 11.7112 11.7901C11.2202 10.7281 10.1656 9.96878 8.95762 9.96878C8.71802 9.96878 7.28042 9.96878 7.04095 9.96878C5.83369 9.96878 4.78215 10.7188 4.29095 11.7814C3.29429 10.8121 2.66595 9.46878 2.66595 7.96878C2.66595 5.02345 5.05375 2.63546 7.99929 2.63546ZM7.99929 3.96879C6.52649 3.96879 5.33255 5.16279 5.33262 6.63545C5.33262 8.10812 6.52649 9.30212 7.99929 9.30212C9.47202 9.30212 10.666 8.10812 10.666 6.63545C10.666 5.16279 9.47202 3.96879 7.99929 3.96879Z"}),jsxRuntime.jsx("path",{d:"M16 12.6667C16 14.5076 14.5076 16 12.6666 16C10.8257 16 9.33331 14.5076 9.33331 12.6667C9.33331 10.8257 10.8257 9.33333 12.6666 9.33333C14.5076 9.33333 16 10.8257 16 12.6667Z",fill:"#005A4F"}),jsxRuntime.jsx("path",{d:"M14.3325 13.3345C14.3325 13.2918 14.3182 13.2473 14.2857 13.2147L13.6658 12.6002L13.4315 12.8345L13.7595 13.1678H11.3325C11.2405 13.1678 11.1658 13.2425 11.1658 13.3345C11.1658 13.4265 11.2405 13.5012 11.3325 13.5012H13.7595L13.4315 13.8345L13.6658 14.0688L14.2857 13.4543C14.3182 13.4217 14.3325 13.3772 14.3325 13.3345ZM14.1658 12.0012C14.1658 11.9092 14.0912 11.8345 13.9992 11.8345H11.572L11.9002 11.5012L11.6658 11.2668L11.046 11.8813C10.981 11.9465 10.981 12.0558 11.046 12.121L11.6658 12.7355L11.9002 12.5012L11.572 12.1678H13.9992C14.0912 12.1678 14.1658 12.0932 14.1658 12.0012Z",fill:"white",fillOpacity:"0.98"})]})};var J=e=>jsxRuntime.jsxs("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10.5 20c5.542 0 10-4.458 10-10s-4.458-10-10-10S.5 4.458.5 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13.5 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996c1.344-.207 2.239-1.079 2.239-2.199",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M8.24 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .4-.173.043-.043.043-.087.043-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff",fillOpacity:".98"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M.5 0h20v20H.5z"})})})]});var st=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-summary",r:"2xl",p:6,width:"100%",height:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(to,{...e}),jsxRuntime.jsx(ro,{...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,children:[jsxRuntime.jsx(lt,{title:"Referral vol. (USDC)",value:e.referralVol,dp:2,...e}),jsxRuntime.jsx(lt,{title:"Referees",value:e.referees,dp:0,...e}),jsxRuntime.jsx(lt,{title:"Referees that traded",value:e.refereesTades,dp:0,...e})]})]}),to=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Summary"}),jsxRuntime.jsx("div",{className:"oui-min-w-14",children:jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes})})]}),ro=e=>jsxRuntime.jsxs(ui$1.Flex,{gradient:"primary",angle:180,r:"xl",py:4,px:6,width:"100%",direction:"column",gap:3,height:"100%",className:"oui-max-h-[104px]",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-base 2xl:oui-text-lg",children:"Commission (USDC)"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-text-xl md:oui-text-2xl xl:oui-text-3xl",children:[jsxRuntime.jsx(J,{className:"md:oui-w-[24px] md:oui-h-[24px] lg:oui-w-[28px] lg:oui-h-[28px] "}),jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(e.commission,{fix:2,fallback:"0"})})]})]}),lt=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-xs md:oui-text-sm xl:oui-text-base",children:utils.commifyOptional(e.value,{fix:e.dp,fallback:"0"})})]});var Rr={"refferal.title":"Earn more as a {name} affiliate","refferal.subtitle":"Grow your brand | Get 40% commission | Unlock exclusive perks","refferal.linkUrl":"Learn how it works","referral.not.ref.card.title":"As an affiliate","referral.not.ref.card.subtitle":"Onboard traders to earn passive income","referral.not.ref.card.btn":"Become an affiliate","referral.not.ref.card.hint.title":"40%~60%","referral.not.ref.card.hint.subtitle":"Commission","referral.ref.card.title":"Affiliate","referral.ref.card.comission":"Commission (USDC)","referral.ref.card.enter":"Enter","referral.not.trader.card.title":"As a trader","referral.not.trader.card.subtitle":"Get fee rebates on every trade","referral.not.trader.card.btn":"Enter code","referral.not.trader.card.hint.title":"0%~20%","referral.not.trader.card.hint.subtitle":"Rebate","referral.trader.card.title":"Trader","referral.trader.card.rebate":"Rebate (USDC)","referral.trader.card.enter":"Enter","referral.step.title":"Becoming an affiliate is easy","referral.step.apply.title":"Apply","referral.step.apply.subtitle":"Fill out the application form","referral.step.share.title":"Share","referral.step.share.subtitle":"Unlock your affiliate link and share it with your community","referral.step.earn.title":"Earn","referral.step.earn.subtitle":"Get paid and receive special treatment 24/7, 365"};var Ce=(i=>(i.affiliate="affiliate",i.trader="trader",i))(Ce||{}),Dr=react.createContext({}),Ol=e=>{let{onBecomeAnAffiliate:t,becomeAnAffiliateUrl:i="https://orderly.network/",bindReferralCodeState:r,onLearnAffiliate:o,learnAffiliateUrl:a="https://orderly.network/",referralLinkUrl:n="https://orderly.network/",showReferralPage:l,chartConfig:m,intl:c={messages:Rr,locale:"en",defaultLocale:"en"},overwrite:s,splashPage:u}=e,{state:f}=hooks.useAccount(),{data:x,mutate:d,isLoading:b}=hooks.usePrivateQuery("/v1/referral/info",{revalidateOnFocus:true}),[A,k]=react.useState(b);react.useEffect(()=>{k(true);},[b]);let{data:W,mutate:Fe}=hooks.useDaily({startDate:dateFns.subDays(new Date,1),endDate:dateFns.subDays(new Date,90)}),{data:N,mutate:M}=hooks.usePrivateQuery("/v1/volume/user/stats",{revalidateOnFocus:true}),P=react.useMemo(()=>(x?.referrer_info?.referral_codes?.length||0)>0,[x?.referrer_info]),X=react.useMemo(()=>(x?.referee_info.referer_code?.length||0)>0,[x?.referee_info]),oe=react.useMemo(()=>{let O={};if(W&&W.length>0){let _e=dateFns.format(new Date,"yyyy-MM-dd"),wr=W.findIndex(qi=>qi.date===_e),yr=0;wr!==-1&&(yr=W[wr].perp_volume),O["1d_volume"]=yr;}return N&&(O["7d_volume"]=N.perp_volume_last_7_days,O["30d_volume"]=N.perp_volume_last_30_days,O.all_volume=N.perp_volume_ltd),O},[W,N]);react.useEffect(()=>{(P||X)&&k(false);},[P,X]);let hr=()=>{M(),Fe(),d();};react.useEffect(()=>{let _e=new URLSearchParams(window.location.search).get("ref");_e&&localStorage.setItem("referral_code",_e);},[]);let{messages:Hi,locale:$i,defaultLocale:Gi}=c,[Zi,Qi]=react.useState("affiliate"),{wrongNetwork:Yi}=reactApp.useAppContext(),br=react.useRef(types.AccountStatusEnum.NotConnected);return react.useEffect(()=>{let O;return br.current!==f.status&&(br.current=f.status,O=setTimeout(()=>{hr();},1e3)),()=>{O&&clearTimeout(O);}},[f.status]),jsxRuntime.jsx(reactIntl.IntlProvider,{messages:Hi,locale:$i,defaultLocale:Gi,children:jsxRuntime.jsx(Dr.Provider,{value:{showHome:A,setShowHome:k,referralInfo:x,isAffiliate:P,isTrader:X,mutate:hr,onBecomeAnAffiliate:t,becomeAnAffiliateUrl:i,bindReferralCodeState:r,onLearnAffiliate:o,learnAffiliateUrl:a,referralLinkUrl:n,userVolume:oe,dailyVolume:W,showReferralPage:l,chartConfig:m,overwrite:s,splashPage:u,isLoading:b,tab:Zi,setTab:Qi,wrongNetwork:Yi},children:e.children})})};function w(){return react.useContext(Dr)}var ft=()=>{let[e,t]=react.useState("All"),i=[{label:"All",value:"All"},{label:"1D",value:"1D"},{label:"7D",value:"7D"},{label:"30D",value:"30D"}],{referralInfo:r}=w(),o=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_referrer_rebate;case "1D":return r.referrer_info["1d_referrer_rebate"];case "7D":return r.referrer_info["7d_referrer_rebate"];case "30D":return r.referrer_info["30d_referrer_rebate"]}},[r,e]),a=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_referee_volume;case "1D":return r.referrer_info["1d_referee_volume"];case "7D":return r.referrer_info["7d_referee_volume"];case "30D":return r.referrer_info["30d_referee_volume"]}},[r,,e]),n=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_invites;case "1D":return r.referrer_info["1d_invites"];case "7D":return r.referrer_info["7d_invites"];case "30D":return r.referrer_info["30d_invites"]}},[r,,e]),l=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_traded;case "1D":return r.referrer_info["1d_traded"];case "7D":return r.referrer_info["7d_traded"];case "30D":return r.referrer_info["30d_traded"]}},[r,,e]);return {period:e,periodTypes:i,onPeriodChange:c=>{t(c);},commission:o,referralVol:a,referees:n,refereesTades:l}};var Le=()=>{let e=ft();return jsxRuntime.jsx(st,{...e})};var _r=e=>{let{text:t,visibleCount:i}=e,r=react.useRef(null),o=react.useRef(null),a=react.useRef(void 0);function n(s,u){let x=document.createElement("canvas").getContext("2d"),d=s;if(x&&d){let b=getComputedStyle(d).font;return b.length===0&&(b=[getComputedStyle(d).fontWeight,getComputedStyle(d).fontSize,getComputedStyle(d).fontFamily].join(" ")),x.font=b,x.letterSpacing=getComputedStyle(d).letterSpacing,x.measureText(u).width}}let[l,m]=react.useState(0);react.useEffect(()=>{let s=()=>{if(e.visibleCount===void 0&&r.current&&o.current){let u=r.current.clientWidth;if(u==a.current)return;a.current=u;let f=o.current,x=t,d=Math.ceil(n(f,"...")||0),b=u-d,A=0;for(;A<t.length&&!((n(f,bo(t,A++))||b)<=b););m(x.length-A);}};return a.current=void 0,s(),window.addEventListener("resize",s),()=>{a.current=void 0,window.removeEventListener("resize",s);}},[t,o]);let c=react.useMemo(()=>{if(l+1>=t.length)return t;let s=i||l,u=t.slice(0,Math.ceil(s/2)),f=t.slice(t.length-Math.floor(s/2),t.length);return `${u}...${f}`},[t,i,l]);return jsxRuntime.jsxs("div",{ref:r,className:ui$1.cn("oui-relative oui-w-full oui-text-end",e.className),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-right-0 oui-left-0"),children:jsxRuntime.jsx("span",{ref:o,children:t})}),jsxRuntime.jsx("span",{children:c})]})},bo=(e,t)=>{let i=Math.floor(e.length/2-(t>0?t/2:1)),r=e.slice(0,i),o=e.slice(i+t);return r+o};var ct=e=>{let{texts:t,className:i}=e;return jsxRuntime.jsx("div",{className:i,children:jsxRuntime.jsx("h1",{children:t.map((r,o)=>r.gradient?jsxRuntime.jsx(ui$1.Text.gradient,{color:r.gradientColor,children:r.text},o):jsxRuntime.jsx("span",{children:r.text},o))})})};var xt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-referralLink",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(So,{...e}),jsxRuntime.jsxs(ui$1.Flex,{width:"100%",className:"oui-flex oui-flex-col 3xl:oui-flex-row",gap:4,children:[jsxRuntime.jsx("div",{className:"oui-w-full 3xl:oui-w-1/3",children:jsxRuntime.jsx(No,{...e})}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",className:"3xl:oui-w-2/3 3xl:oui-gap-2",children:[jsxRuntime.jsx(Pr,{title:"Referral code",value:e.refCode,...e}),jsxRuntime.jsx(Pr,{title:"Referral link",value:e.refLink,...e})]})]})]}),So=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Referral link"})}),No=e=>{let t=(i,r,o,a,n)=>{let l="oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl";return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:a,children:[jsxRuntime.jsx(ui$1.Flex,{direction:"row",gap:2,children:jsxRuntime.jsx(Ao,{title:i,tooltip:n})}),o?jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",className:l,children:r}):jsxRuntime.jsx(ui$1.Text,{className:l,children:r})]})};return jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[t("Earn",e.earn||"-",true,"oui-flex-1",jsxRuntime.jsx(ct,{texts:[{text:e.earn||"-",gradient:true,gradientColor:"brand"},{text:` ${e.brokerName} net fee that deduct Orderly fee.`}]})),t("Share",e.share||"-",false,"oui-flex-1",jsxRuntime.jsx(ct,{texts:[{text:"Your referees get "},{text:e.share||"-",gradient:true,gradientColor:"brand"},{text:` of their ${e.brokerName} net fee`}]}))]})},Pr=e=>{let{title:t,value:i="-"}=e;return jsxRuntime.jsxs(ui$1.Flex,{r:"xl",p:3,gap:4,direction:"row",width:"100%",className:"oui-bg-base-8",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-54 oui-flex-shrink oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:t}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"end",gap:2,className:"oui-flex-1 oui-text-xs md:oui-text-sm xl:oui-text-base",children:[jsxRuntime.jsx(_r,{text:i}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer oui-text-sm oui-flex-shrink",onClick:()=>{navigator.clipboard.writeText(i),e.onCopy?.(i);},children:jsxRuntime.jsx(ui$1.CopyIcon,{size:12,color:"white",className:"oui-w-[13px] oui-h-[13px] md:oui-w-[14px] md:oui-h-[14px] xl:oui-w-4 xl:oui-h-4"})})]})]})},Ao=e=>jsxRuntime.jsx(ui$1.Tooltip,{content:e.tooltip,className:"oui-max-w-[200px]",children:jsxRuntime.jsx("div",{onClick:()=>{ui$1.modal.alert({title:e.title,message:jsxRuntime.jsx("div",{className:"oui-text-base-contrast/30 oui-space-y-3 oui-text-xs desktop:oui-text-xs",children:e.tooltip})});},children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full",lineStyle:"dotted",intensity:16})]})})});function Me(e,t,i){let r=new URL(e),o=new URLSearchParams(r.search);return o.set(t,i),r.search=o.toString(),r.toString()}async function pt(e){try{await navigator.clipboard.writeText(e),ui$1.toast.success("Copy success");}catch{ui$1.toast.success("Copy failed");}}function Mr(e){if(e===void 0)return "";let t=dateFns.toDate(e),i=Wr(t);return dateFns.format(i,"yyyy-MM-dd HH:mm:ss 'UTC'")}function Br(e){if(e===void 0)return;let t=dateFns.toDate(e),i=Wr(t);return dateFns.format(i,"yyyy-MM-dd")}function Er(e,t){return e&&t&&e.toISOString().substring(0,10)===t.toISOString().substring(0,10)}function Wr(e){return new Date(e.toUTCString())}var gt=()=>{let e=f=>{ui$1.toast.success("Copy success");},{referralInfo:t,referralLinkUrl:i,overwrite:r}=w(),[o,a]=hooks.useLocalStorage("orderly_referral_codes",[]),n=react.useMemo(()=>{if(!t?.referrer_info.referral_codes)return [];let f=[...t?.referrer_info.referral_codes],x=[];for(let d=0;d<o.length;d++){let b=o[d],A=f.findIndex(k=>k.code===b);A!==-1&&(x.push({...f[A]}),f.splice(A,1));}return [...x,...f]},[t?.referrer_info.referral_codes,o]),l=react.useMemo(()=>{if(n.length!==0)return n[0]},[n]),m=react.useMemo(()=>l?.code,[l]),c=react.useMemo(()=>l?Me(i,"ref",l.code):"",[l]),s=react.useMemo(()=>`${new utils.Decimal(l?.referrer_rebate_rate||"0").mul(100).toDecimalPlaces(0,utils.Decimal.ROUND_DOWN).toString()}%`,[l?.referrer_rebate_rate]),u=react.useMemo(()=>`${new utils.Decimal(l?.referee_rebate_rate||"0").mul(100).toDecimalPlaces(0,utils.Decimal.ROUND_DOWN).toString()}%`,[l?.referee_rebate_rate]);return {onCopy:e,refLink:c,refCode:m,share:u,earn:s,brokerName:r?.brokerName??r?.shortBrokerName}};var Ee=()=>{let e=gt();return jsxRuntime.jsx(xt,{...e})};var bt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-titleStatistic",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(ko,{...e}),jsxRuntime.jsx(ui$1.Flex,{className:"oui-h-[170px] 2xl:oui-h-[196px] oui-w-full oui-flex oui-flex-row oui-items-stretch",children:jsxRuntime.jsx(chart.VolBarChart,{data:e.dataSource||[],colors:{fill:"rgba(0, 180, 158, 1)"},className:"oui-w-full oui-flex-1",tooltip:{rm:utils.Decimal.ROUND_DOWN,dp:e.volType==="Commission"?6:2}})})]}),ko=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Statistics"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:2,className:"oui-min-w-14",children:[jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes}),jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.volType,onValueChange:e.onVolTypeChange,options:e.volTypes})]})]});function Oe(e,t){let i=Date(),r=new Array(e).fill(0).map((a,n)=>({date:dateFns.format(dateFns.subDays(i,n+1),"yyyy-MM-dd"),volume:0,opacity:0})).reverse(),o=t?.reduce((a,n)=>(a[n.date]=n,a),{});for(let a=0;a<r.length;a++){let n=r[a],l=o?.[n.date];l&&(r[a]={...l,opacity:l.volume>0?1:0});}return r}var wt=()=>{let[e,t]=react.useState("7"),i=[{label:"7D",value:"7"},{label:"30D",value:"30"},{label:"90D",value:"90"}],r=u=>{t(u);},[o,a]=react.useState("Commission"),n=[{label:"Commission",value:"Commission"},{label:"Referral vol.",value:"ref"}],l=u=>{a(u);},m=react.useMemo(()=>e==="7"?{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)}:e==="30"?{startDate:dateFns.subDays(new Date,30),endDate:dateFns.subDays(new Date,1)}:e==="90"?{startDate:dateFns.subDays(new Date,90),endDate:dateFns.subDays(new Date,1)}:{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)},[e]),[c]=hooks.useReferralRebateSummary({startDate:dateFns.format(m.startDate,"yyyy-MM-dd"),endDate:dateFns.format(m.endDate,"yyyy-MM-dd"),size:Number(e)}),s=react.useMemo(()=>(c?.map(u=>({date:u.date,volume:o==="Commission"?u.referral_rebate:u.volume}))||[]).reverse(),[c,o]);return {period:e,periodTypes:i,onPeriodChange:r,volType:o,volTypes:n,onVolTypeChange:l,dataSource:Oe(Number(e),s)}};var Ue=()=>{let e=wt();return jsxRuntime.jsx(bt,{...e})};var yt=e=>jsxRuntime.jsx("button",{onClick:t=>{e?.onClick?.(!e.pinned);},children:e.pinned===false?jsxRuntime.jsx(Uo,{size:e.size,fillOpacity:1,className:"orderly-fill-primary-darken hover:orderly-fill-primary-darken/80"}):jsxRuntime.jsx(Oo,{size:e.size,fillOpacity:1,className:"orderly-fill-base-contrast-36 hover:orderly-fill-base-contrast"})}),Oo=e=>{let{size:t=16}=e;return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#608CFF",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208"})})},Uo=e=>{let{size:t=16}=e;return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#fff",fillOpacity:".36",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208m.258 1.37c.708.131 1.421.6 1.93 1.108.507.507.94 1.13 1.119 1.944-.636.61-1.026.659-1.662.324a.67.67 0 0 0-.779.116c-1.214 1.213-1.533 2.314-1.533 3.8 0 1.293-.076 1.774-.48 2.207-.113.123-.27.104-.374 0L3.799 7.486a.24.24 0 0 1-.017-.34c.239-.29.769-.514 2.226-.514 1.742.001 2.668-.447 3.812-1.52a.67.67 0 0 0 .125-.77c-.343-.685-.29-1.046.321-1.67"})})};var vt=e=>{let{className:t,...i}=e;return jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",xmlns:"http://www.w3.org/2000/svg",fill:"white",fillOpacity:"0.36",className:t,...i,children:jsxRuntime.jsx("path",{d:"M11.9971 1.30206C11.8204 1.30206 11.6431 1.36473 11.5178 1.4894C11.1471 1.86007 9.81309 3.19408 9.51709 3.49075L3.51376 9.4941L2.84642 10.1608C2.75376 10.2541 2.70576 10.3861 2.67976 10.5154L2.01309 13.8508C1.91976 14.3174 2.3171 14.7147 2.78376 14.6221C3.2011 14.5381 5.70242 14.0381 6.11909 13.9548C6.24842 13.9288 6.38043 13.8808 6.47376 13.7881L7.14043 13.1208L13.1438 7.11742C13.4404 6.82142 14.7744 5.48673 15.1451 5.11673C15.2698 4.99139 15.3324 4.81406 15.3324 4.6374C15.3324 3.54606 15.0544 2.76606 14.4778 2.17739C13.8958 1.58339 13.1184 1.30206 11.9971 1.30206ZM12.2598 2.64805C12.8618 2.68339 13.2518 2.82142 13.5191 3.09475C13.7924 3.37342 13.9651 3.76008 14.0024 4.35008C13.6371 4.71475 13.1024 5.24139 12.6644 5.67939C12.1358 5.15072 11.4838 4.49875 10.9551 3.97008C11.3938 3.53208 11.8951 3.01272 12.2598 2.64805ZM9.99643 4.92874L11.7058 6.63809L6.66109 11.6827L4.95176 9.97343L9.99643 4.92874ZM3.99309 10.9321L5.70242 12.6414L5.63976 12.7041C5.19976 12.7921 4.3111 12.9781 3.49243 13.1421L3.93043 10.9947L3.99309 10.9321Z"})})};var Ct=e=>{let t=hooks.useMediaQuery("(max-width: 767px)");return jsxRuntime.jsxs(ui$1.Flex,{r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums oui-p-6 oui-h-full",children:[jsxRuntime.jsx(Zo,{...e}),jsxRuntime.jsxs("div",{className:"oui-w-full oui-flex oui-flex-col 2xl:oui-h-full",children:[jsxRuntime.jsx(ui$1.Divider,{}),t?jsxRuntime.jsx(Qo,{...e}):jsxRuntime.jsx(qo,{...e})]})]})},Zo=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Referral codes"}),jsxRuntime.jsxs("div",{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-54",children:"Remaining referral codes:\xA0"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-primary-light",children:e.codes?.length||"--"})]})]}),Qo=e=>jsxRuntime.jsx(ui$1.ListView,{dataSource:e.codes,className:"oui-max-h-[240px] oui-w-full",renderItem:(t,i)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(Yo,{data:t,editRate:e.editRate,copyLink:e.copyLink,copyCode:e.copyCode,setPinCode:e.setPinCode},i),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]})}),Te=e=>{let{title:t,copyable:i,value:r,align:o,className:a,editRate:n,onCopy:l}=e;return jsxRuntime.jsx(ui$1.Statistic,{id:"oui-affiliate-affiliate-referralCodes",className:ui$1.cn("oui-flex-1",a),label:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:t}),align:o,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(ui$1.Text.formatted,{copyable:i,onCopy:()=>{l?.();},className:"oui-text-base-contrast-80 oui-text-sm oui-mt-[6px]",children:r}),n&&jsxRuntime.jsx(vt,{className:" oui-fill-white/[.36] hover:oui-fill-white/80 oui-cursor-pointer oui-mt-[1px]",fillOpacity:1,fill:"currentColor",onClick:m=>n()})]})})},Yo=e=>{let{data:t,setPinCode:i,copyLink:r,copyCode:o,editRate:a}=e;return jsxRuntime.jsxs(ui$1.Flex,{gap:3,direction:"column",className:"oui-w-full",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",children:[jsxRuntime.jsx(Te,{title:"Referral code",value:t.code,copyable:true,onCopy:()=>{e.copyCode?.(t.code);}}),jsxRuntime.jsx(Te,{title:"You / Referee",value:Qr(t),align:"end",editRate:()=>{a(t);}}),jsxRuntime.jsx(Te,{title:"Referees / Traders",value:pe(t),align:"end",className:"oui-hidden md:oui-flex"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",className:"md:oui-hidden",children:[jsxRuntime.jsx(Te,{title:"Referees",value:pe(t).split("/")?.[0],align:"start"}),jsxRuntime.jsx(Te,{title:"Traders",value:pe(t).split("/")?.[1],align:"end"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",children:[jsxRuntime.jsx(yt,{pinned:t.isPined||false,onClick:n=>{i(t.code,!n);}}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"xs",className:"oui-px-[20px]",onClick:n=>{r(t.code);},children:"Copy link"})]})]},t.code)},qo=e=>{let t=hooks.useMediaQuery("(min-width: 1024px)"),i=react.useMemo(()=>{let r=[{title:"Referral Codes",dataIndex:"code",width:t?115:120,className:"!oui-px-0",render:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"center",gap:1,children:[jsxRuntime.jsx(yt,{size:14,pinned:a.isPined||false,onClick:n=>{e.setPinCode(a.code,!n);}}),jsxRuntime.jsx(ui$1.Text.formatted,{copyable:true,onCopy:()=>{e.copyCode?.(a.code);},children:o})]})},{title:"You / Referee",dataIndex:"dffd",width:120,className:"oui-pr-0",render:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"center",gap:1,children:[Qr(a),jsxRuntime.jsx(vt,{className:" oui-fill-white/[.36] hover:oui-fill-white/80 oui-cursor-pointer oui-mt-[1px]",fillOpacity:1,fill:"currentColor",onClick:n=>e.editRate?.(a)})]})}];return t?(r.push({title:"Referees",dataIndex:"referee_rebate_rate",width:65,className:"oui-pr-0",render:(o,a)=>pe(a).split("/")[0]}),r.push({title:"Traders",dataIndex:"referrer_rebate_rate",width:65,className:"oui-pr-0",render:(o,a)=>pe(a).split("/")[1]})):r.push({title:"Referees / Traders ",dataIndex:"total_invites/total_traded",width:120,fixed:"left",render:(o,a)=>pe(a)}),r.push({dataIndex:"link",align:"right",width:74,className:"!oui-px-0",render:(o,a)=>jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"sm",className:"oui-px-5",onClick:n=>{e?.copyLink?.(a.code);},children:"Copy link"})}),r},[t]);return jsxRuntime.jsx(ui$1.DataTable,{bordered:true,columns:i,dataSource:e.codes,classNames:{header:"oui-px-0",root:"2xl:oui-flex-1 2xl:oui-max-h-[230px] 3xl:oui-max-h-[300px]"},onRow:r=>({className:"oui-h-[45px]"})})},Qr=e=>{let t=new utils.Decimal(e.referee_rebate_rate).mul(100).toFixed(1,utils.Decimal.ROUND_DOWN).toString();return `${new utils.Decimal(e.referrer_rebate_rate).mul(100).toFixed(1,utils.Decimal.ROUND_DOWN).toString()}% / ${t}%`},pe=e=>`${e.total_invites} / ${e.total_traded}`;var jr=ui$1.modal.create(e=>{let{code:t,mutate:i}=e,{visible:r,hide:o,resolve:a,reject:n,onOpenChange:l}=ui$1.useModal(),m=new utils.Decimal(t.max_rebate_rate).mul(100),[c,s]=react.useState(`${new utils.Decimal(t.referee_rebate_rate).mul(100)}`),[u,f]=react.useState(`${new utils.Decimal(t.referrer_rebate_rate).mul(100)}`),[x,d]=react.useState(false),b=react.useRef(null);react.useEffect(()=>{b?.current&&(b.current.focus(),b.current.setSelectionRange(b.current.value.length,b.current.value.length));},[b]),react.useEffect(()=>{s(`${new utils.Decimal(t.referee_rebate_rate).mul(100)}`),f(`${new utils.Decimal(t.referrer_rebate_rate).mul(100)}`);},[t]);let[A,{error:k,isMutating:W}]=hooks.useMutation("/v1/referral/edit_split","POST"),Fe=async()=>{try{let N=Number.parseFloat(c),M=Number.parseFloat(u);await A({referral_code:t.code,referee_rebate_rate:N/100,referrer_rebate_rate:M/100}),ui$1.toast.success("Referral code edited"),i(),o();}catch(N){ui$1.toast.error(N?.message||N||"");}};return jsxRuntime.jsx(ui$1.Dialog,{open:r,onOpenChange:l,children:jsxRuntime.jsxs(ui$1.DialogContent,{className:"oui-px-6 oui-max-w-[320px] oui-bg-base-8 oui-shadow-[0px_12px_20px_0px_rgba(0,0,0,0.25)]",closable:true,children:[jsxRuntime.jsxs(ui$1.DialogTitle,{children:[jsxRuntime.jsx("div",{className:"oui-my-3",children:"Settings"}),jsxRuntime.jsx(ui$1.Divider,{})]}),jsxRuntime.jsxs("div",{className:"oui-mt-3 oui-h-full oui-flex oui-flex-col oui-justify-end",children:[jsxRuntime.jsx("div",{className:"oui-text-xs oui-text-base-contrast-54",children:"Set the ratio of referral rate shared with your referees"}),jsxRuntime.jsxs("div",{className:"oui-text-xs oui-text-base-contrast-80 oui-mt-2 oui-flex",children:["Your max commission rate: ",jsxRuntime.jsx("div",{className:"oui-text-warning-darken oui-pl-1",children:`${new utils.Decimal(t.max_rebate_rate).mul(100).toFixed(0,utils.Decimal.ROUND_DOWN)}%`})]}),jsxRuntime.jsx("div",{className:"oui-text-2xs oui-mt-6 oui-text-base-contrast-80",children:"You receive"}),jsxRuntime.jsx(ui$1.Input,{ref:b,containerClassName:"oui-h-[40px] oui-mt-3 oui-bg-base-700 oui-outline oui-outline-1 oui-outline-base-contrast-12 focus-within:oui-outline-primary-darken",placeholder:"Enter code",type:"text",inputMode:"decimal",autoComplete:"off",value:u,onChange:N=>{let M=hooks.cleanStringStyle(N.target.value),P=Number.parseFloat(M);f(M),Number.isNaN(P)?(s(""),f("")):(s(`${Kr(new utils.Decimal(0),m.sub(P))}`),d(m.sub(P)<new utils.Decimal(0)));},suffix:jsxRuntime.jsx("div",{className:"oui-px-3 oui-text-base-contrast-54 oui-text-base",children:"%"}),color:x?"danger":void 0}),jsxRuntime.jsx("div",{className:"oui-text-2xs oui-mt-6 oui-text-base-contrast-80",children:"Referee receives"}),jsxRuntime.jsx(ui$1.Input,{containerClassName:"oui-h-[40px] oui-mt-3 oui-bg-base-700 oui-outline oui-outline-1 oui-outline-base-contrast-12 focus-within:oui-outline-primary-darken",placeholder:"Enter code",type:"text",inputMode:"decimal",autoComplete:"off",autoFocus:false,value:c,onChange:N=>{let M=hooks.cleanStringStyle(N.target.value),P=Number.parseFloat(M);s(M),Number.isNaN(P)?(s(""),f("")):(f(`${Kr(new utils.Decimal(0),m.sub(P))}`),d(m.sub(P)<new utils.Decimal(0)));},suffix:jsxRuntime.jsx("div",{className:"oui-px-3 oui-text-base-contrast-54 oui-text-base",children:"%"}),color:x?"danger":void 0}),x&&jsxRuntime.jsx("div",{className:"oui-text-danger oui-text-xs oui-mt-8 oui-text-center oui-px-4",children:"The total commission rate must equal to your maximum commission rate limit"}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"center",children:jsxRuntime.jsx(ui$1.Button,{id:"referral_bind_referral_code_btn",disabled:c.length===0||u.length===0||x,loading:W,className:ui$1.cn("oui-mt-8 oui-mb-4 oui-w-[154px]",x&&"oui-mt-3"),onClick:N=>{N.stopPropagation(),Fe();},children:"Confirm"})})]})]})})});function Kr(e,t){return e>t?e:t}var Tt=()=>{let{referralInfo:e,referralLinkUrl:t,mutate:i}=w(),r=s=>{pt(Me(t,"ref",s));},o=s=>{pt(s);},a=s=>{ui$1.modal.show(jr,{code:{...s},mutate:i});},[n,l]=hooks.useLocalStorage("orderly_referral_codes",[]),m=(s,u)=>{if(u){let f=n.findIndex(x=>x===s);f!==-1&&n.splice(f,1);}else n.splice(0,0,s);n.length>6&&n.splice(n.length-1,1),l([...n]);},c=react.useMemo(()=>{if(!e?.referrer_info.referral_codes)return;let s=[...e?.referrer_info.referral_codes],u=[];for(let f=0;f<n.length;f++){let x=n[f],d=s.findIndex(b=>b.code===x);d!==-1&&(u.push({...s[d],isPined:true}),s.splice(d,1));}return [...u,...s]},[e?.referrer_info.referral_codes,n]);return {copyCode:o,copyLink:r,editRate:a,setPinCode:m,codes:c}};var He=()=>{let e=Tt();return jsxRuntime.jsx(Ct,{...e})};var St=e=>jsxRuntime.jsx(ui$1.Flex,{id:"oui-affiliate-affiliate-commissionAndReferees",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums",children:jsxRuntime.jsxs(ui$1.Tabs,{defaultValue:"account",className:"oui-w-full",variant:"contained",children:[jsxRuntime.jsx(ui$1.TabPanel,{value:"account",title:"Commission",children:jsxRuntime.jsx(ga,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{value:"password",title:"My referees",children:jsxRuntime.jsx(ha,{...e})})]})}),H=e=>{let{title:t,value:i,align:r,className:o,rule:a,formatString:n,prefix:l}=e;return jsxRuntime.jsx(ui$1.Statistic,{className:ui$1.cn("oui-flex-1",o),label:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:t}),align:r,children:jsxRuntime.jsx(ui$1.Text.formatted,{rule:a||"",formatString:n,prefix:l,className:"oui-text-base-contrast-80 oui-text-sm oui-mt-[6px]",children:i})})},ga=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=react.useMemo(()=>[{title:"Commission (USDC)",dataIndex:"referral_rebate",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:6,fallback:"0",padEnd:true,prefix:"$"})}),width:216},{title:"Referral vol. (USDC)",dataIndex:"volume",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:2,fallback:"0",padEnd:true,prefix:"$"})}),width:216},{title:"Referral active users",dataIndex:"daily_traded_referral",render:a=>jsxRuntime.jsx(ui$1.Text,{children:a}),width:216},{title:"Date",dataIndex:"date",render:a=>Br(a),width:216}],[]),r=react.useMemo(()=>t?jsxRuntime.jsx(ui$1.ListView,{className:"oui-w-full oui-max-h-[200px]",dataSource:e.commission.data,loadMore:e.commission.loadMore,isLoading:e.commission.isLoading,renderItem:(o,a)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[jsxRuntime.jsx(H,{title:"Commission",value:utils.commifyOptional(o.referral_rebate,{fix:6,fallback:"0",padEnd:true}),prefix:"$"}),jsxRuntime.jsx(H,{title:"Referral vol.",value:utils.commifyOptional(o.volume,{fix:2,fallback:"0",padEnd:true}),prefix:"$"}),jsxRuntime.jsx(H,{title:"Referral active users",value:o.daily_traded_referral}),jsxRuntime.jsx(H,{title:"Date",value:o.date,rule:"date",formatString:"yyyy-MM-dd",align:"end"})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]})}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:i,loading:e.commission.isLoading,ignoreLoadingCheck:true,dataSource:e.commission.data,pagination:e.commission.pagination,onRow:o=>({className:"oui-h-[41px]"})}),[t,e.commission]);return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ba,{value:e.commission.dateRange,setValue:e.commission.setDateRange}),r]})},ha=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=react.useMemo(()=>[{title:"Referee address ",dataIndex:"user_address",render:a=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"address",children:a}),className:"oui-w-1/5"},{title:"Referral code ",dataIndex:"referral_code",className:"oui-w-1/5"},{title:"Total commission (USDC) ",dataIndex:"referral_rebate",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:6,prefix:"$",padEnd:true})}),className:"oui-w-1/5"},{title:"Total vol. (USDC) ",dataIndex:"volume",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:2,prefix:"$",padEnd:true})}),className:"oui-w-1/5"},{title:"Invication time",dataIndex:"code_binding_time",render:a=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd",children:a}),className:"oui-w-1/5"}],[]),r=react.useMemo(()=>t?jsxRuntime.jsx(ui$1.ListView,{className:"oui-w-full oui-max-h-[200px]",dataSource:e.referees.data,loadMore:e.referees.loadMore,isLoading:e.referees.isLoading,renderItem:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,className:"oui-border-b-2 oui-border-line-6 oui-pb-3",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[jsxRuntime.jsx(H,{title:"Referral code ",value:o.referral_code}),jsxRuntime.jsx(H,{title:"Total commission",value:utils.commifyOptional(o.referral_rebate,{fix:6,prefix:"$",padEnd:true}),className:"oui-min-w-[102px]"}),jsxRuntime.jsx(H,{title:"Total vol.",value:utils.commifyOptional(o.volume,{fix:2,prefix:"$",padEnd:true}),align:"end"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",pt:3,gap:3,width:"100%",children:[jsxRuntime.jsx(H,{title:"Referee address ",value:o.user_address,rule:"address"}),jsxRuntime.jsx(H,{title:"Invitation Time ",value:o.code_binding_time,align:"end",rule:"date",formatString:"yyyy-MM-dd"})]})]},a)}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:e.referees.isLoading,ignoreLoadingCheck:true,columns:i,dataSource:e.referees.data,pagination:e.referees.pagination,onRow:o=>({className:"oui-h-[41px]"})}),[t,e.referees]);return jsxRuntime.jsx(ui$1.Flex,{direction:"column",width:"100%",justify:"start",itemAlign:"start",children:r})},ba=e=>jsxRuntime.jsx(ui$1.Flex,{width:"100%",height:49,className:"oui-border-b oui-border-line-6",children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.DatePicker.range,{size:"xs",value:e.value,onChange:t=>{e.setValue(t);},max:90,disabled:{after:new Date}})})});var Nt=()=>{let e=va(),t=Ca();return {commission:e,referees:t}},va=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),i=hooks.useMediaQuery("(max-width: 767px)"),{page:r,pageSize:o,setPage:a,parsePagination:n}=ui$1.usePagination(),[l,{refresh:m,isLoading:c,loadMore:s,meta:u}]=hooks.useReferralRebateSummary({startDate:e?.from!==void 0?dateFns.format(e.from,"yyyy-MM-dd"):void 0,endDate:e?.to!==void 0?dateFns.format(e.to,"yyyy-MM-dd"):void 0,size:o,page:i?void 0:r});react.useEffect(()=>{m();},[e]);let f=react.useMemo(()=>n(u),[n,u]);return react.useEffect(()=>{a(1);},[e]),{data:l||void 0,pagination:f,dateRange:e,setDateRange:t,isLoading:c,loadMore:s}},Ca=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),i=hooks.useMediaQuery("(max-width: 767px)"),{page:r,pageSize:o,setPage:a,parsePagination:n}=ui$1.usePagination(),[l,{refresh:m,isLoading:c,loadMore:s,meta:u}]=hooks.useRefereeInfo({startDate:e?.from!==void 0?dateFns.format(e.from,"yyyy-MM-dd"):void 0,endDate:e?.to!==void 0?dateFns.format(e.to,"yyyy-MM-dd"):void 0,size:o,page:i?void 0:r,sort:"descending_code_binding_time"});react.useEffect(()=>{m();},[e]);let f=react.useMemo(()=>n(u),[n,u]);return react.useEffect(()=>{a(1);},[e]),{data:l||void 0,pagination:f,dateRange:e,setDateRange:t,isLoading:c,loadMore:s}};var At=()=>{let e=Nt();return jsxRuntime.jsx(St,{...e})};var Se=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-page",className:ui$1.cn("oui-h-lvw","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsx(Na,{}),jsxRuntime.jsx(At,{})]}),Na=()=>hooks.useMediaQuery("(max-width: 1279px)")?jsxRuntime.jsx(Aa,{}):jsxRuntime.jsx(Da,{}),Aa=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col xl:oui-flex-row oui-gap-4 oui-w-full",children:[jsxRuntime.jsx(Le,{}),jsxRuntime.jsx(Ee,{})]}),jsxRuntime.jsx(Ue,{}),jsxRuntime.jsx(He,{})]}),Da=()=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"stretch",gap:4,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,className:"oui-flex-1 oui-w-1/2",children:[jsxRuntime.jsx("div",{className:"oui-flex-1 oui-h-full oui-w-full",children:jsxRuntime.jsx(Le,{})}),jsxRuntime.jsx(Ue,{})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,className:"oui-w-1/2",children:[jsxRuntime.jsx(Ee,{}),jsxRuntime.jsx("div",{className:"oui-flex-1",children:jsxRuntime.jsx(He,{})})]})]});var Dt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-summary",r:"2xl",p:6,width:"100%",height:"100%",gap:4,direction:"column",className:"oui-bg-base-9 xl:oui-flex-1",children:[jsxRuntime.jsx(Ia,{...e}),jsxRuntime.jsx(ui,{className:"md:oui-hidden",...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",className:"md:oui-mt-3",children:[jsxRuntime.jsx(La,{...e}),jsxRuntime.jsx(ka,{...e})]}),jsxRuntime.jsx(Ma,{title:"Trading vol. (USDC)",...e})]}),Ia=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",gap:3,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-flex-1",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Your referrer"}),jsxRuntime.jsx(ui$1.Button,{color:"secondary",size:"sm",className:"oui-text-primary-light oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-bg-base-6",children:e.code})]}),jsxRuntime.jsx(ui,{className:"oui-hidden md:oui-flex md:oui-flex-shrink md:oui-w-fit",...e})]}),ui=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",gap:2,className:e.className,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-sm md:oui-text-base 2xl:oui-text-lg",children:"Rebate:"}),jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",className:"oui-text-lg md:oui-text-xl 2xl:oui-text-2xl",children:e.rebateText})]}),La=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",justify:"between",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm",children:"Summary"}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes})})]}),ka=e=>jsxRuntime.jsxs(ui$1.Flex,{gradient:"success",angle:180,r:"xl",py:4,px:6,width:"100%",direction:"column",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-base 2xl:oui-text-lg",children:"Rebates (USDC)"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-text-xl md:oui-text-2xl xl:oui-text-3xl",children:[jsxRuntime.jsx(J,{className:"md:oui-w-[24px] md:oui-h-[24px] lg:oui-w-[28px] lg:oui-h-[28px] "}),jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(e.rebates,{fix:2,fallback:"0"})})]})]}),Ma=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-xs md:oui-text-sm xl:oui-text-base",children:utils.commifyOptional(e.vol,{fix:2,fallback:"0"})})]});var _t=()=>{let[e,t]=react.useState("All"),i=[{label:"All",value:"All"},{label:"1D",value:"1D"},{label:"7D",value:"7D"},{label:"30D",value:"30D"}],{referralInfo:r,userVolume:o}=w(),a=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referee_info.total_referee_rebate;case "1D":return r.referee_info["1d_referee_rebate"];case "7D":return r.referee_info["7d_referee_rebate"];case "30D":return r.referee_info["30d_referee_rebate"]}},[r,e]),n=react.useMemo(()=>{if(o)switch(e){case "All":return o.all_volume;case "1D":return o["1d_volume"];case "7D":return o["7d_volume"];case "30D":return o["30d_volume"]}},[o,e]),l=r?.referee_info.referer_code,m=r?.referee_info.referee_rebate_rate,c=react.useMemo(()=>m?new utils.Decimal(m).mul(100).toDecimalPlaces(2,utils.Decimal.ROUND_DOWN).toString()+"%":"-",[m]);return {period:e,periodTypes:i,onPeriodChange:u=>{t(u);},rebates:a,vol:n,rebateText:c,code:l}};var Pt=()=>{let e=_t();return jsxRuntime.jsx(Dt,{...e})};var Lt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-titleStatistic",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 xl:oui-flex-1",children:[jsxRuntime.jsx(Va,{...e}),jsxRuntime.jsx(ui$1.Flex,{className:"oui-min-h-[170px] oui-h-full oui-w-full oui-flex oui-flex-row oui-items-stretch",children:jsxRuntime.jsx(chart.VolBarChart,{data:e.dataSource,colors:{fill:"rgba(0, 180, 158, 1)"},className:"oui-w-full oui-flex-1",tooltip:{rm:utils.Decimal.ROUND_DOWN,dp:e.volType==="volume"?2:6}})})]}),Va=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Statistics"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:2,className:"oui-min-w-14",children:[jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes}),jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.volType,onValueChange:e.onVolTypeChange,options:e.volTypes})]})]});var kt=()=>{let[e,t]=react.useState("7"),i=[{label:"7D",value:"7"},{label:"30D",value:"30"},{label:"90D",value:"90"}],r=d=>{t(d);},[o,a]=react.useState("rebate"),n=[{label:"Rebate",value:"rebate"},{label:"Volume",value:"volume"}],l=d=>{a(d);},m=react.useMemo(()=>e==="7"?{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)}:e==="30"?{startDate:dateFns.subDays(new Date,30),endDate:dateFns.subDays(new Date,1)}:e==="90"?{startDate:dateFns.subDays(new Date,90),endDate:dateFns.subDays(new Date,1)}:{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)},[e]),{data:c,mutate:s}=hooks.useRefereeRebateSummary(m),{dailyVolume:u,chartConfig:f}=w(),x=react.useMemo(()=>o==="rebate"?(c||[]).map(b=>({date:b.date,volume:b.referee_rebate})).reverse():o==="volume"?u?.filter(d=>d.date>dateFns.format(dateFns.subDays(Date(),Number(e)+1),"yyyy-MM-dd")).map(d=>({date:d.date,volume:d.perp_volume}))||[]:[],[c,u,o]);return {period:e,periodTypes:i,onPeriodChange:r,volType:o,volTypes:n,onVolTypeChange:l,dataSource:Oe(Number(e),x)}};var Mt=()=>{let e=kt();return jsxRuntime.jsx(Lt,{...e})};var Et=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-rebates",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums",children:[jsxRuntime.jsx(Xa,{...e}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",className:"oui-border-y-2 oui-border-line-6",height:49,direction:"row",itemAlign:"center",children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.DatePicker.range,{size:"xs",value:e.dateRange,onChange:t=>{e.setDateRange(t);},max:90,disabled:{after:new Date}})})}),jsxRuntime.jsx(Ja,{...e})]}),Xa=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"My rebates"}),jsxRuntime.jsx(ui$1.Text,{intensity:36,className:"oui-text-2xs",children:e.displayDate})]}),Ja=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=[{title:"Rebates (USDC)",dataIndex:"referee_rebate",render:r=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(r,{fix:6,fallback:"0",padEnd:true,prefix:"$"})}),width:127},{title:"Trading vol. (USDC)",dataIndex:"vol",render:r=>utils.commifyOptional(r,{fix:2,fallback:"0",padEnd:true,prefix:"$"}),width:127},{title:"Date",dataIndex:"date",render:r=>jsxRuntime.jsx(ui$1.Text.formatted,{formatString:"yyyy-MM-dd",children:r}),width:127}];return t?jsxRuntime.jsx(ui$1.ListView,{dataSource:e.dataSource,className:"oui-h-[197px] oui-w-full",renderItem:(r,o)=>jsxRuntime.jsx(Ka,{item:r})}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:e.isLoading,columns:i,dataSource:e.dataSource,ignoreLoadingCheck:true,onRow:r=>({className:"oui-h-[41px]"}),pagination:e.pagination,manualPagination:false})},Ka=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Statistic,{label:"Rebates (USDC)",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-1 oui-min-w-[105px]",children:jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,children:utils.commifyOptional(e.item.referee_rebate,{fix:6,fallback:"0",padEnd:true,prefix:"$"})})}),jsxRuntime.jsx(ui$1.Statistic,{label:"Trading vol. (USDC)  ",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-shrink",children:jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,children:utils.commifyOptional(e.item.vol,{fix:2,fallback:"0",padEnd:true,prefix:"$"})})}),jsxRuntime.jsx(ui$1.Statistic,{label:"Date",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-1",align:"end",children:jsxRuntime.jsx(ui$1.Text.formatted,{size:"sm",intensity:80,formatString:"yyyy-MM-dd",children:e.item.date})})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]});var Wt=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),{data:i,mutate:r,isLoading:o}=hooks.useRefereeRebateSummary({startDate:e?.from,endDate:e?.to}),{data:a,mutate:n}=hooks.useDaily({startDate:e?.to,endDate:e?.from}),l=react.useMemo(()=>typeof i>"u"?[]:i.map(u=>{let f=u.date,x=a?.filter(d=>Er(dateFns.toDate(f),dateFns.toDate(d.date)))?.[0];return x?{...u,vol:x.perp_volume}:u}),[i,a]),m;(l?.length||0)>0&&(m=Mr(l?.[0].date));let{pagination:c,setPage:s}=ui$1.usePagination();return react.useEffect(()=>{s(1);},[e]),{dateRange:e,setDateRange:t,displayDate:m,dataSource:l,pagination:c,isLoading:o}};var Ot=()=>{let e=Wt();return jsxRuntime.jsx(Et,{...e})};var Ae=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-page",className:ui$1.cn("oui-h-lvw oui-w-full","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:4,className:"oui-flex oui-flex-col xl:oui-flex-row xl:oui-items-stretch",children:[jsxRuntime.jsx(Pt,{}),jsxRuntime.jsx(Mt,{})]}),jsxRuntime.jsx(Ot,{})]});var Ht=e=>typeof e.overwrite=="function"?e.overwrite?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-becomeAffiliate",direction:"column",gap:6,p:6,itemAlign:"center",r:"2xl",className:"oui-bg-base-9",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{children:"Becoming an affiliate is easy"}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-flex oui-flex-col lg:oui-flex-row oui-gap-3 lg:oui-items-stretch lg:oui-w-full",children:[jsxRuntime.jsx(Vt,{icon:jsxRuntime.jsx(sn,{}),title:"Apply",content:"Fill out the application form"}),jsxRuntime.jsx("div",{className:"oui-flex-shrink lg:-oui-rotate-90 lg:oui-flex lg:oui-flex-row lg:oui-items-center lg:oui-justify-center",children:jsxRuntime.jsx(wi,{})}),jsxRuntime.jsx(Vt,{icon:jsxRuntime.jsx(un,{}),title:"Share",content:"Unlock your affiliate link and share it with your community"}),jsxRuntime.jsx("div",{className:"oui-flex-shrink lg:-oui-rotate-90 lg:oui-flex lg:oui-flex-row lg:oui-items-center lg:oui-justify-center",children:jsxRuntime.jsx(wi,{})}),jsxRuntime.jsx(Vt,{icon:jsxRuntime.jsx(fn,{}),title:"Earn",content:"Get paid and receive special treatment 24/7, 365"})]})]}),Vt=e=>jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-flex oui-flex-row oui-gap-3","lg:oui-flex-col lg:oui-gap-[6px] lg:oui-flex-1"),width:"100%",children:[jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:e.icon}),jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-flex oui-flex-col oui-items-start oui-h-full oui-justify-between","lg:oui-items-center lg:oui-justify-start"),children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base 2xl:oui-text-lg lg:oui-text-center",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-36 lg:oui-text-center",children:e.content})]})]}),sn=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.941 5.4h-6.682a.6.6 0 0 0-.593.509l-.462 3a.6.6 0 0 0 .593.691h7.606a.6.6 0 0 0 .593-.691l-.462-3a.6.6 0 0 0-.593-.509m-6.682-1.8a2.4 2.4 0 0 0-2.372 2.035l-.462 3a2.4 2.4 0 0 0 2.372 2.765h7.606a2.4 2.4 0 0 0 2.372-2.765l-.462-3A2.4 2.4 0 0 0 24.941 3.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M32.721 28.2c.924-1.6 3.233-1.6 4.157 0l7.275 12.6c.924 1.6-.231 3.6-2.079 3.6H27.525c-1.848 0-3.002-2-2.078-3.6z",fill:"#335FFC"}),jsxRuntime.jsx("path",{d:"M33.492 38.12H31.56c-.252 0-.426-.276-.336-.535l1.92-5.53a.4.4 0 0 1 .132-.185.34.34 0 0 1 .204-.07h3.24c.255 0 .43.284.333.544l-1.118 3.011h2.104c.31 0 .475.4.27.656l-5.158 6.453c-.251.313-.716.041-.619-.362z",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.4 16.8v2.4h2.4v-2.4zM13.2 15a.6.6 0 0 0-.6.6v4.8a.6.6 0 0 0 .6.6H18a.6.6 0 0 0 .6-.6v-4.8a.6.6 0 0 0-.6-.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M20.4 16.2a.6.6 0 0 1 .6-.6h2.4a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H21a.6.6 0 0 1-.6-.6zm0 3a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6zm-7.8 5.4a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.739 6.6H10.2A2.4 2.4 0 0 0 7.8 9v30a2.4 2.4 0 0 0 2.4 2.4h13.84l1.014-1.8H10.2a.6.6 0 0 1-.6-.6V9a.6.6 0 0 1 .6-.6h5.262zm12 1.8H33a.6.6 0 0 1 .6.6v16.47a2.8 2.8 0 0 1 1.8-.205V9A2.4 2.4 0 0 0 33 6.6h-5.538z",fill:"#fff",fillOpacity:".36"})]}),un=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{d:"M24 33a9 9 0 1 1-18 0 9 9 0 0 1 18 0",fill:"#335FFC"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 32.4a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0 1.8a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2m-6.578 4.942A4.8 4.8 0 0 1 13.2 34.8h3.6a4.8 4.8 0 0 1 4.778 4.342 9 9 0 0 1-1.778 1.473V39.6a3 3 0 0 0-3-3h-3.6a3 3 0 0 0-3 3v1.015a9 9 0 0 1-1.778-1.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.2 12a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0m1.8 0c0 1.37-.459 2.632-1.231 3.642l2.308 2.308a7.76 7.76 0 0 1 4.023-1.7v-.764A3.602 3.602 0 0 1 24 8.4a3.6 3.6 0 0 1 .9 7.087v.764c1.48.17 2.833.754 3.942 1.633l2.326-2.326a6 6 0 1 1 1.273 1.273l-2.326 2.326a7.76 7.76 0 0 1 1.634 3.943h.764a3.602 3.602 0 0 1 7.087.9 3.6 3.6 0 0 1-7.087.9h-.764a7.76 7.76 0 0 1-1.699 4.023l2.308 2.308a6 6 0 1 1-1.25 1.295l-2.347-2.347a7.8 7.8 0 0 1-3.05 1.433 11 11 0 0 0-.377-1.76 6 6 0 1 0-7.185-7.185q-.855-.261-1.76-.379a7.8 7.8 0 0 1 1.432-3.049l-2.347-2.347A6 6 0 1 1 18 12m7.8 0a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0M36 25.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0-9.6a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4M40.2 36a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0",fill:"#fff",fillOpacity:".36"})]}),fn=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 24a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8m0 1.8a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M45 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0",fill:"#335FFC"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M35.1 6.6a.9.9 0 1 1 1.8 0v.437A3 3 0 0 1 39 9.9h-1.8a1.2 1.2 0 1 0-1.2 1.2 3 3 0 0 1 .9 5.863v.437a.9.9 0 0 1-1.8 0v-.437A3 3 0 0 1 33 14.1h1.8a1.2 1.2 0 1 0 1.2-1.2 3 3 0 0 1-.9-5.863z",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40.2 23.7a.9.9 0 0 1 1.8 0v.6q0 .045-.004.086c-.197 9.351-7.525 16.948-16.765 17.573l1.205 1.205a.9.9 0 1 1-1.272 1.272l-2.7-2.7a.9.9 0 0 1 0-1.272l2.7-2.7a.9.9 0 1 1 1.272 1.272l-1.11 1.11c8.325-.674 14.87-7.642 14.874-16.14zM21.564 4.836a.9.9 0 1 1 1.272-1.272l2.7 2.7a.9.9 0 0 1 0 1.272l-2.7 2.7a.9.9 0 1 1-1.272-1.272l1.11-1.11C14.347 8.528 7.8 15.5 7.8 24v.3a.9.9 0 1 1-1.8 0v-.6l.004-.086C6.201 14.263 13.53 6.666 22.77 6.042z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 11.4q.615 0 1.213.058a11 11 0 0 0 .061 1.816Q24.647 13.2 24 13.2c-5.965 0-10.8 4.835-10.8 10.8 0 2.898 1.142 5.53 3 7.47a4.8 4.8 0 0 1 4.8-4.79h6a4.8 4.8 0 0 1 4.8 4.789c1.858-1.94 3-4.572 3-7.47q0-.647-.074-1.274a11 11 0 0 0 1.816.06q.057.6.058 1.214c0 6.959-5.641 12.6-12.6 12.6S11.4 30.959 11.4 24 17.041 11.4 24 11.4m6 21.581v-1.5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1.5a10.75 10.75 0 0 0 6 1.819c2.22 0 4.284-.67 6-1.819",fill:"#fff",fillOpacity:".36"})]}),wi=()=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.5048 4.00806C8.8728 4.00806 9.1708 4.30626 9.1708 4.67406C9.1708 4.99259 9.1708 8.71739 9.1708 9.71072L11.1688 7.73339L12.1055 8.67005L8.98346 11.8127C8.85346 11.9434 8.6788 12.0081 8.50413 12.0081C8.33013 12.0081 8.15612 11.9427 8.02612 11.8127L4.90413 8.67005L5.8408 7.73339L7.83881 9.71072C7.83881 8.71739 7.83881 4.99259 7.83881 4.67406C7.83881 4.30626 8.1368 4.00806 8.5048 4.00806Z",fill:"#608CFF"})});var $t=()=>{let e=w();return {overwrite:e.overwrite?.ref?.step,state:e}};var Gt=()=>{let e=$t();return jsxRuntime.jsx(Ht,{...e})};var Qt=e=>jsxRuntime.jsxs("div",{id:"oui-affiliate-home-title",className:"oui-text-3xl md:oui-text-3xl lg:oui-text-4xl xl:oui-text-5xl oui-font-bold oui-text-center",children:[jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:"Earn more as a "}}),jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:` ${e.gradientTitle}`},className:"oui-gradient-brand oui-text-transparent oui-bg-clip-text",style:{"--oui-gradient-angle":"270deg"}}),jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:" affiliate"}})]});var Yt=()=>{let{overwrite:e}=w();return {gradientTitle:e?.shortBrokerName||"Orderly"}};var qt=()=>{let e=Yt();return jsxRuntime.jsx(Qt,{...e})};var Xt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-subtitle",direction:"column",className:"oui-text-sm md:oui-text-base xl:oui-text-lg oui-text-base-contrast-80 oui-text-center",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{children:"Grow your brand | Get 40% commission | Unlock exclusive perks"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,className:"oui-text-primary-light oui-fill-primary-light hover:oui-text-primary-darken oui-cursor-pointer oui-text-2xs md:oui-text-xs xl:oui-text-sm",onClick:t=>{e.onLearnAffiliate?e.onLearnAffiliate?.():e.learnAffiliateUrl&&window.open(e.learnAffiliateUrl,"_blank");},children:[jsxRuntime.jsx(ui$1.Text,{children:"Learn how it works"}),jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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 Jt=()=>{let e=w(),{onLearnAffiliate:t,learnAffiliateUrl:i}=e;return {onLearnAffiliate:t,learnAffiliateUrl:i}};var Kt=()=>{let e=Jt();return jsxRuntime.jsx(Xt,{...e})};var jt=e=>e.overwriteTop!==void 0?e.overwriteTop?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-top",direction:"column",gap:6,children:[jsxRuntime.jsx(qt,{}),jsxRuntime.jsx(Kt,{})]});var er=()=>{let e=w();return {overwriteTop:e.overwrite?.ref?.top,state:e}};var tr=()=>{let e=er();return jsxRuntime.jsx(jt,{...e})};var et=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"white",fillOpacity:"0.98",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:jsxRuntime.jsx("path",{d:"M4.00806 7.9952C4.00806 7.6272 4.30626 7.3292 4.67406 7.3292C4.99259 7.3292 8.71739 7.3292 9.71072 7.3292L7.73339 5.3312L8.67005 4.39453L11.8127 7.51654C11.9434 7.64654 12.0081 7.8212 12.0081 7.99587C12.0081 8.16987 11.9427 8.34388 11.8127 8.47388L8.67005 11.5959L7.73339 10.6592L9.71072 8.66119C8.71739 8.66119 4.99259 8.66119 4.67406 8.66119C4.30626 8.66119 4.00806 8.3632 4.00806 7.9952Z"})});var rr=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-asAnAffiliate",gradient:"primary",r:"2xl",p:6,gap:6,direction:"column",angle:180,width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{height:80,direction:"row",gap:3,itemAlign:"start",width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",justify:"between",className:"oui-h-full",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl",children:e.isAffiliate?"Affiliate":"As an affiliate"}),jsxRuntime.jsx(ui$1.Text,{className:ui$1.cn("oui-text-xs md:oui-text-sm 2xl:oui-text-base oui-text-base-contrast-54",e.isAffiliate&&"oui-hidden"),children:"Onboard traders to earn passive income"})]}),jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(Cn,{})})]}),jsxRuntime.jsx(Rn,{...e})]}),Cn=()=>jsxRuntime.jsxs("svg",{width:"72",height:"72",viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"xl:oui-w-[90px] xl:oui-h-[90px] ",children:[jsxRuntime.jsx("path",{d:"M35.997 5.86c-16.569 0-29.944 13.43-30 30-.056 16.545 13.445 30.06 30 30.093s30.03-13.665 30-30.093c-.03-16.57-13.432-30-30-30m0 6c13.255 0 24 10.746 24 24 0 6.75-2.812 12.834-7.297 17.196-2.209-4.78-6.955-8.196-12.39-8.196h-8.626c-5.432 0-10.164 3.375-12.375 8.157-4.485-4.362-7.312-10.407-7.312-17.157 0-13.254 10.745-24 24-24m0 6c-6.628 0-12 5.373-12 12s5.372 12 12 12c6.627 0 12-5.373 12-12s-5.373-12-12-12",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("path",{d:"M72 57c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15",fill:"#1828C3"}),jsxRuntime.jsx("path",{d:"M53.624 51.45a4.125 4.125 0 0 0-4.125 4.125c0 2.388 1.36 4.641 3.61 6.703a21 21 0 0 0 2.414 1.875c.287.194.556.37.797.516.147.089.243.154.304.187a.79.79 0 0 0 .75 0c.061-.033.158-.098.305-.187.24-.147.51-.322.797-.516a21 21 0 0 0 2.414-1.875c2.25-2.062 3.61-4.315 3.61-6.703a4.125 4.125 0 0 0-4.126-4.125c-1.294 0-2.557.705-3.351 1.734-.775-1.047-2.034-1.734-3.399-1.734",fill:"#fff",fillOpacity:".98"})]}),Rn=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",itemAlign:"end",children:(()=>{if(e.isAffiliate&&!e.wrongNetwork){let i=e.referralInfo?.referrer_info?.total_referrer_rebate;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gap:2,children:[jsxRuntime.jsxs(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:["Commission ",jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"(USDC)"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(J,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",children:utils.commifyOptional(i,{fix:2,fallback:"0"})})]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,justify:"end",itemAlign:"center",className:"oui-cursor-pointer",onClick:r=>{e.onEnterAffiliatePage?.(e.referralInfo);},children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base xl:oui-text-lg",children:"Enter"}),jsxRuntime.jsx(et,{className:"md:oui-w-[18px] md:oui-h-[18px] lg:oui-w-[20px] lg:oui-h-[20px] xl:oui-w-[24px] xl:oui-h-[24px]"})]})]})}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Tooltip,{content:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function",children:e.isMobile?jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:i=>{!e.isSignIn||e.wrongNetwork?(i.stopPropagation(),i.preventDefault(),ui$1.modal.alert({title:"Tips",message:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function"})})):e.becomeAnAffiliate?.();},className:!e.isSignIn||e.wrongNetwork?"oui-bg-white/[.54] oui-text-black/[.36] hover:oui-bg-white/[.54]":void 0,children:"Become an affiliate"}):jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:e.becomeAnAffiliate,disabled:!e.isSignIn||e.wrongNetwork,children:"Become an affiliate"})}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"between",className:"oui-h-full",itemAlign:"end",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl 2xl:oui-text-2xl",children:"40%~60%"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-54",children:"Commission"})]})]})})()});var ir=()=>{let{isAffiliate:e,isLoading:t,referralInfo:i,becomeAnAffiliateUrl:r,setShowHome:o,setTab:a,wrongNetwork:n}=w(),{state:l}=hooks.useAccount(),m=l.status===types.AccountStatusEnum.EnableTrading||l.status===types.AccountStatusEnum.EnableTradingWithoutConnected,c=()=>{window.open(r,"_blank");},s=()=>{a("affiliate"),o(false);},{isMobile:u}=ui$1.useScreen();return {isSignIn:m,isAffiliate:e,isLoading:t,referralInfo:i,onEnterAffiliatePage:s,becomeAnAffiliate:c,wrongNetwork:n,isMobile:u}};var or=()=>{let e=ir();return jsxRuntime.jsx(rr,{...e})};var nr=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-asTrader",gradient:"success",r:"2xl",p:6,gap:6,direction:"column",angle:180,width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{height:80,direction:"row",gap:3,itemAlign:"start",width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",justify:"between",className:"oui-h-full",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl",children:e.isTrader?"Trader":"As a Trader"}),jsxRuntime.jsx(ui$1.Text,{className:ui$1.cn("oui-text-xs md:oui-text-sm 2xl:oui-text-base oui-text-base-contrast-54",e.isTrader&&"oui-hidden"),children:"Onboard traders to earn passive income"})]}),jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(Un,{})})]}),jsxRuntime.jsx(Vn,{...e})]}),Un=()=>jsxRuntime.jsxs("svg",{width:"72",height:"72",viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"xl:oui-w-[90px] xl:oui-h-[90px] ",children:[jsxRuntime.jsx("path",{d:"M44.996 7.324c-20.71 0-37.43 16.79-37.5 37.5-.07 20.682 16.806 37.575 37.5 37.617 20.694.04 37.537-17.082 37.5-37.617-.037-20.71-16.79-37.5-37.5-37.5m0 7.5c16.569 0 30 13.433 30 30 0 8.438-3.514 16.043-9.12 21.495-2.762-5.973-8.694-10.245-15.49-10.245h-10.78c-6.791 0-12.706 4.22-15.47 10.197-5.606-5.453-9.14-13.01-9.14-21.447 0-16.567 13.431-30 30-30m0 7.5c-8.284 0-15 6.717-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("path",{d:"M90 71.25C90 81.605 81.605 90 71.25 90S52.5 81.605 52.5 71.25 60.895 52.5 71.25 52.5 90 60.895 90 71.25",fill:"#005A4F"}),jsxRuntime.jsx("path",{d:"M80.62 75.007c0-.24-.08-.49-.263-.675l-3.487-3.456-1.318 1.318 1.845 1.875H63.745a.938.938 0 0 0 0 1.875h13.652l-1.845 1.875 1.318 1.318 3.487-3.456a.95.95 0 0 0 .263-.674m-.937-7.5a.94.94 0 0 0-.938-.938H65.093l1.846-1.875-1.319-1.318-3.486 3.456a.966.966 0 0 0 0 1.349l3.486 3.456 1.319-1.318-1.846-1.875h13.652c.518 0 .938-.42.938-.937",fill:"#fff",fillOpacity:".98"})]}),Vn=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",itemAlign:"end",children:(()=>{if(e.isTrader&&!e.wrongNetwork){let i=e.referralInfo?.referee_info?.total_referee_rebate;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gap:2,children:[jsxRuntime.jsxs(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:["Commission ",jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"(USDC)"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(J,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",children:utils.commifyOptional(i,{fix:2,fallback:"0"})})]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,justify:"end",itemAlign:"center",className:"oui-cursor-pointer",onClick:r=>{e?.onEnterTraderPage?.();},children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base xl:oui-text-lg",children:"Enter"}),jsxRuntime.jsx(et,{className:"md:oui-w-[18px] md:oui-h-[18px] lg:oui-w-[20px] lg:oui-h-[20px] xl:oui-w-[24px] xl:oui-h-[24px]"})]})]})}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(zn,{...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"between",className:"oui-h-full",itemAlign:"end",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl 2xl:oui-text-2xl",children:"0%~20%"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-54",children:"Rebate"})]})]})})()}),zn=e=>jsxRuntime.jsxs(ui$1.Dialog,{open:e.open,onOpenChange:e.setOpen,children:[jsxRuntime.jsx(ui$1.DialogTrigger,{children:jsxRuntime.jsx(ui$1.Tooltip,{content:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function",children:e.isMobile?jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:t=>{(!e.isSignIn||e.wrongNetwork)&&(t.stopPropagation(),t.preventDefault(),ui$1.modal.alert({title:"Tips",message:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function"})}));},className:!e.isSignIn||e.wrongNetwork?"oui-bg-white/[.54] oui-text-black/[.36] hover:oui-bg-white/[.54]":void 0,children:"Enter code"}):jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",disabled:!e.isSignIn||e.wrongNetwork,children:"Enter code"})})}),jsxRuntime.jsxs(ui$1.DialogContent,{className:"oui-w-[320px] oui-font-semibold",children:[jsxRuntime.jsx(ui$1.DialogHeader,{children:jsxRuntime.jsx(ui$1.DialogTitle,{children:"Bind a referral code"})}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsxs(ui$1.DialogBody,{children:[jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:54,children:"Bind a referral code to earn trading fee rebates."}),jsxRuntime.jsx(ui$1.TextField,{className:"oui-w-full oui-mt-4",placeholder:"Referral code",value:e.code,onChange:t=>{e.setCode(t.target.value);},formatters:[ui$1.inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClean:()=>{e.setCode("");},label:"Enter referral code",classNames:{label:"oui-text-2xs oui-text-base-contrast-54"},helpText:!e.isExist&&!e.isLoading&&e.code.length>0?"This referral code does not exist.":void 0,color:!e.isExist&&!e.isLoading&&e.code.length>0?"danger":void 0}),jsxRuntime.jsx(ui$1.Flex,{itemAlign:"center",width:"100%",direction:"row",justify:"center",mt:6,children:jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"primary",size:"md",className:"oui-px-[40px]",disabled:e.code.length<4||!e.isExist,onClick:t=>{t.stopPropagation(),e.onClickConfirm();},children:"Confirm"})})]})]})]});var sr=()=>{let{isTrader:e,referralInfo:t,setShowHome:i,bindReferralCodeState:r,setTab:o,mutate:a,wrongNetwork:n}=w(),{state:l}=hooks.useAccount(),m=l.status===types.AccountStatusEnum.EnableTrading||l.status===types.AccountStatusEnum.EnableTradingWithoutConnected,c=()=>{o("trader"),i(false);},[s,u]=react.useState(""),[f,x]=react.useState(false),{isExist:d,error:b,isLoading:A}=hooks.useCheckReferralCode(s),k=()=>{x(false);},[W,{error:Fe,isMutating:N}]=hooks.useMutation("/v1/referral/bind","POST"),M=async()=>{try{await W({referral_code:s}),ui$1.toast.success("Referral code bound"),a(),r?r(!0,null,k,{tab:1}):k();}catch(X){let oe=`${X}`;"message"in X&&(oe=X.message),oe==="referral code not exist"&&(oe="This referral code does not exist"),r?(ui$1.toast.error(oe),r(false,X,k,{})):ui$1.toast.error(oe);}},{isMobile:P}=ui$1.useScreen();return {isSignIn:m,isTrader:e,isLoading:A,referralInfo:t,onEnterTraderPage:c,code:s,setCode:u,open:f,setOpen:x,onClickConfirm:M,isExist:d,wrongNetwork:n,isMobile:P}};var ur=()=>{let e=sr();return jsxRuntime.jsx(nr,{...e})};var fr=e=>typeof e.overwrite=="function"?e.overwrite?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-card",className:"oui-flex oui-flex-col xl:oui-flex-row oui-gap-6 xl:oui-gap-[36px] oui-w-full oui-items-stretch",children:[jsxRuntime.jsx(or,{}),jsxRuntime.jsx(ur,{})]});var mr=()=>{let e=w();return {overwrite:e.overwrite?.ref?.card,state:e}};var dr=()=>{let e=mr();return jsxRuntime.jsx(fr,{...e})};var be=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-page",className:ui$1.cn("oui-h-lvw ","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsx(tr,{}),jsxRuntime.jsx(dr,{}),jsxRuntime.jsx(Gt,{})]});var xr=e=>{let t=()=>{if(e.isAffiliate&&!e.isTrader)return jsxRuntime.jsxs(ui$1.Button,{variant:"contained",color:"success",size:"sm",className:"oui-px-2 oui-flex oui-gap-1",style:{position:"absolute",top:"50%",right:"24px",transform:"translateY(-50%)"},onClick:i=>{e.anATrader();},children:[jsxRuntime.jsx(nt,{}),jsxRuntime.jsx(ui$1.Text,{children:"As a trader"})]});if(!e.isAffiliate&&e.isTrader)return jsxRuntime.jsxs(ui$1.Button,{variant:"contained",color:"primary",size:"sm",className:"oui-px-2 oui-flex oui-gap-1",style:{position:"absolute",top:"50%",right:"24px",transform:"translateY(-50%)"},onClick:i=>{e.anAnAffiliate();},children:[jsxRuntime.jsx(ot,{}),jsxRuntime.jsx(ui$1.Text,{children:"As an affiliate"})]})};return e.isLoading?jsxRuntime.jsx("div",{className:ui$1.cn("oui-max-w-[960px]",e.classNames?.loadding),children:e.splashPage?.()||jsxRuntime.jsx(be,{})}):!e.isAffiliate&&!e.isTrader||e.showHome?jsxRuntime.jsx("div",{className:ui$1.cn("oui-max-w-[960px]",e?.classNames?.home),children:jsxRuntime.jsx(be,{})}):jsxRuntime.jsxs(ui$1.TabsBase,{id:"oui-affiliate-dashboard-tab",value:e.tab,onValueChange:i=>{e.setTab(i);},className:ui$1.cn("oui-w-full",e.classNames?.dashboard),children:[jsxRuntime.jsxs(ui$1.TabsList,{className:ui$1.cn("oui-px-6 oui-flex oui-flex-row oui-justify-start oui-h-[44px] oui-relative oui-items-end","oui-text-base md:oui-text-lg","oui-rounded-xl oui-bg-base-9","oui-border oui-border-line-6",e.isAffiliate&&e.isTrader&&"oui-justify-center"),children:[e.isAffiliate&&jsxRuntime.jsx(ui$1.TabsTrigger,{id:"oui-affiliate-dashboard-tab-affiliate",value:"affiliate",children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,mb:2,children:[jsxRuntime.jsx(ot,{fillOpacity:1,fill:"currentColor",className:e.tab==="affiliate"?"oui-fill-white/[.98]":"oui-fill-white/[.36]"}),jsxRuntime.jsx(ui$1.Text,{children:"Affiliate"})]})}),e.isTrader&&jsxRuntime.jsx(ui$1.TabsTrigger,{id:"oui-affiliate-dashboard-tab-trader",value:"trader",children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,mb:2,children:[jsxRuntime.jsx(nt,{fillOpacity:1,fill:"currentColor",className:e.tab==="trader"?"oui-fill-white/[.98]":"oui-fill-white/[.36]"}),jsxRuntime.jsx(ui$1.Text,{children:"Trader"})]})}),t()]}),e.isAffiliate&&jsxRuntime.jsx(ui$1.TabsContent,{value:"affiliate",className:"oui-mt-4",children:jsxRuntime.jsx(Se,{})}),e.isTrader&&jsxRuntime.jsx(ui$1.TabsContent,{value:"trader",className:"oui-mt-4",children:jsxRuntime.jsx(Ae,{})})]})};var pr=()=>{let{isAffiliate:e,isTrader:t,isLoading:i,becomeAnAffiliateUrl:r,onBecomeAnAffiliate:o,showReferralPage:a,splashPage:n,showHome:l,setShowHome:m,tab:c,setTab:s}=w(),u=react.useMemo(()=>e&&t?c:e&&!t?"affiliate":!e&&t?"trader":"affiliate",[c,e,t]);return {setTab:s,tab:u,isAffiliate:e,isTrader:t,isLoading:i,anAnAffiliate:()=>{m(true);},anATrader:()=>{m(true);},splashPage:n,showHome:l,setShowHome:m}};var gr=e=>{let t=pr();return jsxRuntime.jsx(xr,{classNames:e.classNames,...t})};var Ei=e=>{let{classNames:t={}}=e,{root:i,...r}=t;return jsxRuntime.jsx("div",{id:"oui-affiliate-dashboard-page",className:ui$1.cn("oui-w-full oui-tracking-tight",i),children:jsxRuntime.jsx(gr,{classNames:r})})};var Ui=e=>{let{...t}=e;return jsxRuntime.jsx(uiScaffold.Scaffold,{leftSidebar:jsxRuntime.jsx(ll,{...t}),children:jsxRuntime.jsx(ui$1.Box,{mx:3,my:6,children:e.children})})},ll=e=>jsxRuntime.jsx(ui$1.Box,{p:4,m:3,border:true,borderColor:8,r:"xl",children:jsxRuntime.jsx(uiScaffold.SideBar,{...e})});var zi=()=>{let[e,t]=react.useState("/");return {items:react.useMemo(()=>[{name:"Trading",href:"/",icon:jsxRuntime.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.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",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"17.25",y1:"9",x2:".75",y2:"9",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})},{name:"Affiliate",href:"/affiliate",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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",fill:"#fff",fillOpacity:".54"})})}],[]),current:e,onItemSelect:r=>{t(r.href);}}};var fl=e=>{let t=zi();return jsxRuntime.jsx(Ui,{...t,children:e.children})};
+var Ji=Object.defineProperty;var Ki=(e,t)=>{for(var i in t)Ji(e,i,{get:t[i],enumerable:true});};var Wi={};Ki(Wi,{AffiliatePage:()=>Ae,DashboardPage:()=>Ei,HomePage:()=>be,TraderPage:()=>Fe});var at=e=>{let{size:t=16,className:i,...r}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#fff",fillOpacity:".98",xmlns:"http://www.w3.org/2000/svg",className:e.className,...r,children:[jsxRuntime.jsx("path",{d:"M8 1.302c-3.683 0-6.655 2.985-6.667 6.667-.013 3.676 2.987 6.68 6.666 6.687s6.674-3.037 6.667-6.687c-.007-3.682-2.985-6.667-6.667-6.667m0 1.333a5.333 5.333 0 0 1 5.333 5.334c0 1.5-.625 2.852-1.622 3.821-.49-1.062-1.545-1.821-2.753-1.821H7.04c-1.207 0-2.259.75-2.75 1.812A5.3 5.3 0 0 1 2.666 7.97a5.333 5.333 0 0 1 5.333-5.334M8 3.97a2.667 2.667 0 1 0 0 5.333A2.667 2.667 0 0 0 8 3.97"}),jsxRuntime.jsx("path",{d:"M16 12.667a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0",fill:"#1828C3"}),jsxRuntime.jsx("path",{d:"M11.917 11.433a.917.917 0 0 0-.917.917c0 .53.302 1.031.802 1.49a4.6 4.6 0 0 0 .713.53l.068.043c.05.027.117.027.167 0l.068-.042q.08-.05.177-.115c.182-.123.366-.26.536-.416.5-.459.802-.96.802-1.49a.917.917 0 0 0-.917-.917.97.97 0 0 0-.744.386.95.95 0 0 0-.756-.386"})]})};var lt=e=>{let{size:t=16,className:i,...r}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"white",fillOpacity:"0.36",xmlns:"http://www.w3.org/2000/svg",className:e.className,...r,children:[jsxRuntime.jsx("path",{d:"M7.99929 1.30212C4.31735 1.30212 1.34509 4.28679 1.33262 7.96878C1.32015 11.6454 4.32042 14.6488 7.99929 14.6561C11.6782 14.6634 14.6726 11.6194 14.666 7.96878C14.6593 4.28679 11.6812 1.30212 7.99929 1.30212ZM7.99929 2.63546C10.9448 2.63546 13.3326 5.02345 13.3326 7.96878C13.3326 9.46878 12.7078 10.8208 11.7112 11.7901C11.2202 10.7281 10.1656 9.96878 8.95762 9.96878C8.71802 9.96878 7.28042 9.96878 7.04095 9.96878C5.83369 9.96878 4.78215 10.7188 4.29095 11.7814C3.29429 10.8121 2.66595 9.46878 2.66595 7.96878C2.66595 5.02345 5.05375 2.63546 7.99929 2.63546ZM7.99929 3.96879C6.52649 3.96879 5.33255 5.16279 5.33262 6.63545C5.33262 8.10812 6.52649 9.30212 7.99929 9.30212C9.47202 9.30212 10.666 8.10812 10.666 6.63545C10.666 5.16279 9.47202 3.96879 7.99929 3.96879Z"}),jsxRuntime.jsx("path",{d:"M16 12.6667C16 14.5076 14.5076 16 12.6666 16C10.8257 16 9.33331 14.5076 9.33331 12.6667C9.33331 10.8257 10.8257 9.33333 12.6666 9.33333C14.5076 9.33333 16 10.8257 16 12.6667Z",fill:"#005A4F"}),jsxRuntime.jsx("path",{d:"M14.3325 13.3345C14.3325 13.2918 14.3182 13.2473 14.2857 13.2147L13.6658 12.6002L13.4315 12.8345L13.7595 13.1678H11.3325C11.2405 13.1678 11.1658 13.2425 11.1658 13.3345C11.1658 13.4265 11.2405 13.5012 11.3325 13.5012H13.7595L13.4315 13.8345L13.6658 14.0688L14.2857 13.4543C14.3182 13.4217 14.3325 13.3772 14.3325 13.3345ZM14.1658 12.0012C14.1658 11.9092 14.0912 11.8345 13.9992 11.8345H11.572L11.9002 11.5012L11.6658 11.2668L11.046 11.8813C10.981 11.9465 10.981 12.0558 11.046 12.121L11.6658 12.7355L11.9002 12.5012L11.572 12.1678H13.9992C14.0912 12.1678 14.1658 12.0932 14.1658 12.0012Z",fill:"white",fillOpacity:"0.98"})]})};var J=e=>jsxRuntime.jsxs("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10.5 20c5.542 0 10-4.458 10-10s-4.458-10-10-10S.5 4.458.5 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13.5 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996c1.344-.207 2.239-1.079 2.239-2.199",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M8.24 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .4-.173.043-.043.043-.087.043-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff",fillOpacity:".98"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M.5 0h20v20H.5z"})})})]});var ut=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-summary",r:"2xl",p:6,width:"100%",height:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(ro,{...e}),jsxRuntime.jsx(io,{...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,children:[jsxRuntime.jsx(st,{title:"Referral vol. (USDC)",value:e.referralVol,dp:2,...e}),jsxRuntime.jsx(st,{title:"Referees",value:e.referees,dp:0,...e}),jsxRuntime.jsx(st,{title:"Referees that traded",value:e.refereesTades,dp:0,...e})]})]}),ro=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Summary"}),jsxRuntime.jsx("div",{className:"oui-min-w-14",children:jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes})})]}),io=e=>jsxRuntime.jsxs(ui$1.Flex,{gradient:"primary",angle:180,r:"xl",py:4,px:6,width:"100%",direction:"column",gap:3,height:"100%",className:"oui-max-h-[104px]",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-base 2xl:oui-text-lg",children:"Commission (USDC)"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-text-xl md:oui-text-2xl xl:oui-text-3xl",children:[jsxRuntime.jsx(J,{className:"md:oui-w-[24px] md:oui-h-[24px] lg:oui-w-[28px] lg:oui-h-[28px] "}),jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(e.commission,{fix:2,fallback:"0"})})]})]}),st=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-xs md:oui-text-sm xl:oui-text-base",children:utils.commifyOptional(e.value,{fix:e.dp,fallback:"0"})})]});var Rr={"refferal.title":"Earn more as a {name} affiliate","refferal.subtitle":"Grow your brand | Get 40% commission | Unlock exclusive perks","refferal.linkUrl":"Learn how it works","referral.not.ref.card.title":"As an affiliate","referral.not.ref.card.subtitle":"Onboard traders to earn passive income","referral.not.ref.card.btn":"Become an affiliate","referral.not.ref.card.hint.title":"40%~60%","referral.not.ref.card.hint.subtitle":"Commission","referral.ref.card.title":"Affiliate","referral.ref.card.comission":"Commission (USDC)","referral.ref.card.enter":"Enter","referral.not.trader.card.title":"As a trader","referral.not.trader.card.subtitle":"Get fee rebates on every trade","referral.not.trader.card.btn":"Enter code","referral.not.trader.card.hint.title":"0%~20%","referral.not.trader.card.hint.subtitle":"Rebate","referral.trader.card.title":"Trader","referral.trader.card.rebate":"Rebate (USDC)","referral.trader.card.enter":"Enter","referral.step.title":"Becoming an affiliate is easy","referral.step.apply.title":"Apply","referral.step.apply.subtitle":"Fill out the application form","referral.step.share.title":"Share","referral.step.share.subtitle":"Unlock your affiliate link and share it with your community","referral.step.earn.title":"Earn","referral.step.earn.subtitle":"Get paid and receive special treatment 24/7, 365"};var Te=(i=>(i.affiliate="affiliate",i.trader="trader",i))(Te||{}),Dr=react.createContext({}),Ul=e=>{let{onBecomeAnAffiliate:t,becomeAnAffiliateUrl:i="https://orderly.network/",bindReferralCodeState:r,onLearnAffiliate:o,learnAffiliateUrl:a="https://orderly.network/",referralLinkUrl:n="https://orderly.network/",showReferralPage:l,chartConfig:m,intl:c={messages:Rr,locale:"en",defaultLocale:"en"},overwrite:u,splashPage:s}=e,{state:f}=hooks.useAccount(),{data:p,mutate:d,isLoading:b}=hooks.usePrivateQuery("/v1/referral/info",{revalidateOnFocus:true}),[_,z]=react.useState(b);react.useEffect(()=>{z(true);},[b]);let{data:L,mutate:ve}=hooks.useDaily({startDate:dateFns.subDays(new Date,1),endDate:dateFns.subDays(new Date,90)}),{data:N,mutate:E}=hooks.usePrivateQuery("/v1/volume/user/stats",{revalidateOnFocus:true}),P=react.useMemo(()=>(p?.referrer_info?.referral_codes?.length||0)>0,[p?.referrer_info]),Ce=react.useMemo(()=>(p?.referee_info.referer_code?.length||0)>0,[p?.referee_info]),se=react.useMemo(()=>{let W={};if(L&&L.length>0){let Pe=dateFns.format(new Date,"yyyy-MM-dd"),wr=L.findIndex(Xi=>Xi.date===Pe),yr=0;wr!==-1&&(yr=L[wr].perp_volume),W["1d_volume"]=yr;}return N&&(W["7d_volume"]=N.perp_volume_last_7_days,W["30d_volume"]=N.perp_volume_last_30_days,W.all_volume=N.perp_volume_ltd),W},[L,N]);react.useEffect(()=>{(P||Ce)&&z(false);},[P,Ce]);let X=()=>{E(),ve(),d();};react.useEffect(()=>{let Pe=new URLSearchParams(window.location.search).get("ref");Pe&&localStorage.setItem("referral_code",Pe);},[]);let{messages:Hi,locale:$i,defaultLocale:Gi}=c,[Zi,Qi]=react.useState("affiliate"),{wrongNetwork:Yi,disabledConnect:qi}=reactApp.useAppContext(),br=react.useRef(types.AccountStatusEnum.NotConnected);return react.useEffect(()=>{let W;return br.current!==f.status&&(br.current=f.status,W=setTimeout(()=>{X();},1e3)),()=>{W&&clearTimeout(W);}},[f.status]),jsxRuntime.jsx(reactIntl.IntlProvider,{messages:Hi,locale:$i,defaultLocale:Gi,children:jsxRuntime.jsx(Dr.Provider,{value:{showHome:_,setShowHome:z,referralInfo:p,isAffiliate:P,isTrader:Ce,mutate:X,onBecomeAnAffiliate:t,becomeAnAffiliateUrl:i,bindReferralCodeState:r,onLearnAffiliate:o,learnAffiliateUrl:a,referralLinkUrl:n,userVolume:se,dailyVolume:L,showReferralPage:l,chartConfig:m,overwrite:u,splashPage:s,isLoading:b,tab:Zi,setTab:Qi,wrongNetwork:Yi,disabledConnect:qi},children:e.children})})};function w(){return react.useContext(Dr)}var mt=()=>{let[e,t]=react.useState("All"),i=[{label:"All",value:"All"},{label:"1D",value:"1D"},{label:"7D",value:"7D"},{label:"30D",value:"30D"}],{referralInfo:r}=w(),o=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_referrer_rebate;case "1D":return r.referrer_info["1d_referrer_rebate"];case "7D":return r.referrer_info["7d_referrer_rebate"];case "30D":return r.referrer_info["30d_referrer_rebate"]}},[r,e]),a=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_referee_volume;case "1D":return r.referrer_info["1d_referee_volume"];case "7D":return r.referrer_info["7d_referee_volume"];case "30D":return r.referrer_info["30d_referee_volume"]}},[r,,e]),n=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_invites;case "1D":return r.referrer_info["1d_invites"];case "7D":return r.referrer_info["7d_invites"];case "30D":return r.referrer_info["30d_invites"]}},[r,,e]),l=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referrer_info.total_traded;case "1D":return r.referrer_info["1d_traded"];case "7D":return r.referrer_info["7d_traded"];case "30D":return r.referrer_info["30d_traded"]}},[r,,e]);return {period:e,periodTypes:i,onPeriodChange:c=>{t(c);},commission:o,referralVol:a,referees:n,refereesTades:l}};var ke=()=>{let e=mt();return jsxRuntime.jsx(ut,{...e})};var _r=e=>{let{text:t,visibleCount:i}=e,r=react.useRef(null),o=react.useRef(null),a=react.useRef(void 0);function n(u,s){let p=document.createElement("canvas").getContext("2d"),d=u;if(p&&d){let b=getComputedStyle(d).font;return b.length===0&&(b=[getComputedStyle(d).fontWeight,getComputedStyle(d).fontSize,getComputedStyle(d).fontFamily].join(" ")),p.font=b,p.letterSpacing=getComputedStyle(d).letterSpacing,p.measureText(s).width}}let[l,m]=react.useState(0);react.useEffect(()=>{let u=()=>{if(e.visibleCount===void 0&&r.current&&o.current){let s=r.current.clientWidth;if(s==a.current)return;a.current=s;let f=o.current,p=t,d=Math.ceil(n(f,"...")||0),b=s-d,_=0;for(;_<t.length&&!((n(f,wo(t,_++))||b)<=b););m(p.length-_);}};return a.current=void 0,u(),window.addEventListener("resize",u),()=>{a.current=void 0,window.removeEventListener("resize",u);}},[t,o]);let c=react.useMemo(()=>{if(l+1>=t.length)return t;let u=i||l,s=t.slice(0,Math.ceil(u/2)),f=t.slice(t.length-Math.floor(u/2),t.length);return `${s}...${f}`},[t,i,l]);return jsxRuntime.jsxs("div",{ref:r,className:ui$1.cn("oui-relative oui-w-full oui-text-end",e.className),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-right-0 oui-left-0"),children:jsxRuntime.jsx("span",{ref:o,children:t})}),jsxRuntime.jsx("span",{children:c})]})},wo=(e,t)=>{let i=Math.floor(e.length/2-(t>0?t/2:1)),r=e.slice(0,i),o=e.slice(i+t);return r+o};var xt=e=>{let{texts:t,className:i}=e;return jsxRuntime.jsx("div",{className:i,children:jsxRuntime.jsx("h1",{children:t.map((r,o)=>r.gradient?jsxRuntime.jsx(ui$1.Text.gradient,{color:r.gradientColor,children:r.text},o):jsxRuntime.jsx("span",{children:r.text},o))})})};var pt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-referralLink",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(No,{...e}),jsxRuntime.jsxs(ui$1.Flex,{width:"100%",className:"oui-flex oui-flex-col 3xl:oui-flex-row",gap:4,children:[jsxRuntime.jsx("div",{className:"oui-w-full 3xl:oui-w-1/3",children:jsxRuntime.jsx(Ao,{...e})}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",className:"3xl:oui-w-2/3 3xl:oui-gap-2",children:[jsxRuntime.jsx(Pr,{title:"Referral code",value:e.refCode,...e}),jsxRuntime.jsx(Pr,{title:"Referral link",value:e.refLink,...e})]})]})]}),No=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Referral link"})}),Ao=e=>{let t=(i,r,o,a,n)=>{let l="oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl";return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:a,children:[jsxRuntime.jsx(ui$1.Flex,{direction:"row",gap:2,children:jsxRuntime.jsx(Do,{title:i,tooltip:n})}),o?jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",className:l,children:r}):jsxRuntime.jsx(ui$1.Text,{className:l,children:r})]})};return jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[t("Earn",e.earn||"-",true,"oui-flex-1",jsxRuntime.jsx(xt,{texts:[{text:e.earn||"-",gradient:true,gradientColor:"brand"},{text:` ${e.brokerName} net fee that deduct Orderly fee.`}]})),t("Share",e.share||"-",false,"oui-flex-1",jsxRuntime.jsx(xt,{texts:[{text:"Your referees get "},{text:e.share||"-",gradient:true,gradientColor:"brand"},{text:` of their ${e.brokerName} net fee`}]}))]})},Pr=e=>{let{title:t,value:i="-"}=e;return jsxRuntime.jsxs(ui$1.Flex,{r:"xl",p:3,gap:4,direction:"row",width:"100%",className:"oui-bg-base-8",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-54 oui-flex-shrink oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:t}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"end",gap:2,className:"oui-flex-1 oui-text-xs md:oui-text-sm xl:oui-text-base",children:[jsxRuntime.jsx(_r,{text:i}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer oui-text-sm oui-flex-shrink",onClick:()=>{navigator.clipboard.writeText(i),e.onCopy?.(i);},children:jsxRuntime.jsx(ui$1.CopyIcon,{size:12,color:"white",className:"oui-w-[13px] oui-h-[13px] md:oui-w-[14px] md:oui-h-[14px] xl:oui-w-4 xl:oui-h-4"})})]})]})},Do=e=>jsxRuntime.jsx(ui$1.Tooltip,{content:e.tooltip,className:"oui-max-w-[200px]",children:jsxRuntime.jsx("div",{onClick:()=>{ui$1.modal.alert({title:e.title,message:jsxRuntime.jsx("div",{className:"oui-text-base-contrast/30 oui-space-y-3 oui-text-xs desktop:oui-text-xs",children:e.tooltip})});},children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full",lineStyle:"dotted",intensity:16})]})})});function Be(e,t,i){let r=new URL(e),o=new URLSearchParams(r.search);return o.set(t,i),r.search=o.toString(),r.toString()}async function gt(e){try{await navigator.clipboard.writeText(e),ui$1.toast.success("Copy success");}catch{ui$1.toast.success("Copy failed");}}function Mr(e){if(e===void 0)return "";let t=dateFns.toDate(e),i=Wr(t);return dateFns.format(i,"yyyy-MM-dd HH:mm:ss 'UTC'")}function Br(e){if(e===void 0)return;let t=dateFns.toDate(e),i=Wr(t);return dateFns.format(i,"yyyy-MM-dd")}function Er(e,t){return e&&t&&e.toISOString().substring(0,10)===t.toISOString().substring(0,10)}function Wr(e){return new Date(e.toUTCString())}var ht=()=>{let e=f=>{ui$1.toast.success("Copy success");},{referralInfo:t,referralLinkUrl:i,overwrite:r}=w(),[o,a]=hooks.useLocalStorage("orderly_referral_codes",[]),n=react.useMemo(()=>{if(!t?.referrer_info.referral_codes)return [];let f=[...t?.referrer_info.referral_codes],p=[];for(let d=0;d<o.length;d++){let b=o[d],_=f.findIndex(z=>z.code===b);_!==-1&&(p.push({...f[_]}),f.splice(_,1));}return [...p,...f]},[t?.referrer_info.referral_codes,o]),l=react.useMemo(()=>{if(n.length!==0)return n[0]},[n]),m=react.useMemo(()=>l?.code,[l]),c=react.useMemo(()=>l?Be(i,"ref",l.code):"",[l]),u=react.useMemo(()=>`${new utils.Decimal(l?.referrer_rebate_rate||"0").mul(100).toDecimalPlaces(0,utils.Decimal.ROUND_DOWN).toString()}%`,[l?.referrer_rebate_rate]),s=react.useMemo(()=>`${new utils.Decimal(l?.referee_rebate_rate||"0").mul(100).toDecimalPlaces(0,utils.Decimal.ROUND_DOWN).toString()}%`,[l?.referee_rebate_rate]);return {onCopy:e,refLink:c,refCode:m,share:s,earn:u,brokerName:r?.brokerName??r?.shortBrokerName}};var We=()=>{let e=ht();return jsxRuntime.jsx(pt,{...e})};var wt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-titleStatistic",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9",children:[jsxRuntime.jsx(Mo,{...e}),jsxRuntime.jsx(ui$1.Flex,{className:"oui-h-[170px] 2xl:oui-h-[196px] oui-w-full oui-flex oui-flex-row oui-items-stretch",children:jsxRuntime.jsx(chart.VolBarChart,{data:e.dataSource||[],colors:{fill:"rgba(0, 180, 158, 1)"},className:"oui-w-full oui-flex-1",tooltip:{rm:utils.Decimal.ROUND_DOWN,dp:e.volType==="Commission"?6:2}})})]}),Mo=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Statistics"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:2,className:"oui-min-w-14",children:[jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes}),jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.volType,onValueChange:e.onVolTypeChange,options:e.volTypes})]})]});function Ue(e,t){let i=Date(),r=new Array(e).fill(0).map((a,n)=>({date:dateFns.format(dateFns.subDays(i,n+1),"yyyy-MM-dd"),volume:0,opacity:0})).reverse(),o=t?.reduce((a,n)=>(a[n.date]=n,a),{});for(let a=0;a<r.length;a++){let n=r[a],l=o?.[n.date];l&&(r[a]={...l,opacity:l.volume>0?1:0});}return r}var yt=()=>{let[e,t]=react.useState("7"),i=[{label:"7D",value:"7"},{label:"30D",value:"30"},{label:"90D",value:"90"}],r=s=>{t(s);},[o,a]=react.useState("Commission"),n=[{label:"Commission",value:"Commission"},{label:"Referral vol.",value:"ref"}],l=s=>{a(s);},m=react.useMemo(()=>e==="7"?{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)}:e==="30"?{startDate:dateFns.subDays(new Date,30),endDate:dateFns.subDays(new Date,1)}:e==="90"?{startDate:dateFns.subDays(new Date,90),endDate:dateFns.subDays(new Date,1)}:{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)},[e]),[c]=hooks.useReferralRebateSummary({startDate:dateFns.format(m.startDate,"yyyy-MM-dd"),endDate:dateFns.format(m.endDate,"yyyy-MM-dd"),size:Number(e)}),u=react.useMemo(()=>(c?.map(s=>({date:s.date,volume:o==="Commission"?s.referral_rebate:s.volume}))||[]).reverse(),[c,o]);return {period:e,periodTypes:i,onPeriodChange:r,volType:o,volTypes:n,onVolTypeChange:l,dataSource:Ue(Number(e),u)}};var Ve=()=>{let e=yt();return jsxRuntime.jsx(wt,{...e})};var vt=e=>jsxRuntime.jsx("button",{onClick:t=>{e?.onClick?.(!e.pinned);},children:e.pinned===false?jsxRuntime.jsx(Vo,{size:e.size,fillOpacity:1,className:"orderly-fill-primary-darken hover:orderly-fill-primary-darken/80"}):jsxRuntime.jsx(Uo,{size:e.size,fillOpacity:1,className:"orderly-fill-base-contrast-36 hover:orderly-fill-base-contrast"})}),Uo=e=>{let{size:t=16}=e;return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#608CFF",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208"})})},Vo=e=>{let{size:t=16}=e;return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"#fff",fillOpacity:".36",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208m.258 1.37c.708.131 1.421.6 1.93 1.108.507.507.94 1.13 1.119 1.944-.636.61-1.026.659-1.662.324a.67.67 0 0 0-.779.116c-1.214 1.213-1.533 2.314-1.533 3.8 0 1.293-.076 1.774-.48 2.207-.113.123-.27.104-.374 0L3.799 7.486a.24.24 0 0 1-.017-.34c.239-.29.769-.514 2.226-.514 1.742.001 2.668-.447 3.812-1.52a.67.67 0 0 0 .125-.77c-.343-.685-.29-1.046.321-1.67"})})};var Ct=e=>{let{className:t,...i}=e;return jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",xmlns:"http://www.w3.org/2000/svg",fill:"white",fillOpacity:"0.36",className:t,...i,children:jsxRuntime.jsx("path",{d:"M11.9971 1.30206C11.8204 1.30206 11.6431 1.36473 11.5178 1.4894C11.1471 1.86007 9.81309 3.19408 9.51709 3.49075L3.51376 9.4941L2.84642 10.1608C2.75376 10.2541 2.70576 10.3861 2.67976 10.5154L2.01309 13.8508C1.91976 14.3174 2.3171 14.7147 2.78376 14.6221C3.2011 14.5381 5.70242 14.0381 6.11909 13.9548C6.24842 13.9288 6.38043 13.8808 6.47376 13.7881L7.14043 13.1208L13.1438 7.11742C13.4404 6.82142 14.7744 5.48673 15.1451 5.11673C15.2698 4.99139 15.3324 4.81406 15.3324 4.6374C15.3324 3.54606 15.0544 2.76606 14.4778 2.17739C13.8958 1.58339 13.1184 1.30206 11.9971 1.30206ZM12.2598 2.64805C12.8618 2.68339 13.2518 2.82142 13.5191 3.09475C13.7924 3.37342 13.9651 3.76008 14.0024 4.35008C13.6371 4.71475 13.1024 5.24139 12.6644 5.67939C12.1358 5.15072 11.4838 4.49875 10.9551 3.97008C11.3938 3.53208 11.8951 3.01272 12.2598 2.64805ZM9.99643 4.92874L11.7058 6.63809L6.66109 11.6827L4.95176 9.97343L9.99643 4.92874ZM3.99309 10.9321L5.70242 12.6414L5.63976 12.7041C5.19976 12.7921 4.3111 12.9781 3.49243 13.1421L3.93043 10.9947L3.99309 10.9321Z"})})};var Rt=e=>{let t=hooks.useMediaQuery("(max-width: 767px)");return jsxRuntime.jsxs(ui$1.Flex,{r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums oui-p-6 oui-h-full",children:[jsxRuntime.jsx(Qo,{...e}),jsxRuntime.jsxs("div",{className:"oui-w-full oui-flex oui-flex-col 2xl:oui-h-full",children:[jsxRuntime.jsx(ui$1.Divider,{}),t?jsxRuntime.jsx(Yo,{...e}):jsxRuntime.jsx(Xo,{...e})]})]})},Qo=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Referral codes"}),jsxRuntime.jsxs("div",{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-54",children:"Remaining referral codes:\xA0"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-primary-light",children:e.codes?.length||"--"})]})]}),Yo=e=>jsxRuntime.jsx(ui$1.ListView,{dataSource:e.codes,className:"oui-max-h-[240px] oui-w-full",renderItem:(t,i)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(qo,{data:t,editRate:e.editRate,copyLink:e.copyLink,copyCode:e.copyCode,setPinCode:e.setPinCode},i),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]})}),Ne=e=>{let{title:t,copyable:i,value:r,align:o,className:a,editRate:n,onCopy:l}=e;return jsxRuntime.jsx(ui$1.Statistic,{id:"oui-affiliate-affiliate-referralCodes",className:ui$1.cn("oui-flex-1",a),label:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:t}),align:o,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(ui$1.Text.formatted,{copyable:i,onCopy:()=>{l?.();},className:"oui-text-base-contrast-80 oui-text-sm oui-mt-[6px]",children:r}),n&&jsxRuntime.jsx(Ct,{className:" oui-fill-white/[.36] hover:oui-fill-white/80 oui-cursor-pointer oui-mt-[1px]",fillOpacity:1,fill:"currentColor",onClick:m=>n()})]})})},qo=e=>{let{data:t,setPinCode:i,copyLink:r,copyCode:o,editRate:a}=e;return jsxRuntime.jsxs(ui$1.Flex,{gap:3,direction:"column",className:"oui-w-full",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",children:[jsxRuntime.jsx(Ne,{title:"Referral code",value:t.code,copyable:true,onCopy:()=>{e.copyCode?.(t.code);}}),jsxRuntime.jsx(Ne,{title:"You / Referee",value:Qr(t),align:"end",editRate:()=>{a(t);}}),jsxRuntime.jsx(Ne,{title:"Referees / Traders",value:pe(t),align:"end",className:"oui-hidden md:oui-flex"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",className:"md:oui-hidden",children:[jsxRuntime.jsx(Ne,{title:"Referees",value:pe(t).split("/")?.[0],align:"start"}),jsxRuntime.jsx(Ne,{title:"Traders",value:pe(t).split("/")?.[1],align:"end"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",itemAlign:"stretch",width:"100%",children:[jsxRuntime.jsx(vt,{pinned:t.isPined||false,onClick:n=>{i(t.code,!n);}}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"xs",className:"oui-px-[20px]",onClick:n=>{r(t.code);},children:"Copy link"})]})]},t.code)},Xo=e=>{let t=hooks.useMediaQuery("(min-width: 1024px)"),i=react.useMemo(()=>{let r=[{title:"Referral Codes",dataIndex:"code",width:t?115:120,className:"!oui-px-0",render:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"center",gap:1,children:[jsxRuntime.jsx(vt,{size:14,pinned:a.isPined||false,onClick:n=>{e.setPinCode(a.code,!n);}}),jsxRuntime.jsx(ui$1.Text.formatted,{copyable:true,onCopy:()=>{e.copyCode?.(a.code);},children:o})]})},{title:"You / Referee",dataIndex:"dffd",width:120,className:"oui-pr-0",render:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"center",gap:1,children:[Qr(a),jsxRuntime.jsx(Ct,{className:" oui-fill-white/[.36] hover:oui-fill-white/80 oui-cursor-pointer oui-mt-[1px]",fillOpacity:1,fill:"currentColor",onClick:n=>e.editRate?.(a)})]})}];return t?(r.push({title:"Referees",dataIndex:"referee_rebate_rate",width:65,className:"oui-pr-0",render:(o,a)=>pe(a).split("/")[0]}),r.push({title:"Traders",dataIndex:"referrer_rebate_rate",width:65,className:"oui-pr-0",render:(o,a)=>pe(a).split("/")[1]})):r.push({title:"Referees / Traders ",dataIndex:"total_invites/total_traded",width:120,fixed:"left",render:(o,a)=>pe(a)}),r.push({dataIndex:"link",align:"right",width:74,className:"!oui-px-0",render:(o,a)=>jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"sm",className:"oui-px-5",onClick:n=>{e?.copyLink?.(a.code);},children:"Copy link"})}),r},[t]);return jsxRuntime.jsx(ui$1.DataTable,{bordered:true,columns:i,dataSource:e.codes,classNames:{header:"oui-px-0",root:"2xl:oui-flex-1 2xl:oui-max-h-[230px] 3xl:oui-max-h-[300px]"},onRow:r=>({className:"oui-h-[45px]"})})},Qr=e=>{let t=new utils.Decimal(e.referee_rebate_rate).mul(100).toFixed(1,utils.Decimal.ROUND_DOWN).toString();return `${new utils.Decimal(e.referrer_rebate_rate).mul(100).toFixed(1,utils.Decimal.ROUND_DOWN).toString()}% / ${t}%`},pe=e=>`${e.total_invites} / ${e.total_traded}`;var jr=ui$1.modal.create(e=>{let{code:t,mutate:i}=e,{visible:r,hide:o,resolve:a,reject:n,onOpenChange:l}=ui$1.useModal(),m=new utils.Decimal(t.max_rebate_rate).mul(100),[c,u]=react.useState(`${new utils.Decimal(t.referee_rebate_rate).mul(100)}`),[s,f]=react.useState(`${new utils.Decimal(t.referrer_rebate_rate).mul(100)}`),[p,d]=react.useState(false),b=react.useRef(null);react.useEffect(()=>{b?.current&&(b.current.focus(),b.current.setSelectionRange(b.current.value.length,b.current.value.length));},[b]),react.useEffect(()=>{u(`${new utils.Decimal(t.referee_rebate_rate).mul(100)}`),f(`${new utils.Decimal(t.referrer_rebate_rate).mul(100)}`);},[t]);let[_,{error:z,isMutating:L}]=hooks.useMutation("/v1/referral/edit_split","POST"),ve=async()=>{try{let N=Number.parseFloat(c),E=Number.parseFloat(s);await _({referral_code:t.code,referee_rebate_rate:N/100,referrer_rebate_rate:E/100}),ui$1.toast.success("Referral code edited"),i(),o();}catch(N){ui$1.toast.error(N?.message||N||"");}};return jsxRuntime.jsx(ui$1.Dialog,{open:r,onOpenChange:l,children:jsxRuntime.jsxs(ui$1.DialogContent,{className:"oui-px-6 oui-max-w-[320px] oui-bg-base-8 oui-shadow-[0px_12px_20px_0px_rgba(0,0,0,0.25)]",closable:true,children:[jsxRuntime.jsxs(ui$1.DialogTitle,{children:[jsxRuntime.jsx("div",{className:"oui-my-3",children:"Settings"}),jsxRuntime.jsx(ui$1.Divider,{})]}),jsxRuntime.jsxs("div",{className:"oui-mt-3 oui-h-full oui-flex oui-flex-col oui-justify-end",children:[jsxRuntime.jsx("div",{className:"oui-text-xs oui-text-base-contrast-54",children:"Set the ratio of referral rate shared with your referees"}),jsxRuntime.jsxs("div",{className:"oui-text-xs oui-text-base-contrast-80 oui-mt-2 oui-flex",children:["Your max commission rate: ",jsxRuntime.jsx("div",{className:"oui-text-warning-darken oui-pl-1",children:`${new utils.Decimal(t.max_rebate_rate).mul(100).toFixed(0,utils.Decimal.ROUND_DOWN)}%`})]}),jsxRuntime.jsx("div",{className:"oui-text-2xs oui-mt-6 oui-text-base-contrast-80",children:"You receive"}),jsxRuntime.jsx(ui$1.Input,{ref:b,containerClassName:"oui-h-[40px] oui-mt-3 oui-bg-base-700 oui-outline oui-outline-1 oui-outline-base-contrast-12 focus-within:oui-outline-primary-darken",placeholder:"Enter code",type:"text",inputMode:"decimal",autoComplete:"off",value:s,onChange:N=>{let E=hooks.cleanStringStyle(N.target.value),P=Number.parseFloat(E);f(E),Number.isNaN(P)?(u(""),f("")):(u(`${Kr(new utils.Decimal(0),m.sub(P))}`),d(m.sub(P)<new utils.Decimal(0)));},suffix:jsxRuntime.jsx("div",{className:"oui-px-3 oui-text-base-contrast-54 oui-text-base",children:"%"}),color:p?"danger":void 0}),jsxRuntime.jsx("div",{className:"oui-text-2xs oui-mt-6 oui-text-base-contrast-80",children:"Referee receives"}),jsxRuntime.jsx(ui$1.Input,{containerClassName:"oui-h-[40px] oui-mt-3 oui-bg-base-700 oui-outline oui-outline-1 oui-outline-base-contrast-12 focus-within:oui-outline-primary-darken",placeholder:"Enter code",type:"text",inputMode:"decimal",autoComplete:"off",autoFocus:false,value:c,onChange:N=>{let E=hooks.cleanStringStyle(N.target.value),P=Number.parseFloat(E);u(E),Number.isNaN(P)?(u(""),f("")):(f(`${Kr(new utils.Decimal(0),m.sub(P))}`),d(m.sub(P)<new utils.Decimal(0)));},suffix:jsxRuntime.jsx("div",{className:"oui-px-3 oui-text-base-contrast-54 oui-text-base",children:"%"}),color:p?"danger":void 0}),p&&jsxRuntime.jsx("div",{className:"oui-text-danger oui-text-xs oui-mt-8 oui-text-center oui-px-4",children:"The total commission rate must equal to your maximum commission rate limit"}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"center",children:jsxRuntime.jsx(ui$1.Button,{id:"referral_bind_referral_code_btn",disabled:c.length===0||s.length===0||p,loading:L,className:ui$1.cn("oui-mt-8 oui-mb-4 oui-w-[154px]",p&&"oui-mt-3"),onClick:N=>{N.stopPropagation(),ve();},children:"Confirm"})})]})]})})});function Kr(e,t){return e>t?e:t}var St=()=>{let{referralInfo:e,referralLinkUrl:t,mutate:i}=w(),r=u=>{gt(Be(t,"ref",u));},o=u=>{gt(u);},a=u=>{ui$1.modal.show(jr,{code:{...u},mutate:i});},[n,l]=hooks.useLocalStorage("orderly_referral_codes",[]),m=(u,s)=>{if(s){let f=n.findIndex(p=>p===u);f!==-1&&n.splice(f,1);}else n.splice(0,0,u);n.length>6&&n.splice(n.length-1,1),l([...n]);},c=react.useMemo(()=>{if(!e?.referrer_info.referral_codes)return;let u=[...e?.referrer_info.referral_codes],s=[];for(let f=0;f<n.length;f++){let p=n[f],d=u.findIndex(b=>b.code===p);d!==-1&&(s.push({...u[d],isPined:true}),u.splice(d,1));}return [...s,...u]},[e?.referrer_info.referral_codes,n]);return {copyCode:o,copyLink:r,editRate:a,setPinCode:m,codes:c}};var $e=()=>{let e=St();return jsxRuntime.jsx(Rt,{...e})};var Nt=e=>jsxRuntime.jsx(ui$1.Flex,{id:"oui-affiliate-affiliate-commissionAndReferees",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums",children:jsxRuntime.jsxs(ui$1.Tabs,{defaultValue:"account",className:"oui-w-full",variant:"contained",children:[jsxRuntime.jsx(ui$1.TabPanel,{value:"account",title:"Commission",children:jsxRuntime.jsx(ha,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{value:"password",title:"My referees",children:jsxRuntime.jsx(ba,{...e})})]})}),H=e=>{let{title:t,value:i,align:r,className:o,rule:a,formatString:n,prefix:l}=e;return jsxRuntime.jsx(ui$1.Statistic,{className:ui$1.cn("oui-flex-1",o),label:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base-contrast-36 oui-text-2xs",children:t}),align:r,children:jsxRuntime.jsx(ui$1.Text.formatted,{rule:a||"",formatString:n,prefix:l,className:"oui-text-base-contrast-80 oui-text-sm oui-mt-[6px]",children:i})})},ha=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=react.useMemo(()=>[{title:"Commission (USDC)",dataIndex:"referral_rebate",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:6,fallback:"0",padEnd:true,prefix:"$"})}),width:216},{title:"Referral vol. (USDC)",dataIndex:"volume",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:2,fallback:"0",padEnd:true,prefix:"$"})}),width:216},{title:"Referral active users",dataIndex:"daily_traded_referral",render:a=>jsxRuntime.jsx(ui$1.Text,{children:a}),width:216},{title:"Date",dataIndex:"date",render:a=>Br(a),width:216}],[]),r=react.useMemo(()=>t?jsxRuntime.jsx(ui$1.ListView,{className:"oui-w-full oui-max-h-[200px]",dataSource:e.commission.data,loadMore:e.commission.loadMore,isLoading:e.commission.isLoading,renderItem:(o,a)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[jsxRuntime.jsx(H,{title:"Commission",value:utils.commifyOptional(o.referral_rebate,{fix:6,fallback:"0",padEnd:true}),prefix:"$"}),jsxRuntime.jsx(H,{title:"Referral vol.",value:utils.commifyOptional(o.volume,{fix:2,fallback:"0",padEnd:true}),prefix:"$"}),jsxRuntime.jsx(H,{title:"Referral active users",value:o.daily_traded_referral}),jsxRuntime.jsx(H,{title:"Date",value:o.date,rule:"date",formatString:"yyyy-MM-dd",align:"end"})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]})}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:i,loading:e.commission.isLoading,ignoreLoadingCheck:true,dataSource:e.commission.data,pagination:e.commission.pagination,onRow:o=>({className:"oui-h-[41px]"})}),[t,e.commission]);return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(wa,{value:e.commission.dateRange,setValue:e.commission.setDateRange}),r]})},ba=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=react.useMemo(()=>[{title:"Referee address ",dataIndex:"user_address",render:a=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"address",children:a}),className:"oui-w-1/5"},{title:"Referral code ",dataIndex:"referral_code",className:"oui-w-1/5"},{title:"Total commission (USDC) ",dataIndex:"referral_rebate",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:6,prefix:"$",padEnd:true})}),className:"oui-w-1/5"},{title:"Total vol. (USDC) ",dataIndex:"volume",render:a=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(a,{fix:2,prefix:"$",padEnd:true})}),className:"oui-w-1/5"},{title:"Invication time",dataIndex:"code_binding_time",render:a=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd",children:a}),className:"oui-w-1/5"}],[]),r=react.useMemo(()=>t?jsxRuntime.jsx(ui$1.ListView,{className:"oui-w-full oui-max-h-[200px]",dataSource:e.referees.data,loadMore:e.referees.loadMore,isLoading:e.referees.isLoading,renderItem:(o,a)=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,className:"oui-border-b-2 oui-border-line-6 oui-pb-3",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",children:[jsxRuntime.jsx(H,{title:"Referral code ",value:o.referral_code}),jsxRuntime.jsx(H,{title:"Total commission",value:utils.commifyOptional(o.referral_rebate,{fix:6,prefix:"$",padEnd:true}),className:"oui-min-w-[102px]"}),jsxRuntime.jsx(H,{title:"Total vol.",value:utils.commifyOptional(o.volume,{fix:2,prefix:"$",padEnd:true}),align:"end"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",pt:3,gap:3,width:"100%",children:[jsxRuntime.jsx(H,{title:"Referee address ",value:o.user_address,rule:"address"}),jsxRuntime.jsx(H,{title:"Invitation Time ",value:o.code_binding_time,align:"end",rule:"date",formatString:"yyyy-MM-dd"})]})]},a)}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:e.referees.isLoading,ignoreLoadingCheck:true,columns:i,dataSource:e.referees.data,pagination:e.referees.pagination,onRow:o=>({className:"oui-h-[41px]"})}),[t,e.referees]);return jsxRuntime.jsx(ui$1.Flex,{direction:"column",width:"100%",justify:"start",itemAlign:"start",children:r})},wa=e=>jsxRuntime.jsx(ui$1.Flex,{width:"100%",height:49,className:"oui-border-b oui-border-line-6",children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.DatePicker.range,{size:"xs",value:e.value,onChange:t=>{e.setValue(t);},max:90,disabled:{after:new Date}})})});var At=()=>{let e=Ca(),t=Ra();return {commission:e,referees:t}},Ca=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),i=hooks.useMediaQuery("(max-width: 767px)"),{page:r,pageSize:o,setPage:a,parsePagination:n}=ui$1.usePagination(),[l,{refresh:m,isLoading:c,loadMore:u,meta:s}]=hooks.useReferralRebateSummary({startDate:e?.from!==void 0?dateFns.format(e.from,"yyyy-MM-dd"):void 0,endDate:e?.to!==void 0?dateFns.format(e.to,"yyyy-MM-dd"):void 0,size:o,page:i?void 0:r});react.useEffect(()=>{m();},[e]);let f=react.useMemo(()=>n(s),[n,s]);return react.useEffect(()=>{a(1);},[e]),{data:l||void 0,pagination:f,dateRange:e,setDateRange:t,isLoading:c,loadMore:u}},Ra=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),i=hooks.useMediaQuery("(max-width: 767px)"),{page:r,pageSize:o,setPage:a,parsePagination:n}=ui$1.usePagination(),[l,{refresh:m,isLoading:c,loadMore:u,meta:s}]=hooks.useRefereeInfo({startDate:e?.from!==void 0?dateFns.format(e.from,"yyyy-MM-dd"):void 0,endDate:e?.to!==void 0?dateFns.format(e.to,"yyyy-MM-dd"):void 0,size:o,page:i?void 0:r,sort:"descending_code_binding_time"});react.useEffect(()=>{m();},[e]);let f=react.useMemo(()=>n(s),[n,s]);return react.useEffect(()=>{a(1);},[e]),{data:l||void 0,pagination:f,dateRange:e,setDateRange:t,isLoading:c,loadMore:u}};var Dt=()=>{let e=At();return jsxRuntime.jsx(Nt,{...e})};var Ae=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-affiliate-page",className:ui$1.cn("oui-h-lvw","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsx(Aa,{}),jsxRuntime.jsx(Dt,{})]}),Aa=()=>hooks.useMediaQuery("(max-width: 1279px)")?jsxRuntime.jsx(Da,{}):jsxRuntime.jsx(Fa,{}),Da=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col xl:oui-flex-row oui-gap-4 oui-w-full",children:[jsxRuntime.jsx(ke,{}),jsxRuntime.jsx(We,{})]}),jsxRuntime.jsx(Ve,{}),jsxRuntime.jsx($e,{})]}),Fa=()=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",itemAlign:"stretch",gap:4,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,className:"oui-flex-1 oui-w-1/2",children:[jsxRuntime.jsx("div",{className:"oui-flex-1 oui-h-full oui-w-full",children:jsxRuntime.jsx(ke,{})}),jsxRuntime.jsx(Ve,{})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,className:"oui-w-1/2",children:[jsxRuntime.jsx(We,{}),jsxRuntime.jsx("div",{className:"oui-flex-1",children:jsxRuntime.jsx($e,{})})]})]});var Ft=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-summary",r:"2xl",p:6,width:"100%",height:"100%",gap:4,direction:"column",className:"oui-bg-base-9 xl:oui-flex-1",children:[jsxRuntime.jsx(La,{...e}),jsxRuntime.jsx(ui,{className:"md:oui-hidden",...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",className:"md:oui-mt-3",children:[jsxRuntime.jsx(ka,{...e}),jsxRuntime.jsx(Ma,{...e})]}),jsxRuntime.jsx(Ba,{title:"Trading vol. (USDC)",...e})]}),La=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",gap:3,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-flex-1",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Your referrer"}),jsxRuntime.jsx(ui$1.Button,{color:"secondary",size:"sm",className:"oui-text-primary-light oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-bg-base-6",children:e.code})]}),jsxRuntime.jsx(ui,{className:"oui-hidden md:oui-flex md:oui-flex-shrink md:oui-w-fit",...e})]}),ui=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",gap:2,className:e.className,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-sm md:oui-text-base 2xl:oui-text-lg",children:"Rebate:"}),jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",className:"oui-text-lg md:oui-text-xl 2xl:oui-text-2xl",children:e.rebateText})]}),ka=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",width:"100%",justify:"between",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm",children:"Summary"}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes})})]}),Ma=e=>jsxRuntime.jsxs(ui$1.Flex,{gradient:"success",angle:180,r:"xl",py:4,px:6,width:"100%",direction:"column",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-base 2xl:oui-text-lg",children:"Rebates (USDC)"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:3,className:"oui-text-xl md:oui-text-2xl xl:oui-text-3xl",children:[jsxRuntime.jsx(J,{className:"md:oui-w-[24px] md:oui-h-[24px] lg:oui-w-[28px] lg:oui-h-[28px] "}),jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(e.rebates,{fix:2,fallback:"0"})})]})]}),Ba=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-xs md:oui-text-sm xl:oui-text-base",children:utils.commifyOptional(e.vol,{fix:2,fallback:"0"})})]});var Pt=()=>{let[e,t]=react.useState("All"),i=[{label:"All",value:"All"},{label:"1D",value:"1D"},{label:"7D",value:"7D"},{label:"30D",value:"30D"}],{referralInfo:r,userVolume:o}=w(),a=react.useMemo(()=>{if(!r)return 0;switch(e){case "All":return r.referee_info.total_referee_rebate;case "1D":return r.referee_info["1d_referee_rebate"];case "7D":return r.referee_info["7d_referee_rebate"];case "30D":return r.referee_info["30d_referee_rebate"]}},[r,e]),n=react.useMemo(()=>{if(o)switch(e){case "All":return o.all_volume;case "1D":return o["1d_volume"];case "7D":return o["7d_volume"];case "30D":return o["30d_volume"]}},[o,e]),l=r?.referee_info.referer_code,m=r?.referee_info.referee_rebate_rate,c=react.useMemo(()=>m?new utils.Decimal(m).mul(100).toDecimalPlaces(2,utils.Decimal.ROUND_DOWN).toString()+"%":"-",[m]);return {period:e,periodTypes:i,onPeriodChange:s=>{t(s);},rebates:a,vol:n,rebateText:c,code:l}};var It=()=>{let e=Pt();return jsxRuntime.jsx(Ft,{...e})};var kt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-titleStatistic",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 xl:oui-flex-1",children:[jsxRuntime.jsx(za,{...e}),jsxRuntime.jsx(ui$1.Flex,{className:"oui-min-h-[170px] oui-h-full oui-w-full oui-flex oui-flex-row oui-items-stretch",children:jsxRuntime.jsx(chart.VolBarChart,{data:e.dataSource,colors:{fill:"rgba(0, 180, 158, 1)"},className:"oui-w-full oui-flex-1",tooltip:{rm:utils.Decimal.ROUND_DOWN,dp:e.volType==="volume"?2:6}})})]}),za=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"Statistics"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:2,className:"oui-min-w-14",children:[jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes}),jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.volType,onValueChange:e.onVolTypeChange,options:e.volTypes})]})]});var Mt=()=>{let[e,t]=react.useState("7"),i=[{label:"7D",value:"7"},{label:"30D",value:"30"},{label:"90D",value:"90"}],r=d=>{t(d);},[o,a]=react.useState("rebate"),n=[{label:"Rebate",value:"rebate"},{label:"Volume",value:"volume"}],l=d=>{a(d);},m=react.useMemo(()=>e==="7"?{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)}:e==="30"?{startDate:dateFns.subDays(new Date,30),endDate:dateFns.subDays(new Date,1)}:e==="90"?{startDate:dateFns.subDays(new Date,90),endDate:dateFns.subDays(new Date,1)}:{startDate:dateFns.subDays(new Date,7),endDate:dateFns.subDays(new Date,1)},[e]),{data:c,mutate:u}=hooks.useRefereeRebateSummary(m),{dailyVolume:s,chartConfig:f}=w(),p=react.useMemo(()=>o==="rebate"?(c||[]).map(b=>({date:b.date,volume:b.referee_rebate})).reverse():o==="volume"?s?.filter(d=>d.date>dateFns.format(dateFns.subDays(Date(),Number(e)+1),"yyyy-MM-dd")).map(d=>({date:d.date,volume:d.perp_volume}))||[]:[],[c,s,o]);return {period:e,periodTypes:i,onPeriodChange:r,volType:o,volTypes:n,onVolTypeChange:l,dataSource:Ue(Number(e),p)}};var Bt=()=>{let e=Mt();return jsxRuntime.jsx(kt,{...e})};var Wt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-rebates",r:"2xl",p:6,width:"100%",gap:4,direction:"column",className:"oui-bg-base-9 oui-tabular-nums",children:[jsxRuntime.jsx(Ja,{...e}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",className:"oui-border-y-2 oui-border-line-6",height:49,direction:"row",itemAlign:"center",children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.DatePicker.range,{size:"xs",value:e.dateRange,onChange:t=>{e.setDateRange(t);},max:90,disabled:{after:new Date}})})}),jsxRuntime.jsx(Ka,{...e})]}),Ja=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg",children:"My rebates"}),jsxRuntime.jsx(ui$1.Text,{intensity:36,className:"oui-text-2xs",children:e.displayDate})]}),Ka=e=>{let t=hooks.useMediaQuery("(max-width: 767px)"),i=[{title:"Rebates (USDC)",dataIndex:"referee_rebate",render:r=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(r,{fix:6,fallback:"0",padEnd:true,prefix:"$"})}),width:127},{title:"Trading vol. (USDC)",dataIndex:"vol",render:r=>utils.commifyOptional(r,{fix:2,fallback:"0",padEnd:true,prefix:"$"}),width:127},{title:"Date",dataIndex:"date",render:r=>jsxRuntime.jsx(ui$1.Text.formatted,{formatString:"yyyy-MM-dd",children:r}),width:127}];return t?jsxRuntime.jsx(ui$1.ListView,{dataSource:e.dataSource,className:"oui-h-[197px] oui-w-full",renderItem:(r,o)=>jsxRuntime.jsx(ja,{item:r})}):jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:e.isLoading,columns:i,dataSource:e.dataSource,ignoreLoadingCheck:true,onRow:r=>({className:"oui-h-[41px]"}),pagination:e.pagination,manualPagination:false})},ja=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Statistic,{label:"Rebates (USDC)",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-1 oui-min-w-[105px]",children:jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,children:utils.commifyOptional(e.item.referee_rebate,{fix:6,fallback:"0",padEnd:true,prefix:"$"})})}),jsxRuntime.jsx(ui$1.Statistic,{label:"Trading vol. (USDC)  ",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-shrink",children:jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,children:utils.commifyOptional(e.item.vol,{fix:2,fallback:"0",padEnd:true,prefix:"$"})})}),jsxRuntime.jsx(ui$1.Statistic,{label:"Date",className:"oui-text-xs oui-text-base-contrast-54 oui-flex-1",align:"end",children:jsxRuntime.jsx(ui$1.Text.formatted,{size:"sm",intensity:80,formatString:"yyyy-MM-dd",children:e.item.date})})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full oui-mt-3"})]});var Ot=()=>{let[e,t]=react.useState({from:dateFns.subDays(new Date,90),to:dateFns.subDays(new Date,1)}),{data:i,mutate:r,isLoading:o}=hooks.useRefereeRebateSummary({startDate:e?.from,endDate:e?.to}),{data:a,mutate:n}=hooks.useDaily({startDate:e?.to,endDate:e?.from}),l=react.useMemo(()=>typeof i>"u"?[]:i.map(s=>{let f=s.date,p=a?.filter(d=>Er(dateFns.toDate(f),dateFns.toDate(d.date)))?.[0];return p?{...s,vol:p.perp_volume}:s}),[i,a]),m;(l?.length||0)>0&&(m=Mr(l?.[0].date));let{pagination:c,setPage:u}=ui$1.usePagination();return react.useEffect(()=>{u(1);},[e]),{dateRange:e,setDateRange:t,displayDate:m,dataSource:l,pagination:c,isLoading:o}};var Ut=()=>{let e=Ot();return jsxRuntime.jsx(Wt,{...e})};var Fe=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-trader-page",className:ui$1.cn("oui-h-lvw oui-w-full","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:4,className:"oui-flex oui-flex-col xl:oui-flex-row xl:oui-items-stretch",children:[jsxRuntime.jsx(It,{}),jsxRuntime.jsx(Bt,{})]}),jsxRuntime.jsx(Ut,{})]});var $t=e=>typeof e.overwrite=="function"?e.overwrite?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-becomeAffiliate",direction:"column",gap:6,p:6,itemAlign:"center",r:"2xl",className:"oui-bg-base-9",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{children:"Becoming an affiliate is easy"}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-flex oui-flex-col lg:oui-flex-row oui-gap-3 lg:oui-items-stretch lg:oui-w-full",children:[jsxRuntime.jsx(zt,{icon:jsxRuntime.jsx(un,{}),title:"Apply",content:"Fill out the application form"}),jsxRuntime.jsx("div",{className:"oui-flex-shrink lg:-oui-rotate-90 lg:oui-flex lg:oui-flex-row lg:oui-items-center lg:oui-justify-center",children:jsxRuntime.jsx(wi,{})}),jsxRuntime.jsx(zt,{icon:jsxRuntime.jsx(fn,{}),title:"Share",content:"Unlock your affiliate link and share it with your community"}),jsxRuntime.jsx("div",{className:"oui-flex-shrink lg:-oui-rotate-90 lg:oui-flex lg:oui-flex-row lg:oui-items-center lg:oui-justify-center",children:jsxRuntime.jsx(wi,{})}),jsxRuntime.jsx(zt,{icon:jsxRuntime.jsx(mn,{}),title:"Earn",content:"Get paid and receive special treatment 24/7, 365"})]})]}),zt=e=>jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-flex oui-flex-row oui-gap-3","lg:oui-flex-col lg:oui-gap-[6px] lg:oui-flex-1"),width:"100%",children:[jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:e.icon}),jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-flex oui-flex-col oui-items-start oui-h-full oui-justify-between","lg:oui-items-center lg:oui-justify-start"),children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base 2xl:oui-text-lg lg:oui-text-center",children:e.title}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-36 lg:oui-text-center",children:e.content})]})]}),un=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.941 5.4h-6.682a.6.6 0 0 0-.593.509l-.462 3a.6.6 0 0 0 .593.691h7.606a.6.6 0 0 0 .593-.691l-.462-3a.6.6 0 0 0-.593-.509m-6.682-1.8a2.4 2.4 0 0 0-2.372 2.035l-.462 3a2.4 2.4 0 0 0 2.372 2.765h7.606a2.4 2.4 0 0 0 2.372-2.765l-.462-3A2.4 2.4 0 0 0 24.941 3.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M32.721 28.2c.924-1.6 3.233-1.6 4.157 0l7.275 12.6c.924 1.6-.231 3.6-2.079 3.6H27.525c-1.848 0-3.002-2-2.078-3.6z",fill:"#335FFC"}),jsxRuntime.jsx("path",{d:"M33.492 38.12H31.56c-.252 0-.426-.276-.336-.535l1.92-5.53a.4.4 0 0 1 .132-.185.34.34 0 0 1 .204-.07h3.24c.255 0 .43.284.333.544l-1.118 3.011h2.104c.31 0 .475.4.27.656l-5.158 6.453c-.251.313-.716.041-.619-.362z",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.4 16.8v2.4h2.4v-2.4zM13.2 15a.6.6 0 0 0-.6.6v4.8a.6.6 0 0 0 .6.6H18a.6.6 0 0 0 .6-.6v-4.8a.6.6 0 0 0-.6-.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M20.4 16.2a.6.6 0 0 1 .6-.6h2.4a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H21a.6.6 0 0 1-.6-.6zm0 3a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6zm-7.8 5.4a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.739 6.6H10.2A2.4 2.4 0 0 0 7.8 9v30a2.4 2.4 0 0 0 2.4 2.4h13.84l1.014-1.8H10.2a.6.6 0 0 1-.6-.6V9a.6.6 0 0 1 .6-.6h5.262zm12 1.8H33a.6.6 0 0 1 .6.6v16.47a2.8 2.8 0 0 1 1.8-.205V9A2.4 2.4 0 0 0 33 6.6h-5.538z",fill:"#fff",fillOpacity:".36"})]}),fn=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{d:"M24 33a9 9 0 1 1-18 0 9 9 0 0 1 18 0",fill:"#335FFC"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 32.4a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0 1.8a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2m-6.578 4.942A4.8 4.8 0 0 1 13.2 34.8h3.6a4.8 4.8 0 0 1 4.778 4.342 9 9 0 0 1-1.778 1.473V39.6a3 3 0 0 0-3-3h-3.6a3 3 0 0 0-3 3v1.015a9 9 0 0 1-1.778-1.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.2 12a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0m1.8 0c0 1.37-.459 2.632-1.231 3.642l2.308 2.308a7.76 7.76 0 0 1 4.023-1.7v-.764A3.602 3.602 0 0 1 24 8.4a3.6 3.6 0 0 1 .9 7.087v.764c1.48.17 2.833.754 3.942 1.633l2.326-2.326a6 6 0 1 1 1.273 1.273l-2.326 2.326a7.76 7.76 0 0 1 1.634 3.943h.764a3.602 3.602 0 0 1 7.087.9 3.6 3.6 0 0 1-7.087.9h-.764a7.76 7.76 0 0 1-1.699 4.023l2.308 2.308a6 6 0 1 1-1.25 1.295l-2.347-2.347a7.8 7.8 0 0 1-3.05 1.433 11 11 0 0 0-.377-1.76 6 6 0 1 0-7.185-7.185q-.855-.261-1.76-.379a7.8 7.8 0 0 1 1.432-3.049l-2.347-2.347A6 6 0 1 1 18 12m7.8 0a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0M36 25.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0-9.6a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4M40.2 36a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0",fill:"#fff",fillOpacity:".36"})]}),mn=()=>jsxRuntime.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 24a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8m0 1.8a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{d:"M45 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0",fill:"#335FFC"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M35.1 6.6a.9.9 0 1 1 1.8 0v.437A3 3 0 0 1 39 9.9h-1.8a1.2 1.2 0 1 0-1.2 1.2 3 3 0 0 1 .9 5.863v.437a.9.9 0 0 1-1.8 0v-.437A3 3 0 0 1 33 14.1h1.8a1.2 1.2 0 1 0 1.2-1.2 3 3 0 0 1-.9-5.863z",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40.2 23.7a.9.9 0 0 1 1.8 0v.6q0 .045-.004.086c-.197 9.351-7.525 16.948-16.765 17.573l1.205 1.205a.9.9 0 1 1-1.272 1.272l-2.7-2.7a.9.9 0 0 1 0-1.272l2.7-2.7a.9.9 0 1 1 1.272 1.272l-1.11 1.11c8.325-.674 14.87-7.642 14.874-16.14zM21.564 4.836a.9.9 0 1 1 1.272-1.272l2.7 2.7a.9.9 0 0 1 0 1.272l-2.7 2.7a.9.9 0 1 1-1.272-1.272l1.11-1.11C14.347 8.528 7.8 15.5 7.8 24v.3a.9.9 0 1 1-1.8 0v-.6l.004-.086C6.201 14.263 13.53 6.666 22.77 6.042z",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 11.4q.615 0 1.213.058a11 11 0 0 0 .061 1.816Q24.647 13.2 24 13.2c-5.965 0-10.8 4.835-10.8 10.8 0 2.898 1.142 5.53 3 7.47a4.8 4.8 0 0 1 4.8-4.79h6a4.8 4.8 0 0 1 4.8 4.789c1.858-1.94 3-4.572 3-7.47q0-.647-.074-1.274a11 11 0 0 0 1.816.06q.057.6.058 1.214c0 6.959-5.641 12.6-12.6 12.6S11.4 30.959 11.4 24 17.041 11.4 24 11.4m6 21.581v-1.5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1.5a10.75 10.75 0 0 0 6 1.819c2.22 0 4.284-.67 6-1.819",fill:"#fff",fillOpacity:".36"})]}),wi=()=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.5048 4.00806C8.8728 4.00806 9.1708 4.30626 9.1708 4.67406C9.1708 4.99259 9.1708 8.71739 9.1708 9.71072L11.1688 7.73339L12.1055 8.67005L8.98346 11.8127C8.85346 11.9434 8.6788 12.0081 8.50413 12.0081C8.33013 12.0081 8.15612 11.9427 8.02612 11.8127L4.90413 8.67005L5.8408 7.73339L7.83881 9.71072C7.83881 8.71739 7.83881 4.99259 7.83881 4.67406C7.83881 4.30626 8.1368 4.00806 8.5048 4.00806Z",fill:"#608CFF"})});var Gt=()=>{let e=w();return {overwrite:e.overwrite?.ref?.step,state:e}};var Zt=()=>{let e=Gt();return jsxRuntime.jsx($t,{...e})};var Yt=e=>jsxRuntime.jsxs("div",{id:"oui-affiliate-home-title",className:"oui-text-3xl md:oui-text-3xl lg:oui-text-4xl xl:oui-text-5xl oui-font-bold oui-text-center",children:[jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:"Earn more as a "}}),jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:` ${e.gradientTitle}`},className:"oui-gradient-brand oui-text-transparent oui-bg-clip-text",style:{"--oui-gradient-angle":"270deg"}}),jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:" affiliate"}})]});var qt=()=>{let{overwrite:e}=w();return {gradientTitle:e?.shortBrokerName||"Orderly"}};var Xt=()=>{let e=qt();return jsxRuntime.jsx(Yt,{...e})};var Jt=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-subtitle",direction:"column",className:"oui-text-sm md:oui-text-base xl:oui-text-lg oui-text-base-contrast-80 oui-text-center",gap:3,children:[jsxRuntime.jsx(ui$1.Text,{children:"Grow your brand | Get 40% commission | Unlock exclusive perks"}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,className:"oui-text-primary-light oui-fill-primary-light hover:oui-text-primary-darken oui-cursor-pointer oui-text-2xs md:oui-text-xs xl:oui-text-sm",onClick:t=>{e.onLearnAffiliate?e.onLearnAffiliate?.():e.learnAffiliateUrl&&window.open(e.learnAffiliateUrl,"_blank");},children:[jsxRuntime.jsx(ui$1.Text,{children:"Learn how it works"}),jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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 Kt=()=>{let e=w(),{onLearnAffiliate:t,learnAffiliateUrl:i}=e;return {onLearnAffiliate:t,learnAffiliateUrl:i}};var jt=()=>{let e=Kt();return jsxRuntime.jsx(Jt,{...e})};var er=e=>e.overwriteTop!==void 0?e.overwriteTop?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-top",direction:"column",gap:6,children:[jsxRuntime.jsx(Xt,{}),jsxRuntime.jsx(jt,{})]});var tr=()=>{let e=w();return {overwriteTop:e.overwrite?.ref?.top,state:e}};var rr=()=>{let e=tr();return jsxRuntime.jsx(er,{...e})};var tt=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"white",fillOpacity:"0.98",xmlns:"http://www.w3.org/2000/svg",className:e.className,children:jsxRuntime.jsx("path",{d:"M4.00806 7.9952C4.00806 7.6272 4.30626 7.3292 4.67406 7.3292C4.99259 7.3292 8.71739 7.3292 9.71072 7.3292L7.73339 5.3312L8.67005 4.39453L11.8127 7.51654C11.9434 7.64654 12.0081 7.8212 12.0081 7.99587C12.0081 8.16987 11.9427 8.34388 11.8127 8.47388L8.67005 11.5959L7.73339 10.6592L9.71072 8.66119C8.71739 8.66119 4.99259 8.66119 4.67406 8.66119C4.30626 8.66119 4.00806 8.3632 4.00806 7.9952Z"})});var ir=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-asAnAffiliate",gradient:"primary",r:"2xl",p:6,gap:6,direction:"column",angle:180,width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{height:80,direction:"row",gap:3,itemAlign:"start",width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",justify:"between",className:"oui-h-full",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl",children:e.isAffiliate?"Affiliate":"As an affiliate"}),jsxRuntime.jsx(ui$1.Text,{className:ui$1.cn("oui-text-xs md:oui-text-sm 2xl:oui-text-base oui-text-base-contrast-54",e.isAffiliate&&"oui-hidden"),children:"Onboard traders to earn passive income"})]}),jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(Rn,{})})]}),jsxRuntime.jsx(Tn,{...e})]}),Rn=()=>jsxRuntime.jsxs("svg",{width:"72",height:"72",viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"xl:oui-w-[90px] xl:oui-h-[90px] ",children:[jsxRuntime.jsx("path",{d:"M35.997 5.86c-16.569 0-29.944 13.43-30 30-.056 16.545 13.445 30.06 30 30.093s30.03-13.665 30-30.093c-.03-16.57-13.432-30-30-30m0 6c13.255 0 24 10.746 24 24 0 6.75-2.812 12.834-7.297 17.196-2.209-4.78-6.955-8.196-12.39-8.196h-8.626c-5.432 0-10.164 3.375-12.375 8.157-4.485-4.362-7.312-10.407-7.312-17.157 0-13.254 10.745-24 24-24m0 6c-6.628 0-12 5.373-12 12s5.372 12 12 12c6.627 0 12-5.373 12-12s-5.373-12-12-12",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("path",{d:"M72 57c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15",fill:"#1828C3"}),jsxRuntime.jsx("path",{d:"M53.624 51.45a4.125 4.125 0 0 0-4.125 4.125c0 2.388 1.36 4.641 3.61 6.703a21 21 0 0 0 2.414 1.875c.287.194.556.37.797.516.147.089.243.154.304.187a.79.79 0 0 0 .75 0c.061-.033.158-.098.305-.187.24-.147.51-.322.797-.516a21 21 0 0 0 2.414-1.875c2.25-2.062 3.61-4.315 3.61-6.703a4.125 4.125 0 0 0-4.126-4.125c-1.294 0-2.557.705-3.351 1.734-.775-1.047-2.034-1.734-3.399-1.734",fill:"#fff",fillOpacity:".98"})]}),Tn=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",itemAlign:"end",children:(()=>{if(e.isAffiliate&&!e.wrongNetwork){let i=e.referralInfo?.referrer_info?.total_referrer_rebate;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gap:2,children:[jsxRuntime.jsxs(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:["Commission ",jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"(USDC)"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(J,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",children:utils.commifyOptional(i,{fix:2,fallback:"0"})})]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,justify:"end",itemAlign:"center",className:"oui-cursor-pointer",onClick:r=>{e.onEnterAffiliatePage?.(e.referralInfo);},children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base xl:oui-text-lg",children:"Enter"}),jsxRuntime.jsx(tt,{className:"md:oui-w-[18px] md:oui-h-[18px] lg:oui-w-[20px] lg:oui-h-[20px] xl:oui-w-[24px] xl:oui-h-[24px]"})]})]})}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Tooltip,{content:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function",children:e.isMobile?jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:i=>{!e.isSignIn||e.wrongNetwork?(i.stopPropagation(),i.preventDefault(),ui$1.modal.alert({title:"Tips",message:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function"})})):e.becomeAnAffiliate?.();},className:!e.isSignIn||e.wrongNetwork?"oui-bg-white/[.54] oui-text-black/[.36] hover:oui-bg-white/[.54]":void 0,children:"Become an affiliate"}):jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:e.becomeAnAffiliate,disabled:!e.isSignIn||e.wrongNetwork,children:"Become an affiliate"})}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"between",className:"oui-h-full",itemAlign:"end",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl 2xl:oui-text-2xl",children:"40%~60%"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-54",children:"Commission"})]})]})})()});var or=()=>{let{isAffiliate:e,isLoading:t,referralInfo:i,becomeAnAffiliateUrl:r,setShowHome:o,setTab:a,wrongNetwork:n,disabledConnect:l}=w(),{state:m}=hooks.useAccount(),c=!l&&(m.status===types.AccountStatusEnum.EnableTrading||m.status===types.AccountStatusEnum.EnableTradingWithoutConnected),u=()=>{window.open(r,"_blank");},s=()=>{a("affiliate"),o(false);},{isMobile:f}=ui$1.useScreen();return {isSignIn:c,isAffiliate:e,isLoading:t,referralInfo:i,onEnterAffiliatePage:s,becomeAnAffiliate:u,wrongNetwork:n,isMobile:f}};var ar=()=>{let e=or();return jsxRuntime.jsx(ir,{...e})};var lr=e=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-asTrader",gradient:"success",r:"2xl",p:6,gap:6,direction:"column",angle:180,width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{height:80,direction:"row",gap:3,itemAlign:"start",width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",justify:"between",className:"oui-h-full",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-lg md:oui-text-xl lg:oui-text-2xl xl:oui-text-3xl",children:e.isTrader?"Trader":"As a Trader"}),jsxRuntime.jsx(ui$1.Text,{className:ui$1.cn("oui-text-xs md:oui-text-sm 2xl:oui-text-base oui-text-base-contrast-54",e.isTrader&&"oui-hidden"),children:"Onboard traders to earn passive income"})]}),jsxRuntime.jsx("div",{className:"oui-flex-shrink-0",children:jsxRuntime.jsx(Vn,{})})]}),jsxRuntime.jsx(zn,{...e})]}),Vn=()=>jsxRuntime.jsxs("svg",{width:"72",height:"72",viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"xl:oui-w-[90px] xl:oui-h-[90px] ",children:[jsxRuntime.jsx("path",{d:"M44.996 7.324c-20.71 0-37.43 16.79-37.5 37.5-.07 20.682 16.806 37.575 37.5 37.617 20.694.04 37.537-17.082 37.5-37.617-.037-20.71-16.79-37.5-37.5-37.5m0 7.5c16.569 0 30 13.433 30 30 0 8.438-3.514 16.043-9.12 21.495-2.762-5.973-8.694-10.245-15.49-10.245h-10.78c-6.791 0-12.706 4.22-15.47 10.197-5.606-5.453-9.14-13.01-9.14-21.447 0-16.567 13.431-30 30-30m0 7.5c-8.284 0-15 6.717-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("path",{d:"M90 71.25C90 81.605 81.605 90 71.25 90S52.5 81.605 52.5 71.25 60.895 52.5 71.25 52.5 90 60.895 90 71.25",fill:"#005A4F"}),jsxRuntime.jsx("path",{d:"M80.62 75.007c0-.24-.08-.49-.263-.675l-3.487-3.456-1.318 1.318 1.845 1.875H63.745a.938.938 0 0 0 0 1.875h13.652l-1.845 1.875 1.318 1.318 3.487-3.456a.95.95 0 0 0 .263-.674m-.937-7.5a.94.94 0 0 0-.938-.938H65.093l1.846-1.875-1.319-1.318-3.486 3.456a.966.966 0 0 0 0 1.349l3.486 3.456 1.319-1.318-1.846-1.875h13.652c.518 0 .938-.42.938-.937",fill:"#fff",fillOpacity:".98"})]}),zn=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"row",justify:"between",width:"100%",itemAlign:"end",children:(()=>{if(e.isTrader&&!e.wrongNetwork){let i=e.referralInfo?.referee_info?.total_referee_rebate;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gap:2,children:[jsxRuntime.jsxs(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs xl:oui-text-sm",children:["Commission ",jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"(USDC)"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(J,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl xl:oui-text-2xl",children:utils.commifyOptional(i,{fix:2,fallback:"0"})})]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,justify:"end",itemAlign:"center",className:"oui-cursor-pointer",onClick:r=>{e?.onEnterTraderPage?.();},children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-sm md:oui-text-base xl:oui-text-lg",children:"Enter"}),jsxRuntime.jsx(tt,{className:"md:oui-w-[18px] md:oui-h-[18px] lg:oui-w-[20px] lg:oui-h-[20px] xl:oui-w-[24px] xl:oui-h-[24px]"})]})]})}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Hn,{...e}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"between",className:"oui-h-full",itemAlign:"end",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base md:oui-text-lg lg:oui-text-xl 2xl:oui-text-2xl",children:"0%~20%"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-text-2xs md:oui-text-xs 2xl:oui-text-sm oui-text-base-contrast-54",children:"Rebate"})]})]})})()}),Hn=e=>jsxRuntime.jsxs(ui$1.Dialog,{open:e.open,onOpenChange:e.setOpen,children:[jsxRuntime.jsx(ui$1.DialogTrigger,{children:jsxRuntime.jsx(ui$1.Tooltip,{content:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function",children:e.isMobile?jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",onClick:t=>{(!e.isSignIn||e.wrongNetwork)&&(t.stopPropagation(),t.preventDefault(),ui$1.modal.alert({title:"Tips",message:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e.wrongNetwork?"Please switch to a supported network to continue.":"Please connect your wallet to use this function"})}));},className:!e.isSignIn||e.wrongNetwork?"oui-bg-white/[.54] oui-text-black/[.36] hover:oui-bg-white/[.54]":void 0,children:"Enter code"}):jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"light",disabled:!e.isSignIn||e.wrongNetwork,children:"Enter code"})})}),jsxRuntime.jsxs(ui$1.DialogContent,{className:"oui-w-[320px] oui-font-semibold",children:[jsxRuntime.jsx(ui$1.DialogHeader,{children:jsxRuntime.jsx(ui$1.DialogTitle,{children:"Bind a referral code"})}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsxs(ui$1.DialogBody,{children:[jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:54,children:"Bind a referral code to earn trading fee rebates."}),jsxRuntime.jsx(ui$1.TextField,{className:"oui-w-full oui-mt-4",placeholder:"Referral code",value:e.code,onChange:t=>{e.setCode(t.target.value);},formatters:[ui$1.inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClean:()=>{e.setCode("");},label:"Enter referral code",classNames:{label:"oui-text-2xs oui-text-base-contrast-54"},helpText:!e.isExist&&!e.isLoading&&e.code.length>0?"This referral code does not exist.":void 0,color:!e.isExist&&!e.isLoading&&e.code.length>0?"danger":void 0}),jsxRuntime.jsx(ui$1.Flex,{itemAlign:"center",width:"100%",direction:"row",justify:"center",mt:6,children:jsxRuntime.jsx(ui$1.Button,{variant:"contained",color:"primary",size:"md",className:"oui-px-[40px]",disabled:e.code.length<4||!e.isExist,onClick:t=>{t.stopPropagation(),e.onClickConfirm();},children:"Confirm"})})]})]})]});var ur=()=>{let{isTrader:e,referralInfo:t,setShowHome:i,bindReferralCodeState:r,setTab:o,mutate:a,wrongNetwork:n,disabledConnect:l}=w(),{state:m}=hooks.useAccount(),c=!l&&(m.status===types.AccountStatusEnum.EnableTrading||m.status===types.AccountStatusEnum.EnableTradingWithoutConnected),u=()=>{o("trader"),i(false);},[s,f]=react.useState(""),[p,d]=react.useState(false),{isExist:b,error:_,isLoading:z}=hooks.useCheckReferralCode(s),L=()=>{d(false);},[ve,{error:N,isMutating:E}]=hooks.useMutation("/v1/referral/bind","POST"),P=async()=>{try{await ve({referral_code:s}),ui$1.toast.success("Referral code bound"),a(),r?r(!0,null,L,{tab:1}):L();}catch(se){let X=`${se}`;"message"in se&&(X=se.message),X==="referral code not exist"&&(X="This referral code does not exist"),r?(ui$1.toast.error(X),r(false,se,L,{})):ui$1.toast.error(X);}},{isMobile:Ce}=ui$1.useScreen();return {isSignIn:c,isTrader:e,isLoading:z,referralInfo:t,onEnterTraderPage:u,code:s,setCode:f,open:p,setOpen:d,onClickConfirm:P,isExist:b,wrongNetwork:n,isMobile:Ce}};var fr=()=>{let e=ur();return jsxRuntime.jsx(lr,{...e})};var mr=e=>typeof e.overwrite=="function"?e.overwrite?.(e.state):jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-card",className:"oui-flex oui-flex-col xl:oui-flex-row oui-gap-6 xl:oui-gap-[36px] oui-w-full oui-items-stretch",children:[jsxRuntime.jsx(ar,{}),jsxRuntime.jsx(fr,{})]});var dr=()=>{let e=w();return {overwrite:e.overwrite?.ref?.card,state:e}};var cr=()=>{let e=dr();return jsxRuntime.jsx(mr,{...e})};var be=()=>jsxRuntime.jsxs(ui$1.Flex,{id:"oui-affiliate-home-page",className:ui$1.cn("oui-h-lvw ","oui-font-semibold"),direction:"column",gap:4,children:[jsxRuntime.jsx(rr,{}),jsxRuntime.jsx(cr,{}),jsxRuntime.jsx(Zt,{})]});var pr=e=>{let t=()=>{if(e.isAffiliate&&!e.isTrader)return jsxRuntime.jsxs(ui$1.Button,{variant:"contained",color:"success",size:"sm",className:"oui-px-2 oui-flex oui-gap-1",style:{position:"absolute",top:"50%",right:"24px",transform:"translateY(-50%)"},onClick:i=>{e.anATrader();},children:[jsxRuntime.jsx(lt,{}),jsxRuntime.jsx(ui$1.Text,{children:"As a trader"})]});if(!e.isAffiliate&&e.isTrader)return jsxRuntime.jsxs(ui$1.Button,{variant:"contained",color:"primary",size:"sm",className:"oui-px-2 oui-flex oui-gap-1",style:{position:"absolute",top:"50%",right:"24px",transform:"translateY(-50%)"},onClick:i=>{e.anAnAffiliate();},children:[jsxRuntime.jsx(at,{}),jsxRuntime.jsx(ui$1.Text,{children:"As an affiliate"})]})};return e.isLoading?jsxRuntime.jsx("div",{className:ui$1.cn("oui-max-w-[960px]",e.classNames?.loadding),children:e.splashPage?.()||jsxRuntime.jsx(be,{})}):!e.isAffiliate&&!e.isTrader||e.showHome?jsxRuntime.jsx("div",{className:ui$1.cn("oui-max-w-[960px]",e?.classNames?.home),children:jsxRuntime.jsx(be,{})}):jsxRuntime.jsxs(ui$1.TabsBase,{id:"oui-affiliate-dashboard-tab",value:e.tab,onValueChange:i=>{e.setTab(i);},className:ui$1.cn("oui-w-full",e.classNames?.dashboard),children:[jsxRuntime.jsxs(ui$1.TabsList,{className:ui$1.cn("oui-px-6 oui-flex oui-flex-row oui-justify-start oui-h-[44px] oui-relative oui-items-end","oui-text-base md:oui-text-lg","oui-rounded-xl oui-bg-base-9","oui-border oui-border-line-6",e.isAffiliate&&e.isTrader&&"oui-justify-center"),children:[e.isAffiliate&&jsxRuntime.jsx(ui$1.TabsTrigger,{id:"oui-affiliate-dashboard-tab-affiliate",value:"affiliate",children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,mb:2,children:[jsxRuntime.jsx(at,{fillOpacity:1,fill:"currentColor",className:e.tab==="affiliate"?"oui-fill-white/[.98]":"oui-fill-white/[.36]"}),jsxRuntime.jsx(ui$1.Text,{children:"Affiliate"})]})}),e.isTrader&&jsxRuntime.jsx(ui$1.TabsTrigger,{id:"oui-affiliate-dashboard-tab-trader",value:"trader",children:jsxRuntime.jsxs(ui$1.Flex,{direction:"row",gap:1,mb:2,children:[jsxRuntime.jsx(lt,{fillOpacity:1,fill:"currentColor",className:e.tab==="trader"?"oui-fill-white/[.98]":"oui-fill-white/[.36]"}),jsxRuntime.jsx(ui$1.Text,{children:"Trader"})]})}),t()]}),e.isAffiliate&&jsxRuntime.jsx(ui$1.TabsContent,{value:"affiliate",className:"oui-mt-4",children:jsxRuntime.jsx(Ae,{})}),e.isTrader&&jsxRuntime.jsx(ui$1.TabsContent,{value:"trader",className:"oui-mt-4",children:jsxRuntime.jsx(Fe,{})})]})};var gr=()=>{let{isAffiliate:e,isTrader:t,isLoading:i,becomeAnAffiliateUrl:r,onBecomeAnAffiliate:o,showReferralPage:a,splashPage:n,showHome:l,setShowHome:m,tab:c,setTab:u}=w(),s=react.useMemo(()=>e&&t?c:e&&!t?"affiliate":!e&&t?"trader":"affiliate",[c,e,t]);return {setTab:u,tab:s,isAffiliate:e,isTrader:t,isLoading:i,anAnAffiliate:()=>{m(true);},anATrader:()=>{m(true);},splashPage:n,showHome:l,setShowHome:m}};var hr=e=>{let t=gr();return jsxRuntime.jsx(pr,{classNames:e.classNames,...t})};var Ei=e=>{let{classNames:t={}}=e,{root:i,...r}=t;return jsxRuntime.jsx("div",{id:"oui-affiliate-dashboard-page",className:ui$1.cn("oui-w-full oui-tracking-tight",i),children:jsxRuntime.jsx(hr,{classNames:r})})};var Ui=e=>{let{...t}=e;return jsxRuntime.jsx(uiScaffold.Scaffold,{leftSidebar:jsxRuntime.jsx(sl,{...t}),children:jsxRuntime.jsx(ui$1.Box,{mx:3,my:6,children:e.children})})},sl=e=>jsxRuntime.jsx(ui$1.Box,{p:4,m:3,border:true,borderColor:8,r:"xl",children:jsxRuntime.jsx(uiScaffold.SideBar,{...e})});var zi=()=>{let[e,t]=react.useState("/");return {items:react.useMemo(()=>[{name:"Trading",href:"/",icon:jsxRuntime.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.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",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"17.25",y1:"9",x2:".75",y2:"9",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})},{name:"Affiliate",href:"/affiliate",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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",fill:"#fff",fillOpacity:".54"})})}],[]),current:e,onItemSelect:r=>{t(r.href);}}};var ml=e=>{let t=zi();return jsxRuntime.jsx(Ui,{...t,children:e.children})};
 
-exports.AffiliateLayoutWidget = fl;
+exports.AffiliateLayoutWidget = ml;
 exports.Dashboard = Wi;
 exports.ReferralContext = Dr;
-exports.ReferralProvider = Ol;
-exports.TabTypes = Ce;
+exports.ReferralProvider = Ul;
+exports.TabTypes = Te;
 exports.useReferralContext = w;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map