@orderly.network/trading 2.1.1 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +43 -42
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +12 -12
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +20 -20
package/dist/index.js CHANGED
@@ -1,62 +1,63 @@
1
1
  'use strict';
2
2
 
3
- var ui$1 = require('@orderly.network/ui');
4
- var hooks = require('@orderly.network/hooks');
5
- var react = require('react');
6
- var reactApp = require('@orderly.network/react-app');
3
+ var i18n = require('@orderly.network/i18n');
7
4
  var types = require('@orderly.network/types');
5
+ var ui$1 = require('@orderly.network/ui');
8
6
  var uiOrders = require('@orderly.network/ui-orders');
9
- var jsxRuntime = require('react/jsx-runtime');
10
7
  var uiPositions = require('@orderly.network/ui-positions');
11
8
  var utils = require('@orderly.network/utils');
12
- var i18n = require('@orderly.network/i18n');
9
+ var jsxRuntime = require('react/jsx-runtime');
10
+ var hooks = require('@orderly.network/hooks');
11
+ var reactApp = require('@orderly.network/react-app');
12
+ var Wl = require('react');
13
13
  var uiConnector = require('@orderly.network/ui-connector');
14
14
  var uiTransfer = require('@orderly.network/ui-transfer');
15
15
  var uiLeverage = require('@orderly.network/ui-leverage');
16
- var Iu = require('@uiw/react-split');
16
+ var Ku = require('@uiw/react-split');
17
17
  var uiChainSelector = require('@orderly.network/ui-chain-selector');
18
18
  var uiScaffold = require('@orderly.network/ui-scaffold');
19
- var _d = require('jsqr');
20
- var uiTradingview = require('@orderly.network/ui-tradingview');
21
- var uiOrderEntry = require('@orderly.network/ui-order-entry');
19
+ var Yd = require('jsqr');
22
20
  var markets = require('@orderly.network/markets');
21
+ var uiOrderEntry = require('@orderly.network/ui-order-entry');
22
+ var uiTradingview = require('@orderly.network/ui-tradingview');
23
23
 
24
24
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
25
25
 
26
- var Iu__default = /*#__PURE__*/_interopDefault(Iu);
27
- var _d__default = /*#__PURE__*/_interopDefault(_d);
26
+ var Wl__default = /*#__PURE__*/_interopDefault(Wl);
27
+ var Ku__default = /*#__PURE__*/_interopDefault(Ku);
28
+ var Yd__default = /*#__PURE__*/_interopDefault(Yd);
28
29
 
29
- var z=e=>{let[t,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=hooks.useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=hooks.useLocalStorage("showAllSymbol",true),[s,u]=hooks.useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:u}};var Ye=e=>{let{showAllSymbol:t}=z(),[o]=hooks.usePositionStream(t?void 0:e),i=react.useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:reactApp.useDataTap(i)??0}};var Ze=e=>{let {showAllSymbol:t}=z();`orderly_${uiOrders.TabType.pending}_pageSize`;`orderly_${uiOrders.TabType.tp_sl}_pageSize`;let [r,{total:n}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,excludes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,includes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),u=reactApp.useDataTap(n)??0,l=reactApp.useDataTap(s)??0;return {pendingOrderCount:u,tpSlOrderCount:l}};var Je=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});var mr=react.createContext({}),M=()=>react.useContext(mr),gr=e=>{let t=hooks.useSymbolsInfo()[e.symbol];return jsxRuntime.jsx(mr.Provider,{value:{...e,symbolInfo:{...Je(t),symbol:e.symbol}},children:e.children})};var fr=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=z({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=M(),{positionCount:u}=Ye(e.symbol),{pendingOrderCount:l,tpSlOrderCount:c}=Ze(e.symbol);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:u,pendingOrderCount:l,tpSlOrderCount:c,onSymbolChange:s}};var no=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(ss,{...e}):jsxRuntime.jsx(ls,{...e})},ss=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-bg-base-9 oui-rounded-b-xl",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(hr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsxRuntime.jsx(xr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px] oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx("label",{className:"oui-text-2xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},ls=e=>jsxRuntime.jsxs(ui$1.Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsxRuntime.jsx(hr,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsxRuntime.jsx(xr,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),hr=e=>{let{t}=i18n.useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsxRuntime.jsx(ui$1.Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},xr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};var br=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=hooks.usePositionStream(i,{calcMode:r}),a=reactApp.useDataTap(n.aggregated),s=a?.total_unreal_pnl,u=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:c,setShowAllSymbol:d}=z();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:u,notional:l,showAllSymbol:c,setShowAllSymbol:d}};var tt=e=>{let t=br(e);return jsxRuntime.jsx(no,{...t})};var ao=e=>{let[t,o]=react.useState(false),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:0,children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsxRuntime.jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsx(ui$1.Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsxRuntime.jsx(ui$1.SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsxRuntime.jsx(ui$1.DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsxRuntime.jsx(Ss,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-my-3"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsxRuntime.jsx(ys,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},ys=e=>{let{value:t,onValueChange:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ot,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(ot,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},Ss=e=>{let{value:t,onValueChange:o}=e;return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ot,{sel:t===0,label:1,value:0,onCheckChange:o}),jsxRuntime.jsx(ot,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsxRuntime.jsx(ot,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},ot=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxRuntime.jsxs(ui$1.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsxRuntime.jsx(Cs,{}):jsxRuntime.jsx(ws,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:t?98:54,children:o})]})},Cs=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),ws=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var Cr=e=>({...e});var so=e=>{let t=Cr(e);return jsxRuntime.jsx(ao,{...t})};var co=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Tabs,{defaultValue:e.current||"Positions",variant:"contained",trailing:jsxRuntime.jsx(so,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,setPnlNotionalDecimalPrecision:e.setPnlNotionalDecimalPrecision,unPnlPriceBasis:e.unPnlPriceBasis,setUnPnlPriceBasic:e.setUnPnlPriceBasic,hideOtherSymbols:!e.showAllSymbol,setHideOtherSymbols:o=>e.setShowAllSymbol(!o)}),size:"lg",className:"oui-h-full",classNames:{tabsContent:"oui-h-[calc(100%_-_32px)]"},children:[jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-position-tab",value:"Positions",title:`${t("common.positions")}${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,children:jsxRuntime.jsx(Os,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-pending-tab",value:"Pending",title:`${t("orders.status.pending")}${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-tpsl-tab",value:"TP/SL",title:`${t("common.tpsl")}${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-filled-tab",value:"Filled",title:t("orders.status.filled"),children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.filled,symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,ordersStatus:types.OrderStatus.FILLED,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-positionHistory-tab",value:"Position history",title:t("positions.positionHistory"),children:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-orderHistory-tab",value:"Order history",title:t("orders.orderHistory"),children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.orderHistory,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-liquidation-tab",value:"Liquidation",title:t("positions.liquidation"),children:jsxRuntime.jsx(uiPositions.LiquidationWidget,{symbol:e.showAllSymbol?void 0:e.symbol})})]})},Os=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",height:"100%",children:[jsxRuntime.jsx(tt,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui$1.Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsxRuntime.jsx(uiPositions.PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]});var uo=e=>{let t=fr({...e});return jsxRuntime.jsx(co,{...t})};var mo=e=>jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsxRuntime.jsx(ui$1.Box,{className:"oui-pr-1",children:jsxRuntime.jsx(Hs,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsxRuntime.jsx(Es,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),Nr=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxRuntime.jsxs(ui$1.Grid,{cols:3,gapX:2,width:"100%",className:ui$1.cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.left),children:t}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.mid),children:o}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},Hs=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(Nr,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:ui$1.cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Es=e=>jsxRuntime.jsx(ui$1.ListView,{dataSource:e.data,className:ui$1.cn("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsxRuntime.jsx(Nr,{left:jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:utils.commifyOptional(t?.price,{fix:e.quoteDp}),right:utils.commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:ui$1.cn("oui-text-base-contrast-80",e.classNames?.left),right:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});var Dr=e=>{let{data:t,isLoading:o}=hooks.useMarketTradeStream(e),i=hooks.useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};var Me=e=>{let t=Dr(e.symbol);return jsxRuntime.jsx(mo,{...t,classNames:e.classNames,style:e.style})};function Lr(e){let{t}=i18n.useTranslation();return e.showFaucet?jsxRuntime.jsx(ui$1.Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}function Or(){let{t:e}=i18n.useTranslation(),{connectedChain:t,namespace:o}=hooks.useWalletConnector(),{state:i,account:r}=hooks.useAccount(),n=hooks.useConfig(),a=n.get("operatorUrl"),[s,{isMutating:u}]=hooks.useMutation(`${a}/v1/faucet/usdc`),[l,c]=react.useState(false),d=react.useMemo(()=>!t||!t.id?false:(i.status===types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;c(true);let m=e("trading.faucet.getTestUSDC.success",{quantity:o===types.ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(p=>{if(c(false),p.success)return ui$1.modal.alert({title:e("trading.faucet.getTestUSDC"),message:m,onOk:()=>new Promise(f=>f(true))});p.message&&ui$1.toast.error(p.message);},p=>{ui$1.toast.error(p.message);})},showFaucet:d,loading:l}}function go(){let e=Or();return jsxRuntime.jsx(Lr,{...e})}var pl=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{t:i}=i18n.useTranslation();return react.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"},notSignedIn:{title:i("connector.signIn"),description:i("connector.trade.signIn.tooltip"),titleColor:"primary"},disabledTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},default:{title:"",description:""}};if(o)return r.connectWallet;if(t)return r.wrongNetwork;switch(e.status){case types.AccountStatusEnum.NotConnected:return r.connectWallet;case types.AccountStatusEnum.NotSignedIn:return r.notSignedIn;case types.AccountStatusEnum.DisabledTrading:return r.disabledTrading;default:return r.default}},[e.status,t,i])},yo=({description:e,formula:t})=>jsxRuntime.jsxs("div",{className:"oui-leading-[1.5] oui-text-2xs oui-text-base-contrast-80 oui-min-w-[204px] oui-max-w-[240px]",children:[jsxRuntime.jsx("span",{children:e}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-border-white/10",my:2}),jsxRuntime.jsx("span",{children:t})]}),hl=({totalValue:e,visible:t=true,onToggleVisibility:o})=>{let{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text.numeral,{visible:t,weight:"bold",size:"2xl",className:ui$1.gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:e??"--"}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${i("trading.asset.myAssets")} (USDC)`}),jsxRuntime.jsx("button",{onClick:o,children:t?jsxRuntime.jsx(ui$1.EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},xo=({label:e,description:t,formula:o,visible:i,value:r,unit:n,rule:a,isConnected:s,showPercentage:u=false,placeholder:l})=>jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(yo,{description:t,formula:o}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:e})}),jsxRuntime.jsx(ui$1.Text.numeral,{visible:i,size:"2xs",unit:n,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:a,padding:false,dp:2,placeholder:l,children:r||"--"})]}),xl=({visible:e=true,freeCollateral:t,marginRatioVal:o,renderMMR:i,isConnected:r})=>{let[n,a]=hooks.useLocalStorage("orderly_entry_asset_list_open",false),[s,u]=react.useState(n),{t:l}=i18n.useTranslation(),c=react.useCallback(()=>{u(d=>!d),setTimeout(()=>{a(!s);},0);},[]);return jsxRuntime.jsxs(ui$1.Box,{className:"oui-group",children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:c,children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{size:12,color:"white",className:ui$1.cn("oui-transition-transform",s&&"oui-rotate-180")}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"})]}),jsxRuntime.jsxs(ui$1.Box,{style:{transform:"translateZ(0)"},className:ui$1.cn("oui-space-y-1.5 oui-select-none oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",s?"oui-max-h-[69px]":"oui-max-h-0"),children:[jsxRuntime.jsx(xo,{label:l("trading.asset.freeCollateral"),description:l("trading.asset.freeCollateral.tooltip"),formula:l("trading.asset.freeCollateral.formula"),visible:e,value:t===0?"0":t,unit:"USDC"}),jsxRuntime.jsx(xo,{label:l("trading.asset.marginRatio"),description:l("trading.asset.marginRatio.tooltip"),formula:l("trading.asset.marginRatio.formula"),visible:e,value:o,isConnected:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsxRuntime.jsx(xo,{label:l("trading.asset.maintenanceMarginRatio"),description:l("trading.asset.maintenanceMarginRatio.tooltip"),formula:l("trading.asset.maintenanceMarginRatio.formula"),visible:e,value:i,rule:"percentages",showPercentage:true,placeholder:"--%"})]})]})},So=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,toggleVisible:n,visible:a,freeCollateral:s,marginRatioVal:u,renderMMR:l,isConnected:c})=>{let{title:d,description:g,titleColor:m,titleClsName:p}=pl(),{t:f}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative",children:[d&&g&&jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"lg",weight:"bold",color:m||"inherit",className:p,children:d}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:g})]}),jsxRuntime.jsx(uiConnector.AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text.gradient,{size:"lg",weight:"bold",color:"brand",children:f("trading.asset.startTrading")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:f("trading.asset.startTrading.description")})]})}),jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1}),jsxRuntime.jsx(ui$1.Text,{children:f("common.deposit")})]}),jsxRuntime.jsx(ui$1.Box,{className:"oui-mt-3",children:jsxRuntime.jsx(go,{})})]}):jsxRuntime.jsxs(ui$1.Box,{className:"oui-space-y-4",children:[jsxRuntime.jsx(hl,{totalValue:o,visible:a,onToggleVisibility:n}),jsxRuntime.jsx(xl,{visible:a,freeCollateral:s,marginRatioVal:u,renderMMR:l,isConnected:c}),jsxRuntime.jsxs(ui$1.Flex,{gap:3,itemAlign:"center",children:[jsxRuntime.jsxs(ui$1.Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsxRuntime.jsx(ui$1.Text,{children:f("common.withdraw")})]}),jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1}),jsxRuntime.jsx(ui$1.Text,{children:f("common.deposit")})]})]}),jsxRuntime.jsx(go,{})]})}),jsxRuntime.jsx("div",{className:"oui-pointer-events-none oui-rotate-180 oui-rounded-2xl oui-blur-[200px] oui-top-0 oui-bottom-0 oui-left-0 oui-right-0 oui-absolute",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 vo=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{totalValue:i}=hooks.useCollateral({dp:2}),r=t||o||e.status<types.AccountStatusEnum.EnableTrading&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected,n=react.useMemo(()=>{let s=new Date,u=new Date;u.setDate(s.getDate()-90);let l=u.getTime(),c=s.getTime(),d=new URLSearchParams;return d.set("page","1"),d.set("size","5"),d.set("side","DEPOSIT"),d.set("status","COMPLETED"),d.set("startTime",l.toString()),d.set("endTime",c.toString()),`/v1/asset/history?${d.toString()}`},[]),{data:a}=hooks.usePrivateQuery(n,{formatter:s=>s});return {isFirstTimeDeposit:!r&&i===0&&a?.meta?.total===0,totalValue:i}},Hr=()=>{let {t:e}=i18n.useTranslation(),t=hooks.useAccountInstance(),o=hooks.useMediaQuery(types.MEDIA_TABLET),{isFirstTimeDeposit:i,totalValue:r}=vo(),n=hooks.useConfig("networkId"),{state:a}=hooks.useAccount(),{freeCollateral:s}=hooks.useCollateral({dp:2}),{marginRatio:u,mmr:l}=hooks.useMarginRatio(),c=a.status>=types.AccountStatusEnum.Connected,[{aggregated:d,totalUnrealizedROI:g},m]=hooks.usePositionStream(),p=react.useMemo(()=>Math.min(10,d.notional===0?m.margin_ratio(10):u),[u,d]);react.useMemo(()=>l?new utils.Decimal(l).mul(100).todp(2,0).toFixed(2):"",[l]);let b=react.useCallback(async R=>{let E;return o?E=await ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:R}):E=await ui$1.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:R}),E},[o]),v=react.useCallback(async()=>b("deposit"),[o]),S=hooks.useEventEmitter(),B=react.useCallback(async()=>b("withdraw"),[o]),h=react.useCallback(async()=>t.settle().catch(R=>{if(R.code===-1104)return ui$1.toast.error(e("settle.settlement.error")),Promise.reject(R);R.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&S.emit("wallet:sign-message-with-ledger-error",{message:R.message,userAddress:t.address});}).then(R=>(ui$1.toast.success(e("settle.settlement.requested")),Promise.resolve(R))),[t,e]),[P,J]=hooks.useLocalStorage("orderly_assets_visible",true),Q=react.useCallback(()=>{J(R=>!R);},[P]);hooks.useWalletSubscription({onMessage:R=>{let{side:E,transStatus:Y}=R;if(Y==="COMPLETED"){let Xe={DEPOSIT:e("transfer.deposit.completed"),WITHDRAW:e("transfer.withdraw.completed")},Ae=`${utils.capitalizeString(E)} completed`;ui$1.toast.success(Xe[E]||Ae);}else if(Y==="FAILED"){let Xe={DEPOSIT:e("transfer.deposit.failed"),WITHDRAW:e("transfer.withdraw.failed")},Ae=`${utils.capitalizeString(E)} failed`;ui$1.toast.error(Xe[E]||Ae);}S.emit("wallet:changed",R);}}),hooks.useSettleSubscription({onMessage:R=>{let{status:E}=R;switch(E){case "COMPLETED":ui$1.toast.success(e("settle.settlement.completed"));break;case "FAILED":ui$1.toast.error(e("settle.settlement.failed"));break;}}});let ae=reactApp.useDataTap(s)??void 0,be=reactApp.useDataTap(p)??void 0,ye=reactApp.useDataTap(l)??void 0,Ke=reactApp.useDataTap(r)??void 0;return {onDeposit:v,onWithdraw:B,onSettle:h,visible:P,toggleVisible:Q,networkId:n,isFirstTimeDeposit:i,totalValue:Ke,status:a.status,freeCollateral:ae,marginRatioVal:be,renderMMR:ye,isConnected:c}};var To=()=>{let e=Hr();return jsxRuntime.jsx(So,{...e})};var Tt=react.createContext({cellHeight:22}),q=()=>react.useContext(Tt),Pt=e=>{let[t,o]=react.useState("quantity"),[i,r]=react.useState("quantity");return jsxRuntime.jsx(Tt.Provider,{value:{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},children:e.children})};var Nt=e=>{let{direction:t=1}=e,o=react.useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};var Vr=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=q(),{symbolInfo:a,currentHover:s}=e,{base_dp:u,quote_dp:l}=a,c=Number.isNaN(e.price)?0:e.accumulated/e.count*100,d=react.useMemo(()=>utils.getPrecisionByNumber(r||`${l}`),[r,l]),g=Number.isNaN(e.accumulated)?"-":e.accumulatedAmount?.toString(),m=react.useMemo(()=>{let p=ui$1.parseNumber(e.price,{dp:d,padding:true});return n.findIndex(b=>p===ui$1.parseNumber(b,{dp:d,padding:true}))!==-1},[n,e.price,r]);return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer",style:{height:`${t}px`},onClick:()=>{Number.isNaN(e.price)||Number.isNaN(e.quantity)||i?.([e.price,e.quantity]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2",o&&"oui-basis-5/12"),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:d,children:e.price})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:u,children:e.quantity})})]}),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",o&&"oui-basis-7/12"),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right",o&&"oui-pr-3"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:u,className:"oui-z-10",children:e.accumulated})}),o&&jsxRuntime.jsx("div",{className:"oui-flex-1 oui-text-right oui-pr-3",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,className:"oui-z-10",children:g})}),jsxRuntime.jsx(Nt,{width:c,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),m&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-rounded-full oui-left-[4px] oui-h-[4px] oui-w-[4px] oui-pointer-events-none",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsxRuntime.jsx("div",{className:"oui-absolute oui-bg-white oui-left-0 oui-right-0 oui-top-0 oui-bottom-0 oui-opacity-[.12]"}),s&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-left-0 oui-right-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsxRuntime.jsx(ui$1.Divider,{lineStyle:"dashed",className:ui$1.cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};var Dt=e=>{let{data:t,type:o}=e,{symbolInfo:i,depth:r}=q(),n=react.useCallback(()=>{if((t?.length||0)===0)return null;if(o==="ask"){let c=t.findIndex(d=>!Number.isNaN(d[0]));return c!=-1?t[c]:null}else {for(let c=t.length-1;c>=0;c--){let d=t[c];if(!Number.isNaN(d[0]))return d}return null}},[t,o]),a=react.useMemo(()=>r?.toString().includes(".")?r.toString().split(".")[1].length:0,[r]),s=react.useMemo(()=>t.reduce((c,d)=>Math.max(c,d[1]),0),[t]),[u,l]=react.useState(-1);return jsxRuntime.jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-[1px]",children:t.map((c,d)=>jsxRuntime.jsx(Jl,{index:d,item:c,countQty:e.countQty,setHoverIndex:l,hoverIndex:u,type:o,maxQty:s,priceDp:a,symbolInfo:i,findMaxItem:n},d))})},Jl=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,symbolInfo:u}=e,{base:l,quote:c,base_dp:d,quote_dp:g}=u,{t:m}=i18n.useTranslation(),p=a!==-1?r==="ask"?t>=a:t<=a:false,[f,b]=react.useState(false),v=B=>{if(B===null)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let h={sumQty:0,sumQtyAmount:0};return Number.isNaN(B[2])||(h={sumQty:B[2],sumQtyAmount:B[3]}),{...h,avgPrice:h.sumQtyAmount==0?0:h.sumQtyAmount/h.sumQty}},S=v(o);return S.avgPrice===0&&(S=v(e.findMaxItem())),jsxRuntime.jsxs(ui$1.TooltipRoot,{open:f,onOpenChange:b,children:[jsxRuntime.jsx(ui$1.TooltipTrigger,{children:jsxRuntime.jsx(Vr,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:e.countQty,type:e.type,accumulatedAmount:o[3],maxQty:n,isHover:p,currentHover:a===t,symbolInfo:u,onMouseEnter:()=>{i(t),b(true);},onMouseLeave:()=>{i(-1),b(false);}})}),jsxRuntime.jsxs(ui$1.TooltipContent,{className:ui$1.cn("oui-max-w-[400px] oui-w-full oui-text-2xs oui-shadow-md oui-rounded-base oui-p-3 oui-bg-base-6 oui-flex oui-flex-col oui-gap-2"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:B=>B.preventDefault(),children:[jsxRuntime.jsx(No,{title:`${m("common.avgPrice")}\u2248`,content:S.avgPrice,contentDp:s}),jsxRuntime.jsx(No,{title:`${m("trading.orderBook.sum")} (${l})`,content:S.sumQty,contentDp:d}),jsxRuntime.jsx(No,{title:`${m("trading.orderBook.sum")} (${c})`,content:S.sumQtyAmount,contentDp:g}),jsxRuntime.jsx(ui$1.TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},No=e=>{let{title:t,content:o,contentDp:i}=e;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsxRuntime.jsx("div",{className:"oui-text-base-contrast-36",children:t}),jsxRuntime.jsx("div",{className:"oui-text-right",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,children:o})})]})};var Ur=e=>{let{data:t}=e,o=react.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(Dt,{type:"bid",data:t,countQty:o})};var Qr=e=>{let{data:t}=e,o=react.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(Dt,{type:"ask",data:t,countQty:o})};var Lt=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,u=s<a,l=s>a;return jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn(l?"oui-text-trade-profit":u?"oui-text-trade-loss":"",r),children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,intensity:98,children:s}),jsxRuntime.jsxs(ui$1.Box,{width:19,children:[u&&jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};var Ft=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(fc,{...e}):jsxRuntime.jsx(gc,{...e})},gc=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),children:[jsxRuntime.jsx(Zr,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},fc=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=react.useState(false),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsxRuntime.jsx(Zr,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsxRuntime.jsx(ui$1.SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsxRuntime.jsx(ui$1.Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},Zr=e=>jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});var tn=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=q();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsxRuntime.jsx(Lt,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsxRuntime.jsx(Ft,{markPrice:t,quote_dp:n.quote_dp})]}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsxRuntime.jsx(Sc,{asks:i,bids:r})})]})},Sc=e=>{let{asks:t,bids:o}=e,{t:i}=i18n.useTranslation(),r=react.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 u=new utils.Decimal(s).sub(n).div(new utils.Decimal(s).add(n).div(2));return Math.ceil(u.toNumber()*1e6+.1)/1e4},[t,o]);return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};var on=e=>{let{showTotal:t}=q(),{t:o}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-basis-7/12",t&&"oui-basis-1/2"),children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(Ot,{id:"oui-order-book-header-price",children:`${o("common.price")}(${e.quote})`})}),jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(Ot,{id:"oui-order-book-header-qty",justifyEnd:true,children:`${o("common.qty")}(${e.base})`})})]}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,pr:3,className:ui$1.cn("oui-basis-5/12",t&&"oui-basis-1/2"),children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(Ot,{id:"oui-order-book-header-total-base",justifyEnd:true,children:`${o("common.total")}(${e.base})`})}),t&&jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(Ot,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${o("common.total")}(${e.quote})`})})]})]})},Ot=e=>{let{children:t,justifyEnd:o=false}=e;return jsxRuntime.jsx(ui$1.Flex,{id:e.id,className:ui$1.cn("oui-text-base-contrast-36 oui-text-xs oui-items-end",o&&"oui-justify-end"),children:t})};var nn=e=>{let t=react.useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsxRuntime.jsx(ui$1.Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsxRuntime.jsx(ui$1.Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};var an=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=react.useRef(null),[u,l]=react.useState(false),c=[{left:370,right:600},{left:740,right:800}];return react.useEffect(()=>{let d=new ResizeObserver(m=>{for(let p of m){let {inlineSize:f}=p.borderBoxSize[0];c.reduce((v,S)=>v+(f>=S.left&&f<S.right?1:0),0);l(f>=360);}}),g=s.current;return g&&d.observe(g),()=>{g&&d.unobserve(g);}},[]),jsxRuntime.jsx(Pt,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:u,pendingOrders:e.pendingOrders||[],symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-grid-rows-[auto,auto,1fr,auto,1fr] oui-relative oui-h-full oui-w-full",children:[jsxRuntime.jsx(nn,{depths:e.depths,value:e.activeDepth,onChange:a}),jsxRuntime.jsx(on,{quote:i,base:r}),jsxRuntime.jsx(Qr,{data:[...e.asks]}),jsxRuntime.jsx(tn,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsxRuntime.jsx(Ur,{data:[...e.bids]}),n&&jsxRuntime.jsx("div",{className:"oui-absolute oui-left-0 oui-top-0 oui-right-0 oui-bottom-0 oui-z-10 oui-flex oui-items-center oui-justify-center oui-bg-bg-8/70",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};var ln=e=>{let{t}=i18n.useTranslation(),{mode:o,onModeChange:i}=q(),r=react.useMemo(()=>o==="amount"?e.quote:e.base,[o,e.quote,e.base]),n=react.useMemo(()=>t(o==="amount"?"trading.orderBook.column.value":"common.qty"),[o,t]);return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-text-base-contrast-36 oui-text-2xs oui-py-[5px]",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.price")}),jsxRuntime.jsx(ui$1.Text,{children:`(${e.quote})`})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer",onClick:()=>i?.(o==="amount"?"quantity":"amount"),children:[jsxRuntime.jsx(ui$1.Text,{children:n}),jsxRuntime.jsx(ui$1.Text,{children:`(${r})`})]})]})};var dn=e=>{let t=e.accumulated/e.count*100,{cellHeight:o,onItemClick:i,depth:r,showTotal:n,symbolInfo:a}=react.useContext(Tt),{base_dp:s,quote_dp:u}=a,l=Number.isNaN(e.quantity)?"-":e.mode==="amount"?new utils.Decimal(e.quantity).mul(e.price).toString():e.quantity;n&&(l=e.quantity);let c=react.useMemo(()=>utils.getPrecisionByNumber(r||`${u}`),[r,u]);return jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-overflow-hidden oui-relative oui-cursor-pointer oui-tabular-nums oui-text-2xs oui-w-full",n&&"oui-flex-1"),style:{height:`${o}px`},onClick:d=>{Number.isNaN(e.price)||Number.isNaN(e.quantity)||i?.([e.price,e.quantity]);},children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Text.numeral,{color:e.type==="bid"?"buy":"sell",dp:c,children:e.price}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.mode==="amount"?2:s,className:"oui-text-base-contrast-80",children:l})]}),Number.isNaN(t)||n?null:jsxRuntime.jsx(Nt,{width:t,className:e.type==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20"})]})};var It=e=>{let{data:t}=e,{mode:o}=q();return jsxRuntime.jsx(ui$1.Box,{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-[1px] oui-w-full",children:t.map((i,r)=>jsxRuntime.jsx(dn,{background:"",price:i[0],quantity:i[1],accumulated:i[2],count:e.countQty,type:e.type,mode:o},r))})};var gn=e=>{let{data:t}=e,o=react.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(It,{type:"bid",data:t,countQty:o})};var fn=e=>{let{data:t}=e,o=react.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(It,{type:"ask",data:t,countQty:o})};var hn=e=>{let{symbolInfo:t}=q(),{quote_dp:o}=t;return jsxRuntime.jsxs(ui$1.Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsxRuntime.jsx(Lt,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsxRuntime.jsx(Ft,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};var bn=e=>{let t=react.useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsxRuntime.jsx(ui$1.Box,{id:"oui-order-book-depth",className:"oui-pt-2 oui-w-full",children:jsxRuntime.jsx(ui$1.Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};var Io=e=>{let t=e.data.est_funding_rate,o=e.data.countDown,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,size:"2xs",children:i("trading.fundingRate.predFundingRate")}),t===null?"--":jsxRuntime.jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui$1.Text.numeral,{coloring:true,suffix:"%",dp:4,children:t??"--"}),jsxRuntime.jsx("span",{children:" in"}),jsxRuntime.jsx("span",{children:" "+o})]})]})};var _o=e=>({data:hooks.useFundingRate(e)});var Ho=e=>{let t=_o(e.symbol);return jsxRuntime.jsx(Io,{...t})};var Cn=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`;return jsxRuntime.jsx(Pt,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:[],showTotal:false,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:ui$1.cn("oui-h-full oui-wfull oui-relative",e.className),justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(Ho,{symbol:s}),jsxRuntime.jsx(ln,{quote:i,base:r}),jsxRuntime.jsx(fn,{data:e.asks}),jsxRuntime.jsx(hn,{lastPrice:t,markPrice:o}),jsxRuntime.jsx(gn,{data:e.bids}),jsxRuntime.jsx(bn,{depth:e.depths||[],value:e.activeDepth,onChange:a}),n&&jsxRuntime.jsx("div",{className:"oui-absolute oui-left-0 oui-top-0 oui-right-0 oui-bottom-0 oui-z-10 oui-flex oui-items-center oui-justify-center oui-bg-base-800/70 oui-h-full oui-min-h-[420px]",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};var zo=e=>jsxRuntime.jsx(ui$1.Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsxRuntime.jsx(Cn,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsxRuntime.jsx(an,{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 nt=20,Tn=104,Vo=e=>{let{symbol:t,height:o}=e,i=hooks.useSymbolsInfo()[e.symbol],[r,n]=react.useState(nt),[a,s]=react.useState(10),{base:u,quote:l,quote_dp:c}=Je(i),[d,{onDepthChange:g,isLoading:m,onItemClick:p,depth:f,allDepths:b}]=hooks.useOrderbookStream(t,void 0,{level:a}),v=uu(t);react.useEffect(()=>{if(o){let P=Math.floor((o-Tn)/((nt+1)*2)),J=(nt+1)*2*P,Q=o-Tn-J;Q>10?n(nt+Q/P/2):n(nt),s(P);}},[o]);let S=react.useMemo(()=>typeof f>"u"||typeof c>"u"?void 0:utils.removeTrailingZeros(f),[f,c]),B=react.useMemo(()=>b?.map(P=>utils.removeTrailingZeros(P))||[],[b,c]),{isMobile:h}=ui$1.useScreen();return {level:a,asks:d?.asks,bids:d?.bids,markPrice:d?.markPrice,lastPrice:d?.middlePrice,depths:B,selDepth:S,base:u,quote:l,isLoading:m,onItemClick:p,cellHeight:r,onDepthChange:g,pendingOrders:v,symbolInfo:Je(i),isMobile:h}},uu=e=>{let[t]=hooks.useOrderStream({status:types.OrderStatus.INCOMPLETE,symbol:e});return react.useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};var Ee=e=>{let t=Vo({symbol:e.symbol,height:e.height});return jsxRuntime.jsx(zo,{...t,className:e.className})};var qo=e=>{let{riskRate:t,riskRateColor:o,isConnected:i,currentLeverage:r,maxLeverage:n}=e,{isHigh:a,isMedium:s,isLow:u,isDefault:l}=o,{wrongNetwork:c}=reactApp.useAppContext(),{t:d}=i18n.useTranslation(),g=c?"":a?"oui-text-danger":s?"oui-text-warning-darken":u?ui$1.gradientTextVariants({color:"brand"}):"";return jsxRuntime.jsxs(ui$1.Box,{"data-risk":"",className:"oui-space-y-2",children:[jsxRuntime.jsx(ui$1.Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsxRuntime.jsx(ui$1.Box,{className:c?"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":u?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-2",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(yo,{description:d("trading.riskRate.tooltip"),formula:d("trading.riskRate.formula")}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-b-white/10",children:d("trading.riskRate")})}),jsxRuntime.jsx(ui$1.Text,{size:"xs",color:"neutral",weight:"semibold",className:ui$1.cn(g,"oui-leading-6"),children:t??"--"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer",children:d("leverage.maxAccountLeverage")}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-1",children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,suffix:r?"x":void 0,children:r??"--"}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:"/"}),jsxRuntime.jsxs("button",{className:"oui-flex oui-items-center oui-gap-1",onClick:()=>{ui$1.modal.show(uiLeverage.LeverageWidgetId,{currentLeverage:5});},"data-testid":"oui-testid-riskRate-leverage-button",children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,suffix:n?"x":void 0,"data-testid":"oui-testid-riskRate-leverage-value",children:n??"--"}),typeof n<"u"&&n!==null&&jsxRuntime.jsx(ui$1.EditIcon,{size:12,color:"white"})]})]})]})]})]})};var vu=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}},Ln=()=>{let{state:e}=hooks.useAccount(),t=e.status>=types.AccountStatusEnum.EnableTrading||e.status===types.AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=hooks.useMarginRatio(),[n]=hooks.useLeverage(),a=react.useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new utils.Decimal(r).div(o).mul(100).todp(2,utils.Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),u=react.useMemo(()=>vu(s),[s]),l=reactApp.useDataTap(i),c=reactApp.useDataTap(n);return {riskRate:reactApp.useDataTap(a),riskRateColor:u,isConnected:t,currentLeverage:l,maxLeverage:c}};var Uo=()=>{let e=Ln();return jsxRuntime.jsx(qo,{...e})};var Qo=e=>jsxRuntime.jsx("div",{ref:e.containerRef,className:"oui-h-full",children:(e.containerSize?.width||0)>=572?jsxRuntime.jsx(Fu,{...e}):jsxRuntime.jsx(Bu,{...e})}),Fu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsxRuntime.jsx(On,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsxRuntime.jsx(Ee,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsxRuntime.jsx(On,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsxRuntime.jsx(Me,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})]})]})},Bu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsxRuntime.jsx(ui$1.TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsxRuntime.jsx(Ee,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})}),jsxRuntime.jsx(ui$1.TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsxRuntime.jsx(Me,{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"}})})]})})},On=e=>jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:80,className:ui$1.cn("oui-pb-[5px]",e.className),children:e.title});var $o=e=>{let[t,o]=react.useState(void 0),[i,r]=react.useState("orderBook"),n=react.useRef();return react.useEffect(()=>{let a=new ResizeObserver(u=>{for(let l of u){let{width:c,height:d}=l.contentRect;o({width:c,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 Ko=e=>{let t=$o(e.symbol);return jsxRuntime.jsx(Qo,{...t})};var Hn=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=react.useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=react.useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsxRuntime.jsx("div",{...i,className:ui$1.cn(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-1":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-1",r&&"oui-pointer-events-none"),children:jsxRuntime.jsx("div",{onMouseDown:t,className:ui$1.cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var We=react.forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsxRuntime.jsx(Iu__default.default,{ref:t,...i,lineBar:true,renderBar:r=>jsxRuntime.jsx(Hn,{...r,mode:e.mode}),onDragEnd:(r,n,a)=>{o?.(`${n}`);}})});var Yo=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("button",{onClick:o=>{ui$1.modal.show(uiChainSelector.ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),ui$1.toast.success(t("connector.networkSwitched"));},i=>{});},children:jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsxRuntime.jsx(ui$1.ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxRuntime.jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var Zo=()=>{let e=hooks.useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=reactApp.useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var Jo=()=>{let e=Zo();return jsxRuntime.jsx(Yo,{...e})};var oi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-text-[11px] oui-cursor-pointer",onClick:o=>{e.onShowPortfolioSheet();},children:[jsxRuntime.jsxs(ui$1.Flex,{children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:t("common.totalValue")}),jsxRuntime.jsx("button",{onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsxRuntime.jsx(Ju,{})]}),jsxRuntime.jsx(ui$1.Text.numeral,{suffix:jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]}),e.canTrade&&jsxRuntime.jsx(ui$1.Divider,{direction:"vertical",className:"oui-h-[26px]"}),e.canTrade&&jsxRuntime.jsx(ui$1.Button,{variant:"outlined",onClick:o=>{e.onShowPortfolioSheet();},className:"oui-h-[28px] oui-text-2xs oui-text-primary-light oui-border-primary-light",children:utils.commifyOptional(e.currentLeverage,{fix:2})+"x"})]})},Ju=()=>jsxRuntime.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})});var ii=()=>{let{account:e}=hooks.useAccount(),t=nd(),o=ad(),i=hooks.useEventEmitter(),{t:r}=i18n.useTranslation(),[n,a]=react.useState(false),s=react.useCallback(async()=>e.settle().catch(c=>{if(c.code==-1104)return ui$1.toast.error(r("settle.settlement.error")),Promise.reject(c);if(c.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return i.emit("wallet:sign-message-with-ledger-error",{message:c.message,userAddress:e.address}),Promise.reject(c);if(c?.code==="ACTION_REJECTED")return ui$1.toast.error(r("connector.userRejected")),Promise.reject(c)}).then(c=>(ui$1.toast.success(r("settle.settlement.requested")),Promise.resolve(c))),[e,r]),u=react.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),l=react.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]);return {...t,...o,onSettlePnL:s,onDeposit:u,onWithdraw:l,showSliderTip:n,setShowSliderTip:a}},nd=()=>{let{hideAssets:e,setHideAssets:t}=z(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=hooks.useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},ad=()=>{let{t:e}=i18n.useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=hooks.usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=hooks.useMarginRatio(),s=react.useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),[u,{update:l,config:c,isMutating:d}]=hooks.useLeverage(),g=react.useMemo(()=>c?.map(h=>({label:`${h}x`,value:h}))||[],[c]),[m,p]=react.useState(u??0),f=c?.reduce((h,P)=>Math.max(h,Number(P),0),0),b=100/((g?.length||0)-1),v=h=>{p(h);},S=async h=>{try{l({leverage:h}).then(P=>{ui$1.toast.success(e("leverage.updated"));},P=>{ui$1.toast.error(P.message);});}catch{}},B=react.useCallback(h=>{S(h[0]);},[]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:b,marks:g,onLeverageChange:v,onValueCommit:B,value:m,maxLeverage:f,onSaveLeverage:S}};function Un(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 $n=e=>{let{size:t=20,className:o}=e;return jsxRuntime.jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsxRuntime.jsx("div",{className:ui$1.cn("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var ni=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,width:"100%",children:[jsxRuntime.jsx(bd,{...e}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(yd,{...e}),jsxRuntime.jsx(Sd,{...e}),jsxRuntime.jsx(Cd,{...e})]}),bd=e=>{let{t}=i18n.useTranslation(),o=react.useCallback(()=>ui$1.modal.confirm({title:t("settle.settlePnl"),content:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"xs",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:r=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxRuntime.jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsxRuntime.jsx(ui$1.RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},yd=e=>{let{t}=i18n.useTranslation(),{high:o,mid:i,low:r}=Un(e.marginRatioVal,e.mmr);return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsxRuntime.jsx($n,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"start",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsxRuntime.jsx(ui$1.Text,{size:"xs",children:"/"}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})},Sd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,children:t("leverage.maxAccountLeverage")}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,children:`${t("common.current")}:`}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"2xs",unit:"x",intensity:98,children:e.currentLeverage??"--"})]})]}),jsxRuntime.jsx(uiLeverage.LeverageSlider,{value:e.value,maxLeverage:e.maxLeverage,onLeverageChange:e.onLeverageChange,setShowSliderTip:e.setShowSliderTip,showSliderTip:e.showSliderTip,onValueCommit:e.onValueCommit})]})},Cd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")}),jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")})]})};var ai=()=>{let e=ii();return jsxRuntime.jsx(ni,{...e})};var si=()=>{let{t:e}=i18n.useTranslation(),{bottomSheetLeading:t}=M(),{hideAssets:o,setHideAssets:i}=z(),{wrongNetwork:r,disabledConnect:n}=reactApp.useAppContext(),{state:a}=hooks.useAccount(),{currentLeverage:s}=hooks.useMarginRatio(),{totalValue:u}=hooks.useCollateral(),l=!r&&!n&&(a.status>=types.AccountStatusEnum.EnableTrading||a.status===types.AccountStatusEnum.EnableTradingWithoutConnected),c=()=>{l&&ui$1.modal.sheet({title:e("trading.asset&Margin"),leading:t,content:jsxRuntime.jsx(ai,{})});},d=reactApp.useDataTap(u);return {currentLeverage:s,total:d,hideAssets:o,setHideAssets:i,onShowPortfolioSheet:c,wrongNetwork:r,canTrade:l}};var li=()=>{let e=si();return jsxRuntime.jsx(oi,{...e})};function ci(){let[e,t]=react.useState(false),[o,i]=hooks.useLocalStorage("orderly_qr_code_scan_tooltip_open",true),r=()=>{t(true);},n=()=>{t(false);},a=s=>{Md(s)&&(window.location.href=s);};return react.useEffect(()=>{o&&setTimeout(()=>{i(false);},8e3);},[o]),{open:e,onOpenChange:t,showDialog:r,hideDialog:n,onScanSuccess:a,showScanTooltip:o}}function Md(e){try{let t=new URL(e);return ["http:","https:"].includes(t.protocol)}catch{return false}}var Ve=320,qe=320,Vt=2,Jn=e=>{let t=react.useRef(null),o=react.useRef(null),i=()=>{let r=t.current,n=o.current;if(!r||!n)return;let a=n.getContext("2d");if(r.readyState===r.HAVE_ENOUGH_DATA){let s=r.videoWidth,u=r.videoHeight,l=n.width/n.height,c=s/u,d,g,m,p;c>l?(p=u,m=u*l,d=(s-m)/2,g=0):(m=s,p=s/l,d=0,g=(u-p)/2),a.drawImage(r,d,g,m,p,0,0,n.width,n.height);let f=a.getImageData(0,0,n.width,n.height),b=_d__default.default(f.data,f.width,f.height,{inversionAttempts:"dontInvert"});b?.data&&e.onSuccess?.(b.data);}requestAnimationFrame(i);};return react.useEffect(()=>{let r=t.current;if(!(!open||!r))return navigator?.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:Ve*Vt},height:{ideal:qe*Vt}}}).then(n=>{r.srcObject=n,r.setAttribute("playsinline","true"),r.play(),r.onloadeddata=()=>{requestAnimationFrame(i);};}).catch(n=>{}),()=>{let n=r.srcObject;n&&n.getTracks().forEach(s=>s.stop()),r.srcObject=null;}},[t,o]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("video",{ref:t,width:Ve,height:qe,className:"oui-bg-base-10 oui-rounded-2xl oui-hidden"}),jsxRuntime.jsx("canvas",{ref:o,width:Ve*Vt,height:qe*Vt,style:{width:Ve,height:qe},className:"oui-bg-base-10 oui-rounded-2xl"})]})};var ui=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Tooltip,{open:e.showScanTooltip,content:t("linkDevice.scanQRCode.tooltip"),className:"oui-bg-base-6 oui-text-warning-darken oui-text-2xs oui-font-semibold",arrow:{className:"!oui-fill-base-6"},children:jsxRuntime.jsx(ui$1.Flex,{className:"oui-rounded-md oui-bg-base-5 oui-px-[6px] oui-h-7 oui-cursor-pointer",onClick:e.showDialog,children:jsxRuntime.jsx($d,{className:"oui-text-base-contrast-80"})})}),jsxRuntime.jsx(ui$1.SimpleDialog,{title:jsxRuntime.jsx(uiScaffold.MainLogo,{}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",children:jsxRuntime.jsx(Qd,{...e})})]})},Qd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{justify:"center",direction:"column",gapY:5,children:[jsxRuntime.jsxs(ui$1.Box,{width:Ve,height:qe,className:"oui-relative",children:[jsxRuntime.jsx(Jn,{onSuccess:e.onScanSuccess}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Xd,{}),jsxRuntime.jsx(qt,{className:"oui-absolute oui-top-[-1.5px] oui-left-[-1.5px]"}),jsxRuntime.jsx(qt,{className:"oui-absolute oui-top-[-1.5px] oui-right-[-1.5px] oui-rotate-90"}),jsxRuntime.jsx(qt,{className:"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] oui-rotate-[-90deg]"}),jsxRuntime.jsx(qt,{className:"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] oui-rotate-[-180deg]"})]})]}),jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:98,weight:"semibold",children:t("linkDevice.scanQRCode")}),jsxRuntime.jsx("span",{className:"oui-px-3 oui-text-center",children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-break-words",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"linkDevice.scanQRCode.description",components:[jsxRuntime.jsx(Kd,{className:"oui-inline-block oui-text-base-contrast-80 oui-mx-1"})]})})})]})},$d=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v.75a.75.75 0 0 0 1.5 0v-.75a1.5 1.5 0 0 1 1.5-1.5h2.25a.75.75 0 0 0 0-1.5zm5.25 0a.75.75 0 0 0 0 1.5h2.25a1.5 1.5 0 0 1 1.5 1.5v.75a.75.75 0 0 0 1.5 0v-.75a3 3 0 0 0-3-3zm-7.5 9a.75.75 0 0 0-.75.75v.75a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 0-1.5h-2.25a1.5 1.5 0 0 1-1.5-1.5v-.75a.75.75 0 0 0-.75-.75m12 0a.75.75 0 0 0-.75.75v.75a1.5 1.5 0 0 1-1.5 1.5h-2.25a.75.75 0 0 0 0 1.5h2.25a3 3 0 0 0 3-3v-.75a.75.75 0 0 0-.75-.75M5.25 8.999a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75"})}),Kd=e=>{let{size:t=20,...o}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})},Xd=()=>jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-top-0 oui-left-[30px]","oui-w-[calc(100%-60px)] oui-h-[2px] oui-rounded-full","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]","oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]","oui-animate-scan-qr-code")}),qt=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",...e,children:[jsxRuntime.jsx("path",{d:"M62 2H18C9.16344 2 2 9.16344 2 18V62",stroke:"url(#paint0_linear_136_6227)",strokeWidth:"3",strokeLinecap:"round"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_136_6227",x1:"2",y1:"32",x2:"62",y2:"32",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var di=()=>{let e=ci();return jsxRuntime.jsx(ui,{...e})};var ia=()=>jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsxRuntime.jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsxRuntime.jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),ra=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),mi=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M7.74 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .399-.173.044-.043.044-.087.044-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},na=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsxRuntime.jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#C750FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsxRuntime.jsx("clipPath",{id:"clip0_6403_64483",children:jsxRuntime.jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var pi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,children:[jsxRuntime.jsx(Zd,{...e}),jsxRuntime.jsx(Jd,{...e}),jsxRuntime.jsx(jd,{...e}),jsxRuntime.jsxs(ui$1.Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},Zd=e=>jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsx(ia,{}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"address",children:e.address}),jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:80,prefix:jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsxRuntime.jsx(ra,{})})]}),Jd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:t("affiliate.referral")}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("common.affiliate")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(mi,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("affiliate.trader")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(mi,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},jd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.tradingRewards")}),jsxRuntime.jsxs(ui$1.Text,{intensity:54,children:["(",jsxRuntime.jsx(ui$1.Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxRuntime.jsxs(ui$1.Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(na,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var xi=e=>{let{t}=i18n.useTranslation(),[o]=hooks.useLocalStorage("orderly_link_device",{}),{account:i,state:r}=hooks.useAccount(),n=i.accountId,a=i.address,{hide:s}=ui$1.useModal(),u=hooks.useConfig(),{connectedChain:l,disconnect:c,namespace:d}=hooks.useWalletConnector(),g=i.chainId||l?.id||o?.chainId,m=react.useMemo(()=>g?(r.status===types.AccountStatusEnum.EnableTrading||r.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(g)):false,[r.status,g]),p=hm(g),f=u.get("operatorUrl"),b=()=>{navigator.clipboard.writeText(a??""),ui$1.toast.success(t("common.copy.copied"));},{affiliateCommission30D:v,traderCommission30D:S,isAffiliate:B,isTrader:h,onClickReferral:P}=fm(e.onClickReferral),{curEpochId:J,estRewards:Q,onClickTradingRewards:ae}=pm(e.onClickTradingRewards),be=async()=>{localStorage.removeItem("orderly_link_device"),await c({label:r.connectWallet?.name}),await i.disconnect(),s();},[ye,{isMutating:Ke}]=hooks.useMutation(`${f}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:g,chainName:p,onCopyAddress:b,affiliateCommission30D:v,onClickReferral:P,isAffiliate:B,isTrader:h,traderCommission30D:S,curEpochId:J,onClickTradingRewards:ae,estRewards:Q,onDisconnect:be,showGetTestUSDC:m,onGetTestUSDC:()=>{if(r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected)return;let E=t("trading.faucet.getTestUSDC.success",{quantity:d===types.ChainNamespace.solana?"100":"1,000"});return ye({chain_id:g?.toString(),user_address:r.address,broker_id:u.get("brokerId")}).then(Y=>{if(Y.success)return ui$1.modal.alert({title:t("trading.faucet.getTestUSDC"),message:E,onOk:()=>Promise.resolve(true)});Y.message&&ui$1.toast.error(Y.message);},Y=>{ui$1.toast.error(Y.message);})},gettingTestUSDC:Ke}},fm=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=hooks.useReferralInfo(),n=react.useMemo(()=>{if(i)return t?.referrer_info["30d_referrer_rebate"]},[t]),a=react.useMemo(()=>{if(r)return t?.referee_info["30d_referee_rebate"]},[t]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},pm=e=>{let[t]=hooks.useCurEpochEstimate(hooks.TWType.normal),[o,i]=hooks.useEpochInfo(hooks.TWType.normal),r=react.useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=react.useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function hm(e){let[t,{findByChainId:o}]=hooks.useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return react.useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var bi=e=>{let t=xi(e);return jsxRuntime.jsx(pi,{...t})};var ca=()=>{let{t:e}=i18n.useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=M(),{account:r,state:n}=hooks.useAccount();return {onShowAccountSheet:()=>{ui$1.modal.sheet({title:e("common.account"),leading:i,content:jsxRuntime.jsx(bi,{...t,...o})});},address:r.address,state:n}};var da=e=>jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"sm"},children:jsxRuntime.jsx(ui$1.Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:ui$1.formatAddress(e.address,[4,4])})});ui$1.installExtension({name:"mobile-account-menu",scope:["*"],positions:[ui$1.ExtensionPositionEnum.MobileAccountMenu],builder:ca,__isInternal:true})(e=>jsxRuntime.jsx(da,{...e}));var ga=()=>jsxRuntime.jsx(ui$1.ExtensionSlot,{position:ui$1.ExtensionPositionEnum.MobileAccountMenu});var Ci=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?jsxRuntime.jsx(Bm,{onDisconnect:e.onDisconnect}):jsxRuntime.jsx(Jo,{}),o=!e.disabledConnect&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected&&e.status<types.AccountStatusEnum.EnableTrading;return jsxRuntime.jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxRuntime.jsxs(ui$1.Flex,{height:64,gap:1,justify:"between",itemAlign:"center",className:" oui-px-[14px] oui-pt-[7px]",children:[jsxRuntime.jsx(li,{}),jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[o&&jsxRuntime.jsx(di,{}),t(),jsxRuntime.jsx(ga,{})]})]}),jsxRuntime.jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},Bm=e=>{let[t,o]=react.useState(false),{t:i}=i18n.useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsxRuntime.jsx(Om,{}),jsxRuntime.jsx(pa,{}),jsxRuntime.jsx(Am,{}),jsxRuntime.jsx(pa,{}),jsxRuntime.jsx(Rm,{})]})]})},pa=()=>jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsxRuntime.jsx(Si,{}),jsxRuntime.jsx(Si,{}),jsxRuntime.jsx(Si,{})]}),Om=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),Rm=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),Am=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Si=e=>jsxRuntime.jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var wi=()=>{let{wrongNetwork:e,disabledConnect:t}=reactApp.useAppContext(),{account:o,state:i}=hooks.useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var vi=()=>{let e=wi();return jsxRuntime.jsx(Ci,{...e})};var Ti=()=>{let[e,t]=react.useState("chart"),{symbol:o}=M(),[i,r]=react.useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};var xa=e=>jsxRuntime.jsx(Me,{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 Di=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(Ue,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Ue,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Ue,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsxRuntime.jsx(Ue,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Ue,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Ue,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},Ue=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,children:t}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"USDC"})]})]})};var Li=e=>{let{symbol:t}=e,o=hooks.useTickerStream(t),{symbolInfo:i}=M(),r=react.useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new utils.Decimal(a).mul(s).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]),n=react.useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new utils.Decimal(a).mul(Number(s)).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};var Fi=e=>{let t=Li(e);return jsxRuntime.jsx(Di,{...t})};var ya=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("g",{id:"Arrows-expand",children:jsxRuntime.jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});function Ca(e){return jsxRuntime.jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsxRuntime.jsx("div",{className:"oui-w-full oui-h-full",children:jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsxRuntime.jsx("div",{className:"oui-relative oui-w-full",children:jsxRuntime.jsx("div",{ref:e.dragRef,className:ui$1.cn("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsxRuntime.jsx(ya,{className:ui$1.cn("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]})}var Qm=354,Ta=234,$m="TRADINGVIEW_MOBILE_HEIGHT";function Pa(e){let[t,o]=hooks.useLocalStorage($m,Ta),[i,r]=react.useState(false),n=react.useRef(null),a=react.useRef(null),[s,u]=react.useState(0),l=react.useRef(0),c=react.useCallback(m=>{if(!a.current)return;r(true);let p=m.touches[0],f=a.current.getBoundingClientRect();m.stopPropagation(),m.preventDefault();let b=p.clientY-f.bottom;l.current=f.top,u(b);},[]),d=react.useCallback(m=>{if(a.current&&i){m.stopPropagation(),m.preventDefault();let f=m.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(f),Ta),Qm)),false}},[i,s]),g=react.useCallback(()=>{r(false);},[]);return react.useEffect(()=>{let m=n.current;if(m)return m.addEventListener("touchstart",c),()=>{m.removeEventListener("touchstart",c);}},[c]),react.useEffect(()=>(document.addEventListener("touchmove",d,{passive:false}),document.addEventListener("touchend",g),()=>{document.removeEventListener("touchmove",d),document.removeEventListener("touchend",g);}),[i,d,g]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}function Na(e){let t=Pa(e);return jsxRuntime.jsx(Ca,{...t})}var Mi=e=>{let{t}=i18n.useTranslation(),{tradingViewConfig:o}=M();return jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsxRuntime.jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsxRuntime.jsx(jm,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsxRuntime.jsx(Na,{symbol:e.symbol,tradingViewConfig:o})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsxRuntime.jsx(xa,{symbol:e.symbol})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsxRuntime.jsx(ui$1.Box,{px:3,children:jsxRuntime.jsx(Fi,{symbol:e.symbol})})})]})},jm=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:ui$1.cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsxRuntime.jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsxRuntime.jsx("defs",{})]});var Ii=e=>{let t=Ti();return jsxRuntime.jsx(Mi,{className:e.className,...t})};var _i=e=>{let[t,o]=react.useState(0),i=react.useRef(null);return react.useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 oui-mx-1 ",e.className),children:[jsxRuntime.jsx("div",{className:"oui-bg-base-9 oui-rounded-xl",style:{height:`${t+16}px`},children:jsxRuntime.jsx(Ee,{symbol:e.symbol,height:t?t-44:void 0})}),jsxRuntime.jsx("div",{className:"oui-bg-base-9 oui-rounded-xl oui-p-2",children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};var Hi=()=>{let{symbol:e}=M();return {symbol:e}};var Ei=e=>{let t=Hi();return jsxRuntime.jsx(_i,{className:e.className,...t})};var Da=()=>{let{appIcons:e}=reactApp.useAppConfig(),{secondary:t}=e||{};return t?.img?jsxRuntime.jsx("img",{src:t?.img,className:"oui-w-5 oui-h-5"}):t?.component?t.component:null};var zi=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=react.useState("Position"),[n,a]=react.useState("Position history"),{t:s}=i18n.useTranslation(),{onSymbolChange:u}=M(),l=z(),[c,{cancelAllOrders:d,cancelAllTPSLOrders:g}]=hooks.useOrderStream({}),{positionCount:m}=Ye(t),{pendingOrderCount:p,tpSlOrderCount:f}=Ze(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:m,pendingOrderCount:p,tpSlOrderCount:f,...l,onCloseAll:v=>{let S=v===uiOrders.TabType.pending?s("orders.pending.cancelAll"):v===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll"):"",B=v===uiOrders.TabType.pending?s("orders.pending.cancelAll.description"):v===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";ui$1.modal.confirm({title:S,content:jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:B}),onOk:async()=>{try{return i==="TP/SL"?await g():await d(),Promise.resolve(!0)}catch(h){return h?.message!==void 0&&toast.error(h.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:u}};var qi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Tabs,{value:e.tab,onValueChange:o=>e.setTab(o),size:"lg",className:e.className,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:[jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("common.positions")}${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,value:"Position",children:jsxRuntime.jsx(vg,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("orders.status.pending")}${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,value:"Pending",children:jsxRuntime.jsx(Wi,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("common.tpsl")}${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,value:"TP/SL",children:jsxRuntime.jsx(Wi,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.history"),value:"History",children:jsxRuntime.jsx(Pg,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("positions.liquidation"),value:"Liquidation",children:jsxRuntime.jsx(uiPositions.MobileLiquidationWidget,{enableLoadMore:true,symbol:e.showAllSymbol?void 0:e.symbol,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})})]})},vg=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(tt,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsxRuntime.jsx(uiPositions.MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})]}),Wi=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",pb:2,width:"100%",children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),e.type!==uiOrders.TabType.orderHistory&&jsxRuntime.jsx(Tg,{...e}),jsxRuntime.jsx(uiOrders.MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===uiOrders.TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),Tg=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px] oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"xs",color:"secondary",onClick:o=>{e.onCloseAll(e.type);},children:t("trading.orders.closeAll")})]})},Pg=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-min-h-[300px]",children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsxRuntime.jsx(uiPositions.MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsxRuntime.jsx(Wi,{type:uiOrders.TabType.orderHistory,...e})})]})})};var Gi=e=>{let t=zi(e);return jsxRuntime.jsx(qi,{...t,className:e.className})};var Oa=e=>{let t=()=>{e.onOpenMarketsSheetChange(true);},o=jsxRuntime.jsxs(ui$1.Box,{intensity:900,px:3,height:54,children:[jsxRuntime.jsx(markets.SymbolInfoBarWidget,{symbol:e.symbol,trailing:jsxRuntime.jsxs(ui$1.Flex,{gapX:3,children:[jsxRuntime.jsx(uiScaffold.LanguageSwitcherWidget,{}),jsxRuntime.jsx(Da,{})]}),onSymbol:t}),jsxRuntime.jsx(ui$1.SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-[env(safe-area-inset-bottom)]",content:"oui-w-[280px] !oui-p-0 oui-rounded-bl-[40px] oui-h-full "},contentProps:{side:"left",closeable:false},children:jsxRuntime.jsx(markets.MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsxRuntime.jsxs("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:"oui-grid oui-grid-rows-[auto,1fr,auto] oui-h-screen oui-gap-1 oui-relative oui-bg-base-10",children:[jsxRuntime.jsx("header",{children:o}),jsxRuntime.jsxs("main",{className:"oui-overflow-y-auto oui-hide-scrollbar oui-space-y-1",children:[jsxRuntime.jsx(Ii,{className:"oui-bg-base-9 oui-mx-1 oui-rounded-xl"}),jsxRuntime.jsx(Ei,{}),jsxRuntime.jsx(Gi,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})]}),jsxRuntime.jsx("div",{className:"oui-fixed oui-left-0 oui-right-0 oui-bottom-0",children:jsxRuntime.jsx(vi,{})})]})};var $e=(e,t,o)=>[react.useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];var Ki=6,Xi=48,Yi=29,Z=12,ve=54,Zt=280,Aa=360,gt=280,Ma=732,me=464,Oe=728,Re=320,ft=540,Zi=800,Ia=()=>{let[e,t]=react.useState(false),o=M(),{state:i}=hooks.useAccount(),{wrongNetwork:r,disabledConnect:n,restrictedInfo:a}=reactApp.useAppContext(),{isFirstTimeDeposit:s}=vo(),u=hooks.useMediaQuery("(max-width: 1279px)"),l=hooks.useMediaQuery("(min-width: 1440px)"),c=hooks.useMediaQuery("(max-width: 1680px)"),[d,g]=hooks.useLocalStorage("orderly_order_entry_side_markets_layout","right"),m=react.useMemo(()=>!r&&!n&&(i.status>=types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[i.status,r,n]),p=react.useMemo(()=>l,[l]),f=Hg({canTrade:m,isFirstTimeDeposit:s}),b=_g({collapsable:l}),v=Eg(d),S=zg({max2XL:u}),B=b.collapsed?70:280,h=u?1200:600,P=m?379:277,J=Wg({orderEntryViewRef:S.orderEntryViewRef,tradindviewMaxHeight:h,dataListMinHeight:P}),Q={layout:d,onLayout:g,max2XL:u,min3XL:l,max4XL:c,canTrade:m,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:p,...b,...f,...v,...S,restrictedInfo:a,...J,marketsWidth:B,tradindviewMaxHeight:h,dataListMinHeight:P};return {...o,...Q}};function _g(e){let{collapsable:t}=e,[o,i]=react.useState(false),[r,n]=hooks.useLocalStorage("orderly_side_markets_collapsed",void 0),a=u=>{n(u),i(true);},s=react.useMemo(()=>t?r:true,[t,r]);return {collapsable:t,collapsed:s,onCollapse:a,animating:o,setAnimating:i}}function Hg(e){let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=hooks.useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(u,l)=>{let c=[...i];if(u===0&&l===c.length-1){c[l]=i[u];for(let d=0;d<c.length-1;d++)c[d]=i[d+1];}else if(u===c.length-1&&l===0){c[l]=i[u];for(let d=1;d<c.length;d++)c[d]=i[d-1];}else [c[u],c[l]]=[c[l],c[u]];r(c);},a=react.useMemo(()=>t&&!o,[t,o]);return {positions:react.useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}}function Eg(e){let[t,o]=$e("orderly_main_split_size",void 0,e),[i,r]=$e("orderly_datalist_split_size","350px"),[n,a]=$e("orderly_orderbook_split_size","280px",e),[s,u]=$e("orderly_datalist_split_height_sm","350px"),[l,c]=$e("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:n,setOrderbookSplitSize:a,dataListSplitSize:i,setDataListSplitSize:r,mainSplitSize:t,setMainSplitSize:o,dataListSplitHeightSM:s,setDataListSplitHeightSM:u,orderBookSplitHeightSM:l,setOrderbookSplitHeightSM:c}}function zg(e){let{max2XL:t}=e,[o,i]=react.useState(0),r=react.useRef(null);return react.useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(s=>{for(let u of s){let l=u.contentRect.height;l&&i(l);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}}function _a(e){return e?`${100-Math.min(Number(e),100)}`:""}function Wg(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=react.useRef(null),r=react.useRef(null),[n,a]=hooks.useLocalStorage("orderly_order_entry_extra_height",0),s=22,[u,l]=hooks.useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(g,m)=>{let p=i?.current?.boxHeight;if(!p)return;let f=p*g/100,b=p*m/100,v=Math.min(Math.max(f,Re),t),S=Math.min(Math.max(b,me),Oe),B=e.orderEntryViewRef.current?.clientHeight||0;if(b>=S){let h=b-S;a(Math.max(0,n-h));}else if(v+S<t+Oe){let h=v+S+s+ve,P=Math.max(0,h-B);a(n+P);}},onDataListSplitHeightDragging:(g,m)=>{let p=r?.current?.boxHeight;if(!p)return;let f=p*m/100;if(f>=o&&f<=Zi){l(f);let b=f-u;b>0&&a(Math.max(0,n-b));}},extraHeight:n,dataListHeight:u}}var Ea=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(Yg,{...e,children:jsxRuntime.jsxs(ui$1.Flex,{px:3,className:ui$1.cn("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsxRuntime.jsx(Zg,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},Yg=e=>{let[t,o]=react.useState(false),{t:i}=i18n.useTranslation(),r=a=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(a),o(false);},className:"oui-group",children:[jsxRuntime.jsx(ui$1.Flex,{justify:a==="right"?"end":"start",className:ui$1.cn("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===a&&"!oui-border-primary-light"),children:jsxRuntime.jsx(ui$1.Box,{p:1,children:jsxRuntime.jsx(Jg,{})})}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,className:ui$1.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.layout===a&&"oui-text-base-contrast-80"),children:i(a==="right"?"trading.layout.right":"trading.layout.left")})]}),n=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:98,children:i("trading.layout")}),jsxRuntime.jsx(ui$1.CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsxs(ui$1.Flex,{gapX:6,mt:5,children:[r("right"),r("left")]})]});return jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui$1.DropdownMenuPortal,{children:jsxRuntime.jsx(ui$1.DropdownMenuContent,{onCloseAutoFocus:a=>a.preventDefault(),onClick:a=>a.stopPropagation(),align:"end",className:ui$1.cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-w-[360px] oui-font-semibold"),children:n})})]})},Zg=e=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),Jg=e=>jsxRuntime.jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsxRuntime.jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsxRuntime.jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsxRuntime.jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#59B0FE"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]});var eo=e=>{let{showIndicator:t=true}=e,[o,i]=react.useState(false);return jsxRuntime.jsxs(ui$1.Box,{intensity:900,r:"2xl",p:3,width:"100%",className:ui$1.cn("oui-relative",e.className),children:[e.children,jsxRuntime.jsx(ui$1.Tooltip,{open:o,onOpenChange:i,side:"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsxRuntime.jsx(ui$1.Flex,{direction:"column",gapY:2,children:[af,sf,lf].map((r,n)=>jsxRuntime.jsx(r,{className:ui$1.cn("oui-rounded oui-cursor-pointer hover:oui-bg-base-5",e.index===n&&"oui-bg-base-5"),onClick:()=>{e.onLayout?.(e.index,n),i(false);}},n))}),delayDuration:0,className:ui$1.cn("oui-bg-base-9 oui-rounded","oui-border oui-border-line-12","oui-p-1"),arrow:{className:"oui-fill-transparent"},children:t&&jsxRuntime.jsx("div",{className:"oui-absolute oui-right-[1px] oui-top-[18px]",children:jsxRuntime.jsx(nf,{className:ui$1.cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80","oui-cursor-pointer")})})})]})},nf=e=>jsxRuntime.jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]}),af=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"2.667",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"8.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),sf=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"6",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),lf=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"9.333",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"6",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]});var za=e=>{let{collapsable:t,collapsed:o,onCollapse:i,layout:r,onLayout:n,orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:u,setDataListSplitSize:l,mainSplitSize:c,setMainSplitSize:d,dataListSplitHeightSM:g,setDataListSplitHeightSM:m,orderBookSplitHeightSM:p,setOrderbookSplitHeightSM:f,max2XL:b,max4XL:v,animating:S,setAnimating:B,positions:h,updatePositions:P,showPositionIcon:J,horizontalDraggable:Q,marketsWidth:ae,tradindviewMaxHeight:be,dataListMinHeight:ye}=e,Ke=Xi+Yi+ve+me+ye+Z*4,R=Xi+Yi+ve+Re+me+ye+Z*4,E=jsxRuntime.jsx(markets.SideMarketsWidget,{collapsable:t,collapsed:o,onCollapse:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),Y=jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:ae,style:{minWidth:ae},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>{B(false);},children:!S&&E}),Xe=react.useMemo(()=>jsxRuntime.jsx(Ea,{layout:r,onLayout:n}),[r,n]),Ae=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:ve,height:ve},children:jsxRuntime.jsx(markets.SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:Xe})}),{library_path:qa,...Ga}=e.tradingViewConfig,tr=jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,...Ga,libraryPath:qa}),or=jsxRuntime.jsx(ui$1.Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:ft},className:"oui-overflow-hidden",children:tr}),ir=jsxRuntime.jsx(Ko,{symbol:e.symbol}),Ua=jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",style:{minWidth:gt,maxWidth:Q?Ma:gt,width:a},className:"oui-overflow-hidden",children:ir}),rr=jsxRuntime.jsx(uo,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig}),Qa=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:3,style:{height:u,minHeight:ye},className:"oui-overflow-hidden",children:rr}),$a=[jsxRuntime.jsx(eo,{className:"oui-border oui-border-line-12",index:h.findIndex(se=>se===0),onLayout:P,showIndicator:J,children:jsxRuntime.jsx(To,{})},"assets"),jsxRuntime.jsx(eo,{index:h.findIndex(se=>se===1),onLayout:P,showIndicator:J,children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol})},"orderEntry"),jsxRuntime.jsx(eo,{index:h.findIndex(se=>se===2),onLayout:P,showIndicator:J,children:jsxRuntime.jsx(Uo,{})},"margin")],nr=h.map(se=>$a[se]),ar=jsxRuntime.jsx(ui$1.Flex,{gapY:3,direction:"column",height:"100%",style:{minWidth:Zt,maxWidth:Q?Aa:Zt,width:c},children:nr}),sr=jsxRuntime.jsxs(We,{style:{flex:1,minHeight:me},onSizeChange:s,disable:!Q,children:[v&&r==="right"?jsxRuntime.jsxs(ui$1.Flex,{gap:3,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:ae+ft+Z},children:[Y,or]}):or,Ua]}),Ka=()=>v&&r==="left"?jsxRuntime.jsxs(ui$1.Flex,{gapX:3,style:{minHeight:me},height:"100%",children:[sr,Y]}):sr,Xa=jsxRuntime.jsxs(ui$1.Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:3,style:{minWidth:v?ae+ft+gt+Z*2:ft+gt+Z},children:[Ae,jsxRuntime.jsxs(We,{className:"oui-w-full !oui-h-[calc(100%_-_54px_-_12px)]",mode:"vertical",onSizeChange:l,children:[Ka(),Qa]})]}),Ya=se=>d(r==="left"?_a(se):se);return b?jsxRuntime.jsxs(We,{ref:e.max2XLSplitRef,style:{minHeight:R,minWidth:1024-Ki},className:ui$1.cn("oui-flex oui-flex-1 ","oui-min-w-[1018px] oui-h-full oui-w-full","oui-p-3",e.className),onSizeChange:m,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:3,itemAlign:"stretch",className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(ve+Re+me+Z*2,e.orderEntryHeight),maxHeight:ve+be+Oe+Z*2},children:[jsxRuntime.jsxs(ui$1.Flex,{height:"100%",className:"oui-flex-1 oui-w-[calc(100%_-_280px_-_12px)]",direction:"column",gapY:3,children:[Ae,jsxRuntime.jsxs(ui$1.Flex,{width:"100%",height:"100%",gapX:3,itemAlign:"stretch",style:{minHeight:Re+me+Z,maxHeight:be+Oe+Z},className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",width:ae,style:{minHeight:Re+me+Z,maxHeight:be+Oe+Z},children:E}),jsxRuntime.jsxs(We,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${ae}px)`},className:"oui-flex-1",onSizeChange:f,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:Re,maxHeight:be,height:1200},children:tr}),jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:me,maxHeight:Oe,height:p},className:"oui-flex-1",children:ir})]})]})]}),jsxRuntime.jsxs(ui$1.Flex,{ref:e.orderEntryViewRef,gapY:3,direction:"column",style:{width:Zt,height:"max-content"},children:[nr,jsxRuntime.jsx(ui$1.Box,{height:e.extraHeight})]})]}),jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:3,style:{height:g,minHeight:Math.max(ye,e.dataListHeight),maxHeight:Zi},className:"oui-overflow-hidden",children:rr})]}):jsxRuntime.jsxs(ui$1.Flex,{style:{minHeight:Ke,minWidth:1440-Ki},className:ui$1.cn(e.className,r==="left"&&"oui-flex-row-reverse"),width:"100%",p:3,gap:3,children:[!v&&Y,jsxRuntime.jsxs(We,{className:"oui-flex oui-flex-1 oui-overflow-hidden",onSizeChange:Ya,disable:!Q,children:[r==="left"&&ar,Xa,r==="right"&&ar]})]})};var ji=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(Oa,{...e}):jsxRuntime.jsx(za,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var er=()=>{let e=Ia();return jsxRuntime.jsx(ji,{...e})};var hf=e=>jsxRuntime.jsx(gr,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsxRuntime.jsx(er,{})});
30
+ var co=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(ns,{...e}):jsxRuntime.jsx(as,{...e})},ns=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-bg-base-9 oui-rounded-b-xl",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(mr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsxRuntime.jsx(gr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px] oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx("label",{className:"oui-text-2xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},as=e=>jsxRuntime.jsxs(ui$1.Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsxRuntime.jsx(mr,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsxRuntime.jsx(gr,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),mr=e=>{let{t}=i18n.useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsxRuntime.jsx(ui$1.Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},gr=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};var V=e=>{let[t,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=hooks.useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=hooks.useLocalStorage("showAllSymbol",true),[s,c]=hooks.useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:c}};var fr=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=hooks.usePositionStream(i,{calcMode:r}),a=reactApp.useDataTap(n.aggregated),s=a?.total_unreal_pnl,c=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:d,setShowAllSymbol:u}=V();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:c,notional:l,showAllSymbol:d,setShowAllSymbol:u}};var ot=e=>{let t=fr(e);return jsxRuntime.jsx(co,{...t})};var it=e=>{let{showAllSymbol:t}=V(),[o]=hooks.usePositionStream(t?void 0:e),i=Wl.useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:reactApp.useDataTap(i)??0}};var rt=e=>{let {showAllSymbol:t}=V();`orderly_${uiOrders.TabType.pending}_pageSize`;`orderly_${uiOrders.TabType.tp_sl}_pageSize`;let [r,{total:n}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,excludes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=hooks.useOrderStream({symbol:t?void 0:e,status:types.OrderStatus.INCOMPLETE,includes:[types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=reactApp.useDataTap(n)??0,l=reactApp.useDataTap(s)??0;return {pendingOrderCount:c,tpSlOrderCount:l}};var nt=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});var yr=Wl.createContext({}),M=()=>Wl.useContext(yr),Sr=e=>{let t=hooks.useSymbolsInfo()[e.symbol];return jsxRuntime.jsx(yr.Provider,{value:{...e,symbolInfo:{...nt(t),symbol:e.symbol}},children:e.children})};var Cr=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=V({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=M(),{positionCount:c}=it(e.symbol),{pendingOrderCount:l,tpSlOrderCount:d}=rt(e.symbol);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:l,tpSlOrderCount:d,onSymbolChange:s}};var uo=e=>{let[t,o]=Wl.useState(false),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:0,children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsxRuntime.jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsx(ui$1.Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsxRuntime.jsx(ui$1.SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsxRuntime.jsx(ui$1.DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsxRuntime.jsx(ui$1.Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsxRuntime.jsx(Ps,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-my-3"}),jsxRuntime.jsx(ui$1.Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsxRuntime.jsx(Ts,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},Ts=e=>{let{value:t,onValueChange:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(at,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(at,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},Ps=e=>{let{value:t,onValueChange:o}=e;return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(at,{sel:t===0,label:1,value:0,onCheckChange:o}),jsxRuntime.jsx(at,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsxRuntime.jsx(at,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},at=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxRuntime.jsxs(ui$1.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsxRuntime.jsx(Ns,{}):jsxRuntime.jsx(ks,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:t?98:54,children:o})]})},Ns=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),ks=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var Tr=e=>({...e});var mo=e=>{let t=Tr(e);return jsxRuntime.jsx(uo,{...t})};var fo=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Tabs,{defaultValue:e.current||"Positions",variant:"contained",trailing:jsxRuntime.jsx(mo,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,setPnlNotionalDecimalPrecision:e.setPnlNotionalDecimalPrecision,unPnlPriceBasis:e.unPnlPriceBasis,setUnPnlPriceBasic:e.setUnPnlPriceBasic,hideOtherSymbols:!e.showAllSymbol,setHideOtherSymbols:o=>e.setShowAllSymbol(!o)}),size:"lg",className:"oui-h-full",classNames:{tabsContent:"oui-h-[calc(100%_-_32px)]"},children:[jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-position-tab",value:"Positions",title:`${t("common.positions")} ${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,children:jsxRuntime.jsx(_s,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-pending-tab",value:"Pending",title:`${t("orders.status.pending")} ${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-tpsl-tab",value:"TP/SL",title:`${t("common.tpsl")} ${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-filled-tab",value:"Filled",title:t("orders.status.filled"),children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.filled,symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,ordersStatus:types.OrderStatus.FILLED,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-positionHistory-tab",value:"Position history",title:t("positions.positionHistory"),children:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-orderHistory-tab",value:"Order history",title:t("orders.orderHistory"),children:jsxRuntime.jsx(uiOrders.DesktopOrderListWidget,{type:uiOrders.TabType.orderHistory,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-orderHistory-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{testid:"oui-testid-dataList-liquidation-tab",value:"Liquidation",title:t("positions.liquidation"),children:jsxRuntime.jsx(uiPositions.LiquidationWidget,{symbol:e.showAllSymbol?void 0:e.symbol})})]})},_s=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",height:"100%",children:[jsxRuntime.jsx(ot,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui$1.Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsxRuntime.jsx(uiPositions.PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]});var po=e=>{let t=Cr({...e});return jsxRuntime.jsx(fo,{...t})};var ho=e=>jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsxRuntime.jsx(ui$1.Box,{className:"oui-pr-1",children:jsxRuntime.jsx(qs,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsxRuntime.jsx(Gs,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),Lr=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxRuntime.jsxs(ui$1.Grid,{cols:3,gapX:2,width:"100%",className:ui$1.cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.left),children:t}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1",r?.mid),children:o}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},qs=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(Lr,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:ui$1.cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Gs=e=>jsxRuntime.jsx(ui$1.ListView,{dataSource:e.data,className:ui$1.cn("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsxRuntime.jsx(Lr,{left:jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:utils.commifyOptional(t?.price,{fix:e.quoteDp}),right:utils.commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:ui$1.cn("oui-text-base-contrast-80",e.classNames?.left),right:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:ui$1.cn(t.side===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});var Br=e=>{let{data:t,isLoading:o}=hooks.useMarketTradeStream(e),i=hooks.useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};var He=e=>{let t=Br(e.symbol);return jsxRuntime.jsx(ho,{...t,classNames:e.classNames,style:e.style})};function Or(e){let{t}=i18n.useTranslation();return e.showFaucet?jsxRuntime.jsx(ui$1.Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}function Mr(){let{t:e}=i18n.useTranslation(),{connectedChain:t,namespace:o}=hooks.useWalletConnector(),{state:i,account:r}=hooks.useAccount(),n=hooks.useConfig(),a=n.get("operatorUrl"),[s,{isMutating:c}]=hooks.useMutation(`${a}/v1/faucet/usdc`),[l,d]=Wl.useState(false),u=Wl.useMemo(()=>!t||!t.id?false:(i.status===types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;d(true);let g=e("trading.faucet.getTestUSDC.success",{quantity:o===types.ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(p=>{if(d(false),p.success)return ui$1.modal.alert({title:e("trading.faucet.getTestUSDC"),message:g,onOk:()=>new Promise(f=>f(true))});p.message&&ui$1.toast.error(p.message);},p=>{ui$1.toast.error(p.message);})},showFaucet:u,loading:l}}function bo(){let e=Mr();return jsxRuntime.jsx(Or,{...e})}var Sl=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{t:i}=i18n.useTranslation();return Wl.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"},notSignedIn:{title:i("connector.signIn"),description:i("connector.trade.signIn.tooltip"),titleColor:"primary"},disabledTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},default:{title:"",description:""}};if(o)return r.connectWallet;if(t)return r.wrongNetwork;switch(e.status){case types.AccountStatusEnum.NotConnected:return r.connectWallet;case types.AccountStatusEnum.NotSignedIn:return r.notSignedIn;case types.AccountStatusEnum.DisabledTrading:return r.disabledTrading;default:return r.default}},[e.status,t,i])},vo=({description:e,formula:t})=>jsxRuntime.jsxs("div",{className:"oui-leading-[1.5] oui-text-2xs oui-text-base-contrast-80 oui-min-w-[204px] oui-max-w-[240px]",children:[jsxRuntime.jsx("span",{children:e}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-border-white/10",my:2}),jsxRuntime.jsx("span",{children:t})]}),Cl=({totalValue:e,visible:t=true,onToggleVisibility:o})=>{let{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text.numeral,{visible:t,weight:"bold",size:"2xl",className:ui$1.gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:e??"--"}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,itemAlign:"center",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${i("trading.asset.myAssets")} (USDC)`}),jsxRuntime.jsx("button",{onClick:o,children:t?jsxRuntime.jsx(ui$1.EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},Co=({label:e,description:t,formula:o,visible:i,value:r,unit:n,rule:a,isConnected:s,showPercentage:c=false,placeholder:l})=>jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(vo,{description:t,formula:o}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:e})}),jsxRuntime.jsx(ui$1.Text.numeral,{visible:i,size:"2xs",unit:n,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:a,padding:false,dp:2,placeholder:l,children:r||"--"})]}),wl=({visible:e=true,freeCollateral:t,marginRatioVal:o,renderMMR:i,isConnected:r})=>{let[n,a]=hooks.useLocalStorage("orderly_entry_asset_list_open",false),[s,c]=Wl.useState(n),{t:l}=i18n.useTranslation(),d=Wl.useCallback(()=>{c(u=>!u),setTimeout(()=>{a(!s);},0);},[]);return jsxRuntime.jsxs(ui$1.Box,{className:"oui-group",children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:d,children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"}),jsxRuntime.jsx(ui$1.ChevronDownIcon,{size:12,color:"white",className:ui$1.cn("oui-transition-transform",s&&"oui-rotate-180")}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-flex-1"})]}),jsxRuntime.jsxs(ui$1.Box,{style:{transform:"translateZ(0)"},className:ui$1.cn("oui-space-y-1.5 oui-select-none oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",s?"oui-max-h-[69px]":"oui-max-h-0"),children:[jsxRuntime.jsx(Co,{label:l("trading.asset.freeCollateral"),description:l("trading.asset.freeCollateral.tooltip"),formula:l("trading.asset.freeCollateral.formula"),visible:e,value:t===0?"0":t,unit:"USDC"}),jsxRuntime.jsx(Co,{label:l("trading.asset.marginRatio"),description:l("trading.asset.marginRatio.tooltip"),formula:l("trading.asset.marginRatio.formula"),visible:e,value:o,isConnected:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsxRuntime.jsx(Co,{label:l("trading.asset.maintenanceMarginRatio"),description:l("trading.asset.maintenanceMarginRatio.tooltip"),formula:l("trading.asset.maintenanceMarginRatio.formula"),visible:e,value:i,rule:"percentages",showPercentage:true,placeholder:"--%"})]})]})},To=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,toggleVisible:n,visible:a,freeCollateral:s,marginRatioVal:c,renderMMR:l,isConnected:d})=>{let{title:u,description:m,titleColor:g,titleClsName:p}=Sl(),{t:f}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative",children:[u&&m&&jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"lg",weight:"bold",color:g||"inherit",className:p,children:u}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:m})]}),jsxRuntime.jsx(uiConnector.AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsxRuntime.jsx(ui$1.Text.gradient,{size:"lg",weight:"bold",color:"brand",children:f("trading.asset.startTrading")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",children:f("trading.asset.startTrading.description")})]})}),jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1}),jsxRuntime.jsx(ui$1.Text,{children:f("common.deposit")})]}),jsxRuntime.jsx(ui$1.Box,{className:"oui-mt-3",children:jsxRuntime.jsx(bo,{})})]}):jsxRuntime.jsxs(ui$1.Box,{className:"oui-space-y-4",children:[jsxRuntime.jsx(Cl,{totalValue:o,visible:a,onToggleVisibility:n}),jsxRuntime.jsx(wl,{visible:a,freeCollateral:s,marginRatioVal:c,renderMMR:l,isConnected:d}),jsxRuntime.jsxs(ui$1.Flex,{gap:3,itemAlign:"center",children:[jsxRuntime.jsxs(ui$1.Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsxRuntime.jsx(ui$1.Text,{children:f("common.withdraw")})]}),jsxRuntime.jsxs(ui$1.Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:1}),jsxRuntime.jsx(ui$1.Text,{children:f("common.deposit")})]})]}),jsxRuntime.jsx(bo,{})]})}),jsxRuntime.jsx("div",{className:"oui-pointer-events-none oui-rotate-180 oui-rounded-2xl oui-blur-[200px] oui-top-0 oui-bottom-0 oui-left-0 oui-right-0 oui-absolute",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 ko=()=>{let{state:e}=hooks.useAccount(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{totalValue:i}=hooks.useCollateral({dp:2}),r=t||o||e.status<types.AccountStatusEnum.EnableTrading&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected,n=Wl.useMemo(()=>{let s=new Date,c=new Date;c.setDate(s.getDate()-90);let l=c.getTime(),d=s.getTime(),u=new URLSearchParams;return u.set("page","1"),u.set("size","5"),u.set("side","DEPOSIT"),u.set("status","COMPLETED"),u.set("startTime",l.toString()),u.set("endTime",d.toString()),`/v1/asset/history?${u.toString()}`},[]),{data:a}=hooks.usePrivateQuery(n,{formatter:s=>s});return {isFirstTimeDeposit:!r&&i===0&&a?.meta?.total===0,totalValue:i}},Wr=()=>{let {t:e}=i18n.useTranslation(),t=hooks.useAccountInstance(),o=hooks.useMediaQuery(types.MEDIA_TABLET),{isFirstTimeDeposit:i,totalValue:r}=ko(),n=hooks.useConfig("networkId"),{state:a}=hooks.useAccount(),{freeCollateral:s}=hooks.useCollateral({dp:2}),{marginRatio:c,mmr:l}=hooks.useMarginRatio(),d=a.status>=types.AccountStatusEnum.Connected,[{aggregated:u,totalUnrealizedROI:m},g]=hooks.usePositionStream(),p=Wl.useMemo(()=>Math.min(10,u.notional===0?g.margin_ratio(10):c),[c,u]);Wl.useMemo(()=>l?new utils.Decimal(l).mul(100).todp(2,0).toFixed(2):"",[l]);let x=Wl.useCallback(async R=>{let W;return o?W=await ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:R}):W=await ui$1.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:R}),W},[o]),C=Wl.useCallback(async()=>x("deposit"),[o]),P=hooks.useEventEmitter(),N=Wl.useCallback(async()=>x("withdraw"),[o]),h=Wl.useCallback(async()=>t.settle().catch(R=>{if(R.code===-1104)return ui$1.toast.error(e("settle.settlement.error")),Promise.reject(R);R.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&P.emit("wallet:sign-message-with-ledger-error",{message:R.message,userAddress:t.address});}).then(R=>(ui$1.toast.success(e("settle.settlement.requested")),Promise.resolve(R))),[t,e]),[y,Y]=hooks.useLocalStorage("orderly_assets_visible",true),z=Wl.useCallback(()=>{Y(R=>!R);},[y]);hooks.useWalletSubscription({onMessage:R=>{let{side:W,transStatus:J}=R;if(J==="COMPLETED"){let je={DEPOSIT:e("transfer.deposit.completed"),WITHDRAW:e("transfer.withdraw.completed")},_e=`${utils.capitalizeString(W)} completed`;ui$1.toast.success(je[W]||_e);}else if(J==="FAILED"){let je={DEPOSIT:e("transfer.deposit.failed"),WITHDRAW:e("transfer.withdraw.failed")},_e=`${utils.capitalizeString(W)} failed`;ui$1.toast.error(je[W]||_e);}P.emit("wallet:changed",R);}}),hooks.useSettleSubscription({onMessage:R=>{let{status:W}=R;switch(W){case "COMPLETED":ui$1.toast.success(e("settle.settlement.completed"));break;case "FAILED":ui$1.toast.error(e("settle.settlement.failed"));break;}}});let se=reactApp.useDataTap(s)??void 0,ye=reactApp.useDataTap(p)??void 0,Se=reactApp.useDataTap(l)??void 0,Je=reactApp.useDataTap(r)??void 0;return {onDeposit:C,onWithdraw:N,onSettle:h,visible:y,toggleVisible:z,networkId:n,isFirstTimeDeposit:i,totalValue:Je,status:a.status,freeCollateral:se,marginRatioVal:ye,renderMMR:Se,isConnected:d}};var Do=()=>{let e=Wr();return jsxRuntime.jsx(To,{...e})};var Ot=Wl.createContext({cellHeight:22}),$=()=>Wl.useContext(Ot),De="orderbook_coin_type",Rt=e=>{let[t,o]=Wl.useState("quantity"),[i,r]=Wl.useState("quantity"),n=Wl__default.default.useMemo(()=>({cellHeight:e.cellHeight,onItemClick:e.onItemClick,mode:t,totalMode:i||"quantity",depth:e.depth,onModeChange:o,onTotalModeChange:r,showTotal:e.showTotal||false,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo}),[t,e.cellHeight,e.depth,e.onItemClick,e.pendingOrders,e.showTotal,e.symbolInfo,i]);return jsxRuntime.jsx(Ot.Provider,{value:n,children:e.children})};var At=e=>{let{direction:t=1}=e,o=Wl.useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};var Ur=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=$(),{symbolInfo:a,currentHover:s,accumulated:c,accumulatedAmount:l,count:d,price:u,quantity:m,base:g,quote:p}=e,{base_dp:f,quote_dp:x}=a,[C]=hooks.useLocalStorage(De,g),P=Number.isNaN(u)?0:c/d*100,N=Wl.useMemo(()=>utils.getPrecisionByNumber(r||`${x}`),[r,x]),h=Number.isNaN(c)?"-":l?.toString(),y=Wl.useMemo(()=>{let Y=ui$1.parseNumber(u,{dp:N,padding:true});return n.some(z=>Y===ui$1.parseNumber(z,{dp:N,padding:true}))},[n,u,N]);return jsxRuntime.jsxs("div",{className:"oui-relative oui-flex oui-cursor-pointer oui-flex-row oui-justify-between oui-pl-3 oui-text-xs oui-tabular-nums oui-text-base-contrast-80",style:{height:`${t}px`},onClick:()=>{Number.isNaN(u)||Number.isNaN(m)||i?.([u,m]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:N,children:u})}),jsxRuntime.jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:f,children:m})})]}),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-fex-row oui-relative oui-flex oui-basis-5/12 oui-items-center oui-justify-end oui-overflow-hidden",o&&"oui-basis-7/12"),children:[o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:f,className:"oui-z-10",children:c})}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:N,className:"oui-z-10",children:h})})]}):jsxRuntime.jsxs("div",{className:ui$1.cn("oui-flex-1 oui-pr-3 oui-text-right"),children:[C===g&&jsxRuntime.jsx(ui$1.Text.numeral,{dp:f,className:"oui-z-10",children:c}),C===p&&jsxRuntime.jsx(ui$1.Text.numeral,{dp:N,className:"oui-z-10",children:h})]}),jsxRuntime.jsx(At,{width:P,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),y&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-pointer-events-none oui-absolute oui-left-[4px] oui-size-[4px] oui-rounded-full",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsxRuntime.jsx(ui$1.Divider,{lineStyle:"dashed",className:ui$1.cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};var Mt=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=$(),a=Wl.useCallback(()=>{if((t?.length||0)===0)return null;if(o==="ask"){let u=t.findIndex(m=>!Number.isNaN(m[0]));return u!=-1?t[u]:null}else {for(let u=t.length-1;u>=0;u--){let m=t[u];if(!Number.isNaN(m[0]))return m}return null}},[t,o]),s=Wl.useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=Wl.useMemo(()=>t.reduce((u,m)=>Math.max(u,m[1]),0),[t]),[l,d]=Wl.useState(-1);return jsxRuntime.jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((u,m)=>jsxRuntime.jsx(ac,{index:m,item:u,countQty:i,setHoverIndex:d,hoverIndex:l,type:o,maxQty:c,priceDp:s,symbolInfo:r,findMaxItem:a},m))})},ac=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:c,symbolInfo:l}=e,{base:d,quote:u,base_dp:m,quote_dp:g}=l,{t:p}=i18n.useTranslation(),f=a!==-1?r==="ask"?t>=a:t<=a:false,[x,C]=Wl.useState(false),P=h=>{if(h===null)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let y={sumQty:0,sumQtyAmount:0};return Number.isNaN(h[2])||(y={sumQty:h[2],sumQtyAmount:h[3]}),{...y,avgPrice:y.sumQtyAmount==0?0:y.sumQtyAmount/y.sumQty}},N=Wl.useMemo(()=>{let h=P(o);return h.avgPrice===0?P(e.findMaxItem()):h},[o,e]);return jsxRuntime.jsxs(ui$1.TooltipRoot,{open:x,onOpenChange:C,children:[jsxRuntime.jsx(ui$1.TooltipTrigger,{children:jsxRuntime.jsx(Ur,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:f,currentHover:a===t,symbolInfo:l,base:d,quote:u,onMouseEnter:()=>{i(t),C(true);},onMouseLeave:()=>{i(-1),C(false);}})}),jsxRuntime.jsxs(ui$1.TooltipContent,{className:ui$1.cn("oui-rounded-base oui-flex oui-w-full oui-max-w-[400px] oui-flex-col oui-gap-2 oui-bg-base-6 oui-p-3 oui-text-2xs oui-shadow-md"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:h=>h.preventDefault(),children:[jsxRuntime.jsx(Lo,{title:`${p("common.avgPrice")}\u2248`,content:N.avgPrice,contentDp:s}),jsxRuntime.jsx(Lo,{title:`${p("trading.orderBook.sum")} (${d})`,content:N.sumQty,contentDp:m}),jsxRuntime.jsx(Lo,{title:`${p("trading.orderBook.sum")} (${u})`,content:N.sumQtyAmount,contentDp:g}),jsxRuntime.jsx(ui$1.TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},Lo=e=>{let{title:t,content:o,contentDp:i}=e;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsxRuntime.jsx("div",{className:"oui-text-base-contrast-36",children:t}),jsxRuntime.jsx("div",{className:"oui-text-right",children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,children:o})})]})};var Qr=e=>{let{data:t}=e,o=Wl.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(Mt,{type:"ask",data:t,countQty:o})};var Kr=e=>{let{data:t}=e,o=Wl.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(Mt,{type:"bid",data:t,countQty:o})};var Xr=e=>{let t=Wl.useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsxRuntime.jsx(ui$1.Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsxRuntime.jsx(ui$1.Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};var xc=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=i18n.useTranslation(),[n,a]=hooks.useLocalStorage(De,o);return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",className:ui$1.cn("oui-w-full oui-px-2 oui-py-[3px]","oui-cursor-pointer","oui-text-xs","oui-text-base-contrast-54","hover:oui-bg-base-6","oui-rounded-[3px]","oui-transition-all",n===t&&"oui-bg-base-5"),onClick:s=>{a(t),i(s);},children:[r("common.total"),"(",t,")",jsxRuntime.jsx("div",{className:ui$1.cn("oui-transition-all","oui-w-1","oui-h-1","oui-rounded-full","oui-bg-gradient-to-r",n===t&&"oui-from-[rgb(var(--oui-gradient-brand-start))] oui-to-[rgb(var(--oui-gradient-brand-end))]")})]})},jr=e=>{let{base:t,quote:o}=e,{showTotal:i}=$(),{t:r}=i18n.useTranslation(),[n,a]=Wl__default.default.useState(false),[s]=hooks.useLocalStorage(De,t),c=n?ui$1.CaretUpIcon:ui$1.CaretDownIcon;return jsxRuntime.jsxs(ui$1.Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(dt,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(dt,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${t})`})})]}),jsxRuntime.jsx(ui$1.Flex,{gap:1,pr:3,className:ui$1.cn("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(dt,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${t})`})}),jsxRuntime.jsx(ui$1.Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsxRuntime.jsx(dt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsxRuntime.jsx(ui$1.Box,{width:"100%",children:jsxRuntime.jsx(ui$1.Popover,{open:n,onOpenChange:a,contentProps:{className:ui$1.cn("oui-w-28 oui-p-1")},content:jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",className:ui$1.cn("oui-w-full oui-gap-0.5"),children:[t,o].map(l=>jsxRuntime.jsx(xc,{item:l,base:t,onClick:()=>a(false)},`type-${l}`))}),children:jsxRuntime.jsxs(ui$1.Flex,{justify:"end",itemAlign:"center",className:"oui-cursor-pointer oui-select-none oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast",children:[jsxRuntime.jsx(dt,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${s})`}),jsxRuntime.jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},dt=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsxRuntime.jsx(ui$1.Flex,{id:e.id,className:ui$1.cn(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};var It=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,c=s<a,l=s>a;return jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn(l?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:i,intensity:98,children:s}),jsxRuntime.jsxs(ui$1.Box,{width:19,children:[c&&jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};var _t=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(Bc,{...e}):jsxRuntime.jsx(Fc,{...e})},Fc=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),children:[jsxRuntime.jsx(nn,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},Bc=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=Wl.useState(false),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:ui$1.cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsxRuntime.jsx(nn,{size:i}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsxRuntime.jsx(ui$1.SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsxRuntime.jsx(ui$1.Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},nn=e=>jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});var cn=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=$();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxRuntime.jsxs("div",{className:ui$1.cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsxRuntime.jsx(It,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsxRuntime.jsx(_t,{markPrice:t,quote_dp:n.quote_dp})]}),jsxRuntime.jsx("div",{className:ui$1.cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsxRuntime.jsx(_c,{asks:i,bids:r})})]})},_c=e=>{let{asks:t,bids:o}=e,{t:i}=i18n.useTranslation(),r=Wl.useMemo(()=>{if(o.length===0&&t.length===0)return 0;let n=Number.isNaN(o[0][0])?0:o[0][0],a=t.reverse().findIndex(l=>!Number.isNaN(l[0])),s=0;a!==-1&&(s=Number.isNaN(t[a][0])?0:t[a][0]);let c=new utils.Decimal(s).sub(n).div(new utils.Decimal(s).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};var dn=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=Wl.useRef(null),[c,l]=Wl.useState(false),[d,u]=hooks.useLocalStorage(De,r);return Wl.useEffect(()=>{d!==i&&r&&u(r);},[r,i]),Wl.useEffect(()=>{let m=new ResizeObserver(p=>{for(let f of p){let{inlineSize:x}=f.borderBoxSize[0];l(x>=360);}}),g=s.current;return g&&m.observe(g),()=>{g&&m.unobserve(g);}},[]),jsxRuntime.jsx(Rt,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||[],symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsxRuntime.jsx(Xr,{depths:e.depths,value:e.activeDepth,onChange:a}),jsxRuntime.jsx(jr,{quote:i,base:r}),jsxRuntime.jsx(Qr,{data:[...e.asks]}),jsxRuntime.jsx(cn,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsxRuntime.jsx(Kr,{data:[...e.bids]}),n&&jsxRuntime.jsx("div",{className:"oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};var gn=e=>{let{t}=i18n.useTranslation(),{mode:o,onModeChange:i}=$(),r=Wl.useMemo(()=>o==="amount"?e.quote:e.base,[o,e.quote,e.base]),n=Wl.useMemo(()=>t(o==="amount"?"trading.orderBook.column.value":"common.qty"),[o,t]);return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-text-base-contrast-36 oui-text-2xs oui-py-[5px]",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.price")}),jsxRuntime.jsx(ui$1.Text,{children:`(${e.quote})`})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer",onClick:()=>i?.(o==="amount"?"quantity":"amount"),children:[jsxRuntime.jsx(ui$1.Text,{children:n}),jsxRuntime.jsx(ui$1.Text,{children:`(${r})`})]})]})};var hn=e=>{let t=e.accumulated/e.count*100,{cellHeight:o,onItemClick:i,depth:r,showTotal:n,symbolInfo:a}=Wl.useContext(Ot),{base_dp:s,quote_dp:c}=a,l=Number.isNaN(e.quantity)?"-":e.mode==="amount"?new utils.Decimal(e.quantity).mul(e.price).toString():e.quantity;n&&(l=e.quantity);let d=Wl.useMemo(()=>utils.getPrecisionByNumber(r||`${c}`),[r,c]);return jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-overflow-hidden oui-relative oui-cursor-pointer oui-tabular-nums oui-text-2xs oui-w-full",n&&"oui-flex-1"),style:{height:`${o}px`},onClick:u=>{Number.isNaN(e.price)||Number.isNaN(e.quantity)||i?.([e.price,e.quantity]);},children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Text.numeral,{color:e.type==="bid"?"buy":"sell",dp:d,children:e.price}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.mode==="amount"?2:s,className:"oui-text-base-contrast-80",children:l})]}),Number.isNaN(t)||n?null:jsxRuntime.jsx(At,{width:t,className:e.type==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20"})]})};var zt=e=>{let{data:t}=e,{mode:o}=$();return jsxRuntime.jsx(ui$1.Box,{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-[1px] oui-w-full",children:t.map((i,r)=>jsxRuntime.jsx(hn,{background:"",price:i[0],quantity:i[1],accumulated:i[2],count:e.countQty,type:e.type,mode:o},r))})};var xn=e=>{let{data:t}=e,o=Wl.useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsxRuntime.jsx(zt,{type:"bid",data:t,countQty:o})};var yn=e=>{let{data:t}=e,o=Wl.useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsxRuntime.jsx(zt,{type:"ask",data:t,countQty:o})};var Cn=e=>{let{symbolInfo:t}=$(),{quote_dp:o}=t;return jsxRuntime.jsxs(ui$1.Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsxRuntime.jsx(It,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsxRuntime.jsx(_t,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};var vn=e=>{let t=Wl.useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsxRuntime.jsx(ui$1.Box,{id:"oui-order-book-depth",className:"oui-pt-2 oui-w-full",children:jsxRuntime.jsx(ui$1.Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};var Ho=e=>{let t=e.data.est_funding_rate,o=e.data.countDown,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,size:"2xs",children:i("trading.fundingRate.predFundingRate")}),t===null?"--":jsxRuntime.jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui$1.Text.numeral,{coloring:true,suffix:"%",dp:4,children:t??"--"}),jsxRuntime.jsx("span",{children:" in"}),jsxRuntime.jsx("span",{children:" "+o})]})]})};var Eo=e=>({data:hooks.useFundingRate(e)});var zo=e=>{let t=Eo(e.symbol);return jsxRuntime.jsx(Ho,{...t})};var Nn=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`;return jsxRuntime.jsx(Rt,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:[],showTotal:false,symbolInfo:e.symbolInfo,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:ui$1.cn("oui-h-full oui-wfull oui-relative",e.className),justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(zo,{symbol:s}),jsxRuntime.jsx(gn,{quote:i,base:r}),jsxRuntime.jsx(yn,{data:e.asks}),jsxRuntime.jsx(Cn,{lastPrice:t,markPrice:o}),jsxRuntime.jsx(xn,{data:e.bids}),jsxRuntime.jsx(vn,{depth:e.depths||[],value:e.activeDepth,onChange:a}),n&&jsxRuntime.jsx("div",{className:"oui-absolute oui-left-0 oui-top-0 oui-right-0 oui-bottom-0 oui-z-10 oui-flex oui-items-center oui-justify-center oui-bg-base-800/70 oui-h-full oui-min-h-[420px]",children:jsxRuntime.jsx(ui$1.Spinner,{})})]})})};var Vo=e=>jsxRuntime.jsx(ui$1.Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsxRuntime.jsx(Nn,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsxRuntime.jsx(dn,{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 gt=20,Ln=104,Go=e=>{let{symbol:t,height:o}=e,i=hooks.useSymbolsInfo()[e.symbol],[r,n]=Wl.useState(gt),[a,s]=Wl.useState(10),{base:c,quote:l,quote_dp:d}=nt(i),[u,{onDepthChange:m,isLoading:g,onItemClick:p,depth:f,allDepths:x}]=hooks.useOrderbookStream(t,void 0,{level:a}),C=vu(t);Wl.useEffect(()=>{if(o){let y=Math.floor((o-Ln)/((gt+1)*2)),Y=(gt+1)*2*y,z=o-Ln-Y;z>10?n(gt+z/y/2):n(gt),s(y);}},[o]);let P=Wl.useMemo(()=>typeof f>"u"||typeof d>"u"?void 0:utils.removeTrailingZeros(f),[f,d]),N=Wl.useMemo(()=>x?.map(y=>utils.removeTrailingZeros(y))||[],[x,d]),{isMobile:h}=ui$1.useScreen();return {level:a,asks:u?.asks,bids:u?.bids,markPrice:u?.markPrice,lastPrice:u?.middlePrice,depths:N,selDepth:P,base:c,quote:l,isLoading:g,onItemClick:p,cellHeight:r,onDepthChange:m,pendingOrders:C,symbolInfo:nt(i),isMobile:h}},vu=e=>{let[t]=hooks.useOrderStream({status:types.OrderStatus.INCOMPLETE,symbol:e});return Wl.useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};var qe=e=>{let t=Go({symbol:e.symbol,height:e.height});return jsxRuntime.jsx(Vo,{...t,className:e.className})};var $o=e=>{let{riskRate:t,riskRateColor:o,isConnected:i,currentLeverage:r,maxLeverage:n}=e,{isHigh:a,isMedium:s,isLow:c,isDefault:l}=o,{wrongNetwork:d}=reactApp.useAppContext(),{t:u}=i18n.useTranslation(),m=d?"":a?"oui-text-danger":s?"oui-text-warning-darken":c?ui$1.gradientTextVariants({color:"brand"}):"";return jsxRuntime.jsxs(ui$1.Box,{"data-risk":"",className:"oui-space-y-2",children:[jsxRuntime.jsx(ui$1.Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsxRuntime.jsx(ui$1.Box,{className:d?"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":c?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe] oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-2",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(vo,{description:u("trading.riskRate.tooltip"),formula:u("trading.riskRate.formula")}),children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:ui$1.cn("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:u("trading.riskRate")})}),jsxRuntime.jsx(ui$1.Text,{size:"xs",color:"neutral",weight:"semibold",className:ui$1.cn(m),children:t??"--"})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"neutral",weight:"semibold",className:ui$1.cn("oui-cursor-pointer","oui-border-b oui-border-b-transparent"),children:u("leverage.maxAccountLeverage")}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-1",children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,suffix:r?"x":void 0,children:r??"--"}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:"/"}),jsxRuntime.jsxs("button",{className:"oui-flex oui-items-center oui-gap-1",onClick:()=>{ui$1.modal.show(uiLeverage.LeverageWidgetId,{currentLeverage:5});},"data-testid":"oui-testid-riskRate-leverage-button",children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,suffix:n?"x":void 0,"data-testid":"oui-testid-riskRate-leverage-value",children:n??"--"}),typeof n<"u"&&n!==null&&jsxRuntime.jsx(ui$1.EditIcon,{size:12,color:"white"})]})]})]})]})]})};var Mu=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}},An=()=>{let{state:e}=hooks.useAccount(),t=e.status>=types.AccountStatusEnum.EnableTrading||e.status===types.AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=hooks.useMarginRatio(),[n]=hooks.useLeverage(),a=Wl.useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new utils.Decimal(r).div(o).mul(100).todp(2,utils.Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),c=Wl.useMemo(()=>Mu(s),[s]),l=reactApp.useDataTap(i),d=reactApp.useDataTap(n);return {riskRate:reactApp.useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:l,maxLeverage:d}};var Ko=()=>{let e=An();return jsxRuntime.jsx($o,{...e})};var Yo=e=>jsxRuntime.jsx("div",{ref:e.containerRef,className:"oui-h-full",children:(e.containerSize?.width||0)>=572?jsxRuntime.jsx(Vu,{...e}):jsxRuntime.jsx(qu,{...e})}),Vu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsxRuntime.jsx(_n,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsxRuntime.jsx(qe,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsxRuntime.jsx(_n,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsxRuntime.jsx(He,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})]})]})},qu=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsxRuntime.jsx(ui$1.TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsxRuntime.jsx(qe,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})}),jsxRuntime.jsx(ui$1.TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsxRuntime.jsx(He,{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"}})})]})})},_n=e=>jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:80,className:ui$1.cn("oui-pb-[5px]",e.className),children:e.title});var Xo=e=>{let[t,o]=Wl.useState(void 0),[i,r]=Wl.useState("orderBook"),n=Wl.useRef();return Wl.useEffect(()=>{let a=new ResizeObserver(c=>{for(let l of c){let{width:d,height:u}=l.contentRect;o({width:d,height:u});}}),s=n.current;return s&&a.observe(s),()=>{s&&a.unobserve(s);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};var Zo=e=>{let t=Xo(e.symbol);return jsxRuntime.jsx(Yo,{...t})};var qn=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=Wl.useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=Wl.useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsxRuntime.jsx("div",{...i,className:ui$1.cn(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-1":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-1",r&&"oui-pointer-events-none"),children:jsxRuntime.jsx("div",{onMouseDown:t,className:ui$1.cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var Ue=Wl.forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsxRuntime.jsx(Ku__default.default,{ref:t,...i,lineBar:true,renderBar:r=>jsxRuntime.jsx(qn,{...r,mode:e.mode}),onDragEnd:(r,n,a)=>{o?.(`${n}`);}})});var jo=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("button",{onClick:o=>{ui$1.modal.show(uiChainSelector.ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),ui$1.toast.success(t("connector.networkSwitched"));},i=>{});},children:jsxRuntime.jsxs(ui$1.Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsxRuntime.jsx(ui$1.ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxRuntime.jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var ei=()=>{let e=hooks.useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=reactApp.useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var ti=()=>{let e=ei();return jsxRuntime.jsx(jo,{...e})};var ni=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-text-[11px] oui-cursor-pointer",onClick:o=>{e.onShowPortfolioSheet();},children:[jsxRuntime.jsxs(ui$1.Flex,{children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:t("common.totalValue")}),jsxRuntime.jsx("button",{onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsxRuntime.jsx(ud,{})]}),jsxRuntime.jsx(ui$1.Text.numeral,{suffix:jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]}),e.canTrade&&jsxRuntime.jsx(ui$1.Divider,{direction:"vertical",className:"oui-h-[26px]"}),e.canTrade&&jsxRuntime.jsx(ui$1.Button,{variant:"outlined",onClick:o=>{e.onShowPortfolioSheet();},className:"oui-h-[28px] oui-text-2xs oui-text-primary-light oui-border-primary-light",children:utils.commifyOptional(e.currentLeverage,{fix:2})+"x"})]})},ud=()=>jsxRuntime.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})});var ai=()=>{let{account:e}=hooks.useAccount(),t=bd(),o=xd(),i=hooks.useEventEmitter(),{t:r}=i18n.useTranslation(),[n,a]=Wl.useState(false),s=Wl.useCallback(async()=>e.settle().catch(d=>{if(d.code==-1104)return ui$1.toast.error(r("settle.settlement.error")),Promise.reject(d);if(d.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return i.emit("wallet:sign-message-with-ledger-error",{message:d.message,userAddress:e.address}),Promise.reject(d);if(d?.code==="ACTION_REJECTED")return ui$1.toast.error(r("connector.userRejected")),Promise.reject(d)}).then(d=>(ui$1.toast.success(r("settle.settlement.requested")),Promise.resolve(d))),[e,r]),c=Wl.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),l=Wl.useCallback(()=>{ui$1.modal.show(uiTransfer.DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]);return {...t,...o,onSettlePnL:s,onDeposit:c,onWithdraw:l,showSliderTip:n,setShowSliderTip:a}},bd=()=>{let{hideAssets:e,setHideAssets:t}=V(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=hooks.useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},xd=()=>{let{t:e}=i18n.useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=hooks.usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=hooks.useMarginRatio(),s=Wl.useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),[c,{update:l,config:d,isMutating:u}]=hooks.useLeverage(),m=Wl.useMemo(()=>d?.map(h=>({label:`${h}x`,value:h}))||[],[d]),[g,p]=Wl.useState(c??0),f=d?.reduce((h,y)=>Math.max(h,Number(y),0),0),x=100/((m?.length||0)-1),C=h=>{p(h);},P=async h=>{try{l({leverage:h}).then(y=>{ui$1.toast.success(e("leverage.updated"));},y=>{ui$1.toast.error(y.message);});}catch{}},N=Wl.useCallback(h=>{P(h[0]);},[]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:x,marks:m,onLeverageChange:C,onValueCommit:N,value:g,maxLeverage:f,onSaveLeverage:P}};function Xn(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 Jn=e=>{let{size:t=20,className:o}=e;return jsxRuntime.jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsxRuntime.jsx("div",{className:ui$1.cn("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var li=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,width:"100%",children:[jsxRuntime.jsx(Fd,{...e}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(Bd,{...e}),jsxRuntime.jsx(Od,{...e}),jsxRuntime.jsx(Rd,{...e})]}),Fd=e=>{let{t}=i18n.useTranslation(),o=Wl.useCallback(()=>ui$1.modal.confirm({title:t("settle.settlePnl"),content:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"xs",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsxRuntime.jsx(ui$1.EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsxRuntime.jsx(ui$1.EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:r=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxRuntime.jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsxRuntime.jsx(ui$1.RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Bd=e=>{let{t}=i18n.useTranslation(),{high:o,mid:i,low:r}=Xn(e.marginRatioVal,e.mmr);return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,width:"100%",children:[jsxRuntime.jsx(ui$1.Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsxRuntime.jsx(Jn,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsxRuntime.jsx(ui$1.Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxRuntime.jsxs(ui$1.Flex,{justify:"start",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsxRuntime.jsx(ui$1.Text,{size:"xs",children:"/"}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})},Od=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,children:t("leverage.maxAccountLeverage")}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,children:`${t("common.current")}:`}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"2xs",unit:"x",intensity:98,children:e.currentLeverage??"--"})]})]}),jsxRuntime.jsx(uiLeverage.LeverageSlider,{value:e.value,maxLeverage:e.maxLeverage,onLeverageChange:e.onLeverageChange,setShowSliderTip:e.setShowSliderTip,showSliderTip:e.showSliderTip,onValueCommit:e.onValueCommit})]})},Rd=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")}),jsxRuntime.jsx(ui$1.Button,{icon:jsxRuntime.jsx(ui$1.ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")})]})};var ci=()=>{let e=ai();return jsxRuntime.jsx(li,{...e})};var ui=()=>{let{t:e}=i18n.useTranslation(),{bottomSheetLeading:t}=M(),{hideAssets:o,setHideAssets:i}=V(),{wrongNetwork:r,disabledConnect:n}=reactApp.useAppContext(),{state:a}=hooks.useAccount(),{currentLeverage:s}=hooks.useMarginRatio(),{totalValue:c}=hooks.useCollateral(),l=!r&&!n&&(a.status>=types.AccountStatusEnum.EnableTrading||a.status===types.AccountStatusEnum.EnableTradingWithoutConnected),d=()=>{l&&ui$1.modal.sheet({title:e("trading.asset&Margin"),leading:t,content:jsxRuntime.jsx(ci,{})});},u=reactApp.useDataTap(c);return {currentLeverage:s,total:u,hideAssets:o,setHideAssets:i,onShowPortfolioSheet:d,wrongNetwork:r,canTrade:l}};var di=()=>{let e=ui();return jsxRuntime.jsx(ni,{...e})};function mi(){let[e,t]=Wl.useState(false),[o,i]=hooks.useLocalStorage("orderly_qr_code_scan_tooltip_open",true),r=()=>{t(true);},n=()=>{t(false);},a=s=>{Qd(s)&&(window.location.href=s);};return Wl.useEffect(()=>{o&&setTimeout(()=>{i(false);},8e3);},[o]),{open:e,onOpenChange:t,showDialog:r,hideDialog:n,onScanSuccess:a,showScanTooltip:o}}function Qd(e){try{let t=new URL(e);return ["http:","https:"].includes(t.protocol)}catch{return false}}var $e=320,Qe=320,$t=2,ia=e=>{let t=Wl.useRef(null),o=Wl.useRef(null),i=()=>{let r=t.current,n=o.current;if(!r||!n)return;let a=n.getContext("2d");if(r.readyState===r.HAVE_ENOUGH_DATA){let s=r.videoWidth,c=r.videoHeight,l=n.width/n.height,d=s/c,u,m,g,p;d>l?(p=c,g=c*l,u=(s-g)/2,m=0):(g=s,p=s/l,u=0,m=(c-p)/2),a.drawImage(r,u,m,g,p,0,0,n.width,n.height);let f=a.getImageData(0,0,n.width,n.height),x=Yd__default.default(f.data,f.width,f.height,{inversionAttempts:"dontInvert"});x?.data&&e.onSuccess?.(x.data);}requestAnimationFrame(i);};return Wl.useEffect(()=>{let r=t.current;if(!(!open||!r))return navigator?.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:$e*$t},height:{ideal:Qe*$t}}}).then(n=>{r.srcObject=n,r.setAttribute("playsinline","true"),r.play(),r.onloadeddata=()=>{requestAnimationFrame(i);};}).catch(n=>{}),()=>{let n=r.srcObject;n&&n.getTracks().forEach(s=>s.stop()),r.srcObject=null;}},[t,o]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("video",{ref:t,width:$e,height:Qe,className:"oui-bg-base-10 oui-rounded-2xl oui-hidden"}),jsxRuntime.jsx("canvas",{ref:o,width:$e*$t,height:Qe*$t,style:{width:$e,height:Qe},className:"oui-bg-base-10 oui-rounded-2xl"})]})};var gi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Tooltip,{open:e.showScanTooltip,content:t("linkDevice.scanQRCode.tooltip"),className:"oui-bg-base-6 oui-text-warning-darken oui-text-2xs oui-font-semibold",arrow:{className:"!oui-fill-base-6"},children:jsxRuntime.jsx(ui$1.Flex,{className:"oui-rounded-md oui-bg-base-5 oui-px-[6px] oui-h-7 oui-cursor-pointer",onClick:e.showDialog,children:jsxRuntime.jsx(nm,{className:"oui-text-base-contrast-80"})})}),jsxRuntime.jsx(ui$1.SimpleDialog,{title:jsxRuntime.jsx(uiScaffold.MainLogo,{}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",children:jsxRuntime.jsx(rm,{...e})})]})},rm=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{justify:"center",direction:"column",gapY:5,children:[jsxRuntime.jsxs(ui$1.Box,{width:$e,height:Qe,className:"oui-relative",children:[jsxRuntime.jsx(ia,{onSuccess:e.onScanSuccess}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(sm,{}),jsxRuntime.jsx(Qt,{className:"oui-absolute oui-top-[-1.5px] oui-left-[-1.5px]"}),jsxRuntime.jsx(Qt,{className:"oui-absolute oui-top-[-1.5px] oui-right-[-1.5px] oui-rotate-90"}),jsxRuntime.jsx(Qt,{className:"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] oui-rotate-[-90deg]"}),jsxRuntime.jsx(Qt,{className:"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] oui-rotate-[-180deg]"})]})]}),jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:98,weight:"semibold",children:t("linkDevice.scanQRCode")}),jsxRuntime.jsx("span",{className:"oui-px-3 oui-text-center",children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-break-words",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"linkDevice.scanQRCode.description",components:[jsxRuntime.jsx(am,{className:"oui-inline-block oui-text-base-contrast-80 oui-mx-1"})]})})})]})},nm=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v.75a.75.75 0 0 0 1.5 0v-.75a1.5 1.5 0 0 1 1.5-1.5h2.25a.75.75 0 0 0 0-1.5zm5.25 0a.75.75 0 0 0 0 1.5h2.25a1.5 1.5 0 0 1 1.5 1.5v.75a.75.75 0 0 0 1.5 0v-.75a3 3 0 0 0-3-3zm-7.5 9a.75.75 0 0 0-.75.75v.75a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 0-1.5h-2.25a1.5 1.5 0 0 1-1.5-1.5v-.75a.75.75 0 0 0-.75-.75m12 0a.75.75 0 0 0-.75.75v.75a1.5 1.5 0 0 1-1.5 1.5h-2.25a.75.75 0 0 0 0 1.5h2.25a3 3 0 0 0 3-3v-.75a.75.75 0 0 0-.75-.75M5.25 8.999a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75"})}),am=e=>{let{size:t=20,...o}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})},sm=()=>jsxRuntime.jsx("div",{className:ui$1.cn("oui-absolute oui-top-0 oui-left-[30px]","oui-w-[calc(100%-60px)] oui-h-[2px] oui-rounded-full","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]","oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]","oui-animate-scan-qr-code")}),Qt=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",...e,children:[jsxRuntime.jsx("path",{d:"M62 2H18C9.16344 2 2 9.16344 2 18V62",stroke:"url(#paint0_linear_136_6227)",strokeWidth:"3",strokeLinecap:"round"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_136_6227",x1:"2",y1:"32",x2:"62",y2:"32",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var fi=()=>{let e=mi();return jsxRuntime.jsx(gi,{...e})};var la=()=>jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsxRuntime.jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsxRuntime.jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),ca=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),pi=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#a)",children:[jsxRuntime.jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsxRuntime.jsx("path",{d:"M13 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsxRuntime.jsx("path",{d:"M7.74 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .399-.173.044-.043.044-.087.044-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff"})]}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{id:"a",children:jsxRuntime.jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},ua=e=>{let{size:t=20}=e;return jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsxRuntime.jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#C750FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsxRuntime.jsx("clipPath",{id:"clip0_6403_64483",children:jsxRuntime.jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var xi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:4,children:[jsxRuntime.jsx(cm,{...e}),jsxRuntime.jsx(um,{...e}),jsxRuntime.jsx(dm,{...e}),jsxRuntime.jsxs(ui$1.Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},cm=e=>jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsx(la,{}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"address",children:e.address}),jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:80,prefix:jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsxRuntime.jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsxRuntime.jsx(ca,{})})]}),um=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:t("affiliate.referral")}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("common.affiliate")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(pi,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxRuntime.jsxs(ui$1.Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text,{size:"xs",children:t("affiliate.trader")}),jsxRuntime.jsxs(ui$1.Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(pi,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},dm=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsxRuntime.jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsxRuntime.jsx(ui$1.Text,{children:t("common.tradingRewards")}),jsxRuntime.jsxs(ui$1.Text,{intensity:54,children:["(",jsxRuntime.jsx(ui$1.Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsxRuntime.jsx(ui$1.ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxRuntime.jsxs(ui$1.Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx(ua,{}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var Si=e=>{let{t}=i18n.useTranslation(),[o]=hooks.useLocalStorage("orderly_link_device",{}),{account:i,state:r}=hooks.useAccount(),n=i.accountId,a=i.address,{hide:s}=ui$1.useModal(),c=hooks.useConfig(),{connectedChain:l,disconnect:d,namespace:u}=hooks.useWalletConnector(),m=i.chainId||l?.id||o?.chainId,g=Wl.useMemo(()=>m?(r.status===types.AccountStatusEnum.EnableTrading||r.status===types.AccountStatusEnum.EnableTradingWithoutConnected)&&utils.isTestnet(parseInt(m)):false,[r.status,m]),p=Dm(m),f=c.get("operatorUrl"),x=()=>{navigator.clipboard.writeText(a??""),ui$1.toast.success(t("common.copy.copied"));},{affiliateCommission30D:C,traderCommission30D:P,isAffiliate:N,isTrader:h,onClickReferral:y}=Nm(e.onClickReferral),{curEpochId:Y,estRewards:z,onClickTradingRewards:se}=km(e.onClickTradingRewards),ye=async()=>{localStorage.removeItem("orderly_link_device"),await d({label:r.connectWallet?.name}),await i.disconnect(),s();},[Se,{isMutating:Je}]=hooks.useMutation(`${f}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:m,chainName:p,onCopyAddress:x,affiliateCommission30D:C,onClickReferral:y,isAffiliate:N,isTrader:h,traderCommission30D:P,curEpochId:Y,onClickTradingRewards:se,estRewards:z,onDisconnect:ye,showGetTestUSDC:g,onGetTestUSDC:()=>{if(r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected)return;let W=t("trading.faucet.getTestUSDC.success",{quantity:u===types.ChainNamespace.solana?"100":"1,000"});return Se({chain_id:m?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(J=>{if(J.success)return ui$1.modal.alert({title:t("trading.faucet.getTestUSDC"),message:W,onOk:()=>Promise.resolve(true)});J.message&&ui$1.toast.error(J.message);},J=>{ui$1.toast.error(J.message);})},gettingTestUSDC:Je}},Nm=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=hooks.useReferralInfo(),n=Wl.useMemo(()=>{if(i)return t?.referrer_info["30d_referrer_rebate"]},[t]),a=Wl.useMemo(()=>{if(r)return t?.referee_info["30d_referee_rebate"]},[t]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},km=e=>{let[t]=hooks.useCurEpochEstimate(hooks.TWType.normal),[o,i]=hooks.useEpochInfo(hooks.TWType.normal),r=Wl.useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=Wl.useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function Dm(e){let[t,{findByChainId:o}]=hooks.useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return Wl.useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var Ci=e=>{let t=Si(e);return jsxRuntime.jsx(xi,{...t})};var fa=()=>{let{t:e}=i18n.useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=M(),{account:r,state:n}=hooks.useAccount();return {onShowAccountSheet:()=>{ui$1.modal.sheet({title:e("common.account"),leading:i,content:jsxRuntime.jsx(Ci,{...t,...o})});},address:r.address,state:n}};var ha=e=>jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"sm"},children:jsxRuntime.jsx(ui$1.Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:ui$1.formatAddress(e.address,[4,4])})});ui$1.installExtension({name:"mobile-account-menu",scope:["*"],positions:[ui$1.ExtensionPositionEnum.MobileAccountMenu],builder:fa,__isInternal:true})(e=>jsxRuntime.jsx(ha,{...e}));var xa=()=>jsxRuntime.jsx(ui$1.ExtensionSlot,{position:ui$1.ExtensionPositionEnum.MobileAccountMenu});var Ti=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===types.AccountStatusEnum.EnableTradingWithoutConnected?jsxRuntime.jsx(qm,{onDisconnect:e.onDisconnect}):jsxRuntime.jsx(ti,{}),o=!e.disabledConnect&&e.status!==types.AccountStatusEnum.EnableTradingWithoutConnected&&e.status<types.AccountStatusEnum.EnableTrading;return jsxRuntime.jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxRuntime.jsxs(ui$1.Flex,{height:64,gap:1,justify:"between",itemAlign:"center",className:" oui-px-[14px] oui-pt-[7px]",children:[jsxRuntime.jsx(di,{}),jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[o&&jsxRuntime.jsx(fi,{}),t(),jsxRuntime.jsx(xa,{})]})]}),jsxRuntime.jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},qm=e=>{let[t,o]=Wl.useState(false),{t:i}=i18n.useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsxRuntime.jsx(Gm,{}),jsxRuntime.jsx(Sa,{}),jsxRuntime.jsx($m,{}),jsxRuntime.jsx(Sa,{}),jsxRuntime.jsx(Um,{})]})]})},Sa=()=>jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsxRuntime.jsx(vi,{}),jsxRuntime.jsx(vi,{}),jsxRuntime.jsx(vi,{})]}),Gm=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),Um=e=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),$m=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),vi=e=>jsxRuntime.jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var Pi=()=>{let{wrongNetwork:e,disabledConnect:t}=reactApp.useAppContext(),{account:o,state:i}=hooks.useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var Ni=()=>{let e=Pi();return jsxRuntime.jsx(Ti,{...e})};var Ca=()=>{let{appIcons:e}=reactApp.useAppConfig(),{secondary:t}=e||{};return t?.img?jsxRuntime.jsx("img",{src:t?.img,className:"oui-w-5 oui-h-5"}):t?.component?t.component:null};var ki=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=Wl.useState("Position"),[n,a]=Wl.useState("Position history"),{t:s}=i18n.useTranslation(),{onSymbolChange:c}=M(),l=V(),[d,{cancelAllOrders:u,cancelAllTPSLOrders:m}]=hooks.useOrderStream({}),{positionCount:g}=it(t),{pendingOrderCount:p,tpSlOrderCount:f}=rt(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:g,pendingOrderCount:p,tpSlOrderCount:f,...l,onCloseAll:C=>{let P=C===uiOrders.TabType.pending?s("orders.pending.cancelAll"):C===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll"):"",N=C===uiOrders.TabType.pending?s("orders.pending.cancelAll.description"):C===uiOrders.TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";ui$1.modal.confirm({title:P,content:jsxRuntime.jsx(ui$1.Text,{size:"2xs",children:N}),onOk:async()=>{try{return i==="TP/SL"?await m():await u(),Promise.resolve(!0)}catch(h){return h?.message!==void 0&&toast.error(h.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};var Fi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Tabs,{value:e.tab,onValueChange:o=>e.setTab(o),size:"lg",className:e.className,classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"},children:[jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("common.positions")}${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,value:"Position",children:jsxRuntime.jsx(mg,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("orders.status.pending")}${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,value:"Pending",children:jsxRuntime.jsx(Di,{type:uiOrders.TabType.pending,ordersStatus:types.OrderStatus.INCOMPLETE,...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:`${t("common.tpsl")}${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,value:"TP/SL",children:jsxRuntime.jsx(Di,{type:uiOrders.TabType.tp_sl,ordersStatus:types.OrderStatus.INCOMPLETE,...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.history"),value:"History",children:jsxRuntime.jsx(fg,{...e})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("positions.liquidation"),value:"Liquidation",children:jsxRuntime.jsx(uiPositions.MobileLiquidationWidget,{enableLoadMore:true,symbol:e.showAllSymbol?void 0:e.symbol,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})})]})},mg=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(ot,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsxRuntime.jsx(uiPositions.MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})]}),Di=e=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",pb:2,width:"100%",children:[jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),e.type!==uiOrders.TabType.orderHistory&&jsxRuntime.jsx(gg,{...e}),jsxRuntime.jsx(uiOrders.MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===uiOrders.TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),gg=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px] oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"xs",color:"secondary",onClick:o=>{e.onCloseAll(e.type);},children:t("trading.orders.closeAll")})]})},fg=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-min-h-[300px]",children:jsxRuntime.jsxs(ui$1.Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsxRuntime.jsx(uiPositions.MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsxRuntime.jsx(Di,{type:uiOrders.TabType.orderHistory,...e})})]})})};var Bi=e=>{let t=ki(e);return jsxRuntime.jsx(Fi,{...t,className:e.className})};var Oi=e=>{let[t,o]=Wl.useState(0),i=Wl.useRef(null);return Wl.useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxRuntime.jsxs("div",{className:ui$1.cn("oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 oui-mx-1 ",e.className),children:[jsxRuntime.jsx("div",{className:"oui-bg-base-9 oui-rounded-xl",style:{height:`${t+16}px`},children:jsxRuntime.jsx(qe,{symbol:e.symbol,height:t?t-44:void 0})}),jsxRuntime.jsx("div",{className:"oui-bg-base-9 oui-rounded-xl oui-p-2",children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};var Ri=()=>{let{symbol:e}=M();return {symbol:e}};var Ai=e=>{let t=Ri();return jsxRuntime.jsx(Oi,{className:e.className,...t})};var Mi=()=>{let[e,t]=Wl.useState("chart"),{symbol:o}=M(),[i,r]=Wl.useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};var Na=e=>jsxRuntime.jsx(He,{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 Ei=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[jsxRuntime.jsx(Xe,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Xe,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Xe,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsxRuntime.jsx(Xe,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Xe,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsxRuntime.jsx(Xe,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},Xe=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,children:t}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"USDC"})]})]})};var zi=e=>{let{symbol:t}=e,o=hooks.useTickerStream(t),{symbolInfo:i}=M(),r=Wl.useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new utils.Decimal(a).mul(s).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]),n=Wl.useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new utils.Decimal(a).mul(Number(s)).toFixed(i.quote_dp,utils.Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};var Wi=e=>{let t=zi(e);return jsxRuntime.jsx(Ei,{...t})};var Da=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("g",{id:"Arrows-expand",children:jsxRuntime.jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});function Fa(e){return jsxRuntime.jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsxRuntime.jsx("div",{className:"oui-w-full oui-h-full",children:jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsxRuntime.jsx("div",{className:"oui-relative oui-w-full",children:jsxRuntime.jsx("div",{ref:e.dragRef,className:ui$1.cn("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsxRuntime.jsx(Da,{className:ui$1.cn("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]})}var Fg=354,Ra=234,Bg="TRADINGVIEW_MOBILE_HEIGHT";function Aa(e){let[t,o]=hooks.useLocalStorage(Bg,Ra),[i,r]=Wl.useState(false),n=Wl.useRef(null),a=Wl.useRef(null),[s,c]=Wl.useState(0),l=Wl.useRef(0),d=Wl.useCallback(g=>{if(!a.current)return;r(true);let p=g.touches[0],f=a.current.getBoundingClientRect();g.stopPropagation(),g.preventDefault();let x=p.clientY-f.bottom;l.current=f.top,c(x);},[]),u=Wl.useCallback(g=>{if(a.current&&i){g.stopPropagation(),g.preventDefault();let f=g.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(f),Ra),Fg)),false}},[i,s]),m=Wl.useCallback(()=>{r(false);},[]);return Wl.useEffect(()=>{let g=n.current;if(g)return g.addEventListener("touchstart",d),()=>{g.removeEventListener("touchstart",d);}},[d]),Wl.useEffect(()=>(document.addEventListener("touchmove",u,{passive:false}),document.addEventListener("touchend",m),()=>{document.removeEventListener("touchmove",u),document.removeEventListener("touchend",m);}),[i,u,m]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}function Ma(e){let t=Aa(e);return jsxRuntime.jsx(Fa,{...t})}var $i=e=>{let{t}=i18n.useTranslation(),{tradingViewConfig:o}=M();return jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsxRuntime.jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsxRuntime.jsx(_g,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsxRuntime.jsx(Ma,{symbol:e.symbol,tradingViewConfig:o})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsxRuntime.jsx(Na,{symbol:e.symbol})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsxRuntime.jsx(ui$1.Box,{px:3,children:jsxRuntime.jsx(Wi,{symbol:e.symbol})})})]})},_g=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:ui$1.cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsxRuntime.jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsxRuntime.jsx("defs",{})]});var Qi=e=>{let t=Mi();return jsxRuntime.jsx($i,{className:e.className,...t})};var _a=e=>{let t=()=>{e.onOpenMarketsSheetChange(true);},o=jsxRuntime.jsxs(ui$1.Box,{intensity:900,px:3,height:54,children:[jsxRuntime.jsx(markets.SymbolInfoBarWidget,{symbol:e.symbol,trailing:jsxRuntime.jsxs(ui$1.Flex,{gapX:3,children:[jsxRuntime.jsx(uiScaffold.LanguageSwitcherWidget,{}),jsxRuntime.jsx(Ca,{})]}),onSymbol:t}),jsxRuntime.jsx(ui$1.SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-[env(safe-area-inset-bottom)]",content:"oui-w-[280px] !oui-p-0 oui-rounded-bl-[40px] oui-h-full "},contentProps:{side:"left",closeable:false},children:jsxRuntime.jsx(markets.MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsxRuntime.jsxs("div",{style:{paddingBottom:"calc(64px + env(safe-area-inset-bottom))"},className:"oui-relative oui-grid oui-h-screen oui-grid-rows-[auto,1fr,auto] oui-gap-1 oui-bg-base-10",children:[jsxRuntime.jsx("header",{children:o}),jsxRuntime.jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[jsxRuntime.jsx(Qi,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"}),jsxRuntime.jsx(Ai,{}),jsxRuntime.jsx(Bi,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})]}),jsxRuntime.jsx("div",{className:"oui-fixed oui-inset-x-0 oui-bottom-0",children:jsxRuntime.jsx(Ni,{})})]})};var Ze=(e,t,o)=>[Wl.useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];var Zi=6,Ji=48,ji=29,j=12,Te=54,to=280,Ea=360,Ct=280,za=732,ge=464,Me=728,Ie=320,wt=540,er=800,Wa=()=>{let[e,t]=Wl.useState(false),o=M(),{state:i}=hooks.useAccount(),{wrongNetwork:r,disabledConnect:n,restrictedInfo:a}=reactApp.useAppContext(),{isFirstTimeDeposit:s}=ko(),c=hooks.useMediaQuery("(max-width: 1279px)"),l=hooks.useMediaQuery("(min-width: 1440px)"),d=hooks.useMediaQuery("(max-width: 1680px)"),[u,m]=hooks.useLocalStorage("orderly_order_entry_side_markets_layout","right"),g=Wl.useMemo(()=>!r&&!n&&(i.status>=types.AccountStatusEnum.EnableTrading||i.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[i.status,r,n]),p=Wl.useMemo(()=>l,[l]),f=Xg({canTrade:g,isFirstTimeDeposit:s}),x=Yg({collapsable:l}),C=Zg(u),P=Jg({max2XL:c}),N=x.collapsed?70:280,h=c?1200:600,y=g?379:277,Y=jg({orderEntryViewRef:P.orderEntryViewRef,tradindviewMaxHeight:h,dataListMinHeight:y}),z={layout:u,onLayout:m,max2XL:c,min3XL:l,max4XL:d,canTrade:g,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:p,...x,...f,...C,...P,restrictedInfo:a,...Y,marketsWidth:N,tradindviewMaxHeight:h,dataListMinHeight:y};return {...o,...z}};function Yg(e){let{collapsable:t}=e,[o,i]=Wl.useState(false),[r,n]=hooks.useLocalStorage("orderly_side_markets_collapsed",void 0),a=c=>{n(c),i(true);},s=Wl.useMemo(()=>t?r:true,[t,r]);return {collapsable:t,collapsed:s,onCollapse:a,animating:o,setAnimating:i}}function Xg(e){let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=hooks.useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(c,l)=>{let d=[...i];if(c===0&&l===d.length-1){d[l]=i[c];for(let u=0;u<d.length-1;u++)d[u]=i[u+1];}else if(c===d.length-1&&l===0){d[l]=i[c];for(let u=1;u<d.length;u++)d[u]=i[u-1];}else [d[c],d[l]]=[d[l],d[c]];r(d);},a=Wl.useMemo(()=>t&&!o,[t,o]);return {positions:Wl.useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}}function Zg(e){let[t,o]=Ze("orderly_main_split_size",void 0,e),[i,r]=Ze("orderly_datalist_split_size","350px"),[n,a]=Ze("orderly_orderbook_split_size","280px",e),[s,c]=Ze("orderly_datalist_split_height_sm","350px"),[l,d]=Ze("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:n,setOrderbookSplitSize:a,dataListSplitSize:i,setDataListSplitSize:r,mainSplitSize:t,setMainSplitSize:o,dataListSplitHeightSM:s,setDataListSplitHeightSM:c,orderBookSplitHeightSM:l,setOrderbookSplitHeightSM:d}}function Jg(e){let{max2XL:t}=e,[o,i]=Wl.useState(0),r=Wl.useRef(null);return Wl.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 Va(e){return e?`${100-Math.min(Number(e),100)}`:""}function jg(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=Wl.useRef(null),r=Wl.useRef(null),[n,a]=hooks.useLocalStorage("orderly_order_entry_extra_height",0),s=22,[c,l]=hooks.useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(m,g)=>{let p=i?.current?.boxHeight;if(!p)return;let f=p*m/100,x=p*g/100,C=Math.min(Math.max(f,Ie),t),P=Math.min(Math.max(x,ge),Me),N=e.orderEntryViewRef.current?.clientHeight||0;if(x>=P){let h=x-P;a(Math.max(0,n-h));}else if(C+P<t+Me){let h=C+P+s+Te,y=Math.max(0,h-N);a(n+y);}},onDataListSplitHeightDragging:(m,g)=>{let p=r?.current?.boxHeight;if(!p)return;let f=p*g/100;if(f>=o&&f<=er){l(f);let x=f-c;x>0&&a(Math.max(0,n-x));}},extraHeight:n,dataListHeight:c}}var Ga=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(cf,{...e,children:jsxRuntime.jsxs(ui$1.Flex,{px:3,className:ui$1.cn("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsxRuntime.jsx(uf,{}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},cf=e=>{let[t,o]=Wl.useState(false),{t:i}=i18n.useTranslation(),r=a=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(a),o(false);},className:"oui-group",children:[jsxRuntime.jsx(ui$1.Flex,{justify:a==="right"?"end":"start",className:ui$1.cn("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===a&&"!oui-border-primary-light"),children:jsxRuntime.jsx(ui$1.Box,{p:1,children:jsxRuntime.jsx(df,{})})}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,className:ui$1.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",e.layout===a&&"oui-text-base-contrast-80"),children:i(a==="right"?"trading.layout.right":"trading.layout.left")})]}),n=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px]",children:[jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:98,children:i("trading.layout")}),jsxRuntime.jsx(ui$1.CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsxRuntime.jsx(ui$1.Divider,{}),jsxRuntime.jsxs(ui$1.Flex,{gapX:6,mt:5,children:[r("right"),r("left")]})]});return jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui$1.DropdownMenuPortal,{children:jsxRuntime.jsx(ui$1.DropdownMenuContent,{onCloseAutoFocus:a=>a.preventDefault(),onClick:a=>a.stopPropagation(),align:"end",className:ui$1.cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-w-[360px] oui-font-semibold"),children:n})})]})},uf=e=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),df=e=>jsxRuntime.jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsxRuntime.jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsxRuntime.jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsxRuntime.jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsxRuntime.jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsxRuntime.jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsxRuntime.jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#59B0FE"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]});var ro=e=>{let{showIndicator:t=true}=e,[o,i]=Wl.useState(false);return jsxRuntime.jsxs(ui$1.Box,{intensity:900,r:"2xl",p:3,width:"100%",className:ui$1.cn("oui-relative",e.className),children:[e.children,jsxRuntime.jsx(ui$1.Tooltip,{open:o,onOpenChange:i,side:"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsxRuntime.jsx(ui$1.Flex,{direction:"column",gapY:2,children:[xf,yf,Sf].map((r,n)=>jsxRuntime.jsx(r,{className:ui$1.cn("oui-rounded oui-cursor-pointer hover:oui-bg-base-5",e.index===n&&"oui-bg-base-5"),onClick:()=>{e.onLayout?.(e.index,n),i(false);}},n))}),delayDuration:0,className:ui$1.cn("oui-bg-base-9 oui-rounded","oui-border oui-border-line-12","oui-p-1"),arrow:{className:"oui-fill-transparent"},children:t&&jsxRuntime.jsx("div",{className:"oui-absolute oui-right-[1px] oui-top-[18px]",children:jsxRuntime.jsx(bf,{className:ui$1.cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80","oui-cursor-pointer")})})})]})},bf=e=>jsxRuntime.jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsxRuntime.jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]}),xf=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"2.667",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"8.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),yf=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"6",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),Sf=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("rect",{x:"1.333",y:"9.333",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsxRuntime.jsx("rect",{x:"2.667",y:"6",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsxRuntime.jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]});var Ua=e=>{let{collapsable:t,collapsed:o,onCollapse:i,layout:r,onLayout:n,orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:c,setDataListSplitSize:l,mainSplitSize:d,setMainSplitSize:u,dataListSplitHeightSM:m,setDataListSplitHeightSM:g,orderBookSplitHeightSM:p,setOrderbookSplitHeightSM:f,max2XL:x,max4XL:C,animating:P,setAnimating:N,positions:h,updatePositions:y,showPositionIcon:Y,horizontalDraggable:z,marketsWidth:se,tradindviewMaxHeight:ye,dataListMinHeight:Se}=e,Je=Ji+ji+Te+ge+Se+j*4,R=Ji+ji+Te+Ie+ge+Se+j*4,W=jsxRuntime.jsx(markets.SideMarketsWidget,{collapsable:t,collapsed:o,onCollapse:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),J=jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:se,style:{minWidth:se},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>{N(false);},children:!P&&W}),je=Wl.useMemo(()=>jsxRuntime.jsx(Ga,{layout:r,onLayout:n}),[r,n]),_e=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:Te,height:Te},children:jsxRuntime.jsx(markets.SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:je})}),{library_path:Ka,...Ya}=e.tradingViewConfig,rr=jsxRuntime.jsx(uiTradingview.TradingviewWidget,{symbol:e.symbol,...Ya,libraryPath:Ka}),nr=jsxRuntime.jsx(ui$1.Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:wt},className:"oui-overflow-hidden",children:rr}),ar=jsxRuntime.jsx(Zo,{symbol:e.symbol}),Xa=jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",style:{minWidth:Ct,maxWidth:z?za:Ct,width:a},className:"oui-overflow-hidden",children:ar}),sr=jsxRuntime.jsx(po,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig}),Za=jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:3,style:{height:c,minHeight:Se},className:"oui-overflow-hidden",children:sr}),Ja=[jsxRuntime.jsx(ro,{className:"oui-border oui-border-line-12",index:h.findIndex(le=>le===0),onLayout:y,showIndicator:Y,children:jsxRuntime.jsx(Do,{})},"assets"),jsxRuntime.jsx(ro,{index:h.findIndex(le=>le===1),onLayout:y,showIndicator:Y,children:jsxRuntime.jsx(uiOrderEntry.OrderEntryWidget,{symbol:e.symbol})},"orderEntry"),jsxRuntime.jsx(ro,{index:h.findIndex(le=>le===2),onLayout:y,showIndicator:Y,children:jsxRuntime.jsx(Ko,{})},"margin")],lr=h.map(le=>Ja[le]),cr=jsxRuntime.jsx(ui$1.Flex,{gapY:3,direction:"column",height:"100%",style:{minWidth:to,maxWidth:z?Ea:to,width:d},children:lr}),ur=jsxRuntime.jsxs(Ue,{style:{flex:1,minHeight:ge},onSizeChange:s,disable:!z,children:[C&&r==="right"?jsxRuntime.jsxs(ui$1.Flex,{gap:3,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:se+wt+j},children:[J,nr]}):nr,Xa]}),ja=()=>C&&r==="left"?jsxRuntime.jsxs(ui$1.Flex,{gapX:3,style:{minHeight:ge},height:"100%",children:[ur,J]}):ur,es=jsxRuntime.jsxs(ui$1.Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:3,style:{minWidth:C?se+wt+Ct+j*2:wt+Ct+j},children:[_e,jsxRuntime.jsxs(Ue,{className:"oui-w-full !oui-h-[calc(100%_-_54px_-_12px)]",mode:"vertical",onSizeChange:l,children:[ja(),Za]})]}),ts=le=>u(r==="left"?Va(le):le);return x?jsxRuntime.jsxs(Ue,{ref:e.max2XLSplitRef,style:{minHeight:R,minWidth:1024-Zi},className:ui$1.cn("oui-flex oui-flex-1 ","oui-min-w-[1018px] oui-h-full oui-w-full","oui-p-3",e.className),onSizeChange:g,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:3,itemAlign:"stretch",className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(Te+Ie+ge+j*2,e.orderEntryHeight),maxHeight:Te+ye+Me+j*2},children:[jsxRuntime.jsxs(ui$1.Flex,{height:"100%",className:"oui-flex-1 oui-w-[calc(100%_-_280px_-_12px)]",direction:"column",gapY:3,children:[_e,jsxRuntime.jsxs(ui$1.Flex,{width:"100%",height:"100%",gapX:3,itemAlign:"stretch",style:{minHeight:Ie+ge+j,maxHeight:ye+Me+j},className:ui$1.cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[jsxRuntime.jsx(ui$1.Box,{intensity:900,pt:3,r:"2xl",width:se,style:{minHeight:Ie+ge+j,maxHeight:ye+Me+j},children:W}),jsxRuntime.jsxs(Ue,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${se}px)`},className:"oui-flex-1",onSizeChange:f,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsxRuntime.jsx(ui$1.Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:Ie,maxHeight:ye,height:1200},children:rr}),jsxRuntime.jsx(ui$1.Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:ge,maxHeight:Me,height:p},className:"oui-flex-1",children:ar})]})]})]}),jsxRuntime.jsxs(ui$1.Flex,{ref:e.orderEntryViewRef,gapY:3,direction:"column",style:{width:to,height:"max-content"},children:[lr,jsxRuntime.jsx(ui$1.Box,{height:e.extraHeight})]})]}),jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"2xl",p:3,style:{height:m,minHeight:Math.max(Se,e.dataListHeight),maxHeight:er},className:"oui-overflow-hidden",children:sr})]}):jsxRuntime.jsxs(ui$1.Flex,{style:{minHeight:Je,minWidth:1440-Zi},className:ui$1.cn(e.className,r==="left"&&"oui-flex-row-reverse"),width:"100%",p:3,gap:3,children:[!C&&J,jsxRuntime.jsxs(Ue,{className:"oui-flex oui-flex-1 oui-overflow-hidden",onSizeChange:ts,disable:!z,children:[r==="left"&&cr,es,r==="right"&&cr]})]})};var or=e=>{let{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(_a,{...e}):jsxRuntime.jsx(Ua,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var ir=()=>{let e=Wa();return jsxRuntime.jsx(or,{...e})};var Df=e=>jsxRuntime.jsx(Sr,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsxRuntime.jsx(ir,{})});
30
31
 
31
- exports.AssetView = So;
32
- exports.AssetViewWidget = To;
33
- exports.BottomNavBar = Ci;
34
- exports.BottomNavBarWidget = vi;
35
- exports.DataList = co;
36
- exports.DataListWidget = uo;
37
- exports.LastTrades = mo;
38
- exports.LastTradesWidget = Me;
39
- exports.OrderBook = zo;
40
- exports.OrderBookAndTrades = Qo;
41
- exports.OrderBookAndTradesWidget = Ko;
42
- exports.OrderBookWidget = Ee;
43
- exports.PortfolioSheet = ni;
44
- exports.PortfolioSheetWidget = ai;
45
- exports.RiskRate = qo;
46
- exports.RiskRateWidget = Uo;
47
- exports.SplitLayout = We;
48
- exports.Trading = ji;
49
- exports.TradingPage = hf;
50
- exports.TradingPageContext = mr;
51
- exports.TradingPageProvider = gr;
52
- exports.TradingWidget = er;
53
- exports.useBottomNavBarScript = wi;
54
- exports.useOrderBookAndTradesScript = $o;
55
- exports.useOrderBookScript = Vo;
56
- exports.usePendingOrderCount = Ze;
57
- exports.usePortfolioSheetScript = ii;
58
- exports.usePositionsCount = Ye;
59
- exports.useTradingLocalStorage = z;
32
+ exports.AssetView = To;
33
+ exports.AssetViewWidget = Do;
34
+ exports.BottomNavBar = Ti;
35
+ exports.BottomNavBarWidget = Ni;
36
+ exports.DataList = fo;
37
+ exports.DataListWidget = po;
38
+ exports.LastTrades = ho;
39
+ exports.LastTradesWidget = He;
40
+ exports.OrderBook = Vo;
41
+ exports.OrderBookAndTrades = Yo;
42
+ exports.OrderBookAndTradesWidget = Zo;
43
+ exports.OrderBookWidget = qe;
44
+ exports.PortfolioSheet = li;
45
+ exports.PortfolioSheetWidget = ci;
46
+ exports.RiskRate = $o;
47
+ exports.RiskRateWidget = Ko;
48
+ exports.SplitLayout = Ue;
49
+ exports.Trading = or;
50
+ exports.TradingPage = Df;
51
+ exports.TradingPageContext = yr;
52
+ exports.TradingPageProvider = Sr;
53
+ exports.TradingWidget = ir;
54
+ exports.useBottomNavBarScript = Pi;
55
+ exports.useOrderBookAndTradesScript = Xo;
56
+ exports.useOrderBookScript = Go;
57
+ exports.usePendingOrderCount = rt;
58
+ exports.usePortfolioSheetScript = ai;
59
+ exports.usePositionsCount = it;
60
+ exports.useTradingLocalStorage = V;
60
61
  exports.useTradingPageContext = M;
61
62
  //# sourceMappingURL=out.js.map
62
63
  //# sourceMappingURL=index.js.map