npm - @orderly.network/trading - Versions diffs - 2.6.2-alpha.0 → 2.6.3-alpha.0 - Mend

@orderly.network/trading 2.6.2-alpha.0 → 2.6.3-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,25 +1,25 @@
-import { i18n, useTranslation, Trans } from '@orderly.network/i18n';
-import { AccountStatusEnum, ChainNamespace, AlgoOrderRootType, OrderStatus, OrderSide, EMPTY_LIST, AssetHistoryStatusEnum, AssetHistorySideEnum, TradingviewFullscreenKey } from '@orderly.network/types';
-import { registerSimpleDialog, registerSimpleSheet, installExtension, ExtensionPositionEnum, cn, modal, Button, formatAddress, Flex, Text, Divider, useModal, toast as toast$1, ArrowRightShortIcon, Tabs, TabPanel, Box, ListView, ArrowDownShortIcon, useScreen, gradientTextVariants, Tooltip, EditIcon, Grid, EyeIcon, EyeCloseIcon, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, ChevronDownIcon, Spinner, ExtensionSlot, SimpleSheet, SimpleDialog, Checkbox, DropdownMenuRoot, DropdownMenuTrigger, SettingFillIcon, DropdownMenuContent, Picker, CaretUpIcon, CaretDownIcon, Select, Popover, ChainIcon, CloseIcon, DropdownMenuPortal, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, parseNumber } from '@orderly.network/ui';
+import { useAccount, useLocalStorage, useConfig, useWalletConnector, useMutation, useChains, useReferralInfo, useCurEpochEstimate, TWType, useEpochInfo, usePositionStream, useOrderStream, useFundingDetails, useFundingRate, useSymbolsInfo, useOrderbookStream, useEventEmitter, useCollateral, useMarginRatio, useLeverage, useDebouncedCallback, useMediaQuery, useAssetsHistory, useMarketTradeStream, useAccountInstance, useComputedLTV, useTickerStream } from '@orderly.network/hooks';
+import fe, { forwardRef, useMemo, createContext, useContext, useState, useCallback, useEffect, useRef } from 'react';
+import { useDataTap, useAppContext } from '@orderly.network/react-app';
+import { AccountStatusEnum, ChainNamespace, AlgoOrderRootType, OrderStatus, OrderSide, AssetHistoryStatusEnum, AssetHistorySideEnum, TradingviewFullscreenKey, EMPTY_LIST } from '@orderly.network/types';
 import { TabType, DesktopOrderListWidget, MobileOrderListWidget } from '@orderly.network/ui-orders';
-import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, MobileLiquidationWidget, MobilePositionsWidget, MobilePositionHistoryWidget } from '@orderly.network/ui-positions';
-import { Decimal, isTestnet, commifyOptional, removeTrailingZeros, getPrecisionByNumber } from '@orderly.network/utils';
+import { installExtension, ExtensionPositionEnum, cn as cn$1, modal, Button, formatAddress, registerSimpleDialog, registerSimpleSheet, useModal, toast as toast$1, Flex, Text, ArrowRightShortIcon, Box, ListView, Grid, ArrowDownShortIcon, gradientTextVariants, EyeIcon, EyeCloseIcon, Divider, ChevronDownIcon, useScreen, Tooltip, EditIcon, Tabs, TabPanel, CloseIcon, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, InfoCircleIcon, ExtensionSlot, SimpleSheet, SimpleDialog, ChainIcon, Checkbox, SettingFillIcon, Spinner, Select, Popover, CaretUpIcon, CaretDownIcon, Picker, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, parseNumber } from '@orderly.network/ui';
+import { useTranslation, i18n, Trans } from '@orderly.network/i18n';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useAccount, useFundingDetails, useLocalStorage, useConfig, useWalletConnector, useMutation, useChains, useReferralInfo, useCurEpochEstimate, TWType, useEpochInfo, usePositionStream, useOrderStream, useFundingRate, useSymbolsInfo, useOrderbookStream, useEventEmitter, useCollateral, useMarginRatio, useLeverage, useDebouncedCallback, useMediaQuery, useMarketTradeStream, useAccountInstance, useComputedLTV, useAssetsHistory, useTickerStream } from '@orderly.network/hooks';
-import { useDataTap, useAppContext } from '@orderly.network/react-app';
-import Ml, { createContext, forwardRef, useMemo, useContext, useCallback, useState, useEffect, useRef } from 'react';
+import { isTestnet, Decimal, commifyOptional, removeTrailingZeros, getPrecisionByNumber } from '@orderly.network/utils';
+import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, MobileLiquidationWidget, MobilePositionsWidget, MobilePositionHistoryWidget } from '@orderly.network/ui-positions';
 import { AuthGuard } from '@orderly.network/ui-connector';
 import { OrderEntryWidget, LTVRiskTooltipWidget } from '@orderly.network/ui-order-entry';
-import { DepositAndWithdrawWithSheetId, TransferSheetId, DepositAndWithdrawWithDialogId, TransferDialogId, DepositStatusWidget } from '@orderly.network/ui-transfer';
+import { DepositAndWithdrawWithSheetId, TransferSheetId, DepositStatusWidget, DepositAndWithdrawWithDialogId, TransferDialogId } from '@orderly.network/ui-transfer';
 import { LeverageWidgetWithDialogId } from '@orderly.network/ui-leverage';
-import id from '@uiw/react-split';
+import { TradingviewWidget } from '@orderly.network/ui-tradingview';
+import hg from '@uiw/react-split';
 import { ScanQRCodeWidget } from '@orderly.network/ui-scaffold';
 import { ChainSelectorSheetId } from '@orderly.network/ui-chain-selector';
 import { SymbolInfoBarWidget, MarketsSheetWidget, SideMarketsWidget, SymbolInfoBarFullWidget } from '@orderly.network/markets';
-import { TradingviewWidget } from '@orderly.network/ui-tradingview';
-var fo=e=>{let{isMobile:t}=useScreen();return t?jsx(rs,{...e}):jsx(ns,{...e})},rs=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-bg-base-9 oui-rounded-b-xl",children:[jsxs(Flex,{width:"100%",justify:"between",children:[jsx(dr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsx(mr,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsx(Divider,{className:"oui-w-full"}),jsxs(Flex,{className:"oui-gap-[2px] oui-cursor-pointer",children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx("label",{className:"oui-text-2xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},ns=e=>jsxs(Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsx(dr,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsx(mr,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),dr=e=>{let{t}=useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsx(Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsx(Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},mr=e=>{let{t}=useTranslation();return jsx(Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};var q=e=>{let[t,o]=useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=useLocalStorage("showAllSymbol",true),[s,c]=useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:c}};var et=e=>{let{showAllSymbol:t}=q(),[o]=usePositionStream(t?void 0:e),i=useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:useDataTap(i)??0}};var tt=e=>{let {showAllSymbol:t}=q();`orderly_${TabType.pending}_pageSize`;`orderly_${TabType.tp_sl}_pageSize`;let [r,{total:n}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,excludes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,includes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),c=useDataTap(n)??0,l=useDataTap(s)??0;return {pendingOrderCount:c,tpSlOrderCount:l}};var br=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=usePositionStream(i,{calcMode:r}),a=useDataTap(n.aggregated),s=a?.total_unreal_pnl,c=a?.unrealPnlROI,l=a?.notional,{showAllSymbol:d,setShowAllSymbol:u}=q();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:c,notional:l,showAllSymbol:d,setShowAllSymbol:u}};var ot=e=>{let t=br(e);return jsx(fo,{...t})};var po=createContext({}),V=()=>useContext(po);var xr=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=q({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=V(),{positionCount:c}=et(e.symbol),{pendingOrderCount:l,tpSlOrderCount:d}=tt(e.symbol);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:c,pendingOrderCount:l,tpSlOrderCount:d,onSymbolChange:s}};var ho=e=>{let[t,o]=useState(false),{t:i}=useTranslation();return jsxs(Flex,{gap:0,children:[jsxs(Flex,{gap:1,children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsx(SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsx(DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsx(Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsx(Divider,{}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsx(ws,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsx(Divider,{className:"oui-my-3"}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsx(Cs,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},Cs=e=>{let{value:t,onValueChange:o}=e,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(it,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsx(it,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},ws=e=>{let{value:t,onValueChange:o}=e;return jsxs(Flex,{gap:2,children:[jsx(it,{sel:t===0,label:1,value:0,onCheckChange:o}),jsx(it,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsx(it,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},it=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsx(vs,{}):jsx(Ts,{}),jsx(Text,{size:"2xs",intensity:t?98:54,children:o})]})},vs=()=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),Ts=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var Cr=e=>({...e});var bo=e=>{let t=Cr(e);return jsx(ho,{...t})};var yo=e=>{let{t}=useTranslation();return jsxs(Tabs,{defaultValue:e.current||"Positions",variant:"contained",trailing:jsx(bo,{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:[jsx(TabPanel,{testid:"oui-testid-dataList-position-tab",value:"Positions",title:`${t("common.positions")} ${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,children:jsx(Is,{...e})}),jsx(TabPanel,{testid:"oui-testid-dataList-pending-tab",value:"Pending",title:`${t("orders.status.pending")} ${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,children:jsx(DesktopOrderListWidget,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})}),jsx(TabPanel,{testid:"oui-testid-dataList-tpsl-tab",value:"TP/SL",title:`${t("common.tpsl")} ${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,children:jsx(DesktopOrderListWidget,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})}),jsx(TabPanel,{testid:"oui-testid-dataList-filled-tab",value:"Filled",title:t("orders.status.filled"),children:jsx(DesktopOrderListWidget,{type:TabType.filled,symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,ordersStatus:OrderStatus.FILLED,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{testid:"oui-testid-dataList-positionHistory-tab",value:"Position history",title:t("positions.positionHistory"),children:jsx(PositionHistoryWidget,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{testid:"oui-testid-dataList-orderHistory-tab",value:"Order history",title:t("orders.orderHistory"),children:jsx(DesktopOrderListWidget,{type: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})}),jsx(TabPanel,{testid:"oui-testid-dataList-liquidation-tab",value:"Liquidation",title:t("positions.liquidation"),children:jsx(LiquidationWidget,{symbol:e.showAllSymbol?void 0:e.symbol})})]})},Is=e=>jsxs(Flex,{direction:"column",width:"100%",height:"100%",children:[jsx(ot,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsx(Divider,{className:"oui-w-full"}),jsx(Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsx(PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]});var So=e=>{let t=xr({...e});return jsx(yo,{...t})};var Co=e=>jsxs(Box,{className:cn("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsx(Box,{className:"oui-pr-1",children:jsx(zs,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsx(Vs,{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 jsxs(Grid,{cols:3,gapX:2,width:"100%",className:cn("oui-text-xs oui-tabular-nums",r?.root),children:[jsx("div",{className:cn("oui-flex-1",r?.left),children:t}),jsx("div",{className:cn("oui-flex-1",r?.mid),children:o}),jsx("div",{className:cn("oui-flex-1 oui-text-right",r?.right),children:i})]})},zs=e=>{let{t}=useTranslation();return jsx(Nr,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:cn("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},Vs=e=>jsx(ListView,{dataSource:e.data,className:cn("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsx(Nr,{left:jsx(Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:commifyOptional(t?.price,{fix:e.quoteDp}),right:commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:cn("oui-text-base-contrast-80",e.classNames?.left),right:cn(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:cn(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});var Dr=e=>{let{data:t,isLoading:o}=useMarketTradeStream(e),i=useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};var Ie=e=>{let t=Dr(e.symbol);return jsx(Co,{...t,classNames:e.classNames,style:e.style})};function Fr(e){let{t}=useTranslation();return e.showFaucet?jsx(Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}function Br(){let{t:e}=useTranslation(),{connectedChain:t,namespace:o}=useWalletConnector(),{state:i,account:r}=useAccount(),n=useConfig(),a=n.get("operatorUrl"),[s,{isMutating:c}]=useMutation(`${a}/v1/faucet/usdc`),[l,d]=useState(false),u=useMemo(()=>!t||!t.id?false:(i.status===AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(l)return;d(true);let g=e("trading.faucet.getTestUSDC.success",{quantity:o===ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(f=>{if(d(false),f.success)return modal.alert({title:e("trading.faucet.getTestUSDC"),message:g,onOk:()=>new Promise(p=>p(true))});f.message&&toast$1.error(f.message);},f=>{toast$1.error(f.message);})},showFaucet:u,loading:l}}function wo(){let e=Br();return jsx(Fr,{...e})}var bl=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",xl=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{t:i}=useTranslation();return useMemo(()=>{let r={wrongNetwork:{title:i("connector.wrongNetwork"),description:i("connector.wrongNetwork.tooltip"),titleColor:"warning"},connectWallet:{title:i("connector.connectWallet"),description:i("connector.trade.connectWallet.tooltip"),titleClsName:"oui-text-transparent oui-bg-clip-text oui-gradient-brand"},createAccount:{title:i("connector.createAccount"),description:i("connector.trade.createAccount.tooltip"),titleColor:"primary"},enableTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},empty:{title:"",description:""}};return o?r.connectWallet:t?r.wrongNetwork:e.status===AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=AccountStatusEnum.NotConnected?r.connectWallet:e.status<=AccountStatusEnum.NotSignedIn?r.createAccount:e.status<AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},No=e=>{let{description:t,formula:o}=e;return jsxs("div",{className:"oui-min-w-[204px] oui-max-w-[240px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80",children:[typeof t<"u"&&t!==null&&jsx("span",{children:t}),jsx(Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsx("span",{children:o})]})},yl=e=>{let{t}=useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxs(Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsx(Text.numeral,{visible:i,weight:"bold",size:"2xl",className:gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsx("button",{onClick:r,children:i?jsx(EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsx(EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},To=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:s,placeholder:c}=e;return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:"",content:jsx(No,{description:o,formula:i}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsx(Text.numeral,{visible:r,size:"2xs",unit:a,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:s,padding:false,dp:2,placeholder:c,children:n||"--"})]})},Sl=e=>{let{visible:t,value:o}=e,{t:i}=useTranslation();return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:cn("oui-bg-base-6 oui-p-2"),content:jsx(LTVRiskTooltipWidget,{}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:i("transfer.LTV")})}),jsx(Text,{size:"2xs",className:cn("select-none",t&&bl(Number(o))),children:t?`${o}%`:"*****"})]})},Cl=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[s,c]=useLocalStorage("orderly_entry_asset_list_open",false),[l,d]=useState(s),{t:u}=useTranslation(),m=useCallback(()=>{d(f=>!f),setTimeout(()=>{c(!l);},0);},[]),g=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxs(Box,{className:"oui-group",children:[jsxs(Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:m,children:[jsx(Divider,{className:"oui-flex-1"}),jsx(ChevronDownIcon,{size:12,color:"white",className:cn("oui-transition-transform",l&&"oui-rotate-180")}),jsx(Divider,{className:"oui-flex-1"})]}),jsxs(Box,{style:{transform:"translateZ(0)"},className:cn("oui-select-none oui-space-y-1.5 oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",l?g?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsx(To,{label:u("trading.asset.freeCollateral"),description:u("trading.asset.freeCollateral.tooltip"),formula:u("trading.asset.freeCollateral.formula"),visible:t,value:o===0?"0":o,unit:"USDC"}),jsx(To,{label:u("trading.asset.marginRatio"),description:u("trading.asset.marginRatio.tooltip"),formula:u("trading.asset.marginRatio.formula"),visible:t,value:i,isConnected:n,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsx(To,{label:u("trading.asset.maintenanceMarginRatio"),description:u("trading.asset.maintenanceMarginRatio.tooltip"),formula:u("trading.asset.maintenanceMarginRatio.formula"),visible:t,value:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),g&&jsx(Sl,{visible:t,value:a})]})]})},ko=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:d,isConnected:u,isMainAccount:m,hasSubAccount:g,currentLtv:f})=>{let{title:p,description:y,titleColor:S,titleClsName:v}=xl(),{t:b}=useTranslation(),C=g&&jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:b("common.transfer")})}),R=m&&jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!g&&jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:b("common.deposit")})]}),z=m&&jsxs(Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!g&&jsx(ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsx(Text,{children:b("common.withdraw")})]});return jsxs(Box,{className:"oui-relative",children:[p&&y&&jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text,{size:"lg",weight:"bold",color:S||"inherit",className:v,children:p}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:y})]}),jsx(AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&m?jsxs(Fragment,{children:[jsx(Box,{children:jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text.gradient,{size:"lg",weight:"bold",color:"brand",children:b("trading.asset.startTrading")}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:b("trading.asset.startTrading.description")})]})}),jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:b("common.deposit")})]}),jsx(Box,{className:"oui-mt-3",children:jsx(wo,{})})]}):jsxs(Box,{className:"oui-space-y-4",children:[jsx(yl,{totalValue:o,visible:s,onToggleVisibility:a}),jsx(Cl,{visible:s,freeCollateral:c,marginRatioVal:l,renderMMR:d,isConnected:u,currentLtv:f}),jsx(Flex,{gap:m?g?2:3:0,itemAlign:"center",children:m?jsxs(Fragment,{children:[R,C,z]}):C}),m&&jsx(wo,{})]})}),jsx("div",{className:cn("oui-absolute oui-inset-0 oui-rotate-180","oui-pointer-events-none oui-rounded-2xl oui-blur-[200px]"),style:{background:"conic-gradient(from -40.91deg at 40.63% 50.41%, rgba(159, 115, 241, 0) -48.92deg, rgba(242, 98, 181, 0) 125.18deg, #5FC5FF 193.41deg, #FFAC89 216.02deg, #8155FF 236.07deg, #789DFF 259.95deg, rgba(159, 115, 241, 0) 311.08deg, rgba(242, 98, 181, 0) 485.18deg)"}})]})};var Er=()=>{let{t:e}=useTranslation(),t=useAccountInstance(),o=useEventEmitter(),{totalValue:i}=useCollateral({dp:2}),r=useConfig("networkId"),{state:n,isMainAccount:a}=useAccount(),{freeCollateral:s}=useCollateral({dp:2}),{marginRatio:c,mmr:l}=useMarginRatio(),d=n.status>=AccountStatusEnum.Connected,[{aggregated:u},m]=usePositionStream(),g=useMemo(()=>Math.min(10,u.notional===0?m.margin_ratio(10):c),[c,u]),f=useCallback(B=>modal.show(DepositAndWithdrawWithDialogId,{activeTab:B}),[]),p=useCallback(async()=>f("deposit"),[]),y=useCallback(async()=>f("withdraw"),[]),S=useCallback(async()=>modal.show(TransferDialogId),[]),v=useCallback(async()=>t.settle().catch(B=>{if(B.code===-1104)return toast$1.error(e("settle.settlement.error")),Promise.reject(B);B.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:B.message,userAddress:t.address});}).then(B=>(toast$1.success(e("settle.settlement.requested")),Promise.resolve(B))),[t,e]),[b,C]=useLocalStorage("orderly_assets_visible",true),R=useCallback(()=>{C(B=>!B);},[b]),z=useComputedLTV(),x=useDataTap(s)??void 0,A=useDataTap(g)??void 0,J=useDataTap(l)??void 0,j=useDataTap(i)??void 0;return {onDeposit:p,onWithdraw:y,onTransfer:S,onSettle:v,visible:b,toggleVisible:R,networkId:r,totalValue:j,status:n.status,freeCollateral:x,marginRatioVal:A,renderMMR:J,isConnected:d,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:z}};var Do=e=>{let t=Er();return jsx(ko,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};var _t=createContext({cellHeight:22}),ee=()=>useContext(_t),Pe="orderbook_coin_type",_e="orderbook_mobile_coin_unit",Et=e=>{let[t,o]=useState("quantity"),[i,r]=useState("quantity"),n=Ml.useMemo(()=>({cellHeight:e.cellHeight,onItemClick:e.onItemClick,mode:t,totalMode:i||"quantity",depth:e.depth,onModeChange:o,onTotalModeChange:r,showTotal:e.showTotal||false,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo}),[t,e.cellHeight,e.depth,e.onItemClick,e.pendingOrders,e.showTotal,e.symbolInfo,i]);return jsx(_t.Provider,{value:n,children:e.children})};var Ht=e=>{let{direction:t=1}=e,o=useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsx("div",{className:cn("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};var Wr=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=ee(),{symbolInfo:a,currentHover:s,accumulated:c,accumulatedAmount:l,count:d,price:u,quantity:m,base:g,quote:f}=e,{base_dp:p,quote_dp:y}=a,[S]=useLocalStorage(Pe,g),v=Number.isNaN(u)?0:c/d*100,b=useMemo(()=>getPrecisionByNumber(r||`${y}`),[r,y]),C=Number.isNaN(c)?"-":l?.toString(),R=useMemo(()=>{let z=parseNumber(u,{dp:b,padding:true});return n.some(x=>z===parseNumber(x,{dp:b,padding:true}))},[n,u,b]);return jsxs("div",{className:"oui-relative oui-flex oui-cursor-pointer oui-flex-row oui-justify-between oui-pl-3 oui-text-xs oui-tabular-nums oui-text-base-contrast-80",style:{height:`${t}px`},onClick:()=>{Number.isNaN(u)||Number.isNaN(m)||i?.([u,m]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxs("div",{className:cn("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsx("div",{className:cn("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsx(Text.numeral,{dp:b,children:u})}),jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsx(Text.numeral,{dp:p,children:m})})]}),jsxs("div",{className:cn("oui-fex-row oui-relative oui-flex oui-basis-5/12 oui-items-center oui-justify-end oui-overflow-hidden",o&&"oui-basis-7/12"),children:[o?jsxs(Fragment,{children:[jsx("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:p,className:"oui-z-10",children:c})}),jsx("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:0,className:"oui-z-10",children:C})})]}):jsxs("div",{className:cn("oui-flex-1 oui-pr-3 oui-text-right"),children:[S===g&&jsx(Text.numeral,{dp:p,className:"oui-z-10",children:c}),S===f&&jsx(Text.numeral,{dp:0,className:"oui-z-10",children:C})]}),jsx(Ht,{width:v,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),R&&jsx("div",{className:cn("oui-pointer-events-none oui-absolute oui-left-[4px] oui-size-[4px] oui-rounded-full",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsx("div",{className:cn("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsx(Divider,{lineStyle:"dashed",className:cn("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};var qr=e=>{if(!e)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let[,,t,o]=e,i=Number.isNaN(t)?0:t,r=Number.isNaN(o)?0:o;return {sumQty:i,sumQtyAmount:r,avgPrice:r===0||i===0?0:new Decimal(r).div(i).toNumber()}},zt=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=ee(),a=useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let u=t.findIndex(m=>!Number.isNaN(m[0]));return u!==-1?t[u]:null}else {let u=t.length;for(let m=u-1;m>=0;m--){let g=t[m];if(!Number.isNaN(g[0]))return g}return null}},[t,o]),s=useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),c=useMemo(()=>t.reduce((u,m)=>Math.max(u,m[1]),0),[t]),[l,d]=useState(-1);return jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((u,m)=>jsx(ou,{index:m,item:u,countQty:i,setHoverIndex:d,hoverIndex:l,type:o,maxQty:c,priceDp:s,symbolInfo:r,findMaxItem:a},m))})},ou=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:c,symbolInfo:l,findMaxItem:d}=e,{base:u,quote:m,base_dp:g,quote_dp:f}=l,{t:p}=useTranslation(),y=a!==-1?r==="ask"?t>=a:t<=a:false,[S,v]=useState(false),b=useMemo(()=>{let C=qr(o);return C.avgPrice===0?qr(d()):C},[o,d]);return jsxs(TooltipRoot,{open:S,onOpenChange:v,children:[jsx(TooltipTrigger,{children:jsx(Wr,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:c,type:r,accumulatedAmount:o[3],maxQty:n,isHover:y,currentHover:a===t,symbolInfo:l,base:u,quote:m,onMouseEnter:()=>{i(t),v(true);},onMouseLeave:()=>{i(-1),v(false);}})}),jsxs(TooltipContent,{className:cn("oui-rounded-base oui-flex oui-w-full oui-max-w-[400px] oui-flex-col oui-gap-2 oui-bg-base-6 oui-p-3 oui-text-2xs oui-shadow-md"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:C=>C.preventDefault(),children:[jsx(Fo,{title:`${p("common.avgPrice")}\u2248`,content:b.avgPrice,contentDp:f}),jsx(Fo,{title:`${p("trading.orderBook.sum")} (${u})`,content:b.sumQty,contentDp:g}),jsx(Fo,{title:`${p("trading.orderBook.sum")} (${m})`,content:b.sumQtyAmount,contentDp:f}),jsx(TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},Fo=e=>{let{title:t,content:o,contentDp:i}=e;return jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsx("div",{className:"oui-text-end",children:jsx(Text.numeral,{dp:i,children:o})})]})};var Gr=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsx(zt,{type:"ask",data:t,countQty:o})};var $r=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(zt,{type:"bid",data:t,countQty:o})};var Kr=e=>{let t=useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsx(Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsx(Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};var fu=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=useTranslation(),[n,a]=useLocalStorage(Pe,o);return jsxs(Flex,{justify:"between",itemAlign:"center",className:cn("oui-w-full oui-px-2 oui-py-[3px]","oui-cursor-pointer","oui-text-xs","oui-text-base-contrast-54","hover:oui-bg-base-6","oui-rounded-[3px]","oui-transition-all",n===t&&"oui-bg-base-5"),onClick:s=>{a(t),i(s);},children:[r("common.total"),"(",t,")",jsx("div",{className:cn("oui-transition-all","oui-w-1","oui-h-1","oui-rounded-full","oui-bg-gradient-to-r",n===t&&"oui-from-[rgb(var(--oui-gradient-brand-start))] oui-to-[rgb(var(--oui-gradient-brand-end))]")})]})},Zr=e=>{let{base:t,quote:o="USDC"}=e,{showTotal:i}=ee(),{t:r}=useTranslation(),[n,a]=Ml.useState(false),[s]=useLocalStorage(Pe,t),c=n?CaretUpIcon:CaretDownIcon;return jsxs(Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxs(Flex,{gap:1,className:cn("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsx(Box,{width:"100%",children:jsx(ut,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsx(Box,{width:"100%",children:jsx(ut,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${t})`})})]}),jsx(Flex,{gap:1,pr:3,className:cn("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxs(Fragment,{children:[jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(ut,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${t})`})}),jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(ut,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsx(Box,{width:"100%",children:jsx(Popover,{open:n,onOpenChange:a,contentProps:{className:cn("oui-w-28 oui-p-1")},content:jsx(Flex,{direction:"column",itemAlign:"start",className:cn("oui-w-full oui-gap-0.5"),children:[t,o].map(l=>jsx(fu,{item:l,base:t,onClick:()=>a(false)},`type-${l}`))}),children:jsxs(Flex,{justify:"end",itemAlign:"center",className:"oui-cursor-pointer oui-select-none oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast",children:[jsx(ut,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${s})`}),jsx(c,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},ut=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsx(Flex,{id:e.id,className:cn(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};var Vt=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,c=s<a,l=s>a;return jsxs(Flex,{gap:1,className:cn(l?"oui-text-trade-profit":c?"oui-text-trade-loss":"",r),children:[jsx(Text.numeral,{dp:i,intensity:98,children:s}),jsxs(Box,{width:19,children:[c&&jsx(ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),l&&jsx(ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};var Wt=e=>{let{isMobile:t}=useScreen();return t?jsx(ku,{...e}):jsx(Nu,{...e})},Nu=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=useTranslation();return jsx(Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxs(Flex,{gap:1,className:cn("oui-cursor-pointer oui-text-2xs",o),children:[jsx(on,{size:i}),jsx(Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},ku=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=useState(false),{t:a}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{gap:1,className:cn("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsx(on,{size:i}),jsx(Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsx(SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsx(Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},on=e=>jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});var sn=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=ee();return jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxs("div",{className:cn("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsx(Vt,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsx(Wt,{markPrice:t,quote_dp:n.quote_dp})]}),jsx("div",{className:cn("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsx(Ou,{asks:i,bids:r})})]})},Ou=e=>{let{asks:t,bids:o}=e,{t:i}=useTranslation(),r=useMemo(()=>{if(o.length===0&&t.length===0)return 0;let n=Number.isNaN(o[0][0])?0:o[0][0],a=t.reverse().findIndex(l=>!Number.isNaN(l[0])),s=0;a!==-1&&(s=Number.isNaN(t[a][0])?0:t[a][0]);let c=new Decimal(s).sub(n).div(new Decimal(s).add(n).div(2));return Math.ceil(c.toNumber()*1e6+.1)/1e4},[t,o]);return jsx("div",{children:jsx(Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsx(Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};var un=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=useRef(null),[c,l]=useState(false),[d,u]=useLocalStorage(Pe,r);return useEffect(()=>{d!==i&&r&&u(r);},[r,i]),useEffect(()=>{let m=new ResizeObserver(f=>{for(let p of f){let{inlineSize:y}=p.borderBoxSize[0];l(y>=360);}}),g=s.current;return g&&m.observe(g),()=>{g&&m.unobserve(g);}},[]),jsx(Et,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:c,pendingOrders:e.pendingOrders||EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxs(Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsx(Kr,{depths:e.depths,value:e.activeDepth,onChange:a}),jsx(Zr,{quote:i,base:r}),jsx(Gr,{data:e.asks??EMPTY_LIST}),jsx(sn,{lastPrice:t,markPrice:o,asks:e.asks??EMPTY_LIST,bids:e.bids??EMPTY_LIST,symbolInfo:e.symbolInfo}),jsx($r,{data:e.bids??EMPTY_LIST}),n&&jsx("div",{className:"oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center",children:jsx(Spinner,{})})]})})};var Ao=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=useTranslation();return jsxs(Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsx(Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-line-16 oui-decoration-dashed oui-underline-offset-4",onClick:o,children:n("trading.fundingRate.predFundingRate")}),i===null?"--":jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsx("span",{children:" in"}),jsx("span",{children:" "+r})]})]})};var _o=e=>{let{data:t,isLoading:o}=useFundingDetails(e.symbol),i=useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),r=useMemo(()=>!t||o?"-":`${new Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),n=useMemo(()=>!t||o?"-":`${new Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]);return {fundingPeriod:i,capFunding:r,floorFunding:n}};var zo=e=>{let{t}=useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r}=e;return jsxs(Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsx(Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsx(Text,{intensity:80,children:o})]}),jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxs(Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxs(Text,{intensity:80,children:[i," / ",r]})]}),jsx(Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};var Vo=e=>{let t=_o(e);return jsx(zo,{...t})},Gt="FundingRateDialogId",fn="FundingRateSheetId";registerSimpleDialog(Gt,Vo,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.t("funding.fundingRate")});registerSimpleSheet(fn,Vo,{title:()=>i18n.t("funding.fundingRate")});var Wo=e=>{let t=useFundingRate(e),o=useCallback(()=>{modal.show(Gt,{symbol:e});},[e]);return {data:t,onClick:o}};var qo=e=>{let t=Wo(e.symbol);return jsx(Ao,{...t})};var bn=e=>{let{accumulated:t,count:o,quantity:i,price:r,type:n,accumulatedAmount:a}=e,s=t/o*100,{cellHeight:c,onItemClick:l,depth:d,symbolInfo:u}=useContext(_t),{base_dp:m,quote_dp:g,base:f,quote:p}=u,[y,S]=useLocalStorage(_e,"qty"),v=Number.isNaN(t)?"-":a?.toString(),b=useMemo(()=>getPrecisionByNumber(d||`${g}`),[d,g]),C=()=>{switch(y){case "base":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:m,children:t});case "quote":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:v});default:return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:m,children:Number.isNaN(i)?"-":i})}};return jsxs(Box,{className:cn("oui-relative oui-w-full oui-cursor-pointer oui-overflow-hidden oui-text-2xs oui-tabular-nums"),style:{height:`${c}px`},onClick:()=>{Number.isNaN(r)||Number.isNaN(i)||l?.([r,i]);},children:[jsxs(Flex,{itemAlign:"center",justify:"between",children:[jsx(Text.numeral,{color:n==="bid"?"buy":"sell",dp:b,children:r}),C()]}),Number.isNaN(s)?null:jsx(Ht,{width:s,className:cn(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};var Qt=e=>{let{data:t}=e,{mode:o}=ee();return jsx(Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>jsx(bn,{background:"",price:i[0],quantity:i[1],accumulated:i[2],accumulatedAmount:i[3],count:e.countQty,type:e.type,mode:o},`item-${r}`))})};var yn=e=>{let{data:t}=e,o=useMemo(()=>{let i=t.length,r=Number.NaN,n=0;for(;Number.isNaN(r)&&n<i;)r=t[n][2],n++;return r},[t]);return jsx(Qt,{type:"ask",data:t,countQty:o})};var Sn=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(Qt,{type:"bid",data:t,countQty:o})};var wn=e=>{let t=useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsx(Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsx(Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};var vn=e=>{let{t}=useTranslation(),{base:o,quote:i}=e,[r,n]=useLocalStorage(_e,"qty"),a=useMemo(()=>[{value:"qty",label:`${t("common.quantity")}(${o})`,data:[t("common.quantity"),o]},{value:"base",label:`${t("common.total")}(${o})`,data:[t("common.total"),o]},{value:"quote",label:`${t("common.total")}(${i})`,data:[t("common.total"),i]}],[t,o,i]);return jsxs(Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxs(Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsx(Text,{children:t("common.price")}),jsx(Text,{children:`(${i})`})]}),jsx(Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(s,{open:c,data:l})=>jsxs(Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(l)&&jsxs(Flex,{direction:"column",itemAlign:"end",children:[l[0]&&jsx(Text,{children:l[0]}),l[1]&&jsxs(Text,{children:["(",l[1],")"]})]}),c?jsx(CaretUpIcon,{size:14,color:"inherit"}):jsx(CaretDownIcon,{size:14,color:"inherit"})]})})]})};var Pn=e=>{let{symbolInfo:t}=ee(),{quote_dp:o}=t;return jsxs(Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsx(Vt,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsx(Wt,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};var kn=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`,[c,l]=useLocalStorage(_e,"qty");return jsx(Et,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxs(Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:cn("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsx(qo,{symbol:s}),jsx(vn,{quote:i,base:r}),jsx(yn,{data:e.asks}),jsx(Pn,{lastPrice:t,markPrice:o}),jsx(Sn,{data:e.bids}),jsx(wn,{depth:e.depths||EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&jsx("div",{className:"oui-bg-base-800/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-h-full oui-min-h-[420px] oui-items-center oui-justify-center",children:jsx(Spinner,{})})]})})};var Go=e=>jsx(Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsx(kn,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsx(un,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo})});var pt=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});var ht=20,Ln=104,Qo=e=>{let{symbol:t,height:o}=e,i=useSymbolsInfo()[t],[r,n]=useState(ht),[a,s]=useState(10),{base:c,quote:l,quote_dp:d}=pt(i),[u,{onDepthChange:m,isLoading:g,onItemClick:f,depth:p,allDepths:y}]=useOrderbookStream(t,void 0,{level:a}),S=Bc(t);useEffect(()=>{if(o){let R=Math.floor((o-Ln)/((ht+1)*2)),z=(ht+1)*2*R,x=o-Ln-z;x>10?n(ht+x/R/2):n(ht),s(R);}},[o]);let v=useMemo(()=>{if(!(typeof p>"u"||typeof d>"u"))return removeTrailingZeros(p)},[p,d,t]),b=useMemo(()=>y?.map(R=>removeTrailingZeros(R))||[],[y,d]),{isMobile:C}=useScreen();return {level:a,asks:u?.asks,bids:u?.bids,markPrice:u?.markPrice,lastPrice:u?.middlePrice,depths:b,selDepth:v,base:c,quote:l,isLoading:g,onItemClick:f,cellHeight:r,onDepthChange:m,pendingOrders:S,symbolInfo:pt(i),isMobile:C}},Bc=e=>{let[t]=useOrderStream({status:OrderStatus.INCOMPLETE,symbol:e});return useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};var Ve=e=>{let{className:t,symbol:o,height:i}=e,r=Qo({symbol:o,height:i});return jsx(Go,{...r,className:t})};var Yo=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:s}=o,{wrongNetwork:c}=useAppContext(),{t:l}=useTranslation(),d=c?"":n?"oui-text-danger":a?"oui-text-warning-darken":s?gradientTextVariants({color:"brand"}):"";return jsxs(Box,{"data-risk":"",className:"oui-space-y-2",children:[jsx(Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsx(Box,{className:c?"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe]  oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full":n?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe]  oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxs(Flex,{className:"oui-gap-2",justify:"between",children:[jsxs(Flex,{direction:"column",children:[jsx(Tooltip,{content:jsx(No,{description:l("trading.riskRate.tooltip"),formula:l("trading.riskRate.formula")}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:l("trading.riskRate")})}),jsx(Text,{size:"xs",color:"neutral",weight:"semibold",className:cn(d),children:t??"--"})]}),jsxs(Flex,{direction:"column",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn("oui-cursor-pointer","oui-border-b oui-border-b-transparent"),children:l("leverage.maxAccountLeverage")}),jsxs(Flex,{className:"oui-gap-1",children:[jsx(Text.numeral,{dp:2,padding:false,suffix:i?"x":void 0,children:i??"--"}),jsx("span",{className:"oui-text-base-contrast-54",children:"/"}),jsxs("button",{className:"oui-flex oui-items-center oui-gap-1",onClick:()=>{modal.show(LeverageWidgetWithDialogId,{currentLeverage:5});},"data-testid":"oui-testid-riskRate-leverage-button",children:[jsx(Text.numeral,{dp:2,padding:false,suffix:r?"x":void 0,"data-testid":"oui-testid-riskRate-leverage-value",children:r??"--"}),typeof r<"u"&&r!==null&&jsx(EditIcon,{size:12,color:"white"})]})]})]})]})]})};var Uc=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}=useAccount(),t=e.status>=AccountStatusEnum.EnableTrading||e.status===AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=useMarginRatio(),{curLeverage:n}=useLeverage(),a=useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new Decimal(r).div(o).mul(100).todp(2,Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),c=useMemo(()=>Uc(s),[s]),l=useDataTap(i),d=useDataTap(n);return {riskRate:useDataTap(a),riskRateColor:c,isConnected:t,currentLeverage:l,maxLeverage:d}};var Zo=()=>{let e=An();return jsx(Yo,{...e})};var Jo=e=>jsx("div",{ref:e.containerRef,className:"oui-h-full",children:(e.containerSize?.width||0)>=572?jsx(Zc,{...e}):jsx(Jc,{...e})}),Zc=e=>{let{t}=useTranslation();return jsxs(Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxs(Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsx(En,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsx(Ve,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})]}),jsxs(Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsx(En,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsx(Ie,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})]})]})},Jc=e=>{let{t}=useTranslation();return jsx(Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxs(Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsx(TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsx(Ve,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})}),jsx(TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsx(Ie,{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"}})})]})})},En=e=>jsx(Text,{size:"base",intensity:80,className:cn("oui-pb-[5px]",e.className),children:e.title});var jo=e=>{let[t,o]=useState(void 0),[i,r]=useState("orderBook"),n=useRef();return 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 ei=e=>{let t=jo(e.symbol);return jsx(Jo,{...t})};var Un=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsx("div",{...i,className:cn(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-[3px]":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-[3px]",r&&"oui-pointer-events-none"),children:jsx("div",{onMouseDown:t,className:cn("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var qe=forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsx(id,{ref:t,...i,lineBar:true,renderBar:r=>jsx(Un,{...r,mode:e.mode}),onDragEnd:(r,n,a)=>{o?.(`${n}`);}})});var $n=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),Qn=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),ti=e=>{let{size:t=20}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsx("path",{d:"M13 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsx("path",{d:"M7.74 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .399-.173.044-.043.044-.087.044-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},Kn=e=>{let{size:t=20}=e;return jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_6403_64483",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var ri=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:4,children:[jsx(rd,{...e}),jsx(nd,{...e}),jsx(ad,{...e}),jsxs(Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsx(Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsx(Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},rd=e=>jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:3,children:[jsx($n,{}),jsxs(Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsx(Text.formatted,{rule:"address",children:e.address}),jsx(Text.formatted,{size:"2xs",intensity:80,prefix:jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsx(Qn,{})})]}),nd=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{size:"2xs",children:t("affiliate.referral")}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxs(Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("common.affiliate")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(ti,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxs(Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("affiliate.trader")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(ti,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},ad=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsxs(Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsx(Text,{children:t("common.tradingRewards")}),jsxs(Text,{intensity:54,children:["(",jsx(Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsx(Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxs(Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsx(Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Kn,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var ai=e=>{let{t}=useTranslation(),[o]=useLocalStorage("orderly_link_device",{}),{account:i,state:r}=useAccount(),n=i.accountId,a=i.address,{hide:s}=useModal(),c=useConfig(),{connectedChain:l,disconnect:d,namespace:u}=useWalletConnector(),m=i.chainId||l?.id||o?.chainId,g=useMemo(()=>m?(r.status===AccountStatusEnum.EnableTrading||r.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(m)):false,[r.status,m]),f=vd(m),p=c.get("operatorUrl"),y=()=>{navigator.clipboard.writeText(a??""),toast$1.success(t("common.copy.copied"));},{affiliateCommission30D:S,traderCommission30D:v,isAffiliate:b,isTrader:C,onClickReferral:R}=Cd(e.onClickReferral),{curEpochId:z,estRewards:x,onClickTradingRewards:A}=wd(e.onClickTradingRewards),J=async()=>{localStorage.removeItem("orderly_link_device"),await d({label:r.connectWallet?.name}),await i.disconnect(),s();},[j,{isMutating:B}]=useMutation(`${p}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:m,chainName:f,onCopyAddress:y,affiliateCommission30D:S,onClickReferral:R,isAffiliate:b,isTrader:C,traderCommission30D:v,curEpochId:z,onClickTradingRewards:A,estRewards:x,onDisconnect:J,showGetTestUSDC:g,onGetTestUSDC:()=>{if(r.status<AccountStatusEnum.EnableTrading&&r.status!==AccountStatusEnum.EnableTradingWithoutConnected)return;let Xe=t("trading.faucet.getTestUSDC.success",{quantity:u===ChainNamespace.solana?"100":"1,000"});return j({chain_id:m?.toString(),user_address:r.address,broker_id:c.get("brokerId")}).then(de=>{if(de.success)return modal.alert({title:t("trading.faucet.getTestUSDC"),message:Xe,onOk:()=>Promise.resolve(true)});de.message&&toast$1.error(de.message);},de=>{toast$1.error(de.message);})},gettingTestUSDC:B}},Cd=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=useReferralInfo(),n=useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},wd=e=>{let[t]=useCurEpochEstimate(TWType.normal),[o,i]=useEpochInfo(TWType.normal),r=useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function vd(e){let[t,{findByChainId:o}]=useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var si=e=>{let t=ai(e);return jsx(ri,{...t})};var Jn=()=>{let{t:e}=useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=V(),{account:r,state:n}=useAccount();return {onShowAccountSheet:()=>{modal.sheet({title:e("common.account"),leading:i,content:jsx(si,{...t,...o})});},address:r.address,state:n}};var ea=e=>jsx(AuthGuard,{buttonProps:{size:"sm"},children:jsx(Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:formatAddress(e.address,[4,4])})});installExtension({name:"mobile-account-menu",scope:["*"],positions:[ExtensionPositionEnum.MobileAccountMenu],builder:Jn,__isInternal:true})(e=>jsx(ea,{...e}));var oa=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MobileAccountMenu});var li=()=>null;var ui=()=>({});var ci=()=>{let e=ui();return jsx(li,{...e})};var mi=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),toast$1.success(t("connector.networkSwitched"));},i=>{});},children:jsxs(Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsx(ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var gi=()=>{let e=useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var fi=()=>{let e=gi();return jsx(mi,{...e})};var bi=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===AccountStatusEnum.EnableTradingWithoutConnected?jsx(Yd,{onDisconnect:e.onDisconnect}):jsx(fi,{}),o=!e.disabledConnect&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected&&e.status<AccountStatusEnum.EnableTrading;return jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxs(Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsx(ci,{}),jsxs(Flex,{gap:2,children:[o&&jsx(ScanQRCodeWidget,{}),t(),jsx(oa,{})]})]}),jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},Yd=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxs(Fragment,{children:[jsx(SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsx(Xd,{}),jsx(ra,{}),jsx(Jd,{}),jsx(ra,{}),jsx(Zd,{})]})]})},ra=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(hi,{}),jsx(hi,{}),jsx(hi,{})]}),Xd=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),Zd=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),Jd=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),hi=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var xi=()=>{let{wrongNetwork:e,disabledConnect:t}=useAppContext(),{account:o,state:i}=useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var om=()=>{let e=xi();return jsx(bi,{...e})};var Si=()=>{let{state:e,account:t,isMainAccount:o}=useAccount(),i=mm(),r=gm(),n=useEventEmitter(),{t:a}=useTranslation(),s=e.subAccounts??[],[c,l]=useState(false),d=useCallback(async()=>t.settle().catch(f=>{if(f.code==-1104)return toast$1.error(a("settle.settlement.error")),Promise.reject(f);if(f.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return n.emit("wallet:sign-message-with-ledger-error",{message:f.message,userAddress:t.address}),Promise.reject(f);if(f?.code==="ACTION_REJECTED")return toast$1.error(a("connector.userRejected")),Promise.reject(f)}).then(f=>(toast$1.success(a("settle.settlement.requested")),Promise.resolve(f))),[t,a]),u=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),m=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),g=useCallback(()=>{modal.show(TransferSheetId);},[]);return {...i,...r,onSettlePnL:d,onDeposit:u,onWithdraw:m,showSliderTip:c,setShowSliderTip:l,isMainAccount:o,onTransfer:g,hasSubAccount:s?.length>0}},mm=()=>{let{hideAssets:e,setHideAssets:t}=q(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},gm=()=>{let{t:e}=useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=useMarginRatio(),s=useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:c,curLeverage:l,maxLeverage:d,leverageLevers:u}=useLeverage(),m=useMemo(()=>u?.map(x=>({label:`${x}x`,value:x})),[u]),[g,f]=useState(l??0),p=100/((m?.length||0)-1),y=x=>{f(x);},S=async x=>{try{c({leverage:x}).then(()=>{toast$1.success(e("leverage.updated"));},A=>{toast$1.error(A.message);});}catch{}},v=useCallback(x=>{S(Array.isArray(x)?x[0]:x);},[]),b=useDebouncedCallback(v,500),C=useCallback(x=>{let A=Number.parseInt(x.target.value,10),J=Number.isNaN(A)?0:A,j=Math.min(Math.max(J,1),d);f(j),b(j);},[b,d]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:p,marks:m,onLeverageChange:y,onLeverageIncrease:()=>{f(x=>(S(x+1),x+1));},onLeverageReduce:()=>{f(x=>(S(x-1),x-1));},onInputChange:C,isReduceDisabled:g<=1,isIncreaseDisabled:g>=d,onValueCommit:v,value:g,maxLeverage:d,onSaveLeverage:S}};function ua(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 da=e=>{let{size:t=20,className:o}=e;return jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsx("div",{className:cn("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var vi=e=>jsxs(Flex,{direction:"column",gap:4,width:"100%",children:[jsx(Pm,{...e}),jsx(Divider,{className:"oui-w-full"}),jsx(Nm,{...e}),jsx(km,{...e})]}),Pm=e=>{let{t}=useTranslation(),o=useCallback(()=>modal.confirm({title:t("settle.settlePnl"),content:jsx(Text,{intensity:54,size:"xs",children:jsx(Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxs(Flex,{direction:"column",gap:3,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsx(Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsx(EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsx(Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsx(Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsx(Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsx(RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsx(Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Nm=e=>{let{t}=useTranslation(),{high:o,mid:i,low:r}=ua(e.marginRatioVal,e.mmr);return jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:2,children:[jsx(Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsx(da,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsx(Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"start",width:"100%",gap:1,children:[jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsx(Text,{size:"xs",children:"/"}),jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var km=e=>{let{t}=useTranslation();return e.isMainAccount?jsxs(Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsx(Button,{icon:jsx(ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsx(Button,{icon:jsx(ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})}),jsx(Button,{icon:jsx(ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")})]}):jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})})};var Ti=()=>{let e=Si();return jsx(vi,{...e})};var oo=e=>{let{showIndicator:t=true}=e,[o,i]=useState(false);return jsxs(Box,{intensity:900,r:"2xl",p:3,width:"100%",className:cn("oui-relative",e.className),children:[e.children,jsx(Tooltip,{open:o,onOpenChange:i,side:"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsx(Flex,{direction:"column",gapY:2,children:[Im,Am,Mm].map((r,n)=>jsx(r,{className: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:cn("oui-bg-base-9 oui-rounded","oui-border oui-border-line-12","oui-p-1"),arrow:{className:"oui-fill-transparent"},children:t&&jsx("div",{className:"oui-absolute oui-right-[1px] oui-top-[18px]",children:jsx(Om,{className:cn("oui-text-base-contrast-20 hover:oui-text-base-contrast-80","oui-cursor-pointer")})})})]})},Om=e=>jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]}),Im=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"2.667",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"8.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),Am=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"6",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),Mm=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"9.333",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"6",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]});var ga=e=>{let{t}=useTranslation();return jsx(Gm,{...e,children:jsxs(Flex,{px:3,className:cn("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsx($m,{}),jsx(Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},Gm=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=a=>jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(a),o(false);},className:"oui-group",children:[jsx(Flex,{justify:a==="right"?"end":"start",className:cn("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===a&&"!oui-border-primary-light"),children:jsx(Box,{p:1,children:jsx(Qm,{})})}),jsx(Text,{size:"2xs",intensity:54,className: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=jsxs(Fragment,{children:[jsxs(Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px]",children:[jsx(Text,{size:"base",intensity:98,children:i("trading.layout")}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsx(Divider,{}),jsxs(Flex,{gapX:6,mt:5,children:[r("right"),r("left")]})]});return jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:a=>a.preventDefault(),onClick:a=>a.stopPropagation(),align:"end",className:cn("oui-bg-base-8 oui-p-5 oui-pt-0 oui-w-[360px] oui-font-semibold"),children:n})})]})},$m=e=>jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),Qm=e=>jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#59B0FE"}),jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]});var $e=(e,t,o)=>[useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];var ba=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{totalValue:i}=useCollateral({dp:2}),r=t||o||e.status<AccountStatusEnum.EnableTrading&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=useMemo(()=>{let l=new Date,u=new Date(l.getFullYear(),l.getMonth(),l.getDate(),23,59,59).getTime();return {startTime:u-90*24*60*60*1e3,endTime:u}},[]),[s,{meta:c}]=useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:AssetHistorySideEnum.DEPOSIT,status:AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:l=>l.side===AssetHistorySideEnum.DEPOSIT&&l.transStatus===AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&c?.total===0};var Fi=6,ya=48,Sa=29,Z=8,fe=54,vt=280,Ca=360,Tt=280,wa=732,pe=464,ve=728,Re=320,Pt=540,Li=800,ro=350,lg="orderly_order_entry_side_markets_layout",ug="orderly_side_markets_mode",Ri=()=>{let[e,t]=useState(false),o=V(),{state:i}=useAccount(),{t:r}=useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:s,onRouteChange:c}=useAppContext(),{hideAssets:l,setHideAssets:d}=q(),u=ba(),{totalValue:m}=useCollateral(),g=useDataTap(m),f=useMediaQuery("(max-width: 1279px)"),p=useMediaQuery("(min-width: 1440px)"),y=useMediaQuery("(max-width: 1680px)"),[S,v]=useLocalStorage(lg,"right"),b=useMemo(()=>!n&&!a&&(i.status>=AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),C=()=>{b&&modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsx(Ti,{})});},R=useMemo(()=>p,[p]),z=dg({canTrade:b,isFirstTimeDeposit:u}),x=cg({resizeable:p}),A=gg({max2XL:f}),J=useMemo(()=>{switch(x.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[x.panelSize]),j=f?1200:600,B=b?379:277,Dt=mg({dep:S}),Xe=fg({orderEntryViewRef:A.orderEntryViewRef,tradindviewMaxHeight:j,dataListMinHeight:B}),Ze={layout:S,onLayout:v,max2XL:f,min3XL:p,max4XL:y,canTrade:b,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:R,...x,...z,...Dt,...A,restrictedInfo:s,...Xe,marketsWidth:J,tradindviewMaxHeight:j,dataListMinHeight:B,total:g,hideAssets:l,setHideAssets:d,onShowPortfolioSheet:C,navigateToPortfolio:typeof c=="function"?()=>c({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:u};return {...o,...Ze}},cg=e=>{let{resizeable:t}=e,[o,i]=useState(false),[r,n]=useLocalStorage(ug,"large"),a=c=>{n(c),i(true);},s=useMemo(()=>t?r:"middle",[t,r]);return {resizeable:t,panelSize:s,onPanelSizeChange:a,animating:o,setAnimating:i}},dg=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=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=useMemo(()=>t&&!o,[t,o]);return {positions:useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},mg=e=>{let{dep:t}=e,[o,i]=$e("orderly_main_split_size",`${vt}px`,t),[r,n]=$e("orderly_datalist_split_size",`${ro}px`),[a,s]=$e("orderly_orderbook_split_size","280px",t),[c,l]=$e("orderly_datalist_split_height_sm","350px"),[d,u]=$e("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:r,setDataListSplitSize:n,mainSplitSize:o,setMainSplitSize:i,dataListSplitHeightSM:c,setDataListSplitHeightSM:l,orderBookSplitHeightSM:d,setOrderbookSplitHeightSM:u}},gg=e=>{let{max2XL:t}=e,[o,i]=useState(0),r=useRef(null);return useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(s=>{for(let c of s){let l=c.contentRect.height;l&&i(l);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}};function va(e){return e?`${100-Math.min(Number(e),100)}`:""}function fg(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=useRef(null),r=useRef(null),[n,a]=useLocalStorage("orderly_order_entry_extra_height",0),s=22,[c,l]=useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(m,g)=>{let f=i?.current?.boxHeight;if(!f)return;let p=f*m/100,y=f*g/100,S=Math.min(Math.max(p,Re),t),v=Math.min(Math.max(y,pe),ve),b=e.orderEntryViewRef.current?.clientHeight||0;if(y>=v){let C=y-v;a(Math.max(0,n-C));}else if(S+v<t+ve){let C=S+v+s+fe,R=Math.max(0,C-b);a(n+R);}},onDataListSplitHeightDragging:(m,g)=>{let f=r?.current?.boxHeight;if(!f)return;let p=f*g/100;if(p>=o&&p<=Li){l(p);let y=p-c;y>0&&a(Math.max(0,n-y));}},extraHeight:n,dataListHeight:c}}var Pa=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:c,setDataListSplitSize:l,mainSplitSize:d,setMainSplitSize:u,dataListSplitHeightSM:m,setDataListSplitHeightSM:g,orderBookSplitHeightSM:f,setOrderbookSplitHeightSM:p,max2XL:y,max4XL:S,animating:v,setAnimating:b,positions:C,updatePositions:R,showPositionIcon:z,horizontalDraggable:x,marketsWidth:A,tradindviewMaxHeight:J,dataListMinHeight:j}=e,[B]=useLocalStorage(TradingviewFullscreenKey,false),Dt=useMemo(()=>B?0:fe+ve+ro+Z*4,[B]),Xe=ya+Sa+fe+Re+pe+j+Z*4,de=jsx(SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),Ze=jsx(Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:A,style:{minWidth:A},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>b(false),children:!v&&de}),$a=useMemo(()=>jsx(ga,{layout:r,onLayout:n}),[r,n]),or=jsx(Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:fe,height:fe},children:jsx(SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:$a})}),{library_path:Qa,...Ka}=e.tradingViewConfig,ir=jsx(TradingviewWidget,{classNames:{root:cn(B?"!oui-absolute oui-top-0 oui-left-0 oui-right-0 oui-bottom-0 oui-z-[40] oui-bg-base-10":"oui-z-1"),content:cn(B?"oui-top-3 oui-bottom-3 oui-left-3 oui-right-3 oui-bg-base-9 oui-rounded-[16px] oui-overflow-hidden":"")},symbol:e.symbol,...Ka,libraryPath:Qa}),rr=jsx(Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:Pt},className:"oui-overflow-hidden",children:ir}),nr=jsx(ei,{symbol:e.symbol}),Ya=jsx(Box,{r:"2xl",height:"100%",style:{minWidth:Tt,maxWidth:x?wa:Tt,width:a},className:"oui-overflow-hidden",children:nr}),ar=jsx(So,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig}),Xa=jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:c,minHeight:ro},className:"oui-overflow-hidden",children:ar}),Za=[jsx(oo,{index:C.findIndex(ae=>ae===0),onLayout:R,showIndicator:z,children:jsx(Zo,{})},"margin"),jsx(oo,{className:"oui-border oui-border-line-12",index:C.findIndex(ae=>ae===1),onLayout:R,showIndicator:z,children:jsxs(Fragment,{children:[jsx(Do,{isFirstTimeDeposit:e.isFirstTimeDeposit}),jsx(DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},"assets"),jsx(oo,{index:C.findIndex(ae=>ae===2),onLayout:R,showIndicator:z,children:jsx(OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})},"orderEntry")],sr=C.map(ae=>Za[ae]),lr=jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:vt,maxWidth:x?Ca:vt,width:d},children:sr}),ur=jsxs(qe,{style:{flex:1,minHeight:pe},onSizeChange:s,disable:!x,children:[S&&r==="right"?jsxs(Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:A+Pt+Z},children:[Ze,rr]}):rr,Ya]}),Ja=()=>S&&r==="left"?jsxs(Flex,{gapX:2,style:{minHeight:pe},height:"100%",children:[ur,Ze]}):ur,ja=jsxs(Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:S?A+Pt+Tt+Z*2:Pt+Tt+Z},children:[or,jsxs(qe,{style:{maxHeight:`calc(100% - ${fe}px - ${Z}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:l,children:[Ja(),Xa]})]}),es=ae=>u(r==="left"?va(ae):ae);return y?jsxs(qe,{ref:e.max2XLSplitRef,style:{minHeight:Xe,minWidth:1024-Fi},className:cn("oui-flex oui-flex-1","oui-size-full oui-min-w-[1018px]","oui-px-3 oui-py-2",e.className),onSizeChange:g,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxs(Flex,{gapX:2,itemAlign:"stretch",className:cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(fe+Re+pe+Z*2,e.orderEntryHeight),maxHeight:fe+J+ve+Z*2},children:[jsxs(Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[or,jsxs(Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:Re+pe+Z,maxHeight:J+ve+Z},className:cn("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[jsx(Box,{intensity:900,pt:3,r:"2xl",width:A,style:{minHeight:Re+pe+Z,maxHeight:J+ve+Z},children:de}),jsxs(qe,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${A}px)`},className:"oui-flex-1",onSizeChange:p,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsx(Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:Re,maxHeight:J,height:1200},children:ir}),jsx(Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:pe,maxHeight:ve,height:f},className:"oui-flex-1",children:nr})]})]})]}),jsxs(Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:vt,height:"max-content"},children:[sr,jsx(Box,{height:e.extraHeight})]})]}),jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:m,minHeight:Math.max(j,e.dataListHeight),maxHeight:Li},className:"oui-overflow-hidden",children:ar})]}):jsxs(Flex,{style:{minHeight:Dt,minWidth:1440-Fi},className:cn(e.className,r==="left"&&"oui-flex-row-reverse",B&&"oui-relative oui-w-screen oui-h-[calc(100vh-80px)] !oui-p-0 oui-overflow-hidden"),width:"100%",p:2,gap:2,children:[!S&&Ze,jsxs(qe,{className:cn("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:es,disable:!x,children:[r==="left"&&lr,ja,r==="right"&&lr]})]})};var Bi=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=useState("Position"),[n,a]=useState("Position history"),{t:s}=useTranslation(),{onSymbolChange:c}=V(),l=q(),[d,{cancelAllOrders:u,cancelAllTPSLOrders:m}]=useOrderStream({}),{positionCount:g}=et(t),{pendingOrderCount:f,tpSlOrderCount:p}=tt(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:g,pendingOrderCount:f,tpSlOrderCount:p,...l,onCloseAll:S=>{let v=S===TabType.pending?s("orders.pending.cancelAll"):S===TabType.tp_sl?s("orders.tpsl.cancelAll"):"",b=S===TabType.pending?s("orders.pending.cancelAll.description"):S===TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";modal.confirm({title:v,content:jsx(Text,{size:"2xs",children:b}),onOk:async()=>{try{return i==="TP/SL"?await m():await u(),Promise.resolve(!0)}catch(C){return C?.message!==void 0&&toast.error(C.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:c}};var Ai=e=>{let{t}=useTranslation();return jsxs(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:[jsx(TabPanel,{title:`${t("common.positions")} ${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,value:"Position",children:jsx(_g,{...e})}),jsx(TabPanel,{title:`${t("orders.status.pending")} ${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,value:"Pending",children:jsx(Oi,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,...e})}),jsx(TabPanel,{title:`${t("common.tpsl")} ${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,value:"TP/SL",children:jsx(Oi,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,...e})}),jsx(TabPanel,{title:t("trading.history"),value:"History",children:jsx(Hg,{...e})}),jsx(TabPanel,{title:t("positions.liquidation"),value:"Liquidation",children:jsx(MobileLiquidationWidget,{enableLoadMore:true,symbol:e.showAllSymbol?void 0:e.symbol,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})})]})},_g=e=>jsxs(Flex,{direction:"column",gap:2,children:[jsx(ot,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis}),jsx(MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})]}),Oi=e=>jsxs(Flex,{direction:"column",pb:2,width:"100%",children:[jsx(Divider,{className:"oui-w-full"}),e.type!==TabType.orderHistory&&jsx(Eg,{...e}),jsx(MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),Eg=e=>{let{t}=useTranslation();return jsxs(Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx(Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsx(Button,{variant:"outlined",size:"xs",color:"secondary",onClick:o=>{e.onCloseAll(e.type);},children:t("trading.orders.closeAll")})]})},Hg=e=>{let{t}=useTranslation();return jsx("div",{className:"oui-min-h-[300px]",children:jsxs(Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsx(TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsx(MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsx(Oi,{type:TabType.orderHistory,...e})})]})})};var Mi=e=>{let t=Bi(e);return jsx(Ai,{...t,className:e.className})};var _i=e=>{let[t,o]=useState(0),i=useRef(null);return useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxs("div",{className:cn("oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 oui-mx-1 ",e.className),children:[jsx("div",{className:"oui-bg-base-9 oui-rounded-xl",style:{height:`${t+16}px`},children:jsx(Ve,{symbol:e.symbol,height:t?t-44:void 0})}),jsx("div",{className:"oui-bg-base-9 oui-rounded-xl oui-p-2",children:jsx(OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};var Ei=()=>{let{symbol:e}=V();return {symbol:e}};var Hi=e=>{let t=Ei();return jsx(_i,{className:e.className,...t})};var Fa=e=>jsx(Ie,{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 qi=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,children:[jsx(Ye,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsx(Ye,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsx(Ye,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsx(Ye,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsx(Ye,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsx(Ye,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},Ye=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxs(Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsx(Text,{intensity:36,children:t}),jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsx(Text,{intensity:36,children:"USDC"})]})]})};var Ui=e=>{let{symbol:t}=e,o=useTickerStream(t),{symbolInfo:i}=V(),r=useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new Decimal(a).mul(s).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]),n=useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new Decimal(a).mul(Number(s)).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};var Gi=e=>{let t=Ui(e);return jsx(qi,{...t})};var Ra=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("g",{id:"Arrows-expand",children:jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});function Oa(e){return jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsx("div",{className:"oui-w-full oui-h-full",children:jsx(TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsx("div",{className:"oui-relative oui-w-full",children:jsx("div",{ref:e.dragRef,className:cn("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsx(Ra,{className:cn("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]})}var tf=354,Ma=234,of="TRADINGVIEW_MOBILE_HEIGHT";function _a(e){let[t,o]=useLocalStorage(of,Ma),[i,r]=useState(false),n=useRef(null),a=useRef(null),[s,c]=useState(0),l=useRef(0),d=useCallback(g=>{if(!a.current)return;r(true);let f=g.touches[0],p=a.current.getBoundingClientRect();g.stopPropagation(),g.preventDefault();let y=f.clientY-p.bottom;l.current=p.top,c(y);},[]),u=useCallback(g=>{if(a.current&&i){g.stopPropagation(),g.preventDefault();let p=g.touches[0].clientY-l.current-s;return o(Math.min(Math.max(Math.round(p),Ma),tf)),false}},[i,s]),m=useCallback(()=>{r(false);},[]);return useEffect(()=>{let g=n.current;if(g)return g.addEventListener("touchstart",d),()=>{g.removeEventListener("touchstart",d);}},[d]),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 Ea(e){let t=_a(e);return jsx(Oa,{...t})}var Yi=()=>{let[e,t]=useState("chart"),{symbol:o}=V(),[i,r]=useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};var Zi=e=>{let{t}=useTranslation(),{tradingViewConfig:o}=V();return jsxs(Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsx(uf,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsx(TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsx(Ea,{symbol:e.symbol,tradingViewConfig:o})}),jsx(TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsx(Fa,{symbol:e.symbol})}),jsx(TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsx(Box,{px:3,children:jsx(Gi,{symbol:e.symbol})})})]})},uf=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:cn("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsx("defs",{})]});var Ji=e=>{let t=Yi();return jsx(Zi,{className:e.className,...t})};var xf=()=>jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})}),Wa=e=>{let{t}=useTranslation(),o=jsxs(Box,{intensity:900,px:3,height:54,children:[jsx(SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxs(Flex,{children:[jsx(Text,{intensity:54,children:t("common.totalValue")}),jsx("button",{onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsx(EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsx(xf,{})]}),jsx(Text.numeral,{suffix:jsx(Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),jsx(SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-0",content:"oui-w-[280px] !oui-p-0"},contentProps:{side:"left",closeable:false},children:jsx(MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[o,jsx(Ji,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"}),jsx(Hi,{}),jsx(Mi,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})]})})};var er=e=>{let{isMobile:t}=useScreen();return t?jsx(Wa,{...e}):jsx(Pa,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var tr=()=>{let e=Ri();return jsx(er,{...e})};var Ua=e=>{let{symbol:t,children:o}=e,i=useSymbolsInfo()[t],r=useMemo(()=>{let n=pt(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsx(po.Provider,{value:r,children:o})};var Tf=e=>jsx(Ua,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsx(tr,{})});
+var lu=Object.defineProperty;var l=(e,t)=>()=>(e&&(t=e(e=0)),t);var G=(e,t)=>{for(var o in t)lu(e,o,{get:t[o],enumerable:true});};var $,_t=l(()=>{$=e=>{let[t,o]=useLocalStorage("unPnlPriceBasis","markPrice"),[i,r]=useLocalStorage("pnlNotionalDecimalPrecision",e?.pnlNotionalDecimalPrecision??2),[n,a]=useLocalStorage("showAllSymbol",true),[s,d]=useLocalStorage("hideAssets",false);return {unPnlPriceBasis:t,setUnPnlPriceBasic:o,pnlNotionalDecimalPrecision:i,setPnlNotionalDecimalPrecision:r,showAllSymbol:n,setShowAllSymbol:a,hideAssets:s,setHideAssets:d}};});var at,Zr=l(()=>{_t();at=e=>{let{showAllSymbol:t}=$(),[o]=usePositionStream(t?void 0:e),i=useMemo(()=>o.rows?.length,[o.rows?.length]);return {positionCount:useDataTap(i)??0}};});var st,on=l(()=>{_t();st=e=>{let {showAllSymbol:t}=$();`orderly_${TabType.pending}_pageSize`;`orderly_${TabType.tp_sl}_pageSize`;let [r,{total:n}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,excludes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),[a,{total:s}]=useOrderStream({symbol:t?void 0:e,status:OrderStatus.INCOMPLETE,includes:[AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL],size:500},{keeplive:true}),d=useDataTap(n)??0,u=useDataTap(s)??0;return {pendingOrderCount:d,tpSlOrderCount:u}};});var De=l(()=>{_t();Zr();on();});var Uo,U,re=l(()=>{Uo=createContext({}),U=()=>useContext(Uo);});var rn,Go=l(()=>{De();re();rn=e=>{let{current:t,pnlNotionalDecimalPrecision:o,sharePnLConfig:i,symbol:r,includedPendingOrder:n}=e,a=$({pnlNotionalDecimalPrecision:o}),{onSymbolChange:s}=U(),{positionCount:d}=at(e.symbol),{pendingOrderCount:u,tpSlOrderCount:m}=st(e.symbol);return {current:t,sharePnLConfig:i,symbol:r,calcMode:a.unPnlPriceBasis,includedPendingOrder:n,...a,positionCount:d,pendingOrderCount:u,tpSlOrderCount:m,onSymbolChange:s}};});var Ht,Cu,wu,lt,vu,Tu,$o=l(()=>{Ht=e=>{let[t,o]=useState(false),{t:i}=useTranslation();return jsxs(Flex,{gap:0,children:[jsxs(Flex,{gap:1,children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:e.hideOtherSymbols,onCheckedChange:r=>{e.setHideOtherSymbols(r);}}),jsx("label",{className:"oui-text-xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:i("trading.hideOtherSymbols")})]}),jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"xs",type:"button",variant:"contained",className:"oui-bg-transparent hover:oui-bg-transparent",children:jsx(SettingFillIcon,{size:16,color:"white",opacity:1,className:"oui-text-white/[.36] hover:oui-text-white/80"})})}),jsx(DropdownMenuContent,{className:"oui-px-5 oui-py-3 oui-w-[360px]",alignOffset:2,align:"end",children:jsxs("div",{className:"oui-flex oui-flex-col oui-text-sm",children:[jsx(Text,{className:"oui-text-base oui-pb-3",children:i("trading.portfolioSettings")}),jsx(Divider,{}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.decimalPrecision")}),jsx(wu,{value:e.pnlNotionalDecimalPrecision,onValueChange:r=>{e.setPnlNotionalDecimalPrecision(r),o(false);}}),jsx(Divider,{className:"oui-my-3"}),jsx(Text,{className:"oui-pb-3 oui-text-base-contrast-54 oui-mt-2",children:i("trading.portfolioSettings.unrealPnlPriceBasis")}),jsx(Cu,{value:e.unPnlPriceBasis,onValueChange:r=>{e.setUnPnlPriceBasic(r),o(false);}})]})})]})]})},Cu=e=>{let{value:t,onValueChange:o}=e,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(lt,{sel:t==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsx(lt,{sel:t==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},wu=e=>{let{value:t,onValueChange:o}=e;return jsxs(Flex,{gap:2,children:[jsx(lt,{sel:t===0,label:1,value:0,onCheckChange:o}),jsx(lt,{sel:t===1,label:.1,value:1,onCheckChange:o}),jsx(lt,{sel:t===2,label:.01,value:2,onCheckChange:o})]})},lt=e=>{let{sel:t,label:o,value:i,onCheckChange:r}=e;return jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[t?jsx(vu,{}):jsx(Tu,{}),jsx(Text,{size:"2xs",intensity:t?98:54,children:o})]})},vu=()=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),Tu=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});});var sn,ln=l(()=>{sn=e=>({...e});});var un,cn=l(()=>{ln();$o();un=e=>{let t=sn(e);return jsx(Ht,{...t})};});var dn={};G(dn,{Setting:()=>Ht,SettingWidget:()=>un});var mn=l(()=>{$o();cn();});var Wt,Fu,Du,pn,fn,Xo=l(()=>{Wt=e=>{let{isMobile:t}=useScreen();return t?jsx(Fu,{...e}):jsx(Du,{...e})},Fu=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,width:"100%",itemAlign:"start",p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{width:"100%",justify:"between",children:[jsx(pn,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e}),jsx(fn,{classNames:{label:"oui-text-2xs oui-text-base-contrast-54",root:"oui-text-sm"},...e})]}),jsx(Divider,{className:"oui-w-full"}),jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{id:"oui-checkbox-hideOtherSymbols",color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx("label",{className:"oui-text-2xs oui-text-base-contrast-54 oui-cursor-pointer",htmlFor:"oui-checkbox-hideOtherSymbols",children:t("trading.hideOtherSymbols")})]})]})},Du=e=>jsxs(Flex,{py:2,px:3,gap:6,width:"100%",justify:"start",children:[jsx(pn,{...e,classNames:{label:"oui-text-base-contrast-54"}}),jsx(fn,{...e,classNames:{label:"oui-text-base-contrast-54"}})]}),pn=e=>{let{t}=useTranslation(),o=typeof e.unrealPnL=="number"?e.unrealPnL>=0?"oui-text-trade-profit":"oui-text-trade-loss":"oui-text-base-contrast-80",i=typeof e.unrealPnL=="number"&&e.unrealPnlROI?e.unrealPnlROI>=0?"oui-text-success-darken":"oui-text-danger-darken":"oui-text-base-contrast-80";return jsx(Statistic,{label:t("common.unrealizedPnl"),classNames:e.classNames,children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,className:o,children:e.unrealPnL??"--"}),typeof e.unrealPnlROI<"u"&&jsx(Text.numeral,{prefix:"(",suffix:")",rule:"percentages",size:"2xs",dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,className:i,children:e.unrealPnlROI})]})})},fn=e=>{let{t}=useTranslation();return jsx(Statistic,{label:t("common.notional"),classNames:e.classNames,children:jsx(Text.numeral,{dp:e.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,intensity:80,children:e.notional??"--"})})};});var hn,bn=l(()=>{De();hn=e=>{let{pnlNotionalDecimalPrecision:t,unPnlPriceBasis:o,symbol:i}=e,r=o,[n]=usePositionStream(i,{calcMode:r}),a=useDataTap(n.aggregated),s=a?.total_unreal_pnl,d=a?.unrealPnlROI,u=a?.notional,{showAllSymbol:m,setShowAllSymbol:c}=$();return {pnlNotionalDecimalPrecision:t,unrealPnL:s,unrealPnlROI:d,notional:u,showAllSymbol:m,setShowAllSymbol:c}};});var xn,yn=l(()=>{bn();Xo();xn=e=>{let t=hn(e);return jsx(Wt,{...t})};});var Zo={};G(Zo,{PositionHeader:()=>Wt,PositionHeaderWidget:()=>xn});var Jo=l(()=>{Xo();yn();});var qu,Uu,$t,Gu,$u,ei=l(()=>{Go();qu=fe.lazy(()=>Promise.resolve().then(()=>(mn(),dn)).then(e=>({default:e.SettingWidget}))),Uu=fe.lazy(()=>Promise.resolve().then(()=>(Jo(),Zo)).then(e=>({default:e.PositionHeaderWidget}))),$t=e=>{let{t}=useTranslation();return jsxs(Tabs,{defaultValue:e.current||"Positions",variant:"contained",trailing:jsx(fe.Suspense,{fallback:null,children:jsx(qu,{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)]",trigger:"oui-group"},children:[jsx(TabPanel,{testid:"oui-testid-dataList-position-tab",value:"Positions",title:`${t("common.positions")} ${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,children:jsx($u,{...e})}),jsx(TabPanel,{testid:"oui-testid-dataList-pending-tab",value:"Pending",title:`${t("orders.status.pending")} ${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,children:jsx(DesktopOrderListWidget,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-pending-table-body"}})}),jsx(TabPanel,{testid:"oui-testid-dataList-tpsl-tab",value:"TP/SL",title:`${t("common.tpsl")} ${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,children:jsx(DesktopOrderListWidget,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-tpsl-table-body"}})}),jsx(TabPanel,{testid:"oui-testid-dataList-filled-tab",value:"Filled",title:t("orders.status.filled"),children:jsx(DesktopOrderListWidget,{type:TabType.filled,symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,ordersStatus:OrderStatus.FILLED,onSymbolChange:e.onSymbolChange,testIds:{tableBody:"oui-testid-dataList-filled-table-body"},sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{testid:"oui-testid-dataList-positionHistory-tab",value:"Position history",title:t("positions.positionHistory"),children:jsx(PositionHistoryWidget,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{testid:"oui-testid-dataList-orderHistory-tab",value:"Order history",title:t("orders.orderHistory"),children:jsx(DesktopOrderListWidget,{type: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})}),jsx(TabPanel,{testid:"oui-testid-dataList-liquidation-tab",value:"Liquidation",title:jsx(Gu,{}),children:jsx(LiquidationWidget,{symbol:e.showAllSymbol?void 0:e.symbol})})]})},Gu=()=>{let{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-space-x-1",children:[jsx("span",{children:e("positions.liquidation")}),jsx(Tooltip,{className:"oui-max-w-[275px] oui-bg-base-6",content:jsxs("div",{children:[jsx("div",{className:"oui-text-pretty",children:e("positions.Liquidation.tooltip.liquidation")}),jsx("div",{children:jsx("a",{href:"https://orderly.network/docs/introduction/trade-on-orderly/perpetual-futures/liquidations",target:"_blank",rel:"noopener noreferrer",className:"oui-text-primary",children:e("positions.Liquidation.tooltip.viewMore")})})]}),arrow:{className:"oui-fill-base-6"},children:jsx("button",{className:"oui-hidden group-data-[state=active]:oui-block",children:jsx(InfoCircleIcon,{})})})]})},$u=e=>jsxs(Flex,{direction:"column",width:"100%",height:"100%",children:[jsx(fe.Suspense,{fallback:null,children:jsx(Uu,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsx(Divider,{className:"oui-w-full"}),jsx(Box,{className:"oui-h-[calc(100%_-_60px)]",width:"100%",children:jsx(PositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,sharePnLConfig:e.sharePnLConfig,calcMode:e.calcMode,includedPendingOrder:e.includedPendingOrder,onSymbolChange:e.onSymbolChange})})]});});var Cn,wn=l(()=>{Go();ei();Cn=e=>{let t=rn(e);return jsx($t,{...t})};});var vn={};G(vn,{DataList:()=>$t,DataListWidget:()=>Cn});var ti=l(()=>{ei();wn();});var Qt,kn,Ju,ju,oi=l(()=>{Qt=e=>jsxs(Box,{className:cn$1("oui-grid oui-grid-rows=[auto,1fr] oui-h-full oui-w-full",e.classNames?.root),style:e.style,children:[jsx(Box,{className:"oui-pr-1",children:jsx(Ju,{base:e.base,quote:e.quote,className:e.classNames?.listHeader})}),jsx(ju,{data:e.data,isLoading:e.isLoading,baseDp:e.baseDp,quoteDp:e.quoteDp,classNames:e.classNames?.listItem,className:e.classNames?.list})]}),kn=e=>{let{left:t,mid:o,right:i,classNames:r}=e;return jsxs(Grid,{cols:3,gapX:2,width:"100%",className:cn$1("oui-text-xs oui-tabular-nums",r?.root),children:[jsx("div",{className:cn$1("oui-flex-1",r?.left),children:t}),jsx("div",{className:cn$1("oui-flex-1",r?.mid),children:o}),jsx("div",{className:cn$1("oui-flex-1 oui-text-right",r?.right),children:i})]})},Ju=e=>{let{t}=useTranslation();return jsx(kn,{left:t("common.time"),mid:`${t("common.price")}(${e.quote})`,right:`${t("common.qty")}(${e.base})`,classNames:{root:cn$1("oui-text-base-contrast-54 oui-h-[32px] oui-sticky",e.className)}})},ju=e=>jsx(ListView,{dataSource:e.data,className:cn$1("oui-last-trades-list","oui-w-full oui-h-full",e.className,"oui-overflow-auto"),contentClassName:"!oui-space-y-0 oui-pr-[-4px]",renderItem:(t,o)=>jsx(kn,{left:jsx(Text.formatted,{rule:"date",formatString:"HH:mm:ss",children:t?.ts}),mid:commifyOptional(t?.price,{fix:e.quoteDp}),right:commifyOptional(t?.size,{fix:e.baseDp}),classNames:{left:cn$1("oui-text-base-contrast-80",e.classNames?.left),right:cn$1(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.mid),mid:cn$1(t.side===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss",e.classNames?.right)}},o)});});var Fn,Dn=l(()=>{Fn=e=>{let{data:t,isLoading:o}=useMarketTradeStream(e),i=useSymbolsInfo()?.[e],r=i?.("base"),n=i?.("quote"),a=i?.("base_dp"),s=i?.("quote_dp");return {base:r,quote:n,data:t,isLoading:o,baseDp:a,quoteDp:s}};});var Kt,Ln=l(()=>{Dn();oi();Kt=e=>{let t=Fn(e.symbol);return jsx(Qt,{...t,classNames:e.classNames,style:e.style})};});var Bn={};G(Bn,{LastTrades:()=>Qt,LastTradesWidget:()=>Kt});var Yt=l(()=>{oi();Ln();});function On(e){let{t}=useTranslation();return e.showFaucet?jsx(Button,{variant:"outlined",fullWidth:true,size:"md",onClick:e.getFaucet,loading:e.loading,className:"oui-text-primary-light oui-border-primary-light oui-rounded","data-testid":"oui-testid-assetView-getFaucet-button",children:t("trading.faucet.getTestUSDC")}):null}var In=l(()=>{});function _n(){let{t:e}=useTranslation(),{connectedChain:t,namespace:o}=useWalletConnector(),{state:i,account:r}=useAccount(),n=useConfig(),a=n.get("operatorUrl"),[s,{isMutating:d}]=useMutation(`${a}/v1/faucet/usdc`),[u,m]=useState(false),c=useMemo(()=>!t||!t.id?false:(i.status===AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(t.id)),[i,t]);return {getFaucet:()=>{if(u)return;m(true);let p=e("trading.faucet.getTestUSDC.success",{quantity:o===ChainNamespace.solana?"100":"1,000"});return s({chain_id:r.walletAdapter?.chainId.toString(),user_address:i.address,broker_id:n.get("brokerId")}).then(f=>{if(m(false),f.success)return modal.alert({title:e("trading.faucet.getTestUSDC"),message:p,onOk:()=>new Promise(h=>h(true))});f.message&&toast$1.error(f.message);},f=>{toast$1.error(f.message);})},showFaucet:c,loading:u}}var zn=l(()=>{});function ii(){let e=_n();return jsx(On,{...e})}var En=l(()=>{In();zn();});var Fc,Dc,si,Lc,ni,Bc,Oc,Jt,jt=l(()=>{En();Fc=e=>e>=0&&e<50?"oui-text-success":e>=50&&e<80?"oui-text-warning":e>=80?"oui-text-danger":"",Dc=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{t:i}=useTranslation();return useMemo(()=>{let r={wrongNetwork:{title:i("connector.wrongNetwork"),description:i("connector.wrongNetwork.tooltip"),titleColor:"warning"},connectWallet:{title:i("connector.connectWallet"),description:i("connector.trade.connectWallet.tooltip"),titleClsName:"oui-text-transparent oui-bg-clip-text oui-gradient-brand"},createAccount:{title:i("connector.createAccount"),description:i("connector.trade.createAccount.tooltip"),titleColor:"primary"},enableTrading:{title:i("connector.enableTrading"),description:i("connector.trade.enableTrading.tooltip"),titleColor:"primary"},empty:{title:"",description:""}};return o?r.connectWallet:t?r.wrongNetwork:e.status===AccountStatusEnum.EnableTradingWithoutConnected?r.empty:e.status<=AccountStatusEnum.NotConnected?r.connectWallet:e.status<=AccountStatusEnum.NotSignedIn?r.createAccount:e.status<AccountStatusEnum.EnableTrading?r.enableTrading:r.empty},[i,e.status,t,o])},si=e=>{let{description:t,formula:o}=e;return jsxs("div",{className:"oui-min-w-[204px] oui-max-w-[240px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80",children:[typeof t<"u"&&t!==null&&jsx("span",{children:t}),jsx(Divider,{className:"oui-border-white/10",my:2}),typeof o<"u"&&o!==null&&jsx("span",{children:o})]})},Lc=e=>{let{t}=useTranslation(),{totalValue:o,visible:i=true,onToggleVisibility:r}=e;return jsxs(Flex,{direction:"column",gap:1,className:"oui-text-2xs",itemAlign:"center",children:[jsx(Text.numeral,{visible:i,weight:"bold",size:"2xl",className:gradientTextVariants({color:"brand"}),as:"div",padding:false,dp:2,children:o??"--"}),jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:`${t("trading.asset.myAssets")} (USDC)`}),jsx("button",{onClick:r,children:i?jsx(EyeIcon,{size:18,className:"oui-text-base-contrast-54"}):jsx(EyeCloseIcon,{size:18,className:"oui-text-base-contrast-54"})})]})]})},ni=e=>{let{label:t,description:o,formula:i,visible:r,value:n,unit:a,rule:s,placeholder:d}=e;return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:"",content:jsx(si,{description:o,formula:i}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:t})}),jsx(Text.numeral,{visible:r,size:"2xs",unit:a,unitClassName:"oui-text-base-contrast-36 oui-ml-0.5",as:"div",rule:s,padding:false,dp:2,placeholder:d,children:n||"--"})]})},Bc=e=>{let{visible:t,value:o}=e,{t:i}=useTranslation();return jsxs(Flex,{justify:"between",children:[jsx(Tooltip,{className:cn$1("oui-bg-base-6 oui-p-2"),content:jsx(LTVRiskTooltipWidget,{}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:i("transfer.LTV")})}),jsx(Text,{size:"2xs",className:cn$1("select-none",t&&Fc(Number(o))),children:t?`${o}%`:"*****"})]})},Oc=e=>{let{visible:t=true,freeCollateral:o,marginRatioVal:i,renderMMR:r,isConnected:n,currentLtv:a}=e,[s,d]=useLocalStorage("orderly_entry_asset_list_open",false),[u,m]=useState(s),{t:c}=useTranslation(),g=useCallback(()=>{m(f=>!f),setTimeout(()=>{d(!u);},0);},[]),p=typeof a=="number"&&!Number.isNaN(a)&&a>0;return jsxs(Box,{className:"oui-group",children:[jsxs(Flex,{justify:"center",gap:1,itemAlign:"center",className:"oui-cursor-pointer",onClick:g,children:[jsx(Divider,{className:"oui-flex-1"}),jsx(ChevronDownIcon,{size:12,color:"white",className:cn$1("oui-transition-transform",u&&"oui-rotate-180")}),jsx(Divider,{className:"oui-flex-1"})]}),jsxs(Box,{style:{transform:"translateZ(0)"},className:cn$1("oui-select-none oui-space-y-1.5 oui-overflow-hidden","oui-transition-[max-height] oui-duration-150","group-hover:oui-will-change-[max-height]",u?p?"oui-max-h-[94px]":"oui-max-h-[69px]":"oui-max-h-0"),children:[jsx(ni,{label:c("trading.asset.freeCollateral"),description:c("trading.asset.freeCollateral.tooltip"),formula:c("trading.asset.freeCollateral.formula"),visible:t,value:o===0?"0":o,unit:"USDC"}),jsx(ni,{label:c("trading.asset.marginRatio"),description:c("trading.asset.marginRatio.tooltip"),formula:c("trading.asset.marginRatio.formula"),visible:t,value:i,isConnected:n,rule:"percentages",showPercentage:true,placeholder:"--%"}),jsx(ni,{label:c("trading.asset.maintenanceMarginRatio"),description:c("trading.asset.maintenanceMarginRatio.tooltip"),formula:c("trading.asset.maintenanceMarginRatio.formula"),visible:t,value:r,rule:"percentages",showPercentage:true,placeholder:"--%"}),p&&jsx(Bc,{visible:t,value:a})]})]})},Jt=({networkId:e,isFirstTimeDeposit:t,totalValue:o,onDeposit:i,onWithdraw:r,onTransfer:n,toggleVisible:a,visible:s,freeCollateral:d,marginRatioVal:u,renderMMR:m,isConnected:c,isMainAccount:g,hasSubAccount:p,currentLtv:f})=>{let{title:h,description:S,titleColor:C,titleClsName:T}=Dc(),{t:x}=useTranslation(),w=p&&jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:n,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:x("common.transfer")})}),O=g&&jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[!p&&jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:x("common.deposit")})]}),q=g&&jsxs(Button,{fullWidth:true,color:"secondary",size:"md",onClick:r,"data-testid":"oui-testid-assetView-withdraw-button",children:[!p&&jsx(ArrowDownShortIcon,{color:"white",opacity:1,className:"oui-rotate-180"}),jsx(Text,{children:x("common.withdraw")})]});return jsxs(Box,{className:"oui-relative",children:[h&&S&&jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text,{size:"lg",weight:"bold",color:C||"inherit",className:T,children:h}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:"oui-text-center",children:S})]}),jsx(AuthGuard,{networkId:e,buttonProps:{size:"md",fullWidth:true},children:t&&g?jsxs(Fragment,{children:[jsx(Box,{children:jsxs(Flex,{direction:"column",gap:1,className:"oui-mb-[32px]",children:[jsx(Text.gradient,{size:"lg",weight:"bold",color:"brand",children:x("trading.asset.startTrading")}),jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",children:x("trading.asset.startTrading.description")})]})}),jsxs(Button,{"data-testid":"oui-testid-assetView-deposit-button",fullWidth:true,size:"md",onClick:i,children:[jsx(ArrowDownShortIcon,{color:"white",opacity:1}),jsx(Text,{children:x("common.deposit")})]}),jsx(Box,{className:"oui-mt-3",children:jsx(ii,{})})]}):jsxs(Box,{className:"oui-space-y-4",children:[jsx(Lc,{totalValue:o,visible:s,onToggleVisibility:a}),jsx(Oc,{visible:s,freeCollateral:d,marginRatioVal:u,renderMMR:m,isConnected:c,currentLtv:f}),jsx(Flex,{gap:g?p?2:3:0,itemAlign:"center",children:g?jsxs(Fragment,{children:[O,w,q]}):w}),g&&jsx(ii,{})]})}),jsx("div",{className:cn$1("oui-absolute oui-inset-0 oui-rotate-180","oui-pointer-events-none oui-rounded-2xl oui-blur-[200px]"),style:{background:"conic-gradient(from -40.91deg at 40.63% 50.41%, rgba(159, 115, 241, 0) -48.92deg, rgba(242, 98, 181, 0) 125.18deg, #5FC5FF 193.41deg, #FFAC89 216.02deg, #8155FF 236.07deg, #789DFF 259.95deg, rgba(159, 115, 241, 0) 311.08deg, rgba(242, 98, 181, 0) 485.18deg)"}})]})};});var Gn,$n=l(()=>{Gn=()=>{let{t:e}=useTranslation(),t=useAccountInstance(),o=useEventEmitter(),{totalValue:i}=useCollateral({dp:2}),r=useConfig("networkId"),{state:n,isMainAccount:a}=useAccount(),{freeCollateral:s}=useCollateral({dp:2}),{marginRatio:d,mmr:u}=useMarginRatio(),m=n.status>=AccountStatusEnum.Connected,[{aggregated:c},g]=usePositionStream(),p=useMemo(()=>Math.min(10,c.notional===0?g.margin_ratio(10):d),[d,c]),f=useCallback(I=>modal.show(DepositAndWithdrawWithDialogId,{activeTab:I}),[]),h=useCallback(async()=>f("deposit"),[]),S=useCallback(async()=>f("withdraw"),[]),C=useCallback(async()=>modal.show(TransferDialogId),[]),T=useCallback(async()=>t.settle().catch(I=>{if(I.code===-1104)return toast$1.error(e("settle.settlement.error")),Promise.reject(I);I.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&o.emit("wallet:sign-message-with-ledger-error",{message:I.message,userAddress:t.address});}).then(I=>(toast$1.success(e("settle.settlement.requested")),Promise.resolve(I))),[t,e]),[x,w]=useLocalStorage("orderly_assets_visible",true),O=useCallback(()=>{w(I=>!I);},[x]),q=useComputedLTV(),y=useDataTap(s)??void 0,_=useDataTap(p)??void 0,te=useDataTap(u)??void 0,oe=useDataTap(i)??void 0;return {onDeposit:h,onWithdraw:S,onTransfer:C,onSettle:T,visible:x,toggleVisible:O,networkId:r,totalValue:oe,status:n.status,freeCollateral:y,marginRatioVal:_,renderMMR:te,isConnected:m,isMainAccount:a,hasSubAccount:!!n.subAccounts?.length,currentLtv:q}};});var Qn,Kn=l(()=>{$n();jt();Qn=e=>{let t=Gn();return jsx(Jt,{...t,isFirstTimeDeposit:e.isFirstTimeDeposit})};});var Yn={};G(Yn,{AssetView:()=>Jt,AssetViewWidget:()=>Qn});var li=l(()=>{jt();Kn();});var to,ie,Be,qe,oo,ne=l(()=>{to=createContext({cellHeight:22}),ie=()=>useContext(to),Be="orderbook_coin_type",qe="orderbook_mobile_coin_unit",oo=e=>{let[t,o]=useState("quantity"),[i,r]=useState("quantity"),n=fe.useMemo(()=>({cellHeight:e.cellHeight,onItemClick:e.onItemClick,mode:t,totalMode:i||"quantity",depth:e.depth,onModeChange:o,onTotalModeChange:r,showTotal:e.showTotal||false,pendingOrders:e.pendingOrders,symbolInfo:e.symbolInfo}),[t,e.cellHeight,e.depth,e.onItemClick,e.pendingOrders,e.showTotal,e.symbolInfo,i]);return jsx(to.Provider,{value:n,children:e.children})};});var Pe=l(()=>{});var io,ui=l(()=>{io=e=>{let{direction:t=1}=e,o=useMemo(()=>{let i=Math.max(e.width,0);return t===0?{transform:`translateX(${i}%)`}:{transform:`translateX(-${i}%)`}},[e.width]);return jsx("div",{className:cn$1("oui-absolute oui-right-[-100%] oui-top-0 oui-h-full oui-w-full oui-transition-transform oui-pointer-events-none",t===0&&"oui-left-[-100%]",e.className),style:o})};});var jn,ea=l(()=>{ui();ne();Pe();jn=e=>{let{cellHeight:t,showTotal:o,onItemClick:i,depth:r,pendingOrders:n}=ie(),{symbolInfo:a,currentHover:s,accumulated:d,accumulatedAmount:u,count:m,price:c,quantity:g,base:p,quote:f}=e,{base_dp:h,quote_dp:S}=a,[C]=useLocalStorage(Be,p),T=Number.isNaN(c)?0:d/m*100,x=useMemo(()=>getPrecisionByNumber(r||`${S}`),[r,S]),w=Number.isNaN(d)?"-":u?.toString(),O=useMemo(()=>{let q=parseNumber(c,{dp:x,padding:true});return n.some(y=>q===parseNumber(y,{dp:x,padding:true}))},[n,c,x]);return jsxs("div",{className:"oui-relative oui-flex oui-cursor-pointer oui-flex-row oui-justify-between oui-pl-3 oui-text-xs oui-tabular-nums oui-text-base-contrast-80",style:{height:`${t}px`},onClick:()=>{Number.isNaN(c)||Number.isNaN(g)||i?.([c,g]);},onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,children:[jsxs("div",{className:cn$1("oui-mr-2 oui-flex oui-basis-7/12 oui-flex-row oui-items-center",o&&"oui-basis-5/12"),children:[jsx("div",{className:cn$1("oui-flex-1 oui-text-left",e.type==="ask"?"oui-text-trade-loss":"oui-text-trade-profit"),children:jsx(Text.numeral,{dp:x,children:c})}),jsx("div",{className:"oui-flex-1 oui-text-right oui-text-base-contrast-80",children:jsx(Text.numeral,{dp:h,children:g})})]}),jsxs("div",{className:cn$1("oui-fex-row oui-relative oui-flex oui-basis-5/12 oui-items-center oui-justify-end oui-overflow-hidden",o&&"oui-basis-7/12"),children:[o?jsxs(Fragment,{children:[jsx("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:h,className:"oui-z-10",children:d})}),jsx("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:jsx(Text.numeral,{dp:0,className:"oui-z-10",children:w})})]}):jsxs("div",{className:cn$1("oui-flex-1 oui-pr-3 oui-text-right"),children:[C===p&&jsx(Text.numeral,{dp:h,className:"oui-z-10",children:d}),C===f&&jsx(Text.numeral,{dp:0,className:"oui-z-10",children:w})]}),jsx(io,{width:T,direction:0,className:e.type==="ask"?"oui-bg-trade-loss/10":"oui-bg-trade-profit/10"})]}),O&&jsx("div",{className:cn$1("oui-pointer-events-none oui-absolute oui-left-[4px] oui-size-[4px] oui-rounded-full",e.type==="ask"&&"oui-bg-trade-loss",e.type==="bid"&&"oui-bg-trade-profit"),style:{top:`${t/2-2}px`}}),e.isHover&&jsx("div",{className:"oui-absolute oui-inset-0 oui-bg-white oui-opacity-[.12]"}),s&&jsx("div",{className:cn$1("oui-absolute oui-inset-x-0",e.type==="ask"&&"oui-top-0",e.type==="bid"&&"oui-bottom-0"),children:jsx(Divider,{lineStyle:"dashed",className:cn$1("oui-w-full",e.type==="bid"&&"oui-border-trade-profit",e.type==="ask"&&"oui-border-trade-loss")})})]})};});var ta,ro,pd,ci,gi=l(()=>{ne();Pe();ea();ta=e=>{if(!e)return {sumQty:0,sumQtyAmount:0,avgPrice:0};let[,,t,o]=e,i=Number.isNaN(t)?0:t,r=Number.isNaN(o)?0:o;return {sumQty:i,sumQtyAmount:r,avgPrice:r===0||i===0?0:new Decimal(r).div(i).toNumber()}},ro=e=>{let{data:t,type:o,countQty:i}=e,{symbolInfo:r,depth:n}=ie(),a=useCallback(()=>{if(!t?.length)return null;if(o==="ask"){let c=t.findIndex(g=>!Number.isNaN(g[0]));return c!==-1?t[c]:null}else {let c=t.length;for(let g=c-1;g>=0;g--){let p=t[g];if(!Number.isNaN(p[0]))return p}return null}},[t,o]),s=useMemo(()=>n?.toString().includes(".")?n.toString().split(".")[1].length:0,[n]),d=useMemo(()=>t.reduce((c,g)=>Math.max(c,g[1]),0),[t]),[u,m]=useState(-1);return jsx("div",{className:"oui-order-book-list oui-flex oui-flex-col oui-gap-px",children:t.map((c,g)=>jsx(pd,{index:g,item:c,countQty:i,setHoverIndex:m,hoverIndex:u,type:o,maxQty:d,priceDp:s,symbolInfo:r,findMaxItem:a},g))})},pd=e=>{let{index:t,item:o,setHoverIndex:i,type:r,maxQty:n,hoverIndex:a,priceDp:s,countQty:d,symbolInfo:u,findMaxItem:m}=e,{base:c,quote:g,base_dp:p,quote_dp:f}=u,{t:h}=useTranslation(),S=a!==-1?r==="ask"?t>=a:t<=a:false,[C,T]=useState(false),x=useMemo(()=>{let w=ta(o);return w.avgPrice===0?ta(m()):w},[o,m]);return jsxs(TooltipRoot,{open:C,onOpenChange:T,children:[jsx(TooltipTrigger,{children:jsx(jn,{background:"",price:o[0],quantity:o[1],accumulated:o[2],count:d,type:r,accumulatedAmount:o[3],maxQty:n,isHover:S,currentHover:a===t,symbolInfo:u,base:c,quote:g,onMouseEnter:()=>{i(t),T(true);},onMouseLeave:()=>{i(-1),T(false);}})}),jsxs(TooltipContent,{className:cn$1("oui-rounded-base oui-flex oui-w-full oui-max-w-[400px] oui-flex-col oui-gap-2 oui-bg-base-6 oui-p-3 oui-text-2xs oui-shadow-md"),align:r==="ask"?"end":"start",alignOffset:-25.4,side:"left",sideOffset:2,onPointerEnter:w=>w.preventDefault(),children:[jsx(ci,{title:`${h("common.avgPrice")}\u2248`,content:x.avgPrice,contentDp:f}),jsx(ci,{title:`${h("trading.orderBook.sum")} (${c})`,content:x.sumQty,contentDp:p}),jsx(ci,{title:`${h("trading.orderBook.sum")} (${g})`,content:x.sumQtyAmount,contentDp:f}),jsx(TooltipArrow,{className:"oui-fill-base-6",style:{transform:r==="ask"?"translateX(80%)":"translateX(-80%)"}})]})]})},ci=e=>{let{title:t,content:o,contentDp:i}=e;return jsxs("div",{className:"oui-flex oui-flex-row oui-justify-between oui-gap-4",children:[jsx("div",{className:"oui-select-none oui-text-base-contrast-36",children:t}),jsx("div",{className:"oui-text-end",children:jsx(Text.numeral,{dp:i,children:o})})]})};});var ia,ra=l(()=>{Pe();gi();ia=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length,n=0;for(;Number.isNaN(i)&&n<r;)i=t[n][2],n++;return i},[t]);return jsx(ro,{type:"ask",data:t,countQty:o})};});var na,aa=l(()=>{Pe();gi();na=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(ro,{type:"bid",data:t,countQty:o})};});var la,ua=l(()=>{la=e=>{let t=useMemo(()=>e.depths.map(o=>({value:o,label:`${o}`})),[e.depths]);return jsx(Box,{pl:3,width:97,className:"oui-py-[10px]",children:jsx(Select.options,{options:t,size:"xs",value:e.value,onValueChange:o=>{e.onChange?.(o);}})})};});var Nd,ma,ht,ga=l(()=>{ne();Nd=e=>{let{item:t,base:o,onClick:i}=e,{t:r}=useTranslation(),[n,a]=useLocalStorage(Be,o);return jsxs(Flex,{justify:"between",itemAlign:"center",className:cn$1("oui-w-full oui-px-2 oui-py-[3px]","oui-cursor-pointer","oui-text-xs","oui-text-base-contrast-54","hover:oui-bg-base-6","oui-rounded-[3px]","oui-transition-all",n===t&&"oui-bg-base-5"),onClick:s=>{a(t),i(s);},children:[r("common.total"),"(",t,")",jsx("div",{className:cn$1("oui-transition-all","oui-w-1","oui-h-1","oui-rounded-full","oui-bg-gradient-to-r",n===t&&"oui-from-[rgb(var(--oui-gradient-brand-start))] oui-to-[rgb(var(--oui-gradient-brand-end))]")})]})},ma=e=>{let{base:t,quote:o="USDC"}=e,{showTotal:i}=ie(),{t:r}=useTranslation(),[n,a]=fe.useState(false),[s]=useLocalStorage(Be,t),d=n?CaretUpIcon:CaretDownIcon;return jsxs(Flex,{pl:3,justify:"between",className:"oui-py-[6px]",children:[jsxs(Flex,{gap:1,className:cn$1("oui-basis-7/12",i&&"oui-basis-1/2"),children:[jsx(Box,{width:"100%",children:jsx(ht,{id:"oui-order-book-header-price",className:"oui-text-base-contrast-36",children:`${r("common.price")}(${o})`})}),jsx(Box,{width:"100%",children:jsx(ht,{justifyEnd:true,id:"oui-order-book-header-qty",className:"oui-text-base-contrast-36",children:`${r("common.qty")}(${t})`})})]}),jsx(Flex,{gap:1,pr:3,className:cn$1("oui-basis-5/12",i&&"oui-basis-1/2"),children:i?jsxs(Fragment,{children:[jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(ht,{id:"oui-order-book-header-total-quote",justifyEnd:true,children:`${r("common.total")}(${t})`})}),jsx(Box,{className:"oui-text-base-contrast-36",width:"100%",children:jsx(ht,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${o})`})})]}):jsx(Box,{width:"100%",children:jsx(Popover,{open:n,onOpenChange:a,contentProps:{className:cn$1("oui-w-28 oui-p-1")},content:jsx(Flex,{direction:"column",itemAlign:"start",className:cn$1("oui-w-full oui-gap-0.5"),children:[t,o].map(u=>jsx(Nd,{item:u,base:t,onClick:()=>a(false)},`type-${u}`))}),children:jsxs(Flex,{justify:"end",itemAlign:"center",className:"oui-cursor-pointer oui-select-none oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast",children:[jsx(ht,{justifyEnd:true,id:"oui-order-book-header-total-base",children:`${r("common.total")}(${s})`}),jsx(d,{color:"inherit",className:"oui-size-4 oui-text-3xs"})]})})})})]})},ht=e=>{let{children:t,className:o,justifyEnd:i=false}=e;return jsx(Flex,{id:e.id,className:cn$1(o,"oui-items-end oui-text-xs",i&&"oui-justify-end"),children:t})};});var no,fi=l(()=>{no=e=>{let{markPrice:t=0,lastPrice:o,quote_dp:i,className:r,iconSize:n=18}=e,[a,s]=o,d=s<a,u=s>a;return jsxs(Flex,{gap:1,className:cn$1(u?"oui-text-trade-profit":d?"oui-text-trade-loss":"",r),children:[jsx(Text.numeral,{dp:i,intensity:98,children:s}),jsxs(Box,{width:19,children:[d&&jsx(ArrowDownShortIcon,{size:n,color:"danger",opacity:1}),u&&jsx(ArrowUpShortIcon,{size:n,color:"success",opacity:1})]})]})};});var ao,zd,Ed,xa,xi=l(()=>{ao=e=>{let{isMobile:t}=useScreen();return t?jsx(Ed,{...e}):jsx(zd,{...e})},zd=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,{t:r}=useTranslation();return jsx(Tooltip,{content:r("trading.orderBook.markPrice.tooltip"),className:"oui-max-w-[270px]",children:jsxs(Flex,{gap:1,className:cn$1("oui-cursor-pointer oui-text-2xs",o),children:[jsx(xa,{size:i}),jsx(Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-text-base oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]})})},Ed=e=>{let{quote_dp:t,className:o,iconSize:i=18}=e,[r,n]=useState(false),{t:a}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{gap:1,className:cn$1("oui-cursor-pointer oui-text-2xs",o),onClick:()=>{n(true);},children:[jsx(xa,{size:i}),jsx(Text.numeral,{dp:t,color:"warning",className:"oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-warning-darken",children:e.markPrice})]}),jsx(SimpleDialog,{size:"xs",open:r,onOpenChange:n,title:a("common.tips"),actions:{primary:{label:a("common.ok"),onClick:()=>n(false)}},children:jsx(Text,{children:a("trading.orderBook.markPrice.tooltip")})})]})},xa=e=>jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 18 18",fill:"currenColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-warning-darken",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.75 1.5a.75.75 0 0 1 .75.75h6a.75.75 0 0 1 .75.75v1.5h3a.75.75 0 0 1 .75.75V12a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75v-1.5H4.5v5.25a.75.75 0 0 1-1.5 0V2.25a.75.75 0 0 1 .75-.75M4.5 9h5.25V3.75H4.5zm6.75-3v3.75a.75.75 0 0 1-.75.75H8.25v.75h5.25V6z"})});});var wa,Gd,va=l(()=>{ne();fi();xi();wa=e=>{let{markPrice:t=0,lastPrice:o,asks:i,bids:r,symbolInfo:n}=e,{showTotal:a}=ie();return jsxs("div",{className:"oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]",children:[jsxs("div",{className:cn$1("oui-basis-7/12 oui-flex oui-flex-row oui-items-center oui-mr-2 oui-justify-between",a&&"oui-basis-5/12"),children:[jsx(no,{markPrice:t,lastPrice:o,quote_dp:n.quote_dp,className:"oui-text-base"}),jsx(ao,{markPrice:t,quote_dp:n.quote_dp})]}),jsx("div",{className:cn$1("oui-basis-5/12 oui-flex oui-items-center oui-fex-row oui-overflow-hidden oui-relative oui-justify-end",a&&"oui-basis-7/12","oui-pr-3"),children:jsx(Gd,{asks:i,bids:r})})]})},Gd=e=>{let{asks:t,bids:o}=e,{t:i}=useTranslation(),r=useMemo(()=>{if(o.length===0&&t.length===0)return 0;let n=Number.isNaN(o[0][0])?0:o[0][0],a=t.reverse().findIndex(u=>!Number.isNaN(u[0])),s=0;a!==-1&&(s=Number.isNaN(t[a][0])?0:t[a][0]);let d=new Decimal(s).sub(n).div(new Decimal(s).add(n).div(2));return Math.ceil(d.toNumber()*1e6+.1)/1e4},[t,o]);return jsx("div",{children:jsx(Tooltip,{content:i("trading.orderBook.spreadRatio.tooltip"),className:"oui-max-w-[240px]",children:jsx(Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-dashed oui-decoration-1 oui-underline-offset-4 oui-decoration-base-contrast-36",children:`${r}%`})})})};});var Pa,Na=l(()=>{ne();ra();aa();ua();ga();va();Pa=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=useRef(null),[d,u]=useState(false),[m,c]=useLocalStorage(Be,r);return useEffect(()=>{m!==i&&r&&c(r);},[r,i]),useEffect(()=>{let g=new ResizeObserver(f=>{for(let h of f){let{inlineSize:S}=h.borderBoxSize[0];u(S>=360);}}),p=s.current;return p&&g.observe(p),()=>{p&&g.unobserve(p);}},[]),jsx(oo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,showTotal:d,pendingOrders:e.pendingOrders||EMPTY_LIST,symbolInfo:e.symbolInfo,children:jsxs(Grid,{cols:1,rows:5,id:"oui-orderbook-desktop",ref:s,className:"oui-relative oui-size-full oui-grid-rows-[auto,auto,1fr,auto,1fr]",children:[jsx(la,{depths:e.depths,value:e.activeDepth,onChange:a}),jsx(ma,{quote:i,base:r}),jsx(ia,{data:[...e.asks]}),jsx(wa,{lastPrice:t,markPrice:o,asks:[...e.asks],bids:[...e.bids],symbolInfo:e.symbolInfo}),jsx(na,{data:[...e.bids]}),n&&jsx("div",{className:"oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center",children:jsx(Spinner,{})})]})})};});var yi,Si=l(()=>{yi=e=>{let{data:t,onClick:o}=e,i=t.est_funding_rate,r=t.countDown,{t:n}=useTranslation();return jsxs(Flex,{direction:"column",itemAlign:"start",pb:2,children:[jsx(Text,{size:"2xs",intensity:36,className:"oui-cursor-pointer oui-underline oui-decoration-line-16 oui-decoration-dashed oui-underline-offset-4",onClick:o,children:n("trading.fundingRate.predFundingRate")}),i===null?"--":jsxs("div",{className:"orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text.numeral,{coloring:true,suffix:"%",dp:4,children:i??"--"}),jsx("span",{children:" in"}),jsx("span",{children:" "+r})]})]})};});var wi,vi=l(()=>{wi=e=>{let{data:t,isLoading:o}=useFundingDetails(e.symbol),i=useMemo(()=>!t||o?"-":`${t.funding_period}h`,[t,o]),r=useMemo(()=>!t||o?"-":`${new Decimal(t.cap_funding).mul(100).toNumber()}%`,[t,o]),n=useMemo(()=>!t||o?"-":`${new Decimal(t.floor_funding).mul(100).toNumber()}%`,[t,o]);return {fundingPeriod:i,capFunding:r,floorFunding:n}};});var Ni,ki=l(()=>{Ni=e=>{let{t}=useTranslation(),{fundingPeriod:o,capFunding:i,floorFunding:r}=e;return jsxs(Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsx(Text,{intensity:54,children:t("trading.fundingRate.predFundingRate.interval")}),jsx(Text,{intensity:80,children:o})]}),jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxs(Text,{intensity:54,children:[t("trading.fundingRate.predFundingRate.cap")," /",t("trading.fundingRate.predFundingRate.floor")]}),jsxs(Text,{intensity:80,children:[i," / ",r]})]}),jsx(Divider,{my:4,className:"oui-w-full",intensity:8}),t("markets.symbolInfoBar.predFundingRate.tooltip")]})};});var Ri,uo,La,Fi=l(()=>{vi();ki();Ri=e=>{let t=wi(e);return jsx(Ni,{...t})},uo="FundingRateDialogId",La="FundingRateSheetId";registerSimpleDialog(uo,Ri,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.t("funding.fundingRate")});registerSimpleSheet(La,Ri,{title:()=>i18n.t("funding.fundingRate")});});var Di,Li=l(()=>{Fi();Di=e=>{let t=useFundingRate(e),o=useCallback(()=>{modal.show(uo,{symbol:e});},[e]);return {data:t,onClick:o}};});var Bi,Ba=l(()=>{Li();Si();Bi=e=>{let t=Di(e.symbol);return jsx(yi,{...t})};});var Oi=l(()=>{Si();Ba();Li();});var Aa,Ma=l(()=>{ui();ne();Pe();Aa=e=>{let{accumulated:t,count:o,quantity:i,price:r,type:n,accumulatedAmount:a}=e,s=t/o*100,{cellHeight:d,onItemClick:u,depth:m,symbolInfo:c}=useContext(to),{base_dp:g,quote_dp:p,base:f,quote:h}=c,[S,C]=useLocalStorage(qe,"qty"),T=Number.isNaN(t)?"-":a?.toString(),x=useMemo(()=>getPrecisionByNumber(m||`${p}`),[m,p]),w=()=>{switch(S){case "base":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:g,children:t});case "quote":return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:0,children:T});default:return jsx(Text.numeral,{className:"oui-text-base-contrast-80",dp:g,children:Number.isNaN(i)?"-":i})}};return jsxs(Box,{className:cn$1("oui-relative oui-w-full oui-cursor-pointer oui-overflow-hidden oui-text-2xs oui-tabular-nums"),style:{height:`${d}px`},onClick:()=>{Number.isNaN(r)||Number.isNaN(i)||u?.([r,i]);},children:[jsxs(Flex,{itemAlign:"center",justify:"between",children:[jsx(Text.numeral,{color:n==="bid"?"buy":"sell",dp:x,children:r}),w()]}),Number.isNaN(s)?null:jsx(io,{width:s,className:cn$1(n==="ask"?"oui-bg-trade-loss/20":"oui-bg-trade-profit/20")})]})};});var mo,Ii=l(()=>{ne();Ma();mo=e=>{let{data:t}=e,{mode:o}=ie();return jsx(Box,{className:"oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px",children:t.map((i,r)=>jsx(Aa,{background:"",price:i[0],quantity:i[1],accumulated:i[2],accumulatedAmount:i[3],count:e.countQty,type:e.type,mode:o},`item-${r}`))})};});var za,Ea=l(()=>{Pe();Ii();za=e=>{let{data:t}=e,o=useMemo(()=>{let i=t.length,r=Number.NaN,n=0;for(;Number.isNaN(r)&&n<i;)r=t[n][2],n++;return r},[t]);return jsx(mo,{type:"ask",data:t,countQty:o})};});var Ha,Wa=l(()=>{Pe();Ii();Ha=e=>{let{data:t}=e,o=useMemo(()=>{let i=Number.NaN,r=t.length-1;for(;Number.isNaN(i)&&r>0;)i=t[r][2],r--;return i},[t]);return jsx(mo,{type:"bid",data:t,countQty:o})};});var qa,Ua=l(()=>{qa=e=>{let t=useMemo(()=>e.depth.map(o=>({value:o,label:`${o}`})),[e.depth]);return jsx(Box,{id:"oui-order-book-depth",className:"oui-w-full oui-pt-2",children:jsx(Picker,{options:t,fullWidth:true,size:"sm",value:e.value,className:"oui-text-2xs oui-text-base-contrast-54",onValueChange:o=>{e.onChange?.(o);}})})};});var Ga,$a=l(()=>{ne();Ga=e=>{let{t}=useTranslation(),{base:o,quote:i}=e,[r,n]=useLocalStorage(qe,"qty"),a=useMemo(()=>[{value:"qty",label:`${t("common.quantity")}(${o})`,data:[t("common.quantity"),o]},{value:"base",label:`${t("common.total")}(${o})`,data:[t("common.total"),o]},{value:"quote",label:`${t("common.total")}(${i})`,data:[t("common.total"),i]}],[t,o,i]);return jsxs(Flex,{justify:"between",width:"100%",className:"oui-py-[5px] oui-text-2xs oui-text-base-contrast-36",children:[jsxs(Flex,{direction:"column",itemAlign:"start",id:"oui-order-book-header-price",children:[jsx(Text,{children:t("common.price")}),jsx(Text,{children:`(${i})`})]}),jsx(Picker,{size:"sm",value:r,onValueChange:n,options:a,valueRenderer:(s,{open:d,data:u})=>jsxs(Flex,{justify:"between",itemAlign:"center",gap:1,children:[Array.isArray(u)&&jsxs(Flex,{direction:"column",itemAlign:"end",children:[u[0]&&jsx(Text,{children:u[0]}),u[1]&&jsxs(Text,{children:["(",u[1],")"]})]}),d?jsx(CaretUpIcon,{size:14,color:"inherit"}):jsx(CaretDownIcon,{size:14,color:"inherit"})]})})]})};});var Ka,Ya=l(()=>{xi();fi();ne();Ka=e=>{let{symbolInfo:t}=ie(),{quote_dp:o}=t;return jsxs(Flex,{id:"oui-order-book-mark-price",className:"oui-py-[6px]",width:"100%",justify:"between",children:[jsx(no,{markPrice:e.markPrice,lastPrice:e.lastPrice,quote_dp:o,className:"oui-text-sm",iconSize:14}),jsx(ao,{markPrice:e.markPrice,quote_dp:o,className:"oui-text-2xs",iconSize:12})]})};});var Za,Ja=l(()=>{ne();Oi();Ea();Wa();Ua();$a();Ya();Za=e=>{let{lastPrice:t,markPrice:o,quote:i,base:r,isLoading:n,onDepthChange:a}=e,s=`PERP_${e.symbolInfo.base}_${e.symbolInfo.quote}`,[d,u]=useLocalStorage(qe,"qty");return jsx(oo,{cellHeight:e.cellHeight??20,onItemClick:e.onItemClick,depth:e.activeDepth,pendingOrders:EMPTY_LIST,showTotal:false,symbolInfo:e.symbolInfo,children:jsxs(Flex,{direction:"column",p:2,id:"oui-orderbook-mobile",className:cn$1("oui-relative oui-size-full",e.className),justify:"start",itemAlign:"start",children:[jsx(Bi,{symbol:s}),jsx(Ga,{quote:i,base:r}),jsx(za,{data:e.asks}),jsx(Ka,{lastPrice:t,markPrice:o}),jsx(Ha,{data:e.bids}),jsx(qa,{depth:e.depths||EMPTY_LIST,value:e.activeDepth,onChange:a}),n&&jsx("div",{className:"oui-bg-base-800/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-h-full oui-min-h-[420px] oui-items-center oui-justify-center",children:jsx(Spinner,{})})]})})};});var fo,Mi=l(()=>{Na();Ja();fo=e=>jsx(Box,{className:"oui-font-semibold",width:"100%",height:"100%",children:e.isMobile?jsx(Za,{level:e.level,asks:e.asks,bids:e.bids,markPrice:e.markPrice,lastPrice:e.lastPrice,depths:e.depths,activeDepth:e.selDepth,base:e.base,quote:e.quote,isLoading:e.isLoading,onItemClick:e.onItemClick,cellHeight:e.cellHeight,onDepthChange:e.onDepthChange,className:e.className,symbolInfo:e.symbolInfo}):jsx(Pa,{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 Ct,_i=l(()=>{Ct=e=>({base_dp:e("base_dp"),quote_dp:e("quote_dp"),base_tick:e("base_tick"),base:e("base"),quote:e("quote")});});var wt,ts,ho,Gm,Ei=l(()=>{_i();wt=20,ts=104,ho=e=>{let{symbol:t,height:o}=e,i=useSymbolsInfo()[t],[r,n]=useState(wt),[a,s]=useState(10),{base:d,quote:u,quote_dp:m}=Ct(i),[c,{onDepthChange:g,isLoading:p,onItemClick:f,depth:h,allDepths:S}]=useOrderbookStream(t,void 0,{level:a}),C=Gm(t);useEffect(()=>{if(o){let O=Math.floor((o-ts)/((wt+1)*2)),q=(wt+1)*2*O,y=o-ts-q;y>10?n(wt+y/O/2):n(wt),s(O);}},[o]);let T=useMemo(()=>{if(!(typeof h>"u"||typeof m>"u"))return removeTrailingZeros(h)},[h,m,t]),x=useMemo(()=>S?.map(O=>removeTrailingZeros(O))||[],[S,m]),{isMobile:w}=useScreen();return {level:a,asks:c?.asks,bids:c?.bids,markPrice:c?.markPrice,lastPrice:c?.middlePrice,depths:x,selDepth:T,base:d,quote:u,isLoading:p,onItemClick:f,cellHeight:r,onDepthChange:g,pendingOrders:C,symbolInfo:Ct(i),isMobile:w}},Gm=e=>{let[t]=useOrderStream({status:OrderStatus.INCOMPLETE,symbol:e});return useMemo(()=>t?.filter(r=>r.symbol===e).reduce((r,n)=>{let a=n.price||n.trigger_price||0;return [...r,a]},[]),[t,e])};});var os,is=l(()=>{Ei();Mi();os=e=>{let{className:t,symbol:o,height:i}=e,r=ho({symbol:o,height:i});return jsx(fo,{...r,className:t})};});var Hi={};G(Hi,{OrderBook:()=>fo,OrderBookWidget:()=>os,useOrderBookScript:()=>ho});var bo=l(()=>{Mi();is();Ei();});var xo,Vi=l(()=>{jt();xo=e=>{let{riskRate:t,riskRateColor:o,currentLeverage:i,maxLeverage:r}=e,{isHigh:n,isMedium:a,isLow:s}=o,{wrongNetwork:d}=useAppContext(),{t:u}=useTranslation(),m=d?"":n?"oui-text-danger":a?"oui-text-warning-darken":s?gradientTextVariants({color:"brand"}):"";return jsxs(Box,{"data-risk":"",className:"oui-space-y-2",children:[jsx(Flex,{itemAlign:"center",justify:"start",className:"oui-w-full oui-bg-base-6 oui-rounded-full oui-h-2 oui-px-[1px]",children:jsx(Box,{className: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":n?"oui-bg-gradient-to-tr oui-from-[#791438] oui-to-[#ff447c] oui-h-1.5 oui-rounded-full":a?"oui-bg-gradient-to-tr oui-from-[#792e00] oui-to-[#ffb65d] oui-h-1.5 oui-rounded-full":s?"oui-bg-gradient-to-tr oui-from-[#59b0fe] oui-to-[#26fefe] oui-h-1.5 oui-rounded-full":"oui-bg-gradient-to-r oui-opacity-20 oui-from-[#26fefe]  oui-via-[#ff7d00] oui-to-[#d92d6b] oui-h-1.5 oui-rounded-full",style:t&&t!=="--"?{width:t}:{width:"100%"}})}),jsxs(Flex,{className:"oui-gap-2",justify:"between",children:[jsxs(Flex,{direction:"column",children:[jsx(Tooltip,{content:jsx(si,{description:u("trading.riskRate.tooltip"),formula:u("trading.riskRate.formula")}),children:jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn$1("oui-cursor-pointer","oui-border-b oui-border-dashed oui-border-b-white/10"),children:u("trading.riskRate")})}),jsx(Text,{size:"xs",color:"neutral",weight:"semibold",className:cn$1(m),children:t??"--"})]}),jsxs(Flex,{direction:"column",children:[jsx(Text,{size:"2xs",color:"neutral",weight:"semibold",className:cn$1("oui-cursor-pointer","oui-border-b oui-border-b-transparent"),children:u("leverage.maxAccountLeverage")}),jsxs(Flex,{className:"oui-gap-1",children:[jsx(Text.numeral,{dp:2,padding:false,suffix:i?"x":void 0,children:i??"--"}),jsx("span",{className:"oui-text-base-contrast-54",children:"/"}),jsxs("button",{className:"oui-flex oui-items-center oui-gap-1",onClick:()=>{modal.show(LeverageWidgetWithDialogId,{currentLeverage:5});},"data-testid":"oui-testid-riskRate-leverage-button",children:[jsx(Text.numeral,{dp:2,padding:false,suffix:r?"x":void 0,"data-testid":"oui-testid-riskRate-leverage-value",children:r??"--"}),typeof r<"u"&&r!==null&&jsx(EditIcon,{size:12,color:"white"})]})]})]})]})]})};});var ig,ls,us=l(()=>{ig=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}},ls=()=>{let{state:e}=useAccount(),t=e.status>=AccountStatusEnum.EnableTrading||e.status===AccountStatusEnum.EnableTradingWithoutConnected,{marginRatio:o,currentLeverage:i,mmr:r}=useMarginRatio(),{curLeverage:n}=useLeverage(),a=useMemo(()=>!t||o===null||r===null?"--":o===0||r===0?"0%":`${new Decimal(r).div(o).mul(100).todp(2,Decimal.ROUND_UP).toString().replace(/\.?0+$/,"")}%`,[t,o,r]),s=a==="--"?null:parseFloat(a),d=useMemo(()=>ig(s),[s]),u=useDataTap(i),m=useDataTap(n);return {riskRate:useDataTap(a),riskRateColor:d,isConnected:t,currentLeverage:u,maxLeverage:m}};});var cs,ds=l(()=>{us();Vi();cs=()=>{let e=ls();return jsx(xo,{...e})};});var ms={};G(ms,{RiskRate:()=>xo,RiskRateWidget:()=>cs});var Ui=l(()=>{Vi();ds();});var bs,xs,cg,dg,fs,So,Gi=l(()=>{bs=fe.lazy(()=>Promise.resolve().then(()=>(Yt(),Bn)).then(e=>({default:e.LastTradesWidget}))),xs=fe.lazy(()=>Promise.resolve().then(()=>(bo(),Hi)).then(e=>({default:e.OrderBookWidget}))),cg=e=>{let{t}=useTranslation();return jsxs(Grid,{cols:2,width:"100%",gap:3,className:"oui-auto-rows-fr",style:{height:e.containerSize?.height},children:[jsxs(Flex,{direction:"column",itemAlign:"start",pt:3,pb:3,r:"2xl",className:"oui-bg-base-9",children:[jsx(fs,{title:t("trading.orderBook"),className:"oui-pl-3 oui-text-sm"}),jsx(fe.Suspense,{fallback:null,children:jsx(xs,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-24:void 0})})]}),jsxs(Flex,{direction:"column",itemAlign:"start",py:3,r:"2xl",className:"oui-bg-base-9 oui-h-full",children:[jsx(fs,{title:t("trading.lastTrades"),className:"oui-text-sm oui-px-3"}),jsx(fe.Suspense,{fallback:null,children:jsx(bs,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-24},classNames:{listHeader:"oui-px-3",list:"oui-px-3"}})})]})]})},dg=e=>{let{t}=useTranslation();return jsx(Box,{pt:3,pb:3,pr:0,r:"2xl",className:"oui-bg-base-9",style:{maxHeight:e.containerSize?.height},children:jsxs(Tabs,{value:e.tab,variant:"contained",onValueChange:o=>{e.setTab(o);},classNames:{tabsList:"oui-pl-3"},size:"lg",children:[jsx(TabPanel,{value:"orderBook",title:t("trading.orderBook"),children:jsx(fe.Suspense,{fallback:null,children:jsx(xs,{symbol:e.symbol,height:e.containerSize?e.containerSize.height-29-18:void 0})})}),jsx(TabPanel,{value:"lastTrades",title:t("trading.lastTrades"),children:jsx(fe.Suspense,{fallback:null,children:jsx(bs,{symbol:e.symbol,style:{height:e.containerSize&&e.containerSize.height-29-18},classNames:{root:"oui-pt-[6px]",listHeader:"oui-px-3",list:"oui-px-3"}})})})]})})},fs=e=>jsx(Text,{size:"base",intensity:80,className:cn$1("oui-pb-[5px]",e.className),children:e.title}),So=e=>{let{containerRef:t,containerSize:o}=e;return jsx("div",{ref:t,className:"oui-h-full",children:(o?.width??0)>=572?jsx(cg,{...e}):jsx(dg,{...e})})};});var Co,$i=l(()=>{Co=e=>{let[t,o]=useState(void 0),[i,r]=useState("orderBook"),n=useRef(null);return useEffect(()=>{let a=new ResizeObserver(d=>{for(let u of d){let{width:m,height:c}=u.contentRect;o({width:m,height:c});}}),s=n.current;return s&&a.observe(s),()=>{s&&a.unobserve(s);}},[]),{symbol:e,containerSize:t,containerRef:n,tab:i,setTab:r}};});var Ss,Cs=l(()=>{$i();Gi();Ss=e=>{let t=Co(e.symbol);return jsx(So,{...t})};});var ws={};G(ws,{OrderBookAndTrades:()=>So,OrderBookAndTradesWidget:()=>Ss,useOrderBookAndTradesScript:()=>Co});var Qi=l(()=>{Gi();Cs();$i();});var ll={};G(ll,{LayoutIcon:()=>al,OrderEntryIcon:()=>sl,SwitchLayout:()=>Nf,SwitchLayoutDropDown:()=>nl});var Nf,nl,al,sl,ul=l(()=>{Nf=e=>{let{t}=useTranslation();return jsx(nl,{...e,children:jsxs(Flex,{px:3,className:cn$1("oui-rounded-md","oui-h-[28px]","oui-cursor-pointer oui-transition-all","oui-bg-base-6 hover:oui-bg-base-4","oui-text-base-contrast-54 hover:oui-text-base-contrast-80"),gapX:1,ml:3,justify:"center",itemAlign:"center",children:[jsx(al,{}),jsx(Text,{size:"2xs",weight:"semibold",children:t("trading.layout")})]})})},nl=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=a=>jsxs(Flex,{direction:"column",gapY:2,onClick:()=>{e.onLayout?.(a),o(false);},className:"oui-group",children:[jsx(Flex,{justify:a==="right"?"end":"start",className:cn$1("oui-w-[148px] oui-h-[100px]","oui-bg-base-10 oui-rounded-[10px]","oui-border-[4px] oui-border-base-5 group-hover:oui-border-primary-light",e.layout===a&&"!oui-border-primary-light"),children:jsx(Box,{p:1,children:jsx(sl,{})})}),jsx(Text,{size:"2xs",intensity:54,className:cn$1("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=jsxs(Fragment,{children:[jsxs(Flex,{itemAlign:"center",justify:"between",mt:3,className:"oui-mb-[10px]",children:[jsx(Text,{size:"base",intensity:98,children:i("trading.layout")}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast-80 oui-cursor-pointer",opacity:.98,onClick:()=>{o(false);}})]}),jsx(Divider,{}),jsxs(Flex,{gapX:6,mt:5,children:[r("right"),r("left")]})]});return jsxs(DropdownMenuRoot,{open:t,onOpenChange:o,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:a=>a.preventDefault(),onClick:a=>a.stopPropagation(),align:"end",className:cn$1("oui-bg-base-8 oui-p-5 oui-pt-0 oui-w-[360px] oui-font-semibold"),children:n})})]})},al=e=>jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.832 1.994c-.736 0-1.333.597-1.333 1.333v9.334c0 .737.597 1.333 1.333 1.333H6.5c.737 0 1.333-.596 1.333-1.333V3.327c0-.736-.596-1.333-1.333-1.333zm6.667 0c-.737 0-1.333.597-1.333 1.333v2.667c0 .737.596 1.333 1.333 1.333h2.667c.736 0 1.333-.596 1.333-1.333V3.327c0-.736-.597-1.333-1.333-1.333zm.437 6.679a2.7 2.7 0 0 0-1.033.607.284.284 0 0 0-.061.339c.222.411-.01.851-.512.876a.29.29 0 0 0-.26.217c-.05.207-.07.38-.07.608 0 .19.02.407.06.599a.28.28 0 0 0 .252.217c.506.044.756.429.53.92a.28.28 0 0 0 .06.321c.296.273.635.466 1.034.59a.285.285 0 0 0 .312-.104c.31-.427.757-.428 1.05 0a.28.28 0 0 0 .313.113 2.8 2.8 0 0 0 1.042-.599.28.28 0 0 0 .06-.33c-.23-.466.035-.894.513-.902a.28.28 0 0 0 .269-.209c.048-.199.06-.372.06-.616q0-.316-.069-.616a.276.276 0 0 0-.27-.217c-.469-.001-.732-.463-.502-.868a.27.27 0 0 0-.053-.339 2.8 2.8 0 0 0-1.059-.607.274.274 0 0 0-.312.112c-.268.417-.77.425-1.033.009a.284.284 0 0 0-.321-.121m.842 1.536a1.111 1.111 0 1 1 0 2.222 1.111 1.111 0 0 1 0-2.222"})}),sl=e=>jsxs("svg",{width:"36",height:"84",viewBox:"0 0 36 84",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"36",height:"17",rx:"2",fill:"#181C23"}),jsx("rect",{y:"19",width:"36",height:"54",rx:"2",fill:"#181C23"}),jsx("rect",{y:"75",width:"36",height:"9",rx:"2",fill:"#181C23"}),jsx("rect",{x:"3",y:"79",width:"30",height:"1",rx:"0.5",fill:"url(#paint0_linear_17647_26849)"}),jsx("rect",{x:"3",y:"22",width:"14",height:"6",rx:"2",fill:"#008676"}),jsx("rect",{x:"19",y:"22",width:"14",height:"6",rx:"2",fill:"#D92D6B"}),jsx("rect",{x:"3",y:"11",width:"14",height:"3",rx:"1.5",fill:"#333948"}),jsx("rect",{x:"19",y:"11",width:"14",height:"3",rx:"1.5",fill:"#335FFC"}),jsx("rect",{x:"3",y:"62",width:"30",height:"8",rx:"2",fill:"#008676"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_17647_26849",x1:"33",y1:"79.5",x2:"3",y2:"79.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#59B0FE"}),jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]});});var Do,Lo=l(()=>{re();Do=()=>{let[e,t]=useState("chart"),{symbol:o}=U(),[i,r]=useState(true);return {tab:e,setTab:t,symbol:o,toggleContentVisible:()=>{r(a=>!a);},setVisible:r,visible:i}};});function fl(e){let[t,o]=useLocalStorage(Uf,pl),[i,r]=useState(false),n=useRef(null),a=useRef(null),[s,d]=useState(0),u=useRef(0),m=useCallback(p=>{if(!a.current)return;r(true);let f=p.touches[0],h=a.current.getBoundingClientRect();p.stopPropagation(),p.preventDefault();let S=f.clientY-h.bottom;u.current=h.top,d(S);},[]),c=useCallback(p=>{if(a.current&&i){p.stopPropagation(),p.preventDefault();let h=p.touches[0].clientY-u.current-s;return o(Math.min(Math.max(Math.round(h),qf),pl)),false}},[i,s]),g=useCallback(()=>{r(false);},[]);return useEffect(()=>{let p=n.current;if(p)return p.addEventListener("touchstart",m),()=>{p.removeEventListener("touchstart",m);}},[m]),useEffect(()=>(document.addEventListener("touchmove",c,{passive:false}),document.addEventListener("touchend",g),()=>{document.removeEventListener("touchmove",c),document.removeEventListener("touchend",g);}),[i,c,g]),{...e,height:t,dragging:i,dragRef:n,boxRef:a}}var pl,qf,Uf,hl=l(()=>{pl=354,qf=234,Uf="TRADINGVIEW_MOBILE_HEIGHT";});var bl,xl=l(()=>{bl=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("g",{id:"Arrows-expand",children:jsx("path",{id:"Vector",d:"M5.9989 1.00708C5.8709 1.00708 5.7369 1.05008 5.6394 1.14758L3.7959 3.00708L4.4989 3.71008L5.4989 2.72607V4.50708C5.4989 4.78308 5.7229 5.00708 5.9989 5.00708C6.2749 5.00708 6.4989 4.78308 6.4989 4.50708V2.72607L7.4989 3.71008L8.2019 3.00708L6.3584 1.14758C6.2604 1.05008 6.1269 1.00708 5.9989 1.00708ZM5.9989 7.00707C5.7229 7.00707 5.4989 7.23107 5.4989 7.50707V9.28808L4.4989 8.30407L3.7959 9.00707L5.6394 10.8666C5.8349 11.0616 6.1629 11.0616 6.3584 10.8666L8.2019 9.00707L7.4989 8.30407L6.4989 9.28808V7.50707C6.4989 7.23107 6.2749 7.00707 5.9989 7.00707Z"})})});});var Sl,Cl=l(()=>{xl();Sl=e=>jsxs("div",{className:"oui-pb-1 oui-flex oui-flex-col oui-gap-1",style:{height:e.height},ref:e.boxRef,children:[jsx("div",{className:"oui-w-full oui-h-full",children:jsx(TradingviewWidget,{symbol:e.symbol,libraryPath:e.tradingViewConfig?.library_path,mode:3,scriptSRC:e.tradingViewConfig?.scriptSRC,customCssUrl:e.tradingViewConfig?.customCssUrl,...e.tradingViewConfig})}),jsx("div",{className:"oui-relative oui-w-full",children:jsx("div",{ref:e.dragRef,className:cn$1("oui-h-[1px] oui-absolute oui-left-0 oui-right-0 oui-bottom-0 oui-top-0 oui-z-10 oui-mt-[7px] oui-bg-base-contrast-12",e.dragging&&"oui-bg-primary "),children:jsx(bl,{className:cn$1("oui-w-3 oui-h-3 oui-absolute oui-left-1/2 -oui-top-[5px] -oui-translate-y-[0.5px] oui-text-base-contrast-12",e.dragging&&" oui-text-primary")})})})]});});var wl={};G(wl,{TradingviewWidget:()=>Qf});var Qf,vl=l(()=>{hl();Cl();Qf=e=>{let t=fl(e);return jsx(Sl,{...t})};});var Tl={};G(Tl,{MWebLastTrades:()=>Yf});var Yf,Pl=l(()=>{Yt();Yf=e=>jsx(Kt,{symbol:e.symbol,classNames:{root:"oui-px-3 ",list:"oui-min-h-[141px] oui-max-h-[202px] oui-w-full",listHeader:"oui-text-xs oui-text-base-contrast-36",listItem:{left:"oui-text-xs",mid:"oui-text-xs",right:"oui-text-xs"}}});});var Bo,et,Lr=l(()=>{Bo=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:2,children:[jsx(et,{title:t("common.markPrice"),value:e.ticker?.mark_price,dp:e.symbolInfo.quote_dp}),jsx(et,{title:t("common.indexPrice"),value:e.ticker?.index_price,dp:e.symbolInfo.quote_dp}),jsx(et,{title:t("markets.column.24hVolume"),value:e.vol_24h,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true}),jsx(et,{title:t("trading.column.24High"),value:e.ticker?.["24h_high"],dp:e.symbolInfo.quote_dp}),jsx(et,{title:t("trading.column.24Low"),value:e.ticker?.["24h_low"],dp:e.symbolInfo.quote_dp}),jsx(et,{title:t("markets.openInterest"),value:e.openInterest,dp:e.symbolInfo.quote_dp,rule:"human",showUSDC:true})]})},et=e=>{let{title:t,value:o,showUSDC:i,dp:r,rule:n="price"}=e;return jsxs(Flex,{justify:"between",width:"100%",className:"oui-text-xs",children:[jsx(Text,{intensity:36,children:t}),jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{rule:n,dp:r,intensity:80,children:o}),i&&jsx(Text,{intensity:36,children:"USDC"})]})]})};});var Io,Br=l(()=>{re();Io=e=>{let{symbol:t}=e,o=useTickerStream(t),{symbolInfo:i}=U(),r=useMemo(()=>{let a=o?.["24h_close"],s=o?.["24h_volume"];if(a&&s&&!isNaN(a)&&!isNaN(s))return new Decimal(a).mul(s).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]),n=useMemo(()=>{let a=o?.mark_price,s=o?.open_interest;if(a&&s&&!isNaN(a))return new Decimal(a).mul(Number(s)).toFixed(i.quote_dp,Decimal.ROUND_DOWN)},[o]);return {ticker:o,symbolInfo:i,vol_24h:r,openInterest:n}};});var kl,Rl=l(()=>{Br();Lr();kl=e=>{let t=Io(e);return jsx(Bo,{...t})};});var Fl={};G(Fl,{TradeData:()=>Bo,TradeDataWidget:()=>kl,useTradeDataScript:()=>Io});var Dl=l(()=>{Lr();Rl();Br();});var rh,nh,ah,Ao,sh,Ir=l(()=>{re();Lo();rh=fe.lazy(()=>Promise.resolve().then(()=>(vl(),wl)).then(e=>({default:e.TradingviewWidget}))),nh=fe.lazy(()=>Promise.resolve().then(()=>(Pl(),Tl)).then(e=>({default:e.MWebLastTrades}))),ah=fe.lazy(()=>Promise.resolve().then(()=>(Dl(),Fl)).then(e=>({default:e.TradeDataWidget}))),Ao=e=>{let{t}=useTranslation(),{tradingViewConfig:o}=U();return jsxs(Tabs,{variant:"contained",value:e.tab,contentVisible:e.visible,onValueChange:i=>{e.setTab(i),e.setVisible(true);},className:e.className,classNames:{tabsList:"oui-p-2",tabsContent:"oui-min-h-[176px] oui-max-h-[396px]"},style:{marginBottom:e.tab==="chart"?"8px":0},trailing:jsx("button",{className:"oui-px-5",onClick:e.toggleContentVisible,children:jsx(sh,{className:e.visible?"oui-rotate-0":"oui-rotate-180"})}),children:[jsx(TabPanel,{title:t("trading.tabs.chart"),value:"chart",children:jsx(fe.Suspense,{fallback:null,children:jsx(rh,{symbol:e.symbol,tradingViewConfig:o})})}),jsx(TabPanel,{title:t("trading.tabs.trades"),value:"trades",children:jsx(fe.Suspense,{fallback:null,children:jsx(nh,{symbol:e.symbol})})}),jsx(TabPanel,{title:t("trading.tabs.data"),value:"data",children:jsx(Box,{px:3,children:jsx(fe.Suspense,{fallback:null,children:jsx(ah,{symbol:e.symbol})})})})]})},sh=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:cn$1("oui-fill-base-contrast-54 hover:oui-fill-base-contrast-80",e.className),children:[jsx("path",{d:"M5.721 4.585 2.726 6.578a.51.51 0 0 0-.14.7.51.51 0 0 0 .702.14l2.714-1.806 2.715 1.806c.23.153.549.089.702-.14a.51.51 0 0 0-.14-.7L6.283 4.585a.51.51 0 0 0-.562 0"}),jsx("defs",{})]});});var Bl,Ol=l(()=>{Lo();Ir();Bl=e=>{let t=Do();return jsx(Ao,{className:e.className,...t})};});var Il={};G(Il,{TopTab:()=>Ao,TopTabWidget:()=>Bl,useTopTabScript:()=>Do});var Al=l(()=>{Ir();Ol();Lo();});var ph,Mo,Ar=l(()=>{ph=fe.lazy(()=>Promise.resolve().then(()=>(bo(),Hi)).then(e=>({default:e.OrderBookWidget}))),Mo=e=>{let[t,o]=useState(0),i=useRef(null);return useEffect(()=>{let r=i.current;if(!r)return;let n=new ResizeObserver(a=>{for(let s of a)o(s.contentRect.height);});return n.observe(r),()=>{n.unobserve(r);}},[]),jsxs("div",{className:cn$1("oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",e.className),children:[jsx("div",{className:"oui-rounded-xl oui-bg-base-9",style:{height:`${t+16}px`},children:jsx(fe.Suspense,{fallback:null,children:jsx(ph,{symbol:e.symbol,height:t?t-44:void 0})})}),jsx("div",{className:"oui-rounded-xl oui-bg-base-9 oui-p-2",children:jsx(OrderEntryWidget,{symbol:e.symbol,containerRef:i})})]})};});var _o,Mr=l(()=>{re();_o=()=>{let{symbol:e}=U();return {symbol:e}};});var _l,zl=l(()=>{Mr();Ar();_l=e=>{let t=_o();return jsx(Mo,{className:e.className,...t})};});var El={};G(El,{OrderBookAndEntry:()=>Mo,OrderBookAndEntryWidget:()=>_l,useOrderBookAndEntryScript:()=>_o});var Hl=l(()=>{Ar();zl();Mr();});var Eo,Ho=l(()=>{De();re();Eo=e=>{let{symbol:t,sharePnLConfig:o}=e,[i,r]=useState("Position"),[n,a]=useState("Position history"),{t:s}=useTranslation(),{onSymbolChange:d}=U(),u=$(),[m,{cancelAllOrders:c,cancelAllTPSLOrders:g}]=useOrderStream({}),{positionCount:p}=at(t),{pendingOrderCount:f,tpSlOrderCount:h}=st(t);return {tab:i,setTab:r,subTab:n,setSubTab:a,sharePnLConfig:o,symbol:t,positionCount:p,pendingOrderCount:f,tpSlOrderCount:h,...u,onCloseAll:C=>{let T=C===TabType.pending?s("orders.pending.cancelAll"):C===TabType.tp_sl?s("orders.tpsl.cancelAll"):"",x=C===TabType.pending?s("orders.pending.cancelAll.description"):C===TabType.tp_sl?s("orders.tpsl.cancelAll.description"):"";modal.confirm({title:T,content:jsx(Text,{size:"2xs",children:x}),onOk:async()=>{try{return i==="TP/SL"?await g():await c(),Promise.resolve(!0)}catch(w){return w?.message!==void 0&&toast.error(w.message),Promise.resolve(false)}finally{Promise.resolve();}}});},onSymbolChange:d}};});var Dh,Vo,Lh,_r,Bh,Oh,Er=l(()=>{Ho();Dh=fe.lazy(()=>Promise.resolve().then(()=>(Jo(),Zo)).then(e=>({default:e.PositionHeaderWidget}))),Vo=e=>{let{t}=useTranslation();return jsxs(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:[jsx(TabPanel,{title:`${t("common.positions")} ${(e.positionCount??0)>0?`(${e.positionCount})`:""}`,value:"Position",children:jsx(Lh,{...e})}),jsx(TabPanel,{title:`${t("orders.status.pending")} ${(e.pendingOrderCount??0)>0?`(${e.pendingOrderCount})`:""}`,value:"Pending",children:jsx(_r,{type:TabType.pending,ordersStatus:OrderStatus.INCOMPLETE,...e})}),jsx(TabPanel,{title:`${t("common.tpsl")} ${(e.tpSlOrderCount??0)>0?`(${e.tpSlOrderCount})`:""}`,value:"TP/SL",children:jsx(_r,{type:TabType.tp_sl,ordersStatus:OrderStatus.INCOMPLETE,...e})}),jsx(TabPanel,{title:t("trading.history"),value:"History",children:jsx(Oh,{...e})}),jsx(TabPanel,{title:t("positions.liquidation"),value:"Liquidation",children:jsx(MobileLiquidationWidget,{enableLoadMore:true,symbol:e.showAllSymbol?void 0:e.symbol,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"}})})]})},Lh=e=>jsxs(Flex,{direction:"column",gap:2,children:[jsx(fe.Suspense,{fallback:null,children:jsx(Dh,{pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision,symbol:e.showAllSymbol?void 0:e.symbol,unPnlPriceBasis:e.unPnlPriceBasis})}),jsx(MobilePositionsWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,sharePnLConfig:e.sharePnLConfig,pnlNotionalDecimalPrecision:e.pnlNotionalDecimalPrecision})]}),_r=e=>jsxs(Flex,{direction:"column",pb:2,width:"100%",children:[jsx(Divider,{className:"oui-w-full"}),e.type!==TabType.orderHistory&&jsx(Bh,{...e}),jsx(MobileOrderListWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,type:e.type,ordersStatus:e.ordersStatus,classNames:{root:"oui-w-full oui-hide-scrollbar oui-overflow-y-hidden",content:"!oui-space-y-1",cell:"oui-py-2 oui-bg-base-9 oui-p-2 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig,showFilter:e.type===TabType.orderHistory,filterConfig:{range:{from:void 0,to:void 0}}})]}),Bh=e=>{let{t}=useTranslation();return jsxs(Flex,{px:2,py:2,width:"100%",justify:"between",gap:2,className:"oui-rounded-b-xl oui-bg-base-9",children:[jsxs(Flex,{className:"oui-cursor-pointer oui-gap-[2px]",children:[jsx(Checkbox,{color:"white",checked:!e.showAllSymbol,onCheckedChange:o=>{e.setShowAllSymbol(!o);}}),jsx(Text,{size:"2xs",intensity:54,onClick:()=>{e.setShowAllSymbol(!e.showAllSymbol);},children:t("trading.hideOtherSymbols")})]}),jsx(Button,{variant:"outlined",size:"xs",color:"secondary",onClick:o=>{e.onCloseAll(e.type);},children:t("trading.orders.closeAll")})]})},Oh=e=>{let{t}=useTranslation();return jsx("div",{className:"oui-min-h-[300px]",children:jsxs(Tabs,{value:e.subTab,onValueChange:o=>e.setSubTab(o),size:"md",classNames:{tabsList:"oui-bg-base-9 oui-rounded-t-xl oui-p-2"},children:[jsx(TabPanel,{title:t("positions.positionHistory"),value:"Position history",children:jsx(MobilePositionHistoryWidget,{symbol:e.showAllSymbol?void 0:e.symbol,onSymbolChange:e.onSymbolChange,classNames:{cell:"oui-p-2 oui-bg-base-9 oui-rounded-xl"},sharePnLConfig:e.sharePnLConfig})}),jsx(TabPanel,{title:t("orders.orderHistory"),value:"Order history",children:jsx(_r,{type:TabType.orderHistory,...e})})]})})};});var Gl,$l=l(()=>{Ho();Er();Gl=e=>{let t=Eo(e);return jsx(Vo,{...t,className:e.className})};});var Ql={};G(Ql,{DataList:()=>Vo,DataListWidget:()=>Gl,useDataListScript:()=>Eo});var Kl=l(()=>{Er();$l();Ho();});ti();Yt();li();bo();Ui();Qi();var Ns=e=>{let{onMouseDown:t,mode:o="horizontal",...i}=e,r=useMemo(()=>e.className?.split(" ").includes("disable"),[e.className]),n=useMemo(()=>e.className?.split(" ").filter(a=>a!=="disable"),[e.className]);return jsx("div",{...i,className:cn$1(n,"!oui-transition-none","!oui-shadow-none !oui-bg-transparent","hover:!oui-bg-primary-light hover:!oui-shadow-[0px_0px_4px_0px] hover:!oui-shadow-primary-light/80","active:!oui-bg-primary-light active:!oui-shadow-[0px_0px_4px_0px] active:!oui-shadow-primary-light/80","focus:!oui-bg-primary-light focus:!oui-shadow-[0px_0px_4px_0px] focus:!oui-shadow-primary-light/80",o==="horizontal"?"!oui-w-[2px] !oui-min-w-[2px] !oui-mx-[3px]":"!oui-h-[2px] !oui-min-h-[2px] !oui-my-[3px]",r&&"oui-pointer-events-none"),children:jsx("div",{onMouseDown:t,className:cn$1("!oui-transition-none",o==="horizontal"?"after:!oui-w-[2px]":"after:!oui-h-[2px]","after:!oui-bg-transparent after:!oui-shadow-transparent")})})};var Ye=forwardRef((e,t)=>{let{onSizeChange:o,...i}=e;return jsx(hg,{ref:t,...i,lineBar:true,renderBar:r=>jsx(Ns,{...r,mode:e.mode}),onDragEnd:(r,n)=>o?.(`${n}`)})});re();var Rs=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-rounded-full",children:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"m31.002 14.493-8.326-22.51L.166.31l8.327 22.51z",fill:"#03435D"}),jsx("path",{d:"m4.456-8.716-18.03 15.84 15.84 18.03 18.03-15.84z",fill:"#157CF2"}),jsx("path",{d:"m17.548 38.67 22.825-7.416-7.416-22.825-22.826 7.416z",fill:"#F3E200"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("rect",{width:"24",height:"24",rx:"12",fill:"#fff"})})})]}),Fs=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M5.832 2.492A3.333 3.333 0 0 0 2.5 5.826v5a3.333 3.333 0 0 0 3.333 3.333 3.333 3.333 0 0 0 3.334 3.333h5a3.333 3.333 0 0 0 3.333-3.333v-5a3.333 3.333 0 0 0-3.333-3.333 3.333 3.333 0 0 0-3.334-3.334zm8.334 5c.92 0 1.666.746 1.666 1.667v5c0 .92-.746 1.666-1.666 1.666h-5c-.92 0-1.667-.745-1.667-1.666h3.333a3.333 3.333 0 0 0 3.334-3.334z",fill:"rgb(var(--oui-color-primary))"})}),Ki=e=>{let{size:t=20}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#a)",children:[jsx("path",{d:"M10 20c5.542 0 10-4.458 10-10S15.542 0 10 0 0 4.458 0 10s4.458 10 10 10",fill:"#2775CA"}),jsx("path",{d:"M13 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996C12.105 13.465 13 12.593 13 11.473",fill:"#fff",fillOpacity:".98"}),jsx("path",{d:"M7.74 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .399-.173.044-.043.044-.087.044-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",fill:"#fff"})]}),jsx("defs",{children:jsx("clipPath",{id:"a",children:jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})},Ds=e=>{let{size:t=20}=e;return jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{clipPath:"url(#clip0_6403_64483)",children:[jsx("path",{d:"M10.0245 19.9493C15.5198 19.9493 19.9747 15.4944 19.9747 9.99908C19.9747 4.50371 15.5198 0.0488281 10.0245 0.0488281C4.5291 0.0488281 0.0742188 4.50371 0.0742188 9.99908C0.0742188 15.4944 4.5291 19.9493 10.0245 19.9493Z",fill:"url(#paint0_linear_6403_64483)"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1553 4.89304C14.2199 4.94541 14.1821 5.04758 14.0989 5.04758H5.95035C5.86716 5.04758 5.82936 4.94541 5.894 4.89304C7.0223 3.97912 8.45953 3.43164 10.0246 3.43164C11.5898 3.43164 13.0269 3.97912 14.1553 4.89304Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.47013 11.7869C7.42315 11.7199 7.34748 11.6777 7.26565 11.6777H3.82985C3.75113 11.6777 3.69375 11.7525 3.71563 11.8281C4.5078 14.565 7.0326 16.566 10.0247 16.566C13.017 16.566 15.5417 14.565 16.3339 11.8281C16.3558 11.7525 16.2984 11.6777 16.2197 11.6777H12.7839C12.702 11.6777 12.6264 11.7199 12.5795 11.7869C12.0155 12.5911 11.0815 13.1167 10.0248 13.1167C8.96803 13.1167 8.03406 12.5911 7.47013 11.7869Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.3347 7.90519C12.3822 7.95756 12.449 7.9891 12.5196 7.9891H16.1137C16.1952 7.9891 16.253 7.90983 16.2261 7.83301C15.9724 7.10689 15.5948 6.43893 15.1187 5.85447C15.074 5.79961 15.0067 5.76855 14.9358 5.76855H5.11323C5.04247 5.76855 4.97512 5.79961 4.93044 5.85447C4.45429 6.43893 4.0767 7.10689 3.82306 7.83301C3.79622 7.90983 3.85398 7.9891 3.93536 7.9891H7.52952C7.60022 7.9891 7.66694 7.95756 7.71445 7.90519C8.28491 7.2763 9.10861 6.88136 10.0246 6.88136C10.9405 6.88136 11.7643 7.2763 12.3347 7.90519Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1164 10.9586C13.0553 10.9586 13.0118 10.899 13.0284 10.8401C13.1033 10.5722 13.1433 10.2898 13.1433 9.9981C13.1433 9.58758 13.064 9.19556 12.9199 8.83657C12.8954 8.77581 12.9392 8.70801 13.0046 8.70801H16.392C16.4349 8.70801 16.472 8.73831 16.4799 8.78052C16.5538 9.17511 16.5925 9.58216 16.5925 9.9982C16.5925 10.2978 16.5724 10.5926 16.5337 10.8815C16.5277 10.9258 16.4897 10.9586 16.4451 10.9586H13.1164ZM7.02223 10.8401C7.03868 10.899 6.99532 10.9586 6.93421 10.9586H3.60551C3.56084 10.9586 3.52285 10.9258 3.5169 10.8815C3.47807 10.5926 3.45801 10.2978 3.45801 9.9982C3.45801 9.58216 3.4967 9.17511 3.57069 8.78052C3.57859 8.73831 3.61563 8.70801 3.65856 8.70801H7.04593C7.11141 8.70801 7.15516 8.77581 7.13076 8.83657C6.98657 9.19556 6.90722 9.58758 6.90722 9.9981C6.90722 10.2898 6.94728 10.5722 7.02223 10.8401Z",fill:"white"})]}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_6403_64483",x1:"10.0245",y1:"0.0488561",x2:"10.0245",y2:"19.9493",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#C750FF"}),jsx("stop",{offset:"1",stopColor:"#5800E8"})]}),jsx("clipPath",{id:"clip0_6403_64483",children:jsx("rect",{width:"20",height:"20",fill:"white"})})]})]})};var Zi=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:4,children:[jsx(bg,{...e}),jsx(xg,{...e}),jsx(yg,{...e}),jsxs(Flex,{gap:3,width:"100%",justify:"center",children:[e.showGetTestUSDC&&jsx(Button,{variant:"outlined",size:"md",onClick:e.onGetTestUSDC,fullWidth:true,loading:e.gettingTestUSDC,className:"oui-border-primary-light oui-text-primary-light",children:t("trading.faucet.getTestUSDC")}),jsx(Button,{variant:"outlined",color:"danger",size:"md",onClick:e.onDisconnect,className:e.showGetTestUSDC?"oui-w-full":"oui-w-[50%]",children:t("connector.disconnect")})]})]})},bg=e=>jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:3,children:[jsx(Rs,{}),jsxs(Flex,{direction:"column",justify:"start",itemAlign:"start",className:"oui-gap-[2px]",children:[jsx(Text.formatted,{rule:"address",children:e.address}),jsx(Text.formatted,{size:"2xs",intensity:80,prefix:jsx("div",{className:"oui-h-1 oui-w-1 oui-rounded-full oui-bg-success oui-pr-1"}),children:e.chainName})]})]}),jsx("button",{className:"oui-cursor-pointer",onClick:()=>{e.onCopyAddress();},children:jsx(Fs,{})})]}),xg=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickReferral,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{size:"2xs",children:t("affiliate.referral")}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),e.isAffiliate&&jsxs(Flex,{gradient:"primary",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("common.affiliate")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Ki,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.affiliateCommission30D??"--"})]})]}),e.isTrader&&jsxs(Flex,{gradient:"success",p:4,r:"lg",width:"100%",angle:180,justify:"between",children:[jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text,{size:"xs",children:t("affiliate.trader")}),jsxs(Text,{size:"2xs",intensity:54,children:["(",t("affiliate.commission.30d"),")"]})]}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Ki,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.traderCommission30D??"--"})]})]})]})},yg=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,r:"lg",p:3,className:"oui-bg-base-6",width:"100%",children:[jsx("button",{onClick:e.onClickTradingRewards,className:"oui-cursor-pointer oui-w-full",children:jsxs(Flex,{justify:"between",width:"100%",children:[jsxs(Flex,{gap:1,className:"oui-text-base-contrast oui-text-2xs",children:[jsx(Text,{children:t("common.tradingRewards")}),jsxs(Text,{intensity:54,children:["(",jsx(Text,{children:`${t("tradingRewards.epoch")?.toLowerCase()} `}),jsx(Text,{intensity:98,children:e.curEpochId})," )"]})]}),jsx(ArrowRightShortIcon,{color:"white",opacity:.98,size:16})]})}),jsxs(Flex,{p:4,r:"lg",width:"100%",angle:180,justify:"between",className:"oui-bg-gradient-to-t oui-from-[#2d0061] oui-to-[#bd6bed]",children:[jsx(Text,{size:"2xs",intensity:80,children:t("tradingRewards.myEstRewards")}),jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx(Ds,{}),jsx(Text.numeral,{dp:2,padding:false,rm:Decimal.ROUND_DOWN,rule:"price",children:e.estRewards})]})]})]})};var ji=e=>{let{t}=useTranslation(),[o]=useLocalStorage("orderly_link_device",{}),{account:i,state:r}=useAccount(),n=i.accountId,a=i.address,{hide:s}=useModal(),d=useConfig(),{connectedChain:u,disconnect:m,namespace:c}=useWalletConnector(),g=i.chainId||u?.id||o?.chainId,p=useMemo(()=>g?(r.status===AccountStatusEnum.EnableTrading||r.status===AccountStatusEnum.EnableTradingWithoutConnected)&&isTestnet(parseInt(g)):false,[r.status,g]),f=Mg(g),h=d.get("operatorUrl"),S=()=>{navigator.clipboard.writeText(a??""),toast$1.success(t("common.copy.copied"));},{affiliateCommission30D:C,traderCommission30D:T,isAffiliate:x,isTrader:w,onClickReferral:O}=Ig(e.onClickReferral),{curEpochId:q,estRewards:y,onClickTradingRewards:_}=Ag(e.onClickTradingRewards),te=async()=>{localStorage.removeItem("orderly_link_device"),await m({label:r.connectWallet?.name}),await i.disconnect(),s();},[oe,{isMutating:I}]=useMutation(`${h}/v1/faucet/usdc`);return {accountId:n,address:a,chainId:g,chainName:f,onCopyAddress:S,affiliateCommission30D:C,onClickReferral:O,isAffiliate:x,isTrader:w,traderCommission30D:T,curEpochId:q,onClickTradingRewards:_,estRewards:y,onDisconnect:te,showGetTestUSDC:p,onGetTestUSDC:()=>{if(r.status<AccountStatusEnum.EnableTrading&&r.status!==AccountStatusEnum.EnableTradingWithoutConnected)return;let rt=t("trading.faucet.getTestUSDC.success",{quantity:c===ChainNamespace.solana?"100":"1,000"});return oe({chain_id:g?.toString(),user_address:r.address,broker_id:d.get("brokerId")}).then(he=>{if(he.success)return modal.alert({title:t("trading.faucet.getTestUSDC"),message:rt,onOk:()=>Promise.resolve(true)});he.message&&toast$1.error(he.message);},he=>{toast$1.error(he.message);})},gettingTestUSDC:I}},Ig=e=>{let{data:t,isLoading:o,isAffiliate:i,isTrader:r}=useReferralInfo(),n=useMemo(()=>{if(i)return t?.referrer_info?.["30d_referrer_rebate"]},[t,i]),a=useMemo(()=>{if(r)return t?.referee_info?.["30d_referee_rebate"]},[t,r]);return {onClickReferral:()=>{e?.();},affiliateCommission30D:n,traderCommission30D:a,isAffiliate:i,isTrader:r}},Ag=e=>{let[t]=useCurEpochEstimate(TWType.normal),[o,i]=useEpochInfo(TWType.normal),r=useMemo(()=>i.curEpochInfo?.epoch_id??"--",[i]),n=useMemo(()=>typeof t?.est_r_wallet>"u"?"--":t?.est_r_wallet,[t]);return {curEpochId:r,estRewards:n,onClickTradingRewards:()=>{e?.();}}};function Mg(e){let[t,{findByChainId:o}]=useChains("mainnet",{pick:"network_infos",filter:r=>r.network_infos?.bridge_enable||r.network_infos?.bridgeless});return useMemo(()=>{let r=o(parseInt(e),"network_infos");return r?r.name:"Unknown"},[e,o])}var er=e=>{let t=ji(e);return jsx(Zi,{...t})};var Is=()=>{let{t:e}=useTranslation(),{referral:t,tradingRewards:o,bottomSheetLeading:i}=U(),{account:r,state:n}=useAccount();return {onShowAccountSheet:()=>{modal.sheet({title:e("common.account"),leading:i,content:jsx(er,{...t,...o})});},address:r.address,state:n}};var Ms=e=>jsx(AuthGuard,{buttonProps:{size:"sm"},children:jsx(Button,{variant:"gradient",size:"sm",className:"oui-max-w-[83px]",onClick:t=>{e.onShowAccountSheet();},children:formatAddress(e.address,[4,4])})});installExtension({name:"mobile-account-menu",scope:["*"],positions:[ExtensionPositionEnum.MobileAccountMenu],builder:Is,__isInternal:true})(e=>jsx(Ms,{...e}));var zs=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MobileAccountMenu});var tr=()=>null;var or=()=>({});var ir=()=>{let e=or();return jsx(tr,{...e})};var nr=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(i=>{i?.chainId&&e.setCurrentChainId(i?.chainId),toast$1.success(t("connector.networkSwitched"));},i=>{});},children:jsxs(Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-7 oui-flex oui-items-center",children:[jsx(ChainIcon,{chainId:e.currentChainId,size:"2xs"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var ar=()=>{let e=useConfig(),{wrongNetwork:t,currentChainId:o,setCurrentChainId:i}=useAppContext(),r=e.get("networkId");return {currentChainId:o,setCurrentChainId:i,networkId:r,wrongNetwork:t}};var sr=()=>{let e=ar();return jsx(nr,{...e})};var cr=e=>{let t=()=>e.wrongNetwork?null:!e.disabledConnect&&e.status===AccountStatusEnum.EnableTradingWithoutConnected?jsx(lp,{onDisconnect:e.onDisconnect}):jsx(sr,{}),o=!e.disabledConnect&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected&&e.status<AccountStatusEnum.EnableTrading;return jsxs("div",{className:"oui-bg-base-9 oui-border-t oui-border-line-4",children:[jsxs(Flex,{height:64,gap:1,justify:"end",itemAlign:"center",className:"oui-px-[14px]",children:[jsx(ir,{}),jsxs(Flex,{gap:2,children:[o&&jsx(ScanQRCodeWidget,{}),t(),jsx(zs,{})]})]}),jsx("div",{className:"oui-h-[env(safe-area-inset-bottom)]"})]})},lp=e=>{let[t,o]=useState(false),{t:i}=useTranslation(),r=()=>{o(true);},n=()=>{o(false);};return jsxs(Fragment,{children:[jsx(SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:n,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await e.onDisconnect(),n();},size:"md",variant:"outlined",color:"danger"}},children:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:r,children:[jsx(up,{}),jsx(Hs,{}),jsx(dp,{}),jsx(Hs,{}),jsx(cp,{})]})]})},Hs=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(ur,{}),jsx(ur,{}),jsx(ur,{})]}),up=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),cp=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),dp=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),ur=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var dr=()=>{let{wrongNetwork:e,disabledConnect:t}=useAppContext(),{account:o,state:i}=useAccount(),r=async()=>{localStorage.removeItem("orderly_link_device"),await o.disconnect();};return {wrongNetwork:e,disabledConnect:t,status:i.status,onDisconnect:r}};var fp=()=>{let e=dr();return jsx(cr,{...e})};De();var gr=()=>{let{state:e,account:t,isMainAccount:o}=useAccount(),i=Pp(),r=Np(),n=useEventEmitter(),{t:a}=useTranslation(),s=e.subAccounts??[],[d,u]=useState(false),m=useCallback(async()=>t.settle().catch(f=>{if(f.code==-1104)return toast$1.error(a("settle.settlement.error")),Promise.reject(f);if(f.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)return n.emit("wallet:sign-message-with-ledger-error",{message:f.message,userAddress:t.address}),Promise.reject(f);if(f?.code==="ACTION_REJECTED")return toast$1.error(a("connector.userRejected")),Promise.reject(f)}).then(f=>(toast$1.success(a("settle.settlement.requested")),Promise.resolve(f))),[t,a]),c=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"deposit"});},[]),g=useCallback(()=>{modal.show(DepositAndWithdrawWithSheetId,{activeTab:"withdraw"});},[]),p=useCallback(()=>{modal.show(TransferSheetId);},[]);return {...i,...r,onSettlePnL:m,onDeposit:c,onWithdraw:g,showSliderTip:d,setShowSliderTip:u,isMainAccount:o,onTransfer:p,hasSubAccount:s?.length>0}},Pp=()=>{let{hideAssets:e,setHideAssets:t}=$(),o=()=>{t(!e);},{totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}=useCollateral({dp:2});return {hideAssets:e,toggleHideAssets:o,totalCollateral:i,freeCollateral:r,totalValue:n,availableBalance:a}},Np=()=>{let{t:e}=useTranslation(),[{aggregated:t,totalUnrealizedROI:o},i]=usePositionStream(),{marginRatio:r,currentLeverage:n,mmr:a}=useMarginRatio(),s=useMemo(()=>Math.min(10,t.notional===0?i.margin_ratio(10):r),[r,t]),{update:d,curLeverage:u,maxLeverage:m,leverageLevers:c}=useLeverage(),g=useMemo(()=>c?.map(y=>({label:`${y}x`,value:y})),[c]),[p,f]=useState(u??0),h=100/((g?.length||0)-1),S=y=>{f(y);},C=async y=>{try{d({leverage:y}).then(()=>{toast$1.success(e("leverage.updated"));},_=>{toast$1.error(_.message);});}catch{}},T=useCallback(y=>{C(Array.isArray(y)?y[0]:y);},[]),x=useDebouncedCallback(T,500),w=useCallback(y=>{let _=Number.parseInt(y.target.value,10),te=Number.isNaN(_)?0:_,oe=Math.min(Math.max(te,1),m);f(oe),x(oe);},[x,m]);return {aggregated:t,totalUnrealizedROI:o,positionsInfo:i,marginRatio:r,marginRatioVal:s,mmr:a,currentLeverage:n,step:h,marks:g,onLeverageChange:S,onLeverageIncrease:()=>{f(y=>(C(y+1),y+1));},onLeverageReduce:()=>{f(y=>(C(y-1),y-1));},onInputChange:w,isReduceDisabled:p<=1,isIncreaseDisabled:p>=m,onValueCommit:T,value:p,maxLeverage:m,onSaveLeverage:C}};function Gs(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 Qs=e=>{let{size:t=20,className:o}=e;return jsx("div",{className:"oui-flex oui-justify-center oui-items-end",style:{background:"url(/images/riskLevelBg.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center bottom",width:`${t}px`,height:"14px"},children:jsx("div",{className:cn$1("oui-relative oui-w-[2px] oui-h-[2px] oui-rounded-full oui-bg-white after:oui-block after:oui-content-[''] after:oui-absolute after:oui-right-0 after:oui-w-[10px] after:oui-h-[2px] after:oui-bg-white/50",o)})})};var hr=e=>jsxs(Flex,{direction:"column",gap:4,width:"100%",children:[jsx(zp,{...e}),jsx(Divider,{className:"oui-w-full"}),jsx(Ep,{...e}),jsx(Hp,{...e})]}),zp=e=>{let{t}=useTranslation(),o=useCallback(()=>modal.confirm({title:t("settle.settlePnl"),content:jsx(Text,{intensity:54,size:"xs",children:jsx(Trans,{i18nKey:"settle.settlePnl.description"})}),onCancel:()=>Promise.reject(),onOk:()=>typeof e.onSettlePnL!="function"?Promise.resolve():e.onSettlePnL().catch(r=>{})}),[t]),i=e.totalUnrealizedROI>0?"oui-text-success-darken":"oui-text-danger-darken";return jsxs(Flex,{direction:"column",gap:3,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",width:"100%",children:[jsx(Text.formatted,{size:"2xs",intensity:36,suffix:e.hideAssets?jsx(EyeIcon,{opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{opacity:1,size:16,className:"oui-text-primary-light"}),onClick:()=>{e.toggleHideAssets();},className:"oui-cursor-pointer",children:`${t("common.totalValue")} (USDC)`}),jsx(Text.numeral,{size:"base",dp:2,padding:false,visible:!e.hideAssets,children:e.totalValue??"--"})]}),jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:`${t("common.unrealizedPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:1,children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unrealPnL}),!e.hideAssets&&jsx(Text.numeral,{size:"xs",dp:2,padding:false,rule:"percentages",prefix:"(",suffix:")",className:i,children:e.totalUnrealizedROI})]})}),jsx(Statistic,{label:`${t("trading.asset.unsettledPnl")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text.numeral,{size:"xs",coloring:true,dp:2,padding:false,visible:!e.hideAssets,children:e.aggregated.unsettledPnL}),jsxs("button",{className:"oui-flex oui-gap-1 oui-items-center",onClick:o,children:[jsx(RefreshIcon,{opacity:1,size:12,className:"oui-text-primary-light"}),jsx(Text,{size:"2xs",color:"primary",children:t("settle.settlePnl")})]})]})})]})]})},Ep=e=>{let{t}=useTranslation(),{high:o,mid:i,low:r}=Gs(e.marginRatioVal,e.mmr);return jsxs(Grid,{cols:2,rows:1,width:"100%",children:[jsx(Statistic,{label:t("trading.asset.marginRatio"),classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{gap:2,children:[jsx(Text.numeral,{size:"xs",rule:"percentages",color:"primary",dp:2,padding:false,visible:!e.hideAssets,children:e.marginRatioVal}),!e.hideAssets&&jsx(Qs,{className:r?"oui-rotate-0":i?"oui-rotate-90":o?"oui-rotate-180":""})]})}),jsx(Statistic,{label:`${t("trading.asset.free&TotalCollateral")} (USDC)`,classNames:{label:"oui-text-2xs oui-text-base-contrast-36"},children:jsxs(Flex,{justify:"start",width:"100%",gap:1,children:[jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.freeCollateral}),jsx(Text,{size:"xs",children:"/"}),jsx(Text.numeral,{size:"xs",dp:2,padding:false,visible:!e.hideAssets,children:e.totalCollateral})]})})]})};var Hp=e=>{let{t}=useTranslation();return e.isMainAccount?jsxs(Grid,{cols:e.hasSubAccount?3:2,rows:1,gap:3,className:"oui-grid-row-[1fr,1fr]",width:"100%",pt:2,pb:4,children:[jsx(Button,{icon:jsx(ArrowDownShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,onClick:e.onDeposit,children:t("common.deposit")}),e.hasSubAccount&&jsx(Button,{icon:jsx(ArrowLeftRightIcon,{color:"white",opacity:.8}),color:"gray",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})}),jsx(Button,{icon:jsx(ArrowUpShortIcon,{color:"white",opacity:.8}),size:"md",fullWidth:true,className:"oui-bg-base-2 hover:oui-bg-base-2/50",onClick:e.onWithdraw,children:t("common.withdraw")})]}):jsx(Button,{fullWidth:true,color:"secondary",size:"md",onClick:e.onTransfer,"data-testid":"oui-testid-assetView-transfer-button",children:jsx(Text,{children:t("common.transfer")})})};var br=()=>{let e=gr();return jsx(hr,{...e})};Oi();vi();ki();Fi();var ko=e=>{let{showIndicator:t=true}=e,[o,i]=useState(false);return jsxs(Box,{intensity:900,r:"2xl",p:3,width:"100%",className:cn$1("oui-relative",e.className),children:[e.children,jsx(Tooltip,{open:o,onOpenChange:i,side:"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsx(Flex,{direction:"column",gapY:2,children:[Qp,Kp,Yp].map((r,n)=>jsx(r,{className:cn$1("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:cn$1("oui-bg-base-9 oui-rounded","oui-border oui-border-line-12","oui-p-1"),arrow:{className:"oui-fill-transparent"},children:t&&jsx("div",{className:"oui-absolute oui-right-[1px] oui-top-[18px]",children:jsx($p,{className:cn$1("oui-text-base-contrast-20 hover:oui-text-base-contrast-80","oui-cursor-pointer")})})})]})},$p=e=>jsxs("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"2",y:"2",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"7",width:"6",height:"2",rx:"1"}),jsx("rect",{x:"2",y:"12",width:"6",height:"2",rx:"1"})]}),Qp=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"2.667",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"8.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),Kp=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"6",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"12",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]}),Yp=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("rect",{x:"1.333",y:"9.333",width:"13.333",height:"4",rx:"2",fill:"rgb(var(--oui-color-primary))"}),jsx("rect",{x:"2.667",y:"6",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"}),jsx("rect",{x:"2.667",y:"2.667",width:"10.667",height:"1.333",rx:".667",fill:"#fff",fillOpacity:".2"})]});var Je=(e,t,o)=>[useMemo(()=>{let n=localStorage.getItem(e);return n?`${n}%`:t},[e,t,o]),n=>{localStorage.setItem(e,n);}];De();re();var Zs=()=>{let{state:e}=useAccount(),{wrongNetwork:t,disabledConnect:o}=useAppContext(),{totalValue:i}=useCollateral({dp:2}),r=t||o||e.status<AccountStatusEnum.EnableTrading&&e.status!==AccountStatusEnum.EnableTradingWithoutConnected,{startTime:n,endTime:a}=useMemo(()=>{let u=new Date,c=new Date(u.getFullYear(),u.getMonth(),u.getDate(),23,59,59).getTime();return {startTime:c-90*24*60*60*1e3,endTime:c}},[]),[s,{meta:d}]=useAssetsHistory({startTime:n,endTime:a,page:1,pageSize:5,side:AssetHistorySideEnum.DEPOSIT,status:AssetHistoryStatusEnum.COMPLETED},{shouldUpdateOnWalletChanged:u=>u.side===AssetHistorySideEnum.DEPOSIT&&u.transStatus===AssetHistoryStatusEnum.COMPLETED});return !r&&i===0&&d?.total===0};var Cr=6,js=48,el=29,ee=8,ye=54,Rt=280,tl=360,Ft=280,ol=732,Se=464,Re=728,ze=320,Dt=540,wr=800,Ro=350,cf="orderly_order_entry_side_markets_layout",df="orderly_side_markets_mode",vr=()=>{let[e,t]=useState(false),o=U(),{state:i}=useAccount(),{t:r}=useTranslation(),{wrongNetwork:n,disabledConnect:a,restrictedInfo:s,onRouteChange:d}=useAppContext(),{hideAssets:u,setHideAssets:m}=$(),c=Zs(),{totalValue:g}=useCollateral(),p=useDataTap(g),f=useMediaQuery("(max-width: 1279px)"),h=useMediaQuery("(min-width: 1440px)"),S=useMediaQuery("(max-width: 1680px)"),[C,T]=useLocalStorage(cf,"right"),x=useMemo(()=>!n&&!a&&(i.status>=AccountStatusEnum.EnableTrading||i.status===AccountStatusEnum.EnableTradingWithoutConnected),[i.status,n,a]),w=()=>{x&&modal.sheet({title:r("trading.asset&Margin"),leading:o.bottomSheetLeading,content:jsx(br,{})});},O=useMemo(()=>h,[h]),q=gf({canTrade:x,isFirstTimeDeposit:c}),y=mf({resizeable:h}),_=ff({max2XL:f}),te=useMemo(()=>{switch(y.panelSize){case "small":return 0;case "middle":return 70;case "large":return 280;default:return 0}},[y.panelSize]),oe=f?1200:600,I=x?379:277,At=pf({dep:C}),rt=hf({orderEntryViewRef:_.orderEntryViewRef,tradindviewMaxHeight:oe,dataListMinHeight:I}),nt={layout:C,onLayout:T,max2XL:f,min3XL:h,max4XL:S,canTrade:x,openMarketsSheet:e,onOpenMarketsSheetChange:t,horizontalDraggable:O,...y,...q,...At,..._,restrictedInfo:s,...rt,marketsWidth:te,tradindviewMaxHeight:oe,dataListMinHeight:I,total:p,hideAssets:u,setHideAssets:m,onShowPortfolioSheet:w,navigateToPortfolio:typeof d=="function"?()=>d({href:"/portfolio",name:r("common.portfolio")}):void 0,isFirstTimeDeposit:c};return {...o,...nt}},mf=e=>{let{resizeable:t}=e,[o,i]=useState(false),[r,n]=useLocalStorage(df,"large"),a=d=>{n(d),i(true);},s=useMemo(()=>t?r:"middle",[t,r]);return {resizeable:t,panelSize:s,onPanelSizeChange:a,animating:o,setAnimating:i}},gf=e=>{let{canTrade:t,isFirstTimeDeposit:o}=e,[i,r]=useLocalStorage("orderly_assets_orderEntry_margin_positions",[0,1,2]),n=(d,u)=>{let m=[...i];if(d===0&&u===m.length-1){m[u]=i[d];for(let c=0;c<m.length-1;c++)m[c]=i[c+1];}else if(d===m.length-1&&u===0){m[u]=i[d];for(let c=1;c<m.length;c++)m[c]=i[c-1];}else [m[d],m[u]]=[m[u],m[d]];r(m);},a=useMemo(()=>t&&!o,[t,o]);return {positions:useMemo(()=>a?i:[0,1,2],[a,i]),showPositionIcon:a,updatePositions:n}},pf=e=>{let{dep:t}=e,[o,i]=Je("orderly_main_split_size",`${Rt}px`,t),[r,n]=Je("orderly_datalist_split_size",`${Ro}px`),[a,s]=Je("orderly_orderbook_split_size","280px",t),[d,u]=Je("orderly_datalist_split_height_sm","350px"),[m,c]=Je("orderly_orderbook_split_height_sm","280px");return {orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:r,setDataListSplitSize:n,mainSplitSize:o,setMainSplitSize:i,dataListSplitHeightSM:d,setDataListSplitHeightSM:u,orderBookSplitHeightSM:m,setOrderbookSplitHeightSM:c}},ff=e=>{let{max2XL:t}=e,[o,i]=useState(0),r=useRef(null);return useEffect(()=>{let n=r.current;if(!n||!t)return;let a=new ResizeObserver(s=>{for(let d of s){let u=d.contentRect.height;u&&i(u);}});return a.observe(n),()=>{a.unobserve(n);}},[r,t]),{orderEntryViewRef:r,orderEntryHeight:o}};function il(e){return e?`${100-Math.min(Number(e),100)}`:""}function hf(e){let{tradindviewMaxHeight:t,dataListMinHeight:o}=e,i=useRef(null),r=useRef(null),[n,a]=useLocalStorage("orderly_order_entry_extra_height",0),s=22,[d,u]=useLocalStorage("orderly_trading_data_list_height",o);return {max2XLSplitRef:r,tradingviewAndOrderbookSplitRef:i,onTradingviewAndOrderbookDragging:(g,p)=>{let f=i?.current?.boxHeight;if(!f)return;let h=f*g/100,S=f*p/100,C=Math.min(Math.max(h,ze),t),T=Math.min(Math.max(S,Se),Re),x=e.orderEntryViewRef.current?.clientHeight||0;if(S>=T){let w=S-T;a(Math.max(0,n-w));}else if(C+T<t+Re){let w=C+T+s+ye,O=Math.max(0,w-x);a(n+O);}},onDataListSplitHeightDragging:(g,p)=>{let f=r?.current?.boxHeight;if(!f)return;let h=f*p/100;if(h>=o&&h<=wr){u(h);let S=h-d;S>0&&a(Math.max(0,n-S));}},extraHeight:n,dataListHeight:d}}var Mf=fe.lazy(()=>Promise.resolve().then(()=>(Ui(),ms)).then(e=>({default:e.RiskRateWidget}))),_f=fe.lazy(()=>Promise.resolve().then(()=>(li(),Yn)).then(e=>({default:e.AssetViewWidget}))),zf=fe.lazy(()=>Promise.resolve().then(()=>(ti(),vn)).then(e=>({default:e.DataListWidget}))),Ef=fe.lazy(()=>Promise.resolve().then(()=>(ul(),ll)).then(e=>({default:e.SwitchLayout}))),Hf=fe.lazy(()=>Promise.resolve().then(()=>(Qi(),ws)).then(e=>({default:e.OrderBookAndTradesWidget}))),cl=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:i,layout:r,onLayout:n,orderBookSplitSize:a,setOrderbookSplitSize:s,dataListSplitSize:d,setDataListSplitSize:u,mainSplitSize:m,setMainSplitSize:c,dataListSplitHeightSM:g,setDataListSplitHeightSM:p,orderBookSplitHeightSM:f,setOrderbookSplitHeightSM:h,max2XL:S,max4XL:C,animating:T,setAnimating:x,positions:w,updatePositions:O,showPositionIcon:q,horizontalDraggable:y,marketsWidth:_,tradindviewMaxHeight:te,dataListMinHeight:oe}=e,[I]=useLocalStorage(TradingviewFullscreenKey,false),At=useMemo(()=>I?0:ye+Re+Ro+ee*4,[I]),rt=js+el+ye+ze+Se+oe+ee*4,he=jsx(SideMarketsWidget,{resizeable:t,panelSize:o,onPanelSizeChange:i,symbol:e.symbol,onSymbolChange:e.onSymbolChange}),nt=jsx(Box,{intensity:900,pt:3,r:"2xl",height:"100%",width:_,style:{minWidth:_},className:"oui-transition-all oui-duration-150",onTransitionEnd:()=>x(false),children:!T&&he}),qr=jsx(Box,{intensity:900,r:"2xl",px:3,width:"100%",style:{minHeight:ye,height:ye},children:jsx(SymbolInfoBarFullWidget,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,trailing:jsx(fe.Suspense,{fallback:null,children:jsx(Ef,{layout:r,onLayout:n})})})}),{library_path:eu,...tu}=e.tradingViewConfig,Ur=jsx(TradingviewWidget,{classNames:{root:cn$1(I?"!oui-absolute oui-top-0 oui-left-0 oui-right-0 oui-bottom-0 oui-z-[40] oui-bg-base-10":"oui-z-1"),content:cn$1(I?"oui-top-3 oui-bottom-3 oui-left-3 oui-right-3 oui-bg-base-9 oui-rounded-[16px] oui-overflow-hidden":"")},symbol:e.symbol,...tu,libraryPath:eu}),Gr=jsx(Box,{width:"100%",height:"100%",intensity:900,r:"2xl",style:{flex:1,minWidth:Dt},className:"oui-overflow-hidden",children:Ur}),$r=jsx(fe.Suspense,{fallback:null,children:jsx(Hf,{symbol:e.symbol})}),ou=jsx(Box,{r:"2xl",height:"100%",style:{minWidth:Ft,maxWidth:y?ol:Ft,width:a},className:"oui-overflow-hidden",children:$r}),Qr=jsx(fe.Suspense,{fallback:null,children:jsx(zf,{current:void 0,symbol:e.symbol,sharePnLConfig:e.sharePnLConfig})}),iu=jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:d,minHeight:Ro},className:"oui-overflow-hidden",children:Qr}),ru=[jsx(ko,{index:w.findIndex(ce=>ce===0),onLayout:O,showIndicator:q,children:jsx(fe.Suspense,{fallback:null,children:jsx(Mf,{})})},"margin"),jsx(ko,{className:"oui-border oui-border-line-12",index:w.findIndex(ce=>ce===1),onLayout:O,showIndicator:q,children:jsxs(Fragment,{children:[jsx(fe.Suspense,{fallback:null,children:jsx(_f,{isFirstTimeDeposit:e.isFirstTimeDeposit})}),jsx(DepositStatusWidget,{className:"oui-mt-3 oui-gap-y-2",onClick:e.navigateToPortfolio})]})},"assets"),jsx(ko,{index:w.findIndex(ce=>ce===2),onLayout:O,showIndicator:q,children:jsx(OrderEntryWidget,{symbol:e.symbol,disableFeatures:e.disableFeatures})},"orderEntry")],Kr=w.map(ce=>ru[ce]),Yr=jsx(Flex,{gapY:2,direction:"column",height:"100%",style:{minWidth:Rt,maxWidth:y?tl:Rt,width:m},children:Kr}),Xr=jsxs(Ye,{style:{flex:1,minHeight:Se},onSizeChange:s,disable:!y,children:[C&&r==="right"?jsxs(Flex,{gap:2,className:"oui-flex-1 oui-overflow-hidden",style:{minWidth:_+Dt+ee},children:[nt,Gr]}):Gr,ou]}),nu=()=>C&&r==="left"?jsxs(Flex,{gapX:2,style:{minHeight:Se},height:"100%",children:[Xr,nt]}):Xr,au=jsxs(Flex,{direction:"column",className:"oui-flex-1 oui-overflow-hidden",gap:2,style:{minWidth:C?_+Dt+Ft+ee*2:Dt+Ft+ee},children:[qr,jsxs(Ye,{style:{maxHeight:`calc(100% - ${ye}px - ${ee}px)`},className:"oui-w-full",mode:"vertical",onSizeChange:u,children:[nu(),iu]})]}),su=ce=>c(r==="left"?il(ce):ce);return S?jsxs(Ye,{ref:e.max2XLSplitRef,style:{minHeight:rt,minWidth:1024-Cr},className:cn$1("oui-flex oui-flex-1","oui-size-full oui-min-w-[1018px]","oui-px-3 oui-py-2",e.className),onSizeChange:p,onDragging:e.onDataListSplitHeightDragging,mode:"vertical",children:[jsxs(Flex,{gapX:2,itemAlign:"stretch",className:cn$1("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),style:{minHeight:Math.max(ye+ze+Se+ee*2,e.orderEntryHeight),maxHeight:ye+te+Re+ee*2},children:[jsxs(Flex,{height:"100%",className:"oui-w-[calc(100%_-_280px_-_12px)] oui-flex-1",direction:"column",gapY:2,children:[qr,jsxs(Flex,{width:"100%",height:"100%",gapX:2,itemAlign:"stretch",style:{minHeight:ze+Se+ee,maxHeight:te+Re+ee},className:cn$1("oui-flex-1",r==="left"&&"oui-flex-row-reverse"),children:[jsx(Box,{intensity:900,pt:3,r:"2xl",width:_,style:{minHeight:ze+Se+ee,maxHeight:te+Re+ee},children:he}),jsxs(Ye,{ref:e.tradingviewAndOrderbookSplitRef,mode:"vertical",style:{width:`calc(100% - ${_}px)`},className:"oui-flex-1",onSizeChange:h,onDragging:e.onTradingviewAndOrderbookDragging,children:[jsx(Box,{width:"100%",intensity:900,r:"2xl",style:{minHeight:ze,maxHeight:te,height:1200},children:Ur}),jsx(Box,{r:"2xl",height:"100%",width:"100%",style:{minHeight:Se,maxHeight:Re,height:f},className:"oui-flex-1",children:$r})]})]})]}),jsxs(Flex,{ref:e.orderEntryViewRef,id:"orderEntryView",gapY:3,direction:"column",className:"oui-relative",style:{width:Rt,height:"max-content"},children:[Kr,jsx(Box,{height:e.extraHeight})]})]}),jsx(Box,{intensity:900,r:"2xl",p:2,style:{height:g,minHeight:Math.max(oe,e.dataListHeight),maxHeight:wr},className:"oui-overflow-hidden",children:Qr})]}):jsxs(Flex,{style:{minHeight:At,minWidth:1440-Cr},className:cn$1(e.className,r==="left"&&"oui-flex-row-reverse",I&&"oui-relative oui-w-screen oui-h-[calc(100vh-80px)] !oui-p-0 oui-overflow-hidden"),width:"100%",p:2,gap:2,children:[!C&&nt,jsxs(Ye,{className:cn$1("oui-flex oui-flex-1 oui-overflow-hidden"),onSizeChange:su,disable:!y,children:[r==="left"&&Yr,au,r==="right"&&Yr]})]})};var Vh=fe.lazy(()=>Promise.resolve().then(()=>(Al(),Il)).then(e=>({default:e.TopTabWidget}))),qh=fe.lazy(()=>Promise.resolve().then(()=>(Hl(),El)).then(e=>({default:e.OrderBookAndEntryWidget}))),Uh=fe.lazy(()=>Promise.resolve().then(()=>(Kl(),Ql)).then(e=>({default:e.DataListWidget}))),Gh=()=>jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M6.456 3.48a3.5 3.5 0 0 0 .431-.567 9 9 0 0 0 .361-.654l-.648-.66-.107.185q-.071.12-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.114q-.307 0-.666-.194t-.742-.42q-.383-.227-.777-.42a1.7 1.7 0 0 0-.771-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.404 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.298-.395.742-.396.347 0 .7.194.354.193.721.42.37.227.763.42.396.195.826.195.374.001.665-.155.29-.151.526-.404m.352 2.941a3.5 3.5 0 0 0 .431-.566q.196-.315.361-.654l-.648-.66-.107.184-.142.244a3 3 0 0 1-.27.396 1.4 1.4 0 0 1-.318.29.67.67 0 0 1-.38.115q-.307 0-.666-.195-.36-.193-.742-.42-.383-.226-.778-.42a1.7 1.7 0 0 0-.77-.194q-.401.001-.72.154a2.1 2.1 0 0 0-.57.405 2.6 2.6 0 0 0-.43.574 5 5 0 0 0-.307.646l.649.66q.165-.437.464-.833.297-.395.742-.396.347 0 .7.194.354.193.721.42.369.226.763.42.396.194.826.194.374.001.665-.154.29-.152.526-.404",fill:"#fff",fillOpacity:".54"})}),Xl=e=>{let{t}=useTranslation(),o=jsxs(Box,{intensity:900,className:"oui-rounded-xl",mx:1,px:3,height:54,children:[jsx(SymbolInfoBarWidget,{symbol:e.symbol,onSymbol:()=>e.onOpenMarketsSheetChange(true),trailing:jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-cursor-pointer oui-text-[11px]",onClick:e.onShowPortfolioSheet,children:[jsxs(Flex,{children:[jsx(Text,{intensity:54,children:t("common.totalValue")}),jsx("button",{onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setHideAssets(!e.hideAssets);},className:"oui-px-1",children:e.hideAssets?jsx(EyeIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"}):jsx(EyeCloseIcon,{color:"primary",opacity:1,size:16,className:"oui-text-primary-light"})}),jsx(Gh,{})]}),jsx(Text.numeral,{suffix:jsx(Text,{intensity:20,children:"\xA0USDC"}),dp:2,visible:!e.hideAssets,children:e.canTrade?e.total??"--":"--"})]})}),jsx(SimpleSheet,{open:e.openMarketsSheet,onOpenChange:e.onOpenMarketsSheetChange,classNames:{body:"oui-h-full oui-pb-0",content:"oui-w-[280px] !oui-p-0"},contentProps:{side:"left",closeable:false},children:jsx(MarketsSheetWidget,{symbol:e.symbol,onSymbolChange:i=>{e.onOpenMarketsSheetChange(false),e.onSymbolChange?.(i);}})})]});return jsx("div",{className:"oui-relative oui-grid oui-gap-1 oui-bg-base-10",children:jsxs("main",{className:"oui-hide-scrollbar oui-space-y-1 oui-overflow-y-auto",children:[o,jsx(fe.Suspense,{fallback:null,children:jsx(Vh,{className:"oui-mx-1 oui-rounded-xl oui-bg-base-9"})}),jsx(fe.Suspense,{fallback:null,children:jsx(qh,{})}),jsx(fe.Suspense,{fallback:null,children:jsx(Uh,{symbol:e.symbol,className:"oui-mx-1 oui-rounded-xl",sharePnLConfig:e.sharePnLConfig})})]})})};var Wr=e=>{let{isMobile:t}=useScreen();return t?jsx(Xl,{...e}):jsx(cl,{className:"oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",...e})};var Vr=()=>{let e=vr();return jsx(Wr,{...e})};_i();re();var Jl=e=>{let{symbol:t,children:o}=e,i=useSymbolsInfo()[t],r=useMemo(()=>{let n=Ct(i);return {...e,symbolInfo:{...n,symbol:t}}},[e,t,i]);return jsx(Uo.Provider,{value:r,children:o})};var Zh=e=>jsx(Jl,{symbol:e.symbol,tradingViewConfig:e.tradingViewConfig,onSymbolChange:e.onSymbolChange,disableFeatures:e.disableFeatures,overrideFeatures:e.overrideFeatures,referral:e.referral,tradingRewards:e.tradingRewards,bottomSheetLeading:e.bottomSheetLeading,sharePnLConfig:e.sharePnLConfig,children:jsx(Vr,{})});re();De();
-export { ko as AssetView, Do as AssetViewWidget, bi as BottomNavBar, om as BottomNavBarWidget, yo as DataList, So as DataListWidget, Ao as FundingRate, Gt as FundingRateDialogId, zo as FundingRateModal, Vo as FundingRateModalWidget, fn as FundingRateSheetId, qo as FundingRateWidget, Co as LastTrades, Ie as LastTradesWidget, Go as OrderBook, Jo as OrderBookAndTrades, ei as OrderBookAndTradesWidget, Ve as OrderBookWidget, vi as PortfolioSheet, Ti as PortfolioSheetWidget, Yo as RiskRate, Zo as RiskRateWidget, qe as SplitLayout, er as Trading, Tf as TradingPage, po as TradingPageContext, Ua as TradingPageProvider, tr as TradingWidget, xi as useBottomNavBarScript, _o as useFundingRateModalScript, Wo as useFundingRateScript, jo as useOrderBookAndTradesScript, Qo as useOrderBookScript, tt as usePendingOrderCount, Si as usePortfolioSheetScript, et as usePositionsCount, q as useTradingLocalStorage, V as useTradingPageContext, Ri as useTradingScript };
+export { Jt as AssetView, Qn as AssetViewWidget, cr as BottomNavBar, fp as BottomNavBarWidget, $t as DataList, Cn as DataListWidget, yi as FundingRate, uo as FundingRateDialogId, Ni as FundingRateModal, Ri as FundingRateModalWidget, La as FundingRateSheetId, Bi as FundingRateWidget, Qt as LastTrades, Kt as LastTradesWidget, fo as OrderBook, So as OrderBookAndTrades, Ss as OrderBookAndTradesWidget, os as OrderBookWidget, hr as PortfolioSheet, br as PortfolioSheetWidget, xo as RiskRate, cs as RiskRateWidget, Ye as SplitLayout, Wr as Trading, Zh as TradingPage, Uo as TradingPageContext, Jl as TradingPageProvider, Vr as TradingWidget, dr as useBottomNavBarScript, wi as useFundingRateModalScript, Di as useFundingRateScript, Co as useOrderBookAndTradesScript, ho as useOrderBookScript, st as usePendingOrderCount, gr as usePortfolioSheetScript, at as usePositionsCount, $ as useTradingLocalStorage, U as useTradingPageContext, vr as useTradingScript };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map