@orderly.network/trading 2.8.0 → 2.8.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +21 -21
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var xe = require('react');
|
|
|
5
5
|
var reactApp = require('@orderly.network/react-app');
|
|
6
6
|
var types = require('@orderly.network/types');
|
|
7
7
|
var uiOrders = require('@orderly.network/ui-orders');
|
|
8
|
-
var ui
|
|
8
|
+
var ui = require('@orderly.network/ui');
|
|
9
9
|
var i18n = require('@orderly.network/i18n');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
var utils = require('@orderly.network/utils');
|
|
@@ -15,7 +15,7 @@ var uiConnector = require('@orderly.network/ui-connector');
|
|
|
15
15
|
var uiOrderEntry = require('@orderly.network/ui-order-entry');
|
|
16
16
|
var uiTransfer = require('@orderly.network/ui-transfer');
|
|
17
17
|
var uiTradingview = require('@orderly.network/ui-tradingview');
|
|
18
|
-
var
|
|
18
|
+
var pp = require('@uiw/react-split');
|
|
19
19
|
var uiScaffold = require('@orderly.network/ui-scaffold');
|
|
20
20
|
var uiChainSelector = require('@orderly.network/ui-chain-selector');
|
|
21
21
|
var core = require('@dnd-kit/core');
|
|
@@ -27,21 +27,21 @@ var markets = require('@orderly.network/markets');
|
|
|
27
27
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
28
28
|
|
|
29
29
|
var xe__default = /*#__PURE__*/_interopDefault(xe);
|
|
30
|
-
var
|
|
30
|
+
var pp__default = /*#__PURE__*/_interopDefault(pp);
|
|
31
31
|
|
|
32
|
-
var nu=Object.defineProperty;var m=(e,t)=>()=>(e&&(t=e(e=0)),t);var K=(e,t)=>{for(var o in t)nu(e,o,{get:t[o],enumerable:true});};exports.useTradingLocalStorage = void 0;var Vt=m(()=>{exports.useTradingLocalStorage=e=>{let[t,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=hooks.useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=hooks.useLocalStorage("showAllSymbol",true),[s,c]=hooks.useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:c}};});exports.usePositionsCount = void 0;var Sn=m(()=>{Vt();exports.usePositionsCount=e=>{let{showAllSymbol:t}=exports.useTradingLocalStorage(),[o]=hooks.usePositionStream(t?void 0:e),i=xe.useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:reactApp.useDataTap(i)??0}};});exports.usePendingOrderCount = void 0;var Nn=m(()=>{Vt();exports.usePendingOrderCount=e=>{let {showAllSymbol:t}=exports.useTradingLocalStorage();`orderly_${uiOrders.TabType.pending}_pageSize`;`orderly_${uiOrders.TabType.tp_sl}_pageSize`;let [r,{total:n}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,excludes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,includes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=reactApp.useDataTap(n)??0,l=reactApp.useDataTap(s)??0;return {pendingOrderCount:c,tpSlOrderCount:l}};});var Me=m(()=>{Vt();Sn();Nn();});exports.TradingPageContext = void 0;exports.useTradingPageContext = void 0;var se=m(()=>{exports.TradingPageContext=xe.createContext({}),exports.useTradingPageContext=()=>xe.useContext(exports.TradingPageContext);});var Pn,jo=m(()=>{Me();se();Pn=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=exports.useTradingLocalStorage({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=exports.useTradingPageContext(),{positionCount:c}=exports.usePositionsCount(r),{pendingOrderCount:l,tpSlOrderCount:g}=exports.usePendingOrderCount(r);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:l,tpSlOrderCount:g,onSymbolChange:s}};});var Gt,xu,yu,gt,Su,wu,ei=m(()=>{Gt=e=>{let[t,o]=xe.useState(false),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:0,children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsxRuntime.jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsx(ui$1.Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsxRuntime.jsx(ui$1.SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsxRuntime.jsx(ui$1.DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsxRuntime.jsx(yu,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-my-3"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsxRuntime.jsx(xu,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},xu=e=>{let{value:t,onValueChange:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(gt,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(gt,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},yu=e=>{let{value:t,onValueChange:o}=e;return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(gt,{sel:t===0,label:1,value:0,onCheckChange:o}),jsxRuntime.jsx(gt,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsxRuntime.jsx(gt,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},gt=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxRuntime.jsxs(ui$1.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsxRuntime.jsx(Su,{}):jsxRuntime.jsx(wu,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:t?98:54,children:o})]})},Su=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),wu=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});});var Fn,Dn=m(()=>{Fn=e=>({...e});});var Ln,Bn=m(()=>{Dn();ei();Ln=e=>{let t=Fn(e);return jsxRuntime.jsx(Gt,{...t})};});var On={};K(On,{Setting:()=>Gt,SettingWidget:()=>Ln});var Mn=m(()=>{ei();Bn();});var $t,Pu,ku,An,_n,ri=m(()=>{$t=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(Pu,{...e}):jsxRuntime.jsx(ku,{...e})},Pu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(An,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsxRuntime.jsx(_n,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx("label",{className:"oui-cursor-pointer oui-text-2xs oui-text-base-contrast-54",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},ku=e=>jsxRuntime.jsxs(ui$1.Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsxRuntime.jsx(An,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsxRuntime.jsx(_n,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),An=e=>{let{t}=i18n.useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsxRuntime.jsx(ui$1.Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},_n=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};});var En,zn=m(()=>{Me();En=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=hooks.usePositionStream(i,{calcMode:r}),a=reactApp.useDataTap(n.aggregated),s=a?.total_unreal_pnl,c=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:g,setShowAllSymbol:u}=exports.useTradingLocalStorage();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:c,notional:l,showAllSymbol:g,setShowAllSymbol:u}};});var Hn,Wn=m(()=>{zn();ri();Hn=e=>{let t=En(e);return jsxRuntime.jsx($t,{...t})};});var ni={};K(ni,{PositionHeader:()=>$t,PositionHeaderWidget:()=>Hn});var ai=m(()=>{ri();Wn();});var Wu,Vu,qu,Uu;exports.DataList = void 0;var ci=m(()=>{jo();Wu=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Mn(),On)).then(e=>({default:e.SettingWidget}))),Vu=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ai(),ni)).then(e=>({default:e.PositionHeaderWidget}))),qu=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",height:"100%",children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Vu,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui$1.Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsxRuntime.jsx(uiPositions.PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]}),Uu=()=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"oui-flex oui-space-x-1",children:[jsxRuntime.jsx("span",{children:e("positions.liquidation")}),jsxRuntime.jsx(ui$1.Tooltip,{className:"oui-max-w-[275px] oui-bg-base-6",content:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"oui-text-pretty",children:e("positions.Liquidation.tooltip.liquidation")}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx("a",{href:"https://orderly.network/docs/introduction/trade-on-orderly/perpetual-futures/liquidations",target:"_blank",rel:"noopener noreferrer",className:"oui-text-primary",children:e("positions.Liquidation.tooltip.viewMore")})})]}),arrow:{className:"oui-fill-base-6"},children:jsxRuntime.jsx("span",{className:"oui-hidden group-data-[state=active]:oui-block oui-cursor-pointer",children:jsxRuntime.jsx(ui$1.InfoCircleIcon,{})})})]})},exports.DataList=e=>{let{t}=i18n.useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,onSymbolChange:s,pnlNotionalDecimalPrecision:c,sharePnLConfig:l,setShowAllSymbol:g,current:u,unPnlPriceBasis:p,setUnPnlPriceBasic:f,setPnlNotionalDecimalPrecision:h}=e,b=[{value:"Positions",title:`${t("common.positions")} ${o>0?`(${o})`:""}`,content:jsxRuntime.jsx(qu,{...e})},{value:"Pending",title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})},{value:"TP/SL",title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})},{value:"Filled",title:t("orders.status.filled"),content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.filled,symbol:n?void 0:a,pnlNotionalDecimalPrecision:c,ordersStatus:types.OrderStatus.FILLED,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:l})},{value:"Position history",title:t("positions.positionHistory"),content:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:s,sharePnLConfig:l})},{value:"Order history",title:t("orders.orderHistory"),content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.orderHistory,pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:l})},{value:"Liquidation",title:jsxRuntime.jsx(Uu,{}),content:jsxRuntime.jsx(uiPositions.LiquidationWidget,{symbol:n?void 0:a})},{value:"Assets",title:t("common.assets"),content:jsxRuntime.jsx(ui$1.Flex,{width:"100%",height:"100%",className:"oui-overflow-y-auto oui-hide-scrollbar oui-pt-3",children:jsxRuntime.jsx(portfolio.AssetsModule.AssetsDataTableWidget,{classNames:{scrollRoot:"oui-h-full oui-mb-6 oui-mt-0 oui-p-0 oui-pt-3 oui-h-[calc(100%_-_40px)]",root:"oui-gap-4 oui-h-full",desc:"oui-ml-1"},dataTableClassNames:{header:"oui-bg-base-9",root:"oui-h-[calc(100%_-_28px)]"}})})}];return jsxRuntime.jsx(ui$1.Tabs,{defaultValue:u||"Positions",variant:"contained",trailing:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Wu,{pnlNotionalDecimalPrecision:c,setPnlNotionalDecimalPrecision:h,unPnlPriceBasis:p,setUnPnlPriceBasic:f,hideOtherSymbols:!n,setHideOtherSymbols:x=>g(!x)})}),size:"lg",className:"oui-h-full",classNames:{trigger:"oui-group",tabsContent:"oui-h-[calc(100%_-_32px)]"},children:b.map(x=>{let{content:T,...C}=x;return xe.createElement(ui$1.TabPanel,{...C,key:`item-${C.value}`},T)})})};});exports.DataListWidget = void 0;var Gn=m(()=>{jo();ci();exports.DataListWidget=e=>{let t=Pn(e);return jsxRuntime.jsx(exports.DataList,{...t})};});var $n={};K($n,{DataList:()=>exports.DataList,DataListWidget:()=>exports.DataListWidget});var ui=m(()=>{ci();Gn();});exports.LastTrades = void 0;var Xn,Zu,Ju,di=m(()=>{exports.LastTrades=e=>jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsxRuntime.jsx(ui$1.Box,{className:"oui-pr-1",children:jsxRuntime.jsx(Zu,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsxRuntime.jsx(Ju,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),Xn=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxRuntime.jsxs(ui$1.Grid,{cols:3,gapX:2,width:"100%",className:ui$1.cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.left),children:t}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.mid),children:o}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},Zu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(Xn,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:ui$1.cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Ju=e=>jsxRuntime.jsx(ui$1.ListView,{dataSource:e.data,className:ui$1.cn("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsxRuntime.jsx(Xn,{left:jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:utils.commifyOptional(t?.price,{fix:e.quoteDp}),right:utils.commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:ui$1.cn("oui-text-base-contrast-80",e.classNames?.left),right:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});});var Jn,jn=m(()=>{Jn=e=>{let{data:t,isLoading:o}=hooks.useMarketTradeStream(e),i=hooks.useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};});exports.LastTradesWidget = void 0;var ea=m(()=>{jn();di();exports.LastTradesWidget=e=>{let t=Jn(e.symbol);return jsxRuntime.jsx(exports.LastTrades,{...t,classNames:e.classNames,style:e.style})};});var ta={};K(ta,{LastTrades:()=>exports.LastTrades,LastTradesWidget:()=>exports.LastTradesWidget});var jt=m(()=>{di();ea();});function oa(e){let{t}=i18n.useTranslation();return e.showFaucet?jsxRuntime.jsx(ui$1.Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}var ia=m(()=>{});function aa(){let{t:e}=i18n.useTranslation(),{connectedChain:t,namespace:o}=hooks.useWalletConnector(),{state:i,account:r}=hooks.useAccount(),n=hooks.useConfig(),a=n.get("operatorUrl"),[s,{isMutating:c}]=hooks.useMutation(`${a}/v1/faucet/usdc`),[l,g]=xe.useState(false),u=xe.useMemo(()=>!t||!t.id?false:(i.status===types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;g(true);let f=e("trading.faucet.getTestUSDC.success",{quantity:o===types.ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(h=>{if(g(false),h.success)return ui$1.modal.alert({title:e("trading.faucet.getTestUSDC"),message:f,onOk:()=>new Promise(b=>b(true))});h.message&&ui$1.toast.error(h.message);},h=>{ui$1.toast.error(h.message);})},showFaucet:u,loading:l}}var sa=m(()=>{});function mi(){let e=aa();return jsxRuntime.jsx(oa,{...e})}var la=m(()=>{ia();sa();});var Rd,Fd,hi,Dd,pi,Ld,Bd;exports.AssetView = void 0;var io=m(()=>{la();Rd=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",Fd=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{t:i}=i18n.useTranslation();return xe.useMemo(()=>{let r={wrongNetwork:{title:i("connector.wrongNetwork"),description:i("connector.wrongNetwork.tooltip"),titleColor:"warning"},connectWallet:{title:i("connector.connectWallet"),description:i("connector.trade.connectWallet.tooltip"),titleClsName:"oui-text-transparent oui-bg-clip-text oui-gradient-brand"},createAccount:{title:i("connector.createAccount"),description:i("connector.trade.createAccount.tooltip"),titleColor:"primary"},enableTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},empty:{title:"",description:""}};return o?r.connectWallet:t?r.wrongNetwork:e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=types.AccountStatusEnum.NotConnected?r.connectWallet:e.status<=types.AccountStatusEnum.NotSignedIn?r.createAccount:e.status<types.AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},hi=e=>{let{description:t,formula:o}=e;return jsxRuntime.jsxs("div",{className:"oui-min-w-[204px] oui-max-w-[240px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80",children:[typeof t<"u"&&t!==null&&jsxRuntime.jsx("span",{children:t}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsxRuntime.jsx("span",{children:o})]})},Dd=e=>{let{t}=i18n.useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text.numeral,{visible:i,weight:"bold",size:"2xl",className:ui$1.gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsxRuntime.jsx("button",{onClick:r,children:i?jsxRuntime.jsx(ui$1.EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},pi=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:s,placeholder:c}=e;return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Tooltip,{className:"",content:jsxRuntime.jsx(hi,{description:o,formula:i}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsxRuntime.jsx(ui$1.Text.numeral,{visible:r,size:"2xs",unit:a,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:s,padding:false,dp:2,placeholder:c,children:n||"--"})]})},Ld=e=>{let{visible:t,value:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Tooltip,{className:ui$1.cn("oui-bg-base-6 oui-p-2"),content:jsxRuntime.jsx(uiOrderEntry.LTVRiskTooltipWidget,{}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:i("transfer.LTV")})}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",className:ui$1.cn("select-none",t&&Rd(Number(o))),children:t?`${o}%`:"*****"})]})},Bd=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[s,c]=hooks.useLocalStorage("orderly_entry_asset_list_open",false),[l,g]=xe.useState(s),{t:u}=i18n.useTranslation(),p=xe.useCallback(()=>{g(h=>!h),setTimeout(()=>{c(!l);},0);},[]),f=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxRuntime.jsxs(ui$1.Box,{className:"oui-group",children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:p,children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{size:12,color:"white",className:ui$1.cn("oui-transition-transform",l&&"oui-rotate-180")}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"})]}),jsxRuntime.jsxs(ui$1.Box,{style:{transform:"translateZ(0)"},className:ui$1.cn("oui-select-none oui-space-y-1.5 oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",l?f?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsxRuntime.jsx(pi,{label:u("trading.asset.freeCollateral"),description:u("trading.asset.freeCollateral.tooltip"),formula:u("trading.asset.freeCollateral.formula"),visible:t,value:o===0?"0":o,unit:"USDC"}),jsxRuntime.jsx(pi,{label:u("trading.asset.marginRatio"),description:u("trading.asset.marginRatio.tooltip"),formula:u("trading.asset.marginRatio.formula"),visible:t,value:i,isConnected:n,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsxRuntime.jsx(pi,{label:u("trading.asset.maintenanceMarginRatio"),description:u("trading.asset.maintenanceMarginRatio.tooltip"),formula:u("trading.asset.maintenanceMarginRatio.formula"),visible:t,value:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),f&&jsxRuntime.jsx(Ld,{visible:t,value:a})]})]})},exports.AssetView=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:u,isMainAccount:p,hasSubAccount:f,currentLtv:h})=>{let{title:b,description:x,titleColor:T,titleClsName:C}=Fd(),{t:S}=i18n.useTranslation(),P=f&&jsxRuntime.jsx(ui$1.Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui$1.Text,{children:S("common.transfer")})}),L=p&&jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!f&&jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{opacity:1,className:"oui-text-primary-contrast"}),jsxRuntime.jsx(ui$1.Text,{children:S("common.deposit")})]}),oe=p&&jsxRuntime.jsxs(ui$1.Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!f&&jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsxRuntime.jsx(ui$1.Text,{children:S("common.withdraw")})]});return jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative",children:[b&&x&&jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"lg",weight:"bold",color:T||"inherit",className:C,children:b}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:x})]}),jsxRuntime.jsx(uiConnector.AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&p?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text.gradient,{size:"lg",weight:"bold",color:"brand",children:S("trading.asset.startTrading")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:S("trading.asset.startTrading.description")})]})}),jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{opacity:1,className:"oui-text-primary-contrast"}),jsxRuntime.jsx(ui$1.Text,{children:S("common.deposit")})]}),jsxRuntime.jsx(ui$1.Box,{className:"oui-mt-3",children:jsxRuntime.jsx(mi,{})})]}):jsxRuntime.jsxs(ui$1.Box,{className:"oui-space-y-4",children:[jsxRuntime.jsx(Dd,{totalValue:o,visible:s,onToggleVisibility:a}),jsxRuntime.jsx(Bd,{visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:u,currentLtv:h}),jsxRuntime.jsx(ui$1.Flex,{gap:p?f?2:3:0,itemAlign:"center",children:p?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[L,P,oe]}):P}),p&&jsxRuntime.jsx(mi,{})]})}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-inset-0 oui-rotate-180","oui-pointer-events-none oui-rounded-2xl oui-blur-[200px]"),style:{background:"conic-gradient(from -40.91deg at 40.63% 50.41%, rgba(159, 115, 241, 0) -48.92deg, rgba(242, 98, 181, 0) 125.18deg, #5FC5FF 193.41deg, #FFAC89 216.02deg, #8155FF 236.07deg, #789DFF 259.95deg, rgba(159, 115, 241, 0) 311.08deg, rgba(242, 98, 181, 0) 485.18deg)"}})]})};});var pa,fa=m(()=>{pa=()=>{let{t:e}=i18n.useTranslation(),t=hooks.useAccountInstance(),o=hooks.useEventEmitter(),{totalValue:i}=hooks.useCollateral({dp:2}),r=hooks.useConfig("networkId"),{state:n,isMainAccount:a}=hooks.useAccount(),{freeCollateral:s}=hooks.useCollateral({dp:2}),{marginRatio:c,mmr:l}=hooks.useMarginRatio(),g=n.status>=types.AccountStatusEnum.Connected,[{aggregated:u},p]=hooks.usePositionStream(),f=xe.useMemo(()=>Math.min(10,u.notional===0?p.margin_ratio(10):c),[c,u]),h=xe.useCallback(W=>ui$1.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:W}),[]),b=xe.useCallback(async()=>h("deposit"),[]),x=xe.useCallback(async()=>h("withdraw"),[]),T=xe.useCallback(async()=>ui$1.modal.show(uiTransfer.TransferDialogId),[]),C=xe.useCallback(async()=>t.settle().catch(W=>{if(W.code===-1104)return ui$1.toast.error(e("settle.settlement.error")),Promise.reject(W);W.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:W.message,userAddress:t.address});}).then(W=>(ui$1.toast.success(e("settle.settlement.requested")),Promise.resolve(W))),[t,e]),[S,P]=hooks.useLocalStorage("orderly_assets_visible",true),L=xe.useCallback(()=>{P(W=>!W);},[S]),oe=hooks.useComputedLTV(),v=reactApp.useDataTap(s)??void 0,U=reactApp.useDataTap(f)??void 0,G=reactApp.useDataTap(l)??void 0,J=reactApp.useDataTap(i)??void 0;return {onDeposit:b,onWithdraw:x,onTransfer:T,onSettle:C,visible:S,toggleVisible:L,networkId:r,totalValue:J,status:n.status,freeCollateral:v,marginRatioVal:U,renderMMR:G,isConnected:g,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:oe}};});exports.AssetViewWidget = void 0;var ba=m(()=>{fa();io();exports.AssetViewWidget=e=>{let t=pa();return jsxRuntime.jsx(exports.AssetView,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};});var xa={};K(xa,{AssetView:()=>exports.AssetView,AssetViewWidget:()=>exports.AssetViewWidget});var bi=m(()=>{io();ba();});var no,ae,Ie,Qe,ao,le=m(()=>{no=xe.createContext({cellHeight:22}),ae=()=>xe.useContext(no),Ie="orderbook_coin_type",Qe="orderbook_mobile_coin_unit",ao=e=>{let[t,o]=xe.useState("quantity"),[i,r]=xe.useState("quantity"),n=xe__default.default.useMemo(()=>({cellHeight:e.cellHeight,onItemClick:e.onItemClick,mode:t,totalMode:i||"quantity",depth:e.depth,onModeChange:o,onTotalModeChange:r,showTotal:e.showTotal||false,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo}),[t,e.cellHeight,e.depth,e.onItemClick,e.pendingOrders,e.showTotal,e.symbolInfo,i]);return jsxRuntime.jsx(no.Provider,{value:n,children:e.children})};});var ke=m(()=>{});var so,xi=m(()=>{so=e=>{let{direction:t=1}=e,o=xe.useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};});var Ca,va=m(()=>{xi();le();ke();Ca=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=ae(),{symbolInfo:a,currentHover:s,accumulated:c,accumulatedAmount:l,count:g,price:u,quantity:p,base:f,quote:h}=e,{base_dp:b,quote_dp:x}=a,[T]=hooks.useLocalStorage(Ie,f),C=Number.isNaN(u)?0:c/g*100,S=xe.useMemo(()=>utils.getPrecisionByNumber(r||`${x}`),[r,x]),P=Number.isNaN(c)?"-":l?.toString(),L=xe.useMemo(()=>{let oe=ui$1.parseNumber(u,{dp:S,padding:true});return n.some(v=>oe===ui$1.parseNumber(v,{dp:S,padding:true}))},[n,u,S]);return jsxRuntime.jsxs("div",{className:"oui-relative oui-flex oui-cursor-pointer oui-flex-row oui-justify-between oui-pl-3 oui-text-xs oui-tabular-nums oui-text-base-contrast-80",style:{height:`${t}px`},onClick:()=>{Number.isNaN(u)||Number.isNaN(p)||i?.([u,p]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:S,children:u})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:b,children:p})})]}),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-fex-row oui-relative oui-flex oui-basis-5/12 oui-items-center oui-justify-end oui-overflow-hidden",o&&"oui-basis-7/12"),children:[o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:b,className:"oui-z-10",children:c})}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:0,className:"oui-z-10",children:P})})]}):jsxRuntime.jsxs("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:[T===f&&jsxRuntime.jsx(ui$1.Text.numeral,{dp:b,className:"oui-z-10",children:c}),T===h&&jsxRuntime.jsx(ui$1.Text.numeral,{dp:0,className:"oui-z-10",children:P})]}),jsxRuntime.jsx(so,{width:C,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),L&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-pointer-events-none oui-absolute oui-left-[4px] oui-size-[4px] oui-rounded-full",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsxRuntime.jsx(ui$1.Divider,{lineStyle:"dashed",className:ui$1.cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};});var Ta,lo,gm,yi,Ci=m(()=>{le();ke();va();Ta=e=>{if(!e)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let[,,t,o]=e,i=Number.isNaN(t)?0:t,r=Number.isNaN(o)?0:o;return {sumQty:i,sumQtyAmount:r,avgPrice:r===0||i===0?0:new utils.Decimal(r).div(i).toNumber()}},lo=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=ae(),a=xe.useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let u=t.findIndex(p=>!Number.isNaN(p[0]));return u!==-1?t[u]:null}else {let u=t.length;for(let p=u-1;p>=0;p--){let f=t[p];if(!Number.isNaN(f[0]))return f}return null}},[t,o]),s=xe.useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=xe.useMemo(()=>t.reduce((u,p)=>Math.max(u,p[1]),0),[t]),[l,g]=xe.useState(-1);return jsxRuntime.jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((u,p)=>jsxRuntime.jsx(gm,{index:p,item:u,countQty:i,setHoverIndex:g,hoverIndex:l,type:o,maxQty:c,priceDp:s,symbolInfo:r,findMaxItem:a},p))})},gm=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:c,symbolInfo:l,findMaxItem:g}=e,{base:u,quote:p,base_dp:f,quote_dp:h}=l,{t:b}=i18n.useTranslation(),x=a!==-1?r==="ask"?t>=a:t<=a:false,[T,C]=xe.useState(false),S=xe.useMemo(()=>{let P=Ta(o);return P.avgPrice===0?Ta(g()):P},[o,g]);return jsxRuntime.jsxs(ui$1.TooltipRoot,{open:T,onOpenChange:C,children:[jsxRuntime.jsx(ui$1.TooltipTrigger,{children:jsxRuntime.jsx(Ca,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:x,currentHover:a===t,symbolInfo:l,base:u,quote:p,onMouseEnter:()=>{i(t),C(true);},onMouseLeave:()=>{i(-1),C(false);}})}),jsxRuntime.jsxs(ui$1.TooltipContent,{className:ui$1.cn("oui-rounded-base oui-flex oui-w-full oui-max-w-[400px] oui-flex-col oui-gap-2 oui-bg-base-6 oui-p-3 oui-text-2xs oui-shadow-md"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:P=>P.preventDefault(),children:[jsxRuntime.jsx(yi,{title:`${b("common.avgPrice")}\u2248`,content:S.avgPrice,contentDp:h}),jsxRuntime.jsx(yi,{title:`${b("trading.orderBook.sum")} (${u})`,content:S.sumQty,contentDp:f}),jsxRuntime.jsx(yi,{title:`${b("trading.orderBook.sum")} (${p})`,content:S.sumQtyAmount,contentDp:h}),jsxRuntime.jsx(ui$1.TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},yi=e=>{let{title:t,content:o,contentDp:i}=e;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsxRuntime.jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsxRuntime.jsx("div",{className:"oui-text-end",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,children:o})})]})};});var Pa,ka=m(()=>{ke();Ci();Pa=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(lo,{type:"ask",data:t,countQty:o})};});var Ra,Fa=m(()=>{ke();Ci();Ra=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(lo,{type:"bid",data:t,countQty:o})};});var La,Ba=m(()=>{La=e=>{let t=xe.useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsxRuntime.jsx(ui$1.Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsxRuntime.jsx(ui$1.Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};});var Nm,Ia,wt,Aa=m(()=>{le();Nm=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=i18n.useTranslation(),[n,a]=hooks.useLocalStorage(Ie,o),s=xe.useMemo(()=>utils.optimizeSymbolDisplay(t),[t]);return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",className:ui$1.cn("oui-w-full oui-px-2 oui-py-[3px]","oui-cursor-pointer","oui-text-xs","oui-text-base-contrast-54","hover:oui-bg-base-6","oui-rounded-[3px]","oui-transition-all",n===t&&"oui-bg-base-5"),onClick:c=>{a(t),i(c);},children:[jsxRuntime.jsx("div",{className:"oui-overflow-hidden oui-text-ellipsis ",children:`${r("common.total")}(${s})`}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-transition-all","oui-w-1","oui-h-1","oui-rounded-full","oui-bg-gradient-to-r",n===t&&"oui-from-[rgb(var(--oui-gradient-brand-start))] oui-to-[rgb(var(--oui-gradient-brand-end))]")})]})},Ia=e=>{let{base:t,quote:o="USDC"}=e,{showTotal:i}=ae(),{t:r}=i18n.useTranslation(),[n,a]=xe__default.default.useState(false),[s]=hooks.useLocalStorage(Ie,t),c=n?ui$1.CaretUpIcon:ui$1.CaretDownIcon,l=xe.useMemo(()=>utils.optimizeSymbolDisplay(t),[t]),g=xe.useMemo(()=>utils.optimizeSymbolDisplay(s),[s]);return jsxRuntime.jsxs(ui$1.Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(wt,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(wt,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${l})`})})]}),jsxRuntime.jsx(ui$1.Flex,{gap:1,pr:3,className:ui$1.cn("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(wt,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${l})`})}),jsxRuntime.jsx(ui$1.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(wt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(ui$1.Popover,{open:n,onOpenChange:a,contentProps:{className:ui$1.cn("oui-w-28 oui-p-1")},content:jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",className:ui$1.cn("oui-w-full oui-gap-0.5"),children:[t,o].map(u=>jsxRuntime.jsx(Nm,{item:u,base:t,onClick:()=>a(false)},`type-${u}`))}),children:jsxRuntime.jsxs(ui$1.Flex,{justify:"end",itemAlign:"center",className:"oui-cursor-pointer oui-select-none oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast",children:[jsxRuntime.jsx(wt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${g})`}),jsxRuntime.jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},wt=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsxRuntime.jsx(ui$1.Flex,{id:e.id,className:ui$1.cn(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};});var co,Pi=m(()=>{co=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,c=s<a,l=s>a;return jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn(l?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,intensity:98,children:s}),jsxRuntime.jsxs(ui$1.Box,{width:19,children:[c&&jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};});var uo,_m,Em,Wa,Fi=m(()=>{uo=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(Em,{...e}):jsxRuntime.jsx(_m,{...e})},_m=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),children:[jsxRuntime.jsx(Wa,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},Em=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=xe.useState(false),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsxRuntime.jsx(Wa,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsxRuntime.jsx(ui$1.SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsxRuntime.jsx(ui$1.Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},Wa=e=>jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});});var Ga,Um,$a=m(()=>{le();Pi();Fi();Ga=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=ae();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsxRuntime.jsx(co,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsxRuntime.jsx(uo,{markPrice:t,quote_dp:n.quote_dp})]}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsxRuntime.jsx(Um,{asks:i,bids:r})})]})},Um=e=>{let{asks:t,bids:o}=e,{t:i}=i18n.useTranslation(),r=xe.useMemo(()=>{if(o.length===0&&t.length===0)return 0;let n=Number.isNaN(o[0][0])?0:o[0][0],a=t.reverse().findIndex(l=>!Number.isNaN(l[0])),s=0;a!==-1&&(s=Number.isNaN(t[a][0])?0:t[a][0]);let c=new utils.Decimal(s).sub(n).div(new utils.Decimal(s).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};});var Ka,Qa=m(()=>{le();ka();Fa();Ba();Aa();$a();Ka=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=xe.useRef(null),[c,l]=xe.useState(false),[g,u]=hooks.useLocalStorage(Ie,r);return xe.useEffect(()=>{g!==i&&r&&u(r);},[r,i]),xe.useEffect(()=>{let p=new ResizeObserver(h=>{for(let b of h){let{inlineSize:x}=b.borderBoxSize[0];l(x>=360);}}),f=s.current;return f&&p.observe(f),()=>{f&&p.unobserve(f);}},[]),jsxRuntime.jsx(ao,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||types.EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsxRuntime.jsx(La,{depths:e.depths,value:e.activeDepth,onChange:a}),jsxRuntime.jsx(Ia,{quote:i,base:r}),jsxRuntime.jsx(Pa,{data:[...e.asks]}),jsxRuntime.jsx(Ga,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsxRuntime.jsx(Ra,{data:[...e.bids]}),n&&jsxRuntime.jsx("div",{className:"oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};});exports.FundingRate = void 0;var Li=m(()=>{exports.FundingRate=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-line-16 oui-decoration-dashed oui-underline-offset-4",onClick:o,children:n("trading.fundingRate.predFundingRate")}),i===null?"--":jsxRuntime.jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui$1.Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsxRuntime.jsx("span",{children:" in"}),jsxRuntime.jsx("span",{children:" "+r})]})]})};});exports.useFundingRateModalScript = void 0;var Mi=m(()=>{exports.useFundingRateModalScript=e=>{let{data:t,isLoading:o}=hooks.useFundingDetails(e.symbol),i=xe.useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),r=xe.useMemo(()=>!t||o?"-":`${new utils.Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),n=xe.useMemo(()=>!t||o?"-":`${new utils.Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]);return {fundingPeriod:i,capFunding:r,floorFunding:n}};});exports.FundingRateModal = void 0;var Ei=m(()=>{exports.FundingRateModal=e=>{let{t}=i18n.useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r}=e;return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsxRuntime.jsx(ui$1.Text,{intensity:80,children:o})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsxs(ui$1.Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxRuntime.jsxs(ui$1.Text,{intensity:80,children:[i," / ",r]})]}),jsxRuntime.jsx(ui$1.Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};});exports.FundingRateModalWidget = void 0;exports.FundingRateDialogId = void 0;exports.FundingRateSheetId = void 0;var Hi=m(()=>{Mi();Ei();exports.FundingRateModalWidget=e=>{let t=exports.useFundingRateModalScript(e);return jsxRuntime.jsx(exports.FundingRateModal,{...t})},exports.FundingRateDialogId="FundingRateDialogId",exports.FundingRateSheetId="FundingRateSheetId";ui$1.registerSimpleDialog(exports.FundingRateDialogId,exports.FundingRateModalWidget,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.i18n.t("funding.fundingRate")});ui$1.registerSimpleSheet(exports.FundingRateSheetId,exports.FundingRateModalWidget,{title:()=>i18n.i18n.t("funding.fundingRate")});});exports.useFundingRateScript = void 0;var Vi=m(()=>{Hi();exports.useFundingRateScript=e=>{let t=hooks.useFundingRate(e),o=xe.useCallback(()=>{ui$1.modal.show(exports.FundingRateDialogId,{symbol:e});},[e]);return {data:t,onClick:o}};});exports.FundingRateWidget = void 0;var ts=m(()=>{Vi();Li();exports.FundingRateWidget=e=>{let t=exports.useFundingRateScript(e.symbol);return jsxRuntime.jsx(exports.FundingRate,{...t})};});var Ui=m(()=>{Li();ts();Vi();});var rs,ns=m(()=>{xi();le();ke();rs=e=>{let{accumulated:t,count:o,quantity:i,price:r,type:n,accumulatedAmount:a}=e,s=t/o*100,{cellHeight:c,onItemClick:l,depth:g,symbolInfo:u}=xe.useContext(no),{base_dp:p,quote_dp:f,base:h,quote:b}=u,[x,T]=hooks.useLocalStorage(Qe,"qty"),C=Number.isNaN(t)?"-":a?.toString(),S=xe.useMemo(()=>utils.getPrecisionByNumber(g||`${f}`),[g,f]),P=()=>{switch(x){case "base":return jsxRuntime.jsx(ui$1.Text.numeral,{className:"oui-text-base-contrast-80",dp:p,children:t});case "quote":return jsxRuntime.jsx(ui$1.Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:C});default:return jsxRuntime.jsx(ui$1.Text.numeral,{className:"oui-text-base-contrast-80",dp:p,children:Number.isNaN(i)?"-":i})}};return jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-relative oui-w-full oui-cursor-pointer oui-overflow-hidden oui-text-2xs oui-tabular-nums"),style:{height:`${c}px`},onClick:()=>{Number.isNaN(r)||Number.isNaN(i)||l?.([r,i]);},children:[jsxRuntime.jsxs(ui$1.Flex,{itemAlign:"center",justify:"between",children:[jsxRuntime.jsx(ui$1.Text.numeral,{color:n==="bid"?"buy":"sell",dp:S,children:r}),P()]}),Number.isNaN(s)?null:jsxRuntime.jsx(so,{width:s,className:ui$1.cn(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};});var ho,Gi=m(()=>{le();ns();ho=e=>{let{data:t}=e,{mode:o}=ae();return jsxRuntime.jsx(ui$1.Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>jsxRuntime.jsx(rs,{background:"",price:i[0],quantity:i[1],accumulated:i[2],accumulatedAmount:i[3],count:e.countQty,type:e.type,mode:o},`item-${r}`))})};});var ss,ls=m(()=>{ke();Gi();ss=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=t.length,r=Number.NaN,n=0;for(;Number.isNaN(r)&&n<i;)r=t[n][2],n++;return r},[t]);return jsxRuntime.jsx(ho,{type:"ask",data:t,countQty:o})};});var cs,us=m(()=>{ke();Gi();cs=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(ho,{type:"bid",data:t,countQty:o})};});var ms,gs=m(()=>{ms=e=>{let t=xe.useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsxRuntime.jsx(ui$1.Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsxRuntime.jsx(ui$1.Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};});var ps,fs=m(()=>{le();ps=e=>{let{t}=i18n.useTranslation(),{base:o,quote:i}=e,[r,n]=hooks.useLocalStorage(Qe,"qty"),a=xe.useMemo(()=>[{value:"qty",label:`${t("common.quantity")}(${o})`,data:[t("common.quantity"),o]},{value:"base",label:`${t("common.total")}(${o})`,data:[t("common.total"),o]},{value:"quote",label:`${t("common.total")}(${i})`,data:[t("common.total"),i]}],[t,o,i]);return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.price")}),jsxRuntime.jsx(ui$1.Text,{children:`(${i})`})]}),jsxRuntime.jsx(ui$1.Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(s,{open:c,data:l})=>jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(l)&&jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",children:[l[0]&&jsxRuntime.jsx(ui$1.Text,{children:l[0]}),l[1]&&jsxRuntime.jsxs(ui$1.Text,{children:["(",l[1],")"]})]}),c?jsxRuntime.jsx(ui$1.CaretUpIcon,{size:14,color:"inherit"}):jsxRuntime.jsx(ui$1.CaretDownIcon,{size:14,color:"inherit"})]})})]})};});var bs,xs=m(()=>{Fi();Pi();le();bs=e=>{let{symbolInfo:t}=ae(),{quote_dp:o}=t;return jsxRuntime.jsxs(ui$1.Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsxRuntime.jsx(co,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsxRuntime.jsx(uo,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};});var Ss,ws=m(()=>{le();Ui();ls();us();gs();fs();xs();Ss=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`,[c,l]=hooks.useLocalStorage(Qe,"qty");return jsxRuntime.jsx(ao,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:types.EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:ui$1.cn("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(exports.FundingRateWidget,{symbol:s}),jsxRuntime.jsx(ps,{quote:i,base:r}),jsxRuntime.jsx(ss,{data:e.asks}),jsxRuntime.jsx(bs,{lastPrice:t,markPrice:o}),jsxRuntime.jsx(cs,{data:e.bids}),jsxRuntime.jsx(ms,{depth:e.depths||types.EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&jsxRuntime.jsx("div",{className:"oui-bg-base-800/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-h-full oui-min-h-[420px] oui-items-center oui-justify-center",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};});exports.OrderBook = void 0;var Yi=m(()=>{Qa();ws();exports.OrderBook=e=>jsxRuntime.jsx(ui$1.Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsxRuntime.jsx(Ss,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsxRuntime.jsx(Ka,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo})});});var Pt,Ki=m(()=>{Pt=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});});var kt,Ts;exports.useOrderBookScript = void 0;var Ug,Xi=m(()=>{Ki();kt=20,Ts=104,exports.useOrderBookScript=e=>{let{symbol:t,height:o}=e,i=hooks.useSymbolsInfo()[t],[r,n]=xe.useState(kt),[a,s]=xe.useState(10),{base:c,quote:l,quote_dp:g}=Pt(i),[u,{onDepthChange:p,isLoading:f,onItemClick:h,depth:b,allDepths:x}]=hooks.useOrderbookStream(t,void 0,{level:a}),T=Ug(t);xe.useEffect(()=>{if(o){let L=Math.floor((o-Ts)/((kt+1)*2)),oe=(kt+1)*2*L,v=o-Ts-oe;v>10?n(kt+v/L/2):n(kt),s(L);}},[o]);let C=xe.useMemo(()=>{if(!(typeof b>"u"||typeof g>"u"))return utils.removeTrailingZeros(b)},[b,g,t]),S=xe.useMemo(()=>x?.map(L=>utils.removeTrailingZeros(L))||[],[x,g]),{isMobile:P}=ui$1.useScreen();return {level:a,asks:u?.asks,bids:u?.bids,markPrice:u?.markPrice,lastPrice:u?.middlePrice,depths:S,selDepth:C,base:c,quote:l,isLoading:f,onItemClick:h,cellHeight:r,onDepthChange:p,pendingOrders:T,symbolInfo:Pt(i),isMobile:P}},Ug=e=>{let[t]=hooks.useOrderStream({status:types.OrderStatus.INCOMPLETE,symbol:e});return xe.useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};});exports.OrderBookWidget = void 0;var Ps=m(()=>{Xi();Yi();exports.OrderBookWidget=e=>{let{className:t,symbol:o,height:i}=e,r=exports.useOrderBookScript({symbol:o,height:i});return jsxRuntime.jsx(exports.OrderBook,{...r,className:t})};});var Zi={};K(Zi,{OrderBook:()=>exports.OrderBook,OrderBookWidget:()=>exports.OrderBookWidget,useOrderBookScript:()=>exports.useOrderBookScript});var wo=m(()=>{Yi();Ps();Xi();});exports.RiskRate = void 0;var Ji=m(()=>{io();exports.RiskRate=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:s}=o,{wrongNetwork:c}=reactApp.useAppContext(),{t:l}=i18n.useTranslation(),g=c?"":n?"oui-text-danger":a?"oui-text-warning-darken":s?ui$1.gradientTextVariants({color:"brand"}):"";return jsxRuntime.jsxs(ui$1.Box,{"data-risk":"",className:"oui-space-y-2",children:[jsxRuntime.jsx(ui$1.Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsxRuntime.jsx(ui$1.Box,{className:c?"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full":n?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxRuntime.jsxs(ui$1.Flex,{direction:"row",justify:"between",children:[jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(hi,{description:l("trading.riskRate.tooltip"),formula:l("trading.riskRate.formula")}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:ui$1.cn("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:l("trading.riskRate")})}),jsxRuntime.jsx(ui$1.Text,{size:"xs",color:"neutral",weight:"semibold",className:ui$1.cn(g),children:t??"--"})]})]})};});var jg,Is,As=m(()=>{jg=e=>{if(e===null)return {isHigh:false,isMedium:false,isLow:false,isDefault:true};let t=e<40,o=e>=40&&e<80,i=e>=80;return {isHigh:i,isMedium:o,isLow:t,isDefault:!t&&!o&&!i}},Is=()=>{let{state:e}=hooks.useAccount(),t=e.status>=types.AccountStatusEnum.EnableTrading||e.status===types.AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=hooks.useMarginRatio(),{curLeverage:n}=hooks.useLeverage(),a=xe.useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new utils.Decimal(r).div(o).mul(100).todp(2,utils.Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),c=xe.useMemo(()=>jg(s),[s]),l=reactApp.useDataTap(i),g=reactApp.useDataTap(n);return {riskRate:reactApp.useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:l,maxLeverage:g}};});exports.RiskRateWidget = void 0;var Es=m(()=>{As();Ji();exports.RiskRateWidget=()=>{let e=Is();return jsxRuntime.jsx(exports.RiskRate,{...e})};});var zs={};K(zs,{RiskRate:()=>exports.RiskRate,RiskRateWidget:()=>exports.RiskRateWidget});var er=m(()=>{Ji();Es();});var Us,Gs,ap,sp,Vs;exports.OrderBookAndTrades = void 0;var tr=m(()=>{Us=xe__default.default.lazy(()=>Promise.resolve().then(()=>(jt(),ta)).then(e=>({default:e.LastTradesWidget}))),Gs=xe__default.default.lazy(()=>Promise.resolve().then(()=>(wo(),Zi)).then(e=>({default:e.OrderBookWidget}))),ap=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsxRuntime.jsx(Vs,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Gs,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsxRuntime.jsx(Vs,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Us,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})})]})]})},sp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsxRuntime.jsx(ui$1.TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Gs,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})})}),jsxRuntime.jsx(ui$1.TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Us,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-18},classNames:{root:"oui-pt-[6px]",listHeader:"oui-px-3",list:"oui-px-3"}})})})]})})},Vs=e=>jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:80,className:ui$1.cn("oui-pb-[5px]",e.className),children:e.title}),exports.OrderBookAndTrades=e=>{let{containerRef:t,containerSize:o}=e;return jsxRuntime.jsx("div",{ref:t,className:"oui-h-full",children:(o?.width??0)>=572?jsxRuntime.jsx(ap,{...e}):jsxRuntime.jsx(sp,{...e})})};});exports.useOrderBookAndTradesScript = void 0;var or=m(()=>{exports.useOrderBookAndTradesScript=e=>{let[t,o]=xe.useState(void 0),[i,r]=xe.useState("orderBook"),n=xe.useRef(null);return xe.useEffect(()=>{let a=new ResizeObserver(c=>{for(let l of c){let{width:g,height:u}=l.contentRect;o({width:g,height:u});}}),s=n.current;return s&&a.observe(s),()=>{s&&a.unobserve(s);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};});exports.OrderBookAndTradesWidget = void 0;var Ks=m(()=>{or();tr();exports.OrderBookAndTradesWidget=e=>{let t=exports.useOrderBookAndTradesScript(e.symbol);return jsxRuntime.jsx(exports.OrderBookAndTrades,{...t})};});var Qs={};K(Qs,{OrderBookAndTrades:()=>exports.OrderBookAndTrades,OrderBookAndTradesWidget:()=>exports.OrderBookAndTradesWidget,useOrderBookAndTradesScript:()=>exports.useOrderBookAndTradesScript});var ir=m(()=>{tr();Ks();or();});var Gl={};K(Gl,{LayoutIcon:()=>Hl,MarketBottomIcon:()=>ql,MarketHideIcon:()=>Ul,MarketLeftIcon:()=>_r,MarketTopIcon:()=>Vl,OrderEntryIcon:()=>Wl,SwitchLayout:()=>Fh,SwitchLayoutDropDown:()=>zl});var Fh,zl,Hl,Wl,_r,Vl,ql,Ul,$l=m(()=>{Fh=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(zl,{...e,children:jsxRuntime.jsxs(ui$1.Flex,{px:3,className:ui$1.cn("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsxRuntime.jsx(Hl,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},zl=e=>{let[t,o]=xe.useState(false),[i,r]=xe.useState(null),{t:n}=i18n.useTranslation(),a=l=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(l),o(false);},className:"oui-group",children:[jsxRuntime.jsx(ui$1.Flex,{justify:l==="right"?"end":"start",className:ui$1.cn("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===l&&"!oui-border-primary-light"),children:jsxRuntime.jsx(ui$1.Box,{p:1,children:jsxRuntime.jsx(Wl,{})})}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,className:ui$1.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.layout===l&&"oui-text-base-contrast-80"),children:String(n(l==="right"?"trading.layout.advanced.right":"trading.layout.advanced.left"))})]}),s=l=>{let g=p=>{let f=e.marketLayout===l;switch(l){case "left":return jsxRuntime.jsx(_r,{isSelected:f,isHovered:p});case "top":return jsxRuntime.jsx(Vl,{isSelected:f,isHovered:p});case "bottom":return jsxRuntime.jsx(ql,{isSelected:f,isHovered:p});case "hide":return jsxRuntime.jsx(Ul,{isSelected:f,isHovered:p});default:return jsxRuntime.jsx(_r,{isSelected:f,isHovered:p})}},u=()=>{switch(l){case "left":return n("trading.layout.markets.left");case "top":return n("trading.layout.markets.top");case "bottom":return n("trading.layout.markets.bottom");case "hide":return n("trading.layout.markets.hide");default:return n("trading.layout.markets.left")}};return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,onClick:()=>{e.onMarketLayout?.(l),o(false);},onMouseEnter:()=>r(l),onMouseLeave:()=>r(null),className:"oui-group",children:[jsxRuntime.jsx(ui$1.Flex,{justify:"center",className:"oui-w-[148px] oui-h-[100px]",children:g(i===l)}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,className:ui$1.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.marketLayout===l&&"oui-text-base-contrast-80"),children:String(u())})]})},c=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px] oui-min-w-[500px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:98,children:n("trading.layout")}),jsxRuntime.jsx(ui$1.CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",intensity:98,children:String(n("trading.layout.advanced"))}),jsxRuntime.jsxs(ui$1.Flex,{gapX:6,children:[a("right"),a("left")]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",intensity:98,children:String(n("trading.layout.markets"))}),jsxRuntime.jsxs(ui$1.Flex,{gapX:6,children:[s("left"),s("top"),s("bottom"),s("hide")]})]})]});return jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui$1.DropdownMenuPortal,{children:jsxRuntime.jsx(ui$1.DropdownMenuContent,{onCloseAutoFocus:l=>l.preventDefault(),onClick:l=>l.stopPropagation(),align:"end",className:ui$1.cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-font-semibold"),children:c})})]})},Hl=e=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),Wl=e=>jsxRuntime.jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsxRuntime.jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsxRuntime.jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsxRuntime.jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#779eff"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),_r=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"8",width:"24",height:"84",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"16",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"21",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"26",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"10",y:"10",width:"5",height:"2",rx:"1",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"10",y:"14",width:"20",height:"76",rx:"2",fill:"#282E3A"})]}),Vl=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"8",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74729)",children:[jsxRuntime.jsx("rect",{x:"10",y:"10",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"28",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"46",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"64",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"82",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"100",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"118",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"136",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74729",children:jsxRuntime.jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 10)"})})})]}),ql=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"84",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74743)",children:[jsxRuntime.jsx("rect",{x:"10",y:"86",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"28",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"46",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"64",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"82",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"100",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"118",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"136",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74743",children:jsxRuntime.jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 86)"})})})]}),Ul=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74757)",children:[jsxRuntime.jsx("rect",{x:"8",y:"8",width:"132",height:"84",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"66.8789",y:"-76",width:"4",height:"188",rx:"2",transform:"rotate(45 66.8789 -76)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"73.9492",y:"-68.929",width:"4",height:"188",rx:"2",transform:"rotate(45 73.9492 -68.929)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"81.0195",y:"-61.8579",width:"4",height:"188",rx:"2",transform:"rotate(45 81.0195 -61.8579)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"88.0938",y:"-54.7867",width:"4",height:"188",rx:"2",transform:"rotate(45 88.0938 -54.7867)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"95.1641",y:"-47.7157",width:"4",height:"188",rx:"2",transform:"rotate(45 95.1641 -47.7157)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"102.234",y:"-40.6447",width:"4",height:"188",rx:"2",transform:"rotate(45 102.234 -40.6447)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"109.305",y:"-33.5736",width:"4",height:"188",rx:"2",transform:"rotate(45 109.305 -33.5736)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"116.375",y:"-26.5026",width:"4",height:"188",rx:"2",transform:"rotate(45 116.375 -26.5026)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"123.449",y:"-19.4315",width:"4",height:"188",rx:"2",transform:"rotate(45 123.449 -19.4315)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"130.52",y:"-12.3604",width:"4",height:"188",rx:"2",transform:"rotate(45 130.52 -12.3604)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"137.59",y:"-5.28931",width:"4",height:"188",rx:"2",transform:"rotate(45 137.59 -5.28931)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"144.66",y:"1.78174",width:"4",height:"188",rx:"2",transform:"rotate(45 144.66 1.78174)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"151.73",y:"8.85278",width:"4",height:"188",rx:"2",transform:"rotate(45 151.73 8.85278)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"158.805",y:"15.9238",width:"4",height:"188",rx:"2",transform:"rotate(45 158.805 15.9238)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"165.875",y:"22.995",width:"4",height:"188",rx:"2",transform:"rotate(45 165.875 22.995)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"172.945",y:"30.066",width:"4",height:"188",rx:"2",transform:"rotate(45 172.945 30.066)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"180.016",y:"37.1371",width:"4",height:"188",rx:"2",transform:"rotate(45 180.016 37.1371)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"187.086",y:"44.2081",width:"4",height:"188",rx:"2",transform:"rotate(45 187.086 44.2081)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"194.156",y:"51.2792",width:"4",height:"188",rx:"2",transform:"rotate(45 194.156 51.2792)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"201.23",y:"58.3503",width:"4",height:"188",rx:"2",transform:"rotate(45 201.23 58.3503)",fill:"#20252F"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74757",children:jsxRuntime.jsx("rect",{width:"132",height:"84",fill:"white",transform:"translate(8 8)"})})})]});});var Mo,Io=m(()=>{se();Mo=()=>{let[e,t]=xe.useState("chart"),{symbol:o}=exports.useTradingPageContext(),[i,r]=xe.useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};});function uc(e){let[t,o]=hooks.useLocalStorage(n0,cc),[i,r]=xe.useState(false),n=xe.useRef(null),a=xe.useRef(null),[s,c]=xe.useState(0),l=xe.useRef(0),g=xe.useCallback(f=>{if(!a.current)return;r(true);let h=f.touches[0],b=a.current.getBoundingClientRect();f.stopPropagation(),f.preventDefault();let x=h.clientY-b.bottom;l.current=b.top,c(x);},[]),u=xe.useCallback(f=>{if(a.current&&i){f.stopPropagation(),f.preventDefault();let b=f.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(b),r0),cc)),false}},[i,s]),p=xe.useCallback(()=>{r(false);},[]);return xe.useEffect(()=>{let f=n.current;if(f)return f.addEventListener("touchstart",g),()=>{f.removeEventListener("touchstart",g);}},[g]),xe.useEffect(()=>(document.addEventListener("touchmove",u,{passive:false}),document.addEventListener("touchend",p),()=>{document.removeEventListener("touchmove",u),document.removeEventListener("touchend",p);}),[i,u,p]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}var cc,r0,n0,dc=m(()=>{cc=354,r0=234,n0="TRADINGVIEW_MOBILE_HEIGHT";});var mc,gc=m(()=>{mc=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("g",{id:"Arrows-expand",children:jsxRuntime.jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});});var fc,hc=m(()=>{gc();fc=e=>jsxRuntime.jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsxRuntime.jsx("div",{className:"oui-w-full oui-h-full",children:jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsxRuntime.jsx("div",{className:"oui-relative oui-w-full",children:jsxRuntime.jsx("div",{ref:e.dragRef,className:ui$1.cn("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsxRuntime.jsx(mc,{className:ui$1.cn("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]});});var bc={};K(bc,{TradingviewWidget:()=>l0});var l0,xc=m(()=>{dc();hc();l0=e=>{let t=uc(e);return jsxRuntime.jsx(fc,{...t})};});var yc={};K(yc,{MWebLastTrades:()=>u0});var u0,Sc=m(()=>{jt();u0=e=>jsxRuntime.jsx(exports.LastTradesWidget,{symbol:e.symbol,classNames:{root:"oui-px-3 ",list:"oui-min-h-[141px] oui-max-h-[202px] oui-w-full",listHeader:"oui-text-xs oui-text-base-contrast-36",listItem:{left:"oui-text-xs",mid:"oui-text-xs",right:"oui-text-xs"}}});});var Ao,lt,Ur=m(()=>{Ao=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(lt,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(lt,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(lt,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsxRuntime.jsx(lt,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(lt,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(lt,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},lt=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,children:t}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"USDC"})]})]})};});var Eo,Gr=m(()=>{se();Eo=e=>{let{symbol:t}=e,o=hooks.useTickerStream(t),{symbolInfo:i}=exports.useTradingPageContext(),r=xe.useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new utils.Decimal(a).mul(s).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]),n=xe.useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new utils.Decimal(a).mul(Number(s)).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};});var Cc,vc=m(()=>{Gr();Ur();Cc=e=>{let t=Eo(e);return jsxRuntime.jsx(Ao,{...t})};});var Tc={};K(Tc,{TradeData:()=>Ao,TradeDataWidget:()=>Cc,useTradeDataScript:()=>Eo});var Nc=m(()=>{Ur();vc();Gr();});var y0,S0,w0,zo,C0,Yr=m(()=>{se();Io();y0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(xc(),bc)).then(e=>({default:e.TradingviewWidget}))),S0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Sc(),yc)).then(e=>({default:e.MWebLastTrades}))),w0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Nc(),Tc)).then(e=>({default:e.TradeDataWidget}))),zo=e=>{let{t}=i18n.useTranslation(),{tradingViewConfig:o}=exports.useTradingPageContext();return jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsxRuntime.jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsxRuntime.jsx(C0,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(y0,{symbol:e.symbol,tradingViewConfig:o})})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(S0,{symbol:e.symbol})})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsxRuntime.jsx(ui$1.Box,{px:3,children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(w0,{symbol:e.symbol})})})})]})},C0=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:ui$1.cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsxRuntime.jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsxRuntime.jsx("defs",{})]});});var kc,Rc=m(()=>{Io();Yr();kc=e=>{let t=Mo();return jsxRuntime.jsx(zo,{className:e.className,...t})};});var Fc={};K(Fc,{TopTab:()=>zo,TopTabWidget:()=>kc,useTopTabScript:()=>Mo});var Dc=m(()=>{Yr();Rc();Io();});var F0,Ho,Kr=m(()=>{F0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(wo(),Zi)).then(e=>({default:e.OrderBookWidget}))),Ho=e=>{let[t,o]=xe.useState(0),i=xe.useRef(null);return xe.useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",e.className),children:[jsxRuntime.jsx("div",{className:"oui-rounded-xl oui-bg-base-9",style:{height:`${t+16}px`},children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(F0,{symbol:e.symbol,height:t?t-44:void 0})})}),jsxRuntime.jsx("div",{className:"oui-rounded-xl oui-bg-base-9 oui-p-2",children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};});var Wo,Qr=m(()=>{se();Wo=()=>{let{symbol:e}=exports.useTradingPageContext();return {symbol:e}};});var Bc,Oc=m(()=>{Qr();Kr();Bc=e=>{let t=Wo();return jsxRuntime.jsx(Ho,{className:e.className,...t})};});var Mc={};K(Mc,{OrderBookAndEntry:()=>Ho,OrderBookAndEntryWidget:()=>Bc,useOrderBookAndEntryScript:()=>Wo});var Ic=m(()=>{Kr();Oc();Qr();});var qo,Uo=m(()=>{Me();se();qo=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=xe.useState("Position"),[n,a]=xe.useState("Position history"),{t:s}=i18n.useTranslation(),{onSymbolChange:c}=exports.useTradingPageContext(),l=exports.useTradingLocalStorage(),[g,{cancelAllOrders:u,cancelAllTPSLOrders:p}]=hooks.useOrderStream({}),{positionCount:f}=exports.usePositionsCount(t),{pendingOrderCount:h,tpSlOrderCount:b}=exports.usePendingOrderCount(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:f,pendingOrderCount:h,tpSlOrderCount:b,...l,onCloseAll:T=>{let C=T===uiOrders.TabType.pending?s("orders.pending.cancelAll"):T===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll"):"",S=T===uiOrders.TabType.pending?s("orders.pending.cancelAll.description"):T===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";ui$1.modal.confirm({title:C,content:jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:S}),onOk:async()=>{try{return i==="TP/SL"?await p():await u(),Promise.resolve(!0)}catch(P){return P?.message!==void 0&&toast.error(P.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};});var $0,Y0,Jr,K0,Q0,$o,en=m(()=>{Uo();$0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ai(),ni)).then(e=>({default:e.PositionHeaderWidget}))),Y0=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui$1.Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsxRuntime.jsx(ui$1.Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"xs",color:"secondary",onClick:()=>e.onCloseAll(e.type),children:t("trading.orders.closeAll")})]})},Jr=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",pb:2,width:"100%",children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),e.type!==uiOrders.TabType.orderHistory&&jsxRuntime.jsx(Y0,{...e}),jsxRuntime.jsx(uiOrders.MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===uiOrders.TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),K0=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx($0,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(uiPositions.MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})})]}),Q0=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-min-h-[300px]",children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsxRuntime.jsx(uiPositions.MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.orderHistory,...e})})]})})},$o=e=>{let{t}=i18n.useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,tab:s,setTab:c,className:l}=e,g=[{title:`${t("common.positions")} ${o>0?`(${o})`:""}`,value:"Position",content:jsxRuntime.jsx(K0,{...e})},{title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,value:"Pending",content:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,...e})},{title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,value:"TP/SL",content:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,...e})},{title:t("trading.history"),value:"History",content:jsxRuntime.jsx(Q0,{...e})},{title:t("positions.liquidation"),value:"Liquidation",content:jsxRuntime.jsx(uiPositions.MobileLiquidationWidget,{enableLoadMore:true,symbol:n?void 0:a,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})},{title:t("common.assets"),value:"Assets",content:jsxRuntime.jsx(portfolio.AssetsModule.AssetsWidget,{})}];return jsxRuntime.jsx(ui$1.Tabs,{value:s,defaultValue:"Position",onValueChange:u=>c(u),size:"lg",className:l,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:g.map(u=>{let{content:p,...f}=u;return xe.createElement(ui$1.TabPanel,{...f,key:`item-${f.value}`},p)})})};});var zc,Hc=m(()=>{Uo();en();zc=e=>{let t=qo(e);return jsxRuntime.jsx($o,{...t,className:e.className})};});var Wc={};K(Wc,{DataList:()=>$o,DataListWidget:()=>zc,useDataListScript:()=>qo});var Vc=m(()=>{en();Hc();Uo();});ui();jt();bi();wo();er();ir();var js=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=xe.useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=xe.useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsxRuntime.jsx("div",{...i,className:ui$1.cn(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-[3px]":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-[3px]",r&&"oui-pointer-events-none"),children:jsxRuntime.jsx("div",{onMouseDown:t,className:ui$1.cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var tt=xe.forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsxRuntime.jsx(mp__default.default,{ref:t,...i,lineBar:true,renderBar:r=>jsxRuntime.jsx(js,{...r,mode:e.mode}),onDragEnd:(r,n)=>o?.(`${n}`)})});se();var tl=()=>jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsxRuntime.jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsxRuntime.jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),ol=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),rr=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13 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-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M7.74 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 .399-.173.044-.043.044-.087.044-.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"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},il=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsxRuntime.jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#C750FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsxRuntime.jsx("clipPath",{id:"clip0_6403_64483",children:jsxRuntime.jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var sr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,children:[jsxRuntime.jsx(gp,{...e}),jsxRuntime.jsx(pp,{...e}),jsxRuntime.jsx(fp,{...e}),jsxRuntime.jsxs(ui$1.Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},gp=e=>jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsx(tl,{}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"address",children:e.address}),jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:80,prefix:jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsxRuntime.jsx(ol,{})})]}),pp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:t("affiliate.referral")}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("common.affiliate")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(rr,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("affiliate.trader")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(rr,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},fp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.tradingRewards")}),jsxRuntime.jsxs(ui$1.Text,{intensity:54,children:["(",jsxRuntime.jsx(ui$1.Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxRuntime.jsxs(ui$1.Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(il,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var cr=e=>{let{t}=i18n.useTranslation(),[o]=hooks.useLocalStorage("orderly_link_device",{}),{account:i,state:r}=hooks.useAccount(),n=i.accountId,a=i.address,{hide:s}=ui$1.useModal(),c=hooks.useConfig(),{connectedChain:l,disconnect:g,namespace:u}=hooks.useWalletConnector(),p=i.chainId||l?.id||o?.chainId,f=xe.useMemo(()=>p?(r.status===types.AccountStatusEnum.EnableTrading||r.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(p)):false,[r.status,p]),h=Bp(p),b=c.get("operatorUrl"),x=()=>{navigator.clipboard.writeText(a??""),ui$1.toast.success(t("common.copy.copied"));},{affiliateCommission30D:T,traderCommission30D:C,isAffiliate:S,isTrader:P,onClickReferral:L}=Dp(e.onClickReferral),{curEpochId:oe,estRewards:v,onClickTradingRewards:U}=Lp(e.onClickTradingRewards),G=async()=>{localStorage.removeItem("orderly_link_device"),await g({label:r.connectWallet?.name}),await i.disconnect(),s();},[J,{isMutating:W}]=hooks.useMutation(`${b}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:p,chainName:h,onCopyAddress:x,affiliateCommission30D:T,onClickReferral:L,isAffiliate:S,isTrader:P,traderCommission30D:C,curEpochId:oe,onClickTradingRewards:U,estRewards:v,onDisconnect:G,showGetTestUSDC:f,onGetTestUSDC:()=>{if(r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected)return;let Ge=t("trading.faucet.getTestUSDC.success",{quantity:u===types.ChainNamespace.solana?"100":"1,000"});return J({chain_id:p?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(Y=>{if(Y.success)return ui$1.modal.alert({title:t("trading.faucet.getTestUSDC"),message:Ge,onOk:()=>Promise.resolve(true)});Y.message&&ui$1.toast.error(Y.message);},Y=>{ui$1.toast.error(Y.message);})},gettingTestUSDC:W}},Dp=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=hooks.useReferralInfo(),n=xe.useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=xe.useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},Lp=e=>{let[t]=hooks.useCurEpochEstimate(hooks.TWType.normal),[o,i]=hooks.useEpochInfo(hooks.TWType.normal),r=xe.useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=xe.useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function Bp(e){let[t,{findByChainId:o}]=hooks.useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return xe.useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var ur=e=>{let t=cr(e);return jsxRuntime.jsx(sr,{...t})};var sl=()=>{let{t:e}=i18n.useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=exports.useTradingPageContext(),{account:r,state:n}=hooks.useAccount();return {onShowAccountSheet:()=>{ui$1.modal.sheet({title:e("common.account"),leading:i,content:jsxRuntime.jsx(ur,{...t,...o})});},address:r.address,state:n}};var cl=e=>jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"sm"},children:jsxRuntime.jsx(ui$1.Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:ui$1.formatAddress(e.address,[4,4])})});ui$1.installExtension({name:"mobile-account-menu",scope:["*"],positions:[ui$1.ExtensionPositionEnum.MobileAccountMenu],builder:sl,__isInternal:true})(e=>jsxRuntime.jsx(cl,{...e}));var dl=()=>jsxRuntime.jsx(ui$1.ExtensionSlot,{position:ui$1.ExtensionPositionEnum.MobileAccountMenu});var dr=()=>null;var mr=()=>({});var gr=()=>{let e=mr();return jsxRuntime.jsx(dr,{...e})};var fr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("button",{onClick:o=>{ui$1.modal.show(uiChainSelector.ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),ui$1.toast.success(t("connector.networkSwitched"));},i=>{});},children:jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsxRuntime.jsx(ui$1.ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxRuntime.jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",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))"})]})})]})})]})})};var hr=()=>{let e=hooks.useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=reactApp.useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var br=()=>{let e=hr();return jsxRuntime.jsx(fr,{...e})};var Sr=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?jsxRuntime.jsx(nf,{onDisconnect:e.onDisconnect}):jsxRuntime.jsx(br,{}),o=!e.disabledConnect&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected&&e.status<types.AccountStatusEnum.EnableTrading;return jsxRuntime.jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxRuntime.jsxs(ui$1.Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsxRuntime.jsx(gr,{}),jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[o&&jsxRuntime.jsx(uiScaffold.ScanQRCodeWidget,{}),t(),jsxRuntime.jsx(dl,{})]})]}),jsxRuntime.jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},nf=e=>{let[t,o]=xe.useState(false),{t:i}=i18n.useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsxRuntime.jsx(af,{}),jsxRuntime.jsx(gl,{}),jsxRuntime.jsx(lf,{}),jsxRuntime.jsx(gl,{}),jsxRuntime.jsx(sf,{})]})]})},gl=()=>jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsxRuntime.jsx(yr,{}),jsxRuntime.jsx(yr,{}),jsxRuntime.jsx(yr,{})]}),af=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),sf=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),lf=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",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))"})]})})]}),yr=e=>jsxRuntime.jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",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))"})]})})]});var wr=()=>{let{wrongNetwork:e,disabledConnect:t}=reactApp.useAppContext(),{account:o,state:i}=hooks.useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var mf=()=>{let e=wr();return jsxRuntime.jsx(Sr,{...e})};Me();var vr=()=>{let{state:e,account:t,isMainAccount:o}=hooks.useAccount(),i=Cf(),r=vf(),n=hooks.useEventEmitter(),{t:a}=i18n.useTranslation(),s=e.subAccounts??[],[c,l]=xe.useState(false),g=xe.useCallback(async()=>t.settle().catch(h=>{if(h.code==-1104)return ui$1.toast.error(a("settle.settlement.error")),Promise.reject(h);if(h.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return n.emit("wallet:sign-message-with-ledger-error",{message:h.message,userAddress:t.address}),Promise.reject(h);if(h?.code==="ACTION_REJECTED")return ui$1.toast.error(a("connector.userRejected")),Promise.reject(h)}).then(h=>(ui$1.toast.success(a("settle.settlement.requested")),Promise.resolve(h))),[t,a]),u=xe.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),p=xe.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),f=xe.useCallback(()=>{ui$1.modal.show(uiTransfer.TransferSheetId);},[]);return {...i,...r,onSettlePnL:g,onDeposit:u,onWithdraw:p,showSliderTip:c,setShowSliderTip:l,isMainAccount:o,onTransfer:f,hasSubAccount:s?.length>0}},Cf=()=>{let{hideAssets:e,setHideAssets:t}=exports.useTradingLocalStorage(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=hooks.useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},vf=()=>{let{t:e}=i18n.useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=hooks.usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=hooks.useMarginRatio(),s=xe.useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:c,curLeverage:l,maxLeverage:g,leverageLevers:u}=hooks.useLeverage(),p=xe.useMemo(()=>u?.map(v=>({label:`${v}x`,value:v})),[u]),[f,h]=xe.useState(l??0),b=100/((p?.length||0)-1),x=v=>{h(v);},T=async v=>{try{c({leverage:v}).then(()=>{ui$1.toast.success(e("leverage.updated"));},U=>{ui$1.toast.error(U.message);});}catch{}},C=xe.useCallback(v=>{T(Array.isArray(v)?v[0]:v);},[]),S=hooks.useDebouncedCallback(C,500),P=xe.useCallback(v=>{let U=Number.parseInt(v.target.value,10),G=Number.isNaN(U)?0:U,J=Math.min(Math.max(G,1),g);h(J),S(J);},[S,g]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:b,marks:p,onLeverageChange:x,onLeverageIncrease:()=>{h(v=>(T(v+1),v+1));},onLeverageReduce:()=>{h(v=>(T(v-1),v-1));},onInputChange:P,isReduceDisabled:f<=1,isIncreaseDisabled:f>=g,onValueCommit:C,value:f,maxLeverage:g,onSaveLeverage:T}};function xl(e,t){if(t===null)return {isRed:false,isYellow:false,isGreen:true};let o=t*2,i=e<=o,r=e>o&&e<1,n=e>=1;return {high:i,mid:r,low:n}}var Sl=e=>{let{size:t=20,className:o}=e;return jsxRuntime.jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsxRuntime.jsx("div",{className:ui$1.cn("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var Pr=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,width:"100%",children:[jsxRuntime.jsx(If,{...e}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(Af,{...e}),jsxRuntime.jsx(_f,{...e})]}),If=e=>{let{t}=i18n.useTranslation(),o=xe.useCallback(()=>ui$1.modal.confirm({title:t("settle.settlePnl"),content:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"xs",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxRuntime.jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsxRuntime.jsx(ui$1.RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Af=e=>{let{t}=i18n.useTranslation(),{high:o,mid:i,low:r}=xl(e.marginRatioVal,e.mmr);return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsxRuntime.jsx(Sl,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"start",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsxRuntime.jsx(ui$1.Text,{size:"xs",children:"/"}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var _f=e=>{let{t}=i18n.useTranslation();return e.isMainAccount?jsxRuntime.jsxs(ui$1.Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui$1.Text,{children:t("common.transfer")})}),jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")})]}):jsxRuntime.jsx(ui$1.Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui$1.Text,{children:t("common.transfer")})})};var kr=()=>{let e=vr();return jsxRuntime.jsx(Pr,{...e})};Ui();Mi();Ei();Hi();var Ft=e=>{let{showIndicator:t,dragOverlay:o}=e,i=xe.useRef(null),[r,n]=xe__default.default.useState(null),a=sortable.useSortable({id:e.id}),{setNodeRef:s,attributes:c,listeners:l,transform:g,transition:u,isDragging:p,setActivatorNodeRef:f}=a;xe.useEffect(()=>{if(p&&i.current&&!r){let x=i.current.getBoundingClientRect();n({width:x.width,height:x.height});}else !p&&r&&n(null);},[p,r]);let h=x=>{s(x),i.current=x;},b={transform:utilities.CSS.Transform.toString(g),transition:u};return p&&r&&!o?jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:3,className:ui$1.cn("oui-relative"),style:{...b,width:r.width,height:r.height,minWidth:r.width,minHeight:r.height,maxWidth:r.width,maxHeight:r.height,border:"1px solid rgb(var(--oui-color-primary))",backgroundImage:"repeating-linear-gradient(135deg, rgb(var(--oui-color-base-6)) 0px, rgb(var(--oui-color-base-6)) 4px, transparent 4px, transparent 8px)"}}):jsxRuntime.jsxs(ui$1.Box,{intensity:900,r:"2xl",p:3,width:"100%",className:ui$1.cn("oui-relative",e.className),ref:h,style:b,children:[jsxRuntime.jsx("div",{className:ui$1.cn("inner-content oui-transition-transform",o&&"oui-scale-95"),children:e.children}),t&&jsxRuntime.jsx("button",{...c,...l,className:"oui-absolute oui-right-0 oui-top-4 oui-cursor-move oui-py-1",style:{touchAction:"none"},ref:f,children:jsxRuntime.jsx(Uf,{className:ui$1.cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80")})})]})},Uf=e=>jsxRuntime.jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]});var Nl=e=>{let[t,o]=xe.useState(void 0),[i,r]=xe.useState(false),{isRwa:n,open:a,closeTimeInterval:s}=hooks.useGetRwaSymbolCloseTimeInterval(e);xe.useEffect(()=>{i||o(n&&a&&!!s);},[n,a,s,i]),xe.useEffect(()=>()=>{o(void 0),r(false);},[e]);let c=()=>{o(false),r(true);};return xe.useMemo(()=>({showCountdown:t,closeCountdown:c}),[t,c])};var rt=(e,t,o)=>[xe.useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];Me();se();var Fl=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{totalValue:i}=hooks.useCollateral({dp:2}),r=t||o||e.status<types.AccountStatusEnum.EnableTrading&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=xe.useMemo(()=>{let l=new Date,u=new Date(l.getFullYear(),l.getMonth(),l.getDate(),23,59,59).getTime();return {startTime:u-90*24*60*60*1e3,endTime:u}},[]),[s,{meta:c}]=hooks.useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:types.AssetHistorySideEnum.DEPOSIT,status:types.AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:l=>l.side===types.AssetHistorySideEnum.DEPOSIT&&l.transStatus===types.AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&c?.total===0};var Lo=6,Ll=48,Bl=29,re=8,Ol=54,Ve=280,Lr=360,Dt=280,Ml=732,we=464,De=728,qe=320,Lt=540,Br=800,Bo=350,ah="orderly_order_entry_side_markets_layout",sh="orderly_side_markets_mode",lh="orderly_horizontal_markets_layout",Or=()=>{let[e,t]=xe.useState(false),o=exports.useTradingPageContext(),{state:i}=hooks.useAccount(),{t:r}=i18n.useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:s,onRouteChange:c}=reactApp.useAppContext(),{hideAssets:l,setHideAssets:g}=exports.useTradingLocalStorage(),u=Fl(),{totalValue:p}=hooks.useCollateral(),f=reactApp.useDataTap(p),h=hooks.useMediaQuery("(max-width: 1279px)"),b=hooks.useMediaQuery("(min-width: 1440px)"),x=hooks.useMediaQuery("(max-width: 1680px)"),[T,C]=hooks.useLocalStorage(ah,"right"),[S,P]=hooks.useLocalStorage(lh,"left"),L=xe.useMemo(()=>!n&&!a&&(i.status>=types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),oe=()=>{L&&ui$1.modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsxRuntime.jsx(kr,{})});},v=xe.useMemo(()=>b,[b]),U=uh({canTrade:L,isFirstTimeDeposit:u}),G=ch({resizeable:b}),J=mh({max2XL:h}),W=xe.useMemo(()=>{switch(G.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[G.panelSize]),Le=h?1200:600,Ge=L?379:277,Y=dh({dep:T}),zt=gh({orderEntryViewRef:J.orderEntryViewRef,tradindviewMaxHeight:Le,dataListMinHeight:Ge}),Be={layout:T,onLayout:C,marketLayout:S,onMarketLayout:P,max2XL:h,min3XL:b,max4XL:x,canTrade:L,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:v,...G,...U,...Y,...J,restrictedInfo:s,...zt,marketsWidth:W,tradindviewMaxHeight:Le,dataListMinHeight:Ge,total:f,hideAssets:l,setHideAssets:g,onShowPortfolioSheet:oe,navigateToPortfolio:typeof c=="function"?()=>c({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:u,symbolInfoBarHeight:Ol};return {...o,...Be}},ch=e=>{let{resizeable:t}=e,[o,i]=xe.useState(false),[r,n]=hooks.useLocalStorage(sh,"large"),a=c=>{n(c),i(true);},s=xe.useMemo(()=>t?r==="large"?"large":"middle":"middle",[t,r]);return {resizeable:t,panelSize:s,onPanelSizeChange:a,animating:o,setAnimating:i}},uh=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=hooks.useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(c,l)=>{let g=[...i];if(c===0&&l===g.length-1){g[l]=i[c];for(let u=0;u<g.length-1;u++)g[u]=i[u+1];}else if(c===g.length-1&&l===0){g[l]=i[c];for(let u=1;u<g.length;u++)g[u]=i[u-1];}else [g[c],g[l]]=[g[l],g[c]];r(g);},a=xe.useMemo(()=>t&&!o,[t,o]);return {positions:xe.useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},dh=e=>{let{dep:t}=e,[o,i]=rt("orderly_main_split_size",`${Ve}px`,t),[r,n]=rt("orderly_datalist_split_size",`${Bo}px`),[a,s]=rt("orderly_orderbook_split_size","280px",t),[c,l]=rt("orderly_datalist_split_height_sm","350px"),[g,u]=rt("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:r,setDataListSplitSize:n,mainSplitSize:o,setMainSplitSize:i,dataListSplitHeightSM:c,setDataListSplitHeightSM:l,orderBookSplitHeightSM:g,setOrderbookSplitHeightSM:u}},mh=e=>{let{max2XL:t}=e,[o,i]=xe.useState(0),r=xe.useRef(null);return xe.useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(s=>{for(let c of s){let l=c.contentRect.height;l&&i(l);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}};function Il(e){return e?`${100-Math.min(Number(e),100)}`:""}function gh(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=xe.useRef(null),r=xe.useRef(null),[n,a]=hooks.useLocalStorage("orderly_order_entry_extra_height",0),s=22,[c,l]=hooks.useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(p,f)=>{let h=i?.current?.boxHeight;if(!h)return;let b=h*p/100,x=h*f/100,T=Math.min(Math.max(b,qe),t),C=Math.min(Math.max(x,we),De),S=e.orderEntryViewRef.current?.clientHeight||0;if(x>=C){let P=x-C;a(Math.max(0,n-P));}else if(T+C<t+De){let P=T+C+s+Ol,L=Math.max(0,P-S);a(n+L);}},onDataListSplitHeightDragging:(p,f)=>{let h=r?.current?.boxHeight;if(!h)return;let b=h*f/100;if(b>=o&&b<=Br){l(b);let x=b-c;x>0&&a(Math.max(0,n-x));}},extraHeight:n,dataListHeight:c}}var Ar="rwaOutsideMarketHoursNotify",Al=()=>{let{t:e}=i18n.useTranslation(),t=()=>{ui$1.toast.remove(Ar);},{isMobile:o}=ui$1.useScreen();return xe.useEffect(()=>{o&&setTimeout(()=>{ui$1.toast.dismiss(Ar);},3e3);},[o]),jsxRuntime.jsxs(ui$1.Flex,{r:"lg",className:"oui-bg-base-6 oui-relative oui-max-w-[348px]",children:[jsxRuntime.jsx(ui$1.Flex,{direction:"column",justify:"center",itemAlign:"center",className:"oui-bg-warning-darken oui-px-[5px] oui-h-full oui-rounded-tl-[10px] oui-rounded-bl-[10px]",children:jsxRuntime.jsx(ui$1.ExclamationFillIcon,{opacity:1,className:"oui-text-base-6",size:18})}),jsxRuntime.jsx(ui$1.Flex,{p:4,mr:1,children:jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,weight:"semibold",children:e("trading.rwa.outsideMarketHours.notify")})}),jsxRuntime.jsx("button",{className:"oui-w-6 oui-h-6 oui-right-0 oui-top-0 oui-absolute oui-bg-base-8 oui-rounded-tr-[10px] oui-rounded-bl-[10px] oui-inline-flex oui-justify-center oui-items-center oui-gap-2.5 oui-cursor-pointer",onClick:t,children:jsxRuntime.jsx(ui$1.CloseIcon,{opacity:1,className:"oui-text-base-contrast",size:16})})]})},Oo=()=>{ui$1.toast.custom(jsxRuntime.jsx(Al,{}),{id:Ar,duration:3e3});};Al.displayName="RwaOutsideMarketHoursNotify";var Yh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(er(),zs)).then(e=>({default:e.RiskRateWidget}))),Kh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(bi(),xa)).then(e=>({default:e.AssetViewWidget}))),Qh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ui(),$n)).then(e=>({default:e.DataListWidget}))),Xh=xe__default.default.lazy(()=>Promise.resolve().then(()=>($l(),Gl)).then(e=>({default:e.SwitchLayout}))),Zh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ir(),Qs)).then(e=>({default:e.OrderBookAndTradesWidget})));var oc=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,marketLayout:a,onMarketLayout:s,orderBookSplitSize:c,setOrderbookSplitSize:l,dataListSplitSize:g,setDataListSplitSize:u,mainSplitSize:p,setMainSplitSize:f,dataListSplitHeightSM:h,setDataListSplitHeightSM:b,orderBookSplitHeightSM:x,setOrderbookSplitHeightSM:T,max2XL:C,max4XL:S,animating:P,setAnimating:L,updatePositions:oe,showPositionIcon:v,horizontalDraggable:U,marketsWidth:G,tradindviewMaxHeight:J,dataListMinHeight:W}=e,{showCountdown:Le,closeCountdown:Ge}=Nl(e.symbol),Y=xe.useMemo(()=>Le?104:56,[Le]),{isRwa:zt,open:Qo}=hooks.useGetRwaSymbolOpenStatus(e.symbol);xe.useEffect(()=>{zt&&!Qo&&Oo();},[zt,Qo,e.symbol]);let[Be]=hooks.useLocalStorage(types.TradingviewFullscreenKey,false),[Oe,Yc]=hooks.useLocalStorage(types.OrderEntrySortKeys,["margin","assets","orderEntry"]),rn=xe.useMemo(()=>({keyframes({transform:M}){return [{transform:utilities.CSS.Transform.toString({...M.initial,scaleX:1.05,scaleY:1.05})},{transform:utilities.CSS.Transform.toString({...M.final,scaleX:1,scaleY:1})}]},sideEffects:({active:M,dragOverlay:Ht})=>{M.node.style.opacity="0";let $e=Ht.node.querySelector(".inner-content");return $e&&$e.classList.add("oui-animate-shake"),()=>{M.node.style.opacity="";}}}),[]),nn=core.useSensors(core.useSensor(core.PointerSensor,{activationConstraint:{distance:5}}),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),[ve,an]=xe.useState(null);function sn(M){an(M.active.id);}function ln(M){let{active:Ht,over:$e}=M;if(Ht.id!==$e?.id&&$e){let xn=Oe.indexOf(Ht.id),yn=Oe.indexOf($e.id);if(xn!==-1&&yn!==-1){let ru=sortable.arrayMove(Oe,xn,yn);Yc(ru);}}an(null);}let Kc=xe.useMemo(()=>Be?0:Y+De+Bo+re*4,[Be]),Qc=Ll+Bl+Y+qe+we+W+re*4,Xo=jsxRuntime.jsx(markets.HorizontalMarketsWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,maxItems:-1,dropdownPos:a==="bottom"?"top":"bottom"}),Xc=xe.useMemo(()=>C?12:8,[C]),cn=jsxRuntime.jsx(ui$1.Box,{className:ui$1.cn("oui-bg-base-10","oui-sticky oui-z-30 oui-mb-[-8px] oui-py-2",!C&&"oui-mt-[-8px]"),style:{bottom:0,minWidth:(C?1024:1440)-Lo-Xc*2},children:Xo}),un=jsxRuntime.jsx(markets.SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),Zo=jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:G,style:{minWidth:G},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>L(false),children:!P&&a==="left"&&un}),dn=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:Y,height:Y},children:jsxRuntime.jsx(markets.SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,closeCountdown:Ge,showCountdown:Le,trailing:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Xh,{layout:r,onLayout:n,marketLayout:a,onMarketLayout:s})})})}),{library_path:Zc,...Jc}=e.tradingViewConfig,mn=jsxRuntime.jsx(uiTradingview.TradingviewWidget,{classNames:{root:ui$1.cn(Be?"!oui-absolute oui-top-0 oui-left-0 oui-right-0 oui-bottom-0 oui-z-[40] oui-bg-base-10":"oui-z-1"),content:ui$1.cn(Be?"oui-top-3 oui-bottom-3 oui-left-3 oui-right-3 oui-bg-base-9 oui-rounded-[16px] oui-overflow-hidden":"")},symbol:e.symbol,...Jc,libraryPath:Zc}),gn=jsxRuntime.jsx(ui$1.Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:Lt},className:"oui-overflow-hidden",children:mn}),pn=jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Zh,{symbol:e.symbol})}),jc=jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",style:{minWidth:Dt,maxWidth:U?Ml:Dt,width:c},className:"oui-overflow-hidden",children:pn}),fn=jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Qh,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig})}),eu=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:2,style:{height:g,minHeight:Bo},className:"oui-overflow-hidden",children:fn}),Te=xe.useMemo(()=>({margin:{className:"",element:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Yh,{})})},assets:{className:"oui-border oui-border-line-12",element:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Kh,{isFirstTimeDeposit:e.isFirstTimeDeposit})}),jsxRuntime.jsx(uiTransfer.DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},orderEntry:{className:"",element:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})}}),[e.isFirstTimeDeposit,e.disableFeatures,e.navigateToPortfolio,e.symbol]),hn=jsxRuntime.jsx(ui$1.Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Ve,maxWidth:U?Lr:Ve,width:p},children:Oe.map(M=>jsxRuntime.jsx(Ft,{id:M,showIndicator:v,className:Te[M].className,children:Te[M].element},M))}),bn=jsxRuntime.jsxs(tt,{style:{flex:1,minHeight:we},onSizeChange:l,disable:!U,children:[S&&r==="right"?jsxRuntime.jsxs(ui$1.Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:G+Lt+re},children:[a==="left"&&Zo,gn]}):gn,jc]}),tu=()=>S&&r==="left"?jsxRuntime.jsxs(ui$1.Flex,{gapX:2,style:{minHeight:we},height:"100%",children:[bn,a==="left"&&Zo]}):bn,ou=jsxRuntime.jsxs(ui$1.Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:S?G+Lt+Dt+re*2:Lt+Dt+re},children:[dn,jsxRuntime.jsxs(tt,{style:{maxHeight:`calc(100% - ${Y}px - ${re}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:u,children:[tu(),eu]})]}),iu=M=>f(r==="left"?Il(M):M);return C?jsxRuntime.jsxs(core.DndContext,{sensors:nn,collisionDetection:core.closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[modifiers.restrictToVerticalAxis],children:[jsxRuntime.jsx(sortable.SortableContext,{items:Oe,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsxs(ui$1.Box,{height:"100%",children:[a==="top"&&jsxRuntime.jsx(ui$1.Box,{className:ui$1.cn("oui-mt-2 oui-max-h-8 oui-px-3",e.className),children:Xo}),jsxRuntime.jsxs(tt,{ref:e.max2XLSplitRef,style:{minHeight:Qc,minWidth:1024-Lo},className:ui$1.cn("oui-flex oui-flex-1","oui-size-full oui-min-w-[1018px]","oui-px-3 oui-py-2",e.className),onSizeChange:b,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:2,itemAlign:"stretch",className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(Y+qe+we+re*2,e.orderEntryHeight),maxHeight:Y+J+De+re*2},children:[jsxRuntime.jsxs(ui$1.Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[dn,jsxRuntime.jsxs(ui$1.Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:qe+we+re,maxHeight:J+De+re},className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[a==="left"&&jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",width:G,style:{minHeight:qe+we+re,maxHeight:J+De+re},children:un}),jsxRuntime.jsxs(tt,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${G}px)`},className:"oui-flex-1",onSizeChange:T,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:qe,maxHeight:J,height:1200},children:mn}),jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:we,maxHeight:De,height:x},className:"oui-flex-1",children:pn})]})]})]}),jsxRuntime.jsxs(ui$1.Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:Ve,height:"max-content"},children:[jsxRuntime.jsx(ui$1.Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Ve,maxWidth:U?Lr:Ve,width:p},children:Oe.map(M=>jsxRuntime.jsx(Ft,{id:M,showIndicator:v,className:Te[M].className,children:Te[M].element},M))}),jsxRuntime.jsx(ui$1.Box,{height:e.extraHeight})]})]}),jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:2,style:{height:h,minHeight:Math.max(W,e.dataListHeight),maxHeight:Br},className:"oui-overflow-hidden",children:fn}),a==="bottom"&&cn]})]})}),jsxRuntime.jsx(core.DragOverlay,{dropAnimation:rn,children:ve?jsxRuntime.jsx(Ft,{id:ve,showIndicator:v,dragOverlay:true,className:`${Te[ve].className} oui-shadow-lg oui-shadow-base-9`,children:Te[ve].element}):null})]}):jsxRuntime.jsxs(core.DndContext,{sensors:nn,collisionDetection:core.closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[modifiers.restrictToVerticalAxis],children:[jsxRuntime.jsx(sortable.SortableContext,{items:Oe,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsxs(ui$1.Flex,{style:{minHeight:Kc,minWidth:1440-Lo},className:ui$1.cn(e.className,"oui-justify-start",Be&&"oui-relative oui-h-[calc(100vh-80px)] oui-w-screen oui-overflow-hidden !oui-p-0"),width:"100%",p:2,gap:2,itemAlign:"stretch",direction:"column",children:[a==="top"&&Xo,jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-flex-1 oui-overflow-hidden",r==="left"&&"oui-flex-row-reverse"),gap:2,children:[!S&&a==="left"&&Zo,jsxRuntime.jsxs(tt,{className:ui$1.cn("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:iu,disable:!U,children:[r==="left"&&hn,ou,r==="right"&&hn]})]}),a==="bottom"&&cn]})}),jsxRuntime.jsx(core.DragOverlay,{dropAnimation:rn,children:ve?jsxRuntime.jsx(Ft,{id:ve,showIndicator:v,dragOverlay:true,className:`${Te[ve].className} oui-shadow-lg oui-shadow-base-9`,children:Te[ve].element}):null})]})};var nc=({timeInterval:e})=>{let{t}=i18n.useTranslation();if(!e||e>=1800)return null;let[o,i,r,n]=t0(e),a=o.toString().padStart(2,"0"),s=i.toString().padStart(2,"0"),c=r.toString().padStart(2,"0"),l=n.toString().padStart(2,"0"),g=()=>o>0?{s1:a,s2:s,c1:t("common.dayShort"),c2:t("common.hourShort")}:i>0?{s1:s,s2:c,c1:t("common.hourShort"),c2:t("common.minuteShort")}:{s1:c,s2:l,c1:t("common.minuteShort"),c2:t("common.secondShort")},{s1:u,s2:p,c1:f,c2:h}=g();return jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-base-contrast-54 oui-text-xs oui-font-normal",children:[jsxRuntime.jsx(ui$1.Box,{ml:2,className:"oui-bg-base-7 oui-px-1 oui-rounded-md oui-text-base-contrast oui-min-w-[22px] oui-text-center oui-text-xs",children:u}),f," : ",jsxRuntime.jsx(ui$1.Box,{ml:1,className:"oui-bg-base-7 oui-px-1 oui-rounded-md oui-text-base-contrast oui-min-w-[22px] oui-text-center oui-text-xs",children:p}),h]})};function t0(e){let r=Math.floor(e/86400),n=e%86400,a=Math.floor(n/3600),s=n%3600,c=Math.floor(s/60),l=s%60;return [r,a,c,l]}var c1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Dc(),Fc)).then(e=>({default:e.TopTabWidget}))),u1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Ic(),Mc)).then(e=>({default:e.OrderBookAndEntryWidget}))),d1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Vc(),Wc)).then(e=>({default:e.DataListWidget}))),m1=()=>jsxRuntime.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})}),qc=e=>{let{t}=i18n.useTranslation(),{isRwa:o,open:i,closeTimeInterval:r}=hooks.useGetRwaSymbolInfo(e.symbol);xe.useEffect(()=>{o&&!i&&Oo();},[o,i,e.symbol]);let n=xe.useMemo(()=>{if(!o||r===void 0)return null;let c=30*60;return (r??0)>c?null:jsxRuntime.jsxs(ui$1.Flex,{gap:1,p:2,justify:"start",itemAlign:"center",r:"lg",mt:2,className:"oui-bg-success/15 oui-text-xs oui-text-base-contrast-54",children:[jsxRuntime.jsx(ui$1.NewsFillIcon,{color:"success",size:16,className:"oui-flex-shrink-0"}),jsxRuntime.jsx(ui$1.Flex,{className:"oui-flex-1 oui-text-success",children:jsxRuntime.jsx(ui$1.Text,{children:t(i?"trading.rwa.mWeb.outsideMarketHours.desc":"trading.rwa.mWeb.insideMarketHours.desc")})}),jsxRuntime.jsx(nc,{timeInterval:r})]})},[o,i,r]),a=jsxRuntime.jsx(markets.SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxRuntime.jsxs(ui$1.Flex,{children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:t("common.totalValue")}),jsxRuntime.jsx("button",{onClick:c=>{c.stopPropagation(),c.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsxRuntime.jsx(m1,{})]}),jsxRuntime.jsx(ui$1.Text.numeral,{suffix:jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),s=jsxRuntime.jsxs(ui$1.Box,{intensity:900,className:"oui-rounded-xl",mx:1,px:3,py:2,children:[a,jsxRuntime.jsx(ui$1.SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-0",content:"oui-w-[280px] !oui-p-0"},contentProps:{side:"left",closeable:false},children:jsxRuntime.jsx(markets.MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:c=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(c);}})}),n]});return jsxRuntime.jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxRuntime.jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[s,jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(c1,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(u1,{})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(d1,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})})]})})};var tn=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(qc,{...e}):jsxRuntime.jsx(oc,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var on=()=>{let e=Or();return jsxRuntime.jsx(tn,{...e})};Ki();se();var Gc=e=>{let{symbol:t,children:o}=e,i=hooks.useSymbolsInfo()[t],r=xe.useMemo(()=>{let n=Pt(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsxRuntime.jsx(exports.TradingPageContext.Provider,{value:r,children:o})};var x1=e=>jsxRuntime.jsx(Gc,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsxRuntime.jsx(on,{})});se();Me();
|
|
32
|
+
var ru=Object.defineProperty;var m=(e,t)=>()=>(e&&(t=e(e=0)),t);var K=(e,t)=>{for(var o in t)ru(e,o,{get:t[o],enumerable:true});};exports.useTradingLocalStorage = void 0;var Gt=m(()=>{exports.useTradingLocalStorage=e=>{let[t,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=hooks.useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=hooks.useLocalStorage("showAllSymbol",true),[s,c]=hooks.useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:c}};});exports.usePositionsCount = void 0;var Sn=m(()=>{Gt();exports.usePositionsCount=e=>{let{showAllSymbol:t}=exports.useTradingLocalStorage(),[o]=hooks.usePositionStream(t?void 0:e),i=xe.useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:reactApp.useDataTap(i)??0}};});exports.usePendingOrderCount = void 0;var Nn=m(()=>{Gt();exports.usePendingOrderCount=e=>{let {showAllSymbol:t}=exports.useTradingLocalStorage();`orderly_${uiOrders.TabType.pending}_pageSize`;`orderly_${uiOrders.TabType.tp_sl}_pageSize`;let [r,{total:n}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,excludes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,includes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=reactApp.useDataTap(n)??0,l=reactApp.useDataTap(s)??0;return {pendingOrderCount:c,tpSlOrderCount:l}};});var Me=m(()=>{Gt();Sn();Nn();});exports.TradingPageContext = void 0;exports.useTradingPageContext = void 0;var se=m(()=>{exports.TradingPageContext=xe.createContext({}),exports.useTradingPageContext=()=>xe.useContext(exports.TradingPageContext);});var Pn,ii=m(()=>{Me();se();Pn=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=exports.useTradingLocalStorage({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=exports.useTradingPageContext(),{positionCount:c}=exports.usePositionsCount(r),{pendingOrderCount:l,tpSlOrderCount:g}=exports.usePendingOrderCount(r);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:l,tpSlOrderCount:g,onSymbolChange:s}};});var Qt,bu,xu,ht,yu,Su,ri=m(()=>{Qt=e=>{let[t,o]=xe.useState(false),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{gap:0,children:[jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsxRuntime.jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsx(ui.Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsxRuntime.jsx(ui.SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsxRuntime.jsx(ui.DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsxRuntime.jsx(ui.Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsxRuntime.jsx(ui.Divider,{}),jsxRuntime.jsx(ui.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsxRuntime.jsx(xu,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsxRuntime.jsx(ui.Divider,{className:"oui-my-3"}),jsxRuntime.jsx(ui.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsxRuntime.jsx(bu,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},bu=e=>{let{value:t,onValueChange:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsx(ht,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(ht,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},xu=e=>{let{value:t,onValueChange:o}=e;return jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsx(ht,{sel:t===0,label:1,value:0,onCheckChange:o}),jsxRuntime.jsx(ht,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsxRuntime.jsx(ht,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},ht=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxRuntime.jsxs(ui.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsxRuntime.jsx(yu,{}):jsxRuntime.jsx(Su,{}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:t?98:54,children:o})]})},yu=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),Su=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});});var Fn,Dn=m(()=>{Fn=e=>({...e});});var Ln,Bn=m(()=>{Dn();ri();Ln=e=>{let t=Fn(e);return jsxRuntime.jsx(Qt,{...t})};});var On={};K(On,{Setting:()=>Qt,SettingWidget:()=>Ln});var Mn=m(()=>{ri();Bn();});var Xt,Pu,ku,An,_n,si=m(()=>{Xt=e=>{let{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(Pu,{...e}):jsxRuntime.jsx(ku,{...e})},Pu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(An,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsxRuntime.jsx(_n,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsxRuntime.jsx(ui.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx("label",{className:"oui-cursor-pointer oui-text-2xs oui-text-base-contrast-54",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},ku=e=>jsxRuntime.jsxs(ui.Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsxRuntime.jsx(An,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsxRuntime.jsx(_n,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),An=e=>{let{t}=i18n.useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsxRuntime.jsx(ui.Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text.pnl,{dp:e.pnlNotionalDecimalPrecision,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsxRuntime.jsx(ui.Text.roi,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,className:i,children:e.unrealPnlROI})]})})},_n=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsxRuntime.jsx(ui.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};});var En,zn=m(()=>{Me();En=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=hooks.usePositionStream(i,{calcMode:r}),a=reactApp.useDataTap(n.aggregated),s=a?.total_unreal_pnl,c=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:g,setShowAllSymbol:u}=exports.useTradingLocalStorage();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:c,notional:l,showAllSymbol:g,setShowAllSymbol:u}};});var Hn,Wn=m(()=>{zn();si();Hn=e=>{let t=En(e);return jsxRuntime.jsx(Xt,{...t})};});var li={};K(li,{PositionHeader:()=>Xt,PositionHeaderWidget:()=>Hn});var ci=m(()=>{si();Wn();});var Wu,Vu,qu,$u;exports.DataList = void 0;var mi=m(()=>{ii();Wu=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Mn(),On)).then(e=>({default:e.SettingWidget}))),Vu=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ci(),li)).then(e=>({default:e.PositionHeaderWidget}))),qu=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",height:"100%",children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Vu,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui.Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsxRuntime.jsx(uiPositions.PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]}),$u=()=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"oui-flex oui-space-x-1",children:[jsxRuntime.jsx("span",{children:e("positions.liquidation")}),jsxRuntime.jsx(ui.Tooltip,{className:"oui-max-w-[275px] oui-bg-base-6",content:jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"oui-text-pretty",children:e("positions.Liquidation.tooltip.liquidation")}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx("a",{href:"https://orderly.network/docs/introduction/trade-on-orderly/perpetual-futures/liquidations",target:"_blank",rel:"noopener noreferrer",className:"oui-text-primary",children:e("positions.Liquidation.tooltip.viewMore")})})]}),arrow:{className:"oui-fill-base-6"},children:jsxRuntime.jsx("span",{className:"oui-hidden group-data-[state=active]:oui-block oui-cursor-pointer",children:jsxRuntime.jsx(ui.InfoCircleIcon,{})})})]})},exports.DataList=e=>{let{t}=i18n.useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,onSymbolChange:s,pnlNotionalDecimalPrecision:c,sharePnLConfig:l,setShowAllSymbol:g,current:u,unPnlPriceBasis:p,setUnPnlPriceBasic:f,setPnlNotionalDecimalPrecision:h}=e,b=[{value:"Positions",title:`${t("common.positions")} ${o>0?`(${o})`:""}`,content:jsxRuntime.jsx(qu,{...e})},{value:"Pending",title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})},{value:"TP/SL",title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})},{value:"Filled",title:t("orders.status.filled"),content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.filled,symbol:n?void 0:a,pnlNotionalDecimalPrecision:c,ordersStatus:types.OrderStatus.FILLED,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:l})},{value:"Position history",title:t("positions.positionHistory"),content:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:s,sharePnLConfig:l})},{value:"Order history",title:t("orders.orderHistory"),content:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.orderHistory,pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:s,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:l})},{value:"Liquidation",title:jsxRuntime.jsx($u,{}),content:jsxRuntime.jsx(uiPositions.LiquidationWidget,{symbol:n?void 0:a})},{value:"Assets",title:t("common.assets"),content:jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",className:"oui-overflow-y-auto oui-hide-scrollbar oui-pt-3",children:jsxRuntime.jsx(portfolio.AssetsModule.AssetsDataTableWidget,{classNames:{scrollRoot:"oui-h-full oui-mb-6 oui-mt-0 oui-p-0 oui-pt-3 oui-h-[calc(100%_-_40px)]",root:"oui-gap-4 oui-h-full",desc:"oui-ml-1"},dataTableClassNames:{header:"oui-bg-base-9",root:"oui-h-[calc(100%_-_28px)]"}})})}];return jsxRuntime.jsx(ui.Tabs,{defaultValue:u||"Positions",variant:"contained",trailing:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Wu,{pnlNotionalDecimalPrecision:c,setPnlNotionalDecimalPrecision:h,unPnlPriceBasis:p,setUnPnlPriceBasic:f,hideOtherSymbols:!n,setHideOtherSymbols:x=>g(!x)})}),size:"lg",className:"oui-h-full",classNames:{trigger:"oui-group",tabsContent:"oui-h-[calc(100%_-_32px)]"},children:b.map(x=>{let{content:T,...C}=x;return xe.createElement(ui.TabPanel,{...C,key:`item-${C.value}`},T)})})};});exports.DataListWidget = void 0;var Un=m(()=>{ii();mi();exports.DataListWidget=e=>{let t=Pn(e);return jsxRuntime.jsx(exports.DataList,{...t})};});var Gn={};K(Gn,{DataList:()=>exports.DataList,DataListWidget:()=>exports.DataListWidget});var gi=m(()=>{mi();Un();});exports.LastTrades = void 0;var Xn,Zu,Ju,pi=m(()=>{exports.LastTrades=e=>jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsxRuntime.jsx(ui.Box,{className:"oui-pr-1",children:jsxRuntime.jsx(Zu,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsxRuntime.jsx(Ju,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),Xn=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxRuntime.jsxs(ui.Grid,{cols:3,gapX:2,width:"100%",className:ui.cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1",r?.left),children:t}),jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1",r?.mid),children:o}),jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},Zu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(Xn,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:ui.cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Ju=e=>jsxRuntime.jsx(ui.ListView,{dataSource:e.data,className:ui.cn("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsxRuntime.jsx(Xn,{left:jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:utils.commifyOptional(t?.price,{fix:e.quoteDp}),right:utils.commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:ui.cn("oui-text-base-contrast-80",e.classNames?.left),right:ui.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:ui.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});});var Jn,jn=m(()=>{Jn=e=>{let{data:t,isLoading:o}=hooks.useMarketTradeStream(e),i=hooks.useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};});exports.LastTradesWidget = void 0;var ea=m(()=>{jn();pi();exports.LastTradesWidget=e=>{let t=Jn(e.symbol);return jsxRuntime.jsx(exports.LastTrades,{...t,classNames:e.classNames,style:e.style})};});var ta={};K(ta,{LastTrades:()=>exports.LastTrades,LastTradesWidget:()=>exports.LastTradesWidget});var io=m(()=>{pi();ea();});function oa(e){let{t}=i18n.useTranslation();return e.showFaucet?jsxRuntime.jsx(ui.Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}var ia=m(()=>{});function aa(){let{t:e}=i18n.useTranslation(),{connectedChain:t,namespace:o}=hooks.useWalletConnector(),{state:i,account:r}=hooks.useAccount(),n=hooks.useConfig(),a=n.get("operatorUrl"),[s,{isMutating:c}]=hooks.useMutation(`${a}/v1/faucet/usdc`),[l,g]=xe.useState(false),u=xe.useMemo(()=>!t||!t.id?false:(i.status===types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;g(true);let f=e("trading.faucet.getTestUSDC.success",{quantity:o===types.ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(h=>{if(g(false),h.success)return ui.modal.alert({title:e("trading.faucet.getTestUSDC"),message:f,onOk:()=>new Promise(b=>b(true))});h.message&&ui.toast.error(h.message);},h=>{ui.toast.error(h.message);})},showFaucet:u,loading:l}}var sa=m(()=>{});function fi(){let e=aa();return jsxRuntime.jsx(oa,{...e})}var la=m(()=>{ia();sa();});var Rd,Fd,yi,Dd,bi,Ld,Bd;exports.AssetView = void 0;var so=m(()=>{la();Rd=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",Fd=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{t:i}=i18n.useTranslation();return xe.useMemo(()=>{let r={wrongNetwork:{title:i("connector.wrongNetwork"),description:i("connector.wrongNetwork.tooltip"),titleColor:"warning"},connectWallet:{title:i("connector.connectWallet"),description:i("connector.trade.connectWallet.tooltip"),titleClsName:"oui-text-transparent oui-bg-clip-text oui-gradient-brand"},createAccount:{title:i("connector.createAccount"),description:i("connector.trade.createAccount.tooltip"),titleColor:"primary"},enableTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},empty:{title:"",description:""}};return o?r.connectWallet:t?r.wrongNetwork:e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=types.AccountStatusEnum.NotConnected?r.connectWallet:e.status<=types.AccountStatusEnum.NotSignedIn?r.createAccount:e.status<types.AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},yi=e=>{let{description:t,formula:o}=e;return jsxRuntime.jsxs("div",{className:"oui-min-w-[204px] oui-max-w-[240px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80",children:[typeof t<"u"&&t!==null&&jsxRuntime.jsx("span",{children:t}),jsxRuntime.jsx(ui.Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsxRuntime.jsx("span",{children:o})]})},Dd=e=>{let{t}=i18n.useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsxRuntime.jsx(ui.Text.numeral,{visible:i,weight:"bold",size:"2xl",className:ui.gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxRuntime.jsxs(ui.Flex,{gap:1,itemAlign:"center",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsxRuntime.jsx("button",{onClick:r,children:i?jsxRuntime.jsx(ui.EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsxRuntime.jsx(ui.EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},bi=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:s,placeholder:c}=e;return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Tooltip,{className:"",content:jsxRuntime.jsx(yi,{description:o,formula:i}),children:jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsxRuntime.jsx(ui.Text.numeral,{visible:r,size:"2xs",unit:a,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:s,padding:false,dp:2,placeholder:c,children:n||"--"})]})},Ld=e=>{let{visible:t,value:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Tooltip,{className:ui.cn("oui-bg-base-6 oui-p-2"),content:jsxRuntime.jsx(uiOrderEntry.LTVRiskTooltipWidget,{}),children:jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:i("transfer.LTV")})}),jsxRuntime.jsx(ui.Text,{size:"2xs",className:ui.cn("select-none",t&&Rd(Number(o))),children:t?`${o}%`:"*****"})]})},Bd=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[s,c]=hooks.useLocalStorage("orderly_entry_asset_list_open",false),[l,g]=xe.useState(s),{t:u}=i18n.useTranslation(),p=xe.useCallback(()=>{g(h=>!h),setTimeout(()=>{c(!l);},0);},[]),f=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxRuntime.jsxs(ui.Box,{className:"oui-group",children:[jsxRuntime.jsxs(ui.Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:p,children:[jsxRuntime.jsx(ui.Divider,{className:"oui-flex-1"}),jsxRuntime.jsx(ui.ChevronDownIcon,{size:12,color:"white",className:ui.cn("oui-transition-transform",l&&"oui-rotate-180")}),jsxRuntime.jsx(ui.Divider,{className:"oui-flex-1"})]}),jsxRuntime.jsxs(ui.Box,{style:{transform:"translateZ(0)"},className:ui.cn("oui-select-none oui-space-y-1.5 oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",l?f?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsxRuntime.jsx(bi,{label:u("trading.asset.freeCollateral"),description:u("trading.asset.freeCollateral.tooltip"),formula:u("trading.asset.freeCollateral.formula"),visible:t,value:o===0?"0":o,unit:"USDC"}),jsxRuntime.jsx(bi,{label:u("trading.asset.marginRatio"),description:u("trading.asset.marginRatio.tooltip"),formula:u("trading.asset.marginRatio.formula"),visible:t,value:i,isConnected:n,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsxRuntime.jsx(bi,{label:u("trading.asset.maintenanceMarginRatio"),description:u("trading.asset.maintenanceMarginRatio.tooltip"),formula:u("trading.asset.maintenanceMarginRatio.formula"),visible:t,value:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),f&&jsxRuntime.jsx(Ld,{visible:t,value:a})]})]})},exports.AssetView=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:u,isMainAccount:p,hasSubAccount:f,currentLtv:h})=>{let{title:b,description:x,titleColor:T,titleClsName:C}=Fd(),{t:S}=i18n.useTranslation(),P=f&&jsxRuntime.jsx(ui.Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui.Text,{children:S("common.transfer")})}),L=p&&jsxRuntime.jsxs(ui.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!f&&jsxRuntime.jsx(ui.ArrowDownShortIcon,{opacity:1,className:"oui-text-primary-contrast"}),jsxRuntime.jsx(ui.Text,{children:S("common.deposit")})]}),oe=p&&jsxRuntime.jsxs(ui.Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!f&&jsxRuntime.jsx(ui.ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsxRuntime.jsx(ui.Text,{children:S("common.withdraw")})]});return jsxRuntime.jsxs(ui.Box,{className:"oui-relative",children:[b&&x&&jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui.Text,{size:"lg",weight:"bold",color:T||"inherit",className:C,children:b}),jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:x})]}),jsxRuntime.jsx(uiConnector.AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&p?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui.Text.gradient,{size:"lg",weight:"bold",color:"brand",children:S("trading.asset.startTrading")}),jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",children:S("trading.asset.startTrading.description")})]})}),jsxRuntime.jsxs(ui.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui.ArrowDownShortIcon,{opacity:1,className:"oui-text-primary-contrast"}),jsxRuntime.jsx(ui.Text,{children:S("common.deposit")})]}),jsxRuntime.jsx(ui.Box,{className:"oui-mt-3",children:jsxRuntime.jsx(fi,{})})]}):jsxRuntime.jsxs(ui.Box,{className:"oui-space-y-4",children:[jsxRuntime.jsx(Dd,{totalValue:o,visible:s,onToggleVisibility:a}),jsxRuntime.jsx(Bd,{visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:u,currentLtv:h}),jsxRuntime.jsx(ui.Flex,{gap:p?f?2:3:0,itemAlign:"center",children:p?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[L,P,oe]}):P}),p&&jsxRuntime.jsx(fi,{})]})}),jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-inset-0 oui-rotate-180","oui-pointer-events-none oui-rounded-2xl oui-blur-[200px]"),style:{background:"conic-gradient(from -40.91deg at 40.63% 50.41%, rgba(159, 115, 241, 0) -48.92deg, rgba(242, 98, 181, 0) 125.18deg, #5FC5FF 193.41deg, #FFAC89 216.02deg, #8155FF 236.07deg, #789DFF 259.95deg, rgba(159, 115, 241, 0) 311.08deg, rgba(242, 98, 181, 0) 485.18deg)"}})]})};});var pa,fa=m(()=>{pa=()=>{let{t:e}=i18n.useTranslation(),t=hooks.useAccountInstance(),o=hooks.useEventEmitter(),{totalValue:i}=hooks.useCollateral({dp:2}),r=hooks.useConfig("networkId"),{state:n,isMainAccount:a}=hooks.useAccount(),{freeCollateral:s}=hooks.useCollateral({dp:2}),{marginRatio:c,mmr:l}=hooks.useMarginRatio(),g=n.status>=types.AccountStatusEnum.Connected,[{aggregated:u},p]=hooks.usePositionStream(),f=xe.useMemo(()=>Math.min(10,u.notional===0?p.margin_ratio(10):c),[c,u]),h=xe.useCallback(W=>ui.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:W}),[]),b=xe.useCallback(async()=>h("deposit"),[]),x=xe.useCallback(async()=>h("withdraw"),[]),T=xe.useCallback(async()=>ui.modal.show(uiTransfer.TransferDialogId),[]),C=xe.useCallback(async()=>t.settle().catch(W=>{if(W.code===-1104)return ui.toast.error(e("settle.settlement.error")),Promise.reject(W);W.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:W.message,userAddress:t.address});}).then(W=>(ui.toast.success(e("settle.settlement.requested")),Promise.resolve(W))),[t,e]),[S,P]=hooks.useLocalStorage("orderly_assets_visible",true),L=xe.useCallback(()=>{P(W=>!W);},[S]),oe=hooks.useComputedLTV(),v=reactApp.useDataTap(s)??void 0,$=reactApp.useDataTap(f)??void 0,U=reactApp.useDataTap(l)??void 0,J=reactApp.useDataTap(i)??void 0;return {onDeposit:b,onWithdraw:x,onTransfer:T,onSettle:C,visible:S,toggleVisible:L,networkId:r,totalValue:J,status:n.status,freeCollateral:v,marginRatioVal:$,renderMMR:U,isConnected:g,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:oe}};});exports.AssetViewWidget = void 0;var ba=m(()=>{fa();so();exports.AssetViewWidget=e=>{let t=pa();return jsxRuntime.jsx(exports.AssetView,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};});var xa={};K(xa,{AssetView:()=>exports.AssetView,AssetViewWidget:()=>exports.AssetViewWidget});var Si=m(()=>{so();ba();});var co,ae,Ie,Qe,uo,le=m(()=>{co=xe.createContext({cellHeight:22}),ae=()=>xe.useContext(co),Ie="orderbook_coin_type",Qe="orderbook_mobile_coin_unit",uo=e=>{let[t,o]=xe.useState("quantity"),[i,r]=xe.useState("quantity"),n=xe__default.default.useMemo(()=>({cellHeight:e.cellHeight,onItemClick:e.onItemClick,mode:t,totalMode:i||"quantity",depth:e.depth,onModeChange:o,onTotalModeChange:r,showTotal:e.showTotal||false,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo}),[t,e.cellHeight,e.depth,e.onItemClick,e.pendingOrders,e.showTotal,e.symbolInfo,i]);return jsxRuntime.jsx(co.Provider,{value:n,children:e.children})};});var ke=m(()=>{});var mo,wi=m(()=>{mo=e=>{let{direction:t=1}=e,o=xe.useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};});var Ca,va=m(()=>{wi();le();ke();Ca=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=ae(),{symbolInfo:a,currentHover:s,accumulated:c,accumulatedAmount:l,count:g,price:u,quantity:p,base:f,quote:h}=e,{base_dp:b,quote_dp:x}=a,[T]=hooks.useLocalStorage(Ie,f),C=Number.isNaN(u)?0:c/g*100,S=xe.useMemo(()=>utils.getPrecisionByNumber(r||`${x}`),[r,x]),P=Number.isNaN(c)?"-":l?.toString(),L=xe.useMemo(()=>{let oe=ui.parseNumber(u,{dp:S,padding:true});return n.some(v=>oe===ui.parseNumber(v,{dp:S,padding:true}))},[n,u,S]);return jsxRuntime.jsxs("div",{className:"oui-relative oui-flex oui-cursor-pointer oui-flex-row oui-justify-between oui-pl-3 oui-text-xs oui-tabular-nums oui-text-base-contrast-80",style:{height:`${t}px`},onClick:()=>{Number.isNaN(u)||Number.isNaN(p)||i?.([u,p]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxRuntime.jsxs("div",{className:ui.cn("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsxRuntime.jsx(ui.Text.numeral,{dp:S,children:u})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsxRuntime.jsx(ui.Text.numeral,{dp:b,children:p})})]}),jsxRuntime.jsxs("div",{className:ui.cn("oui-fex-row oui-relative oui-flex oui-basis-5/12 oui-items-center oui-justify-end oui-overflow-hidden",o&&"oui-basis-7/12"),children:[o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui.Text.numeral,{dp:b,className:"oui-z-10",children:c})}),jsxRuntime.jsx("div",{className:ui.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui.Text.numeral,{dp:0,className:"oui-z-10",children:P})})]}):jsxRuntime.jsxs("div",{className:ui.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:[T===f&&jsxRuntime.jsx(ui.Text.numeral,{dp:b,className:"oui-z-10",children:c}),T===h&&jsxRuntime.jsx(ui.Text.numeral,{dp:0,className:"oui-z-10",children:P})]}),jsxRuntime.jsx(mo,{width:C,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),L&&jsxRuntime.jsx("div",{className:ui.cn("oui-pointer-events-none oui-absolute oui-left-[4px] oui-size-[4px] oui-rounded-full",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsxRuntime.jsx(ui.Divider,{lineStyle:"dashed",className:ui.cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};});var Ta,go,gm,Ci,Ni=m(()=>{le();ke();va();Ta=e=>{if(!e)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let[,,t,o]=e,i=Number.isNaN(t)?0:t,r=Number.isNaN(o)?0:o;return {sumQty:i,sumQtyAmount:r,avgPrice:r===0||i===0?0:new utils.Decimal(r).div(i).toNumber()}},go=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=ae(),a=xe.useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let u=t.findIndex(p=>!Number.isNaN(p[0]));return u!==-1?t[u]:null}else {let u=t.length;for(let p=u-1;p>=0;p--){let f=t[p];if(!Number.isNaN(f[0]))return f}return null}},[t,o]),s=xe.useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=xe.useMemo(()=>t.reduce((u,p)=>Math.max(u,p[1]),0),[t]),[l,g]=xe.useState(-1);return jsxRuntime.jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((u,p)=>jsxRuntime.jsx(gm,{index:p,item:u,countQty:i,setHoverIndex:g,hoverIndex:l,type:o,maxQty:c,priceDp:s,symbolInfo:r,findMaxItem:a},p))})},gm=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:c,symbolInfo:l,findMaxItem:g}=e,{base:u,quote:p,base_dp:f,quote_dp:h}=l,{t:b}=i18n.useTranslation(),x=a!==-1?r==="ask"?t>=a:t<=a:false,[T,C]=xe.useState(false),S=xe.useMemo(()=>{let P=Ta(o);return P.avgPrice===0?Ta(g()):P},[o,g]);return jsxRuntime.jsxs(ui.TooltipRoot,{open:T,onOpenChange:C,children:[jsxRuntime.jsx(ui.TooltipTrigger,{children:jsxRuntime.jsx(Ca,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:x,currentHover:a===t,symbolInfo:l,base:u,quote:p,onMouseEnter:()=>{i(t),C(true);},onMouseLeave:()=>{i(-1),C(false);}})}),jsxRuntime.jsxs(ui.TooltipContent,{className:ui.cn("oui-rounded-base oui-flex oui-w-full oui-max-w-[400px] oui-flex-col oui-gap-2 oui-bg-base-6 oui-p-3 oui-text-2xs oui-shadow-md"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:P=>P.preventDefault(),children:[jsxRuntime.jsx(Ci,{title:`${b("common.avgPrice")}\u2248`,content:S.avgPrice,contentDp:h}),jsxRuntime.jsx(Ci,{title:`${b("trading.orderBook.sum")} (${u})`,content:S.sumQty,contentDp:f}),jsxRuntime.jsx(Ci,{title:`${b("trading.orderBook.sum")} (${p})`,content:S.sumQtyAmount,contentDp:h}),jsxRuntime.jsx(ui.TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},Ci=e=>{let{title:t,content:o,contentDp:i}=e;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsxRuntime.jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsxRuntime.jsx("div",{className:"oui-text-end",children:jsxRuntime.jsx(ui.Text.numeral,{dp:i,children:o})})]})};});var Pa,ka=m(()=>{ke();Ni();Pa=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(go,{type:"ask",data:t,countQty:o})};});var Ra,Fa=m(()=>{ke();Ni();Ra=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(go,{type:"bid",data:t,countQty:o})};});var La,Ba=m(()=>{La=e=>{let t=xe.useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsxRuntime.jsx(ui.Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsxRuntime.jsx(ui.Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};});var Nm,Ia,Tt,Aa=m(()=>{le();Nm=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=i18n.useTranslation(),[n,a]=hooks.useLocalStorage(Ie,o),s=xe.useMemo(()=>utils.optimizeSymbolDisplay(t),[t]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",className:ui.cn("oui-w-full oui-px-2 oui-py-[3px]","oui-cursor-pointer","oui-text-xs","oui-text-base-contrast-54","hover:oui-bg-base-6","oui-rounded-[3px]","oui-transition-all",n===t&&"oui-bg-base-5"),onClick:c=>{a(t),i(c);},children:[jsxRuntime.jsx("div",{className:"oui-overflow-hidden oui-text-ellipsis ",children:`${r("common.total")}(${s})`}),jsxRuntime.jsx("div",{className:ui.cn("oui-transition-all","oui-w-1","oui-h-1","oui-rounded-full","oui-bg-gradient-to-r",n===t&&"oui-from-[rgb(var(--oui-gradient-brand-start))] oui-to-[rgb(var(--oui-gradient-brand-end))]")})]})},Ia=e=>{let{base:t,quote:o="USDC"}=e,{showTotal:i}=ae(),{t:r}=i18n.useTranslation(),[n,a]=xe__default.default.useState(false),[s]=hooks.useLocalStorage(Ie,t),c=n?ui.CaretUpIcon:ui.CaretDownIcon,l=xe.useMemo(()=>utils.optimizeSymbolDisplay(t),[t]),g=xe.useMemo(()=>utils.optimizeSymbolDisplay(s),[s]);return jsxRuntime.jsxs(ui.Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxRuntime.jsxs(ui.Flex,{gap:1,className:ui.cn("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsxRuntime.jsx(ui.Box,{width:"100%",children:jsxRuntime.jsx(Tt,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsxRuntime.jsx(ui.Box,{width:"100%",children:jsxRuntime.jsx(Tt,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${l})`})})]}),jsxRuntime.jsx(ui.Flex,{gap:1,pr:3,className:ui.cn("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(Tt,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${l})`})}),jsxRuntime.jsx(ui.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(Tt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsxRuntime.jsx(ui.Box,{width:"100%",children:jsxRuntime.jsx(ui.Popover,{open:n,onOpenChange:a,contentProps:{className:ui.cn("oui-w-28 oui-p-1")},content:jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",className:ui.cn("oui-w-full oui-gap-0.5"),children:[t,o].map(u=>jsxRuntime.jsx(Nm,{item:u,base:t,onClick:()=>a(false)},`type-${u}`))}),children:jsxRuntime.jsxs(ui.Flex,{justify:"end",itemAlign:"center",className:"oui-cursor-pointer oui-select-none oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast",children:[jsxRuntime.jsx(Tt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${g})`}),jsxRuntime.jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},Tt=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsxRuntime.jsx(ui.Flex,{id:e.id,className:ui.cn(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};});var po,Fi=m(()=>{po=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,c=s<a,l=s>a;return jsxRuntime.jsxs(ui.Flex,{gap:1,className:ui.cn(l?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsxRuntime.jsx(ui.Text.numeral,{dp:i,intensity:98,children:s}),jsxRuntime.jsxs(ui.Box,{width:19,children:[c&&jsxRuntime.jsx(ui.ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsxRuntime.jsx(ui.ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};});var fo,_m,Em,Wa,Bi=m(()=>{fo=e=>{let{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(Em,{...e}):jsxRuntime.jsx(_m,{...e})},_m=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=i18n.useTranslation();return jsxRuntime.jsx(ui.Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxRuntime.jsxs(ui.Flex,{gap:1,className:ui.cn("oui-cursor-pointer oui-text-2xs",o),children:[jsxRuntime.jsx(Wa,{size:i}),jsxRuntime.jsx(ui.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},Em=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=xe.useState(false),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui.Flex,{gap:1,className:ui.cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsxRuntime.jsx(Wa,{size:i}),jsxRuntime.jsx(ui.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsxRuntime.jsx(ui.SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsxRuntime.jsx(ui.Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},Wa=e=>jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});});var Ua,$m,Ga=m(()=>{le();Fi();Bi();Ua=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=ae();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxRuntime.jsxs("div",{className:ui.cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsxRuntime.jsx(po,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsxRuntime.jsx(fo,{markPrice:t,quote_dp:n.quote_dp})]}),jsxRuntime.jsx("div",{className:ui.cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsxRuntime.jsx($m,{asks:i,bids:r})})]})},$m=e=>{let{asks:t,bids:o}=e,{t:i}=i18n.useTranslation(),r=xe.useMemo(()=>{if(o.length===0&&t.length===0)return 0;let n=Number.isNaN(o[0][0])?0:o[0][0],a=t.reverse().findIndex(l=>!Number.isNaN(l[0])),s=0;a!==-1&&(s=Number.isNaN(t[a][0])?0:t[a][0]);let c=new utils.Decimal(s).sub(n).div(new utils.Decimal(s).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};});var Ka,Qa=m(()=>{le();ka();Fa();Ba();Aa();Ga();Ka=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=xe.useRef(null),[c,l]=xe.useState(false),[g,u]=hooks.useLocalStorage(Ie,r);return xe.useEffect(()=>{g!==i&&r&&u(r);},[r,i]),xe.useEffect(()=>{let p=new ResizeObserver(h=>{for(let b of h){let{inlineSize:x}=b.borderBoxSize[0];l(x>=360);}}),f=s.current;return f&&p.observe(f),()=>{f&&p.unobserve(f);}},[]),jsxRuntime.jsx(uo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||types.EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui.Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsxRuntime.jsx(La,{depths:e.depths,value:e.activeDepth,onChange:a}),jsxRuntime.jsx(Ia,{quote:i,base:r}),jsxRuntime.jsx(Pa,{data:[...e.asks]}),jsxRuntime.jsx(Ua,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsxRuntime.jsx(Ra,{data:[...e.bids]}),n&&jsxRuntime.jsx("div",{className:"oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center",children:jsxRuntime.jsx(ui.Spinner,{})})]})})};});exports.FundingRate = void 0;var Mi=m(()=>{exports.FundingRate=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-line-16 oui-decoration-dashed oui-underline-offset-4",onClick:o,children:n("trading.fundingRate.predFundingRate")}),i===null?"--":jsxRuntime.jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsxRuntime.jsx("span",{children:" in"}),jsxRuntime.jsx("span",{children:" "+r})]})]})};});exports.useFundingRateModalScript = void 0;var Ai=m(()=>{exports.useFundingRateModalScript=e=>{let{data:t,isLoading:o}=hooks.useFundingDetails(e.symbol),{last_funding_rate:i,est_funding_rate:r}=hooks.useFundingRateBySymbol(e.symbol)??{},[{aggregated:n,rows:a}]=hooks.usePositionStream(e.symbol),{notional:s}=n??{},c=xe.useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),l=xe.useMemo(()=>!t||o?"-":`${new utils.Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),g=xe.useMemo(()=>!t||o?"-":`${new utils.Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]),u=xe.useMemo(()=>{if(i)return `${new utils.Decimal(i).mul(100).toNumber()}%`},[i]),p=xe.useMemo(()=>{if(r)return `${new utils.Decimal(r).mul(100).toNumber()}%`},[r]),f=xe.useMemo(()=>!r||!s||a.length===0?"--":`${new utils.Decimal(r).mul(s).todp(4).toNumber()}`,[r,s,a]);return {fundingPeriod:c,capFunding:l,floorFunding:g,lastFundingRate:u,estFundingRate:p,estFundingFee:f}};});exports.FundingRateModal = void 0;var Ei=m(()=>{exports.FundingRateModal=e=>{let{t}=i18n.useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r,lastFundingRate:n,estFundingRate:a,estFundingFee:s}=e,c=(l,g)=>g?jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:l}),jsxRuntime.jsx(ui.Text,{intensity:80,children:g})]}):null;return jsxRuntime.jsxs(ui.Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsxRuntime.jsx(ui.Text,{intensity:80,children:o})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsxs(ui.Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxRuntime.jsxs(ui.Text,{intensity:80,children:[i," / ",r]})]}),c(t("trading.fundingRate.lastFundingRate"),n),c(t("trading.fundingRate.estimatedFundingRate"),a),c(t("trading.fundingRate.estimatedFundingFee"),s),jsxRuntime.jsx(ui.Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};});exports.FundingRateModalWidget = void 0;exports.FundingRateDialogId = void 0;exports.FundingRateSheetId = void 0;var Hi=m(()=>{Ai();Ei();exports.FundingRateModalWidget=e=>{let t=exports.useFundingRateModalScript(e);return jsxRuntime.jsx(exports.FundingRateModal,{...t})},exports.FundingRateDialogId="FundingRateDialogId",exports.FundingRateSheetId="FundingRateSheetId";ui.registerSimpleDialog(exports.FundingRateDialogId,exports.FundingRateModalWidget,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.i18n.t("funding.fundingRate")});ui.registerSimpleSheet(exports.FundingRateSheetId,exports.FundingRateModalWidget,{title:()=>i18n.i18n.t("funding.fundingRate")});});exports.useFundingRateScript = void 0;var Vi=m(()=>{Hi();exports.useFundingRateScript=e=>{let t=hooks.useFundingRate(e),o=xe.useCallback(()=>{ui.modal.show(exports.FundingRateDialogId,{symbol:e});},[e]);return {data:t,onClick:o}};});exports.FundingRateWidget = void 0;var es=m(()=>{Vi();Mi();exports.FundingRateWidget=e=>{let t=exports.useFundingRateScript(e.symbol);return jsxRuntime.jsx(exports.FundingRate,{...t})};});var $i=m(()=>{Mi();es();Vi();});var is,rs=m(()=>{wi();le();ke();is=e=>{let{accumulated:t,count:o,quantity:i,price:r,type:n,accumulatedAmount:a}=e,s=t/o*100,{cellHeight:c,onItemClick:l,depth:g,symbolInfo:u}=xe.useContext(co),{base_dp:p,quote_dp:f,base:h,quote:b}=u,[x,T]=hooks.useLocalStorage(Qe,"qty"),C=Number.isNaN(t)?"-":a?.toString(),S=xe.useMemo(()=>utils.getPrecisionByNumber(g||`${f}`),[g,f]),P=()=>{switch(x){case "base":return jsxRuntime.jsx(ui.Text.numeral,{className:"oui-text-base-contrast-80",dp:p,children:t});case "quote":return jsxRuntime.jsx(ui.Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:C});default:return jsxRuntime.jsx(ui.Text.numeral,{className:"oui-text-base-contrast-80",dp:p,children:Number.isNaN(i)?"-":i})}};return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-relative oui-w-full oui-cursor-pointer oui-overflow-hidden oui-text-2xs oui-tabular-nums"),style:{height:`${c}px`},onClick:()=>{Number.isNaN(r)||Number.isNaN(i)||l?.([r,i]);},children:[jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"between",children:[jsxRuntime.jsx(ui.Text.numeral,{color:n==="bid"?"buy":"sell",dp:S,children:r}),P()]}),Number.isNaN(s)?null:jsxRuntime.jsx(mo,{width:s,className:ui.cn(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};});var So,Ui=m(()=>{le();rs();So=e=>{let{data:t}=e,{mode:o}=ae();return jsxRuntime.jsx(ui.Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>jsxRuntime.jsx(is,{background:"",price:i[0],quantity:i[1],accumulated:i[2],accumulatedAmount:i[3],count:e.countQty,type:e.type,mode:o},`item-${r}`))})};});var as,ss=m(()=>{ke();Ui();as=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=t.length,r=Number.NaN,n=0;for(;Number.isNaN(r)&&n<i;)r=t[n][2],n++;return r},[t]);return jsxRuntime.jsx(So,{type:"ask",data:t,countQty:o})};});var ls,cs=m(()=>{ke();Ui();ls=e=>{let{data:t}=e,o=xe.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(So,{type:"bid",data:t,countQty:o})};});var ds,ms=m(()=>{ds=e=>{let t=xe.useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsxRuntime.jsx(ui.Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsxRuntime.jsx(ui.Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};});var gs,ps=m(()=>{le();gs=e=>{let{t}=i18n.useTranslation(),{base:o,quote:i}=e,[r,n]=hooks.useLocalStorage(Qe,"qty"),a=xe.useMemo(()=>[{value:"qty",label:`${t("common.quantity")}(${o})`,data:[t("common.quantity"),o]},{value:"base",label:`${t("common.total")}(${o})`,data:[t("common.total"),o]},{value:"quote",label:`${t("common.total")}(${i})`,data:[t("common.total"),i]}],[t,o,i]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsxRuntime.jsx(ui.Text,{children:t("common.price")}),jsxRuntime.jsx(ui.Text,{children:`(${i})`})]}),jsxRuntime.jsx(ui.Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(s,{open:c,data:l})=>jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(l)&&jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",children:[l[0]&&jsxRuntime.jsx(ui.Text,{children:l[0]}),l[1]&&jsxRuntime.jsxs(ui.Text,{children:["(",l[1],")"]})]}),c?jsxRuntime.jsx(ui.CaretUpIcon,{size:14,color:"inherit"}):jsxRuntime.jsx(ui.CaretDownIcon,{size:14,color:"inherit"})]})})]})};});var hs,bs=m(()=>{Bi();Fi();le();hs=e=>{let{symbolInfo:t}=ae(),{quote_dp:o}=t;return jsxRuntime.jsxs(ui.Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsxRuntime.jsx(po,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsxRuntime.jsx(fo,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};});var ys,Ss=m(()=>{le();$i();ss();cs();ms();ps();bs();ys=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`,[c,l]=hooks.useLocalStorage(Qe,"qty");return jsxRuntime.jsx(uo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:types.EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:ui.cn("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(exports.FundingRateWidget,{symbol:s}),jsxRuntime.jsx(gs,{quote:i,base:r}),jsxRuntime.jsx(as,{data:e.asks}),jsxRuntime.jsx(hs,{lastPrice:t,markPrice:o}),jsxRuntime.jsx(ls,{data:e.bids}),jsxRuntime.jsx(ds,{depth:e.depths||types.EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&jsxRuntime.jsx("div",{className:"oui-bg-base-800/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-h-full oui-min-h-[420px] oui-items-center oui-justify-center",children:jsxRuntime.jsx(ui.Spinner,{})})]})})};});exports.OrderBook = void 0;var Yi=m(()=>{Qa();Ss();exports.OrderBook=e=>jsxRuntime.jsx(ui.Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsxRuntime.jsx(ys,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsxRuntime.jsx(Ka,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo})});});var Dt,Ki=m(()=>{Dt=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});});var Lt,vs;exports.useOrderBookScript = void 0;var Gg,Xi=m(()=>{Ki();Lt=20,vs=104,exports.useOrderBookScript=e=>{let{symbol:t,height:o}=e,i=hooks.useSymbolsInfo()[t],[r,n]=xe.useState(Lt),[a,s]=xe.useState(10),{base:c,quote:l,quote_dp:g}=Dt(i),[u,{onDepthChange:p,isLoading:f,onItemClick:h,depth:b,allDepths:x}]=hooks.useOrderbookStream(t,void 0,{level:a}),T=Gg(t);xe.useEffect(()=>{if(o){let L=Math.floor((o-vs)/((Lt+1)*2)),oe=(Lt+1)*2*L,v=o-vs-oe;v>10?n(Lt+v/L/2):n(Lt),s(L);}},[o]);let C=xe.useMemo(()=>{if(!(typeof b>"u"||typeof g>"u"))return utils.removeTrailingZeros(b)},[b,g,t]),S=xe.useMemo(()=>x?.map(L=>utils.removeTrailingZeros(L))||[],[x,g]),{isMobile:P}=ui.useScreen();return {level:a,asks:u?.asks,bids:u?.bids,markPrice:u?.markPrice,lastPrice:u?.middlePrice,depths:S,selDepth:C,base:c,quote:l,isLoading:f,onItemClick:h,cellHeight:r,onDepthChange:p,pendingOrders:T,symbolInfo:Dt(i),isMobile:P}},Gg=e=>{let[t]=hooks.useOrderStream({status:types.OrderStatus.INCOMPLETE,symbol:e});return xe.useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};});exports.OrderBookWidget = void 0;var Ns=m(()=>{Xi();Yi();exports.OrderBookWidget=e=>{let{className:t,symbol:o,height:i}=e,r=exports.useOrderBookScript({symbol:o,height:i});return jsxRuntime.jsx(exports.OrderBook,{...r,className:t})};});var Zi={};K(Zi,{OrderBook:()=>exports.OrderBook,OrderBookWidget:()=>exports.OrderBookWidget,useOrderBookScript:()=>exports.useOrderBookScript});var No=m(()=>{Yi();Ns();Xi();});exports.RiskRate = void 0;var Ji=m(()=>{so();exports.RiskRate=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:s}=o,{wrongNetwork:c}=reactApp.useAppContext(),{t:l}=i18n.useTranslation(),g=c?"":n?"oui-text-danger":a?"oui-text-warning-darken":s?ui.gradientTextVariants({color:"brand"}):"";return jsxRuntime.jsxs(ui.Box,{"data-risk":"",className:"oui-space-y-2",children:[jsxRuntime.jsx(ui.Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsxRuntime.jsx(ui.Box,{className:c?"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full":n?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxRuntime.jsxs(ui.Flex,{direction:"row",justify:"between",children:[jsxRuntime.jsx(ui.Tooltip,{content:jsxRuntime.jsx(yi,{description:l("trading.riskRate.tooltip"),formula:l("trading.riskRate.formula")}),children:jsxRuntime.jsx(ui.Text,{size:"2xs",color:"neutral",weight:"semibold",className:ui.cn("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:l("trading.riskRate")})}),jsxRuntime.jsx(ui.Text,{size:"xs",color:"neutral",weight:"semibold",className:ui.cn(g),children:t??"--"})]})]})};});var tp,Ms,Is=m(()=>{tp=e=>{if(e===null)return {isHigh:false,isMedium:false,isLow:false,isDefault:true};let t=e<40,o=e>=40&&e<80,i=e>=80;return {isHigh:i,isMedium:o,isLow:t,isDefault:!t&&!o&&!i}},Ms=()=>{let{state:e}=hooks.useAccount(),t=e.status>=types.AccountStatusEnum.EnableTrading||e.status===types.AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=hooks.useMarginRatio(),{curLeverage:n}=hooks.useLeverage(),a=xe.useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new utils.Decimal(r).div(o).mul(100).todp(2,utils.Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),c=xe.useMemo(()=>tp(s),[s]),l=reactApp.useDataTap(i),g=reactApp.useDataTap(n);return {riskRate:reactApp.useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:l,maxLeverage:g}};});exports.RiskRateWidget = void 0;var _s=m(()=>{Is();Ji();exports.RiskRateWidget=()=>{let e=Ms();return jsxRuntime.jsx(exports.RiskRate,{...e})};});var Es={};K(Es,{RiskRate:()=>exports.RiskRate,RiskRateWidget:()=>exports.RiskRateWidget});var er=m(()=>{Ji();_s();});var qs,$s,lp,cp,Ws;exports.OrderBookAndTrades = void 0;var tr=m(()=>{qs=xe__default.default.lazy(()=>Promise.resolve().then(()=>(io(),ta)).then(e=>({default:e.LastTradesWidget}))),$s=xe__default.default.lazy(()=>Promise.resolve().then(()=>(No(),Zi)).then(e=>({default:e.OrderBookWidget}))),lp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsxRuntime.jsx(Ws,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx($s,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsxRuntime.jsx(Ws,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(qs,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})})]})]})},cp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxRuntime.jsxs(ui.Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsxRuntime.jsx(ui.TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx($s,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})})}),jsxRuntime.jsx(ui.TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(qs,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-18},classNames:{root:"oui-pt-[6px]",listHeader:"oui-px-3",list:"oui-px-3"}})})})]})})},Ws=e=>jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,className:ui.cn("oui-pb-[5px]",e.className),children:e.title}),exports.OrderBookAndTrades=e=>{let{containerRef:t,containerSize:o}=e;return jsxRuntime.jsx("div",{ref:t,className:"oui-h-full",children:(o?.width??0)>=572?jsxRuntime.jsx(lp,{...e}):jsxRuntime.jsx(cp,{...e})})};});exports.useOrderBookAndTradesScript = void 0;var or=m(()=>{exports.useOrderBookAndTradesScript=e=>{let[t,o]=xe.useState(void 0),[i,r]=xe.useState("orderBook"),n=xe.useRef(null);return xe.useEffect(()=>{let a=new ResizeObserver(c=>{for(let l of c){let{width:g,height:u}=l.contentRect;o({width:g,height:u});}}),s=n.current;return s&&a.observe(s),()=>{s&&a.unobserve(s);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};});exports.OrderBookAndTradesWidget = void 0;var Ys=m(()=>{or();tr();exports.OrderBookAndTradesWidget=e=>{let t=exports.useOrderBookAndTradesScript(e.symbol);return jsxRuntime.jsx(exports.OrderBookAndTrades,{...t})};});var Ks={};K(Ks,{OrderBookAndTrades:()=>exports.OrderBookAndTrades,OrderBookAndTradesWidget:()=>exports.OrderBookAndTradesWidget,useOrderBookAndTradesScript:()=>exports.useOrderBookAndTradesScript});var ir=m(()=>{tr();Ys();or();});var $l={};K($l,{LayoutIcon:()=>zl,MarketBottomIcon:()=>Vl,MarketHideIcon:()=>ql,MarketLeftIcon:()=>_r,MarketTopIcon:()=>Wl,OrderEntryIcon:()=>Hl,SwitchLayout:()=>Lh,SwitchLayoutDropDown:()=>El});var Lh,El,zl,Hl,_r,Wl,Vl,ql,Ul=m(()=>{Lh=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(El,{...e,children:jsxRuntime.jsxs(ui.Flex,{px:3,className:ui.cn("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsxRuntime.jsx(zl,{}),jsxRuntime.jsx(ui.Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},El=e=>{let[t,o]=xe.useState(false),[i,r]=xe.useState(null),{t:n}=i18n.useTranslation(),a=l=>jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(l),o(false);},className:"oui-group",children:[jsxRuntime.jsx(ui.Flex,{justify:l==="right"?"end":"start",className:ui.cn("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===l&&"!oui-border-primary-light"),children:jsxRuntime.jsx(ui.Box,{p:1,children:jsxRuntime.jsx(Hl,{})})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,className:ui.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.layout===l&&"oui-text-base-contrast-80"),children:String(n(l==="right"?"trading.layout.advanced.right":"trading.layout.advanced.left"))})]}),s=l=>{let g=p=>{let f=e.marketLayout===l;switch(l){case "left":return jsxRuntime.jsx(_r,{isSelected:f,isHovered:p});case "top":return jsxRuntime.jsx(Wl,{isSelected:f,isHovered:p});case "bottom":return jsxRuntime.jsx(Vl,{isSelected:f,isHovered:p});case "hide":return jsxRuntime.jsx(ql,{isSelected:f,isHovered:p});default:return jsxRuntime.jsx(_r,{isSelected:f,isHovered:p})}},u=()=>{switch(l){case "left":return n("trading.layout.markets.left");case "top":return n("trading.layout.markets.top");case "bottom":return n("trading.layout.markets.bottom");case "hide":return n("trading.layout.markets.hide");default:return n("trading.layout.markets.left")}};return jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:2,onClick:()=>{e.onMarketLayout?.(l),o(false);},onMouseEnter:()=>r(l),onMouseLeave:()=>r(null),className:"oui-group",children:[jsxRuntime.jsx(ui.Flex,{justify:"center",className:"oui-w-[148px] oui-h-[100px]",children:g(i===l)}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,className:ui.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.marketLayout===l&&"oui-text-base-contrast-80"),children:String(u())})]})},c=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px] oui-min-w-[500px]",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:98,children:n("trading.layout")}),jsxRuntime.jsx(ui.CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsxRuntime.jsx(ui.Divider,{}),jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:98,children:String(n("trading.layout.advanced"))}),jsxRuntime.jsxs(ui.Flex,{gapX:6,children:[a("right"),a("left")]})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:98,children:String(n("trading.layout.markets"))}),jsxRuntime.jsxs(ui.Flex,{gapX:6,children:[s("left"),s("top"),s("bottom"),s("hide")]})]})]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:l=>l.preventDefault(),onClick:l=>l.stopPropagation(),align:"end",className:ui.cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-font-semibold"),children:c})})]})},zl=e=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),Hl=e=>jsxRuntime.jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsxRuntime.jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsxRuntime.jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsxRuntime.jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#779eff"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),_r=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"8",width:"24",height:"84",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"16",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"21",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"26",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"10",y:"10",width:"5",height:"2",rx:"1",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"10",y:"14",width:"20",height:"76",rx:"2",fill:"#282E3A"})]}),Wl=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"8",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74729)",children:[jsxRuntime.jsx("rect",{x:"10",y:"10",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"28",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"46",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"64",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"82",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"100",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"118",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"136",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74729",children:jsxRuntime.jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 10)"})})})]}),Vl=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsx("rect",{x:"8",y:"84",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74743)",children:[jsxRuntime.jsx("rect",{x:"10",y:"86",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"28",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"46",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"64",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"82",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"100",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"118",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"136",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74743",children:jsxRuntime.jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 86)"})})})]}),ql=({isSelected:e,isHovered:t,...o})=>jsxRuntime.jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"rgb(var(--oui-color-primary-light))":"rgb(var(--oui-color-base-5))",strokeWidth:"4"}),jsxRuntime.jsxs("g",{clipPath:"url(#clip0_31319_74757)",children:[jsxRuntime.jsx("rect",{x:"8",y:"8",width:"132",height:"84",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"66.8789",y:"-76",width:"4",height:"188",rx:"2",transform:"rotate(45 66.8789 -76)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"73.9492",y:"-68.929",width:"4",height:"188",rx:"2",transform:"rotate(45 73.9492 -68.929)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"81.0195",y:"-61.8579",width:"4",height:"188",rx:"2",transform:"rotate(45 81.0195 -61.8579)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"88.0938",y:"-54.7867",width:"4",height:"188",rx:"2",transform:"rotate(45 88.0938 -54.7867)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"95.1641",y:"-47.7157",width:"4",height:"188",rx:"2",transform:"rotate(45 95.1641 -47.7157)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"102.234",y:"-40.6447",width:"4",height:"188",rx:"2",transform:"rotate(45 102.234 -40.6447)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"109.305",y:"-33.5736",width:"4",height:"188",rx:"2",transform:"rotate(45 109.305 -33.5736)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"116.375",y:"-26.5026",width:"4",height:"188",rx:"2",transform:"rotate(45 116.375 -26.5026)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"123.449",y:"-19.4315",width:"4",height:"188",rx:"2",transform:"rotate(45 123.449 -19.4315)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"130.52",y:"-12.3604",width:"4",height:"188",rx:"2",transform:"rotate(45 130.52 -12.3604)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"137.59",y:"-5.28931",width:"4",height:"188",rx:"2",transform:"rotate(45 137.59 -5.28931)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"144.66",y:"1.78174",width:"4",height:"188",rx:"2",transform:"rotate(45 144.66 1.78174)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"151.73",y:"8.85278",width:"4",height:"188",rx:"2",transform:"rotate(45 151.73 8.85278)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"158.805",y:"15.9238",width:"4",height:"188",rx:"2",transform:"rotate(45 158.805 15.9238)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"165.875",y:"22.995",width:"4",height:"188",rx:"2",transform:"rotate(45 165.875 22.995)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"172.945",y:"30.066",width:"4",height:"188",rx:"2",transform:"rotate(45 172.945 30.066)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"180.016",y:"37.1371",width:"4",height:"188",rx:"2",transform:"rotate(45 180.016 37.1371)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"187.086",y:"44.2081",width:"4",height:"188",rx:"2",transform:"rotate(45 187.086 44.2081)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"194.156",y:"51.2792",width:"4",height:"188",rx:"2",transform:"rotate(45 194.156 51.2792)",fill:"#20252F"}),jsxRuntime.jsx("rect",{x:"201.23",y:"58.3503",width:"4",height:"188",rx:"2",transform:"rotate(45 201.23 58.3503)",fill:"#20252F"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"clip0_31319_74757",children:jsxRuntime.jsx("rect",{width:"132",height:"84",fill:"white",transform:"translate(8 8)"})})})]});});var Eo,zo=m(()=>{se();Eo=()=>{let[e,t]=xe.useState("chart"),{symbol:o}=exports.useTradingPageContext(),[i,r]=xe.useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};});function cc(e){let[t,o]=hooks.useLocalStorage(s0,lc),[i,r]=xe.useState(false),n=xe.useRef(null),a=xe.useRef(null),[s,c]=xe.useState(0),l=xe.useRef(0),g=xe.useCallback(f=>{if(!a.current)return;r(true);let h=f.touches[0],b=a.current.getBoundingClientRect();f.stopPropagation(),f.preventDefault();let x=h.clientY-b.bottom;l.current=b.top,c(x);},[]),u=xe.useCallback(f=>{if(a.current&&i){f.stopPropagation(),f.preventDefault();let b=f.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(b),a0),lc)),false}},[i,s]),p=xe.useCallback(()=>{r(false);},[]);return xe.useEffect(()=>{let f=n.current;if(f)return f.addEventListener("touchstart",g),()=>{f.removeEventListener("touchstart",g);}},[g]),xe.useEffect(()=>(document.addEventListener("touchmove",u,{passive:false}),document.addEventListener("touchend",p),()=>{document.removeEventListener("touchmove",u),document.removeEventListener("touchend",p);}),[i,u,p]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}var lc,a0,s0,uc=m(()=>{lc=354,a0=234,s0="TRADINGVIEW_MOBILE_HEIGHT";});var dc,mc=m(()=>{dc=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("g",{id:"Arrows-expand",children:jsxRuntime.jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});});var pc,fc=m(()=>{mc();pc=e=>jsxRuntime.jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsxRuntime.jsx("div",{className:"oui-w-full oui-h-full",children:jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsxRuntime.jsx("div",{className:"oui-relative oui-w-full",children:jsxRuntime.jsx("div",{ref:e.dragRef,className:ui.cn("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsxRuntime.jsx(dc,{className:ui.cn("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]});});var hc={};K(hc,{TradingviewWidget:()=>u0});var u0,bc=m(()=>{uc();fc();u0=e=>{let t=cc(e);return jsxRuntime.jsx(pc,{...t})};});var xc={};K(xc,{MWebLastTrades:()=>m0});var m0,yc=m(()=>{io();m0=e=>jsxRuntime.jsx(exports.LastTradesWidget,{symbol:e.symbol,classNames:{root:"oui-px-3 ",list:"oui-min-h-[141px] oui-max-h-[202px] oui-w-full",listHeader:"oui-text-xs oui-text-base-contrast-36",listItem:{left:"oui-text-xs",mid:"oui-text-xs",right:"oui-text-xs"}}});});var Ho,dt,$r=m(()=>{Ho=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(dt,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(dt,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(dt,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsxRuntime.jsx(dt,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(dt,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(dt,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},dt=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsxRuntime.jsx(ui.Text,{intensity:36,children:t}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsxRuntime.jsx(ui.Text,{intensity:36,children:"USDC"})]})]})};});var Vo,Ur=m(()=>{se();Vo=e=>{let{symbol:t}=e,o=hooks.useTickerStream(t),{symbolInfo:i}=exports.useTradingPageContext(),r=xe.useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new utils.Decimal(a).mul(s).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]),n=xe.useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new utils.Decimal(a).mul(Number(s)).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};});var wc,Cc=m(()=>{Ur();$r();wc=e=>{let t=Vo(e);return jsxRuntime.jsx(Ho,{...t})};});var vc={};K(vc,{TradeData:()=>Ho,TradeDataWidget:()=>wc,useTradeDataScript:()=>Vo});var Tc=m(()=>{$r();Cc();Ur();});var w0,C0,v0,qo,T0,Yr=m(()=>{se();zo();w0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(bc(),hc)).then(e=>({default:e.TradingviewWidget}))),C0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(yc(),xc)).then(e=>({default:e.MWebLastTrades}))),v0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Tc(),vc)).then(e=>({default:e.TradeDataWidget}))),qo=e=>{let{t}=i18n.useTranslation(),{tradingViewConfig:o}=exports.useTradingPageContext();return jsxRuntime.jsxs(ui.Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsxRuntime.jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsxRuntime.jsx(T0,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsxRuntime.jsx(ui.TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(w0,{symbol:e.symbol,tradingViewConfig:o})})}),jsxRuntime.jsx(ui.TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(C0,{symbol:e.symbol})})}),jsxRuntime.jsx(ui.TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsxRuntime.jsx(ui.Box,{px:3,children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(v0,{symbol:e.symbol})})})})]})},T0=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:ui.cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsxRuntime.jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsxRuntime.jsx("defs",{})]});});var Pc,kc=m(()=>{zo();Yr();Pc=e=>{let t=Eo();return jsxRuntime.jsx(qo,{className:e.className,...t})};});var Rc={};K(Rc,{TopTab:()=>qo,TopTabWidget:()=>Pc,useTopTabScript:()=>Eo});var Fc=m(()=>{Yr();kc();zo();});var L0,$o,Kr=m(()=>{L0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(No(),Zi)).then(e=>({default:e.OrderBookWidget}))),$o=e=>{let[t,o]=xe.useState(0),i=xe.useRef(null);return xe.useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxRuntime.jsxs("div",{className:ui.cn("oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",e.className),children:[jsxRuntime.jsx("div",{className:"oui-rounded-xl oui-bg-base-9",style:{height:`${t+16}px`},children:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(L0,{symbol:e.symbol,height:t?t-44:void 0})})}),jsxRuntime.jsx("div",{className:"oui-rounded-xl oui-bg-base-9 oui-p-2",children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};});var Uo,Qr=m(()=>{se();Uo=()=>{let{symbol:e}=exports.useTradingPageContext();return {symbol:e}};});var Lc,Bc=m(()=>{Qr();Kr();Lc=e=>{let t=Uo();return jsxRuntime.jsx($o,{className:e.className,...t})};});var Oc={};K(Oc,{OrderBookAndEntry:()=>$o,OrderBookAndEntryWidget:()=>Lc,useOrderBookAndEntryScript:()=>Uo});var Mc=m(()=>{Kr();Bc();Qr();});var Yo,Ko=m(()=>{Me();se();Yo=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=xe.useState("Position"),[n,a]=xe.useState("Position history"),{t:s}=i18n.useTranslation(),{onSymbolChange:c}=exports.useTradingPageContext(),l=exports.useTradingLocalStorage(),[g,{cancelAllOrders:u,cancelAllTPSLOrders:p}]=hooks.useOrderStream({}),{positionCount:f}=exports.usePositionsCount(t),{pendingOrderCount:h,tpSlOrderCount:b}=exports.usePendingOrderCount(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:f,pendingOrderCount:h,tpSlOrderCount:b,...l,onCloseAll:T=>{let C=T===uiOrders.TabType.pending?s("orders.pending.cancelAll"):T===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll"):"",S=T===uiOrders.TabType.pending?s("orders.pending.cancelAll.description"):T===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";ui.modal.confirm({title:C,content:jsxRuntime.jsx(ui.Text,{size:"2xs",children:S}),onOk:async()=>{try{return i==="TP/SL"?await p():await u(),Promise.resolve(!0)}catch(P){return P?.message!==void 0&&toast.error(P.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};});var K0,Q0,Jr,X0,Z0,Xo,en=m(()=>{Ko();K0=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ci(),li)).then(e=>({default:e.PositionHeaderWidget}))),Q0=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsxRuntime.jsx(ui.Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsxRuntime.jsx(ui.Button,{variant:"outlined",size:"xs",color:"secondary",onClick:()=>e.onCloseAll(e.type),children:t("trading.orders.closeAll")})]})},Jr=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",pb:2,width:"100%",children:[jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),e.type!==uiOrders.TabType.orderHistory&&jsxRuntime.jsx(Q0,{...e}),jsxRuntime.jsx(uiOrders.MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===uiOrders.TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),X0=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(K0,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(uiPositions.MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})})]}),Z0=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-min-h-[300px]",children:jsxRuntime.jsxs(ui.Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsxRuntime.jsx(ui.TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsxRuntime.jsx(uiPositions.MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui.TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.orderHistory,...e})})]})})},Xo=e=>{let{t}=i18n.useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,tab:s,setTab:c,className:l}=e,g=[{title:`${t("common.positions")} ${o>0?`(${o})`:""}`,value:"Position",content:jsxRuntime.jsx(X0,{...e})},{title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,value:"Pending",content:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,...e})},{title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,value:"TP/SL",content:jsxRuntime.jsx(Jr,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,...e})},{title:t("trading.history"),value:"History",content:jsxRuntime.jsx(Z0,{...e})},{title:t("positions.liquidation"),value:"Liquidation",content:jsxRuntime.jsx(uiPositions.MobileLiquidationWidget,{enableLoadMore:true,symbol:n?void 0:a,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})},{title:t("common.assets"),value:"Assets",content:jsxRuntime.jsx(portfolio.AssetsModule.AssetsWidget,{})}];return jsxRuntime.jsx(ui.Tabs,{value:s,defaultValue:"Position",onValueChange:u=>c(u),size:"lg",className:l,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:g.map(u=>{let{content:p,...f}=u;return xe.createElement(ui.TabPanel,{...f,key:`item-${f.value}`},p)})})};});var Ec,zc=m(()=>{Ko();en();Ec=e=>{let t=Yo(e);return jsxRuntime.jsx(Xo,{...t,className:e.className})};});var Hc={};K(Hc,{DataList:()=>Xo,DataListWidget:()=>Ec,useDataListScript:()=>Yo});var Wc=m(()=>{en();zc();Ko();});gi();io();Si();No();er();ir();var Js=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=xe.useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=xe.useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsxRuntime.jsx("div",{...i,className:ui.cn(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-[3px]":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-[3px]",r&&"oui-pointer-events-none"),children:jsxRuntime.jsx("div",{onMouseDown:t,className:ui.cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var rt=xe.forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsxRuntime.jsx(pp__default.default,{ref:t,...i,lineBar:true,renderBar:r=>jsxRuntime.jsx(Js,{...r,mode:e.mode}),onDragEnd:(r,n)=>o?.(`${n}`)})});se();var el=()=>jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsxRuntime.jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsxRuntime.jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),tl=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),rr=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13 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-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M7.74 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 .399-.173.044-.043.044-.087.044-.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"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},ol=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsxRuntime.jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#C750FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsxRuntime.jsx("clipPath",{id:"clip0_6403_64483",children:jsxRuntime.jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var sr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,children:[jsxRuntime.jsx(fp,{...e}),jsxRuntime.jsx(hp,{...e}),jsxRuntime.jsx(bp,{...e}),jsxRuntime.jsxs(ui.Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsxRuntime.jsx(ui.Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},fp=e=>jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(el,{}),jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"address",children:e.address}),jsxRuntime.jsx(ui.Text.formatted,{size:"2xs",intensity:80,prefix:jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsxRuntime.jsx(tl,{})})]}),hp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",children:t("affiliate.referral")}),jsxRuntime.jsx(ui.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxRuntime.jsxs(ui.Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xs",children:t("common.affiliate")}),jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(rr,{}),jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxRuntime.jsxs(ui.Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"xs",children:t("affiliate.trader")}),jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(rr,{}),jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},bp=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsxRuntime.jsx(ui.Text,{children:t("common.tradingRewards")}),jsxRuntime.jsxs(ui.Text,{intensity:54,children:["(",jsxRuntime.jsx(ui.Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsxRuntime.jsx(ui.Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsxRuntime.jsx(ui.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxRuntime.jsxs(ui.Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(ol,{}),jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var cr=e=>{let{t}=i18n.useTranslation(),[o]=hooks.useLocalStorage("orderly_link_device",{}),{account:i,state:r}=hooks.useAccount(),n=i.accountId,a=i.address,{hide:s}=ui.useModal(),c=hooks.useConfig(),{connectedChain:l,disconnect:g,namespace:u}=hooks.useWalletConnector(),p=i.chainId||l?.id||o?.chainId,f=xe.useMemo(()=>p?(r.status===types.AccountStatusEnum.EnableTrading||r.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(p)):false,[r.status,p]),h=Mp(p),b=c.get("operatorUrl"),x=()=>{navigator.clipboard.writeText(a??""),ui.toast.success(t("common.copy.copied"));},{affiliateCommission30D:T,traderCommission30D:C,isAffiliate:S,isTrader:P,onClickReferral:L}=Bp(e.onClickReferral),{curEpochId:oe,estRewards:v,onClickTradingRewards:$}=Op(e.onClickTradingRewards),U=async()=>{localStorage.removeItem("orderly_link_device"),await g({label:r.connectWallet?.name}),await i.disconnect(),s();},[J,{isMutating:W}]=hooks.useMutation(`${b}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:p,chainName:h,onCopyAddress:x,affiliateCommission30D:T,onClickReferral:L,isAffiliate:S,isTrader:P,traderCommission30D:C,curEpochId:oe,onClickTradingRewards:$,estRewards:v,onDisconnect:U,showGetTestUSDC:f,onGetTestUSDC:()=>{if(r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected)return;let Ue=t("trading.faucet.getTestUSDC.success",{quantity:u===types.ChainNamespace.solana?"100":"1,000"});return J({chain_id:p?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(Y=>{if(Y.success)return ui.modal.alert({title:t("trading.faucet.getTestUSDC"),message:Ue,onOk:()=>Promise.resolve(true)});Y.message&&ui.toast.error(Y.message);},Y=>{ui.toast.error(Y.message);})},gettingTestUSDC:W}},Bp=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=hooks.useReferralInfo(),n=xe.useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=xe.useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},Op=e=>{let[t]=hooks.useCurEpochEstimate(hooks.TWType.normal),[o,i]=hooks.useEpochInfo(hooks.TWType.normal),r=xe.useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=xe.useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function Mp(e){let[t,{findByChainId:o}]=hooks.useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return xe.useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var ur=e=>{let t=cr(e);return jsxRuntime.jsx(sr,{...t})};var al=()=>{let{t:e}=i18n.useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=exports.useTradingPageContext(),{account:r,state:n}=hooks.useAccount();return {onShowAccountSheet:()=>{ui.modal.sheet({title:e("common.account"),leading:i,content:jsxRuntime.jsx(ur,{...t,...o})});},address:r.address,state:n}};var ll=e=>jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"sm"},children:jsxRuntime.jsx(ui.Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:ui.formatAddress(e.address,[4,4])})});ui.installExtension({name:"mobile-account-menu",scope:["*"],positions:[ui.ExtensionPositionEnum.MobileAccountMenu],builder:al,__isInternal:true})(e=>jsxRuntime.jsx(ll,{...e}));var ul=()=>jsxRuntime.jsx(ui.ExtensionSlot,{position:ui.ExtensionPositionEnum.MobileAccountMenu});var dr=()=>null;var mr=()=>({});var gr=()=>{let e=mr();return jsxRuntime.jsx(dr,{...e})};var fr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("button",{onClick:o=>{ui.modal.show(uiChainSelector.ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),ui.toast.success(t("connector.networkSwitched"));},i=>{});},children:jsxRuntime.jsxs(ui.Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsxRuntime.jsx(ui.ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxRuntime.jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",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))"})]})})]})})]})})};var hr=()=>{let e=hooks.useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=reactApp.useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var br=()=>{let e=hr();return jsxRuntime.jsx(fr,{...e})};var Sr=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?jsxRuntime.jsx(sf,{onDisconnect:e.onDisconnect}):jsxRuntime.jsx(br,{}),o=!e.disabledConnect&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected&&e.status<types.AccountStatusEnum.EnableTrading;return jsxRuntime.jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxRuntime.jsxs(ui.Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsxRuntime.jsx(gr,{}),jsxRuntime.jsxs(ui.Flex,{gap:2,children:[o&&jsxRuntime.jsx(uiScaffold.ScanQRCodeWidget,{}),t(),jsxRuntime.jsx(ul,{})]})]}),jsxRuntime.jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},sf=e=>{let[t,o]=xe.useState(false),{t:i}=i18n.useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxRuntime.jsxs(ui.Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsxRuntime.jsx(lf,{}),jsxRuntime.jsx(ml,{}),jsxRuntime.jsx(uf,{}),jsxRuntime.jsx(ml,{}),jsxRuntime.jsx(cf,{})]})]})},ml=()=>jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsxRuntime.jsx(yr,{}),jsxRuntime.jsx(yr,{}),jsxRuntime.jsx(yr,{})]}),lf=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),cf=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),uf=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",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))"})]})})]}),yr=e=>jsxRuntime.jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",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))"})]})})]});var wr=()=>{let{wrongNetwork:e,disabledConnect:t}=reactApp.useAppContext(),{account:o,state:i}=hooks.useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var pf=()=>{let e=wr();return jsxRuntime.jsx(Sr,{...e})};Me();var vr=()=>{let{state:e,account:t,isMainAccount:o}=hooks.useAccount(),i=Tf(),r=Nf(),n=hooks.useEventEmitter(),{t:a}=i18n.useTranslation(),s=e.subAccounts??[],[c,l]=xe.useState(false),g=xe.useCallback(async()=>t.settle().catch(h=>{if(h.code==-1104)return ui.toast.error(a("settle.settlement.error")),Promise.reject(h);if(h.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return n.emit("wallet:sign-message-with-ledger-error",{message:h.message,userAddress:t.address}),Promise.reject(h);if(h?.code==="ACTION_REJECTED")return ui.toast.error(a("connector.userRejected")),Promise.reject(h)}).then(h=>(ui.toast.success(a("settle.settlement.requested")),Promise.resolve(h))),[t,a]),u=xe.useCallback(()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),p=xe.useCallback(()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),f=xe.useCallback(()=>{ui.modal.show(uiTransfer.TransferSheetId);},[]);return {...i,...r,onSettlePnL:g,onDeposit:u,onWithdraw:p,showSliderTip:c,setShowSliderTip:l,isMainAccount:o,onTransfer:f,hasSubAccount:s?.length>0}},Tf=()=>{let{hideAssets:e,setHideAssets:t}=exports.useTradingLocalStorage(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=hooks.useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},Nf=()=>{let{t:e}=i18n.useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=hooks.usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=hooks.useMarginRatio(),s=xe.useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:c,curLeverage:l,maxLeverage:g,leverageLevers:u}=hooks.useLeverage(),p=xe.useMemo(()=>u?.map(v=>({label:`${v}x`,value:v})),[u]),[f,h]=xe.useState(l??0),b=100/((p?.length||0)-1),x=v=>{h(v);},T=async v=>{try{c({leverage:v}).then(()=>{ui.toast.success(e("leverage.updated"));},$=>{ui.toast.error($.message);});}catch{}},C=xe.useCallback(v=>{T(Array.isArray(v)?v[0]:v);},[]),S=hooks.useDebouncedCallback(C,500),P=xe.useCallback(v=>{let $=Number.parseInt(v.target.value,10),U=Number.isNaN($)?0:$,J=Math.min(Math.max(U,1),g);h(J),S(J);},[S,g]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:b,marks:p,onLeverageChange:x,onLeverageIncrease:()=>{h(v=>(T(v+1),v+1));},onLeverageReduce:()=>{h(v=>(T(v-1),v-1));},onInputChange:P,isReduceDisabled:f<=1,isIncreaseDisabled:f>=g,onValueCommit:C,value:f,maxLeverage:g,onSaveLeverage:T}};function bl(e,t){if(t===null)return {isRed:false,isYellow:false,isGreen:true};let o=t*2,i=e<=o,r=e>o&&e<1,n=e>=1;return {high:i,mid:r,low:n}}var yl=e=>{let{size:t=20,className:o}=e;return jsxRuntime.jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsxRuntime.jsx("div",{className:ui.cn("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var Pr=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,width:"100%",children:[jsxRuntime.jsx(_f,{...e}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(Ef,{...e}),jsxRuntime.jsx(zf,{...e})]}),_f=e=>{let{t}=i18n.useTranslation(),o=xe.useCallback(()=>ui.modal.confirm({title:t("settle.settlePnl"),content:jsxRuntime.jsx(ui.Text,{intensity:54,size:"xs",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,width:"100%",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsxRuntime.jsx(ui.Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsxRuntime.jsx(ui.EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui.EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsxRuntime.jsx(ui.Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxRuntime.jsxs(ui.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui.Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text.pnl,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.total_unreal_pnl}),!e.hideAssets&&jsxRuntime.jsx(ui.Text.roi,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsxRuntime.jsx(ui.Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text.pnl,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.total_unsettled_pnl}),jsxRuntime.jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsxRuntime.jsx(ui.RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsxRuntime.jsx(ui.Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Ef=e=>{let{t}=i18n.useTranslation(),{high:o,mid:i,low:r}=bl(e.marginRatioVal,e.mmr);return jsxRuntime.jsxs(ui.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui.Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsx(ui.Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsxRuntime.jsx(yl,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsxRuntime.jsx(ui.Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui.Flex,{justify:"start",width:"100%",gap:1,children:[jsxRuntime.jsx(ui.Text.collateral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsxRuntime.jsx(ui.Text,{size:"xs",children:"/"}),jsxRuntime.jsx(ui.Text.collateral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var zf=e=>{let{t}=i18n.useTranslation();return e.isMainAccount?jsxRuntime.jsxs(ui.Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsxRuntime.jsx(ui.Button,{icon:jsxRuntime.jsx(ui.ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsxRuntime.jsx(ui.Button,{icon:jsxRuntime.jsx(ui.ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui.Text,{children:t("common.transfer")})}),jsxRuntime.jsx(ui.Button,{icon:jsxRuntime.jsx(ui.ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")})]}):jsxRuntime.jsx(ui.Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsxRuntime.jsx(ui.Text,{children:t("common.transfer")})})};var kr=()=>{let e=vr();return jsxRuntime.jsx(Pr,{...e})};$i();Ai();Ei();Hi();var Ot=e=>{let{showIndicator:t,dragOverlay:o}=e,i=xe.useRef(null),[r,n]=xe__default.default.useState(null),a=sortable.useSortable({id:e.id}),{setNodeRef:s,attributes:c,listeners:l,transform:g,transition:u,isDragging:p,setActivatorNodeRef:f}=a;xe.useEffect(()=>{if(p&&i.current&&!r){let x=i.current.getBoundingClientRect();n({width:x.width,height:x.height});}else !p&&r&&n(null);},[p,r]);let h=x=>{s(x),i.current=x;},b={transform:utilities.CSS.Transform.toString(g),transition:u};return p&&r&&!o?jsxRuntime.jsx(ui.Box,{intensity:900,r:"2xl",p:3,className:ui.cn("oui-relative"),style:{...b,width:r.width,height:r.height,minWidth:r.width,minHeight:r.height,maxWidth:r.width,maxHeight:r.height,border:"1px solid rgb(var(--oui-color-primary))",backgroundImage:"repeating-linear-gradient(135deg, rgb(var(--oui-color-base-6)) 0px, rgb(var(--oui-color-base-6)) 4px, transparent 4px, transparent 8px)"}}):jsxRuntime.jsxs(ui.Box,{intensity:900,r:"2xl",p:3,width:"100%",className:ui.cn("oui-relative",e.className),ref:h,style:b,children:[jsxRuntime.jsx("div",{className:ui.cn("inner-content oui-transition-transform",o&&"oui-scale-95"),children:e.children}),t&&jsxRuntime.jsx("button",{...c,...l,className:"oui-absolute oui-right-0 oui-top-4 oui-cursor-move oui-py-1",style:{touchAction:"none"},ref:f,children:jsxRuntime.jsx(Gf,{className:ui.cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80")})})]})},Gf=e=>jsxRuntime.jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]});var Dr="rwaOutsideMarketHoursNotify",Cl=()=>{let{t:e}=i18n.useTranslation(),t=()=>{ui.toast.remove(Dr);},{isMobile:o}=ui.useScreen();return xe.useEffect(()=>{o&&setTimeout(()=>{ui.toast.dismiss(Dr);},3e3);},[o]),jsxRuntime.jsxs(ui.Flex,{r:"lg",className:"oui-bg-base-6 oui-relative oui-max-w-[348px]",children:[jsxRuntime.jsx(ui.Flex,{direction:"column",justify:"center",itemAlign:"center",className:"oui-bg-warning-darken oui-px-[5px] oui-h-full oui-rounded-tl-[10px] oui-rounded-bl-[10px]",children:jsxRuntime.jsx(ui.ExclamationFillIcon,{opacity:1,className:"oui-text-base-6",size:18})}),jsxRuntime.jsx(ui.Flex,{p:4,mr:1,children:jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,weight:"semibold",children:e("trading.rwa.outsideMarketHours.notify")})}),jsxRuntime.jsx("button",{className:"oui-w-6 oui-h-6 oui-right-0 oui-top-0 oui-absolute oui-bg-base-8 oui-rounded-tr-[10px] oui-rounded-bl-[10px] oui-inline-flex oui-justify-center oui-items-center oui-gap-2.5 oui-cursor-pointer",onClick:t,children:jsxRuntime.jsx(ui.CloseIcon,{opacity:1,className:"oui-text-base-contrast",size:16})})]})},Io=()=>{ui.toast.custom(jsxRuntime.jsx(Cl,{}),{id:Dr,duration:3e3});};Cl.displayName="RwaOutsideMarketHoursNotify";var Nl=e=>{let[t,o]=xe.useState(void 0),[i,r]=xe.useState(false),{isRwa:n,open:a,closeTimeInterval:s}=hooks.useGetRwaSymbolCloseTimeInterval(e);xe.useEffect(()=>{i||o(n&&a&&!!s);},[n,a,s,i]),xe.useEffect(()=>()=>{o(void 0),r(false);},[e]);let c=()=>{o(false),r(true);};return xe.useMemo(()=>({showCountdown:t,closeCountdown:c}),[t,c])};var st=(e,t,o)=>[xe.useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];Me();se();var Fl=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{totalValue:i}=hooks.useCollateral({dp:2}),r=t||o||e.status<types.AccountStatusEnum.EnableTrading&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=xe.useMemo(()=>{let l=new Date,u=new Date(l.getFullYear(),l.getMonth(),l.getDate(),23,59,59).getTime();return {startTime:u-90*24*60*60*1e3,endTime:u}},[]),[s,{meta:c}]=hooks.useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:types.AssetHistorySideEnum.DEPOSIT,status:types.AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:l=>l.side===types.AssetHistorySideEnum.DEPOSIT&&l.transStatus===types.AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&c?.total===0};var Ao=6,Ll=48,Bl=29,re=8,Ol=54,qe=280,Mr=360,Mt=280,Ml=732,we=464,De=728,$e=320,It=540,Ir=800,_o=350,fh="orderly_order_entry_side_markets_layout",hh="orderly_side_markets_mode",bh="orderly_horizontal_markets_layout",Ar=()=>{let[e,t]=xe.useState(false),o=exports.useTradingPageContext(),{state:i}=hooks.useAccount(),{t:r}=i18n.useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:s,onRouteChange:c}=reactApp.useAppContext(),{hideAssets:l,setHideAssets:g}=exports.useTradingLocalStorage(),u=Fl(),{totalValue:p}=hooks.useCollateral(),f=reactApp.useDataTap(p),h=hooks.useMediaQuery("(max-width: 1279px)"),b=hooks.useMediaQuery("(min-width: 1440px)"),x=hooks.useMediaQuery("(max-width: 1680px)"),[T,C]=hooks.useLocalStorage(fh,"right"),[S,P]=hooks.useLocalStorage(bh,"left"),L=xe.useMemo(()=>!n&&!a&&(i.status>=types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),oe=()=>{L&&ui.modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsxRuntime.jsx(kr,{})});},v=xe.useMemo(()=>b,[b]),$=yh({canTrade:L,isFirstTimeDeposit:u}),U=xh({resizeable:b}),J=wh({max2XL:h}),W=xe.useMemo(()=>{switch(U.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[U.panelSize]),Le=h?1200:600,Ue=L?379:277,Y=Sh({dep:T}),qt=Ch({orderEntryViewRef:J.orderEntryViewRef,tradindviewMaxHeight:Le,dataListMinHeight:Ue}),Be={layout:T,onLayout:C,marketLayout:S,onMarketLayout:P,max2XL:h,min3XL:b,max4XL:x,canTrade:L,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:v,...U,...$,...Y,...J,restrictedInfo:s,...qt,marketsWidth:W,tradindviewMaxHeight:Le,dataListMinHeight:Ue,total:f,hideAssets:l,setHideAssets:g,onShowPortfolioSheet:oe,navigateToPortfolio:typeof c=="function"?()=>c({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:u,symbolInfoBarHeight:Ol};return {...o,...Be}},xh=e=>{let{resizeable:t}=e,[o,i]=xe.useState(false),[r,n]=hooks.useLocalStorage(hh,"large"),a=c=>{n(c),i(true);},s=xe.useMemo(()=>t?r==="large"?"large":"middle":"middle",[t,r]);return {resizeable:t,panelSize:s,onPanelSizeChange:a,animating:o,setAnimating:i}},yh=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=hooks.useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(c,l)=>{let g=[...i];if(c===0&&l===g.length-1){g[l]=i[c];for(let u=0;u<g.length-1;u++)g[u]=i[u+1];}else if(c===g.length-1&&l===0){g[l]=i[c];for(let u=1;u<g.length;u++)g[u]=i[u-1];}else [g[c],g[l]]=[g[l],g[c]];r(g);},a=xe.useMemo(()=>t&&!o,[t,o]);return {positions:xe.useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},Sh=e=>{let{dep:t}=e,[o,i]=st("orderly_main_split_size",`${qe}px`,t),[r,n]=st("orderly_datalist_split_size",`${_o}px`),[a,s]=st("orderly_orderbook_split_size","280px",t),[c,l]=st("orderly_datalist_split_height_sm","350px"),[g,u]=st("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:r,setDataListSplitSize:n,mainSplitSize:o,setMainSplitSize:i,dataListSplitHeightSM:c,setDataListSplitHeightSM:l,orderBookSplitHeightSM:g,setOrderbookSplitHeightSM:u}},wh=e=>{let{max2XL:t}=e,[o,i]=xe.useState(0),r=xe.useRef(null);return xe.useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(s=>{for(let c of s){let l=c.contentRect.height;l&&i(l);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}};function Il(e){return e?`${100-Math.min(Number(e),100)}`:""}function Ch(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=xe.useRef(null),r=xe.useRef(null),[n,a]=hooks.useLocalStorage("orderly_order_entry_extra_height",0),s=22,[c,l]=hooks.useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(p,f)=>{let h=i?.current?.boxHeight;if(!h)return;let b=h*p/100,x=h*f/100,T=Math.min(Math.max(b,$e),t),C=Math.min(Math.max(x,we),De),S=e.orderEntryViewRef.current?.clientHeight||0;if(x>=C){let P=x-C;a(Math.max(0,n-P));}else if(T+C<t+De){let P=T+C+s+Ol,L=Math.max(0,P-S);a(n+L);}},onDataListSplitHeightDragging:(p,f)=>{let h=r?.current?.boxHeight;if(!h)return;let b=h*f/100;if(b>=o&&b<=Ir){l(b);let x=b-c;x>0&&a(Math.max(0,n-x));}},extraHeight:n,dataListHeight:c}}var Qh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(er(),Es)).then(e=>({default:e.RiskRateWidget}))),Xh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Si(),xa)).then(e=>({default:e.AssetViewWidget}))),Zh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(gi(),Gn)).then(e=>({default:e.DataListWidget}))),Jh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Ul(),$l)).then(e=>({default:e.SwitchLayout}))),jh=xe__default.default.lazy(()=>Promise.resolve().then(()=>(ir(),Ks)).then(e=>({default:e.OrderBookAndTradesWidget})));var tc=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,marketLayout:a,onMarketLayout:s,orderBookSplitSize:c,setOrderbookSplitSize:l,dataListSplitSize:g,setDataListSplitSize:u,mainSplitSize:p,setMainSplitSize:f,dataListSplitHeightSM:h,setDataListSplitHeightSM:b,orderBookSplitHeightSM:x,setOrderbookSplitHeightSM:T,max2XL:C,max4XL:S,animating:P,setAnimating:L,updatePositions:oe,showPositionIcon:v,horizontalDraggable:$,marketsWidth:U,tradindviewMaxHeight:J,dataListMinHeight:W}=e,{showCountdown:Le,closeCountdown:Ue}=Nl(e.symbol),Y=xe.useMemo(()=>Le?104:56,[Le]),{isRwa:qt,open:jo}=hooks.useGetRwaSymbolOpenStatus(e.symbol);xe.useEffect(()=>{qt&&!jo&&Io();},[qt,jo,e.symbol]);let[Be]=hooks.useLocalStorage(types.TradingviewFullscreenKey,false),[Oe,Gc]=hooks.useLocalStorage(types.OrderEntrySortKeys,["margin","assets","orderEntry"]),rn=xe.useMemo(()=>({keyframes({transform:M}){return [{transform:utilities.CSS.Transform.toString({...M.initial,scaleX:1.05,scaleY:1.05})},{transform:utilities.CSS.Transform.toString({...M.final,scaleX:1,scaleY:1})}]},sideEffects:({active:M,dragOverlay:$t})=>{M.node.style.opacity="0";let Ge=$t.node.querySelector(".inner-content");return Ge&&Ge.classList.add("oui-animate-shake"),()=>{M.node.style.opacity="";}}}),[]),nn=core.useSensors(core.useSensor(core.PointerSensor,{activationConstraint:{distance:5}}),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),[ve,an]=xe.useState(null);function sn(M){an(M.active.id);}function ln(M){let{active:$t,over:Ge}=M;if($t.id!==Ge?.id&&Ge){let xn=Oe.indexOf($t.id),yn=Oe.indexOf(Ge.id);if(xn!==-1&&yn!==-1){let iu=sortable.arrayMove(Oe,xn,yn);Gc(iu);}}an(null);}let Yc=xe.useMemo(()=>Be?0:Y+De+_o+re*4,[Be]),Kc=Ll+Bl+Y+$e+we+W+re*4,ei=jsxRuntime.jsx(markets.HorizontalMarketsWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,maxItems:-1,dropdownPos:a==="bottom"?"top":"bottom"}),Qc=xe.useMemo(()=>C?12:8,[C]),cn=jsxRuntime.jsx(ui.Box,{className:ui.cn("oui-bg-base-10","oui-sticky oui-z-30 oui-mb-[-8px] oui-py-2",!C&&"oui-mt-[-8px]"),style:{bottom:0,minWidth:(C?1024:1440)-Ao-Qc*2},children:ei}),un=jsxRuntime.jsx(markets.SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),ti=jsxRuntime.jsx(ui.Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:U,style:{minWidth:U},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>L(false),children:!P&&a==="left"&&un}),dn=jsxRuntime.jsx(ui.Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:Y,height:Y},children:jsxRuntime.jsx(markets.SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,closeCountdown:Ue,showCountdown:Le,trailing:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Jh,{layout:r,onLayout:n,marketLayout:a,onMarketLayout:s})})})}),{library_path:Xc,...Zc}=e.tradingViewConfig,mn=jsxRuntime.jsx(uiTradingview.TradingviewWidget,{classNames:{root:ui.cn(Be?"!oui-absolute oui-top-0 oui-left-0 oui-right-0 oui-bottom-0 oui-z-[40] oui-bg-base-10":"oui-z-1"),content:ui.cn(Be?"oui-top-3 oui-bottom-3 oui-left-3 oui-right-3 oui-bg-base-9 oui-rounded-[16px] oui-overflow-hidden":"")},symbol:e.symbol,...Zc,libraryPath:Xc}),gn=jsxRuntime.jsx(ui.Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:It},className:"oui-overflow-hidden",children:mn}),pn=jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(jh,{symbol:e.symbol})}),Jc=jsxRuntime.jsx(ui.Box,{r:"2xl",height:"100%",style:{minWidth:Mt,maxWidth:$?Ml:Mt,width:c},className:"oui-overflow-hidden",children:pn}),fn=jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Zh,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig})}),jc=jsxRuntime.jsx(ui.Box,{intensity:900,r:"2xl",p:2,style:{height:g,minHeight:_o},className:"oui-overflow-hidden",children:fn}),Te=xe.useMemo(()=>({margin:{className:"",element:jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Qh,{})})},assets:{className:"oui-border oui-border-line-12",element:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(Xh,{isFirstTimeDeposit:e.isFirstTimeDeposit})}),jsxRuntime.jsx(uiTransfer.DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},orderEntry:{className:"",element:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})}}),[e.isFirstTimeDeposit,e.disableFeatures,e.navigateToPortfolio,e.symbol]),hn=jsxRuntime.jsx(ui.Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:qe,maxWidth:$?Mr:qe,width:p},children:Oe.map(M=>jsxRuntime.jsx(Ot,{id:M,showIndicator:v,className:Te[M].className,children:Te[M].element},M))}),bn=jsxRuntime.jsxs(rt,{style:{flex:1,minHeight:we},onSizeChange:l,disable:!$,children:[S&&r==="right"?jsxRuntime.jsxs(ui.Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:U+It+re},children:[a==="left"&&ti,gn]}):gn,Jc]}),eu=()=>S&&r==="left"?jsxRuntime.jsxs(ui.Flex,{gapX:2,style:{minHeight:we},height:"100%",children:[bn,a==="left"&&ti]}):bn,tu=jsxRuntime.jsxs(ui.Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:S?U+It+Mt+re*2:It+Mt+re},children:[dn,jsxRuntime.jsxs(rt,{style:{maxHeight:`calc(100% - ${Y}px - ${re}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:u,children:[eu(),jc]})]}),ou=M=>f(r==="left"?Il(M):M);return C?jsxRuntime.jsxs(core.DndContext,{sensors:nn,collisionDetection:core.closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[modifiers.restrictToVerticalAxis],children:[jsxRuntime.jsx(sortable.SortableContext,{items:Oe,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsxs(ui.Box,{height:"100%",children:[a==="top"&&jsxRuntime.jsx(ui.Box,{className:ui.cn("oui-mt-2 oui-max-h-8 oui-px-3",e.className),children:ei}),jsxRuntime.jsxs(rt,{ref:e.max2XLSplitRef,style:{minHeight:Kc,minWidth:1024-Ao},className:ui.cn("oui-flex oui-flex-1","oui-size-full oui-min-w-[1018px]","oui-px-3 oui-py-2",e.className),onSizeChange:b,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"stretch",className:ui.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(Y+$e+we+re*2,e.orderEntryHeight),maxHeight:Y+J+De+re*2},children:[jsxRuntime.jsxs(ui.Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[dn,jsxRuntime.jsxs(ui.Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:$e+we+re,maxHeight:J+De+re},className:ui.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[a==="left"&&jsxRuntime.jsx(ui.Box,{intensity:900,pt:3,r:"2xl",width:U,style:{minHeight:$e+we+re,maxHeight:J+De+re},children:un}),jsxRuntime.jsxs(rt,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${U}px)`},className:"oui-flex-1",onSizeChange:T,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsxRuntime.jsx(ui.Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:$e,maxHeight:J,height:1200},children:mn}),jsxRuntime.jsx(ui.Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:we,maxHeight:De,height:x},className:"oui-flex-1",children:pn})]})]})]}),jsxRuntime.jsxs(ui.Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:qe,height:"max-content"},children:[jsxRuntime.jsx(ui.Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:qe,maxWidth:$?Mr:qe,width:p},children:Oe.map(M=>jsxRuntime.jsx(Ot,{id:M,showIndicator:v,className:Te[M].className,children:Te[M].element},M))}),jsxRuntime.jsx(ui.Box,{height:e.extraHeight})]})]}),jsxRuntime.jsx(ui.Box,{intensity:900,r:"2xl",p:2,style:{height:h,minHeight:Math.max(W,e.dataListHeight),maxHeight:Ir},className:"oui-overflow-hidden",children:fn}),a==="bottom"&&cn]})]})}),jsxRuntime.jsx(core.DragOverlay,{dropAnimation:rn,children:ve?jsxRuntime.jsx(Ot,{id:ve,showIndicator:v,dragOverlay:true,className:`${Te[ve].className} oui-shadow-lg oui-shadow-base-9`,children:Te[ve].element}):null})]}):jsxRuntime.jsxs(core.DndContext,{sensors:nn,collisionDetection:core.closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[modifiers.restrictToVerticalAxis],children:[jsxRuntime.jsx(sortable.SortableContext,{items:Oe,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsxs(ui.Flex,{style:{minHeight:Yc,minWidth:1440-Ao},className:ui.cn(e.className,"oui-justify-start",Be&&"oui-relative oui-h-[calc(100vh-80px)] oui-w-screen oui-overflow-hidden !oui-p-0"),width:"100%",p:2,gap:2,itemAlign:"stretch",direction:"column",children:[a==="top"&&ei,jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-flex-1 oui-overflow-hidden",r==="left"&&"oui-flex-row-reverse"),gap:2,children:[!S&&a==="left"&&ti,jsxRuntime.jsxs(rt,{className:ui.cn("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:ou,disable:!$,children:[r==="left"&&hn,tu,r==="right"&&hn]})]}),a==="bottom"&&cn]})}),jsxRuntime.jsx(core.DragOverlay,{dropAnimation:rn,children:ve?jsxRuntime.jsx(Ot,{id:ve,showIndicator:v,dragOverlay:true,className:`${Te[ve].className} oui-shadow-lg oui-shadow-base-9`,children:Te[ve].element}):null})]})};var rc=({timeInterval:e})=>{let{t}=i18n.useTranslation();if(!e||e>=1800)return null;let[o,i,r,n]=i0(e),a=o.toString().padStart(2,"0"),s=i.toString().padStart(2,"0"),c=r.toString().padStart(2,"0"),l=n.toString().padStart(2,"0"),g=()=>o>0?{s1:a,s2:s,c1:t("common.dayShort"),c2:t("common.hourShort")}:i>0?{s1:s,s2:c,c1:t("common.hourShort"),c2:t("common.minuteShort")}:{s1:c,s2:l,c1:t("common.minuteShort"),c2:t("common.secondShort")},{s1:u,s2:p,c1:f,c2:h}=g();return jsxRuntime.jsxs(ui.Flex,{className:"oui-text-base-contrast-54 oui-text-xs oui-font-normal",children:[jsxRuntime.jsx(ui.Box,{ml:2,className:"oui-bg-base-7 oui-px-1 oui-rounded-md oui-text-base-contrast oui-min-w-[22px] oui-text-center oui-text-xs",children:u}),f," : ",jsxRuntime.jsx(ui.Box,{ml:1,className:"oui-bg-base-7 oui-px-1 oui-rounded-md oui-text-base-contrast oui-min-w-[22px] oui-text-center oui-text-xs",children:p}),h]})};function i0(e){let r=Math.floor(e/86400),n=e%86400,a=Math.floor(n/3600),s=n%3600,c=Math.floor(s/60),l=s%60;return [r,a,c,l]}var d1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Fc(),Rc)).then(e=>({default:e.TopTabWidget}))),m1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Mc(),Oc)).then(e=>({default:e.OrderBookAndEntryWidget}))),g1=xe__default.default.lazy(()=>Promise.resolve().then(()=>(Wc(),Hc)).then(e=>({default:e.DataListWidget}))),p1=()=>jsxRuntime.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})}),Vc=e=>{let{t}=i18n.useTranslation(),{isRwa:o,open:i,closeTimeInterval:r}=hooks.useGetRwaSymbolInfo(e.symbol);xe.useEffect(()=>{o&&!i&&Io();},[o,i,e.symbol]);let n=xe.useMemo(()=>{if(!o||r===void 0)return null;let c=30*60;return (r??0)>c?null:jsxRuntime.jsxs(ui.Flex,{gap:1,p:2,justify:"start",itemAlign:"center",r:"lg",mt:2,className:"oui-bg-success/15 oui-text-xs oui-text-base-contrast-54",children:[jsxRuntime.jsx(ui.NewsFillIcon,{color:"success",size:16,className:"oui-flex-shrink-0"}),jsxRuntime.jsx(ui.Flex,{className:"oui-flex-1 oui-text-success",children:jsxRuntime.jsx(ui.Text,{children:t(i?"trading.rwa.mWeb.outsideMarketHours.desc":"trading.rwa.mWeb.insideMarketHours.desc")})}),jsxRuntime.jsx(rc,{timeInterval:r})]})},[o,i,r]),a=jsxRuntime.jsx(markets.SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:t("common.totalValue")}),jsxRuntime.jsx("button",{onClick:c=>{c.stopPropagation(),c.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsxRuntime.jsx(ui.EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui.EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsxRuntime.jsx(p1,{})]}),jsxRuntime.jsx(ui.Text.numeral,{suffix:jsxRuntime.jsx(ui.Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),s=jsxRuntime.jsxs(ui.Box,{intensity:900,className:"oui-rounded-xl",mx:1,px:3,py:2,children:[a,jsxRuntime.jsx(ui.SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-0",content:"oui-w-[280px] !oui-p-0"},contentProps:{side:"left",closeable:false},children:jsxRuntime.jsx(markets.MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:c=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(c);}})}),n]});return jsxRuntime.jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxRuntime.jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[s,jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(d1,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(m1,{})}),jsxRuntime.jsx(xe__default.default.Suspense,{fallback:null,children:jsxRuntime.jsx(g1,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})})]})})};var tn=e=>{let{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(Vc,{...e}):jsxRuntime.jsx(tc,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var on=()=>{let e=Ar();return jsxRuntime.jsx(tn,{...e})};Ki();se();var $c=e=>{let{symbol:t,children:o}=e,i=hooks.useSymbolsInfo()[t],r=xe.useMemo(()=>{let n=Dt(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsxRuntime.jsx(exports.TradingPageContext.Provider,{value:r,children:o})};var S1=e=>jsxRuntime.jsx($c,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsxRuntime.jsx(on,{})});se();Me();
|
|
33
33
|
|
|
34
34
|
exports.BottomNavBar = Sr;
|
|
35
|
-
exports.BottomNavBarWidget =
|
|
35
|
+
exports.BottomNavBarWidget = pf;
|
|
36
36
|
exports.PortfolioSheet = Pr;
|
|
37
37
|
exports.PortfolioSheetWidget = kr;
|
|
38
|
-
exports.SplitLayout =
|
|
38
|
+
exports.SplitLayout = rt;
|
|
39
39
|
exports.Trading = tn;
|
|
40
|
-
exports.TradingPage =
|
|
41
|
-
exports.TradingPageProvider =
|
|
40
|
+
exports.TradingPage = S1;
|
|
41
|
+
exports.TradingPageProvider = $c;
|
|
42
42
|
exports.TradingWidget = on;
|
|
43
43
|
exports.useBottomNavBarScript = wr;
|
|
44
44
|
exports.usePortfolioSheetScript = vr;
|
|
45
|
-
exports.useTradingScript =
|
|
45
|
+
exports.useTradingScript = Ar;
|
|
46
46
|
//# sourceMappingURL=out.js.map
|
|
47
47
|
//# sourceMappingURL=index.js.map
|