@kodiak-finance/orderly-trading 2.8.13 → 2.8.14-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +18 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +21 -21
package/dist/index.mjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { useAccount, useLocalStorage, useConfig, useWalletConnector, useMutation, useChains, useReferralInfo, useCurEpochEstimate, TWType, useEpochInfo, usePositionStream, useOrderStream, useFundingDetails, useFundingRate, useSymbolsInfo, useOrderbookStream, useEventEmitter, useCollateral, useMarginRatio, useLeverage, useDebouncedCallback, useMediaQuery, useAssetsHistory, useMarketTradeStream, useAccountInstance, useComputedLTV, useTickerStream } from '@kodiak-finance/orderly-hooks';
|
|
2
|
-
import
|
|
2
|
+
import ve, { forwardRef, useMemo, createContext, useContext, useState, useCallback, useEffect, useRef, createElement } from 'react';
|
|
3
3
|
import { useDataTap, useAppContext } from '@kodiak-finance/orderly-react-app';
|
|
4
4
|
import { AccountStatusEnum, ChainNamespace, AlgoOrderRootType, OrderStatus, OrderSide, AssetHistoryStatusEnum, AssetHistorySideEnum, TradingviewFullscreenKey, OrderEntrySortKeys, EMPTY_LIST } from '@kodiak-finance/orderly-types';
|
|
5
|
-
import { TabType,
|
|
6
|
-
import { installExtension, ExtensionPositionEnum, cn
|
|
5
|
+
import { TabType, MobileOrderListWidget, DesktopOrderListWidget } from '@kodiak-finance/orderly-ui-orders';
|
|
6
|
+
import { installExtension, ExtensionPositionEnum, cn, modal, Button, formatAddress, registerSimpleDialog, registerSimpleSheet, Flex, Divider, Checkbox, Text, useModal, toast as toast$1, ArrowRightShortIcon, Box, ListView, Grid, ArrowDownShortIcon, gradientTextVariants, EyeIcon, EyeCloseIcon, ChevronDownIcon, useScreen, Tooltip, Tabs, TabPanel, CloseIcon, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, InfoCircleIcon, ExtensionSlot, SimpleSheet, SimpleDialog, ChainIcon, SettingFillIcon, Spinner, Select, Popover, CaretUpIcon, CaretDownIcon, Picker, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, parseNumber } from '@kodiak-finance/orderly-ui';
|
|
7
7
|
import { useTranslation, i18n, Trans } from '@kodiak-finance/orderly-i18n';
|
|
8
8
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
9
9
|
import { isTestnet, Decimal, commifyOptional, removeTrailingZeros, getPrecisionByNumber } from '@kodiak-finance/orderly-utils';
|
|
10
|
-
import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, MobileLiquidationWidget,
|
|
10
|
+
import { MobilePositionsWidget, PositionHistoryWidget, LiquidationWidget, PositionsWidget, MobileLiquidationWidget, MobilePositionHistoryWidget } from '@kodiak-finance/orderly-ui-positions';
|
|
11
11
|
import { AuthGuard } from '@kodiak-finance/orderly-ui-connector';
|
|
12
12
|
import { OrderEntryWidget, LTVRiskTooltipWidget } from '@kodiak-finance/orderly-ui-order-entry';
|
|
13
13
|
import { DepositAndWithdrawWithSheetId, TransferSheetId, DepositStatusWidget, DepositAndWithdrawWithDialogId, TransferDialogId } from '@kodiak-finance/orderly-ui-transfer';
|
|
14
14
|
import { TradingviewWidget } from '@kodiak-finance/orderly-ui-tradingview';
|
|
15
|
-
import
|
|
15
|
+
import uf from '@uiw/react-split';
|
|
16
16
|
import { ScanQRCodeWidget } from '@kodiak-finance/orderly-ui-scaffold';
|
|
17
17
|
import { ChainSelectorSheetId } from '@kodiak-finance/orderly-ui-chain-selector';
|
|
18
18
|
import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
|
|
@@ -21,8 +21,9 @@ import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrate
|
|
|
21
21
|
import { CSS } from '@dnd-kit/utilities';
|
|
22
22
|
import { SymbolInfoBarWidget, MarketsSheetWidget, HorizontalMarketsWidget, SideMarketsWidget, SymbolInfoBarFullWidget } from '@kodiak-finance/orderly-markets';
|
|
23
23
|
|
|
24
|
-
var Ec=Object.defineProperty;var m=(e,t)=>()=>(e&&(t=e(e=0)),t);var Y=(e,t)=>{for(var o in t)Ec(e,o,{get:t[o],enumerable:true});};var K,zt=m(()=>{K=e=>{let[t,o]=useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=useLocalStorage("showAllSymbol",true),[l,c]=useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:l,setHideAssets:c}};});var ct,cn=m(()=>{zt();ct=e=>{let{showAllSymbol:t}=K(),[o]=usePositionStream(t?void 0:e),i=useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:useDataTap(i)??0}};});var ut,pn=m(()=>{zt();ut=e=>{let {showAllSymbol:t}=K();`orderly_${TabType.pending}_pageSize`;`orderly_${TabType.tp_sl}_pageSize`;let [r,{total:n}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,excludes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:l}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,includes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=useDataTap(n)??0,s=useDataTap(l)??0;return {pendingOrderCount:c,tpSlOrderCount:s}};});var Ie=m(()=>{zt();cn();pn();});var Yo,G,se=m(()=>{Yo=createContext({}),G=()=>useContext(Yo);});var fn,Ko=m(()=>{Ie();se();fn=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=K({pnlNotionalDecimalPrecision:o}),{onSymbolChange:l}=G(),{positionCount:c}=ct(r),{pendingOrderCount:s,tpSlOrderCount:p}=ut(r);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:s,tpSlOrderCount:p,onSymbolChange:l}};});var Wt,Jc,jc,dt,eu,tu,Qo=m(()=>{Wt=e=>{let[t,o]=useState(false),{t:i}=useTranslation();return jsxs(Flex,{gap:0,children:[jsxs(Flex,{gap:1,children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsx(SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsx(DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsx(Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsx(Divider,{}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsx(jc,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsx(Divider,{className:"oui-my-3"}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsx(Jc,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},Jc=e=>{let{value:t,onValueChange:o}=e,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(dt,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsx(dt,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},jc=e=>{let{value:t,onValueChange:o}=e;return jsxs(Flex,{gap:2,children:[jsx(dt,{sel:t===0,label:1,value:0,onCheckChange:o}),jsx(dt,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsx(dt,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},dt=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsx(eu,{}):jsx(tu,{}),jsx(Text,{size:"2xs",intensity:t?98:54,children:o})]})},eu=()=>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:[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"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),tu=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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 bn,yn=m(()=>{bn=e=>({...e});});var Sn,Cn=m(()=>{yn();Qo();Sn=e=>{let t=bn(e);return jsx(Wt,{...t})};});var wn={};Y(wn,{Setting:()=>Wt,SettingWidget:()=>Sn});var vn=m(()=>{Qo();Cn();});var Vt,au,su,kn,Pn,jo=m(()=>{Vt=e=>{let{isMobile:t}=useScreen();return t?jsx(au,{...e}):jsx(su,{...e})},au=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{width:"100%",justify:"between",children:[jsx(kn,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsx(Pn,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsx(Divider,{className:"oui-w-full"}),jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx("label",{className:"oui-cursor-pointer oui-text-2xs oui-text-base-contrast-54",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},su=e=>jsxs(Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsx(kn,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsx(Pn,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),kn=e=>{let{t}=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 jsx(Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsx(Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},Pn=e=>{let{t}=useTranslation();return jsx(Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};});var Nn,Rn=m(()=>{Ie();Nn=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=usePositionStream(i,{calcMode:r}),a=useDataTap(n.aggregated),l=a?.total_unreal_pnl,c=a?.unrealPnlROI,s=a?.notional,{showAllSymbol:p,setShowAllSymbol:u}=K();return {pnlNotionalDecimalPrecision:t,unrealPnL:l,unrealPnlROI:c,notional:s,showAllSymbol:p,setShowAllSymbol:u}};});var Fn,Dn=m(()=>{Rn();jo();Fn=e=>{let t=Nn(e);return jsx(Vt,{...t})};});var ei={};Y(ei,{PositionHeader:()=>Vt,PositionHeaderWidget:()=>Fn});var ti=m(()=>{jo();Dn();});var Cu,wu,vu,Tu,Gt,ri=m(()=>{Ko();Cu=ye.lazy(()=>Promise.resolve().then(()=>(vn(),wn)).then(e=>({default:e.SettingWidget}))),wu=ye.lazy(()=>Promise.resolve().then(()=>(ti(),ei)).then(e=>({default:e.PositionHeaderWidget}))),vu=e=>jsxs(Flex,{direction:"column",width:"100%",height:"100%",children:[jsx(ye.Suspense,{fallback:null,children:jsx(wu,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsx(Divider,{className:"oui-w-full"}),jsx(Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsx(PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]}),Tu=()=>{let{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-space-x-1",children:[jsx("span",{children:e("positions.liquidation")}),jsx(Tooltip,{className:"oui-max-w-[275px] oui-bg-base-6",content:jsxs("div",{children:[jsx("div",{className:"oui-text-pretty",children:e("positions.Liquidation.tooltip.liquidation")}),jsx("div",{children: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:jsx("button",{className:"oui-hidden group-data-[state=active]:oui-block",children:jsx(InfoCircleIcon,{})})})]})},Gt=e=>{let{t}=useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,onSymbolChange:l,pnlNotionalDecimalPrecision:c,sharePnLConfig:s,setShowAllSymbol:p,current:u,unPnlPriceBasis:g,setUnPnlPriceBasic:f,setPnlNotionalDecimalPrecision:h}=e,x=[{value:"Positions",title:`${t("common.positions")} ${o>0?`(${o})`:""}`,content:jsx(vu,{...e})},{value:"Pending",title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,content:jsx(DesktopOrderListWidget,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:l,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})},{value:"TP/SL",title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,content:jsx(DesktopOrderListWidget,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,symbol:n?void 0:a,onSymbolChange:l,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})},{value:"Filled",title:t("orders.status.filled"),content:jsx(DesktopOrderListWidget,{type:TabType.filled,symbol:n?void 0:a,pnlNotionalDecimalPrecision:c,ordersStatus:OrderStatus.FILLED,onSymbolChange:l,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:s})},{value:"Position history",title:t("positions.positionHistory"),content:jsx(PositionHistoryWidget,{pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:l,sharePnLConfig:s})},{value:"Order history",title:t("orders.orderHistory"),content:jsx(DesktopOrderListWidget,{type:TabType.orderHistory,pnlNotionalDecimalPrecision:c,symbol:n?void 0:a,onSymbolChange:l,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:s})},{value:"Liquidation",title:jsx(Tu,{}),content:jsx(LiquidationWidget,{symbol:n?void 0:a})}];return jsx(Tabs,{defaultValue:u||"Positions",variant:"contained",trailing:jsx(ye.Suspense,{fallback:null,children:jsx(Cu,{pnlNotionalDecimalPrecision:c,setPnlNotionalDecimalPrecision:h,unPnlPriceBasis:g,setUnPnlPriceBasic:f,hideOtherSymbols:!n,setHideOtherSymbols:b=>p(!b)})}),size:"lg",className:"oui-h-full",classNames:{trigger:"oui-group",tabsContent:"oui-h-[calc(100%_-_32px)]"},children:x.map(b=>{let{content:T,...w}=b;return createElement(TabPanel,{...w,key:`item-${w.value}`},T)})})};});var Bn,On=m(()=>{Ko();ri();Bn=e=>{let t=fn(e);return jsx(Gt,{...t})};});var In={};Y(In,{DataList:()=>Gt,DataListWidget:()=>Bn});var ni=m(()=>{ri();On();});var Yt,zn,Lu,Bu,ai=m(()=>{Yt=e=>jsxs(Box,{className:cn$1("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsx(Box,{className:"oui-pr-1",children:jsx(Lu,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsx(Bu,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),zn=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxs(Grid,{cols:3,gapX:2,width:"100%",className:cn$1("oui-text-xs oui-tabular-nums",r?.root),children:[jsx("div",{className:cn$1("oui-flex-1",r?.left),children:t}),jsx("div",{className:cn$1("oui-flex-1",r?.mid),children:o}),jsx("div",{className:cn$1("oui-flex-1 oui-text-right",r?.right),children:i})]})},Lu=e=>{let{t}=useTranslation();return jsx(zn,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:cn$1("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Bu=e=>jsx(ListView,{dataSource:e.data,className:cn$1("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)=>jsx(zn,{left:jsx(Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:commifyOptional(t?.price,{fix:e.quoteDp}),right:commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:cn$1("oui-text-base-contrast-80",e.classNames?.left),right:cn$1(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:cn$1(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});});var Hn,Wn=m(()=>{Hn=e=>{let{data:t,isLoading:o}=useMarketTradeStream(e),i=useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),l=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:l}};});var Kt,Vn=m(()=>{Wn();ai();Kt=e=>{let t=Hn(e.symbol);return jsx(Yt,{...t,classNames:e.classNames,style:e.style})};});var qn={};Y(qn,{LastTrades:()=>Yt,LastTradesWidget:()=>Kt});var Qt=m(()=>{ai();Vn();});function Un(e){let{t}=useTranslation();return e.showFaucet?jsx(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 $n=m(()=>{});function Kn(){let{t:e}=useTranslation(),{connectedChain:t,namespace:o}=useWalletConnector(),{state:i,account:r}=useAccount(),n=useConfig(),a=n.get("operatorUrl"),[l,{isMutating:c}]=useMutation(`${a}/v1/faucet/usdc`),[s,p]=useState(false),u=useMemo(()=>!t||!t.id?false:(i.status===AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(s)return;p(true);let f=e("trading.faucet.getTestUSDC.success",{quantity:o===ChainNamespace.solana?"100":"1,000"});return l({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(h=>{if(p(false),h.success)return modal.alert({title:e("trading.faucet.getTestUSDC"),message:f,onOk:()=>new Promise(x=>x(true))});h.message&&toast$1.error(h.message);},h=>{toast$1.error(h.message);})},showFaucet:u,loading:s}}var Qn=m(()=>{});function si(){let e=Kn();return jsx(Un,{...e})}var Xn=m(()=>{$n();Qn();});var ld,cd,di,ud,ci,dd,md,Jt,jt=m(()=>{Xn();ld=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",cd=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{t:i}=useTranslation();return 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===AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=AccountStatusEnum.NotConnected?r.connectWallet:e.status<=AccountStatusEnum.NotSignedIn?r.createAccount:e.status<AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},di=e=>{let{description:t,formula:o}=e;return 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&&jsx("span",{children:t}),jsx(Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsx("span",{children:o})]})},ud=e=>{let{t}=useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxs(Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsx(Text.numeral,{visible:i,weight:"bold",size:"2xl",className:gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsx("button",{onClick:r,children:i?jsx(EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsx(EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},ci=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:l,placeholder:c}=e;return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:"",content:jsx(di,{description:o,formula:i}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsx(Text.numeral,{visible:r,size:"2xs",unit:a,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:l,padding:false,dp:2,placeholder:c,children:n||"--"})]})},dd=e=>{let{visible:t,value:o}=e,{t:i}=useTranslation();return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:cn$1("oui-bg-base-6 oui-p-2"),content:jsx(LTVRiskTooltipWidget,{}),children:jsx(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")})}),jsx(Text,{size:"2xs",className:cn$1("select-none",t&&ld(Number(o))),children:t?`${o}%`:"*****"})]})},md=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[l,c]=useLocalStorage("orderly_entry_asset_list_open",false),[s,p]=useState(l),{t:u}=useTranslation(),g=useCallback(()=>{p(h=>!h),setTimeout(()=>{c(!s);},0);},[]),f=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxs(Box,{className:"oui-group",children:[jsxs(Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:g,children:[jsx(Divider,{className:"oui-flex-1"}),jsx(ChevronDownIcon,{size:12,color:"white",className:cn$1("oui-transition-transform",s&&"oui-rotate-180")}),jsx(Divider,{className:"oui-flex-1"})]}),jsxs(Box,{style:{transform:"translateZ(0)"},className:cn$1("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]",s?f?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsx(ci,{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"}),jsx(ci,{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:"--%"}),jsx(ci,{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&&jsx(dd,{visible:t,value:a})]})]})},Jt=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:l,freeCollateral:c,marginRatioVal:s,renderMMR:p,isConnected:u,isMainAccount:g,hasSubAccount:f,currentLtv:h})=>{let{title:x,description:b,titleColor:T,titleClsName:w}=cd(),{t:S}=useTranslation(),P=f&&jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:S("common.transfer")})}),D=g&&jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!f&&jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:S("common.deposit")})]}),te=g&&jsxs(Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!f&&jsx(ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsx(Text,{children:S("common.withdraw")})]});return jsxs(Box,{className:"oui-relative",children:[x&&b&&jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text,{size:"lg",weight:"bold",color:T||"inherit",className:w,children:x}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:b})]}),jsx(AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&g?jsxs(Fragment,{children:[jsx(Box,{children:jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text.gradient,{size:"lg",weight:"bold",color:"brand",children:S("trading.asset.startTrading")}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:S("trading.asset.startTrading.description")})]})}),jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:S("common.deposit")})]}),jsx(Box,{className:"oui-mt-3",children:jsx(si,{})})]}):jsxs(Box,{className:"oui-space-y-4",children:[jsx(ud,{totalValue:o,visible:l,onToggleVisibility:a}),jsx(md,{visible:l,freeCollateral:c,marginRatioVal:s,renderMMR:p,isConnected:u,currentLtv:h}),jsx(Flex,{gap:g?f?2:3:0,itemAlign:"center",children:g?jsxs(Fragment,{children:[D,P,te]}):P}),g&&jsx(si,{})]})}),jsx("div",{className:cn$1("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 oa,ia=m(()=>{oa=()=>{let{t:e}=useTranslation(),t=useAccountInstance(),o=useEventEmitter(),{totalValue:i}=useCollateral({dp:2}),r=useConfig("networkId"),{state:n,isMainAccount:a}=useAccount(),{freeCollateral:l}=useCollateral({dp:2}),{marginRatio:c,mmr:s}=useMarginRatio(),p=n.status>=AccountStatusEnum.Connected,[{aggregated:u},g]=usePositionStream(),f=useMemo(()=>Math.min(10,u.notional===0?g.margin_ratio(10):c),[c,u]),h=useCallback(H=>modal.show(DepositAndWithdrawWithDialogId,{activeTab:H}),[]),x=useCallback(async()=>h("deposit"),[]),b=useCallback(async()=>h("withdraw"),[]),T=useCallback(async()=>modal.show(TransferDialogId),[]),w=useCallback(async()=>t.settle().catch(H=>{if(H.code===-1104)return toast$1.error(e("settle.settlement.error")),Promise.reject(H);H.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:H.message,userAddress:t.address});}).then(H=>(toast$1.success(e("settle.settlement.requested")),Promise.resolve(H))),[t,e]),[S,P]=useLocalStorage("orderly_assets_visible",true),D=useCallback(()=>{P(H=>!H);},[S]),te=useComputedLTV(),v=useDataTap(l)??void 0,U=useDataTap(f)??void 0,$=useDataTap(s)??void 0,Z=useDataTap(i)??void 0;return {onDeposit:x,onWithdraw:b,onTransfer:T,onSettle:w,visible:S,toggleVisible:D,networkId:r,totalValue:Z,status:n.status,freeCollateral:v,marginRatioVal:U,renderMMR:$,isConnected:p,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:te}};});var ra,na=m(()=>{ia();jt();ra=e=>{let t=oa();return jsx(Jt,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};});var aa={};Y(aa,{AssetView:()=>Jt,AssetViewWidget:()=>ra});var mi=m(()=>{jt();na();});var to,ae,Me,Ye,oo,le=m(()=>{to=createContext({cellHeight:22}),ae=()=>useContext(to),Me="orderbook_coin_type",Ye="orderbook_mobile_coin_unit",oo=e=>{let[t,o]=useState("quantity"),[i,r]=useState("quantity"),n=ye.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 jsx(to.Provider,{value:n,children:e.children})};});var De=m(()=>{});var io,gi=m(()=>{io=e=>{let{direction:t=1}=e,o=useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsx("div",{className:cn$1("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 ua,da=m(()=>{gi();le();De();ua=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=ae(),{symbolInfo:a,currentHover:l,accumulated:c,accumulatedAmount:s,count:p,price:u,quantity:g,base:f,quote:h}=e,{base_dp:x,quote_dp:b}=a,[T]=useLocalStorage(Me,f),w=Number.isNaN(u)?0:c/p*100,S=useMemo(()=>getPrecisionByNumber(r||`${b}`),[r,b]),P=Number.isNaN(c)?"-":s?.toString(),D=useMemo(()=>{let te=parseNumber(u,{dp:S,padding:true});return n.some(v=>te===parseNumber(v,{dp:S,padding:true}))},[n,u,S]);return 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(g)||i?.([u,g]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxs("div",{className:cn$1("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsx("div",{className:cn$1("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsx(Text.numeral,{dp:S,children:u})}),jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsx(Text.numeral,{dp:x,children:g})})]}),jsxs("div",{className:cn$1("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?jsxs(Fragment,{children:[jsx("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:x,className:"oui-z-10",children:c})}),jsx("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:0,className:"oui-z-10",children:P})})]}):jsxs("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:[T===f&&jsx(Text.numeral,{dp:x,className:"oui-z-10",children:c}),T===h&&jsx(Text.numeral,{dp:0,className:"oui-z-10",children:P})]}),jsx(io,{width:w,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),D&&jsx("div",{className:cn$1("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&&jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),l&&jsx("div",{className:cn$1("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsx(Divider,{lineStyle:"dashed",className:cn$1("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};});var ma,ro,Yd,pi,xi=m(()=>{le();De();da();ma=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 Decimal(r).div(i).toNumber()}},ro=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=ae(),a=useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let u=t.findIndex(g=>!Number.isNaN(g[0]));return u!==-1?t[u]:null}else {let u=t.length;for(let g=u-1;g>=0;g--){let f=t[g];if(!Number.isNaN(f[0]))return f}return null}},[t,o]),l=useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=useMemo(()=>t.reduce((u,g)=>Math.max(u,g[1]),0),[t]),[s,p]=useState(-1);return jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((u,g)=>jsx(Yd,{index:g,item:u,countQty:i,setHoverIndex:p,hoverIndex:s,type:o,maxQty:c,priceDp:l,symbolInfo:r,findMaxItem:a},g))})},Yd=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:l,countQty:c,symbolInfo:s,findMaxItem:p}=e,{base:u,quote:g,base_dp:f,quote_dp:h}=s,{t:x}=useTranslation(),b=a!==-1?r==="ask"?t>=a:t<=a:false,[T,w]=useState(false),S=useMemo(()=>{let P=ma(o);return P.avgPrice===0?ma(p()):P},[o,p]);return jsxs(TooltipRoot,{open:T,onOpenChange:w,children:[jsx(TooltipTrigger,{children:jsx(ua,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:b,currentHover:a===t,symbolInfo:s,base:u,quote:g,onMouseEnter:()=>{i(t),w(true);},onMouseLeave:()=>{i(-1),w(false);}})}),jsxs(TooltipContent,{className:cn$1("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:[jsx(pi,{title:`${x("common.avgPrice")}\u2248`,content:S.avgPrice,contentDp:h}),jsx(pi,{title:`${x("trading.orderBook.sum")} (${u})`,content:S.sumQty,contentDp:f}),jsx(pi,{title:`${x("trading.orderBook.sum")} (${g})`,content:S.sumQtyAmount,contentDp:h}),jsx(TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},pi=e=>{let{title:t,content:o,contentDp:i}=e;return jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsx("div",{className:"oui-text-end",children:jsx(Text.numeral,{dp:i,children:o})})]})};});var pa,fa=m(()=>{De();xi();pa=e=>{let{data:t}=e,o=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 jsx(ro,{type:"ask",data:t,countQty:o})};});var ha,xa=m(()=>{De();xi();ha=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(ro,{type:"bid",data:t,countQty:o})};});var ya,Sa=m(()=>{ya=e=>{let t=useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsx(Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsx(Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};});var nm,va,yt,Ta=m(()=>{le();nm=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=useTranslation(),[n,a]=useLocalStorage(Me,o);return jsxs(Flex,{justify:"between",itemAlign:"center",className:cn$1("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:l=>{a(t),i(l);},children:[r("common.total"),"(",t,")",jsx("div",{className:cn$1("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))]")})]})},va=e=>{let{base:t,quote:o="USDC"}=e,{showTotal:i}=ae(),{t:r}=useTranslation(),[n,a]=ye.useState(false),[l]=useLocalStorage(Me,t),c=n?CaretUpIcon:CaretDownIcon;return jsxs(Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxs(Flex,{gap:1,className:cn$1("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsx(Box,{width:"100%",children:jsx(yt,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsx(Box,{width:"100%",children:jsx(yt,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${t})`})})]}),jsx(Flex,{gap:1,pr:3,className:cn$1("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxs(Fragment,{children:[jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(yt,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${t})`})}),jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(yt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsx(Box,{width:"100%",children:jsx(Popover,{open:n,onOpenChange:a,contentProps:{className:cn$1("oui-w-28 oui-p-1")},content:jsx(Flex,{direction:"column",itemAlign:"start",className:cn$1("oui-w-full oui-gap-0.5"),children:[t,o].map(s=>jsx(nm,{item:s,base:t,onClick:()=>a(false)},`type-${s}`))}),children:jsxs(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:[jsx(yt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${l})`}),jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},yt=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsx(Flex,{id:e.id,className:cn$1(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};});var no,yi=m(()=>{no=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,l]=o,c=l<a,s=l>a;return jsxs(Flex,{gap:1,className:cn$1(s?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsx(Text.numeral,{dp:i,intensity:98,children:l}),jsxs(Box,{width:19,children:[c&&jsx(ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),s&&jsx(ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};});var ao,xm,bm,Fa,wi=m(()=>{ao=e=>{let{isMobile:t}=useScreen();return t?jsx(bm,{...e}):jsx(xm,{...e})},xm=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=useTranslation();return jsx(Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxs(Flex,{gap:1,className:cn$1("oui-cursor-pointer oui-text-2xs",o),children:[jsx(Fa,{size:i}),jsx(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})]})})},bm=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=useState(false),{t:a}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{gap:1,className:cn$1("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsx(Fa,{size:i}),jsx(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})]}),jsx(SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsx(Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},Fa=e=>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: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 Oa,Tm,Ia=m(()=>{le();yi();wi();Oa=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=ae();return 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:[jsxs("div",{className:cn$1("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsx(no,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsx(ao,{markPrice:t,quote_dp:n.quote_dp})]}),jsx("div",{className:cn$1("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:jsx(Tm,{asks:i,bids:r})})]})},Tm=e=>{let{asks:t,bids:o}=e,{t:i}=useTranslation(),r=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(s=>!Number.isNaN(s[0])),l=0;a!==-1&&(l=Number.isNaN(t[a][0])?0:t[a][0]);let c=new Decimal(l).sub(n).div(new Decimal(l).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsx("div",{children:jsx(Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsx(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 Aa,_a=m(()=>{le();fa();xa();Sa();Ta();Ia();Aa=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,l=useRef(null),[c,s]=useState(false),[p,u]=useLocalStorage(Me,r);return useEffect(()=>{p!==i&&r&&u(r);},[r,i]),useEffect(()=>{let g=new ResizeObserver(h=>{for(let x of h){let{inlineSize:b}=x.borderBoxSize[0];s(b>=360);}}),f=l.current;return f&&g.observe(f),()=>{f&&g.unobserve(f);}},[]),jsx(oo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxs(Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:l,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsx(ya,{depths:e.depths,value:e.activeDepth,onChange:a}),jsx(va,{quote:i,base:r}),jsx(pa,{data:[...e.asks]}),jsx(Oa,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsx(ha,{data:[...e.bids]}),n&&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:jsx(Spinner,{})})]})})};});var vi,Ti=m(()=>{vi=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=useTranslation();return jsxs(Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsx(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?"--":jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsx("span",{children:" in"}),jsx("span",{children:" "+r})]})]})};});var Pi,Ni=m(()=>{Pi=e=>{let{data:t,isLoading:o}=useFundingDetails(e.symbol),i=useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),r=useMemo(()=>!t||o?"-":`${new Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),n=useMemo(()=>!t||o?"-":`${new Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]);return {fundingPeriod:i,capFunding:r,floorFunding:n}};});var Di,Li=m(()=>{Di=e=>{let{t}=useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r}=e;return jsxs(Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsx(Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsx(Text,{intensity:80,children:o})]}),jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxs(Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxs(Text,{intensity:80,children:[i," / ",r]})]}),jsx(Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};});var Bi,co,Va,Oi=m(()=>{Ni();Li();Bi=e=>{let t=Pi(e);return jsx(Di,{...t})},co="FundingRateDialogId",Va="FundingRateSheetId";registerSimpleDialog(co,Bi,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.t("funding.fundingRate")});registerSimpleSheet(Va,Bi,{title:()=>i18n.t("funding.fundingRate")});});var Ii,Mi=m(()=>{Oi();Ii=e=>{let t=useFundingRate(e),o=useCallback(()=>{modal.show(co,{symbol:e});},[e]);return {data:t,onClick:o}};});var Ai,qa=m(()=>{Mi();Ti();Ai=e=>{let t=Ii(e.symbol);return jsx(vi,{...t})};});var _i=m(()=>{Ti();qa();Mi();});var Ga,Ya=m(()=>{gi();le();De();Ga=e=>{let{accumulated:t,count:o,quantity:i,price:r,type:n,accumulatedAmount:a}=e,l=t/o*100,{cellHeight:c,onItemClick:s,depth:p,symbolInfo:u}=useContext(to),{base_dp:g,quote_dp:f,base:h,quote:x}=u,[b,T]=useLocalStorage(Ye,"qty"),w=Number.isNaN(t)?"-":a?.toString(),S=useMemo(()=>getPrecisionByNumber(p||`${f}`),[p,f]),P=()=>{switch(b){case "base":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:g,children:t});case "quote":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:w});default:return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:g,children:Number.isNaN(i)?"-":i})}};return jsxs(Box,{className:cn$1("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)||s?.([r,i]);},children:[jsxs(Flex,{itemAlign:"center",justify:"between",children:[jsx(Text.numeral,{color:n==="bid"?"buy":"sell",dp:S,children:r}),P()]}),Number.isNaN(l)?null:jsx(io,{width:l,className:cn$1(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};});var mo,zi=m(()=>{le();Ya();mo=e=>{let{data:t}=e,{mode:o}=ae();return jsx(Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>jsx(Ga,{background:"",price:i[0],quantity:i[1],accumulated:i[2],accumulatedAmount:i[3],count:e.countQty,type:e.type,mode:o},`item-${r}`))})};});var Qa,Xa=m(()=>{De();zi();Qa=e=>{let{data:t}=e,o=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 jsx(mo,{type:"ask",data:t,countQty:o})};});var Za,Ja=m(()=>{De();zi();Za=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(mo,{type:"bid",data:t,countQty:o})};});var es,ts=m(()=>{es=e=>{let t=useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsx(Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsx(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 os,is=m(()=>{le();os=e=>{let{t}=useTranslation(),{base:o,quote:i}=e,[r,n]=useLocalStorage(Ye,"qty"),a=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 jsxs(Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxs(Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsx(Text,{children:t("common.price")}),jsx(Text,{children:`(${i})`})]}),jsx(Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(l,{open:c,data:s})=>jsxs(Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(s)&&jsxs(Flex,{direction:"column",itemAlign:"end",children:[s[0]&&jsx(Text,{children:s[0]}),s[1]&&jsxs(Text,{children:["(",s[1],")"]})]}),c?jsx(CaretUpIcon,{size:14,color:"inherit"}):jsx(CaretDownIcon,{size:14,color:"inherit"})]})})]})};});var ns,as=m(()=>{wi();yi();le();ns=e=>{let{symbolInfo:t}=ae(),{quote_dp:o}=t;return jsxs(Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsx(no,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsx(ao,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};});var ls,cs=m(()=>{le();_i();Xa();Ja();ts();is();as();ls=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,l=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`,[c,s]=useLocalStorage(Ye,"qty");return jsx(oo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxs(Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:cn$1("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsx(Ai,{symbol:l}),jsx(os,{quote:i,base:r}),jsx(Qa,{data:e.asks}),jsx(ns,{lastPrice:t,markPrice:o}),jsx(Za,{data:e.bids}),jsx(es,{depth:e.depths||EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&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:jsx(Spinner,{})})]})})};});var fo,Hi=m(()=>{_a();cs();fo=e=>jsx(Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsx(ls,{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}):jsx(Aa,{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 Tt,Wi=m(()=>{Tt=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});});var kt,ms,ho,Tg,qi=m(()=>{Wi();kt=20,ms=104,ho=e=>{let{symbol:t,height:o}=e,i=useSymbolsInfo()[t],[r,n]=useState(kt),[a,l]=useState(10),{base:c,quote:s,quote_dp:p}=Tt(i),[u,{onDepthChange:g,isLoading:f,onItemClick:h,depth:x,allDepths:b}]=useOrderbookStream(t,void 0,{level:a}),T=Tg(t);useEffect(()=>{if(o){let D=Math.floor((o-ms)/((kt+1)*2)),te=(kt+1)*2*D,v=o-ms-te;v>10?n(kt+v/D/2):n(kt),l(D);}},[o]);let w=useMemo(()=>{if(!(typeof x>"u"||typeof p>"u"))return removeTrailingZeros(x)},[x,p,t]),S=useMemo(()=>b?.map(D=>removeTrailingZeros(D))||[],[b,p]),{isMobile:P}=useScreen();return {level:a,asks:u?.asks,bids:u?.bids,markPrice:u?.markPrice,lastPrice:u?.middlePrice,depths:S,selDepth:w,base:c,quote:s,isLoading:f,onItemClick:h,cellHeight:r,onDepthChange:g,pendingOrders:T,symbolInfo:Tt(i),isMobile:P}},Tg=e=>{let[t]=useOrderStream({status:OrderStatus.INCOMPLETE,symbol:e});return useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};});var gs,ps=m(()=>{qi();Hi();gs=e=>{let{className:t,symbol:o,height:i}=e,r=ho({symbol:o,height:i});return jsx(fo,{...r,className:t})};});var Ui={};Y(Ui,{OrderBook:()=>fo,OrderBookWidget:()=>gs,useOrderBookScript:()=>ho});var xo=m(()=>{Hi();ps();qi();});var bo,$i=m(()=>{jt();bo=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:l}=o,{wrongNetwork:c}=useAppContext(),{t:s}=useTranslation(),p=c?"":n?"oui-text-danger":a?"oui-text-warning-darken":l?gradientTextVariants({color:"brand"}):"";return jsxs(Box,{"data-risk":"",className:"oui-space-y-2",children:[jsx(Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsx(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":l?"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%"}})}),jsxs(Flex,{direction:"row",justify:"between",children:[jsx(Tooltip,{content:jsx(di,{description:s("trading.riskRate.tooltip"),formula:s("trading.riskRate.formula")}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn$1("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:s("trading.riskRate")})}),jsx(Text,{size:"xs",color:"neutral",weight:"semibold",className:cn$1(p),children:t??"--"})]})]})};});var Og,vs,Ts=m(()=>{Og=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}},vs=()=>{let{state:e}=useAccount(),t=e.status>=AccountStatusEnum.EnableTrading||e.status===AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=useMarginRatio(),{curLeverage:n}=useLeverage(),a=useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new Decimal(r).div(o).mul(100).todp(2,Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),l=a==="--"?null:parseFloat(a),c=useMemo(()=>Og(l),[l]),s=useDataTap(i),p=useDataTap(n);return {riskRate:useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:s,maxLeverage:p}};});var ks,Ps=m(()=>{Ts();$i();ks=()=>{let e=vs();return jsx(bo,{...e})};});var Ns={};Y(Ns,{RiskRate:()=>bo,RiskRateWidget:()=>ks});var Yi=m(()=>{$i();Ps();});var Bs,Os,Hg,Wg,Ds,So,Ki=m(()=>{Bs=ye.lazy(()=>Promise.resolve().then(()=>(Qt(),qn)).then(e=>({default:e.LastTradesWidget}))),Os=ye.lazy(()=>Promise.resolve().then(()=>(xo(),Ui)).then(e=>({default:e.OrderBookWidget}))),Hg=e=>{let{t}=useTranslation();return jsxs(Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxs(Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsx(Ds,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsx(ye.Suspense,{fallback:null,children:jsx(Os,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})})]}),jsxs(Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsx(Ds,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsx(ye.Suspense,{fallback:null,children:jsx(Bs,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})})]})]})},Wg=e=>{let{t}=useTranslation();return jsx(Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxs(Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsx(TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsx(ye.Suspense,{fallback:null,children:jsx(Os,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})})}),jsx(TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsx(ye.Suspense,{fallback:null,children:jsx(Bs,{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"}})})})]})})},Ds=e=>jsx(Text,{size:"base",intensity:80,className:cn$1("oui-pb-[5px]",e.className),children:e.title}),So=e=>{let{containerRef:t,containerSize:o}=e;return jsx("div",{ref:t,className:"oui-h-full",children:(o?.width??0)>=572?jsx(Hg,{...e}):jsx(Wg,{...e})})};});var Co,Qi=m(()=>{Co=e=>{let[t,o]=useState(void 0),[i,r]=useState("orderBook"),n=useRef(null);return useEffect(()=>{let a=new ResizeObserver(c=>{for(let s of c){let{width:p,height:u}=s.contentRect;o({width:p,height:u});}}),l=n.current;return l&&a.observe(l),()=>{l&&a.unobserve(l);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};});var Ms,As=m(()=>{Qi();Ki();Ms=e=>{let t=Co(e.symbol);return jsx(So,{...t})};});var _s={};Y(_s,{OrderBookAndTrades:()=>So,OrderBookAndTradesWidget:()=>Ms,useOrderBookAndTradesScript:()=>Co});var Xi=m(()=>{Ki();As();Qi();});var Rl={};Y(Rl,{LayoutIcon:()=>vl,MarketBottomIcon:()=>Pl,MarketHideIcon:()=>Nl,MarketLeftIcon:()=>Nr,MarketTopIcon:()=>kl,OrderEntryIcon:()=>Tl,SwitchLayout:()=>eh,SwitchLayoutDropDown:()=>wl});var eh,wl,vl,Tl,Nr,kl,Pl,Nl,Fl=m(()=>{eh=e=>{let{t}=useTranslation();return jsx(wl,{...e,children:jsxs(Flex,{px:3,className:cn$1("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:[jsx(vl,{}),jsx(Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},wl=e=>{let[t,o]=useState(false),[i,r]=useState(null),{t:n}=useTranslation(),a=s=>jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(s),o(false);},className:"oui-group",children:[jsx(Flex,{justify:s==="right"?"end":"start",className:cn$1("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===s&&"!oui-border-primary-light"),children:jsx(Box,{p:1,children:jsx(Tl,{})})}),jsx(Text,{size:"2xs",intensity:54,className:cn$1("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.layout===s&&"oui-text-base-contrast-80"),children:String(n(s==="right"?"trading.layout.advanced.right":"trading.layout.advanced.left"))})]}),l=s=>{let p=g=>{let f=e.marketLayout===s;switch(s){case "left":return jsx(Nr,{isSelected:f,isHovered:g});case "top":return jsx(kl,{isSelected:f,isHovered:g});case "bottom":return jsx(Pl,{isSelected:f,isHovered:g});case "hide":return jsx(Nl,{isSelected:f,isHovered:g});default:return jsx(Nr,{isSelected:f,isHovered:g})}},u=()=>{switch(s){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 jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onMarketLayout?.(s),o(false);},onMouseEnter:()=>r(s),onMouseLeave:()=>r(null),className:"oui-group",children:[jsx(Flex,{justify:"center",className:"oui-w-[148px] oui-h-[100px]",children:p(i===s)}),jsx(Text,{size:"2xs",intensity:54,className:cn$1("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.marketLayout===s&&"oui-text-base-contrast-80"),children:String(u())})]})},c=jsxs(Fragment,{children:[jsxs(Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px] oui-min-w-[500px]",children:[jsx(Text,{size:"base",intensity:98,children:n("trading.layout")}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsx(Divider,{}),jsxs(Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsx(Text,{size:"xs",intensity:98,children:String(n("trading.layout.advanced"))}),jsxs(Flex,{gapX:6,children:[a("right"),a("left")]})]}),jsxs(Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsx(Text,{size:"xs",intensity:98,children:String(n("trading.layout.markets"))}),jsxs(Flex,{gapX:6,children:[l("left"),l("top"),l("bottom"),l("hide")]})]})]});return jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:s=>s.preventDefault(),onClick:s=>s.stopPropagation(),align:"end",className:cn$1("oui-bg-base-8 oui-p-5 oui-pt-0 oui-font-semibold"),children:c})})]})},vl=e=>jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),Tl=e=>jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#779eff"}),jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),Nr=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"8",width:"24",height:"84",rx:"2",fill:"#181C23"}),jsx("rect",{x:"16",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"21",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"26",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"10",y:"10",width:"5",height:"2",rx:"1",fill:"#335FFC"}),jsx("rect",{x:"10",y:"14",width:"20",height:"76",rx:"2",fill:"#282E3A"})]}),kl=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"8",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxs("g",{clipPath:"url(#clip0_31319_74729)",children:[jsx("rect",{x:"10",y:"10",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsx("rect",{x:"28",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"46",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"64",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"82",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"100",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"118",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"136",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74729",children:jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 10)"})})})]}),Pl=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"84",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxs("g",{clipPath:"url(#clip0_31319_74743)",children:[jsx("rect",{x:"10",y:"86",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsx("rect",{x:"28",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"46",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"64",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"82",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"100",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"118",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"136",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74743",children:jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 86)"})})})]}),Nl=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsxs("g",{clipPath:"url(#clip0_31319_74757)",children:[jsx("rect",{x:"8",y:"8",width:"132",height:"84",rx:"2",fill:"#181C23"}),jsx("rect",{x:"66.8789",y:"-76",width:"4",height:"188",rx:"2",transform:"rotate(45 66.8789 -76)",fill:"#20252F"}),jsx("rect",{x:"73.9492",y:"-68.929",width:"4",height:"188",rx:"2",transform:"rotate(45 73.9492 -68.929)",fill:"#20252F"}),jsx("rect",{x:"81.0195",y:"-61.8579",width:"4",height:"188",rx:"2",transform:"rotate(45 81.0195 -61.8579)",fill:"#20252F"}),jsx("rect",{x:"88.0938",y:"-54.7867",width:"4",height:"188",rx:"2",transform:"rotate(45 88.0938 -54.7867)",fill:"#20252F"}),jsx("rect",{x:"95.1641",y:"-47.7157",width:"4",height:"188",rx:"2",transform:"rotate(45 95.1641 -47.7157)",fill:"#20252F"}),jsx("rect",{x:"102.234",y:"-40.6447",width:"4",height:"188",rx:"2",transform:"rotate(45 102.234 -40.6447)",fill:"#20252F"}),jsx("rect",{x:"109.305",y:"-33.5736",width:"4",height:"188",rx:"2",transform:"rotate(45 109.305 -33.5736)",fill:"#20252F"}),jsx("rect",{x:"116.375",y:"-26.5026",width:"4",height:"188",rx:"2",transform:"rotate(45 116.375 -26.5026)",fill:"#20252F"}),jsx("rect",{x:"123.449",y:"-19.4315",width:"4",height:"188",rx:"2",transform:"rotate(45 123.449 -19.4315)",fill:"#20252F"}),jsx("rect",{x:"130.52",y:"-12.3604",width:"4",height:"188",rx:"2",transform:"rotate(45 130.52 -12.3604)",fill:"#20252F"}),jsx("rect",{x:"137.59",y:"-5.28931",width:"4",height:"188",rx:"2",transform:"rotate(45 137.59 -5.28931)",fill:"#20252F"}),jsx("rect",{x:"144.66",y:"1.78174",width:"4",height:"188",rx:"2",transform:"rotate(45 144.66 1.78174)",fill:"#20252F"}),jsx("rect",{x:"151.73",y:"8.85278",width:"4",height:"188",rx:"2",transform:"rotate(45 151.73 8.85278)",fill:"#20252F"}),jsx("rect",{x:"158.805",y:"15.9238",width:"4",height:"188",rx:"2",transform:"rotate(45 158.805 15.9238)",fill:"#20252F"}),jsx("rect",{x:"165.875",y:"22.995",width:"4",height:"188",rx:"2",transform:"rotate(45 165.875 22.995)",fill:"#20252F"}),jsx("rect",{x:"172.945",y:"30.066",width:"4",height:"188",rx:"2",transform:"rotate(45 172.945 30.066)",fill:"#20252F"}),jsx("rect",{x:"180.016",y:"37.1371",width:"4",height:"188",rx:"2",transform:"rotate(45 180.016 37.1371)",fill:"#20252F"}),jsx("rect",{x:"187.086",y:"44.2081",width:"4",height:"188",rx:"2",transform:"rotate(45 187.086 44.2081)",fill:"#20252F"}),jsx("rect",{x:"194.156",y:"51.2792",width:"4",height:"188",rx:"2",transform:"rotate(45 194.156 51.2792)",fill:"#20252F"}),jsx("rect",{x:"201.23",y:"58.3503",width:"4",height:"188",rx:"2",transform:"rotate(45 201.23 58.3503)",fill:"#20252F"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74757",children:jsx("rect",{width:"132",height:"84",fill:"white",transform:"translate(8 8)"})})})]});});var Do,Lo=m(()=>{se();Do=()=>{let[e,t]=useState("chart"),{symbol:o}=G(),[i,r]=useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};});function Ul(e){let[t,o]=useLocalStorage(Th,ql),[i,r]=useState(false),n=useRef(null),a=useRef(null),[l,c]=useState(0),s=useRef(0),p=useCallback(f=>{if(!a.current)return;r(true);let h=f.touches[0],x=a.current.getBoundingClientRect();f.stopPropagation(),f.preventDefault();let b=h.clientY-x.bottom;s.current=x.top,c(b);},[]),u=useCallback(f=>{if(a.current&&i){f.stopPropagation(),f.preventDefault();let x=f.touches[0].clientY-s.current-l;return o(Math.min(Math.max(Math.round(x),vh),ql)),false}},[i,l]),g=useCallback(()=>{r(false);},[]);return useEffect(()=>{let f=n.current;if(f)return f.addEventListener("touchstart",p),()=>{f.removeEventListener("touchstart",p);}},[p]),useEffect(()=>(document.addEventListener("touchmove",u,{passive:false}),document.addEventListener("touchend",g),()=>{document.removeEventListener("touchmove",u),document.removeEventListener("touchend",g);}),[i,u,g]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}var ql,vh,Th,$l=m(()=>{ql=354,vh=234,Th="TRADINGVIEW_MOBILE_HEIGHT";});var Gl,Yl=m(()=>{Gl=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("g",{id:"Arrows-expand",children: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 Ql,Xl=m(()=>{Yl();Ql=e=>jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsx("div",{className:"oui-w-full oui-h-full",children:jsx(TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsx("div",{className:"oui-relative oui-w-full",children:jsx("div",{ref:e.dragRef,className:cn$1("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:jsx(Gl,{className:cn$1("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 Zl={};Y(Zl,{TradingviewWidget:()=>Nh});var Nh,Jl=m(()=>{$l();Xl();Nh=e=>{let t=Ul(e);return jsx(Ql,{...t})};});var jl={};Y(jl,{MWebLastTrades:()=>Fh});var Fh,ec=m(()=>{Qt();Fh=e=>jsx(Kt,{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 Bo,at,Ir=m(()=>{Bo=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,children:[jsx(at,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsx(at,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsx(at,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsx(at,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsx(at,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsx(at,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},at=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxs(Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsx(Text,{intensity:36,children:t}),jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsx(Text,{intensity:36,children:"USDC"})]})]})};});var Io,Mr=m(()=>{se();Io=e=>{let{symbol:t}=e,o=useTickerStream(t),{symbolInfo:i}=G(),r=useMemo(()=>{let a=o?.["24h_close"],l=o?.["24h_volume"];if(a&&l&&!isNaN(a)&&!isNaN(l))return new Decimal(a).mul(l).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]),n=useMemo(()=>{let a=o?.mark_price,l=o?.open_interest;if(a&&l&&!isNaN(a))return new Decimal(a).mul(Number(l)).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};});var oc,ic=m(()=>{Mr();Ir();oc=e=>{let t=Io(e);return jsx(Bo,{...t})};});var rc={};Y(rc,{TradeData:()=>Bo,TradeDataWidget:()=>oc,useTradeDataScript:()=>Io});var nc=m(()=>{Ir();ic();Mr();});var zh,Eh,Hh,Mo,Wh,_r=m(()=>{se();Lo();zh=ye.lazy(()=>Promise.resolve().then(()=>(Jl(),Zl)).then(e=>({default:e.TradingviewWidget}))),Eh=ye.lazy(()=>Promise.resolve().then(()=>(ec(),jl)).then(e=>({default:e.MWebLastTrades}))),Hh=ye.lazy(()=>Promise.resolve().then(()=>(nc(),rc)).then(e=>({default:e.TradeDataWidget}))),Mo=e=>{let{t}=useTranslation(),{tradingViewConfig:o}=G();return jsxs(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:jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsx(Wh,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsx(TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsx(ye.Suspense,{fallback:null,children:jsx(zh,{symbol:e.symbol,tradingViewConfig:o})})}),jsx(TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsx(ye.Suspense,{fallback:null,children:jsx(Eh,{symbol:e.symbol})})}),jsx(TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsx(Box,{px:3,children:jsx(ye.Suspense,{fallback:null,children:jsx(Hh,{symbol:e.symbol})})})})]})},Wh=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:cn$1("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[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"}),jsx("defs",{})]});});var sc,lc=m(()=>{Lo();_r();sc=e=>{let t=Do();return jsx(Mo,{className:e.className,...t})};});var cc={};Y(cc,{TopTab:()=>Mo,TopTabWidget:()=>sc,useTopTabScript:()=>Do});var uc=m(()=>{_r();lc();Lo();});var Kh,Ao,zr=m(()=>{Kh=ye.lazy(()=>Promise.resolve().then(()=>(xo(),Ui)).then(e=>({default:e.OrderBookWidget}))),Ao=e=>{let[t,o]=useState(0),i=useRef(null);return useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let l of a)o(l.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxs("div",{className:cn$1("oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",e.className),children:[jsx("div",{className:"oui-rounded-xl oui-bg-base-9",style:{height:`${t+16}px`},children:jsx(ye.Suspense,{fallback:null,children:jsx(Kh,{symbol:e.symbol,height:t?t-44:void 0})})}),jsx("div",{className:"oui-rounded-xl oui-bg-base-9 oui-p-2",children:jsx(OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};});var _o,Er=m(()=>{se();_o=()=>{let{symbol:e}=G();return {symbol:e}};});var mc,gc=m(()=>{Er();zr();mc=e=>{let t=_o();return jsx(Ao,{className:e.className,...t})};});var pc={};Y(pc,{OrderBookAndEntry:()=>Ao,OrderBookAndEntryWidget:()=>mc,useOrderBookAndEntryScript:()=>_o});var fc=m(()=>{zr();gc();Er();});var Eo,Ho=m(()=>{Ie();se();Eo=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=useState("Position"),[n,a]=useState("Position history"),{t:l}=useTranslation(),{onSymbolChange:c}=G(),s=K(),[p,{cancelAllOrders:u,cancelAllTPSLOrders:g}]=useOrderStream({}),{positionCount:f}=ct(t),{pendingOrderCount:h,tpSlOrderCount:x}=ut(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:f,pendingOrderCount:h,tpSlOrderCount:x,...s,onCloseAll:T=>{let w=T===TabType.pending?l("orders.pending.cancelAll"):T===TabType.tp_sl?l("orders.tpsl.cancelAll"):"",S=T===TabType.pending?l("orders.pending.cancelAll.description"):T===TabType.tp_sl?l("orders.tpsl.cancelAll.description"):"";modal.confirm({title:w,content:jsx(Text,{size:"2xs",children:S}),onOk:async()=>{try{return i==="TP/SL"?await g(t):await u(t),Promise.resolve(!0)}catch(P){return P?.message!==void 0&&toast.error(P.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};});var u0,d0,Vr,m0,g0,Vo,Ur=m(()=>{Ho();u0=ye.lazy(()=>Promise.resolve().then(()=>(ti(),ei)).then(e=>({default:e.PositionHeaderWidget}))),d0=e=>{let{t}=useTranslation();return jsxs(Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx(Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsx(Button,{variant:"outlined",size:"xs",color:"secondary",onClick:()=>e.onCloseAll(e.type),children:t("trading.orders.closeAll")})]})},Vr=e=>jsxs(Flex,{direction:"column",pb:2,width:"100%",children:[jsx(Divider,{className:"oui-w-full"}),e.type!==TabType.orderHistory&&jsx(d0,{...e}),jsx(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===TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),m0=e=>jsxs(Flex,{direction:"column",gap:2,children:[jsx(ye.Suspense,{fallback:null,children:jsx(u0,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsx(ye.Suspense,{fallback:null,children:jsx(MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})})]}),g0=e=>{let{t}=useTranslation();return jsx("div",{className:"oui-min-h-[300px]",children:jsxs(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:[jsx(TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsx(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})}),jsx(TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsx(Vr,{type:TabType.orderHistory,...e})})]})})},Vo=e=>{let{t}=useTranslation(),{positionCount:o=0,pendingOrderCount:i=0,tpSlOrderCount:r=0,showAllSymbol:n,symbol:a,tab:l,setTab:c,className:s}=e,p=[{title:`${t("common.positions")} ${o>0?`(${o})`:""}`,value:"Position",content:jsx(m0,{...e})},{title:`${t("orders.status.pending")} ${i>0?`(${i})`:""}`,value:"Pending",content:jsx(Vr,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,...e})},{title:`${t("common.tpsl")} ${r>0?`(${r})`:""}`,value:"TP/SL",content:jsx(Vr,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,...e})},{title:t("trading.history"),value:"History",content:jsx(g0,{...e})},{title:t("positions.liquidation"),value:"Liquidation",content:jsx(MobileLiquidationWidget,{enableLoadMore:true,symbol:n?void 0:a,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})}];return jsx(Tabs,{value:l,defaultValue:"Position",onValueChange:u=>c(u),size:"lg",className:s,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:p.map(u=>{let{content:g,...f}=u;return createElement(TabPanel,{...f,key:`item-${f.value}`},g)})})};});var yc,Sc=m(()=>{Ho();Ur();yc=e=>{let t=Eo(e);return jsx(Vo,{...t,className:e.className})};});var Cc={};Y(Cc,{DataList:()=>Vo,DataListWidget:()=>yc,useDataListScript:()=>Eo});var wc=m(()=>{Ur();Sc();Ho();});ni();Qt();mi();xo();Yi();Xi();var Ws=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsx("div",{...i,className:cn$1(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:jsx("div",{onMouseDown:t,className:cn$1("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var je=forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsx(Gg,{ref:t,...i,lineBar:true,renderBar:r=>jsx(Ws,{...r,mode:e.mode}),onDragEnd:(r,n)=>o?.(`${n}`)})});se();var qs=()=>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:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),Us=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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))"})}),Zi=e=>{let{size:t=20}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#a)",children:[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"}),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"}),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"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},$s=e=>{let{size:t=20}=e;return jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[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)"}),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"}),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"}),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"}),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"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_6403_64483",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var er=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:4,children:[jsx(Yg,{...e}),jsx(Kg,{...e}),jsx(Qg,{...e}),jsxs(Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsx(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")}),jsx(Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},Yg=e=>jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:3,children:[jsx(qs,{}),jsxs(Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsx(Text.formatted,{rule:"address",children:e.address}),jsx(Text.formatted,{size:"2xs",intensity:80,prefix:jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsx(Us,{})})]}),Kg=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{size:"2xs",children:t("affiliate.referral")}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxs(Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("common.affiliate")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Zi,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxs(Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("affiliate.trader")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Zi,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},Qg=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsxs(Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsx(Text,{children:t("common.tradingRewards")}),jsxs(Text,{intensity:54,children:["(",jsx(Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsx(Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxs(Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsx(Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx($s,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var or=e=>{let{t}=useTranslation(),[o]=useLocalStorage("orderly_link_device",{}),{account:i,state:r}=useAccount(),n=i.accountId,a=i.address,{hide:l}=useModal(),c=useConfig(),{connectedChain:s,disconnect:p,namespace:u}=useWalletConnector(),g=i.chainId||s?.id||o?.chainId,f=useMemo(()=>g?(r.status===AccountStatusEnum.EnableTrading||r.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(g)):false,[r.status,g]),h=mp(g),x=c.get("operatorUrl"),b=()=>{navigator.clipboard.writeText(a??""),toast$1.success(t("common.copy.copied"));},{affiliateCommission30D:T,traderCommission30D:w,isAffiliate:S,isTrader:P,onClickReferral:D}=up(e.onClickReferral),{curEpochId:te,estRewards:v,onClickTradingRewards:U}=dp(e.onClickTradingRewards),$=async()=>{localStorage.removeItem("orderly_link_device"),await p({label:r.connectWallet?.name}),await i.disconnect(),l();},[Z,{isMutating:H}]=useMutation(`${x}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:g,chainName:h,onCopyAddress:b,affiliateCommission30D:T,onClickReferral:D,isAffiliate:S,isTrader:P,traderCommission30D:w,curEpochId:te,onClickTradingRewards:U,estRewards:v,onDisconnect:$,showGetTestUSDC:f,onGetTestUSDC:()=>{if(r.status<AccountStatusEnum.EnableTrading&&r.status!==AccountStatusEnum.EnableTradingWithoutConnected)return;let ne=t("trading.faucet.getTestUSDC.success",{quantity:u===ChainNamespace.solana?"100":"1,000"});return Z({chain_id:g?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(Ce=>{if(Ce.success)return modal.alert({title:t("trading.faucet.getTestUSDC"),message:ne,onOk:()=>Promise.resolve(true)});Ce.message&&toast$1.error(Ce.message);},Ce=>{toast$1.error(Ce.message);})},gettingTestUSDC:H}},up=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=useReferralInfo(),n=useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},dp=e=>{let[t]=useCurEpochEstimate(TWType.normal),[o,i]=useEpochInfo(TWType.normal),r=useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=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}]=useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var ir=e=>{let t=or(e);return jsx(er,{...t})};var Qs=()=>{let{t:e}=useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=G(),{account:r,state:n}=useAccount();return {onShowAccountSheet:()=>{modal.sheet({title:e("common.account"),leading:i,content:jsx(ir,{...t,...o})});},address:r.address,state:n}};var Zs=e=>jsx(AuthGuard,{buttonProps:{size:"sm"},children:jsx(Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:formatAddress(e.address,[4,4])})});installExtension({name:"mobile-account-menu",scope:["*"],positions:[ExtensionPositionEnum.MobileAccountMenu],builder:Qs,__isInternal:true})(e=>jsx(Zs,{...e}));var js=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MobileAccountMenu});var rr=()=>null;var nr=()=>({});var ar=()=>{let e=nr();return jsx(rr,{...e})};var lr=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),toast$1.success(t("connector.networkSwitched"));},i=>{});},children:jsxs(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:[jsx(ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var cr=()=>{let e=useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var ur=()=>{let e=cr();return jsx(lr,{...e})};var gr=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===AccountStatusEnum.EnableTradingWithoutConnected?jsx(zp,{onDisconnect:e.onDisconnect}):jsx(ur,{}),o=!e.disabledConnect&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected&&e.status<AccountStatusEnum.EnableTrading;return jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxs(Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsx(ar,{}),jsxs(Flex,{gap:2,children:[o&&jsx(ScanQRCodeWidget,{}),t(),jsx(js,{})]})]}),jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},zp=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxs(Fragment,{children:[jsx(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:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsx(Ep,{}),jsx(tl,{}),jsx(Wp,{}),jsx(tl,{}),jsx(Hp,{})]})]})},tl=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(mr,{}),jsx(mr,{}),jsx(mr,{})]}),Ep=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),Hp=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),Wp=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[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)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),mr=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[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)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var pr=()=>{let{wrongNetwork:e,disabledConnect:t}=useAppContext(),{account:o,state:i}=useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var $p=()=>{let e=pr();return jsx(gr,{...e})};Ie();var hr=()=>{let{state:e,account:t,isMainAccount:o}=useAccount(),i=tf(),r=of(),n=useEventEmitter(),{t:a}=useTranslation(),l=e.subAccounts??[],[c,s]=useState(false),p=useCallback(async()=>t.settle().catch(h=>{if(h.code==-1104)return toast$1.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 toast$1.error(a("connector.userRejected")),Promise.reject(h)}).then(h=>(toast$1.success(a("settle.settlement.requested")),Promise.resolve(h))),[t,a]),u=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),g=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),f=useCallback(()=>{modal.show(TransferSheetId);},[]);return {...i,...r,onSettlePnL:p,onDeposit:u,onWithdraw:g,showSliderTip:c,setShowSliderTip:s,isMainAccount:o,onTransfer:f,hasSubAccount:l?.length>0}},tf=()=>{let{hideAssets:e,setHideAssets:t}=K(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},of=()=>{let{t:e}=useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=useMarginRatio(),l=useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:c,curLeverage:s,maxLeverage:p,leverageLevers:u}=useLeverage(),g=useMemo(()=>u?.map(v=>({label:`${v}x`,value:v})),[u]),[f,h]=useState(s??0),x=100/((g?.length||0)-1),b=v=>{h(v);},T=async v=>{try{c({leverage:v}).then(()=>{toast$1.success(e("leverage.updated"));},U=>{toast$1.error(U.message);});}catch{}},w=useCallback(v=>{T(Array.isArray(v)?v[0]:v);},[]),S=useDebouncedCallback(w,500),P=useCallback(v=>{let U=Number.parseInt(v.target.value,10),$=Number.isNaN(U)?0:U,Z=Math.min(Math.max($,1),p);h(Z),S(Z);},[S,p]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:l,mmr:a,currentLeverage:n,step:x,marks:g,onLeverageChange:b,onLeverageIncrease:()=>{h(v=>(T(v+1),v+1));},onLeverageReduce:()=>{h(v=>(T(v-1),v-1));},onInputChange:P,isReduceDisabled:f<=1,isIncreaseDisabled:f>=p,onValueCommit:w,value:f,maxLeverage:p,onSaveLeverage:T}};function al(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 ll=e=>{let{size:t=20,className:o}=e;return 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:jsx("div",{className:cn$1("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 yr=e=>jsxs(Flex,{direction:"column",gap:4,width:"100%",children:[jsx(ff,{...e}),jsx(Divider,{className:"oui-w-full"}),jsx(hf,{...e}),jsx(xf,{...e})]}),ff=e=>{let{t}=useTranslation(),o=useCallback(()=>modal.confirm({title:t("settle.settlePnl"),content:jsx(Text,{intensity:54,size:"xs",children:jsx(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 jsxs(Flex,{direction:"column",gap:3,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsx(Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsx(EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsx(Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsx(Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsx(Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsx(RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsx(Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},hf=e=>{let{t}=useTranslation(),{high:o,mid:i,low:r}=al(e.marginRatioVal,e.mmr);return jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:2,children:[jsx(Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsx(ll,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsx(Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"start",width:"100%",gap:1,children:[jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsx(Text,{size:"xs",children:"/"}),jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var xf=e=>{let{t}=useTranslation();return e.isMainAccount?jsxs(Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsx(Button,{icon:jsx(ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsx(Button,{icon:jsx(ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})}),jsx(Button,{icon:jsx(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")})]}):jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})})};var Sr=()=>{let e=hr();return jsx(yr,{...e})};_i();Ni();Li();Oi();var Nt=e=>{let{showIndicator:t,dragOverlay:o}=e,i=useRef(null),[r,n]=ye.useState(null),a=useSortable({id:e.id}),{setNodeRef:l,attributes:c,listeners:s,transform:p,transition:u,isDragging:g,setActivatorNodeRef:f}=a;useEffect(()=>{if(g&&i.current&&!r){let b=i.current.getBoundingClientRect();n({width:b.width,height:b.height});}else !g&&r&&n(null);},[g,r]);let h=b=>{l(b),i.current=b;},x={transform:CSS.Transform.toString(p),transition:u};return g&&r&&!o?jsx(Box,{intensity:900,r:"2xl",p:3,className:cn$1("oui-relative"),style:{...x,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)"}}):jsxs(Box,{intensity:900,r:"2xl",p:3,width:"100%",className:cn$1("oui-relative",e.className),ref:h,style:x,children:[jsx("div",{className:cn$1("inner-content oui-transition-transform",o&&"oui-scale-95"),children:e.children}),t&&jsx("button",{...c,...s,className:"oui-absolute oui-right-0 oui-top-4 oui-cursor-move oui-py-1",style:{touchAction:"none"},ref:f,children:jsx(Tf,{className:cn$1("oui-text-base-contrast-20 hover:oui-text-base-contrast-80")})})]})},Tf=e=>jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]});var ot=(e,t,o)=>[useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];Ie();se();var pl=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{totalValue:i}=useCollateral({dp:2}),r=t||o||e.status<AccountStatusEnum.EnableTrading&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=useMemo(()=>{let s=new Date,u=new Date(s.getFullYear(),s.getMonth(),s.getDate(),23,59,59).getTime();return {startTime:u-90*24*60*60*1e3,endTime:u}},[]),[l,{meta:c}]=useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:AssetHistorySideEnum.DEPOSIT,status:AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:s=>s.side===AssetHistorySideEnum.DEPOSIT&&s.transStatus===AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&c?.total===0};var No=6,hl=48,xl=29,ie=8,Te=54,Ve=280,Tr=360,Rt=280,bl=732,ke=464,Oe=728,qe=320,Ft=540,kr=800,Ro=350,zf="orderly_order_entry_side_markets_layout",Ef="orderly_side_markets_mode",Hf="orderly_horizontal_markets_layout",Pr=()=>{let[e,t]=useState(false),o=G(),{state:i}=useAccount(),{t:r}=useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:l,onRouteChange:c}=useAppContext(),{hideAssets:s,setHideAssets:p}=K(),u=pl(),{totalValue:g}=useCollateral(),f=useDataTap(g),h=useMediaQuery("(max-width: 1279px)"),x=useMediaQuery("(min-width: 1440px)"),b=useMediaQuery("(max-width: 1680px)"),[T,w]=useLocalStorage(zf,"right"),[S,P]=useLocalStorage(Hf,"left"),D=useMemo(()=>!n&&!a&&(i.status>=AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),te=()=>{D&&modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsx(Sr,{})});},v=useMemo(()=>x,[x]),U=Vf({canTrade:D,isFirstTimeDeposit:u}),$=Wf({resizeable:x}),Z=Uf({max2XL:h}),H=useMemo(()=>{switch($.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[$.panelSize]),Se=h?1200:600,ne=D?379:277,Ce=qf({dep:T}),Mt=$f({orderEntryViewRef:Z.orderEntryViewRef,tradindviewMaxHeight:Se,dataListMinHeight:ne}),ge={layout:T,onLayout:w,marketLayout:S,onMarketLayout:P,max2XL:h,min3XL:x,max4XL:b,canTrade:D,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:v,...$,...U,...Ce,...Z,restrictedInfo:l,...Mt,marketsWidth:H,tradindviewMaxHeight:Se,dataListMinHeight:ne,total:f,hideAssets:s,setHideAssets:p,onShowPortfolioSheet:te,navigateToPortfolio:typeof c=="function"?()=>c({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:u};return {...o,...ge}},Wf=e=>{let{resizeable:t}=e,[o,i]=useState(false),[r,n]=useLocalStorage(Ef,"large"),a=c=>{n(c),i(true);},l=useMemo(()=>t?r==="large"?"large":"middle":"middle",[t,r]);return {resizeable:t,panelSize:l,onPanelSizeChange:a,animating:o,setAnimating:i}},Vf=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(c,s)=>{let p=[...i];if(c===0&&s===p.length-1){p[s]=i[c];for(let u=0;u<p.length-1;u++)p[u]=i[u+1];}else if(c===p.length-1&&s===0){p[s]=i[c];for(let u=1;u<p.length;u++)p[u]=i[u-1];}else [p[c],p[s]]=[p[s],p[c]];r(p);},a=useMemo(()=>t&&!o,[t,o]);return {positions:useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},qf=e=>{let{dep:t}=e,[o,i]=ot("orderly_main_split_size",`${Ve}px`,t),[r,n]=ot("orderly_datalist_split_size",`${Ro}px`),[a,l]=ot("orderly_orderbook_split_size","280px",t),[c,s]=ot("orderly_datalist_split_height_sm","350px"),[p,u]=ot("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:a,setOrderbookSplitSize:l,dataListSplitSize:r,setDataListSplitSize:n,mainSplitSize:o,setMainSplitSize:i,dataListSplitHeightSM:c,setDataListSplitHeightSM:s,orderBookSplitHeightSM:p,setOrderbookSplitHeightSM:u}},Uf=e=>{let{max2XL:t}=e,[o,i]=useState(0),r=useRef(null);return useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(l=>{for(let c of l){let s=c.contentRect.height;s&&i(s);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}};function yl(e){return e?`${100-Math.min(Number(e),100)}`:""}function $f(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=useRef(null),r=useRef(null),[n,a]=useLocalStorage("orderly_order_entry_extra_height",0),l=22,[c,s]=useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(g,f)=>{let h=i?.current?.boxHeight;if(!h)return;let x=h*g/100,b=h*f/100,T=Math.min(Math.max(x,qe),t),w=Math.min(Math.max(b,ke),Oe),S=e.orderEntryViewRef.current?.clientHeight||0;if(b>=w){let P=b-w;a(Math.max(0,n-P));}else if(T+w<t+Oe){let P=T+w+l+Te,D=Math.max(0,P-S);a(n+D);}},onDataListSplitHeightDragging:(g,f)=>{let h=r?.current?.boxHeight;if(!h)return;let x=h*f/100;if(x>=o&&x<=kr){s(x);let b=x-c;b>0&&a(Math.max(0,n-b));}},extraHeight:n,dataListHeight:c}}var hh=ye.lazy(()=>Promise.resolve().then(()=>(Yi(),Ns)).then(e=>({default:e.RiskRateWidget}))),xh=ye.lazy(()=>Promise.resolve().then(()=>(mi(),aa)).then(e=>({default:e.AssetViewWidget}))),bh=ye.lazy(()=>Promise.resolve().then(()=>(ni(),In)).then(e=>({default:e.DataListWidget}))),yh=ye.lazy(()=>Promise.resolve().then(()=>(Fl(),Rl)).then(e=>({default:e.SwitchLayout}))),Sh=ye.lazy(()=>Promise.resolve().then(()=>(Xi(),_s)).then(e=>({default:e.OrderBookAndTradesWidget})));var El=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,marketLayout:a,onMarketLayout:l,orderBookSplitSize:c,setOrderbookSplitSize:s,dataListSplitSize:p,setDataListSplitSize:u,mainSplitSize:g,setMainSplitSize:f,dataListSplitHeightSM:h,setDataListSplitHeightSM:x,orderBookSplitHeightSM:b,setOrderbookSplitHeightSM:T,max2XL:w,max4XL:S,animating:P,setAnimating:D,updatePositions:te,showPositionIcon:v,horizontalDraggable:U,marketsWidth:$,tradindviewMaxHeight:Z,dataListMinHeight:H}=e,[Se]=useLocalStorage(TradingviewFullscreenKey,false),[ne,Ce]=useLocalStorage(OrderEntrySortKeys,["margin","assets","orderEntry"]),Mt=useMemo(()=>({keyframes({transform:O}){return [{transform:CSS.Transform.toString({...O.initial,scaleX:1.05,scaleY:1.05})},{transform:CSS.Transform.toString({...O.final,scaleX:1,scaleY:1})}]},sideEffects:({active:O,dragOverlay:At})=>{O.node.style.opacity="0";let Ue=At.node.querySelector(".inner-content");return Ue&&Ue.classList.add("oui-animate-shake"),()=>{O.node.style.opacity="";}}}),[]),Uo=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:5}}),useSensor(KeyboardSensor,{coordinateGetter:sortableKeyboardCoordinates})),[ge,Kr]=useState(null);function Qr(O){Kr(O.active.id);}function Xr(O){let{active:At,over:Ue}=O;if(At.id!==Ue?.id&&Ue){let sn=ne.indexOf(At.id),ln=ne.indexOf(Ue.id);if(sn!==-1&&ln!==-1){let zc=arrayMove(ne,sn,ln);Ce(zc);}}Kr(null);}let Rc=useMemo(()=>Se?0:Te+Oe+Ro+ie*4,[Se]),Fc=hl+xl+Te+qe+ke+H+ie*4,$o=jsx(HorizontalMarketsWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,maxItems:-1,dropdownPos:a==="bottom"?"top":"bottom"}),Dc=useMemo(()=>w?12:8,[w]),Zr=jsx(Box,{className:cn$1("oui-bg-base-10","oui-sticky oui-z-30 oui-mb-[-8px] oui-py-2",!w&&"oui-mt-[-8px]"),style:{bottom:0,minWidth:(w?1024:1440)-No-Dc*2},children:$o}),Jr=jsx(SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),Go=jsx(Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:$,style:{minWidth:$},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>D(false),children:!P&&a==="left"&&Jr}),jr=jsx(Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:Te,height:Te},children:jsx(SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:jsx(ye.Suspense,{fallback:null,children:jsx(yh,{layout:r,onLayout:n,marketLayout:a,onMarketLayout:l})})})}),{library_path:Lc,...Bc}=e.tradingViewConfig,en=jsx(TradingviewWidget,{classNames:{root:cn$1(Se?"!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:cn$1(Se?"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,...Bc,libraryPath:Lc}),tn=jsx(Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:Ft},className:"oui-overflow-hidden",children:en}),on=jsx(ye.Suspense,{fallback:null,children:jsx(Sh,{symbol:e.symbol})}),Oc=jsx(Box,{r:"2xl",height:"100%",style:{minWidth:Rt,maxWidth:U?bl:Rt,width:c},className:"oui-overflow-hidden",children:on}),rn=jsx(ye.Suspense,{fallback:null,children:jsx(bh,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig})}),Ic=jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:p,minHeight:Ro},className:"oui-overflow-hidden",children:rn}),Ne=useMemo(()=>({margin:{className:"",element:jsx(ye.Suspense,{fallback:null,children:jsx(hh,{})})},assets:{className:"oui-border oui-border-line-12",element:jsxs(Fragment,{children:[jsx(ye.Suspense,{fallback:null,children:jsx(xh,{isFirstTimeDeposit:e.isFirstTimeDeposit})}),jsx(DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},orderEntry:{className:"",element:jsx(OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})}}),[e.isFirstTimeDeposit,e.disableFeatures,e.navigateToPortfolio,e.symbol]),nn=jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Ve,maxWidth:U?Tr:Ve,width:g},children:ne.map(O=>jsx(Nt,{id:O,showIndicator:v,className:Ne[O].className,children:Ne[O].element},O))}),an=jsxs(je,{style:{flex:1,minHeight:ke},onSizeChange:s,disable:!U,children:[S&&r==="right"?jsxs(Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:$+Ft+ie},children:[a==="left"&&Go,tn]}):tn,Oc]}),Mc=()=>S&&r==="left"?jsxs(Flex,{gapX:2,style:{minHeight:ke},height:"100%",children:[an,a==="left"&&Go]}):an,Ac=jsxs(Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:S?$+Ft+Rt+ie*2:Ft+Rt+ie},children:[jr,jsxs(je,{style:{maxHeight:`calc(100% - ${Te}px - ${ie}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:u,children:[Mc(),Ic]})]}),_c=O=>f(r==="left"?yl(O):O);return w?jsxs(DndContext,{sensors:Uo,collisionDetection:closestCenter,onDragStart:Qr,onDragEnd:Xr,modifiers:[restrictToVerticalAxis],children:[jsx(SortableContext,{items:ne,strategy:verticalListSortingStrategy,children:jsxs(Box,{height:"100%",children:[a==="top"&&jsx(Box,{className:cn$1("oui-mt-2 oui-max-h-8 oui-px-3",e.className),children:$o}),jsxs(je,{ref:e.max2XLSplitRef,style:{minHeight:Fc,minWidth:1024-No},className:cn$1("oui-flex oui-flex-1","oui-size-full oui-min-w-[1018px]","oui-px-3 oui-py-2",e.className),onSizeChange:x,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxs(Flex,{gapX:2,itemAlign:"stretch",className:cn$1("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(Te+qe+ke+ie*2,e.orderEntryHeight),maxHeight:Te+Z+Oe+ie*2},children:[jsxs(Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[jr,jsxs(Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:qe+ke+ie,maxHeight:Z+Oe+ie},className:cn$1("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[a==="left"&&jsx(Box,{intensity:900,pt:3,r:"2xl",width:$,style:{minHeight:qe+ke+ie,maxHeight:Z+Oe+ie},children:Jr}),jsxs(je,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${$}px)`},className:"oui-flex-1",onSizeChange:T,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsx(Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:qe,maxHeight:Z,height:1200},children:en}),jsx(Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:ke,maxHeight:Oe,height:b},className:"oui-flex-1",children:on})]})]})]}),jsxs(Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:Ve,height:"max-content"},children:[jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Ve,maxWidth:U?Tr:Ve,width:g},children:ne.map(O=>jsx(Nt,{id:O,showIndicator:v,className:Ne[O].className,children:Ne[O].element},O))}),jsx(Box,{height:e.extraHeight})]})]}),jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:h,minHeight:Math.max(H,e.dataListHeight),maxHeight:kr},className:"oui-overflow-hidden",children:rn}),a==="bottom"&&Zr]})]})}),jsx(DragOverlay,{dropAnimation:Mt,children:ge?jsx(Nt,{id:ge,showIndicator:v,dragOverlay:true,className:`${Ne[ge].className} oui-shadow-lg oui-shadow-base-9`,children:Ne[ge].element}):null})]}):jsxs(DndContext,{sensors:Uo,collisionDetection:closestCenter,onDragStart:Qr,onDragEnd:Xr,modifiers:[restrictToVerticalAxis],children:[jsx(SortableContext,{items:ne,strategy:verticalListSortingStrategy,children:jsxs(Flex,{style:{minHeight:Rc,minWidth:1440-No},className:cn$1(e.className,"oui-justify-start",Se&&"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"&&$o,jsxs(Flex,{className:cn$1("oui-flex-1 oui-overflow-hidden",r==="left"&&"oui-flex-row-reverse"),gap:2,children:[!S&&a==="left"&&Go,jsxs(je,{className:cn$1("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:_c,disable:!U,children:[r==="left"&&nn,Ac,r==="right"&&nn]})]}),a==="bottom"&&Zr]})}),jsx(DragOverlay,{dropAnimation:Mt,children:ge?jsx(Nt,{id:ge,showIndicator:v,dragOverlay:true,className:`${Ne[ge].className} oui-shadow-lg oui-shadow-base-9`,children:Ne[ge].element}):null})]})};var v0=ye.lazy(()=>Promise.resolve().then(()=>(uc(),cc)).then(e=>({default:e.TopTabWidget}))),T0=ye.lazy(()=>Promise.resolve().then(()=>(fc(),pc)).then(e=>({default:e.OrderBookAndEntryWidget}))),k0=ye.lazy(()=>Promise.resolve().then(()=>(wc(),Cc)).then(e=>({default:e.DataListWidget}))),P0=()=>jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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"})}),Tc=e=>{let{t}=useTranslation(),o=jsxs(Box,{intensity:900,className:"oui-rounded-xl",mx:1,px:3,height:54,children:[jsx(SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxs(Flex,{children:[jsx(Text,{intensity:54,children:t("common.totalValue")}),jsx("button",{onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsx(EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsx(P0,{})]}),jsx(Text.numeral,{suffix:jsx(Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),jsx(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:jsx(MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[o,jsx(ye.Suspense,{fallback:null,children:jsx(v0,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"})}),jsx(ye.Suspense,{fallback:null,children:jsx(T0,{})}),jsx(ye.Suspense,{fallback:null,children:jsx(k0,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})})]})})};var Gr=e=>{let{isMobile:t}=useScreen();return t?jsx(Tc,{...e}):jsx(El,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var Yr=()=>{let e=Pr();return jsx(Gr,{...e})};Wi();se();var Pc=e=>{let{symbol:t,children:o}=e,i=useSymbolsInfo()[t],r=useMemo(()=>{let n=Tt(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsx(Yo.Provider,{value:r,children:o})};var B0=e=>jsx(Pc,{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:jsx(Yr,{})});se();Ie();
|
|
24
|
+
var Jc=Object.defineProperty;var m=(e,t)=>()=>(e&&(t=e(e=0)),t);var Z=(e,t)=>{for(var o in t)Jc(e,o,{get:t[o],enumerable:true});};var jc,eu,xe,y,Xe,Gt,ke,Qt,Yt,J,ni=m(()=>{jc=e=>{let{columns:t,data:o}=e,i=t.map(n=>`"${n.title}"`).join(","),r=o.map(n=>t.map(a=>{let s=n[a.key];return a.formatter&&(s=a.formatter(s)),`"${String(s??"").replace(/"/g,'""')}"`}).join(","));return [i,...r].join(`
|
|
25
|
+
`)},eu=(e,t)=>{let o=new Blob([e],{type:"text/csv;charset=utf-8;"}),i=document.createElement("a"),r=URL.createObjectURL(o);i.setAttribute("href",r),i.setAttribute("download",`${t}.csv`),i.style.visibility="hidden",document.body.appendChild(i),i.click(),document.body.removeChild(i);},xe=e=>{if(!e)return "--";let t=Number(e),o=new Date(t>1e10?t:t*1e3);return o.toISOString().split("T")[0]+" "+o.toTimeString().slice(0,8)},y=(e,t=2)=>{if(e==null)return "--";let o=Number(e);return isNaN(o)?"--":o.toFixed(t)},Xe=(e,t=2)=>{if(e==null)return "--";let o=Number(e);return isNaN(o)?"--":(o*100).toFixed(t)+"%"},Gt=()=>[{key:"symbol",title:"Symbol"},{key:"position_qty",title:"Position Qty",formatter:e=>y(e,4)},{key:"average_open_price",title:"Avg Open Price",formatter:e=>y(e,4)},{key:"mark_price",title:"Mark Price",formatter:e=>y(e,4)},{key:"settle_price",title:"Settle Price",formatter:e=>y(e,4)},{key:"est_liq_price",title:"Est. Liquidation Price",formatter:e=>e===null?"--":y(e,4)},{key:"cost_position",title:"Cost Position",formatter:e=>y(e,2)},{key:"unsettled_pnl",title:"Unsettled PnL",formatter:e=>y(e,2)},{key:"pnl_24_h",title:"PnL 24h",formatter:e=>y(e,2)},{key:"leverage",title:"Leverage",formatter:e=>y(e,2)},{key:"imr",title:"Initial Margin Ratio",formatter:e=>Xe(e,4)},{key:"mmr",title:"Maintenance Margin Ratio",formatter:e=>Xe(e,4)},{key:"IMR_withdraw_orders",title:"IMR with Withdraw Orders",formatter:e=>Xe(e,4)},{key:"MMR_with_orders",title:"MMR with Orders",formatter:e=>Xe(e,4)},{key:"pending_long_qty",title:"Pending Long Qty",formatter:e=>y(e,4)},{key:"pending_short_qty",title:"Pending Short Qty",formatter:e=>y(e,4)},{key:"last_sum_unitary_funding",title:"Last Sum Unitary Funding",formatter:e=>y(e,4)},{key:"fee_24_h",title:"Fee 24h",formatter:e=>y(e,8)},{key:"seq",title:"Sequence"},{key:"timestamp",title:"Timestamp",formatter:xe},{key:"updated_time",title:"Updated Time",formatter:xe}],ke=e=>{if(e==="orderHistory")return [{key:"order_id",title:"Order ID"},{key:"symbol",title:"Symbol"},{key:"side",title:"Side"},{key:"type",title:"Order Type"},{key:"status",title:"Status"},{key:"quantity",title:"Quantity",formatter:o=>y(o,4)},{key:"visible_quantity",title:"Visible Quantity",formatter:o=>y(o,4)},{key:"total_executed_quantity",title:"Total Executed Qty",formatter:o=>y(o,4)},{key:"average_executed_price",title:"Avg Executed Price",formatter:o=>o===null?"--":y(o,4)},{key:"total_fee",title:"Fee",formatter:o=>y(o,8)},{key:"fee_asset",title:"Fee Asset"},{key:"realized_pnl",title:"Realized PnL",formatter:o=>y(o,2)},{key:"created_time",title:"Created Time",formatter:xe},{key:"updated_time",title:"Updated Time",formatter:xe}];let t=[{key:"symbol",title:"Symbol"},{key:"order_id",title:"Order ID"},{key:"user_id",title:"User ID"},{key:"side",title:"Side"},{key:"type",title:"Order Type"},{key:"status",title:"Status"},{key:"price",title:"Price",formatter:o=>o===null?"--":y(o,4)},{key:"quantity",title:"Quantity",formatter:o=>y(o,4)},{key:"visible",title:"Visible",formatter:o=>y(o,4)},{key:"visible_quantity",title:"Visible Quantity",formatter:o=>y(o,4)},{key:"executed",title:"Executed",formatter:o=>y(o,4)},{key:"total_executed_quantity",title:"Total Executed Qty",formatter:o=>y(o,4)},{key:"average_executed_price",title:"Avg Executed Price",formatter:o=>o===null?"--":y(o,4)},{key:"amount",title:"Amount",formatter:o=>o===null?"--":y(o,2)},{key:"total_fee",title:"Fee",formatter:o=>y(o,8)},{key:"fee_asset",title:"Fee Asset"},{key:"created_time",title:"Created Time",formatter:xe},{key:"updated_time",title:"Updated Time",formatter:xe}];return e==="tp_sl"&&t.splice(6,0,{key:"trigger_price",title:"Trigger Price",formatter:o=>y(o,4)}),t},Qt=()=>[{key:"position_id",title:"Position ID"},{key:"symbol",title:"Symbol"},{key:"position_status",title:"Status"},{key:"type",title:"Type"},{key:"side",title:"Side"},{key:"closed_position_qty",title:"Closed Position Qty",formatter:e=>y(e,4)},{key:"max_position_qty",title:"Max Position Qty",formatter:e=>y(e,4)},{key:"avg_open_price",title:"Avg Open Price",formatter:e=>e===null?"--":y(e,4)},{key:"avg_close_price",title:"Avg Close Price",formatter:e=>e===null?"--":y(e,4)},{key:"realized_pnl",title:"Realized PnL",formatter:e=>y(e,2)},{key:"accumulated_funding_fee",title:"Accumulated Funding Fee",formatter:e=>y(e,2)},{key:"trading_fee",title:"Trading Fee",formatter:e=>y(e,2)},{key:"insurance_fund_fee",title:"Insurance Fund Fee",formatter:e=>y(e,2)},{key:"liquidator_fee",title:"Liquidator Fee",formatter:e=>y(e,2)},{key:"leverage",title:"Leverage",formatter:e=>y(e,2)},{key:"open_timestamp",title:"Time Opened",formatter:xe},{key:"close_timestamp",title:"Time Closed",formatter:e=>e?xe(e):"--"},{key:"last_update_time",title:"Updated Time",formatter:xe}],Yt=()=>[{key:"timestamp",title:"Time",formatter:xe},{key:"type",title:"Type"},{key:"liquidation_id",title:"Liquidation ID"},{key:"symbol",title:"Symbol"},{key:"position_qty",title:"Position Qty",formatter:e=>y(e,4)},{key:"mark_price",title:"Mark Price",formatter:e=>y(e,4)},{key:"transfer_price",title:"Transfer Price",formatter:e=>y(e,4)},{key:"liquidator_fee",title:"Liquidator Fee",formatter:e=>y(e,8)},{key:"abs_liquidation_fee",title:"Abs Liquidation Fee",formatter:e=>y(e,2)},{key:"insurance_fund_fee",title:"Insurance Fund Fee",formatter:e=>y(e,8)},{key:"abs_insurance_fund_fee",title:"Abs Insurance Fund Fee",formatter:e=>y(e,2)},{key:"cost_position_transfer",title:"Cost Position Transfer",formatter:e=>y(e,2)},{key:"margin_ratio",title:"Margin Ratio",formatter:e=>Xe(e,4)},{key:"account_mmr",title:"Account MMR",formatter:e=>Xe(e,4)},{key:"position_notional",title:"Position Notional",formatter:e=>y(e,2)},{key:"collateral_value",title:"Collateral Value",formatter:e=>y(e,2)},{key:"transfer_amount_to_insurance_fund",title:"Transfer Amount to Insurance Fund",formatter:e=>y(e,2)}],J=e=>{let t=jc(e);eu(t,e.filename);};});var j,Xt=m(()=>{j=e=>{let[t,o]=useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=useLocalStorage("showAllSymbol",true),[s,c]=useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:c}};});var St,Sn=m(()=>{Xt();St=e=>{let{showAllSymbol:t}=j(),[o]=usePositionStream(t?void 0:e),i=useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:useDataTap(i)??0}};});var Ct,kn=m(()=>{Xt();Ct=e=>{let {showAllSymbol:t}=j();`orderly_${TabType.pending}_pageSize`;`orderly_${TabType.tp_sl}_pageSize`;let [r,{total:n}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,excludes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,includes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=useDataTap(n)??0,l=useDataTap(s)??0;return {pendingOrderCount:c,tpSlOrderCount:l}};});var Ee=m(()=>{Xt();Sn();kn();});var ai,K,ue=m(()=>{ai=createContext({}),K=()=>useContext(ai);});var Pn,si=m(()=>{Ee();ue();Pn=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=j({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=K(),{positionCount:c}=St(r),{pendingOrderCount:l,tpSlOrderCount:g}=Ct(r);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:l,tpSlOrderCount:g,onSymbolChange:s}};});var jt,gu,fu,wt,pu,hu,li=m(()=>{jt=e=>{let[t,o]=useState(false),{t:i}=useTranslation();return jsxs(Flex,{gap:0,children:[jsxs(Flex,{gap:1,children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsx(SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsx(DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsx(Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsx(Divider,{}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsx(fu,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsx(Divider,{className:"oui-my-3"}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsx(gu,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},gu=e=>{let{value:t,onValueChange:o}=e,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(wt,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsx(wt,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},fu=e=>{let{value:t,onValueChange:o}=e;return jsxs(Flex,{gap:2,children:[jsx(wt,{sel:t===0,label:1,value:0,onCheckChange:o}),jsx(wt,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsx(wt,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},wt=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsx(pu,{}):jsx(hu,{}),jsx(Text,{size:"2xs",intensity:t?98:54,children:o})]})},pu=()=>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:[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"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),hu=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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 Dn,Fn=m(()=>{Dn=e=>({...e});});var Ln,_n=m(()=>{Fn();li();Ln=e=>{let t=Dn(e);return jsx(jt,{...t})};});var On={};Z(On,{Setting:()=>jt,SettingWidget:()=>Ln});var Bn=m(()=>{li();_n();});var eo,wu,vu,Mn,An,mi=m(()=>{eo=e=>{let{isMobile:t}=useScreen();return t?jsx(wu,{...e}):jsx(vu,{...e})},wu=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Mn,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsx(An,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsx(Divider,{className:"oui-w-full"}),jsxs(Flex,{width:"100%",justify:"between",align:"center",children:[jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx("label",{className:"oui-cursor-pointer oui-text-2xs oui-text-base-contrast-54",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]}),e.onExport&&jsx(Button,{variant:"outlined",size:"xs",color:"secondary",onClick:e.onExport,children:t("common.export")||"Export CSV"})]})]})},vu=e=>jsxs(Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsx(Mn,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsx(An,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),Mn=e=>{let{t}=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 jsx(Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsx(Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},An=e=>{let{t}=useTranslation();return jsx(Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};});var En,Hn=m(()=>{Ee();En=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=usePositionStream(i,{calcMode:r}),a=useDataTap(n.aggregated),s=a?.total_unreal_pnl,c=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:g,setShowAllSymbol:d}=j();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:c,notional:l,showAllSymbol:g,setShowAllSymbol:d}};});var zn,Vn=m(()=>{Hn();mi();zn=e=>{let{onExport:t,...o}=e,i=En(o);return jsx(eo,{...i,onExport:t})};});var gi={};Z(gi,{PositionHeader:()=>eo,PositionHeaderWidget:()=>zn});var fi=m(()=>{mi();Vn();});var Eu,Hu,zu,Vu,no,hi=m(()=>{ni();si();Eu=ve.lazy(()=>Promise.resolve().then(()=>(Bn(),On)).then(e=>({default:e.SettingWidget}))),Hu=ve.lazy(()=>Promise.resolve().then(()=>(fi(),gi)).then(e=>({default:e.PositionHeaderWidget}))),zu=e=>jsxs(Flex,{direction:"column",width:"100%",height:"100%",children:[jsx(ve.Suspense,{fallback:null,children:jsx(Hu,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsx(Divider,{className:"oui-w-full"}),jsx(Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsx(PositionsWidget,{ref:e.positionsRef,symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]}),Vu=()=>{let{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-space-x-1",children:[jsx("span",{children:e("positions.liquidation")}),jsx(Tooltip,{className:"oui-max-w-[275px] oui-bg-base-6",content:jsxs("div",{children:[jsx("div",{className:"oui-text-pretty",children:e("positions.Liquidation.tooltip.liquidation")}),jsx("div",{children: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:jsx("button",{className:"oui-hidden group-data-[state=active]:oui-block",children:jsx(InfoCircleIcon,{})})})]})},no=e=>{let{t}=useTranslation(),[o,i]=useState(e.current||"Positions"),r=useRef(null),n=useRef(null),a=useRef(null),s=useRef(null),c=useRef(null),l=useRef(null),g=useRef(null),{positionCount:d=0,pendingOrderCount:f=0,tpSlOrderCount:p=0,showAllSymbol:x,symbol:b,onSymbolChange:S,pnlNotionalDecimalPrecision:k,sharePnLConfig:T,setShowAllSymbol:v,current:R,unPnlPriceBasis:_,setUnPnlPriceBasic:U,setPnlNotionalDecimalPrecision:P}=e,C=(()=>{switch(o){case "Positions":{let h=r.current?.getDataSource?.();return !h||h.length===0}case "Pending":{let h=n.current?.getDataSource?.();return !h||h.length===0}case "TP/SL":{let h=a.current?.getDataSource?.();return !h||h.length===0}case "Filled":{let h=c.current?.getDataSource?.();return !h||h.length===0}case "Position history":{let h=s.current?.getDataSource?.();return !h||h.length===0}case "Order history":{let h=l.current?.getDataSource?.();return !h||h.length===0}case "Liquidation":{let h=g.current?.getDataSource?.();return !h||h.length===0}default:return true}})(),H=()=>{switch(o){case "Positions":{let h=r.current?.getDataSource?.();h&&h.length>0&&J({filename:`positions_${new Date().getTime()}`,columns:Gt(),data:h});break}case "Pending":{let h=n.current?.getDataSource?.();h&&h.length>0&&J({filename:`pending_orders_${new Date().getTime()}`,columns:ke("pending"),data:h});break}case "TP/SL":{let h=a.current?.getDataSource?.();h&&h.length>0&&J({filename:`tp_sl_orders_${new Date().getTime()}`,columns:ke("tp_sl"),data:h});break}case "Filled":{let h=c.current?.getDataSource?.();h&&h.length>0&&J({filename:`filled_orders_${new Date().getTime()}`,columns:ke("filled"),data:h});break}case "Position history":{let h=s.current?.getDataSource?.();h&&h.length>0&&J({filename:`position_history_${new Date().getTime()}`,columns:Qt(),data:h});break}case "Order history":{let h=l.current?.getDataSource?.();h&&h.length>0&&J({filename:`order_history_${new Date().getTime()}`,columns:ke("orderHistory"),data:h});break}case "Liquidation":{let h=g.current?.getDataSource?.();h&&h.length>0&&J({filename:`liquidation_${new Date().getTime()}`,columns:Yt(),data:h});break}}},z=[{value:"Positions",title:`${t("common.positions")} ${d>0?`(${d})`:""}`,content:jsx(zu,{...e,positionsRef:r})},{value:"Pending",title:`${t("orders.status.pending")} ${f>0?`(${f})`:""}`,content:jsx(DesktopOrderListWidget,{ref:n,type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,symbol:x?void 0:b,onSymbolChange:S,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})},{value:"TP/SL",title:`${t("common.tpsl")} ${p>0?`(${p})`:""}`,content:jsx(DesktopOrderListWidget,{ref:a,type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,symbol:x?void 0:b,onSymbolChange:S,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})},{value:"Filled",title:t("orders.status.filled"),content:jsx(DesktopOrderListWidget,{ref:c,type:TabType.filled,symbol:x?void 0:b,pnlNotionalDecimalPrecision:k,ordersStatus:OrderStatus.FILLED,onSymbolChange:S,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:T})},{value:"Position history",title:t("positions.positionHistory"),content:jsx(PositionHistoryWidget,{ref:s,pnlNotionalDecimalPrecision:k,symbol:x?void 0:b,onSymbolChange:S,sharePnLConfig:T})},{value:"Order history",title:t("orders.orderHistory"),content:jsx(DesktopOrderListWidget,{ref:l,type:TabType.orderHistory,pnlNotionalDecimalPrecision:k,symbol:x?void 0:b,onSymbolChange:S,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:T})},{value:"Liquidation",title:jsx(Vu,{}),content:jsx(LiquidationWidget,{ref:g,symbol:x?void 0:b})}];return jsx(Tabs,{defaultValue:R||"Positions",onValueChange:h=>i(h),variant:"contained",trailing:jsxs(Flex,{gap:2,itemAlign:"center",children:[jsx(Button,{color:"gray",size:"sm",className:"oui-bg-base-4",disabled:C,onClick:H,children:"Export to CSV"}),jsx(ve.Suspense,{fallback:null,children:jsx(Eu,{pnlNotionalDecimalPrecision:k,setPnlNotionalDecimalPrecision:P,unPnlPriceBasis:_,setUnPnlPriceBasic:U,hideOtherSymbols:!x,setHideOtherSymbols:h=>v(!h)})})]}),size:"lg",className:"oui-h-full",classNames:{trigger:"oui-group",tabsContent:"oui-h-[calc(100%_-_32px)]"},children:z.map(h=>{let{content:ce,...X}=h;return createElement(TabPanel,{...X,key:`item-${X.value}`},ce)})})};});var $n,Un=m(()=>{si();hi();$n=e=>{let t=Pn(e);return jsx(no,{...t})};});var Gn={};Z(Gn,{DataList:()=>no,DataListWidget:()=>$n});var xi=m(()=>{hi();Un();});var ao,Xn,Yu,Ku,bi=m(()=>{ao=e=>jsxs(Box,{className:cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsx(Box,{className:"oui-pr-1",children:jsx(Yu,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsx(Ku,{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 jsxs(Grid,{cols:3,gapX:2,width:"100%",className:cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsx("div",{className:cn("oui-flex-1",r?.left),children:t}),jsx("div",{className:cn("oui-flex-1",r?.mid),children:o}),jsx("div",{className:cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},Yu=e=>{let{t}=useTranslation();return jsx(Xn,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Ku=e=>jsx(ListView,{dataSource:e.data,className: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)=>jsx(Xn,{left:jsx(Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:commifyOptional(t?.price,{fix:e.quoteDp}),right:commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:cn("oui-text-base-contrast-80",e.classNames?.left),right:cn(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:cn(t.side===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}=useMarketTradeStream(e),i=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}};});var so,ea=m(()=>{jn();bi();so=e=>{let t=Jn(e.symbol);return jsx(ao,{...t,classNames:e.classNames,style:e.style})};});var ta={};Z(ta,{LastTrades:()=>ao,LastTradesWidget:()=>so});var lo=m(()=>{bi();ea();});function oa(e){let{t}=useTranslation();return e.showFaucet?jsx(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}=useTranslation(),{connectedChain:t,namespace:o}=useWalletConnector(),{state:i,account:r}=useAccount(),n=useConfig(),a=n.get("operatorUrl"),[s,{isMutating:c}]=useMutation(`${a}/v1/faucet/usdc`),[l,g]=useState(false),d=useMemo(()=>!t||!t.id?false:(i.status===AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;g(true);let p=e("trading.faucet.getTestUSDC.success",{quantity:o===ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(x=>{if(g(false),x.success)return modal.alert({title:e("trading.faucet.getTestUSDC"),message:p,onOk:()=>new Promise(b=>b(true))});x.message&&toast$1.error(x.message);},x=>{toast$1.error(x.message);})},showFaucet:d,loading:l}}var sa=m(()=>{});function yi(){let e=aa();return jsx(oa,{...e})}var la=m(()=>{ia();sa();});var kd,Pd,vi,Nd,Ci,Rd,Dd,mo,go=m(()=>{la();kd=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",Pd=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{t:i}=useTranslation();return 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===AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=AccountStatusEnum.NotConnected?r.connectWallet:e.status<=AccountStatusEnum.NotSignedIn?r.createAccount:e.status<AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},vi=e=>{let{description:t,formula:o}=e;return 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&&jsx("span",{children:t}),jsx(Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsx("span",{children:o})]})},Nd=e=>{let{t}=useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxs(Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsx(Text.numeral,{visible:i,weight:"bold",size:"2xl",className:gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsx("button",{onClick:r,children:i?jsx(EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsx(EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},Ci=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:s,placeholder:c}=e;return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:"",content:jsx(vi,{description:o,formula:i}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsx(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||"--"})]})},Rd=e=>{let{visible:t,value:o}=e,{t:i}=useTranslation();return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:cn("oui-bg-base-6 oui-p-2"),content:jsx(LTVRiskTooltipWidget,{}),children:jsx(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")})}),jsx(Text,{size:"2xs",className:cn("select-none",t&&kd(Number(o))),children:t?`${o}%`:"*****"})]})},Dd=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[s,c]=useLocalStorage("orderly_entry_asset_list_open",false),[l,g]=useState(s),{t:d}=useTranslation(),f=useCallback(()=>{g(x=>!x),setTimeout(()=>{c(!l);},0);},[]),p=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxs(Box,{className:"oui-group",children:[jsxs(Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:f,children:[jsx(Divider,{className:"oui-flex-1"}),jsx(ChevronDownIcon,{size:12,color:"white",className:cn("oui-transition-transform",l&&"oui-rotate-180")}),jsx(Divider,{className:"oui-flex-1"})]}),jsxs(Box,{style:{transform:"translateZ(0)"},className: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?p?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsx(Ci,{label:d("trading.asset.freeCollateral"),description:d("trading.asset.freeCollateral.tooltip"),formula:d("trading.asset.freeCollateral.formula"),visible:t,value:o===0?"0":o,unit:"USDC"}),jsx(Ci,{label:d("trading.asset.marginRatio"),description:d("trading.asset.marginRatio.tooltip"),formula:d("trading.asset.marginRatio.formula"),visible:t,value:i,isConnected:n,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsx(Ci,{label:d("trading.asset.maintenanceMarginRatio"),description:d("trading.asset.maintenanceMarginRatio.tooltip"),formula:d("trading.asset.maintenanceMarginRatio.formula"),visible:t,value:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),p&&jsx(Rd,{visible:t,value:a})]})]})},mo=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:d,isMainAccount:f,hasSubAccount:p,currentLtv:x})=>{let{title:b,description:S,titleColor:k,titleClsName:T}=Pd(),{t:v}=useTranslation(),R=p&&jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:v("common.transfer")})}),_=f&&jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!p&&jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:v("common.deposit")})]}),U=f&&jsxs(Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!p&&jsx(ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsx(Text,{children:v("common.withdraw")})]});return jsxs(Box,{className:"oui-relative",children:[b&&S&&jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text,{size:"lg",weight:"bold",color:k||"inherit",className:T,children:b}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:S})]}),jsx(AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&f?jsxs(Fragment,{children:[jsx(Box,{children:jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text.gradient,{size:"lg",weight:"bold",color:"brand",children:v("trading.asset.startTrading")}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:v("trading.asset.startTrading.description")})]})}),jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:v("common.deposit")})]}),jsx(Box,{className:"oui-mt-3",children:jsx(yi,{})})]}):jsxs(Box,{className:"oui-space-y-4",children:[jsx(Nd,{totalValue:o,visible:s,onToggleVisibility:a}),jsx(Dd,{visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:g,isConnected:d,currentLtv:x}),jsx(Flex,{gap:f?p?2:3:0,itemAlign:"center",children:f?jsxs(Fragment,{children:[_,R,U]}):R}),f&&jsx(yi,{})]})}),jsx("div",{className: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 fa,pa=m(()=>{fa=()=>{let{t:e}=useTranslation(),t=useAccountInstance(),o=useEventEmitter(),{totalValue:i}=useCollateral({dp:2}),r=useConfig("networkId"),{state:n,isMainAccount:a}=useAccount(),{freeCollateral:s}=useCollateral({dp:2}),{marginRatio:c,mmr:l}=useMarginRatio(),g=n.status>=AccountStatusEnum.Connected,[{aggregated:d},f]=usePositionStream(),p=useMemo(()=>Math.min(10,d.notional===0?f.margin_ratio(10):c),[c,d]),x=useCallback(h=>modal.show(DepositAndWithdrawWithDialogId,{activeTab:h}),[]),b=useCallback(async()=>x("deposit"),[]),S=useCallback(async()=>x("withdraw"),[]),k=useCallback(async()=>modal.show(TransferDialogId),[]),T=useCallback(async()=>t.settle().catch(h=>{if(h.code===-1104)return toast$1.error(e("settle.settlement.error")),Promise.reject(h);h.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:h.message,userAddress:t.address});}).then(h=>(toast$1.success(e("settle.settlement.requested")),Promise.resolve(h))),[t,e]),[v,R]=useLocalStorage("orderly_assets_visible",true),_=useCallback(()=>{R(h=>!h);},[v]),U=useComputedLTV(),P=useDataTap(s)??void 0,C=useDataTap(p)??void 0,H=useDataTap(l)??void 0,z=useDataTap(i)??void 0;return {onDeposit:b,onWithdraw:S,onTransfer:k,onSettle:T,visible:v,toggleVisible:_,networkId:r,totalValue:z,status:n.status,freeCollateral:P,marginRatioVal:C,renderMMR:H,isConnected:g,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:U}};});var ha,xa=m(()=>{pa();go();ha=e=>{let t=fa();return jsx(mo,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};});var ba={};Z(ba,{AssetView:()=>mo,AssetViewWidget:()=>ha});var Ti=m(()=>{go();xa();});var po,le,ze,tt,ho,de=m(()=>{po=createContext({cellHeight:22}),le=()=>useContext(po),ze="orderbook_coin_type",tt="orderbook_mobile_coin_unit",ho=e=>{let[t,o]=useState("quantity"),[i,r]=useState("quantity"),n=ve.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 jsx(po.Provider,{value:n,children:e.children})};});var Be=m(()=>{});var xo,ki=m(()=>{xo=e=>{let{direction:t=1}=e,o=useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsx("div",{className: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 wa,va=m(()=>{ki();de();Be();wa=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=le(),{symbolInfo:a,currentHover:s,accumulated:c,accumulatedAmount:l,count:g,price:d,quantity:f,base:p,quote:x}=e,{base_dp:b,quote_dp:S}=a,[k]=useLocalStorage(ze,p),T=Number.isNaN(d)?0:c/g*100,v=useMemo(()=>getPrecisionByNumber(r||`${S}`),[r,S]),R=Number.isNaN(c)?"-":l?.toString(),_=useMemo(()=>{let U=parseNumber(d,{dp:v,padding:true});return n.some(P=>U===parseNumber(P,{dp:v,padding:true}))},[n,d,v]);return 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(d)||Number.isNaN(f)||i?.([d,f]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxs("div",{className:cn("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsx("div",{className:cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsx(Text.numeral,{dp:v,children:d})}),jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsx(Text.numeral,{dp:b,children:f})})]}),jsxs("div",{className: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?jsxs(Fragment,{children:[jsx("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:b,className:"oui-z-10",children:c})}),jsx("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:0,className:"oui-z-10",children:R})})]}):jsxs("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:[k===p&&jsx(Text.numeral,{dp:b,className:"oui-z-10",children:c}),k===x&&jsx(Text.numeral,{dp:0,className:"oui-z-10",children:R})]}),jsx(xo,{width:T,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),_&&jsx("div",{className: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&&jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsx("div",{className:cn("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsx(Divider,{lineStyle:"dashed",className:cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};});var Ta,bo,um,Pi,Di=m(()=>{de();Be();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 Decimal(r).div(i).toNumber()}},bo=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=le(),a=useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let d=t.findIndex(f=>!Number.isNaN(f[0]));return d!==-1?t[d]:null}else {let d=t.length;for(let f=d-1;f>=0;f--){let p=t[f];if(!Number.isNaN(p[0]))return p}return null}},[t,o]),s=useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=useMemo(()=>t.reduce((d,f)=>Math.max(d,f[1]),0),[t]),[l,g]=useState(-1);return jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((d,f)=>jsx(um,{index:f,item:d,countQty:i,setHoverIndex:g,hoverIndex:l,type:o,maxQty:c,priceDp:s,symbolInfo:r,findMaxItem:a},f))})},um=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:c,symbolInfo:l,findMaxItem:g}=e,{base:d,quote:f,base_dp:p,quote_dp:x}=l,{t:b}=useTranslation(),S=a!==-1?r==="ask"?t>=a:t<=a:false,[k,T]=useState(false),v=useMemo(()=>{let R=Ta(o);return R.avgPrice===0?Ta(g()):R},[o,g]);return jsxs(TooltipRoot,{open:k,onOpenChange:T,children:[jsx(TooltipTrigger,{children:jsx(wa,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:S,currentHover:a===t,symbolInfo:l,base:d,quote:f,onMouseEnter:()=>{i(t),T(true);},onMouseLeave:()=>{i(-1),T(false);}})}),jsxs(TooltipContent,{className: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:R=>R.preventDefault(),children:[jsx(Pi,{title:`${b("common.avgPrice")}\u2248`,content:v.avgPrice,contentDp:x}),jsx(Pi,{title:`${b("trading.orderBook.sum")} (${d})`,content:v.sumQty,contentDp:p}),jsx(Pi,{title:`${b("trading.orderBook.sum")} (${f})`,content:v.sumQtyAmount,contentDp:x}),jsx(TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},Pi=e=>{let{title:t,content:o,contentDp:i}=e;return jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsx("div",{className:"oui-text-end",children:jsx(Text.numeral,{dp:i,children:o})})]})};});var Pa,Na=m(()=>{Be();Di();Pa=e=>{let{data:t}=e,o=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 jsx(bo,{type:"ask",data:t,countQty:o})};});var Ra,Da=m(()=>{Be();Di();Ra=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(bo,{type:"bid",data:t,countQty:o})};});var La,_a=m(()=>{La=e=>{let t=useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsx(Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsx(Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};});var wm,Ia,Rt,Ma=m(()=>{de();wm=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=useTranslation(),[n,a]=useLocalStorage(ze,o);return jsxs(Flex,{justify:"between",itemAlign:"center",className: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:s=>{a(t),i(s);},children:[r("common.total"),"(",t,")",jsx("div",{className: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}=le(),{t:r}=useTranslation(),[n,a]=ve.useState(false),[s]=useLocalStorage(ze,t),c=n?CaretUpIcon:CaretDownIcon;return jsxs(Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxs(Flex,{gap:1,className:cn("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsx(Box,{width:"100%",children:jsx(Rt,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsx(Box,{width:"100%",children:jsx(Rt,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${t})`})})]}),jsx(Flex,{gap:1,pr:3,className:cn("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxs(Fragment,{children:[jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(Rt,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${t})`})}),jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(Rt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsx(Box,{width:"100%",children:jsx(Popover,{open:n,onOpenChange:a,contentProps:{className:cn("oui-w-28 oui-p-1")},content:jsx(Flex,{direction:"column",itemAlign:"start",className:cn("oui-w-full oui-gap-0.5"),children:[t,o].map(l=>jsx(wm,{item:l,base:t,onClick:()=>a(false)},`type-${l}`))}),children:jsxs(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:[jsx(Rt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${s})`}),jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},Rt=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsx(Flex,{id:e.id,className:cn(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};});var yo,Li=m(()=>{yo=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 jsxs(Flex,{gap:1,className:cn(l?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsx(Text.numeral,{dp:i,intensity:98,children:s}),jsxs(Box,{width:19,children:[c&&jsx(ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsx(ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};});var So,Bm,Im,Va,Bi=m(()=>{So=e=>{let{isMobile:t}=useScreen();return t?jsx(Im,{...e}):jsx(Bm,{...e})},Bm=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=useTranslation();return jsx(Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxs(Flex,{gap:1,className:cn("oui-cursor-pointer oui-text-2xs",o),children:[jsx(Va,{size:i}),jsx(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})]})})},Im=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=useState(false),{t:a}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{gap:1,className:cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsx(Va,{size:i}),jsx(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})]}),jsx(SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsx(Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},Va=e=>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: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,Vm,Ga=m(()=>{de();Li();Bi();Ua=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=le();return 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:[jsxs("div",{className: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:[jsx(yo,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsx(So,{markPrice:t,quote_dp:n.quote_dp})]}),jsx("div",{className: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:jsx(Vm,{asks:i,bids:r})})]})},Vm=e=>{let{asks:t,bids:o}=e,{t:i}=useTranslation(),r=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 Decimal(s).sub(n).div(new Decimal(s).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsx("div",{children:jsx(Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsx(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 Ya,Ka=m(()=>{de();Na();Da();_a();Ma();Ga();Ya=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=useRef(null),[c,l]=useState(false),[g,d]=useLocalStorage(ze,r);return useEffect(()=>{g!==i&&r&&d(r);},[r,i]),useEffect(()=>{let f=new ResizeObserver(x=>{for(let b of x){let{inlineSize:S}=b.borderBoxSize[0];l(S>=360);}}),p=s.current;return p&&f.observe(p),()=>{p&&f.unobserve(p);}},[]),jsx(ho,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxs(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:[jsx(La,{depths:e.depths,value:e.activeDepth,onChange:a}),jsx(Ia,{quote:i,base:r}),jsx(Pa,{data:[...e.asks]}),jsx(Ua,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsx(Ra,{data:[...e.bids]}),n&&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:jsx(Spinner,{})})]})})};});var Ii,Mi=m(()=>{Ii=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=useTranslation();return jsxs(Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsx(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?"--":jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsx("span",{children:" in"}),jsx("span",{children:" "+r})]})]})};});var Ei,Hi=m(()=>{Ei=e=>{let{data:t,isLoading:o}=useFundingDetails(e.symbol),i=useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),r=useMemo(()=>!t||o?"-":`${new Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),n=useMemo(()=>!t||o?"-":`${new Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]);return {fundingPeriod:i,capFunding:r,floorFunding:n}};});var Wi,qi=m(()=>{Wi=e=>{let{t}=useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r}=e;return jsxs(Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsx(Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsx(Text,{intensity:80,children:o})]}),jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxs(Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxs(Text,{intensity:80,children:[i," / ",r]})]}),jsx(Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};});var $i,vo,es,Ui=m(()=>{Hi();qi();$i=e=>{let t=Ei(e);return jsx(Wi,{...t})},vo="FundingRateDialogId",es="FundingRateSheetId";registerSimpleDialog(vo,$i,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.t("funding.fundingRate")});registerSimpleSheet(es,$i,{title:()=>i18n.t("funding.fundingRate")});});var Gi,Qi=m(()=>{Ui();Gi=e=>{let t=useFundingRate(e),o=useCallback(()=>{modal.show(vo,{symbol:e});},[e]);return {data:t,onClick:o}};});var Yi,ts=m(()=>{Qi();Mi();Yi=e=>{let t=Gi(e.symbol);return jsx(Ii,{...t})};});var Ki=m(()=>{Mi();ts();Qi();});var rs,ns=m(()=>{ki();de();Be();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:d}=useContext(po),{base_dp:f,quote_dp:p,base:x,quote:b}=d,[S,k]=useLocalStorage(tt,"qty"),T=Number.isNaN(t)?"-":a?.toString(),v=useMemo(()=>getPrecisionByNumber(g||`${p}`),[g,p]),R=()=>{switch(S){case "base":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:f,children:t});case "quote":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:T});default:return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:f,children:Number.isNaN(i)?"-":i})}};return jsxs(Box,{className: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:[jsxs(Flex,{itemAlign:"center",justify:"between",children:[jsx(Text.numeral,{color:n==="bid"?"buy":"sell",dp:v,children:r}),R()]}),Number.isNaN(s)?null:jsx(xo,{width:s,className:cn(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};});var ko,Xi=m(()=>{de();ns();ko=e=>{let{data:t}=e,{mode:o}=le();return jsx(Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>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(()=>{Be();Xi();ss=e=>{let{data:t}=e,o=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 jsx(ko,{type:"ask",data:t,countQty:o})};});var cs,us=m(()=>{Be();Xi();cs=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(ko,{type:"bid",data:t,countQty:o})};});var ms,gs=m(()=>{ms=e=>{let t=useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsx(Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsx(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 fs,ps=m(()=>{de();fs=e=>{let{t}=useTranslation(),{base:o,quote:i}=e,[r,n]=useLocalStorage(tt,"qty"),a=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 jsxs(Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxs(Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsx(Text,{children:t("common.price")}),jsx(Text,{children:`(${i})`})]}),jsx(Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(s,{open:c,data:l})=>jsxs(Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(l)&&jsxs(Flex,{direction:"column",itemAlign:"end",children:[l[0]&&jsx(Text,{children:l[0]}),l[1]&&jsxs(Text,{children:["(",l[1],")"]})]}),c?jsx(CaretUpIcon,{size:14,color:"inherit"}):jsx(CaretDownIcon,{size:14,color:"inherit"})]})})]})};});var xs,bs=m(()=>{Bi();Li();de();xs=e=>{let{symbolInfo:t}=le(),{quote_dp:o}=t;return jsxs(Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsx(yo,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsx(So,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};});var Ss,Cs=m(()=>{de();Ki();ls();us();gs();ps();bs();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]=useLocalStorage(tt,"qty");return jsx(ho,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxs(Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:cn("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsx(Yi,{symbol:s}),jsx(fs,{quote:i,base:r}),jsx(ss,{data:e.asks}),jsx(xs,{lastPrice:t,markPrice:o}),jsx(cs,{data:e.bids}),jsx(ms,{depth:e.depths||EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&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:jsx(Spinner,{})})]})})};});var Ro,Ji=m(()=>{Ka();Cs();Ro=e=>jsx(Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?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}):jsx(Ya,{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 Ot,ji=m(()=>{Ot=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});});var Bt,Ts,Do,Vg,tr=m(()=>{ji();Bt=20,Ts=104,Do=e=>{let{symbol:t,height:o}=e,i=useSymbolsInfo()[t],[r,n]=useState(Bt),[a,s]=useState(10),{base:c,quote:l,quote_dp:g}=Ot(i),[d,{onDepthChange:f,isLoading:p,onItemClick:x,depth:b,allDepths:S}]=useOrderbookStream(t,void 0,{level:a}),k=Vg(t);useEffect(()=>{if(o){let _=Math.floor((o-Ts)/((Bt+1)*2)),U=(Bt+1)*2*_,P=o-Ts-U;P>10?n(Bt+P/_/2):n(Bt),s(_);}},[o]);let T=useMemo(()=>{if(!(typeof b>"u"||typeof g>"u"))return removeTrailingZeros(b)},[b,g,t]),v=useMemo(()=>S?.map(_=>removeTrailingZeros(_))||[],[S,g]),{isMobile:R}=useScreen();return {level:a,asks:d?.asks,bids:d?.bids,markPrice:d?.markPrice,lastPrice:d?.middlePrice,depths:v,selDepth:T,base:c,quote:l,isLoading:p,onItemClick:x,cellHeight:r,onDepthChange:f,pendingOrders:k,symbolInfo:Ot(i),isMobile:R}},Vg=e=>{let[t]=useOrderStream({status:OrderStatus.INCOMPLETE,symbol:e});return useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};});var ks,Ps=m(()=>{tr();Ji();ks=e=>{let{className:t,symbol:o,height:i}=e,r=Do({symbol:o,height:i});return jsx(Ro,{...r,className:t})};});var or={};Z(or,{OrderBook:()=>Ro,OrderBookWidget:()=>ks,useOrderBookScript:()=>Do});var Fo=m(()=>{Ji();Ps();tr();});var Lo,ir=m(()=>{go();Lo=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:s}=o,{wrongNetwork:c}=useAppContext(),{t:l}=useTranslation(),g=c?"":n?"oui-text-danger":a?"oui-text-warning-darken":s?gradientTextVariants({color:"brand"}):"";return jsxs(Box,{"data-risk":"",className:"oui-space-y-2",children:[jsx(Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsx(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%"}})}),jsxs(Flex,{direction:"row",justify:"between",children:[jsx(Tooltip,{content:jsx(vi,{description:l("trading.riskRate.tooltip"),formula:l("trading.riskRate.formula")}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:l("trading.riskRate")})}),jsx(Text,{size:"xs",color:"neutral",weight:"semibold",className:cn(g),children:t??"--"})]})]})};});var Xg,Is,Ms=m(()=>{Xg=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}=useAccount(),t=e.status>=AccountStatusEnum.EnableTrading||e.status===AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=useMarginRatio(),{curLeverage:n}=useLeverage(),a=useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new Decimal(r).div(o).mul(100).todp(2,Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),c=useMemo(()=>Xg(s),[s]),l=useDataTap(i),g=useDataTap(n);return {riskRate:useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:l,maxLeverage:g}};});var As,Es=m(()=>{Ms();ir();As=()=>{let e=Is();return jsx(Lo,{...e})};});var Hs={};Z(Hs,{RiskRate:()=>Lo,RiskRateWidget:()=>As});var nr=m(()=>{ir();Es();});var $s,Us,rf,nf,Ws,Oo,ar=m(()=>{$s=ve.lazy(()=>Promise.resolve().then(()=>(lo(),ta)).then(e=>({default:e.LastTradesWidget}))),Us=ve.lazy(()=>Promise.resolve().then(()=>(Fo(),or)).then(e=>({default:e.OrderBookWidget}))),rf=e=>{let{t}=useTranslation();return jsxs(Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxs(Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsx(Ws,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsx(ve.Suspense,{fallback:null,children:jsx(Us,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})})]}),jsxs(Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsx(Ws,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsx(ve.Suspense,{fallback:null,children:jsx($s,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})})]})]})},nf=e=>{let{t}=useTranslation();return jsx(Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxs(Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsx(TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsx(ve.Suspense,{fallback:null,children:jsx(Us,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})})}),jsx(TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsx(ve.Suspense,{fallback:null,children:jsx($s,{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=>jsx(Text,{size:"base",intensity:80,className:cn("oui-pb-[5px]",e.className),children:e.title}),Oo=e=>{let{containerRef:t,containerSize:o}=e;return jsx("div",{ref:t,className:"oui-h-full",children:(o?.width??0)>=572?jsx(rf,{...e}):jsx(nf,{...e})})};});var Bo,sr=m(()=>{Bo=e=>{let[t,o]=useState(void 0),[i,r]=useState("orderBook"),n=useRef(null);return useEffect(()=>{let a=new ResizeObserver(c=>{for(let l of c){let{width:g,height:d}=l.contentRect;o({width:g,height:d});}}),s=n.current;return s&&a.observe(s),()=>{s&&a.unobserve(s);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};});var Qs,Ys=m(()=>{sr();ar();Qs=e=>{let t=Bo(e.symbol);return jsx(Oo,{...t})};});var Ks={};Z(Ks,{OrderBookAndTrades:()=>Oo,OrderBookAndTradesWidget:()=>Qs,useOrderBookAndTradesScript:()=>Bo});var lr=m(()=>{ar();Ys();sr();});var zl={};Z(zl,{LayoutIcon:()=>Il,MarketBottomIcon:()=>El,MarketHideIcon:()=>Hl,MarketLeftIcon:()=>Hr,MarketTopIcon:()=>Al,OrderEntryIcon:()=>Ml,SwitchLayout:()=>xh,SwitchLayoutDropDown:()=>Bl});var xh,Bl,Il,Ml,Hr,Al,El,Hl,Vl=m(()=>{xh=e=>{let{t}=useTranslation();return jsx(Bl,{...e,children:jsxs(Flex,{px:3,className: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:[jsx(Il,{}),jsx(Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},Bl=e=>{let[t,o]=useState(false),[i,r]=useState(null),{t:n}=useTranslation(),a=l=>jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(l),o(false);},className:"oui-group",children:[jsx(Flex,{justify:l==="right"?"end":"start",className: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:jsx(Box,{p:1,children:jsx(Ml,{})})}),jsx(Text,{size:"2xs",intensity:54,className: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=f=>{let p=e.marketLayout===l;switch(l){case "left":return jsx(Hr,{isSelected:p,isHovered:f});case "top":return jsx(Al,{isSelected:p,isHovered:f});case "bottom":return jsx(El,{isSelected:p,isHovered:f});case "hide":return jsx(Hl,{isSelected:p,isHovered:f});default:return jsx(Hr,{isSelected:p,isHovered:f})}},d=()=>{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 jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onMarketLayout?.(l),o(false);},onMouseEnter:()=>r(l),onMouseLeave:()=>r(null),className:"oui-group",children:[jsx(Flex,{justify:"center",className:"oui-w-[148px] oui-h-[100px]",children:g(i===l)}),jsx(Text,{size:"2xs",intensity:54,className:cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.marketLayout===l&&"oui-text-base-contrast-80"),children:String(d())})]})},c=jsxs(Fragment,{children:[jsxs(Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px] oui-min-w-[500px]",children:[jsx(Text,{size:"base",intensity:98,children:n("trading.layout")}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsx(Divider,{}),jsxs(Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsx(Text,{size:"xs",intensity:98,children:String(n("trading.layout.advanced"))}),jsxs(Flex,{gapX:6,children:[a("right"),a("left")]})]}),jsxs(Flex,{direction:"column",gapY:2,mt:5,itemAlign:"start",children:[jsx(Text,{size:"xs",intensity:98,children:String(n("trading.layout.markets"))}),jsxs(Flex,{gapX:6,children:[s("left"),s("top"),s("bottom"),s("hide")]})]})]});return jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:l=>l.preventDefault(),onClick:l=>l.stopPropagation(),align:"end",className:cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-font-semibold"),children:c})})]})},Il=e=>jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),Ml=e=>jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#779eff"}),jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),Hr=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"8",width:"24",height:"84",rx:"2",fill:"#181C23"}),jsx("rect",{x:"16",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"21",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"26",y:"10",width:"4",height:"2",rx:"1",fill:"#333948"}),jsx("rect",{x:"10",y:"10",width:"5",height:"2",rx:"1",fill:"#335FFC"}),jsx("rect",{x:"10",y:"14",width:"20",height:"76",rx:"2",fill:"#282E3A"})]}),Al=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"8",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxs("g",{clipPath:"url(#clip0_31319_74729)",children:[jsx("rect",{x:"10",y:"10",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsx("rect",{x:"28",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"46",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"64",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"82",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"100",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"118",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"136",y:"10",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74729",children:jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 10)"})})})]}),El=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsx("rect",{x:"8",y:"84",width:"132",height:"8",rx:"2",fill:"#181C23"}),jsxs("g",{clipPath:"url(#clip0_31319_74743)",children:[jsx("rect",{x:"10",y:"86",width:"16",height:"4",rx:"2",fill:"#335FFC"}),jsx("rect",{x:"28",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"46",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"64",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"82",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"100",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"118",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"}),jsx("rect",{x:"136",y:"86",width:"16",height:"4",rx:"2",fill:"#333948"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74743",children:jsx("rect",{width:"130",height:"4",fill:"white",transform:"translate(10 86)"})})})]}),Hl=({isSelected:e,isHovered:t,...o})=>jsxs("svg",{width:"148",height:"100",viewBox:"0 0 148 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("rect",{x:"2",y:"2",width:"144",height:"96",rx:"10",fill:"#07080A",stroke:e||t?"#779eff":"#333948",strokeWidth:"4"}),jsxs("g",{clipPath:"url(#clip0_31319_74757)",children:[jsx("rect",{x:"8",y:"8",width:"132",height:"84",rx:"2",fill:"#181C23"}),jsx("rect",{x:"66.8789",y:"-76",width:"4",height:"188",rx:"2",transform:"rotate(45 66.8789 -76)",fill:"#20252F"}),jsx("rect",{x:"73.9492",y:"-68.929",width:"4",height:"188",rx:"2",transform:"rotate(45 73.9492 -68.929)",fill:"#20252F"}),jsx("rect",{x:"81.0195",y:"-61.8579",width:"4",height:"188",rx:"2",transform:"rotate(45 81.0195 -61.8579)",fill:"#20252F"}),jsx("rect",{x:"88.0938",y:"-54.7867",width:"4",height:"188",rx:"2",transform:"rotate(45 88.0938 -54.7867)",fill:"#20252F"}),jsx("rect",{x:"95.1641",y:"-47.7157",width:"4",height:"188",rx:"2",transform:"rotate(45 95.1641 -47.7157)",fill:"#20252F"}),jsx("rect",{x:"102.234",y:"-40.6447",width:"4",height:"188",rx:"2",transform:"rotate(45 102.234 -40.6447)",fill:"#20252F"}),jsx("rect",{x:"109.305",y:"-33.5736",width:"4",height:"188",rx:"2",transform:"rotate(45 109.305 -33.5736)",fill:"#20252F"}),jsx("rect",{x:"116.375",y:"-26.5026",width:"4",height:"188",rx:"2",transform:"rotate(45 116.375 -26.5026)",fill:"#20252F"}),jsx("rect",{x:"123.449",y:"-19.4315",width:"4",height:"188",rx:"2",transform:"rotate(45 123.449 -19.4315)",fill:"#20252F"}),jsx("rect",{x:"130.52",y:"-12.3604",width:"4",height:"188",rx:"2",transform:"rotate(45 130.52 -12.3604)",fill:"#20252F"}),jsx("rect",{x:"137.59",y:"-5.28931",width:"4",height:"188",rx:"2",transform:"rotate(45 137.59 -5.28931)",fill:"#20252F"}),jsx("rect",{x:"144.66",y:"1.78174",width:"4",height:"188",rx:"2",transform:"rotate(45 144.66 1.78174)",fill:"#20252F"}),jsx("rect",{x:"151.73",y:"8.85278",width:"4",height:"188",rx:"2",transform:"rotate(45 151.73 8.85278)",fill:"#20252F"}),jsx("rect",{x:"158.805",y:"15.9238",width:"4",height:"188",rx:"2",transform:"rotate(45 158.805 15.9238)",fill:"#20252F"}),jsx("rect",{x:"165.875",y:"22.995",width:"4",height:"188",rx:"2",transform:"rotate(45 165.875 22.995)",fill:"#20252F"}),jsx("rect",{x:"172.945",y:"30.066",width:"4",height:"188",rx:"2",transform:"rotate(45 172.945 30.066)",fill:"#20252F"}),jsx("rect",{x:"180.016",y:"37.1371",width:"4",height:"188",rx:"2",transform:"rotate(45 180.016 37.1371)",fill:"#20252F"}),jsx("rect",{x:"187.086",y:"44.2081",width:"4",height:"188",rx:"2",transform:"rotate(45 187.086 44.2081)",fill:"#20252F"}),jsx("rect",{x:"194.156",y:"51.2792",width:"4",height:"188",rx:"2",transform:"rotate(45 194.156 51.2792)",fill:"#20252F"}),jsx("rect",{x:"201.23",y:"58.3503",width:"4",height:"188",rx:"2",transform:"rotate(45 201.23 58.3503)",fill:"#20252F"})]}),jsx("defs",{children:jsx("clipPath",{id:"clip0_31319_74757",children:jsx("rect",{width:"132",height:"84",fill:"white",transform:"translate(8 8)"})})})]});});var qo,$o=m(()=>{ue();qo=()=>{let[e,t]=useState("chart"),{symbol:o}=K(),[i,r]=useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};});function oc(e){let[t,o]=useLocalStorage(Vh,tc),[i,r]=useState(false),n=useRef(null),a=useRef(null),[s,c]=useState(0),l=useRef(0),g=useCallback(p=>{if(!a.current)return;r(true);let x=p.touches[0],b=a.current.getBoundingClientRect();p.stopPropagation(),p.preventDefault();let S=x.clientY-b.bottom;l.current=b.top,c(S);},[]),d=useCallback(p=>{if(a.current&&i){p.stopPropagation(),p.preventDefault();let b=p.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(b),zh),tc)),false}},[i,s]),f=useCallback(()=>{r(false);},[]);return useEffect(()=>{let p=n.current;if(p)return p.addEventListener("touchstart",g),()=>{p.removeEventListener("touchstart",g);}},[g]),useEffect(()=>(document.addEventListener("touchmove",d,{passive:false}),document.addEventListener("touchend",f),()=>{document.removeEventListener("touchmove",d),document.removeEventListener("touchend",f);}),[i,d,f]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}var tc,zh,Vh,ic=m(()=>{tc=354,zh=234,Vh="TRADINGVIEW_MOBILE_HEIGHT";});var rc,nc=m(()=>{rc=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("g",{id:"Arrows-expand",children: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 sc,lc=m(()=>{nc();sc=e=>jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsx("div",{className:"oui-w-full oui-h-full",children:jsx(TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsx("div",{className:"oui-relative oui-w-full",children:jsx("div",{ref:e.dragRef,className: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:jsx(rc,{className: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 cc={};Z(cc,{TradingviewWidget:()=>$h});var $h,uc=m(()=>{ic();lc();$h=e=>{let t=oc(e);return jsx(sc,{...t})};});var dc={};Z(dc,{MWebLastTrades:()=>Gh});var Gh,mc=m(()=>{lo();Gh=e=>jsx(so,{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 Uo,ft,Gr=m(()=>{Uo=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,children:[jsx(ft,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsx(ft,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsx(ft,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsx(ft,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsx(ft,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsx(ft,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},ft=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxs(Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsx(Text,{intensity:36,children:t}),jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsx(Text,{intensity:36,children:"USDC"})]})]})};});var Qo,Qr=m(()=>{ue();Qo=e=>{let{symbol:t}=e,o=useTickerStream(t),{symbolInfo:i}=K(),r=useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new Decimal(a).mul(s).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]),n=useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new Decimal(a).mul(Number(s)).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};});var fc,pc=m(()=>{Qr();Gr();fc=e=>{let t=Qo(e);return jsx(Uo,{...t})};});var hc={};Z(hc,{TradeData:()=>Uo,TradeDataWidget:()=>fc,useTradeDataScript:()=>Qo});var xc=m(()=>{Gr();pc();Qr();});var t0,o0,i0,Yo,r0,Kr=m(()=>{ue();$o();t0=ve.lazy(()=>Promise.resolve().then(()=>(uc(),cc)).then(e=>({default:e.TradingviewWidget}))),o0=ve.lazy(()=>Promise.resolve().then(()=>(mc(),dc)).then(e=>({default:e.MWebLastTrades}))),i0=ve.lazy(()=>Promise.resolve().then(()=>(xc(),hc)).then(e=>({default:e.TradeDataWidget}))),Yo=e=>{let{t}=useTranslation(),{tradingViewConfig:o}=K();return jsxs(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:jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsx(r0,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsx(TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsx(ve.Suspense,{fallback:null,children:jsx(t0,{symbol:e.symbol,tradingViewConfig:o})})}),jsx(TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsx(ve.Suspense,{fallback:null,children:jsx(o0,{symbol:e.symbol})})}),jsx(TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsx(Box,{px:3,children:jsx(ve.Suspense,{fallback:null,children:jsx(i0,{symbol:e.symbol})})})})]})},r0=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[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"}),jsx("defs",{})]});});var yc,Sc=m(()=>{$o();Kr();yc=e=>{let t=qo();return jsx(Yo,{className:e.className,...t})};});var Cc={};Z(Cc,{TopTab:()=>Yo,TopTabWidget:()=>yc,useTopTabScript:()=>qo});var wc=m(()=>{Kr();Sc();$o();});var d0,Ko,Xr=m(()=>{d0=ve.lazy(()=>Promise.resolve().then(()=>(Fo(),or)).then(e=>({default:e.OrderBookWidget}))),Ko=e=>{let[t,o]=useState(0),i=useRef(null);return 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);}},[]),jsxs("div",{className:cn("oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",e.className),children:[jsx("div",{className:"oui-rounded-xl oui-bg-base-9",style:{height:`${t+16}px`},children:jsx(ve.Suspense,{fallback:null,children:jsx(d0,{symbol:e.symbol,height:t?t-44:void 0})})}),jsx("div",{className:"oui-rounded-xl oui-bg-base-9 oui-p-2",children:jsx(OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};});var Xo,Zr=m(()=>{ue();Xo=()=>{let{symbol:e}=K();return {symbol:e}};});var Tc,kc=m(()=>{Zr();Xr();Tc=e=>{let t=Xo();return jsx(Ko,{className:e.className,...t})};});var Pc={};Z(Pc,{OrderBookAndEntry:()=>Ko,OrderBookAndEntryWidget:()=>Tc,useOrderBookAndEntryScript:()=>Xo});var Nc=m(()=>{Xr();kc();Zr();});var Jo,jo=m(()=>{Ee();ue();Jo=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=useState("Position"),[n,a]=useState("Position history"),{t:s}=useTranslation(),{onSymbolChange:c}=K(),l=j(),[g,{cancelAllOrders:d,cancelAllTPSLOrders:f}]=useOrderStream({}),{positionCount:p}=St(t),{pendingOrderCount:x,tpSlOrderCount:b}=Ct(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:p,pendingOrderCount:x,tpSlOrderCount:b,...l,onCloseAll:k=>{let T=k===TabType.pending?s("orders.pending.cancelAll"):k===TabType.tp_sl?s("orders.tpsl.cancelAll"):"",v=k===TabType.pending?s("orders.pending.cancelAll.description"):k===TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";modal.confirm({title:T,content:jsx(Text,{size:"2xs",children:v}),onOk:async()=>{try{return i==="TP/SL"?await f(t):await d(t),Promise.resolve(!0)}catch(R){return R?.message!==void 0&&toast.error(R.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};});var P0,N0,jr,R0,D0,ei,tn=m(()=>{ni();jo();P0=ve.lazy(()=>Promise.resolve().then(()=>(fi(),gi)).then(e=>({default:e.PositionHeaderWidget}))),N0=e=>{let{t}=useTranslation();return jsxs(Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx(Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsxs(Flex,{gap:1,children:[e.onExport&&jsx(Button,{variant:"outlined",size:"xs",color:"secondary",disabled:e.isExportDisabled,onClick:e.onExport,children:t("common.export")||"Export CSV"}),jsx(Button,{variant:"outlined",size:"xs",color:"secondary",onClick:()=>e.onCloseAll(e.type),children:t("trading.orders.closeAll")})]})]})},jr=ve.forwardRef((e,t)=>jsxs(Flex,{direction:"column",pb:2,width:"100%",children:[jsx(Divider,{className:"oui-w-full"}),e.type!==TabType.orderHistory&&jsx(N0,{...e,onExport:e.onExport,isExportDisabled:e.isExportDisabled}),jsx(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===TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}},onExport:e.type===TabType.orderHistory?e.onExport:void 0,ref:t})]})),R0=ve.forwardRef((e,t)=>jsxs(Flex,{direction:"column",gap:2,children:[jsx(ve.Suspense,{fallback:null,children:jsx(P0,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis,onExport:e.onExport})}),jsx(ve.Suspense,{fallback:null,children:jsx(MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,ref:t})})]})),D0=e=>{let{t}=useTranslation();return jsx("div",{className:"oui-min-h-[300px]",children:jsxs(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:[jsx(TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsx(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,ref:e.positionHistoryRef,onExport:e.onExportPositionHistory})}),jsx(TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsx(jr,{type:TabType.orderHistory,...e,ref:e.orderHistoryRef,onExport:e.onExportOrderHistory})})]})})},ei=e=>{let{t}=useTranslation(),o=useRef(null),i=useRef(null),r=useRef(null),n=useRef(null),a=useRef(null),s=useRef(null),{positionCount:c=0,pendingOrderCount:l=0,tpSlOrderCount:g=0,showAllSymbol:d,symbol:f,tab:p,setTab:x,className:b}=e,S=(()=>{switch(p){case "Position":return !o.current?.getDataSource?.()||o.current.getDataSource().length===0;case "Pending":return !i.current?.getDataSource?.()||i.current.getDataSource().length===0;case "TP/SL":return !r.current?.getDataSource?.()||r.current.getDataSource().length===0;case "Liquidation":return !s.current?.getDataSource?.()||s.current.getDataSource().length===0;default:return true}})(),k=()=>{let C=o.current?.getDataSource?.();C&&C.length>0&&J({filename:`positions_${new Date().getTime()}`,columns:Gt(),data:C});},T=()=>{let C=i.current?.getDataSource?.();C&&C.length>0&&J({filename:`pending_orders_${new Date().getTime()}`,columns:ke("pending"),data:C});},v=()=>{let C=r.current?.getDataSource?.();C&&C.length>0&&J({filename:`tp_sl_orders_${new Date().getTime()}`,columns:ke("tp_sl"),data:C});},R=()=>{let C=n.current?.getDataSource?.();C&&C.length>0&&J({filename:`position_history_${new Date().getTime()}`,columns:Qt(),data:C});},_=()=>{let C=a.current?.getDataSource?.();C&&C.length>0&&J({filename:`order_history_${new Date().getTime()}`,columns:ke("orderHistory"),data:C});},U=()=>{let C=s.current?.getDataSource?.();C&&C.length>0&&J({filename:`liquidation_${new Date().getTime()}`,columns:Yt(),data:C});},P=[{title:`${t("common.positions")} ${c>0?`(${c})`:""}`,value:"Position",content:jsx(R0,{...e,ref:o,onExport:k})},{title:`${t("orders.status.pending")} ${l>0?`(${l})`:""}`,value:"Pending",content:jsx(jr,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,...e,ref:i,onExport:T,isExportDisabled:p==="Pending"&&S})},{title:`${t("common.tpsl")} ${g>0?`(${g})`:""}`,value:"TP/SL",content:jsx(jr,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,...e,ref:r,onExport:v,isExportDisabled:p==="TP/SL"&&S})},{title:t("trading.history"),value:"History",content:jsx(D0,{...e,positionHistoryRef:n,orderHistoryRef:a,onExportPositionHistory:R,onExportOrderHistory:_})},{title:t("positions.liquidation"),value:"Liquidation",content:jsx(MobileLiquidationWidget,{enableLoadMore:true,symbol:d?void 0:f,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},ref:s,onExport:U})}];return jsx(Tabs,{value:p,defaultValue:"Position",onValueChange:C=>x(C),size:"lg",className:b,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:P.map(C=>{let{content:H,...z}=C;return createElement(TabPanel,{...z,key:`item-${z.value}`},H)})})};});var _c,Oc=m(()=>{jo();tn();_c=e=>{let t=Jo(e);return jsx(ei,{...t,className:e.className})};});var Bc={};Z(Bc,{DataList:()=>ei,DataListWidget:()=>_c,useDataListScript:()=>Jo});var Ic=m(()=>{tn();Oc();jo();});xi();lo();Ti();Fo();nr();lr();var js=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsx("div",{...i,className: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:jsx("div",{onMouseDown:t,className:cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var st=forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsx(uf,{ref:t,...i,lineBar:true,renderBar:r=>jsx(js,{...r,mode:e.mode}),onDragEnd:(r,n)=>o?.(`${n}`)})});ue();var tl=()=>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:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),ol=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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))"})}),cr=e=>{let{size:t=20}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#a)",children:[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"}),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"}),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"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},il=e=>{let{size:t=20}=e;return jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[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)"}),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"}),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"}),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"}),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"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_6403_64483",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var mr=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:4,children:[jsx(df,{...e}),jsx(mf,{...e}),jsx(gf,{...e}),jsxs(Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsx(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")}),jsx(Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},df=e=>jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:3,children:[jsx(tl,{}),jsxs(Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsx(Text.formatted,{rule:"address",children:e.address}),jsx(Text.formatted,{size:"2xs",intensity:80,prefix:jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsx(ol,{})})]}),mf=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{size:"2xs",children:t("affiliate.referral")}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxs(Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("common.affiliate")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(cr,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxs(Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("affiliate.trader")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(cr,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},gf=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsxs(Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsx(Text,{children:t("common.tradingRewards")}),jsxs(Text,{intensity:54,children:["(",jsx(Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsx(Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxs(Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsx(Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(il,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var fr=e=>{let{t}=useTranslation(),[o]=useLocalStorage("orderly_link_device",{}),{account:i,state:r}=useAccount(),n=i.accountId,a=i.address,{hide:s}=useModal(),c=useConfig(),{connectedChain:l,disconnect:g,namespace:d}=useWalletConnector(),f=i.chainId||l?.id||o?.chainId,p=useMemo(()=>f?(r.status===AccountStatusEnum.EnableTrading||r.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(f)):false,[r.status,f]),x=Ff(f),b=c.get("operatorUrl"),S=()=>{navigator.clipboard.writeText(a??""),toast$1.success(t("common.copy.copied"));},{affiliateCommission30D:k,traderCommission30D:T,isAffiliate:v,isTrader:R,onClickReferral:_}=Rf(e.onClickReferral),{curEpochId:U,estRewards:P,onClickTradingRewards:C}=Df(e.onClickTradingRewards),H=async()=>{localStorage.removeItem("orderly_link_device"),await g({label:r.connectWallet?.name}),await i.disconnect(),s();},[z,{isMutating:h}]=useMutation(`${b}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:f,chainName:x,onCopyAddress:S,affiliateCommission30D:k,onClickReferral:_,isAffiliate:v,isTrader:R,traderCommission30D:T,curEpochId:U,onClickTradingRewards:C,estRewards:P,onDisconnect:H,showGetTestUSDC:p,onGetTestUSDC:()=>{if(r.status<AccountStatusEnum.EnableTrading&&r.status!==AccountStatusEnum.EnableTradingWithoutConnected)return;let X=t("trading.faucet.getTestUSDC.success",{quantity:d===ChainNamespace.solana?"100":"1,000"});return z({chain_id:f?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(Te=>{if(Te.success)return modal.alert({title:t("trading.faucet.getTestUSDC"),message:X,onOk:()=>Promise.resolve(true)});Te.message&&toast$1.error(Te.message);},Te=>{toast$1.error(Te.message);})},gettingTestUSDC:h}},Rf=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=useReferralInfo(),n=useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},Df=e=>{let[t]=useCurEpochEstimate(TWType.normal),[o,i]=useEpochInfo(TWType.normal),r=useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function Ff(e){let[t,{findByChainId:o}]=useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var pr=e=>{let t=fr(e);return jsx(mr,{...t})};var sl=()=>{let{t:e}=useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=K(),{account:r,state:n}=useAccount();return {onShowAccountSheet:()=>{modal.sheet({title:e("common.account"),leading:i,content:jsx(pr,{...t,...o})});},address:r.address,state:n}};var cl=e=>jsx(AuthGuard,{buttonProps:{size:"sm"},children:jsx(Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:formatAddress(e.address,[4,4])})});installExtension({name:"mobile-account-menu",scope:["*"],positions:[ExtensionPositionEnum.MobileAccountMenu],builder:sl,__isInternal:true})(e=>jsx(cl,{...e}));var dl=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MobileAccountMenu});var hr=()=>null;var xr=()=>({});var br=()=>{let e=xr();return jsx(hr,{...e})};var Sr=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),toast$1.success(t("connector.networkSwitched"));},i=>{});},children:jsxs(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:[jsx(ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var Cr=()=>{let e=useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var wr=()=>{let e=Cr();return jsx(Sr,{...e})};var kr=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===AccountStatusEnum.EnableTradingWithoutConnected?jsx(op,{onDisconnect:e.onDisconnect}):jsx(wr,{}),o=!e.disabledConnect&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected&&e.status<AccountStatusEnum.EnableTrading;return jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxs(Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsx(br,{}),jsxs(Flex,{gap:2,children:[o&&jsx(ScanQRCodeWidget,{}),t(),jsx(dl,{})]})]}),jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},op=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxs(Fragment,{children:[jsx(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:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsx(ip,{}),jsx(gl,{}),jsx(np,{}),jsx(gl,{}),jsx(rp,{})]})]})},gl=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(Tr,{}),jsx(Tr,{}),jsx(Tr,{})]}),ip=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),rp=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children: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"})}),np=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[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)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Tr=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[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)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var Pr=()=>{let{wrongNetwork:e,disabledConnect:t}=useAppContext(),{account:o,state:i}=useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var cp=()=>{let e=Pr();return jsx(kr,{...e})};Ee();var Rr=()=>{let{state:e,account:t,isMainAccount:o}=useAccount(),i=yp(),r=Sp(),n=useEventEmitter(),{t:a}=useTranslation(),s=e.subAccounts??[],[c,l]=useState(false),g=useCallback(async()=>t.settle().catch(x=>{if(x.code==-1104)return toast$1.error(a("settle.settlement.error")),Promise.reject(x);if(x.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return n.emit("wallet:sign-message-with-ledger-error",{message:x.message,userAddress:t.address}),Promise.reject(x);if(x?.code==="ACTION_REJECTED")return toast$1.error(a("connector.userRejected")),Promise.reject(x)}).then(x=>(toast$1.success(a("settle.settlement.requested")),Promise.resolve(x))),[t,a]),d=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),f=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),p=useCallback(()=>{modal.show(TransferSheetId);},[]);return {...i,...r,onSettlePnL:g,onDeposit:d,onWithdraw:f,showSliderTip:c,setShowSliderTip:l,isMainAccount:o,onTransfer:p,hasSubAccount:s?.length>0}},yp=()=>{let{hideAssets:e,setHideAssets:t}=j(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},Sp=()=>{let{t:e}=useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=useMarginRatio(),s=useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:c,curLeverage:l,maxLeverage:g,leverageLevers:d}=useLeverage(),f=useMemo(()=>d?.map(P=>({label:`${P}x`,value:P})),[d]),[p,x]=useState(l??0),b=100/((f?.length||0)-1),S=P=>{x(P);},k=async P=>{try{c({leverage:P}).then(()=>{toast$1.success(e("leverage.updated"));},C=>{toast$1.error(C.message);});}catch{}},T=useCallback(P=>{k(Array.isArray(P)?P[0]:P);},[]),v=useDebouncedCallback(T,500),R=useCallback(P=>{let C=Number.parseInt(P.target.value,10),H=Number.isNaN(C)?0:C,z=Math.min(Math.max(H,1),g);x(z),v(z);},[v,g]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:b,marks:f,onLeverageChange:S,onLeverageIncrease:()=>{x(P=>(k(P+1),P+1));},onLeverageReduce:()=>{x(P=>(k(P-1),P-1));},onInputChange:R,isReduceDisabled:p<=1,isIncreaseDisabled:p>=g,onValueCommit:T,value:p,maxLeverage:g,onSaveLeverage:k}};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 Sl=e=>{let{size:t=20,className:o}=e;return 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:jsx("div",{className: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 Lr=e=>jsxs(Flex,{direction:"column",gap:4,width:"100%",children:[jsx(_p,{...e}),jsx(Divider,{className:"oui-w-full"}),jsx(Op,{...e}),jsx(Bp,{...e})]}),_p=e=>{let{t}=useTranslation(),o=useCallback(()=>modal.confirm({title:t("settle.settlePnl"),content:jsx(Text,{intensity:54,size:"xs",children:jsx(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 jsxs(Flex,{direction:"column",gap:3,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsx(Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsx(EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsx(Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsx(Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsx(Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsx(RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsx(Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Op=e=>{let{t}=useTranslation(),{high:o,mid:i,low:r}=bl(e.marginRatioVal,e.mmr);return jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:2,children:[jsx(Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsx(Sl,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsx(Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"start",width:"100%",gap:1,children:[jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsx(Text,{size:"xs",children:"/"}),jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var Bp=e=>{let{t}=useTranslation();return e.isMainAccount?jsxs(Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsx(Button,{icon:jsx(ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsx(Button,{icon:jsx(ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})}),jsx(Button,{icon:jsx(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")})]}):jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})})};var _r=()=>{let e=Rr();return jsx(Lr,{...e})};Ki();Hi();qi();Ui();var Mt=e=>{let{showIndicator:t,dragOverlay:o}=e,i=useRef(null),[r,n]=ve.useState(null),a=useSortable({id:e.id}),{setNodeRef:s,attributes:c,listeners:l,transform:g,transition:d,isDragging:f,setActivatorNodeRef:p}=a;useEffect(()=>{if(f&&i.current&&!r){let S=i.current.getBoundingClientRect();n({width:S.width,height:S.height});}else !f&&r&&n(null);},[f,r]);let x=S=>{s(S),i.current=S;},b={transform:CSS.Transform.toString(g),transition:d};return f&&r&&!o?jsx(Box,{intensity:900,r:"2xl",p:3,className: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)"}}):jsxs(Box,{intensity:900,r:"2xl",p:3,width:"100%",className:cn("oui-relative",e.className),ref:x,style:b,children:[jsx("div",{className:cn("inner-content oui-transition-transform",o&&"oui-scale-95"),children:e.children}),t&&jsx("button",{...c,...l,className:"oui-absolute oui-right-0 oui-top-4 oui-cursor-move oui-py-1",style:{touchAction:"none"},ref:p,children:jsx(Vp,{className:cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80")})})]})},Vp=e=>jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]});var ut=(e,t,o)=>[useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];Ee();ue();var Pl=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{totalValue:i}=useCollateral({dp:2}),r=t||o||e.status<AccountStatusEnum.EnableTrading&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=useMemo(()=>{let l=new Date,d=new Date(l.getFullYear(),l.getMonth(),l.getDate(),23,59,59).getTime();return {startTime:d-90*24*60*60*1e3,endTime:d}},[]),[s,{meta:c}]=useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:AssetHistorySideEnum.DEPOSIT,status:AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:l=>l.side===AssetHistorySideEnum.DEPOSIT&&l.transStatus===AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&c?.total===0};var zo=6,Rl=48,Dl=29,ae=8,Re=54,Qe=280,Mr=360,At=280,Fl=732,De=464,Ae=728,Ye=320,Et=540,Ar=800,Vo=350,th="orderly_order_entry_side_markets_layout",oh="orderly_side_markets_mode",ih="orderly_horizontal_markets_layout",Er=()=>{let[e,t]=useState(false),o=K(),{state:i}=useAccount(),{t:r}=useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:s,onRouteChange:c}=useAppContext(),{hideAssets:l,setHideAssets:g}=j(),d=Pl(),{totalValue:f}=useCollateral(),p=useDataTap(f),x=useMediaQuery("(max-width: 1279px)"),b=useMediaQuery("(min-width: 1440px)"),S=useMediaQuery("(max-width: 1680px)"),[k,T]=useLocalStorage(th,"right"),[v,R]=useLocalStorage(ih,"left"),_=useMemo(()=>!n&&!a&&(i.status>=AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),U=()=>{_&&modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsx(_r,{})});},P=useMemo(()=>b,[b]),C=nh({canTrade:_,isFirstTimeDeposit:d}),H=rh({resizeable:b}),z=sh({max2XL:x}),h=useMemo(()=>{switch(H.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[H.panelSize]),ce=x?1200:600,X=_?379:277,Te=ah({dep:k}),$t=lh({orderEntryViewRef:z.orderEntryViewRef,tradindviewMaxHeight:ce,dataListMinHeight:X}),he={layout:k,onLayout:T,marketLayout:v,onMarketLayout:R,max2XL:x,min3XL:b,max4XL:S,canTrade:_,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:P,...H,...C,...Te,...z,restrictedInfo:s,...$t,marketsWidth:h,tradindviewMaxHeight:ce,dataListMinHeight:X,total:p,hideAssets:l,setHideAssets:g,onShowPortfolioSheet:U,navigateToPortfolio:typeof c=="function"?()=>c({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:d};return {...o,...he}},rh=e=>{let{resizeable:t}=e,[o,i]=useState(false),[r,n]=useLocalStorage(oh,"large"),a=c=>{n(c),i(true);},s=useMemo(()=>t?r==="large"?"large":"middle":"middle",[t,r]);return {resizeable:t,panelSize:s,onPanelSizeChange:a,animating:o,setAnimating:i}},nh=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=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 d=0;d<g.length-1;d++)g[d]=i[d+1];}else if(c===g.length-1&&l===0){g[l]=i[c];for(let d=1;d<g.length;d++)g[d]=i[d-1];}else [g[c],g[l]]=[g[l],g[c]];r(g);},a=useMemo(()=>t&&!o,[t,o]);return {positions:useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},ah=e=>{let{dep:t}=e,[o,i]=ut("orderly_main_split_size",`${Qe}px`,t),[r,n]=ut("orderly_datalist_split_size",`${Vo}px`),[a,s]=ut("orderly_orderbook_split_size","280px",t),[c,l]=ut("orderly_datalist_split_height_sm","350px"),[g,d]=ut("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:d}},sh=e=>{let{max2XL:t}=e,[o,i]=useState(0),r=useRef(null);return 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 Ll(e){return e?`${100-Math.min(Number(e),100)}`:""}function lh(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=useRef(null),r=useRef(null),[n,a]=useLocalStorage("orderly_order_entry_extra_height",0),s=22,[c,l]=useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(f,p)=>{let x=i?.current?.boxHeight;if(!x)return;let b=x*f/100,S=x*p/100,k=Math.min(Math.max(b,Ye),t),T=Math.min(Math.max(S,De),Ae),v=e.orderEntryViewRef.current?.clientHeight||0;if(S>=T){let R=S-T;a(Math.max(0,n-R));}else if(k+T<t+Ae){let R=k+T+s+Re,_=Math.max(0,R-v);a(n+_);}},onDataListSplitHeightDragging:(f,p)=>{let x=r?.current?.boxHeight;if(!x)return;let b=x*p/100;if(b>=o&&b<=Ar){l(b);let S=b-c;S>0&&a(Math.max(0,n-S));}},extraHeight:n,dataListHeight:c}}var Oh=ve.lazy(()=>Promise.resolve().then(()=>(nr(),Hs)).then(e=>({default:e.RiskRateWidget}))),Bh=ve.lazy(()=>Promise.resolve().then(()=>(Ti(),ba)).then(e=>({default:e.AssetViewWidget}))),Ih=ve.lazy(()=>Promise.resolve().then(()=>(xi(),Gn)).then(e=>({default:e.DataListWidget}))),Mh=ve.lazy(()=>Promise.resolve().then(()=>(Vl(),zl)).then(e=>({default:e.SwitchLayout}))),Ah=ve.lazy(()=>Promise.resolve().then(()=>(lr(),Ks)).then(e=>({default:e.OrderBookAndTradesWidget})));var Zl=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,marketLayout:a,onMarketLayout:s,orderBookSplitSize:c,setOrderbookSplitSize:l,dataListSplitSize:g,setDataListSplitSize:d,mainSplitSize:f,setMainSplitSize:p,dataListSplitHeightSM:x,setDataListSplitHeightSM:b,orderBookSplitHeightSM:S,setOrderbookSplitHeightSM:k,max2XL:T,max4XL:v,animating:R,setAnimating:_,updatePositions:U,showPositionIcon:P,horizontalDraggable:C,marketsWidth:H,tradindviewMaxHeight:z,dataListMinHeight:h}=e,[ce]=useLocalStorage(TradingviewFullscreenKey,false),[X,Te]=useLocalStorage(OrderEntrySortKeys,["margin","assets","orderEntry"]),$t=useMemo(()=>({keyframes({transform:M}){return [{transform:CSS.Transform.toString({...M.initial,scaleX:1.05,scaleY:1.05})},{transform:CSS.Transform.toString({...M.final,scaleX:1,scaleY:1})}]},sideEffects:({active:M,dragOverlay:Ut})=>{M.node.style.opacity="0";let Ke=Ut.node.querySelector(".inner-content");return Ke&&Ke.classList.add("oui-animate-shake"),()=>{M.node.style.opacity="";}}}),[]),oi=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:5}}),useSensor(KeyboardSensor,{coordinateGetter:sortableKeyboardCoordinates})),[he,an]=useState(null);function sn(M){an(M.active.id);}function ln(M){let{active:Ut,over:Ke}=M;if(Ut.id!==Ke?.id&&Ke){let bn=X.indexOf(Ut.id),yn=X.indexOf(Ke.id);if(bn!==-1&&yn!==-1){let Zc=arrayMove(X,bn,yn);Te(Zc);}}an(null);}let Vc=useMemo(()=>ce?0:Re+Ae+Vo+ae*4,[ce]),Wc=Rl+Dl+Re+Ye+De+h+ae*4,ii=jsx(HorizontalMarketsWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,maxItems:-1,dropdownPos:a==="bottom"?"top":"bottom"}),qc=useMemo(()=>T?12:8,[T]),cn$1=jsx(Box,{className:cn("oui-bg-base-10","oui-sticky oui-z-30 oui-mb-[-8px] oui-py-2",!T&&"oui-mt-[-8px]"),style:{bottom:0,minWidth:(T?1024:1440)-zo-qc*2},children:ii}),un=jsx(SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),ri=jsx(Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:H,style:{minWidth:H},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>_(false),children:!R&&a==="left"&&un}),dn=jsx(Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:Re,height:Re},children:jsx(SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:jsx(ve.Suspense,{fallback:null,children:jsx(Mh,{layout:r,onLayout:n,marketLayout:a,onMarketLayout:s})})})}),{library_path:$c,...Uc}=e.tradingViewConfig,mn=jsx(TradingviewWidget,{classNames:{root:cn(ce?"!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:cn(ce?"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,...Uc,libraryPath:$c}),gn=jsx(Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:Et},className:"oui-overflow-hidden",children:mn}),fn=jsx(ve.Suspense,{fallback:null,children:jsx(Ah,{symbol:e.symbol})}),Gc=jsx(Box,{r:"2xl",height:"100%",style:{minWidth:At,maxWidth:C?Fl:At,width:c},className:"oui-overflow-hidden",children:fn}),pn=jsx(ve.Suspense,{fallback:null,children:jsx(Ih,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig})}),Qc=jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:g,minHeight:Vo},className:"oui-overflow-hidden",children:pn}),Le=useMemo(()=>({margin:{className:"",element:jsx(ve.Suspense,{fallback:null,children:jsx(Oh,{})})},assets:{className:"oui-border oui-border-line-12",element:jsxs(Fragment,{children:[jsx(ve.Suspense,{fallback:null,children:jsx(Bh,{isFirstTimeDeposit:e.isFirstTimeDeposit})}),jsx(DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},orderEntry:{className:"",element:jsx(OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})}}),[e.isFirstTimeDeposit,e.disableFeatures,e.navigateToPortfolio,e.symbol]),hn=jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Qe,maxWidth:C?Mr:Qe,width:f},children:X.map(M=>jsx(Mt,{id:M,showIndicator:P,className:Le[M].className,children:Le[M].element},M))}),xn=jsxs(st,{style:{flex:1,minHeight:De},onSizeChange:l,disable:!C,children:[v&&r==="right"?jsxs(Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:H+Et+ae},children:[a==="left"&&ri,gn]}):gn,Gc]}),Yc=()=>v&&r==="left"?jsxs(Flex,{gapX:2,style:{minHeight:De},height:"100%",children:[xn,a==="left"&&ri]}):xn,Kc=jsxs(Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:v?H+Et+At+ae*2:Et+At+ae},children:[dn,jsxs(st,{style:{maxHeight:`calc(100% - ${Re}px - ${ae}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:d,children:[Yc(),Qc]})]}),Xc=M=>p(r==="left"?Ll(M):M);return T?jsxs(DndContext,{sensors:oi,collisionDetection:closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[restrictToVerticalAxis],children:[jsx(SortableContext,{items:X,strategy:verticalListSortingStrategy,children:jsxs(Box,{height:"100%",children:[a==="top"&&jsx(Box,{className:cn("oui-mt-2 oui-max-h-8 oui-px-3",e.className),children:ii}),jsxs(st,{ref:e.max2XLSplitRef,style:{minHeight:Wc,minWidth:1024-zo},className: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:[jsxs(Flex,{gapX:2,itemAlign:"stretch",className:cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(Re+Ye+De+ae*2,e.orderEntryHeight),maxHeight:Re+z+Ae+ae*2},children:[jsxs(Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[dn,jsxs(Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:Ye+De+ae,maxHeight:z+Ae+ae},className:cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[a==="left"&&jsx(Box,{intensity:900,pt:3,r:"2xl",width:H,style:{minHeight:Ye+De+ae,maxHeight:z+Ae+ae},children:un}),jsxs(st,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${H}px)`},className:"oui-flex-1",onSizeChange:k,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsx(Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:Ye,maxHeight:z,height:1200},children:mn}),jsx(Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:De,maxHeight:Ae,height:S},className:"oui-flex-1",children:fn})]})]})]}),jsxs(Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:Qe,height:"max-content"},children:[jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Qe,maxWidth:C?Mr:Qe,width:f},children:X.map(M=>jsx(Mt,{id:M,showIndicator:P,className:Le[M].className,children:Le[M].element},M))}),jsx(Box,{height:e.extraHeight})]})]}),jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:x,minHeight:Math.max(h,e.dataListHeight),maxHeight:Ar},className:"oui-overflow-hidden",children:pn}),a==="bottom"&&cn$1]})]})}),jsx(DragOverlay,{dropAnimation:$t,children:he?jsx(Mt,{id:he,showIndicator:P,dragOverlay:true,className:`${Le[he].className} oui-shadow-lg oui-shadow-base-9`,children:Le[he].element}):null})]}):jsxs(DndContext,{sensors:oi,collisionDetection:closestCenter,onDragStart:sn,onDragEnd:ln,modifiers:[restrictToVerticalAxis],children:[jsx(SortableContext,{items:X,strategy:verticalListSortingStrategy,children:jsxs(Flex,{style:{minHeight:Vc,minWidth:1440-zo},className:cn(e.className,"oui-justify-start",ce&&"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"&&ii,jsxs(Flex,{className:cn("oui-flex-1 oui-overflow-hidden",r==="left"&&"oui-flex-row-reverse"),gap:2,children:[!v&&a==="left"&&ri,jsxs(st,{className:cn("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:Xc,disable:!C,children:[r==="left"&&hn,Kc,r==="right"&&hn]})]}),a==="bottom"&&cn$1]})}),jsx(DragOverlay,{dropAnimation:$t,children:he?jsx(Mt,{id:he,showIndicator:P,dragOverlay:true,className:`${Le[he].className} oui-shadow-lg oui-shadow-base-9`,children:Le[he].element}):null})]})};var H0=ve.lazy(()=>Promise.resolve().then(()=>(wc(),Cc)).then(e=>({default:e.TopTabWidget}))),z0=ve.lazy(()=>Promise.resolve().then(()=>(Nc(),Pc)).then(e=>({default:e.OrderBookAndEntryWidget}))),V0=ve.lazy(()=>Promise.resolve().then(()=>(Ic(),Bc)).then(e=>({default:e.DataListWidget}))),W0=()=>jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children: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"})}),Ac=e=>{let{t}=useTranslation(),o=jsxs(Box,{intensity:900,className:"oui-rounded-xl",mx:1,px:3,height:54,children:[jsx(SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxs(Flex,{children:[jsx(Text,{intensity:54,children:t("common.totalValue")}),jsx("button",{onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsx(EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsx(W0,{})]}),jsx(Text.numeral,{suffix:jsx(Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),jsx(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:jsx(MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[o,jsx(ve.Suspense,{fallback:null,children:jsx(H0,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"})}),jsx(ve.Suspense,{fallback:null,children:jsx(z0,{})}),jsx(ve.Suspense,{fallback:null,children:jsx(V0,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})})]})})};var rn=e=>{let{isMobile:t}=useScreen();return t?jsx(Ac,{...e}):jsx(Zl,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var nn=()=>{let e=Er();return jsx(rn,{...e})};ji();ue();var Hc=e=>{let{symbol:t,children:o}=e,i=useSymbolsInfo()[t],r=useMemo(()=>{let n=Ot(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsx(ai.Provider,{value:r,children:o})};var Y0=e=>jsx(Hc,{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:jsx(nn,{})});ue();Ee();
|
|
25
26
|
|
|
26
|
-
export {
|
|
27
|
+
export { mo as AssetView, ha as AssetViewWidget, kr as BottomNavBar, cp as BottomNavBarWidget, no as DataList, $n as DataListWidget, Ii as FundingRate, vo as FundingRateDialogId, Wi as FundingRateModal, $i as FundingRateModalWidget, es as FundingRateSheetId, Yi as FundingRateWidget, ao as LastTrades, so as LastTradesWidget, Ro as OrderBook, Oo as OrderBookAndTrades, Qs as OrderBookAndTradesWidget, ks as OrderBookWidget, Lr as PortfolioSheet, _r as PortfolioSheetWidget, Lo as RiskRate, As as RiskRateWidget, st as SplitLayout, rn as Trading, Y0 as TradingPage, ai as TradingPageContext, Hc as TradingPageProvider, nn as TradingWidget, Pr as useBottomNavBarScript, Ei as useFundingRateModalScript, Gi as useFundingRateScript, Bo as useOrderBookAndTradesScript, Do as useOrderBookScript, Ct as usePendingOrderCount, Rr as usePortfolioSheetScript, St as usePositionsCount, j as useTradingLocalStorage, K as useTradingPageContext, Er as useTradingScript };
|
|
27
28
|
//# sourceMappingURL=out.js.map
|
|
28
29
|
//# sourceMappingURL=index.mjs.map
|