@orderly.network/ui-positions 2.6.0-alpha.0 → 2.6.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +23 -2
- package/dist/index.d.ts +23 -2
- package/dist/index.js +19 -18
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +12 -12
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,31 @@
|
|
|
1
|
+
import { OrderType, OrderSide, API } from '@orderly.network/types';
|
|
1
2
|
import React, { FC } from 'react';
|
|
2
3
|
import { PriceMode } from '@orderly.network/hooks';
|
|
3
|
-
import { API } from '@orderly.network/types';
|
|
4
4
|
import { SharePnLConfig } from '@orderly.network/ui-share';
|
|
5
5
|
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
|
+
interface PositionsRowContextState {
|
|
9
|
+
quantity: string;
|
|
10
|
+
price: string;
|
|
11
|
+
type: OrderType;
|
|
12
|
+
side: OrderSide;
|
|
13
|
+
position: API.PositionExt | API.PositionTPSLExt;
|
|
14
|
+
updateQuantity: (value: string) => void;
|
|
15
|
+
updatePriceChange: (value: string) => void;
|
|
16
|
+
updateOrderType: (value: OrderType) => void;
|
|
17
|
+
closeOrderData: any;
|
|
18
|
+
onSubmit: () => Promise<any>;
|
|
19
|
+
submitting: boolean;
|
|
20
|
+
tpslOrder?: API.AlgoOrder;
|
|
21
|
+
partialTPSLOrder?: API.AlgoOrder;
|
|
22
|
+
quoteDp?: number;
|
|
23
|
+
baseDp?: number;
|
|
24
|
+
baseTick?: number;
|
|
25
|
+
errors: any | undefined;
|
|
26
|
+
}
|
|
27
|
+
declare const usePositionsRowContext: () => PositionsRowContextState;
|
|
28
|
+
|
|
8
29
|
declare const FundingFeeHistoryUI: FC<{
|
|
9
30
|
total: number;
|
|
10
31
|
symbol: string;
|
|
@@ -124,4 +145,4 @@ declare const MobileLiquidation: FC<LiquidationState & {
|
|
|
124
145
|
|
|
125
146
|
declare const MarketCloseConfirmID = "MarketCloseConfirmID";
|
|
126
147
|
|
|
127
|
-
export { CombinePositionsWidget, FundingFeeButton, FundingFeeHistoryUI, Liquidation, LiquidationWidget, MarketCloseConfirmID, MobileLiquidation, MobileLiquidationWidget, MobilePositionHistory, MobilePositionHistoryWidget, MobilePositionsWidget, PositionHistory, PositionHistoryWidget, type PositionsProps, PositionsWidget, useLiquidationScript, usePositionHistoryScript };
|
|
148
|
+
export { CombinePositionsWidget, FundingFeeButton, FundingFeeHistoryUI, Liquidation, LiquidationWidget, MarketCloseConfirmID, MobileLiquidation, MobileLiquidationWidget, MobilePositionHistory, MobilePositionHistoryWidget, MobilePositionsWidget, PositionHistory, PositionHistoryWidget, type PositionsProps, PositionsWidget, useLiquidationScript, usePositionHistoryScript, usePositionsRowContext };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,31 @@
|
|
|
1
|
+
import { OrderType, OrderSide, API } from '@orderly.network/types';
|
|
1
2
|
import React, { FC } from 'react';
|
|
2
3
|
import { PriceMode } from '@orderly.network/hooks';
|
|
3
|
-
import { API } from '@orderly.network/types';
|
|
4
4
|
import { SharePnLConfig } from '@orderly.network/ui-share';
|
|
5
5
|
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
|
+
interface PositionsRowContextState {
|
|
9
|
+
quantity: string;
|
|
10
|
+
price: string;
|
|
11
|
+
type: OrderType;
|
|
12
|
+
side: OrderSide;
|
|
13
|
+
position: API.PositionExt | API.PositionTPSLExt;
|
|
14
|
+
updateQuantity: (value: string) => void;
|
|
15
|
+
updatePriceChange: (value: string) => void;
|
|
16
|
+
updateOrderType: (value: OrderType) => void;
|
|
17
|
+
closeOrderData: any;
|
|
18
|
+
onSubmit: () => Promise<any>;
|
|
19
|
+
submitting: boolean;
|
|
20
|
+
tpslOrder?: API.AlgoOrder;
|
|
21
|
+
partialTPSLOrder?: API.AlgoOrder;
|
|
22
|
+
quoteDp?: number;
|
|
23
|
+
baseDp?: number;
|
|
24
|
+
baseTick?: number;
|
|
25
|
+
errors: any | undefined;
|
|
26
|
+
}
|
|
27
|
+
declare const usePositionsRowContext: () => PositionsRowContextState;
|
|
28
|
+
|
|
8
29
|
declare const FundingFeeHistoryUI: FC<{
|
|
9
30
|
total: number;
|
|
10
31
|
symbol: string;
|
|
@@ -124,4 +145,4 @@ declare const MobileLiquidation: FC<LiquidationState & {
|
|
|
124
145
|
|
|
125
146
|
declare const MarketCloseConfirmID = "MarketCloseConfirmID";
|
|
126
147
|
|
|
127
|
-
export { CombinePositionsWidget, FundingFeeButton, FundingFeeHistoryUI, Liquidation, LiquidationWidget, MarketCloseConfirmID, MobileLiquidation, MobileLiquidationWidget, MobilePositionHistory, MobilePositionHistoryWidget, MobilePositionsWidget, PositionHistory, PositionHistoryWidget, type PositionsProps, PositionsWidget, useLiquidationScript, usePositionHistoryScript };
|
|
148
|
+
export { CombinePositionsWidget, FundingFeeButton, FundingFeeHistoryUI, Liquidation, LiquidationWidget, MarketCloseConfirmID, MobileLiquidation, MobileLiquidationWidget, MobilePositionHistory, MobilePositionHistoryWidget, MobilePositionsWidget, PositionHistory, PositionHistoryWidget, type PositionsProps, PositionsWidget, useLiquidationScript, usePositionHistoryScript, usePositionsRowContext };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ui = require('@orderly.network/ui');
|
|
4
|
-
var
|
|
3
|
+
var ui$1 = require('@orderly.network/ui');
|
|
4
|
+
var br = require('react');
|
|
5
5
|
var i18n = require('@orderly.network/i18n');
|
|
6
6
|
var types = require('@orderly.network/types');
|
|
7
7
|
var utils = require('@orderly.network/utils');
|
|
@@ -17,25 +17,26 @@ var dateFns = require('date-fns');
|
|
|
17
17
|
|
|
18
18
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var br__default = /*#__PURE__*/_interopDefault(br);
|
|
21
21
|
|
|
22
|
-
var Eo=t=>{let{hideCloseIcon:e=false}=t;return jsxRuntime.jsxs("div",{className:"oui-relative oui-w-full oui-border-b oui-border-line-4 oui-pb-3",children:[jsxRuntime.jsx(ui.Text,{size:"base",children:t.title}),!e&&jsxRuntime.jsx("button",{onClick:t.onClose,className:"oui-absolute oui-right-0 oui-top-0 oui-p-2 oui-text-base-contrast-54 hover:oui-text-base-contrast-80",children:jsxRuntime.jsx(ui.CloseIcon,{size:18,color:"white"})})]})},se=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{id:"oui-positions-confirm-footer",gap:2,width:"100%",className:"oui-mt-3 oui-pb-1",children:[jsxRuntime.jsx(ui.Button,{id:"oui-positions-confirm-footer-cancel-button",color:"secondary",fullWidth:true,onClick:t.onCancel,size:"md",children:e("common.cancel")}),jsxRuntime.jsx(ui.ThrottledButton,{id:"oui-positions-confirm-footer-confirm-button",onClick:t.onConfirm,fullWidth:true,loading:t.submitting,disabled:t.disabled,size:"md",children:e("common.confirm")})]})},Nn=t=>{let{quantity:e,price:o,quoteDp:i,side:r}=t,{t:n}=i18n.useTranslation(),s=xr.useMemo(()=>o&&e?new utils.Decimal(o).mul(e).toFixed(i,utils.Decimal.ROUND_DOWN):"--",[o,e]);return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,width:"100%",className:"oui-text-sm oui-text-base-contrast-54",py:5,children:[jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui.Text,{children:n("common.qty")}),jsxRuntime.jsx(ui.Text,{color:r===types.OrderSide.BUY?"success":"danger",children:e})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui.Text,{children:n("common.price")}),jsxRuntime.jsx(ui.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(ui.Text,{intensity:54,children:"USDC"}),children:o})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui.Text,{children:n("common.notional")}),jsxRuntime.jsx(ui.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(ui.Text,{intensity:54,children:"USDC"}),children:s})]})]})},Dt=t=>{let{t:e}=i18n.useTranslation(),o=()=>{(t?.onClose??t.close)?.();};return jsxRuntime.jsxs(ui.Flex,{direction:"column",className:t.classNames?.root,children:[jsxRuntime.jsx(Eo,{onClose:o,title:e("positions.marketClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",className:"oui-my-5",children:e("positions.marketClose.description",{quantity:utils.commifyOptional(t.quantity),base:t.base})}),jsxRuntime.jsx(se,{onCancel:o,onConfirm:async()=>{await t.onConfirm?.(),o();},submitting:t.submitting})]})},ae=t=>{let{order:e,quoteDp:o,quantity:i,price:r}=t,{side:n}=e,{t:s}=i18n.useTranslation(),a=()=>{t.onClose?.();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Eo,{onClose:a,title:s("positions.limitClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(ui.Box,{mt:5,children:jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",children:s("positions.limitClose.description",{quantity:utils.commify(t.quantity),base:t.base})})}),jsxRuntime.jsxs(ui.Flex,{gap:2,mb:4,mt:5,justify:"between",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:e.symbol}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Badge,{color:"neutral",size:"xs",children:s("orderEntry.orderType.limit")}),jsxRuntime.jsx(ui.Badge,{color:n===types.OrderSide.BUY?"success":"danger",size:"xs",children:n===types.OrderSide.BUY?s("common.buy"):s("common.sell")})]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(Nn,{className:"oui-text-sm",price:r,quantity:i,side:e.side,quoteDp:o??2}),jsxRuntime.jsx(se,{onCancel:a,onConfirm:t.onConfirm,submitting:t.submitting})]})};function Bo(t,e){let o=xr.useRef(),i=xr.useRef(e);i.current=e,xr.useEffect(()=>{let r={root:null,rootMargin:"0px",threshold:0},n=s=>{s.forEach(a=>{a.isIntersecting&&i.current?.();});};return o.current=new IntersectionObserver(n,r),()=>{o.current?.disconnect();}},[]),xr.useEffect(()=>{o.current?.observe(t.current);},[]);}var Wo=t=>{let e=xr.useRef(null),{onEndReached:o}=t;return Bo(e,()=>{o?.();}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t.children,jsxRuntime.jsx("div",{ref:e,className:"oui-relative oui-invisible oui-h-[25px] oui-bg-red-400 oui-top-[-300px]"})]})};var le=({total:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=i18n.useTranslation(),{isMobile:n}=ui.useScreen(),{isLoading:s,data:a,setSize:l}=hooks.usePrivateInfiniteQuery((d,y)=>y&&!y.length?null:`/v1/funding_fee/history?page=${d}&symbol=${e}&start_t=${o}&end_t=${i}`,{revalidateFirstPage:false}),c=xr.useCallback(()=>{l(d=>d+1);},[l]),u=xr.useMemo(()=>Array.isArray(a)?a.flat().map(d=>({...d,funding_fee:-d.funding_fee})):[],[a]),m=xr.useMemo(()=>n?jsxRuntime.jsx(Qn,{data:u??types.EMPTY_LIST,isLoading:s,loadMore:c}):jsxRuntime.jsx(Wn,{data:u??types.EMPTY_LIST,isLoading:s,loadMore:c}),[n,u,s]);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(ui.Grid,{cols:2,gapX:3,className:"oui-sticky oui-top-0 oui-z-10 oui-bg-base-8 oui-py-4",children:[jsxRuntime.jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,itemAlign:"start",children:[jsxRuntime.jsx("span",{className:"oui-text-2xs oui-text-base-contrast-36",children:r("common.symbol")}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",className:"oui-font-semibold",intensity:98,children:e})]})}),jsxRuntime.jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxRuntime.jsx(ui.Statistic,{label:`${r("funding.fundingFee")} (USDC)`,valueProps:{ignoreDP:true,coloring:true,showIdentifier:true},children:t})})]}),m]})},Wn=({isLoading:t,data:e,loadMore:o})=>{let{t:i}=i18n.useTranslation(),r=xr.useMemo(()=>[{title:i("common.time"),dataIndex:"created_time",width:120,render:n=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",children:n})},{title:i("funding.fundingRate"),dataIndex:"funding_rate",formatter:n=>new utils.Decimal(n).mul(100).toString(),render:n=>jsxRuntime.jsx("span",{children:`${n}%`})},{title:i("funding.paymentType"),dataIndex:"payment_type",formatter:n=>i(n==="Pay"?"funding.paymentType.paid":"funding.paymentType.received"),render:n=>jsxRuntime.jsx("span",{children:n})},{title:`${i("funding.fundingFee")} (USDC)`,dataIndex:"funding_fee",render:n=>jsxRuntime.jsx(ui.Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,children:n})}],[i]);return jsxRuntime.jsx("div",{className:"oui-h-[calc(80vh_-_132px_-_8px)] oui-overflow-y-auto",children:jsxRuntime.jsx(Wo,{onEndReached:o,children:jsxRuntime.jsx(ui.DataTable,{classNames:{root:ui.cn("oui-h-auto oui-bg-base-8 oui-text-sm")},columns:r,dataSource:e??types.EMPTY_LIST,loading:t})})})},Qn=({data:t,isLoading:e,loadMore:o})=>{let i=xr.useCallback(r=>jsxRuntime.jsx(Un,{item:r}),[]);return jsxRuntime.jsx("div",{className:"oui-h-[calc(80vh_-_104px)] oui-overflow-y-auto",children:jsxRuntime.jsx(ui.ListView,{dataSource:t,renderItem:i,isLoading:e,contentClassName:"oui-space-y-0",loadMore:o})})},Un=({item:t})=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-space-y-2 oui-border-t oui-border-line-6 oui-py-2",children:[jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Statistic,{label:e("funding.fundingRate"),classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,rule:"percentages",className:"oui-text-xs"},children:t.funding_rate}),jsxRuntime.jsx(ui.Statistic,{label:e("common.amount"),className:"oui-items-end",classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,coloring:true,as:"div",className:"oui-text-xs",showIdentifier:true},children:t.funding_fee})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"date",className:"oui-text-base-contrast-36",size:"2xs",children:t.created_time}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,children:t.payment_type==="Pay"?e("funding.paymentType.paid"):e("funding.paymentType.received")})]})]})};var lt=({fee:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=i18n.useTranslation(),[n,{setTrue:s,setFalse:a}]=hooks.useBoolean(false),{isMobile:l}=ui.useScreen();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{onClick:s,children:jsxRuntime.jsx(ui.Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,className:"oui-border-b oui-border-line-16 oui-border-dashed oui-py-0.5",children:t})}),l?jsxRuntime.jsx(ui.SimpleSheet,{open:n,onOpenChange:a,title:r("funding.fundingFee"),classNames:{body:"oui-max-h-[80vh] oui-py-0"},children:jsxRuntime.jsx(le,{total:t,symbol:e,start_t:o,end_t:i})}):jsxRuntime.jsx(ui.SimpleDialog,{open:n,onOpenChange:a,title:r("funding.fundingFee"),classNames:{content:"lg:oui-max-w-[640px]",body:"oui-max-h-[80vh] oui-bg-base-8 lg:oui-py-0"},children:jsxRuntime.jsx(le,{total:t,symbol:e,start_t:o,end_t:i})})]})};var nr=(t,e)=>{let o=hooks.useConfig("apiBaseUrl");return i=>(r,n,s)=>{try{return i(r,async l=>{let c=Array.isArray(l)?l[0]:l,u=`${o}${c}`,m=t.signer,d={method:"GET",url:c},y=await m.sign(d,utils.getTimestamp()),p=Array.isArray(e)?e:[e];return Promise.all(p.map(x=>n(u,{headers:{...y,"orderly-account-id":x}})))},s)}catch(a){throw a}}},$o=(t,e)=>{let{formatter:o,accountId:i,...r}=e||{},{state:n,account:s}=hooks.useAccount(),a=Array.isArray(e?.use)?e?.use??[]:[],l=Array.isArray(i)?i:[i],c=l.filter(Boolean).length&&(n.status>=types.AccountStatusEnum.EnableTrading||n.status===types.AccountStatusEnum.EnableTradingWithoutConnected);return hooks.useSWR(()=>c?[t,l]:null,(u,m)=>hooks.fetcher(u,m,{formatter:o}),{...r,use:[...a,nr(s,l)],onError:()=>{}})};var Vo=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:s,selectedAccount:a}=t,{pagination:l,setPage:c}=ui.usePagination({pageSize:50});xr.useEffect(()=>{c(1);},[e]);let u=hooks.useSymbolsInfo(),{state:m}=hooks.useAccount(),[d,,{isLoading:y}]=hooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i}),{data:p=[],isLoading:x,mutate:F}=hooks.usePrivateQuery("/v1/client/aggregate/positions",{errorRetryCount:3}),{data:M=[],isLoading:T}=$o("/v1/client/info",{accountId:p.map(L=>L.account_id),revalidateOnFocus:false}),f=immer.produce(p.filter(L=>L.account_id!==m.mainAccountId),L=>{for(let b of L){let ot=u[b.symbol],it=perp.positions.notional(b.position_qty,b.mark_price),h=M.find(Vt=>Vt.account_id===b.account_id),H=perp.positions.MMR({baseMMR:ot?.("base_mmr"),baseIMR:ot?.("base_imr"),IMRFactor:h?.imr_factor[b.symbol]??0,positionNotional:it,IMR_factor_power:4/5}),te=perp.positions.maintenanceMargin({positionQty:b.position_qty,markPrice:b.mark_price,MMR:H}),ee=perp.positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.mark_price}),oe=perp.account.IMR({maxLeverage:h?.max_leverage??1,baseIMR:ot?.("base_imr"),IMR_Factor:h?.imr_factor[b.symbol]??0,positionNotional:it,ordersNotional:0,IMR_factor_power:4/5}),ie=perp.positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:ee}),$t=0,ne=0;b.index_price&&($t=perp.positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.index_price}),ne=perp.positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:$t})),b.mmr=H,b.mm=te,b.notional=it,b.unrealized_pnl=ee,b.unrealized_pnl_ROI=ie,b.unrealized_pnl_ROI_index=ne;}}),D=reactApp.useDataTap([...d?.rows,...f].filter(L=>L.position_qty!==0))??[],O=xr.useMemo(()=>!a||a==="All accounts"?D:D.filter(L=>a==="Main accounts"?L.account_id===m.mainAccountId||!L.account_id:L.account_id===a),[D,a,m.mainAccountId]),z=xr.useMemo(()=>gr(O,{mainAccountId:m.mainAccountId,subAccounts:m.subAccounts}),[O,m.mainAccountId,m.subAccounts]),et=xr.useMemo(()=>y||x||T,[y,x,T]);return {tableData:z,isLoading:et,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:s,pagination:l,mutatePositions:F}},gr=(t,e)=>{let{mainAccountId:o="",subAccounts:i=[]}=e,r=new Map;for(let n of t){let s=n.account_id||o,a=i.find(l=>l.id===s);r.has(s)?r.get(s)?.children?.push(n):r.set(s,{id:s,description:s===o?i18n.i18n.t("common.mainAccount"):a?.description||ui.formatAddress(a?.id||""),children:[n]});}return {expanded:Array.from(r.keys()),dataSource:Array.from(r.values())}};var Qe=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:s}=t,{pagination:a,setPage:l}=ui.usePagination({pageSize:50});xr__default.default.useEffect(()=>{l(1);},[e]);let[c,,{isLoading:u}]=hooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i});return {dataSource:reactApp.useDataTap(c?.rows,{fallbackData:[]})??void 0,isLoading:u,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:s,pagination:a}};var Ue=xr.createContext({}),W=()=>xr.useContext(Ue);var St=t=>{let{symbol:e,children:o}=t,i=hooks.useSymbolsInfo()[e],r=xr.useMemo(()=>({symbol:e,base_dp:i("base_dp"),quote_dp:i("quote_dp"),base_tick:i("base_tick"),quote_tick:i("quote_tick"),base:i("base"),quote:i("quote"),origin:i(),quote_max:i("quote_max"),quote_min:i("quote_min")}),[e,i]);return jsxRuntime.jsx(Ue.Provider,{value:r,children:o})};var me=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Slider,{showTip:true,markCount:4,value:[t.value],color:"primary",onValueChange:o=>{t.onValueChange(o[0]);}}),jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{color:"primary",size:"2xs",children:`${t.value}%`}),jsxRuntime.jsxs(ui.Flex,{gap:1,onClick:t.onMax,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",color:"primary",children:e("common.max")}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,size:"2xs",dp:t.base_dp,padding:false,children:t.max})]})]})]})};var Ke=t=>{let{base:e,base_dp:o,quote:i,quote_dp:r,sheetOpen:n,setSheetOpen:s,dialogOpen:a,setDialogOpen:l,quantity:c,price:u,submitting:m,priceErrorMsg:d,quantityErrorMsg:y,disabled:p,isMarketClose:x,position:F,maxQty:M,isBuy:T}=t,{t:f}=i18n.useTranslation(),D=f(x?"positions.marketClose":"positions.limitClose"),O=f(x?"orderEntry.orderType.market":"orderEntry.orderType.limit"),z=T?jsxRuntime.jsx(ui.Badge,{color:"success",size:"xs",children:f("common.buy")}):jsxRuntime.jsx(ui.Badge,{color:"danger",size:"xs",children:f("common.sell")}),et=jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",showIcon:true,children:F.symbol}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Badge,{color:"neutral",size:"xs",children:O}),z]})]}),L=jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:f("common.lastPrice")}),jsxRuntime.jsx(ui.Text.numeral,{dp:r,suffix:jsxRuntime.jsxs(ui.Text,{intensity:36,children:[" ",i]}),children:F.mark_price})]}),b=!x&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(ui.Flex,{width:"100%",direction:"column",gap:2,children:[jsxRuntime.jsx(ui.Input.tooltip,{prefix:f("common.price"),suffix:i,align:"right",fullWidth:true,autoComplete:"off",formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:d,color:d?"danger":void 0,value:u,onValueChange:t.updatePriceChange,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui.cn("oui-w-full oui-outline-line-12",d?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(ui.Input.tooltip,{prefix:f("common.quantity"),suffix:e,align:"right",fullWidth:true,autoComplete:"off",formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(o)],triggerClassName:"oui-w-full",tooltip:y,color:y?"danger":void 0,value:c,onBlur:()=>t.formatQuantityToBaseTick(c),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui.cn("oui-w-full oui-outline-line-12",y?"oui-outline-danger":void 0)}})]})}),ot=jsxRuntime.jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:o,max:M,onMax:t.onMax}),it=jsxRuntime.jsxs(ui.Flex,{width:"100%",gap:3,mt:2,children:[jsxRuntime.jsx(ui.Button,{fullWidth:true,color:"secondary",onClick:t.onCloseSheet,children:f("common.cancel")}),jsxRuntime.jsx(ui.ThrottledButton,{fullWidth:true,disabled:m||p,loading:m,onClick:h=>{h.stopPropagation(),h.preventDefault(),t.onDoubleConfirm();},children:f("common.confirm")})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"secondary",size:"sm",className:"oui-border-base-contrast-36",onClick:h=>{h.stopPropagation(),h.preventDefault(),s(true);},children:D}),jsxRuntime.jsx(ui.SimpleSheet,{title:D,open:n,onOpenChange:s,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,width:"100%",itemAlign:"start",className:"oui-text-sm",children:[et,jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),L,b,ot,it]})}),jsxRuntime.jsx(ui.SimpleDialog,{open:a,onOpenChange:l,size:"xs",children:x?jsxRuntime.jsx(Dt,{base:e,quantity:c,submitting:m,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true}):jsxRuntime.jsx(ae,{base:e,quoteDp:r,quantity:c,price:u,submitting:m,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var Xe=t=>{let{position:e,base:o,base_dp:i,quote_dp:r,price:n,quantity:s,submitting:a,dialogOpen:l,setDialogOpen:c,isMarketClose:u,popoverOpen:m,setPopoverOpen:d,maxQty:y,quantityErrorMsg:p,priceErrorMsg:x,isEntirePosition:F}=t,{t:M}=i18n.useTranslation(),T=jsxRuntime.jsxs(ui.Flex,{width:"100%",gap:2,mb:1,children:[jsxRuntime.jsx(ui.Input.tooltip,{ref:t.quantityInputRef,prefix:M("common.quantity"),suffix:F?jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,className:"oui-cursor-pointer oui-px-3",onClick:t.onEntirePosition,children:M("tpsl.entirePosition")}):o,align:"right",size:"md",fullWidth:true,autoComplete:"off",formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(i)],triggerClassName:"oui-w-full",tooltip:p,color:p?"danger":void 0,value:F?"":s,onBlur:()=>t.formatQuantityToBaseTick(s),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui.cn("oui-w-full oui-outline-line-12",p?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(ui.Button,{onClick:t.onMax,size:"md",variant:"outlined",className:ui.cn("oui-text-2xs",F?"oui-border-primary-light oui-text-primary-light hover:oui-bg-primary-light/20":"oui-border-line-12 oui-bg-base-6 oui-text-base-contrast-54 hover:oui-bg-base-5"),children:M("common.position")})]}),f=jsxRuntime.jsx(ui.Select.options,{variant:"text",size:"md",options:[{label:M("orderEntry.orderType.limit"),value:types.OrderType.LIMIT},{label:M("orderEntry.orderType.market"),value:types.OrderType.MARKET}],classNames:{trigger:"oui-w-[--radix-select-content-available-width]"},value:t.type,onValueChange:z=>{t.updateOrderType(z);},contentProps:{align:"end",className:"oui-border oui-border-line-6"}}),D=u,O=jsxRuntime.jsx(ui.Input.tooltip,{suffix:f,size:"md",fullWidth:true,autoComplete:"off",formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:x,color:x?"danger":void 0,value:n,onValueChange:t.updatePriceChange,placeholder:D?"--":"",disabled:D,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui.cn("oui-w-full oui-outline-line-12",x?"oui-outline-danger":void 0,D?"focus-within:oui-outline-line-12":void 0)}});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui.PopoverRoot,{open:m,onOpenChange:d,children:[jsxRuntime.jsx(ui.PopoverTrigger,{asChild:true,onClick:()=>{d(true);},children:jsxRuntime.jsx(ui.Button,{variant:"outlined",size:"sm",color:"secondary",children:M("positions.column.close")})}),jsxRuntime.jsx(ui.PopoverContent,{className:ui.cn("oui-w-[360px] oui-p-5",m?"oui-visible":"oui-invisible"),align:"end",side:"top",onOpenAutoFocus:z=>z.preventDefault(),children:jsxRuntime.jsxs(ui.Flex,{gapY:2,direction:"column",children:[T,jsxRuntime.jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:i,max:y,onMax:t.onMax}),jsxRuntime.jsx(ui.Divider,{my:2,intensity:8,className:"oui-w-full"}),O,jsxRuntime.jsx(se,{onConfirm:t.onDoubleConfirm,onCancel:t.onClosePopover,submitting:a,disabled:t.disabled})]})})]}),jsxRuntime.jsx(ui.SimpleDialog,{open:l,onOpenChange:c,size:"sm",children:u?jsxRuntime.jsx(Dt,{base:o,quantity:s,submitting:a,onClose:t.onCloseDialog,onConfirm:t.onConfirm,classNames:{root:"oui-items-start"},hideCloseIcon:true}):jsxRuntime.jsx(ae,{base:o,quoteDp:r,quantity:s,price:n,submitting:a,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var Ye=xr.createContext({}),J=()=>xr.useContext(Ye);var Je=t=>{let[e,o]=xr.useState(false),[i,r]=xr.useState(false),[n,s]=xr.useState(false),[a,l]=xr.useState(100),c=xr.useRef(null),[u]=hooks.useLocalStorage("orderly_order_confirm",true),{position:m,onSubmit:d,price:y,quantity:p,closeOrderData:x,submitting:F,updatePriceChange:M,updateOrderType:T,updateQuantity:f,errors:D,baseTick:O,type:z}=J(),{quote_dp:et,base_dp:L,base:b,quote:ot}=W(),{parseErrorMsg:it}=reactApp.useOrderEntryFormErrorMsg(D),h=m.position_qty>0,H=Math.abs(m.position_qty),te=t.type||z,ee=te===types.OrderType.MARKET,oe=H?.toString()===p.toString();xr.useEffect(()=>{e&&T(t.type);},[t.type,e]);let{priceErrorMsg:ie,quantityErrorMsg:$t}=xr.useMemo(()=>({priceErrorMsg:it("order_price"),quantityErrorMsg:it("order_quantity")}),[D]),ne=!!(ie||$t),Vt=xr.useCallback(gt=>{if(O&&O>0){let Gt=hooks.utils.formatNumber(gt,O)??gt;f(Gt);}},[O,f]),fn=xr.useCallback(gt=>{l(gt);let Gt=new utils.Decimal(gt).div(100).mul(H).toFixed(L,utils.Decimal.ROUND_DOWN);Vt(Gt);},[H,L,Vt]);xr.useEffect(()=>{let gt=Math.min(Number(p||0),H),Gt=new utils.Decimal(gt).div(H).mul(100).toDecimalPlaces(2,utils.Decimal.ROUND_DOWN).toNumber();l(Gt);},[p]);let yn=xr.useCallback(()=>{f(H?.toString());},[H,f]),Ae=xr.useCallback(()=>d().then(gt=>{o(false),r(false),s(false);}),[d]),gn=xr.useCallback(()=>u?(r(true),Promise.resolve()):Ae(),[Ae,u]),xn=xr.useCallback(()=>{o(false);},[]),bn=xr.useCallback(()=>{r(false);},[]),Pn=xr.useCallback(()=>{s(false);},[]),Cn=xr.useCallback(()=>{f("0"),c.current?.focus(),setTimeout(()=>{c.current?.setSelectionRange(0,1);},0);},[f]);return {position:m,closeOrderData:x,quote_dp:et,base_dp:L,base:b,quote:ot,price:y,quantity:p,submitting:F,onConfirm:Ae,onDoubleConfirm:gn,updatePriceChange:M,updateQuantity:f,formatQuantityToBaseTick:Vt,updateOrderType:T,sliderValue:a,onSliderValueChange:fn,priceErrorMsg:ie,quantityErrorMsg:$t,disabled:ne,isMarketClose:ee,maxQty:H,onMax:yn,isBuy:h,isEntirePosition:oe,type:te,quantityInputRef:c,onEntirePosition:Cn,sheetOpen:e,onCloseSheet:xn,setSheetOpen:o,dialogOpen:i,setDialogOpen:r,onCloseDialog:bn,popoverOpen:n,setPopoverOpen:s,onClosePopover:Pn}};var Mt=t=>{let e=Je(t),{isMobile:o}=ui.useScreen();return o?jsxRuntime.jsx(Ke,{...e}):jsxRuntime.jsx(Xe,{...e})};var Tt=()=>{let{position:t,baseDp:e,quoteDp:o,tpslOrder:i}=J(),{isMobile:r}=ui.useScreen();return jsxRuntime.jsx(ui.EditIcon,{onClick:()=>{let s=r?uiTpsl.TPSLDetailSheetId:uiTpsl.TPSLDetailDialogId;ui.modal.show(s,{order:i,position:t,baseDP:e,quoteDP:o});},opacity:1,className:"oui-cursor-pointer oui-text-base-contrast-54",size:16})},mt=t=>{let{position:e,baseDp:o,quoteDp:i,tpslOrder:r}=J(),[n]=hooks.useLocalStorage("orderly_order_confirm",true),{t:s}=i18n.useTranslation(),{isMobile:a}=ui.useScreen(),l=()=>{let c=a?uiTpsl.TPSLSheetId:uiTpsl.TPSLDialogId,u={position:e,baseDP:o,quoteDP:i,isEditing:false,positionType:t.positionType,onConfirm:(m,d)=>{if(!n)return Promise.resolve(true);let y=Math.abs(Number(e.position_qty));return `${m.tp_trigger_price??""}`.length===0&&`${m.sl_trigger_price??""}`.length===0?ui.modal.confirm({title:s("orders.cancelOrder"),content:s("tpsl.cancelOrder.description"),onOk:()=>d.cancel()}).then(()=>true,()=>Promise.reject(false)):ui.modal.confirm({title:s("tpsl.confirmOrder"),onOk:async()=>{try{let p=await d.submit({accountId:e.account_id});return p.success?p:(p.message&&ui.toast.error(p.message),!1)}catch(p){return p?.message&&ui.toast.error(p.message),false}},classNames:{body:"!oui-pb-0"},content:jsxRuntime.jsx(uiTpsl.PositionTPSLConfirm,{isPositionTPSL:t.positionType===types.PositionType.FULL,isEditing:false,symbol:m.symbol,qty:Number(m.quantity),maxQty:y,tpPrice:Number(m.tp_trigger_price),slPrice:Number(m.sl_trigger_price),side:m.side,orderInfo:m,quoteDP:i??2,baseDP:o??2})}).then(()=>true,()=>Promise.reject(false))}};ui.modal.show(c,u);};return jsxRuntime.jsx(ui.Text,{className:ui.cn("oui-text-base-contrast oui-cursor-pointer",a&&"oui-text-base-contrast-80"),onClick:l,children:s("tpsl.add")})},Pe=({symbol:t})=>t?jsxRuntime.jsxs("div",{className:"oui-flex oui-h-[18px] oui-items-center oui-gap-1 oui-rounded oui-bg-white/[0.06] oui-px-2 oui-text-2xs oui-font-semibold oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui.Text,{children:"Cross"}),jsxRuntime.jsx(us,{symbol:t})]}):null,us=({symbol:t})=>{let e=hooks.useSymbolLeverage(t);return jsxRuntime.jsx(ui.Text.numeral,{dp:0,size:"2xs",unit:"X",children:e!=="-"?e:"--"})};var si=t=>{let e=W();return jsxRuntime.jsx(ui.Text.numeral,{dp:e.base_dp,rm:utils.Decimal.ROUND_DOWN,padding:false,coloring:true,children:t})};var Ce=t=>{let{tick:e="quote_dp",children:o,...i}=t,r=W();if(!r)throw new Error("NumeralWithCtx must be used inside SymbolProvider");return jsxRuntime.jsx(ui.Text.numeral,{as:"span",dp:r[e],...i,children:o})};var li=t=>{let{orderNum:e,tpTriggerPrice:o,slTriggerPrice:i,direction:r="column"}=t,{partialTPSLOrder:n,quoteDp:s,baseDp:a}=J(),l=hooks.useSymbolsInfo(),{t:c}=i18n.useTranslation(),u=xr.useMemo(()=>{let d=[];return n?.symbol?(o&&d.push(jsxRuntime.jsx(ui.Text.formatted,{className:ui.cn("oui-text-trade-profit oui-gap-0 oui-decoration-white/20"),rule:"price",dp:l[n.symbol]("quote_dp",2),children:o,prefix:!i||r==="column"?jsxRuntime.jsx(ui.Text,{intensity:54,children:`${c("tpsl.tp")} - `}):""},"tp")),i&&d.push(jsxRuntime.jsx(ui.Text.formatted,{className:ui.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:l[n.symbol]("quote_dp",2),prefix:jsxRuntime.jsx(ui.Text,{intensity:54,children:`${c("tpsl.sl")} - `}),children:i},"sl")),d.length===0?jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL}):(d.length===2&&r==="row"&&d.splice(1,0,jsxRuntime.jsx(ui.Text,{children:"/"},"split")),d)):jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL})},[o,i,n?.symbol,c]),m=Array.isArray(u)?!!u.length:!u;return jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx("div",{className:ui.cn("oui-inline-flex oui-text-base-contrast-36",r==="column"?"oui-flex-col":"oui-flex-row oui-gap-1"),children:u}),m&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui.Text,{className:"oui-text-base-contrast-54",children:["(",e,")"]}),jsxRuntime.jsx(Tt,{})]})]})};var oo=t=>{if(t.sharePnLConfig==null)return jsxRuntime.jsx(jsxRuntime.Fragment,{});let{position:e}=t,o=hooks.useSymbolsInfo(),{data:i}=hooks.useAccountInfo(),r=()=>{let n=t.isPositionHistory?(()=>{let s=e.netPnL||0,a=Math.abs(e.avg_open_price),l=Math.abs(e.closed_position_qty),c;if(s!==0&&l!==0&&a!==0&&i&&typeof t.leverage=="number"){let u=o[e.symbol],m=u("base_imr"),d=i.imr_factor[e.symbol]||1;if(m){let y=perp.positions.notional(l,a),p=perp.account.IMR({maxLeverage:i.max_leverage,baseIMR:m,IMR_Factor:d,positionNotional:y,ordersNotional:0,IMR_factor_power:4/5}),x=perp.positions.unrealizedPnLROI({positionQty:l,openPrice:a,IMR:p,unrealizedPnL:s});c=new utils.Decimal(x*100).toFixed(2,utils.Decimal.ROUND_DOWN);}}return {side:e.side,pnl:s,roi:c,openPrice:a,closePrice:Math.abs(e.avg_close_price),openTime:e.open_timestamp,closeTime:e.close_timestamp,quantity:e.closed_position_qty}})():{side:e.position_qty>0?"LONG":"SHORT",pnl:e.unrealized_pnl,roi:new utils.Decimal(e.unrealized_pnl_ROI*100).toFixed(2,utils.Decimal.ROUND_DOWN),openPrice:Math.abs(e.average_open_price),markPrice:e.mark_price,openTime:e.timestamp,quantity:e.position_qty};ui.modal.show(t.modalId,{pnl:{entity:{symbol:e.symbol,...n},refCode:t.refCode,...t.sharePnLConfig}});};return jsxRuntime.jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),r();},children:jsxRuntime.jsx(ui.ShareIcon,{color:"white",opacity:.54,size:t.iconSize??16})})};var mi=t=>{let{sharePnLConfig:e,position:o,modalId:i,iconSize:r,isPositionHistory:n}=t,{getFirstRefCode:s}=hooks.useReferralInfo(),a=xr.useMemo(()=>s()?.code,[s]),l=hooks.useSymbolLeverage(t.position.symbol);return {iconSize:r,position:o,refCode:a,leverage:l,sharePnLConfig:e,modalId:i,isPositionHistory:n}};var dt=t=>{let e=mi(t);return jsxRuntime.jsx(oo,{...e})};var yi=t=>{let{stopLossPrice:e,takeProfitPrice:o}=t,{tpslOrder:i,position:r}=J();return jsxRuntime.jsx(As,{stopLossPrice:e,takeProfitPrice:o,direction:"column",order:i,position:r,tooltip:true})},pi=t=>{let{qty:e,price:o,entryPrice:i,orderSide:r,orderType:n,symbolInfo:s}=t,a=hooks.utils.priceToPnl({qty:e,price:o,entryPrice:i,orderSide:r,orderType:n},{symbol:s}),l=n===types.AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{intensity:54,className:"oui-mr-1",children:`${l} PnL:`}),jsxRuntime.jsx(ui.Text.formatted,{rule:"price",className:a===0?"oui-text-base-contrast-36":a>0?"oui-text-trade-profit oui-gap-0":"oui-text-trade-loss oui-gap-0",prefix:jsxRuntime.jsx(ui.Text,{children:a===0?"":a>0?"+":"-"}),suffix:jsxRuntime.jsx(ui.Text,{intensity:36,className:"oui-ml-1",children:"USDC"}),children:`${Math.abs(a)}`})]})},As=t=>{let{direction:e="row",order:o,position:i}=t,r=hooks.useSymbolsInfo(),{t:n}=i18n.useTranslation(),s=xr.useMemo(()=>{let u=[];if(!t.tooltip||!o||!i)return;let m=o.quantity;return m===0&&o.child_orders[0].type==="CLOSE_POSITION"&&(m=i.position_qty),t.takeProfitPrice&&u.push(jsxRuntime.jsx(pi,{qty:m,price:t.takeProfitPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:types.AlgoOrderType.TAKE_PROFIT,symbolInfo:r[o.symbol]()},"tp")),t.stopLossPrice&&u.push(jsxRuntime.jsx(pi,{qty:m,price:t.stopLossPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:types.AlgoOrderType.STOP_LOSS,symbolInfo:r[o.symbol]()},"sl")),jsxRuntime.jsx("div",{children:u})},[t.takeProfitPrice,t.stopLossPrice,i?.average_open_price,o?.side,o?.quantity,o?.algo_type]),a=xr.useMemo(()=>{let u=[];if(!o?.symbol)return jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL});return t.takeProfitPrice&&u.push(jsxRuntime.jsx(ui.Text.formatted,{className:ui.cn("oui-text-trade-profit oui-gap-0 oui-decoration-white/20"),rule:"price",dp:r[o.symbol]("quote_dp",2),children:t.takeProfitPrice,prefix:!t.stopLossPrice||e==="column"?jsxRuntime.jsx(ui.Text,{intensity:54,children:`${n("tpsl.tp")} - `}):""},"tp")),t.stopLossPrice&&u.push(jsxRuntime.jsx(ui.Text.formatted,{className:ui.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:r[o.symbol]("quote_dp",2),children:t.stopLossPrice,prefix:!t.takeProfitPrice||e==="column"?jsxRuntime.jsx(ui.Text,{intensity:54,children:`${n("tpsl.sl")} - `}):""},"sl")),u.length===0?jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL}):(u.length===2&&e==="row"&&u.splice(1,0,jsxRuntime.jsx(ui.Text,{children:"/"},"split")),u)},[t.takeProfitPrice,t.stopLossPrice,o?.symbol,n]),l=jsxRuntime.jsx("div",{className:ui.cn("oui-inline-flex oui-text-base-contrast-36",t.direction==="column"?"oui-flex-col":"oui-flex-row oui-gap-1",t.className),children:a}),c=Array.isArray(a)?!!a.length:!a;return t.tooltip?jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.Tooltip,{content:s,children:l}),c&&jsxRuntime.jsx(Tt,{})]}):l};var Ci=t=>{let[e,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,className:"oui-text-base-contrast-54 oui-items-start",children:[jsxRuntime.jsx(ui.Text,{children:i("positions.column.unrealPnl.tooltip")}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("div",{className:"oui-mb-0",children:i("positions.column.unrealPnl.priceBasis")}),jsxRuntime.jsx(Es,{value:e,onValueChange:o})]})},Es=t=>{let{value:e,onValueChange:o}=t,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsx(xi,{sel:e==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(xi,{sel:e==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},xi=t=>{let{sel:e,label:o,value:i,onCheckChange:r}=t;return jsxRuntime.jsxs(ui.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[e?jsxRuntime.jsx(zs,{}):jsxRuntime.jsx(Hs,{}),jsxRuntime.jsx(ui.Text,{size:"xs",intensity:e?98:54,children:o})]})},zs=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),Hs=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var so=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:i}=t,{t:r}=i18n.useTranslation(),n=xr.useRef(Date.now().toString());return xr.useMemo(()=>[{title:r("common.symbol"),dataIndex:"symbol",fixed:"left",width:140,onSort:(a,l)=>a.symbol.localeCompare(l.symbol),render:(a,l)=>jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsx(ui.Box,{width:4,height:20,className:ui.cn("oui-h-[38px] oui-rounded-[1px]",l.position_qty>0?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:c=>{i?.({symbol:a}),c.stopPropagation(),c.preventDefault();},children:`${a.split("_")[1]}-PERP`}),jsxRuntime.jsx(Pe,{symbol:a})]})]})},{title:r("common.quantity"),dataIndex:"position_qty",onSort:(a,l)=>a.position_qty-l.position_qty,width:120,className:"oui-pl-6",render:si},{title:r("common.avgOpen"),className:"oui-h-[48px]",width:120,onSort:true,dataIndex:"average_open_price",render:a=>jsxRuntime.jsx(Ce,{rm:utils.Decimal.ROUND_DOWN,children:a})},{title:r("common.markPrice"),dataIndex:"mark_price",width:120,onSort:true,className:"oui-h-[48px]",render:a=>jsxRuntime.jsx(Ce,{rm:utils.Decimal.ROUND_DOWN,children:a})},{title:jsxRuntime.jsx(ui.Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:r("positions.column.liqPrice.tooltip"),children:jsxRuntime.jsx(ui.Text,{children:r("positions.column.liqPrice")})}),width:100,onSort:true,dataIndex:"est_liq_price",render:a=>Number(a)===0?"--":jsxRuntime.jsx(Ce,{rm:utils.Decimal.ROUND_DOWN,className:Number(a)>0?"oui-text-warning-light":"",children:a??"--"})},{title:jsxRuntime.jsx(ui.HoverCard,{content:jsxRuntime.jsx(Ci,{}),side:"top",align:"center",className:"oui-max-w-[280px] oui-text-2xs",children:jsxRuntime.jsx(ui.Text,{children:r("common.unrealizedPnl")})}),dataIndex:"unrealized_pnl",width:180,onSort:true,rule:"price",numeralProps:{coloring:true},render:(a,l)=>jsxRuntime.jsxs(ui.Flex,{gap:2,children:[jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text.numeral,{dp:e,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",children:a}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:e,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",prefix:"(",suffix:")",children:l.unrealized_pnl_ROI})]}),jsxRuntime.jsx(dt,{position:l,sharePnLConfig:o,modalId:uiShare.SharePnLDialogId})]})},{title:r("common.fullTPSL"),dataIndex:"full_tpsl",width:150,render:(a,l)=>jsxRuntime.jsx(yi,{stopLossPrice:l.full_tp_sl?.sl_trigger_price,takeProfitPrice:l.full_tp_sl?.tp_trigger_price})},{title:r("common.partialTPSL"),dataIndex:"partial_tpsl",width:150,render:(a,l)=>jsxRuntime.jsx(li,{orderNum:l.partial_tp_sl?.order_num,tpTriggerPrice:l.partial_tp_sl?.tp_trigger_price,slTriggerPrice:l.partial_tp_sl?.sl_trigger_price})},{title:r("common.notional"),dataIndex:"notional",className:"oui-h-[48px]",width:100,onSort:true,render:a=>jsxRuntime.jsx(ui.Text.numeral,{dp:e,children:a})},{title:jsxRuntime.jsx(ui.Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,className:"oui-rounded-sm oui-bg-base-8 oui-text-base-contrast-54",children:[jsxRuntime.jsx("span",{children:r("positions.column.margin.tooltip")}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("span",{children:r("positions.column.margin.formula")})]}),children:jsxRuntime.jsx(ui.Text,{children:r("positions.column.margin")})}),dataIndex:"mm",onSort:true,width:100,rule:"price",render:a=>jsxRuntime.jsx(ui.Text.numeral,{children:a})},{title:r("funding.fundingFee"),dataIndex:"fundingFee",width:100,render:(a,l)=>jsxRuntime.jsx(lt,{fee:a,symbol:l.symbol,start_t:l.timestamp.toString(),end_t:n.current})},{title:null,dataIndex:"close_position",align:"right",width:70,fixed:"right",render(){return jsxRuntime.jsx(ui.Flex,{gapX:2,justify:"end",children:jsxRuntime.jsx(Mt,{})})}}],[e,o,r])};var Ti=t=>{let{item:e}=t,o=e.position_qty>0,{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"2xs",suffix:jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui.Badge,{color:o?"success":"danger",size:"xs",children:i(o?"common.long":"common.short")}),jsxRuntime.jsx(Pe,{symbol:e.symbol})]}),showIcon:true,onClick:()=>{t.onSymbolChange?.({symbol:e.symbol});},children:e.symbol})},Fi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",className:"oui-text-2xs",itemAlign:"end",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text,{intensity:36,children:o("common.unrealizedPnl")}),jsxRuntime.jsx(ui.Text,{intensity:20,children:"(USDC)"})]}),jsxRuntime.jsx(ui.Text.numeral,{size:"xs",dp:t.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"orderly-font-semibold",suffix:jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:t.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,prefix:"(",suffix:")",className:ui.cn("oui-ml-1",e.unrealized_pnl_ROI>0?"oui-text-success-darken":"oui-text-danger-darken"),children:e.unrealized_pnl_ROI}),children:e.unrealized_pnl})]}),jsxRuntime.jsx(dt,{position:e,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLBottomSheetId,iconSize:12})]})},wi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:o("common.qty"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,children:e.position_qty})})},Ii=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsxs("span",{children:[o("positions.column.margin"),jsxRuntime.jsx(ui.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.mm})})},vi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{align:"end",label:jsxRuntime.jsxs("span",{children:[o("common.notional"),jsxRuntime.jsx(ui.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.notional})})},Ni=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:o("common.avgOpen"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.average_open_price})})},Di=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:o("common.markPrice"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.mark_price})})},Li=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.est_liq_price&&e.est_liq_price>0?e.est_liq_price:"-";return jsxRuntime.jsx(ui.Statistic,{label:o("positions.column.liqPrice"),align:"end",classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,color:"warning",children:i})})},qi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=xr.useMemo(()=>e.full_tp_sl?.tp_trigger_price==null&&e.full_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL}):jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[2px]",children:[e.full_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(ui.Text.numeral,{color:"buy",children:e.full_tp_sl.tp_trigger_price}),e.full_tp_sl?.sl_trigger_price&&"/",e.full_tp_sl?.sl_trigger_price&&jsxRuntime.jsx(ui.Text.numeral,{color:"sell",children:e.full_tp_sl.sl_trigger_price}),jsxRuntime.jsx(Tt,{})]}),[e.full_tp_sl]),r=xr.useMemo(()=>e.partial_tp_sl?.tp_trigger_price==null&&e.partial_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL}):jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-[2px]",itemAlign:"center",children:[e.partial_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(ui.Text.numeral,{color:"buy",children:e.partial_tp_sl.tp_trigger_price}),e.partial_tp_sl?.sl_trigger_price&&"/",e.partial_tp_sl?.sl_trigger_price&&jsxRuntime.jsx(ui.Text.numeral,{color:"sell",children:e.partial_tp_sl.sl_trigger_price}),jsxRuntime.jsx(ui.Text,{children:`(${e.partial_tp_sl?.order_num})`}),jsxRuntime.jsx(Tt,{})]}),[e.partial_tp_sl]);return jsxRuntime.jsxs(ui.Grid,{cols:2,rows:1,gap:2,width:"100%",children:[jsxRuntime.jsxs(ui.Flex,{className:"oui-text-2xs oui-text-base-contrast-36",direction:"column",itemAlign:"start",children:[jsxRuntime.jsxs(ui.Text,{children:[o("common.fullTPSL"),": "]}),i]}),jsxRuntime.jsxs(ui.Flex,{className:"oui-text-2xs oui-text-base-contrast-36 oui-grid-cols-end",direction:"column",itemAlign:"end",children:[jsxRuntime.jsxs(ui.Text,{children:[o("common.partialTPSL"),": "]}),r]})]})},Ri=t=>{let{t:e}=i18n.useTranslation(),o=xr.useRef(Date.now().toString());return jsxRuntime.jsxs(ui.Flex,{justify:"end",className:"oui-w-full oui-text-2xs",children:[jsxRuntime.jsxs(ui.Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),jsxRuntime.jsx(lt,{fee:t.item.fundingFee,symbol:t.item.symbol,start_t:t.item.timestamp.toString(),end_t:o.current})]})};var ao=t=>{let{className:e,...o}=t,i=jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(Ti,{...t}),jsxRuntime.jsx(Fi,{...t})]}),r=jsxRuntime.jsxs(ui.Grid,{cols:3,rows:2,gap:2,width:"100%",children:[jsxRuntime.jsx(wi,{...t}),jsxRuntime.jsx(Ii,{...t}),jsxRuntime.jsx(vi,{...t}),jsxRuntime.jsx(Ni,{...t}),jsxRuntime.jsx(Di,{...t}),jsxRuntime.jsx(Li,{...t})]}),n=jsxRuntime.jsxs(ui.Grid,{width:"100%",gap:2,cols:2,rows:1,children:[jsxRuntime.jsx(Mt,{type:types.OrderType.LIMIT}),jsxRuntime.jsx(Mt,{type:types.OrderType.MARKET})]});return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",gap:2,p:2,r:"xl",itemAlign:"start",className:ui.cn(e,"oui-bg-base-9"),children:[i,jsxRuntime.jsx(ui.Divider,{intensity:6,className:"oui-w-full"}),r,jsxRuntime.jsx(qi,{...o}),jsxRuntime.jsx(Ri,{...o}),n]})};var lo=t=>{let e=W();return {...t,...e}};var uo=t=>{let e=lo(t);return jsxRuntime.jsx(ao,{...e,className:t.className})};var Fe=t=>{let{position:e,children:o,mutatePositions:i}=t,{t:r}=i18n.useTranslation(),[n,s]=xr.useState(Math.abs(e.position_qty).toString()),[a,l]=xr.useState(""),[c,u]=xr.useState(types.OrderType.MARKET);xr.useEffect(()=>{s(Math.abs(e.position_qty).toString());},[e.position_qty]);let m=e.symbol,d=hooks.useSymbolsInfo(),y=d?.[m],p=y("quote_dp"),x=y("base_dp"),F=y("base_tick"),{side:M,closeOrderData:T,submit:f,isMutating:D,errors:O,calculate:z}=hooks.usePositionClose({position:e,order:{type:c,quantity:n,price:a}}),et=xr.useCallback(h=>{let H=z({},"order_quantity",h,e.mark_price,y());s(H.order_quantity);},[z,d,e.mark_price]),L=xr.useCallback(h=>{let H=z({},"order_price",h,e.mark_price,y());l(H.order_price);},[z,d,e.mark_price]),b=xr.useCallback(h=>{u(h),l(h===types.OrderType.LIMIT?e.mark_price?.toString():"");},[e.mark_price]),ot=xr.useCallback(async()=>{if(Number(n)>y("base_max")){ui.toast.error(jsxRuntime.jsxs("div",{children:[r("positions.limitClose.errors.exceed.title"),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("div",{className:"oui-break-normal",children:r("positions.limitClose.errors.exceed.description",{quantity:n,symbol:la(m,"base"),maxQuantity:y("base_max")})})]}));return}return f().then(h=>{if(h.success)return i?.(),h;throw h.message&&ui.toast.error(h.message),true}).catch(h=>(h.message&&ui.toast.error(h.message),false))},[f]),it=xr.useMemo(()=>({quantity:n,price:a,type:c,side:M,position:e,updatePriceChange:L,updateQuantity:et,updateOrderType:b,tpslOrder:e.full_tp_sl?.algo_order,partialTPSLOrder:e.partial_tp_sl?.algo_order,onSubmit:ot,submitting:D,closeOrderData:T,quoteDp:p,baseDp:x,baseTick:F,errors:O}),[n,a,c,M,e,L,et,b,ot,D,T,p,x,F,O]);return jsxRuntime.jsx(Ye.Provider,{value:it,children:o})};function la(t,e="base"){let o=t.split("_"),i=o[0],r=o[1],n=o[2];return (e??"base-quote").replace("type",i).replace("base",r).replace("quote",n)}var zi=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,pagination:i,isLoading:r,dataSource:n,onSymbolChange:s}=t,a=so({pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:s});return jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:r,id:"oui-desktop-positions-content",columns:a,bordered:true,dataSource:n,generatedRowKey:l=>l.symbol,renderRowContainer:(l,c,u)=>jsxRuntime.jsx(St,{symbol:l.symbol,children:jsxRuntime.jsx(Fe,{position:l,children:u})}),manualPagination:false,pagination:i,testIds:{body:"oui-testid-dataList-position-tab-body"}})},Hi=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,dataSource:i,onSymbolChange:r}=t;return jsxRuntime.jsx(ui.ListView,{className:"oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",contentClassName:"!oui-space-y-1",dataSource:i,renderItem:(n,s)=>jsxRuntime.jsx(St,{symbol:n.symbol,children:jsxRuntime.jsx(Fe,{position:n,children:jsxRuntime.jsx(uo,{item:n,index:s,pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:r})})})})},Bi=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,pagination:i,isLoading:r,tableData:n,onSymbolChange:s,mutatePositions:a}=t,l=so({pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:s}),{dataSource:c=[]}=n;return jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:r,id:"oui-desktop-positions-content",columns:l,dataSource:c,expanded:true,getSubRows:u=>u.children,generatedRowKey:u=>u.id,onCell:(u,m)=>{if((m.children??[]).length>0)return {children:u.id==="symbol"?jsxRuntime.jsx(ui.Badge,{color:"neutral",size:"xs",children:m?.description||ui.formatAddress(m?.id)}):null}},renderRowContainer:(u,m,d)=>u.symbol?jsxRuntime.jsx(St,{symbol:u.symbol,children:jsxRuntime.jsx(Fe,{position:u,mutatePositions:a,children:d})}):d,manualPagination:false,pagination:i,testIds:{body:"oui-testid-dataList-position-tab-body"}})};var pa=t=>{let e=Qe(t);return jsxRuntime.jsx(zi,{...e})},fa=t=>{let e=Qe(t);return jsxRuntime.jsx(Hi,{...e})},ya=t=>{let e=Vo(t);return jsxRuntime.jsx(Bi,{...e})};var Ui=t=>{let{onSymbolChange:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=i18n.useTranslation();return xr.useMemo(()=>[{title:i("common.symbol"),dataIndex:"symbol",fixed:"left",width:200,onSort:(n,s)=>n.symbol.localeCompare(s.symbol),render:(n,s)=>jsxRuntime.jsx(Ca,{record:s,onSymbolChange:e})},{title:i("positions.history.column.closed&maxClosed"),dataIndex:"close_maxClose",width:200,render:(n,s)=>jsxRuntime.jsx(ha,{record:s})},{title:i("positions.history.column.netPnl"),dataIndex:"netPnL",width:140,onSort:(n,s)=>n.netPnL==null||s.netPnL==null?-1:(n.netPnL??0)-(s.netPnL??0),render:(n,s)=>jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(_a,{record:s,pnlNotionalDecimalPrecision:o}),jsxRuntime.jsx(dt,{position:s,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLDialogId,isPositionHistory:true})]})},{title:i("common.avgPrice"),dataIndex:"avg_open",width:140,render:(n,s)=>{let a=s.avg_open_price!=null?Math.abs(s.avg_open_price):"--",{quote_dp:l}=W();return jsxRuntime.jsx(ui.Text.numeral,{dp:l,padding:false,children:a})}},{title:i("common.avgClose"),dataIndex:"avg_close",width:175,render:(n,s)=>{let a=s.avg_close_price!=null?Math.abs(s.avg_close_price):"--",{quote_dp:l}=W();return jsxRuntime.jsx(ui.Text.numeral,{dp:l,padding:false,children:a})}},{title:i("funding.fundingFee"),dataIndex:"accumulated_funding_fee",render:(n,s)=>jsxRuntime.jsx(lt,{fee:-n,symbol:s.symbol,start_t:s.open_timestamp.toString(),end_t:s.close_timestamp?.toString()})},{title:i("positions.history.column.timeOpened"),dataIndex:"open_timestamp",width:175,onSort:true,render:(n,s)=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:s.open_timestamp})},{title:i("positions.history.column.timeClosed"),dataIndex:"close_timestamp",width:175,onSort:true,render:(n,s)=>s.position_status=="closed"&&s.close_timestamp?jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:s.close_timestamp??"--"}):"--"},{title:i("positions.history.column.updatedTime"),dataIndex:"last_update_time",width:175,onSort:true,render:(n,s)=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:s.last_update_time})}],[o,i])},Ca=t=>{let{record:e,onSymbolChange:o}=t,{t:i}=i18n.useTranslation(),r=xr.useMemo(()=>{let n=[],s=e.position_status,a=()=>s==="closed"?i("positions.history.status.closed"):s==="partial_closed"?i("positions.history.status.partialClosed"):ui.capitalizeFirstLetter(s.replace("_"," "));return n.push(jsxRuntime.jsx(ui.Badge,{color:s!=="closed"?"primaryLight":"neutral",size:"xs",className:"oui-break-normal oui-whitespace-nowrap",children:a()})),e.type==="adl"?n.push(jsxRuntime.jsx(ui.Badge,{color:"danger",size:"xs",children:i("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsxRuntime.jsx(ui.Tooltip,{className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},content:jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[e.liquidation_id!=null&&jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("positions.history.liquidated.liquidationId")}),jsxRuntime.jsx(ui.Text,{intensity:98,children:e.liquidation_id})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("positions.history.liquidated.liquidatorFee")}),jsxRuntime.jsxs(ui.Text,{color:"lose",children:[e.liquidator_fee>0&&"-",utils.commifyOptional(e.liquidator_fee)]})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("positions.history.liquidated.insFundFee")}),jsxRuntime.jsxs(ui.Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",utils.commifyOptional(e.insurance_fund_fee)]})]})]}),children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",children:jsxRuntime.jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:i("positions.history.type.liquidated")})})})})),n},[e,i]);return jsxRuntime.jsxs(ui.Flex,{gap:2,height:48,children:[jsxRuntime.jsx(ui.Box,{width:4,height:38,className:ui.cn("oui-rounded-[1px] oui-shrink-0",e.side==="LONG"?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:n=>{o?.({symbol:e.symbol}),n.stopPropagation(),n.preventDefault();},children:`${e.symbol.split("_")[1]}-PERP`}),jsxRuntime.jsx(ui.Flex,{gap:1,children:r})]})]})},ha=t=>{let{record:e}=t,{base_dp:o}=W();return jsxRuntime.jsxs(ui.Flex,{gap:1,direction:"column",itemAlign:"start",className:"oui-overflow-hidden oui-whitespace-nowrap oui-text-ellipsis",children:[jsxRuntime.jsx(ui.Text.numeral,{dp:o,padding:false,children:Math.abs(e.closed_position_qty)}),jsxRuntime.jsx(ui.Text.numeral,{dp:o,padding:false,className:"oui-truncate",children:Math.abs(e.max_position_qty)})]})},_a=t=>{let{record:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=i18n.useTranslation(),r=e.netPnL!=null?e.netPnL:void 0,n=()=>jsxRuntime.jsx(ui.Text.numeral,{dp:o,color:e.netPnL!=null?e.netPnL>0?"profit":"lose":void 0,className:r==null?"":"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:r??"--"});return e.netPnL==null?n():jsxRuntime.jsx(ui.Tooltip,{delayDuration:200,content:jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[jsxRuntime.jsx(ui.Text,{intensity:80,children:i("positions.history.column.netPnl")}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("common.realizedPnl")}),jsxRuntime.jsx(ui.Text,{color:e.realized_pnl>=0?"profit":"lose",className:"oui-cursor-pointer",children:utils.commifyOptional(e.realized_pnl)})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("funding.fundingFee")}),jsxRuntime.jsx(ui.Text,{color:e.accumulated_funding_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:utils.commifyOptional(-e.accumulated_funding_fee)})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:i("positions.history.netPnl.tradingFee")}),jsxRuntime.jsx(ui.Text,{color:e.trading_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:utils.commifyOptional(-e.trading_fee)})]})]}),className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children:jsxRuntime.jsx("div",{children:n()})})};function k(t){if(t==null)return t;let e=new Date(t);return e.setHours(0,0,0,0),e}function E(t){if(t==null)return t;let e=new Date(t);return e.setHours(23,59,59,999),e}var zt=t=>({from:k(t.from),to:E(t.to??t.from)}),Ht=(t,e)=>t.getTime()===e.getTime();var Ie=t=>{let{onSymbolChange:e,symbol:o,pnlNotionalDecimalPrecision:i}=t,{state:r}=hooks.useAccount(),{data:n,isLoading:s}=hooks.usePrivateQuery(o?`/v1/position_history?symbol=${o}&limit=1000`:"/v1/position_history?limit=1000",{formatter(T){return (T.rows??null)?.map(f=>{if(f.realized_pnl!=null&&f.accumulated_funding_fee!=null&&f.trading_fee!=null){let D=f.realized_pnl-f.accumulated_funding_fee-f.trading_fee;return {...f,netPnL:D}}return f})},revalidateOnFocus:true}),{pagination:a,setPage:l}=ui.usePagination({pageSize:10}),{status:c,side:u,dateRange:m,filterDays:d,updateFilterDays:y,filterItems:p,onFilter:x}=La();xr.useEffect(()=>{l(1);},[c,u,m,d,o]);let F=xr.useMemo(()=>n==null?n:n.filter(T=>{let f=u==="all"?true:T.side.toLowerCase()===u.toLowerCase(),D=c==="all"?true:T.position_status.toLowerCase()===c.toLowerCase(),O=T?.last_update_time??T.open_timestamp,z=m.from&&m.to?O>=m.from.getTime()&&O<=m.to.getTime():true,et=o?T.symbol==o:true;return f&&D&&z&&et}),[c,u,m,n,o]);return {dataSource:reactApp.useDataTap(F,{accountStatus:r.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:[]}),isLoading:s,onSymbolChange:e,pagination:a,filterItems:p,onFilter:x,symbol:o,filterDays:d,updateFilterDays:y,pnlNotionalDecimalPrecision:i}},La=()=>{let{t}=i18n.useTranslation(),[e,o]=xr.useState("all"),[i,r]=xr.useState("all"),n=zt({to:E(new Date),from:k(dateFns.subDays(new Date,89))}),[s,a]=xr.useState(90),[l,c]=xr.useState(n),u=p=>{a(p),c({from:k(dateFns.subDays(new Date,p-1)),to:E(new Date)});},m=p=>{if(p.name==="side"&&r(p.value),p.name==="status"&&o(p.value),p.name==="dateRange"){let x=zt(p.value);if(c(x),x.from&&x.to){let F=Math.abs(dateFns.differenceInDays(x.from,x.to))+1,T={1:{from:k(new Date),to:E(new Date)},7:{from:k(dateFns.subDays(new Date,6)),to:E(new Date)},30:{from:k(dateFns.subDays(new Date,29)),to:E(new Date)},90:{from:k(dateFns.subDays(new Date,89)),to:E(new Date)}}[F];T&&Ht(T.from,x.from)&&Ht(T.to,x.to)?a(F):a(null);}}},{isMobile:d}=ui.useScreen();return {filterItems:xr.useMemo(()=>{let p={type:"select",name:"side",options:[{label:t("common.side.all"),value:"all"},{label:t("common.buy"),value:"LONG"},{label:t("common.sell"),value:"SHORT"}],value:i},x={type:"range",name:"dateRange",value:l,fromDate:k(dateFns.subDays(new Date,89)),toDate:E(new Date)},F={type:"select",name:"status",options:[{label:t("common.status.all"),value:"all"},{label:t("positions.history.status.closed"),value:"closed"},{label:t("positions.history.status.partialClosed"),value:"partial_closed"}],value:e};return d?[p,F]:[p,F,x]},[i,e,l]),onFilter:m,side:i,dateRange:l,status:e,filterDays:s,updateFilterDays:u}};var Gi=t=>{let{side:e,symbol:o}=t.item,{t:i}=i18n.useTranslation(),r=e==="LONG";return jsxRuntime.jsx(ui.Text.formatted,{intensity:80,rule:"symbol",formatString:"base-type",size:"sm",prefix:jsxRuntime.jsx(ui.Badge,{color:r?"success":"danger",size:"xs",children:i(r?"common.buy":"common.sell")}),onClick:()=>{t.onSymbolChange?.({symbol:o});},children:o})};var Ki=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=()=>{ui.modal.alert({title:o("positions.liquidation"),message:jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[e.liquidation_id!=null&&jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{children:o("positions.history.liquidated.liquidationId")}),jsxRuntime.jsx(ui.Text,{intensity:98,children:e.liquidation_id})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{children:o("positions.history.liquidated.liquidatorFee")}),jsxRuntime.jsxs(ui.Text,{color:"lose",children:[e.liquidator_fee>0&&"-",utils.commifyOptional(e.liquidator_fee)]})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{children:o("positions.history.liquidated.insFundFee")}),jsxRuntime.jsxs(ui.Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",utils.commifyOptional(e.insurance_fund_fee)]})]})]})});},r=xr.useMemo(()=>{let n=[],s=e.position_status,a=()=>s==="closed"?o("positions.history.status.closed"):s==="partial_closed"?o("positions.history.status.partialClosed"):ui.capitalizeFirstLetter(s.replace("_"," "));return n.push(jsxRuntime.jsx(ui.Badge,{color:s!=="closed"?"primaryLight":"neutral",size:"xs",children:a()})),e.type==="adl"?n.push(jsxRuntime.jsx(ui.Badge,{color:"danger",size:"xs",children:o("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsxRuntime.jsx(ui.Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",onClick:i,children:jsxRuntime.jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:o("positions.history.type.liquidated")})})),n},[e]);return jsxRuntime.jsx(ui.Flex,{gap:1,children:r})},Xi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.closed_position_qty!=null?Math.abs(e.closed_position_qty):"--";return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{children:o("positions.history.column.closed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Yi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.max_position_qty!=null?Math.abs(e.max_position_qty):"--";return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{children:o("positions.history.column.maxClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Ji=t=>{let{item:e}=t,o=e.avg_open_price!=null?Math.abs(e.avg_open_price):"--",{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[i("common.avgOpen"),jsxRuntime.jsx(ui.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},Zi=t=>{let{item:e}=t,o=e.avg_close_price!=null?Math.abs(e.avg_close_price):"--",{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[i("common.avgClose"),jsxRuntime.jsx(ui.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},ji=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{children:o("positions.history.column.timeOpened")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:jsxRuntime.jsx(ui.Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.open_timestamp})})},tn=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.position_status=="closed"&&e.close_timestamp?jsxRuntime.jsx(ui.Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.close_timestamp}):"--";return jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{children:o("positions.history.column.timeClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:i})},en=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"end",className:"oui-text-2xs oui-w-full oui-py-2 oui-gap-1 oui-gap-1",children:[jsxRuntime.jsxs(ui.Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),jsxRuntime.jsx(lt,{fee:-t.item.accumulated_funding_fee,symbol:t.item.symbol,start_t:t.item.open_timestamp.toString(),end_t:t.item.close_timestamp?.toString()})]})};var Po=t=>jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsxRuntime.jsx(Ha,{...t}),jsxRuntime.jsx(ui.Divider,{intensity:6,className:"oui-w-full"}),jsxRuntime.jsx(Ba,{...t})]}),Ha=t=>{let{t:e}=i18n.useTranslation(),o=()=>{let{item:i}=t;ui.modal.alert({title:e("positions.history.column.netPnl"),message:jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:e("common.realizedPnl")}),jsxRuntime.jsx(ui.Text,{color:i.realized_pnl>=0?"profit":"lose",children:utils.commifyOptional(i.realized_pnl)})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:e("funding.fundingFee")}),jsxRuntime.jsx(ui.Text,{color:i.accumulated_funding_fee>0?"lose":"profit",children:utils.commifyOptional(-i.accumulated_funding_fee)})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:e("positions.history.netPnl.tradingFee")}),jsxRuntime.jsx(ui.Text,{color:i.trading_fee>0?"lose":"profit",children:utils.commifyOptional(-i.trading_fee)})]})]})});};return jsxRuntime.jsxs(ui.Flex,{gap:1,width:"100%",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsxRuntime.jsx(Gi,{...t}),jsxRuntime.jsx(Ki,{...t})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("positions.history.column.netPnl")}),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx("button",{onClick:o,children:jsxRuntime.jsx(ui.Text.numeral,{size:"xs",coloring:true,children:t.item.netPnL??"--"})}),jsxRuntime.jsx(dt,{position:t.item,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLBottomSheetId,iconSize:12,isPositionHistory:true})]})]})]})},Ba=t=>jsxRuntime.jsxs("div",{className:"oui-w-full",children:[jsxRuntime.jsxs(ui.Grid,{cols:3,rows:2,width:"100%",gap:0,className:"oui-grid-cols-[1fr,1fr,135px]",children:[jsxRuntime.jsx(Xi,{...t}),jsxRuntime.jsx(Yi,{...t}),jsxRuntime.jsx(ji,{...t}),jsxRuntime.jsx(Ji,{...t}),jsxRuntime.jsx(Zi,{...t}),jsxRuntime.jsx(tn,{...t})]}),jsxRuntime.jsx(en,{...t})]});var Co=t=>{let e=W();return {...t,...e}};var ho=t=>{let e=Co(t);return jsxRuntime.jsx(Po,{...e})};var To=t=>{let{onSymbolChange:e,pagination:o,pnlNotionalDecimalPrecision:i}=t,r=Ui({onSymbolChange:e,pnlNotionalDecimalPrecision:i,sharePnLConfig:t.sharePnLConfig}),{t:n}=i18n.useTranslation(),s=xr.useMemo(()=>({1:n("common.select.1d"),7:n("common.select.7d"),30:n("common.select.30d"),90:n("common.select.90d")}),[n]);return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[t.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:t.filterItems,onFilter:a=>{t.onFilter(a);}}),[1,7,30,90].map(a=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:t.filterDays===a?"brand":void 0,className:ui.cn("oui-whitespace-nowrap oui-break-normal",t.filterDays!==a?"oui-text-base-contrast-54":""),children:s[a]||`${a}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(a);}})]},`item-${a}`))]}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:t.isLoading,id:"oui-desktop-positions-content",columns:r,bordered:true,dataSource:t.dataSource,generatedRowKey:a=>`${a.symbol}_${a.position_id}`,renderRowContainer:(a,l,c)=>jsxRuntime.jsx(St,{symbol:a.symbol,children:c}),manualPagination:false,pagination:o,testIds:{body:"oui-testid-dataList-positionHistory-tab-body"},classNames:{root:"!oui-h-[calc(100%_-_49px)]"}})]})},Fo=t=>jsxRuntime.jsxs(ui.Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsxRuntime.jsx(ui.Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsxRuntime.jsx(ui.DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsxRuntime.jsx(ui.ListView,{className:ui.cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:ui.cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,renderItem:(e,o)=>jsxRuntime.jsx(St,{symbol:e.symbol,children:jsxRuntime.jsx(ho,{item:e,index:o,onSymbolChange:t.onSymbolChange,classNames:{root:t.classNames?.cell},sharePnLConfig:t.sharePnLConfig})})})]});var Xa=t=>{let e=Ie(t);return jsxRuntime.jsx(To,{...e,sharePnLConfig:t.sharePnLConfig})},Ya=t=>{let{classNames:e,...o}=t,i=Ie(o);return jsxRuntime.jsx(Fo,{...i,classNames:e,sharePnLConfig:t.sharePnLConfig})};var sn=t=>{let{t:e}=i18n.useTranslation();return xr.useMemo(()=>[{title:e("common.time"),dataIndex:"timestamp",fixed:"left",width:202,render:i=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:i})},{title:e("positions.Liquidation.column.liquidationId"),dataIndex:"liquidation_id",width:202,render:i=>jsxRuntime.jsx(ui.Text,{children:i})},{title:e("positions.Liquidation.column.insFundTransfer"),dataIndex:"transfer_amount_to_insurance_fund",width:202,render:i=>jsxRuntime.jsx(ui.Text,{children:utils.commifyOptional(i)})},{title:e("common.symbol"),dataIndex:"Symbol",width:202,render:(i,r)=>jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-quote",children:n.symbol}))})},{title:`${e("common.price")} (USDC)`,dataIndex:"Price_(USDC)",width:202,render:(i,r)=>jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(wo,{value:n.transfer_price,type:"quote"}))})},{title:e("common.quantity"),dataIndex:"Quantity",width:202,render:(i,r)=>jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(wo,{value:n.position_qty,type:"base"}))})},{title:e("positions.Liquidation.column.liquidationFee"),dataIndex:"abs_liquidation_fee",width:202,render:(i,r)=>jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(wo,{value:n.abs_liquidation_fee,type:"quote"}))})}],[e])},wo=t=>jsxRuntime.jsx(ui.Text,{children:utils.commifyOptional(t.value)});var an=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("common.price")}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:20,children:"(USDC)"})]}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.transfer_price)})]})},ln=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("common.quantity")}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.position_qty)})]})},un=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("positions.Liquidation.column.liquidationFee")}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.abs_liquidation_fee)})]})};var No=t=>jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsxRuntime.jsx(il,{...t}),jsxRuntime.jsx(nl,{...t})]},t.item.timestamp),il=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{gap:1,width:"100%",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsxRuntime.jsx(ui.Text.formatted,{size:"2xs",intensity:36,rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:t.item.timestamp}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.liquidationId")}:`}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:` ${t.item.liquidation_id}`})]})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.insFundTransfer")}:`}),jsxRuntime.jsx(ui.Text,{intensity:80,size:"xs",children:utils.commifyOptional(t.item.transfer_amount_to_insurance_fund)})]})]})},nl=t=>jsxRuntime.jsx(ui.Flex,{direction:"column",width:"100%",children:t.item.positions_by_perp?.map((e,o)=>jsxRuntime.jsx(rl,{isLast:o===t.item.positions_by_perp.length-1,...e},`${o}-${e.symbol}`))}),rl=t=>jsxRuntime.jsxs(ui.Flex,{width:"100%",itemAlign:"start",className:ui.cn("oui-border-t-[1px] oui-border-line-6 oui-pt-2",!t.isLast&&"oui-pb-2"),children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-quote",size:"xs",intensity:80,className:"oui-flex-1",children:t.symbol}),jsxRuntime.jsxs(ui.Grid,{cols:1,rows:3,width:"100%",gap:1,className:"oui-flex-1",children:[jsxRuntime.jsx(an,{...t}),jsxRuntime.jsx(ln,{...t}),jsxRuntime.jsx(un,{...t})]})]},t.key);var Do=t=>({...t});var Lo=t=>{let{classNames:e,...o}=t,i=Do(o);return jsxRuntime.jsx(No,{classNames:e,...i})};var Ro=t=>{let e=sn();return jsxRuntime.jsxs(ui.Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxRuntime.jsxs(ui.Flex,{gap:3,children:[t.filterItems.length>0&&jsxRuntime.jsx(ui.DataFilter,{items:t.filterItems,onFilter:o=>{t.onFilter(o);}}),[1,7,30,90].map(o=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui.Text.gradient,{color:t.filterDays===o?"brand":void 0,className:t.filterDays!==o?"oui-text-base-contrast-54":"",children:`${o}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(o);}})]},`item-${o}`))]}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:t.isLoading,id:"oui-desktop-liquidation-content",columns:e,bordered:true,dataSource:t.dataSource,generatedRowKey:o=>`${o.liquidation_id}`,pagination:t.pagination,testIds:{body:"oui-testid-dataList-liquidation-tab-body"},classNames:{root:"!oui-h-[calc(100%_-_49px)]"}})]})},Mo=t=>jsxRuntime.jsxs(ui.Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsxRuntime.jsx(ui.Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsxRuntime.jsx(ui.DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsxRuntime.jsx(ui.ListView,{className:ui.cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:ui.cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,loadMore:t.loadMore,renderItem:(e,o)=>jsxRuntime.jsx(Lo,{item:e,index:o,classNames:{root:t.classNames?.cell}})})]});var Me=t=>{let{symbol:e,enableLoadMore:o}=t,{page:i,pageSize:r,setPage:n,pagination:s,parsePagination:a}=ui.usePagination({pageSize:10}),{dateRange:l,filterDays:c,updateFilterDays:u,filterItems:m,onFilter:d}=bl();xr.useEffect(()=>{n(1);},[e,l,c]);let[y,{meta:p,isLoading:x,loadMore:F}]=xl({page:o?void 0:i,size:r,symbol:e,start_t:l.from!=null?l.from.getTime():void 0,end_t:l.to!=null?l.to.getTime():void 0});return {dataSource:reactApp.useDataTap(y,{fallbackData:[]}),isLoading:x,loadMore:F,pagination:a(p),dateRange:l,filterDays:c,updateFilterDays:u,filterItems:m,onFilter:d}},xl=t=>{let e=hooks.usePrivateInfiniteQuery(Pl(t),{initialSize:1,formatter:s=>s,revalidateOnFocus:true}),o=xr.useMemo(()=>e.data?.[0]?.meta,[e.data?.[0]]),i=xr.useMemo(()=>e.data?.map(s=>s.rows)?.flat(),[e.data]),r=e.isLoading;return [i,{meta:o,isLoading:r,loadMore:()=>{e.setSize(e.size+1);}}]},bl=()=>{let t=zt({to:E(new Date),from:k(dateFns.subDays(new Date,89))}),[e,o]=xr.useState(90),[i,r]=xr.useState(t),n=c=>{o(c),r({from:k(dateFns.subDays(new Date,c-1)),to:E(new Date)});},s=c=>{if(c.name==="dateRange"){let u=zt(c.value);if(r(u),u.from&&u.to){let m=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,y={1:{from:k(new Date),to:E(new Date)},7:{from:k(dateFns.subDays(new Date,6)),to:E(new Date)},30:{from:k(dateFns.subDays(new Date,29)),to:E(new Date)},90:{from:k(dateFns.subDays(new Date,89)),to:E(new Date)}}[m];y&&Ht(y.from,u.from)&&Ht(y.to,u.to)?o(m):o(null);}}},{isMobile:a}=ui.useScreen();return {filterItems:xr.useMemo(()=>{let c={type:"range",name:"dateRange",value:i,fromDate:k(dateFns.subDays(new Date,89)),toDate:E(new Date)};return a?[c]:[c]},[i]),onFilter:s,dateRange:i,filterDays:e,updateFilterDays:n}},Pl=t=>(e,o)=>{if(o&&!o.rows?.length)return null;let{symbol:i,size:r=10,page:n,end_t:s,start_t:a}=t,l=new URLSearchParams([["size",r.toString()],["page",`${e+1}`]]);return n&&l.set("page",`${n}`),i&&l.set("symbol",i),s&&l.set("end_t",`${s}`),a&&l.set("start_t",`${a}`),`/v1/liquidations?${l.toString()}`};var Cl=t=>{let e=Me(t);return jsxRuntime.jsx(Ro,{...e})},hl=t=>{let{classNames:e,...o}=t,i=Me(o);return jsxRuntime.jsx(Mo,{classNames:e,...i})};var Sl="MarketCloseConfirmID";ui.registerSimpleDialog(Sl,Dt,{size:"md",closable:false});
|
|
22
|
+
var ko=t=>{let{hideCloseIcon:e=false}=t;return jsxRuntime.jsxs("div",{className:"oui-relative oui-w-full oui-border-b oui-border-line-4 oui-pb-3",children:[jsxRuntime.jsx(ui$1.Text,{size:"base",children:t.title}),!e&&jsxRuntime.jsx("button",{onClick:t.onClose,className:"oui-absolute oui-right-0 oui-top-0 oui-p-2 oui-text-base-contrast-54 hover:oui-text-base-contrast-80",children:jsxRuntime.jsx(ui$1.CloseIcon,{size:18,color:"white"})})]})},se=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{id:"oui-positions-confirm-footer",gap:2,width:"100%",className:"oui-mt-3 oui-pb-1",children:[jsxRuntime.jsx(ui$1.Button,{id:"oui-positions-confirm-footer-cancel-button",color:"secondary",fullWidth:true,onClick:t.onCancel,size:"md",children:e("common.cancel")}),jsxRuntime.jsx(ui$1.ThrottledButton,{id:"oui-positions-confirm-footer-confirm-button",onClick:t.onConfirm,fullWidth:true,loading:t.submitting,disabled:t.disabled,size:"md",children:e("common.confirm")})]})},vn=t=>{let{quantity:e,price:o,quoteDp:i,side:r}=t,{t:n}=i18n.useTranslation(),a=br.useMemo(()=>o&&e?new utils.Decimal(o).mul(e).toFixed(i,utils.Decimal.ROUND_DOWN):"--",[o,e]);return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,width:"100%",className:"oui-text-sm oui-text-base-contrast-54",py:5,children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text,{children:n("common.qty")}),jsxRuntime.jsx(ui$1.Text,{color:r===types.OrderSide.BUY?"success":"danger",children:e})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text,{children:n("common.price")}),jsxRuntime.jsx(ui$1.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:"USDC"}),children:o})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(ui$1.Text,{children:n("common.notional")}),jsxRuntime.jsx(ui$1.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:"USDC"}),children:a})]})]})},Nt=t=>{let{t:e}=i18n.useTranslation(),o=()=>{(t?.onClose??t.close)?.();};return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",className:t.classNames?.root,children:[jsxRuntime.jsx(ko,{onClose:o,title:e("positions.marketClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"sm",className:"oui-my-5",children:e("positions.marketClose.description",{quantity:utils.commifyOptional(t.quantity),base:t.base})}),jsxRuntime.jsx(se,{onCancel:o,onConfirm:async()=>{await t.onConfirm?.(),o();},submitting:t.submitting})]})},ae=t=>{let{order:e,quoteDp:o,quantity:i,price:r}=t,{side:n}=e,{t:a}=i18n.useTranslation(),s=()=>{t.onClose?.();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ko,{onClose:s,title:a("positions.limitClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(ui$1.Box,{mt:5,children:jsxRuntime.jsx(ui$1.Text,{intensity:54,size:"sm",children:a("positions.limitClose.description",{quantity:utils.commify(t.quantity),base:t.base})})}),jsxRuntime.jsxs(ui$1.Flex,{gap:2,mb:4,mt:5,justify:"between",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:e.symbol}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Badge,{color:"neutral",size:"xs",children:a("orderEntry.orderType.limit")}),jsxRuntime.jsx(ui$1.Badge,{color:n===types.OrderSide.BUY?"success":"danger",size:"xs",children:n===types.OrderSide.BUY?a("common.buy"):a("common.sell")})]})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(vn,{className:"oui-text-sm",price:r,quantity:i,side:e.side,quoteDp:o??2}),jsxRuntime.jsx(se,{onCancel:s,onConfirm:t.onConfirm,submitting:t.submitting})]})};var Oe=br.createContext({}),Y=()=>br.useContext(Oe);function Ho(t,e){let o=br.useRef(),i=br.useRef(e);i.current=e,br.useEffect(()=>{let r={root:null,rootMargin:"0px",threshold:0},n=a=>{a.forEach(s=>{s.isIntersecting&&i.current?.();});};return o.current=new IntersectionObserver(n,r),()=>{o.current?.disconnect();}},[]),br.useEffect(()=>{o.current?.observe(t.current);},[]);}var Bo=t=>{let e=br.useRef(null),{onEndReached:o}=t;return Ho(e,()=>{o?.();}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t.children,jsxRuntime.jsx("div",{ref:e,className:"oui-relative oui-invisible oui-h-[25px] oui-bg-red-400 oui-top-[-300px]"})]})};var le=({total:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=i18n.useTranslation(),{isMobile:n}=ui$1.useScreen(),{isLoading:a,data:s,setSize:l}=hooks.usePrivateInfiniteQuery((d,g)=>g&&!g.length?null:`/v1/funding_fee/history?page=${d}&symbol=${e}&start_t=${o}&end_t=${i}`,{revalidateFirstPage:false}),m=br.useCallback(()=>{l(d=>d+1);},[l]),u=br.useMemo(()=>Array.isArray(s)?s.flat().map(d=>({...d,funding_fee:-d.funding_fee})):[],[s]),c=br.useMemo(()=>n?jsxRuntime.jsx(Un,{data:u??types.EMPTY_LIST,isLoading:a,loadMore:m}):jsxRuntime.jsx(Qn,{data:u??types.EMPTY_LIST,isLoading:a,loadMore:m}),[n,u,a]);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(ui$1.Grid,{cols:2,gapX:3,className:"oui-sticky oui-top-0 oui-z-10 oui-bg-base-8 oui-py-4",children:[jsxRuntime.jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:1,itemAlign:"start",children:[jsxRuntime.jsx("span",{className:"oui-text-2xs oui-text-base-contrast-36",children:r("common.symbol")}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",className:"oui-font-semibold",intensity:98,children:e})]})}),jsxRuntime.jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxRuntime.jsx(ui$1.Statistic,{label:`${r("funding.fundingFee")} (USDC)`,valueProps:{ignoreDP:true,coloring:true,showIdentifier:true},children:t})})]}),c]})},Qn=({isLoading:t,data:e,loadMore:o})=>{let{t:i}=i18n.useTranslation(),r=br.useMemo(()=>[{title:i("common.time"),dataIndex:"created_time",width:120,render:n=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",children:n})},{title:i("funding.fundingRate"),dataIndex:"funding_rate",formatter:n=>new utils.Decimal(n).mul(100).toString(),render:n=>jsxRuntime.jsx("span",{children:`${n}%`})},{title:i("funding.paymentType"),dataIndex:"payment_type",formatter:n=>i(n==="Pay"?"funding.paymentType.paid":"funding.paymentType.received"),render:n=>jsxRuntime.jsx("span",{children:n})},{title:`${i("funding.fundingFee")} (USDC)`,dataIndex:"funding_fee",render:n=>jsxRuntime.jsx(ui$1.Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,children:n})}],[i]);return jsxRuntime.jsx("div",{className:"oui-h-[calc(80vh_-_132px_-_8px)] oui-overflow-y-auto",children:jsxRuntime.jsx(Bo,{onEndReached:o,children:jsxRuntime.jsx(ui$1.DataTable,{classNames:{root:ui$1.cn("oui-h-auto oui-bg-base-8 oui-text-sm")},columns:r,dataSource:e??types.EMPTY_LIST,loading:t})})})},Un=({data:t,isLoading:e,loadMore:o})=>{let i=br.useCallback(r=>jsxRuntime.jsx($n,{item:r}),[]);return jsxRuntime.jsx("div",{className:"oui-h-[calc(80vh_-_104px)] oui-overflow-y-auto",children:jsxRuntime.jsx(ui$1.ListView,{dataSource:t,renderItem:i,isLoading:e,contentClassName:"oui-space-y-0",loadMore:o})})},$n=({item:t})=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-space-y-2 oui-border-t oui-border-line-6 oui-py-2",children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Statistic,{label:e("funding.fundingRate"),classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,rule:"percentages",className:"oui-text-xs"},children:t.funding_rate}),jsxRuntime.jsx(ui$1.Statistic,{label:e("common.amount"),className:"oui-items-end",classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,coloring:true,as:"div",className:"oui-text-xs",showIdentifier:true},children:t.funding_fee})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",className:"oui-text-base-contrast-36",size:"2xs",children:t.created_time}),jsxRuntime.jsx(ui$1.Text,{size:"sm",intensity:80,children:t.payment_type==="Pay"?e("funding.paymentType.paid"):e("funding.paymentType.received")})]})]})};var lt=({fee:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=i18n.useTranslation(),[n,{setTrue:a,setFalse:s}]=hooks.useBoolean(false),{isMobile:l}=ui$1.useScreen();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{onClick:a,children:jsxRuntime.jsx(ui$1.Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,className:"oui-border-b oui-border-line-16 oui-border-dashed oui-py-0.5",children:t})}),l?jsxRuntime.jsx(ui$1.SimpleSheet,{open:n,onOpenChange:s,title:r("funding.fundingFee"),classNames:{body:"oui-max-h-[80vh] oui-py-0"},children:jsxRuntime.jsx(le,{total:t,symbol:e,start_t:o,end_t:i})}):jsxRuntime.jsx(ui$1.SimpleDialog,{open:n,onOpenChange:s,title:r("funding.fundingFee"),classNames:{content:"lg:oui-max-w-[640px]",body:"oui-max-h-[80vh] oui-bg-base-8 lg:oui-py-0"},children:jsxRuntime.jsx(le,{total:t,symbol:e,start_t:o,end_t:i})})]})};var rr=(t,e)=>{let o=hooks.useConfig("apiBaseUrl");return i=>(r,n,a)=>{try{return i(r,async l=>{let m=Array.isArray(l)?l[0]:l,u=`${o}${m}`,c=t.signer,d={method:"GET",url:m},g=await c.sign(d,utils.getTimestamp()),p=Array.isArray(e)?e:[e];return Promise.all(p.map(x=>n(u,{headers:{...g,"orderly-account-id":x}})))},a)}catch(s){throw s}}},Uo=(t,e)=>{let{formatter:o,accountId:i,...r}=e||{},{state:n,account:a}=hooks.useAccount(),s=Array.isArray(e?.use)?e?.use??[]:[],l=Array.isArray(i)?i:[i],m=l.filter(Boolean).length&&(n.status>=types.AccountStatusEnum.EnableTrading||n.status===types.AccountStatusEnum.EnableTradingWithoutConnected);return hooks.useSWR(()=>m?[t,l]:null,(u,c)=>hooks.fetcher(u,c,{formatter:o}),{...r,use:[...s,rr(a,l)],onError:()=>{}})};var $o=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:a,selectedAccount:s}=t,{pagination:l,setPage:m}=ui$1.usePagination({pageSize:50});br.useEffect(()=>{m(1);},[e]);let u=hooks.useSymbolsInfo(),{state:c}=hooks.useAccount(),[d,,{isLoading:g}]=hooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i}),{data:p=[],isLoading:x,mutate:F}=hooks.usePrivateQuery("/v1/client/aggregate/positions",{errorRetryCount:3}),{data:M=[],isLoading:T}=Uo("/v1/client/info",{accountId:p.map(L=>L.account_id),revalidateOnFocus:false}),f=immer.produce(p.filter(L=>L.account_id!==c.mainAccountId),L=>{for(let b of L){let ot=u[b.symbol],it=perp.positions.notional(b.position_qty,b.mark_price),h=M.find($t=>$t.account_id===b.account_id),H=perp.positions.MMR({baseMMR:ot?.("base_mmr"),baseIMR:ot?.("base_imr"),IMRFactor:h?.imr_factor[b.symbol]??0,positionNotional:it,IMR_factor_power:4/5}),te=perp.positions.maintenanceMargin({positionQty:b.position_qty,markPrice:b.mark_price,MMR:H}),ee=perp.positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.mark_price}),oe=perp.account.IMR({maxLeverage:h?.max_leverage??1,baseIMR:ot?.("base_imr"),IMR_Factor:h?.imr_factor[b.symbol]??0,positionNotional:it,ordersNotional:0,IMR_factor_power:4/5}),ie=perp.positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:ee}),Ut=0,ne=0;b.index_price&&(Ut=perp.positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.index_price}),ne=perp.positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:Ut})),b.mmr=H,b.mm=te,b.notional=it,b.unrealized_pnl=ee,b.unrealized_pnl_ROI=ie,b.unrealized_pnl_ROI_index=ne;}}),N=reactApp.useDataTap([...d?.rows,...f].filter(L=>L.position_qty!==0))??[],O=br.useMemo(()=>!s||s==="All accounts"?N:N.filter(L=>s==="Main accounts"?L.account_id===c.mainAccountId||!L.account_id:L.account_id===s),[N,s,c.mainAccountId]),z=br.useMemo(()=>xr(O,{mainAccountId:c.mainAccountId,subAccounts:c.subAccounts}),[O,c.mainAccountId,c.subAccounts]),et=br.useMemo(()=>g||x||T,[g,x,T]);return {tableData:z,isLoading:et,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:a,pagination:l,mutatePositions:F}},xr=(t,e)=>{let{mainAccountId:o="",subAccounts:i=[]}=e,r=new Map;for(let n of t){let a=n.account_id||o,s=i.find(l=>l.id===a);r.has(a)?r.get(a)?.children?.push(n):r.set(a,{id:a,description:a===o?i18n.i18n.t("common.mainAccount"):s?.description||ui$1.formatAddress(s?.id||""),children:[n]});}return {expanded:Array.from(r.keys()),dataSource:Array.from(r.values())}};var Qe=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:a}=t,{pagination:s,setPage:l}=ui$1.usePagination({pageSize:50});br__default.default.useEffect(()=>{l(1);},[e]);let[m,,{isLoading:u}]=hooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i});return {dataSource:reactApp.useDataTap(m?.rows,{fallbackData:[]})??void 0,isLoading:u,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:a,pagination:s}};var Ue=br.createContext({}),W=()=>br.useContext(Ue);var St=t=>{let{symbol:e,children:o}=t,i=hooks.useSymbolsInfo()[e],r=br.useMemo(()=>({symbol:e,base_dp:i("base_dp"),quote_dp:i("quote_dp"),base_tick:i("base_tick"),quote_tick:i("quote_tick"),base:i("base"),quote:i("quote"),origin:i(),quote_max:i("quote_max"),quote_min:i("quote_min")}),[e,i]);return jsxRuntime.jsx(Ue.Provider,{value:r,children:o})};var me=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Slider,{showTip:true,markCount:4,value:[t.value],color:"primary",onValueChange:o=>{t.onValueChange(o[0]);}}),jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{color:"primary",size:"2xs",children:`${t.value}%`}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,onClick:t.onMax,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",color:"primary",children:e("common.max")}),jsxRuntime.jsx(ui$1.Text.numeral,{intensity:54,size:"2xs",dp:t.base_dp,padding:false,children:t.max})]})]})]})};var Ke=t=>{let{base:e,base_dp:o,quote:i,quote_dp:r,sheetOpen:n,setSheetOpen:a,dialogOpen:s,setDialogOpen:l,quantity:m,price:u,submitting:c,priceErrorMsg:d,quantityErrorMsg:g,disabled:p,isMarketClose:x,position:F,maxQty:M,isBuy:T}=t,{t:f}=i18n.useTranslation(),N=f(x?"positions.marketClose":"positions.limitClose"),O=f(x?"orderEntry.orderType.market":"orderEntry.orderType.limit"),z=T?jsxRuntime.jsx(ui$1.Badge,{color:"success",size:"xs",children:f("common.buy")}):jsxRuntime.jsx(ui$1.Badge,{color:"danger",size:"xs",children:f("common.sell")}),et=jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",showIcon:true,children:F.symbol}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Badge,{color:"neutral",size:"xs",children:O}),z]})]}),L=jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:f("common.lastPrice")}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:r,suffix:jsxRuntime.jsxs(ui$1.Text,{intensity:36,children:[" ",i]}),children:F.mark_price})]}),b=!x&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(ui$1.Flex,{width:"100%",direction:"column",gap:2,children:[jsxRuntime.jsx(ui$1.Input.tooltip,{prefix:f("common.price"),suffix:i,align:"right",fullWidth:true,autoComplete:"off",formatters:[ui$1.inputFormatter.numberFormatter,ui$1.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:d,color:d?"danger":void 0,value:u,onValueChange:t.updatePriceChange,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui$1.cn("oui-w-full oui-outline-line-12",d?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(ui$1.Input.tooltip,{prefix:f("common.quantity"),suffix:e,align:"right",fullWidth:true,autoComplete:"off",formatters:[ui$1.inputFormatter.numberFormatter,ui$1.inputFormatter.dpFormatter(o)],triggerClassName:"oui-w-full",tooltip:g,color:g?"danger":void 0,value:m,onBlur:()=>t.formatQuantityToBaseTick(m),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui$1.cn("oui-w-full oui-outline-line-12",g?"oui-outline-danger":void 0)}})]})}),ot=jsxRuntime.jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:o,max:M,onMax:t.onMax}),it=jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:3,mt:2,children:[jsxRuntime.jsx(ui$1.Button,{fullWidth:true,color:"secondary",onClick:t.onCloseSheet,children:f("common.cancel")}),jsxRuntime.jsx(ui$1.ThrottledButton,{fullWidth:true,disabled:c||p,loading:c,onClick:h=>{h.stopPropagation(),h.preventDefault(),t.onDoubleConfirm();},children:f("common.confirm")})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Button,{variant:"outlined",color:"secondary",size:"sm",className:"oui-border-base-contrast-36",onClick:h=>{h.stopPropagation(),h.preventDefault(),a(true);},children:N}),jsxRuntime.jsx(ui$1.SimpleSheet,{title:N,open:n,onOpenChange:a,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,width:"100%",itemAlign:"start",className:"oui-text-sm",children:[et,jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),L,b,ot,it]})}),jsxRuntime.jsx(ui$1.SimpleDialog,{open:s,onOpenChange:l,size:"xs",children:x?jsxRuntime.jsx(Nt,{base:e,quantity:m,submitting:c,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true}):jsxRuntime.jsx(ae,{base:e,quoteDp:r,quantity:m,price:u,submitting:c,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var Xe=t=>{let{position:e,base:o,base_dp:i,quote_dp:r,price:n,quantity:a,submitting:s,dialogOpen:l,setDialogOpen:m,isMarketClose:u,popoverOpen:c,setPopoverOpen:d,maxQty:g,quantityErrorMsg:p,priceErrorMsg:x,isEntirePosition:F}=t,{t:M}=i18n.useTranslation(),T=jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gap:2,mb:1,children:[jsxRuntime.jsx(ui$1.Input.tooltip,{ref:t.quantityInputRef,prefix:M("common.quantity"),suffix:F?jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:54,className:"oui-cursor-pointer oui-px-3",onClick:t.onEntirePosition,children:M("tpsl.entirePosition")}):o,align:"right",size:"md",fullWidth:true,autoComplete:"off",formatters:[ui$1.inputFormatter.numberFormatter,ui$1.inputFormatter.dpFormatter(i)],triggerClassName:"oui-w-full",tooltip:p,color:p?"danger":void 0,value:F?"":a,onBlur:()=>t.formatQuantityToBaseTick(a),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui$1.cn("oui-w-full oui-outline-line-12",p?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(ui$1.Button,{onClick:t.onMax,size:"md",variant:"outlined",className:ui$1.cn("oui-text-2xs",F?"oui-border-primary-light oui-text-primary-light hover:oui-bg-primary-light/20":"oui-border-line-12 oui-bg-base-6 oui-text-base-contrast-54 hover:oui-bg-base-5"),children:M("common.position")})]}),f=jsxRuntime.jsx(ui$1.Select.options,{variant:"text",size:"md",options:[{label:M("orderEntry.orderType.limit"),value:types.OrderType.LIMIT},{label:M("orderEntry.orderType.market"),value:types.OrderType.MARKET}],classNames:{trigger:"oui-w-[--radix-select-content-available-width]"},value:t.type,onValueChange:z=>{t.updateOrderType(z);},contentProps:{align:"end",className:"oui-border oui-border-line-6"}}),N=u,O=jsxRuntime.jsx(ui$1.Input.tooltip,{suffix:f,size:"md",fullWidth:true,autoComplete:"off",formatters:[ui$1.inputFormatter.numberFormatter,ui$1.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:x,color:x?"danger":void 0,value:n,onValueChange:t.updatePriceChange,placeholder:N?"--":"",disabled:N,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:ui$1.cn("oui-w-full oui-outline-line-12",x?"oui-outline-danger":void 0,N?"focus-within:oui-outline-line-12":void 0)}});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.PopoverRoot,{open:c,onOpenChange:d,children:[jsxRuntime.jsx(ui$1.PopoverTrigger,{asChild:true,onClick:()=>{d(true);},children:jsxRuntime.jsx(ui$1.Button,{variant:"outlined",size:"sm",color:"secondary",children:M("positions.column.close")})}),jsxRuntime.jsx(ui$1.PopoverContent,{className:ui$1.cn("oui-w-[360px] oui-p-5",c?"oui-visible":"oui-invisible"),align:"end",side:"top",onOpenAutoFocus:z=>z.preventDefault(),children:jsxRuntime.jsxs(ui$1.Flex,{gapY:2,direction:"column",children:[T,jsxRuntime.jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:i,max:g,onMax:t.onMax}),jsxRuntime.jsx(ui$1.Divider,{my:2,intensity:8,className:"oui-w-full"}),O,jsxRuntime.jsx(se,{onConfirm:t.onDoubleConfirm,onCancel:t.onClosePopover,submitting:s,disabled:t.disabled})]})})]}),jsxRuntime.jsx(ui$1.SimpleDialog,{open:l,onOpenChange:m,size:"sm",children:u?jsxRuntime.jsx(Nt,{base:o,quantity:a,submitting:s,onClose:t.onCloseDialog,onConfirm:t.onConfirm,classNames:{root:"oui-items-start"},hideCloseIcon:true}):jsxRuntime.jsx(ae,{base:o,quoteDp:r,quantity:a,price:n,submitting:s,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var Ye=t=>{let[e,o]=br.useState(false),[i,r]=br.useState(false),[n,a]=br.useState(false),[s,l]=br.useState(100),m=br.useRef(null),[u]=hooks.useLocalStorage("orderly_order_confirm",true),{position:c,onSubmit:d,price:g,quantity:p,closeOrderData:x,submitting:F,updatePriceChange:M,updateOrderType:T,updateQuantity:f,errors:N,baseTick:O,type:z}=Y(),{quote_dp:et,base_dp:L,base:b,quote:ot}=W(),{parseErrorMsg:it}=reactApp.useOrderEntryFormErrorMsg(N),h=c.position_qty>0,H=Math.abs(c.position_qty),te=t.type||z,ee=te===types.OrderType.MARKET,oe=H?.toString()===p.toString();br.useEffect(()=>{e&&T(t.type);},[t.type,e]);let{priceErrorMsg:ie,quantityErrorMsg:Ut}=br.useMemo(()=>({priceErrorMsg:it("order_price"),quantityErrorMsg:it("order_quantity")}),[N]),ne=!!(ie||Ut),$t=br.useCallback(gt=>{if(O&&O>0){let Vt=hooks.utils.formatNumber(gt,O)??gt;f(Vt);}},[O,f]),pn=br.useCallback(gt=>{l(gt);let Vt=new utils.Decimal(gt).div(100).mul(H).toFixed(L,utils.Decimal.ROUND_DOWN);$t(Vt);},[H,L,$t]);br.useEffect(()=>{let gt=Math.min(Number(p||0),H),Vt=new utils.Decimal(gt).div(H).mul(100).toDecimalPlaces(2,utils.Decimal.ROUND_DOWN).toNumber();l(Vt);},[p]);let fn=br.useCallback(()=>{f(H?.toString());},[H,f]),Me=br.useCallback(()=>d().then(gt=>{o(false),r(false),a(false);}),[d]),yn=br.useCallback(()=>u?(r(true),Promise.resolve()):Me(),[Me,u]),gn=br.useCallback(()=>{o(false);},[]),xn=br.useCallback(()=>{r(false);},[]),bn=br.useCallback(()=>{a(false);},[]),Pn=br.useCallback(()=>{f("0"),m.current?.focus(),setTimeout(()=>{m.current?.setSelectionRange(0,1);},0);},[f]);return {position:c,closeOrderData:x,quote_dp:et,base_dp:L,base:b,quote:ot,price:g,quantity:p,submitting:F,onConfirm:Me,onDoubleConfirm:yn,updatePriceChange:M,updateQuantity:f,formatQuantityToBaseTick:$t,updateOrderType:T,sliderValue:s,onSliderValueChange:pn,priceErrorMsg:ie,quantityErrorMsg:Ut,disabled:ne,isMarketClose:ee,maxQty:H,onMax:fn,isBuy:h,isEntirePosition:oe,type:te,quantityInputRef:m,onEntirePosition:Pn,sheetOpen:e,onCloseSheet:gn,setSheetOpen:o,dialogOpen:i,setDialogOpen:r,onCloseDialog:xn,popoverOpen:n,setPopoverOpen:a,onClosePopover:bn}};var Mt=t=>{let e=Ye(t),{isMobile:o}=ui$1.useScreen();return o?jsxRuntime.jsx(Ke,{...e}):jsxRuntime.jsx(Xe,{...e})};var Tt=()=>{let{position:t,baseDp:e,quoteDp:o,tpslOrder:i}=Y(),{isMobile:r}=ui$1.useScreen();return jsxRuntime.jsx(ui$1.EditIcon,{onClick:()=>{let a=r?uiTpsl.TPSLDetailSheetId:uiTpsl.TPSLDetailDialogId;ui$1.modal.show(a,{order:i,position:t,baseDP:e,quoteDP:o});},opacity:1,className:"oui-cursor-pointer oui-text-base-contrast-54",size:16})},mt=t=>{let{position:e,baseDp:o,quoteDp:i,tpslOrder:r}=Y(),[n]=hooks.useLocalStorage("orderly_order_confirm",true),{t:a}=i18n.useTranslation(),{isMobile:s}=ui$1.useScreen(),l=()=>{let m=s?uiTpsl.TPSLSheetId:uiTpsl.TPSLDialogId,u={symbol:e.symbol,baseDP:o,quoteDP:i,isEditing:false,positionType:t.positionType};ui$1.modal.show(m,u);};return jsxRuntime.jsx(ui$1.Text,{className:ui$1.cn("oui-text-base-contrast oui-cursor-pointer",s&&"oui-text-base-contrast-80"),onClick:l,children:a("tpsl.add")})},be=({symbol:t})=>t?jsxRuntime.jsxs("div",{className:"oui-flex oui-h-[18px] oui-items-center oui-gap-1 oui-rounded oui-bg-white/[0.06] oui-px-2 oui-text-2xs oui-font-semibold oui-text-base-contrast-36",children:[jsxRuntime.jsx(ui$1.Text,{children:"Cross"}),jsxRuntime.jsx(ss,{symbol:t})]}):null,ss=({symbol:t})=>{let e=hooks.useSymbolLeverage(t);return jsxRuntime.jsx(ui$1.Text.numeral,{dp:0,size:"2xs",unit:"X",children:e!=="-"?e:"--"})};var ri=t=>{let e=W();return jsxRuntime.jsx(ui$1.Text.numeral,{dp:e.base_dp,rm:utils.Decimal.ROUND_DOWN,padding:false,coloring:true,children:t})};var Pe=t=>{let{tick:e="quote_dp",children:o,...i}=t,r=W();if(!r)throw new Error("NumeralWithCtx must be used inside SymbolProvider");return jsxRuntime.jsx(ui$1.Text.numeral,{as:"span",dp:r[e],...i,children:o})};var ai=t=>{let{orderNum:e,tpTriggerPrice:o,slTriggerPrice:i,direction:r="column"}=t,{partialTPSLOrder:n,quoteDp:a,baseDp:s}=Y(),l=hooks.useSymbolsInfo(),{t:m}=i18n.useTranslation(),u=br.useMemo(()=>{let d=[];return n?.symbol?(o&&d.push(jsxRuntime.jsx(ui$1.Text.formatted,{className:ui$1.cn("oui-text-trade-profit oui-gap-0 oui-decoration-white/20"),rule:"price",dp:l[n.symbol]("quote_dp",2),children:o,prefix:!i||r==="column"?jsxRuntime.jsx(ui$1.Text,{intensity:54,children:`${m("tpsl.tp")} - `}):""},"tp")),i&&d.push(jsxRuntime.jsx(ui$1.Text.formatted,{className:ui$1.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:l[n.symbol]("quote_dp",2),prefix:jsxRuntime.jsx(ui$1.Text,{intensity:54,children:`${m("tpsl.sl")} - `}),children:i},"sl")),d.length===0?jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL}):(d.length===2&&r==="row"&&d.splice(1,0,jsxRuntime.jsx(ui$1.Text,{children:"/"},"split")),d)):jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL})},[o,i,n?.symbol,m]),c=Array.isArray(u)?!!u.length:!u;return jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx("div",{className:ui$1.cn("oui-inline-flex oui-text-base-contrast-36",r==="column"?"oui-flex-col":"oui-flex-row oui-gap-1"),children:u}),c&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(ui$1.Text,{className:"oui-text-base-contrast-54",children:["(",e,")"]}),jsxRuntime.jsx(Tt,{})]})]})};var eo=t=>{if(t.sharePnLConfig==null)return jsxRuntime.jsx(jsxRuntime.Fragment,{});let{position:e}=t,o=hooks.useSymbolsInfo(),{data:i}=hooks.useAccountInfo(),r=()=>{let n=t.isPositionHistory?(()=>{let a=e.netPnL||0,s=Math.abs(e.avg_open_price),l=Math.abs(e.closed_position_qty),m;if(a!==0&&l!==0&&s!==0&&i&&typeof t.leverage=="number"){let u=o[e.symbol],c=u("base_imr"),d=i.imr_factor[e.symbol]||1;if(c){let g=perp.positions.notional(l,s),p=perp.account.IMR({maxLeverage:i.max_leverage,baseIMR:c,IMR_Factor:d,positionNotional:g,ordersNotional:0,IMR_factor_power:4/5}),x=perp.positions.unrealizedPnLROI({positionQty:l,openPrice:s,IMR:p,unrealizedPnL:a});m=new utils.Decimal(x*100).toFixed(2,utils.Decimal.ROUND_DOWN);}}return {side:e.side,pnl:a,roi:m,openPrice:s,closePrice:Math.abs(e.avg_close_price),openTime:e.open_timestamp,closeTime:e.close_timestamp,quantity:e.closed_position_qty}})():{side:e.position_qty>0?"LONG":"SHORT",pnl:e.unrealized_pnl,roi:new utils.Decimal(e.unrealized_pnl_ROI*100).toFixed(2,utils.Decimal.ROUND_DOWN),openPrice:Math.abs(e.average_open_price),markPrice:e.mark_price,openTime:e.timestamp,quantity:e.position_qty};ui$1.modal.show(t.modalId,{pnl:{entity:{symbol:e.symbol,...n},refCode:t.refCode,...t.sharePnLConfig}});};return jsxRuntime.jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),r();},children:jsxRuntime.jsx(ui$1.ShareIcon,{color:"white",opacity:.54,size:t.iconSize??16})})};var ui=t=>{let{sharePnLConfig:e,position:o,modalId:i,iconSize:r,isPositionHistory:n}=t,{getFirstRefCode:a}=hooks.useReferralInfo(),s=br.useMemo(()=>a()?.code,[a]),l=hooks.useSymbolLeverage(t.position.symbol);return {iconSize:r,position:o,refCode:s,leverage:l,sharePnLConfig:e,modalId:i,isPositionHistory:n}};var dt=t=>{let e=ui(t);return jsxRuntime.jsx(eo,{...e})};var fi=t=>{let{stopLossPrice:e,takeProfitPrice:o}=t,{tpslOrder:i,position:r}=Y();return jsxRuntime.jsx(qs,{stopLossPrice:e,takeProfitPrice:o,direction:"column",order:i,position:r,tooltip:true})},di=t=>{let{qty:e,price:o,entryPrice:i,orderSide:r,orderType:n,symbolInfo:a}=t,s=hooks.utils.priceToPnl({qty:e,price:o,entryPrice:i,orderSide:r,orderType:n},{symbol:a}),l=n===types.AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxRuntime.jsxs(ui$1.Flex,{children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,className:"oui-mr-1",children:`${l} PnL:`}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"price",className:s===0?"oui-text-base-contrast-36":s>0?"oui-text-trade-profit oui-gap-0":"oui-text-trade-loss oui-gap-0",prefix:jsxRuntime.jsx(ui$1.Text,{children:s===0?"":s>0?"+":"-"}),suffix:jsxRuntime.jsx(ui$1.Text,{intensity:36,className:"oui-ml-1",children:"USDC"}),children:`${Math.abs(s)}`})]})},qs=t=>{let{direction:e="row",order:o,position:i}=t,r=hooks.useSymbolsInfo(),{t:n}=i18n.useTranslation(),a=br.useMemo(()=>{let u=[];if(!t.tooltip||!o||!i)return;let c=o.quantity;return c===0&&o.child_orders[0].type==="CLOSE_POSITION"&&(c=i.position_qty),t.takeProfitPrice&&u.push(jsxRuntime.jsx(di,{qty:c,price:t.takeProfitPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:types.AlgoOrderType.TAKE_PROFIT,symbolInfo:r[o.symbol]()},"tp")),t.stopLossPrice&&u.push(jsxRuntime.jsx(di,{qty:c,price:t.stopLossPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:types.AlgoOrderType.STOP_LOSS,symbolInfo:r[o.symbol]()},"sl")),jsxRuntime.jsx("div",{children:u})},[t.takeProfitPrice,t.stopLossPrice,i?.average_open_price,o?.side,o?.quantity,o?.algo_type]),s=br.useMemo(()=>{let u=[];if(!o?.symbol)return jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL});return t.takeProfitPrice&&u.push(jsxRuntime.jsx(ui$1.Text.formatted,{className:ui$1.cn("oui-text-trade-profit oui-gap-0 oui-decoration-white/20"),rule:"price",dp:r[o.symbol]("quote_dp",2),children:t.takeProfitPrice,prefix:!t.stopLossPrice||e==="column"?jsxRuntime.jsx(ui$1.Text,{intensity:54,children:`${n("tpsl.tp")} - `}):""},"tp")),t.stopLossPrice&&u.push(jsxRuntime.jsx(ui$1.Text.formatted,{className:ui$1.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:r[o.symbol]("quote_dp",2),children:t.stopLossPrice,prefix:!t.takeProfitPrice||e==="column"?jsxRuntime.jsx(ui$1.Text,{intensity:54,children:`${n("tpsl.sl")} - `}):""},"sl")),u.length===0?jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL}):(u.length===2&&e==="row"&&u.splice(1,0,jsxRuntime.jsx(ui$1.Text,{children:"/"},"split")),u)},[t.takeProfitPrice,t.stopLossPrice,o?.symbol,n]),l=jsxRuntime.jsx("div",{className:ui$1.cn("oui-inline-flex oui-text-base-contrast-36",t.direction==="column"?"oui-flex-col":"oui-flex-row oui-gap-1",t.className),children:s}),m=Array.isArray(s)?!!s.length:!s;return t.tooltip?jsxRuntime.jsxs(ui$1.Flex,{gapX:2,children:[jsxRuntime.jsx(ui$1.Tooltip,{content:a,children:l}),m&&jsxRuntime.jsx(Tt,{})]}):l};var Pi=t=>{let[e,o]=hooks.useLocalStorage("unPnlPriceBasis","markPrice"),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,className:"oui-text-base-contrast-54 oui-items-start",children:[jsxRuntime.jsx(ui$1.Text,{children:i("positions.column.unrealPnl.tooltip")}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("div",{className:"oui-mb-0",children:i("positions.column.unrealPnl.priceBasis")}),jsxRuntime.jsx(As,{value:e,onValueChange:o})]})},As=t=>{let{value:e,onValueChange:o}=t,{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(gi,{sel:e==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(gi,{sel:e==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},gi=t=>{let{sel:e,label:o,value:i,onCheckChange:r}=t;return jsxRuntime.jsxs(ui$1.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[e?jsxRuntime.jsx(Os,{}):jsxRuntime.jsx(ks,{}),jsxRuntime.jsx(ui$1.Text,{size:"xs",intensity:e?98:54,children:o})]})},Os=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),ks=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var ro=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:i}=t,{t:r}=i18n.useTranslation(),n=br.useRef(Date.now().toString());return br.useMemo(()=>[{title:r("common.symbol"),dataIndex:"symbol",fixed:"left",width:140,onSort:(s,l)=>s.symbol.localeCompare(l.symbol),render:(s,l)=>jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsx(ui$1.Box,{width:4,height:20,className:ui$1.cn("oui-h-[38px] oui-rounded-[1px]",l.position_qty>0?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:m=>{i?.({symbol:s}),m.stopPropagation(),m.preventDefault();},children:`${s.split("_")[1]}-PERP`}),jsxRuntime.jsx(be,{symbol:s})]})]})},{title:r("common.quantity"),dataIndex:"position_qty",onSort:(s,l)=>s.position_qty-l.position_qty,width:120,className:"oui-pl-6",render:ri},{title:r("common.avgOpen"),className:"oui-h-[48px]",width:120,onSort:true,dataIndex:"average_open_price",render:s=>jsxRuntime.jsx(Pe,{rm:utils.Decimal.ROUND_DOWN,children:s})},{title:r("common.markPrice"),dataIndex:"mark_price",width:120,onSort:true,className:"oui-h-[48px]",render:s=>jsxRuntime.jsx(Pe,{rm:utils.Decimal.ROUND_DOWN,children:s})},{title:jsxRuntime.jsx(ui$1.Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:r("positions.column.liqPrice.tooltip"),children:jsxRuntime.jsx(ui$1.Text,{children:r("positions.column.liqPrice")})}),width:100,onSort:true,dataIndex:"est_liq_price",render:s=>Number(s)===0?"--":jsxRuntime.jsx(Pe,{rm:utils.Decimal.ROUND_DOWN,className:Number(s)>0?"oui-text-warning-light":"",children:s??"--"})},{title:jsxRuntime.jsx(ui$1.HoverCard,{content:jsxRuntime.jsx(Pi,{}),side:"top",align:"center",className:"oui-max-w-[280px] oui-text-2xs",children:jsxRuntime.jsx(ui$1.Text,{children:r("common.unrealizedPnl")})}),dataIndex:"unrealized_pnl",width:180,onSort:true,rule:"price",numeralProps:{coloring:true},render:(s,l)=>jsxRuntime.jsxs(ui$1.Flex,{gap:2,children:[jsxRuntime.jsxs(ui$1.Flex,{children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:e,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",children:s}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",dp:e,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",prefix:"(",suffix:")",children:l.unrealized_pnl_ROI})]}),jsxRuntime.jsx(dt,{position:l,sharePnLConfig:o,modalId:uiShare.SharePnLDialogId})]})},{title:r("common.fullTPSL"),dataIndex:"full_tpsl",width:150,render:(s,l)=>jsxRuntime.jsx(fi,{stopLossPrice:l.full_tp_sl?.sl_trigger_price,takeProfitPrice:l.full_tp_sl?.tp_trigger_price})},{title:r("common.partialTPSL"),dataIndex:"partial_tpsl",width:150,render:(s,l)=>jsxRuntime.jsx(ai,{orderNum:l.partial_tp_sl?.order_num,tpTriggerPrice:l.partial_tp_sl?.tp_trigger_price,slTriggerPrice:l.partial_tp_sl?.sl_trigger_price})},{title:r("common.notional"),dataIndex:"notional",className:"oui-h-[48px]",width:100,onSort:true,render:s=>jsxRuntime.jsx(ui$1.Text.numeral,{dp:e,children:s})},{title:jsxRuntime.jsx(ui$1.Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:3,className:"oui-rounded-sm oui-bg-base-8 oui-text-base-contrast-54",children:[jsxRuntime.jsx("span",{children:r("positions.column.margin.tooltip")}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("span",{children:r("positions.column.margin.formula")})]}),children:jsxRuntime.jsx(ui$1.Text,{children:r("positions.column.margin")})}),dataIndex:"mm",onSort:true,width:100,rule:"price",render:s=>jsxRuntime.jsx(ui$1.Text.numeral,{children:s})},{title:r("funding.fundingFee"),dataIndex:"fundingFee",width:100,render:(s,l)=>jsxRuntime.jsx(lt,{fee:s,symbol:l.symbol,start_t:l.timestamp.toString(),end_t:n.current})},{title:null,dataIndex:"close_position",align:"right",width:70,fixed:"right",render(){return jsxRuntime.jsx(ui$1.Flex,{gapX:2,justify:"end",children:jsxRuntime.jsx(Mt,{})})}}],[e,o,r])};var Si=t=>{let{item:e}=t,o=e.position_qty>0,{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-type",size:"2xs",suffix:jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsxRuntime.jsx(ui$1.Badge,{color:o?"success":"danger",size:"xs",children:i(o?"common.long":"common.short")}),jsxRuntime.jsx(be,{symbol:e.symbol})]}),showIcon:true,onClick:()=>{t.onSymbolChange?.({symbol:e.symbol});},children:e.symbol})},Ti=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",className:"oui-text-2xs",itemAlign:"end",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui$1.Text,{intensity:36,children:o("common.unrealizedPnl")}),jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"(USDC)"})]}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",dp:t.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,coloring:true,className:"orderly-font-semibold",suffix:jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",dp:t.pnlNotionalDecimalPrecision,rm:utils.Decimal.ROUND_DOWN,prefix:"(",suffix:")",className:ui$1.cn("oui-ml-1",e.unrealized_pnl_ROI>0?"oui-text-success-darken":"oui-text-danger-darken"),children:e.unrealized_pnl_ROI}),children:e.unrealized_pnl})]}),jsxRuntime.jsx(dt,{position:e,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLBottomSheetId,iconSize:12})]})},Fi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:o("common.qty"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,children:e.position_qty})})},wi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsxs("span",{children:[o("positions.column.margin"),jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.mm})})},Ii=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{align:"end",label:jsxRuntime.jsxs("span",{children:[o("common.notional"),jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.notional})})},vi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:o("common.avgOpen"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.average_open_price})})},Di=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:o("common.markPrice"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,intensity:80,children:e.mark_price})})},Ni=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.est_liq_price&&e.est_liq_price>0?e.est_liq_price:"-";return jsxRuntime.jsx(ui$1.Statistic,{label:o("positions.column.liqPrice"),align:"end",classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,rm:utils.Decimal.ROUND_DOWN,color:"warning",children:i})})},Li=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=br.useMemo(()=>e.full_tp_sl?.tp_trigger_price==null&&e.full_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(mt,{positionType:types.PositionType.FULL}):jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px]",children:[e.full_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(ui$1.Text.numeral,{color:"buy",children:e.full_tp_sl.tp_trigger_price}),e.full_tp_sl?.sl_trigger_price&&"/",e.full_tp_sl?.sl_trigger_price&&jsxRuntime.jsx(ui$1.Text.numeral,{color:"sell",children:e.full_tp_sl.sl_trigger_price}),jsxRuntime.jsx(Tt,{})]}),[e.full_tp_sl]),r=br.useMemo(()=>e.partial_tp_sl?.tp_trigger_price==null&&e.partial_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(mt,{positionType:types.PositionType.PARTIAL}):jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-[2px]",itemAlign:"center",children:[e.partial_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(ui$1.Text.numeral,{color:"buy",children:e.partial_tp_sl.tp_trigger_price}),e.partial_tp_sl?.sl_trigger_price&&"/",e.partial_tp_sl?.sl_trigger_price&&jsxRuntime.jsx(ui$1.Text.numeral,{color:"sell",children:e.partial_tp_sl.sl_trigger_price}),jsxRuntime.jsx(ui$1.Text,{children:`(${e.partial_tp_sl?.order_num})`}),jsxRuntime.jsx(Tt,{})]}),[e.partial_tp_sl]);return jsxRuntime.jsxs(ui$1.Grid,{cols:2,rows:1,gap:2,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-2xs oui-text-base-contrast-36",direction:"column",itemAlign:"start",children:[jsxRuntime.jsxs(ui$1.Text,{children:[o("common.fullTPSL"),": "]}),i]}),jsxRuntime.jsxs(ui$1.Flex,{className:"oui-text-2xs oui-text-base-contrast-36 oui-grid-cols-end",direction:"column",itemAlign:"end",children:[jsxRuntime.jsxs(ui$1.Text,{children:[o("common.partialTPSL"),": "]}),r]})]})},qi=t=>{let{t:e}=i18n.useTranslation(),o=br.useRef(Date.now().toString());return jsxRuntime.jsxs(ui$1.Flex,{justify:"end",className:"oui-w-full oui-text-2xs",children:[jsxRuntime.jsxs(ui$1.Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),jsxRuntime.jsx(lt,{fee:t.item.fundingFee,symbol:t.item.symbol,start_t:t.item.timestamp.toString(),end_t:o.current})]})};var so=t=>{let{className:e,...o}=t,i=jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(Si,{...t}),jsxRuntime.jsx(Ti,{...t})]}),r=jsxRuntime.jsxs(ui$1.Grid,{cols:3,rows:2,gap:2,width:"100%",children:[jsxRuntime.jsx(Fi,{...t}),jsxRuntime.jsx(wi,{...t}),jsxRuntime.jsx(Ii,{...t}),jsxRuntime.jsx(vi,{...t}),jsxRuntime.jsx(Di,{...t}),jsxRuntime.jsx(Ni,{...t})]}),n=jsxRuntime.jsxs(ui$1.Grid,{width:"100%",gap:2,cols:2,rows:1,children:[jsxRuntime.jsx(Mt,{type:types.OrderType.LIMIT}),jsxRuntime.jsx(Mt,{type:types.OrderType.MARKET})]});return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,p:2,r:"xl",itemAlign:"start",className:ui$1.cn(e,"oui-bg-base-9"),children:[i,jsxRuntime.jsx(ui$1.Divider,{intensity:6,className:"oui-w-full"}),r,jsxRuntime.jsx(Li,{...o}),jsxRuntime.jsx(qi,{...o}),n]})};var ao=t=>{let e=W();return {...t,...e}};var lo=t=>{let e=ao(t);return jsxRuntime.jsx(so,{...e,className:t.className})};var Te=t=>{let{position:e,children:o,mutatePositions:i}=t,{t:r}=i18n.useTranslation(),[n,a]=br.useState(Math.abs(e.position_qty).toString()),[s,l]=br.useState(""),[m,u]=br.useState(types.OrderType.MARKET);br.useEffect(()=>{a(Math.abs(e.position_qty).toString());},[e.position_qty]);let c=e.symbol,d=hooks.useSymbolsInfo(),g=d?.[c],p=g("quote_dp"),x=g("base_dp"),F=g("base_tick"),{side:M,closeOrderData:T,submit:f,isMutating:N,errors:O,calculate:z}=hooks.usePositionClose({position:e,order:{type:m,quantity:n,price:s}}),et=br.useCallback(h=>{let H=z({},"order_quantity",h,e.mark_price,g());a(H.order_quantity);},[z,d,e.mark_price]),L=br.useCallback(h=>{let H=z({},"order_price",h,e.mark_price,g());l(H.order_price);},[z,d,e.mark_price]),b=br.useCallback(h=>{u(h),l(h===types.OrderType.LIMIT?e.mark_price?.toString():"");},[e.mark_price]),ot=br.useCallback(async()=>{if(Number(n)>g("base_max")){ui$1.toast.error(jsxRuntime.jsxs("div",{children:[r("positions.limitClose.errors.exceed.title"),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("div",{className:"oui-break-normal",children:r("positions.limitClose.errors.exceed.description",{quantity:n,symbol:ra(c,"base"),maxQuantity:g("base_max")})})]}));return}return f().then(h=>{if(h.success)return i?.(),h;throw h.message&&ui$1.toast.error(h.message),true}).catch(h=>(h.message&&ui$1.toast.error(h.message),false))},[f]),it=br.useMemo(()=>({quantity:n,price:s,type:m,side:M,position:e,updatePriceChange:L,updateQuantity:et,updateOrderType:b,tpslOrder:e.full_tp_sl?.algo_order,partialTPSLOrder:e.partial_tp_sl?.algo_order,onSubmit:ot,submitting:N,closeOrderData:T,quoteDp:p,baseDp:x,baseTick:F,errors:O}),[n,s,m,M,e,L,et,b,ot,N,T,p,x,F,O]);return jsxRuntime.jsx(Oe.Provider,{value:it,children:o})};function ra(t,e="base"){let o=t.split("_"),i=o[0],r=o[1],n=o[2];return (e??"base-quote").replace("type",i).replace("base",r).replace("quote",n)}var Ei=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,pagination:i,isLoading:r,dataSource:n,onSymbolChange:a}=t,s=ro({pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:a});return jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:r,id:"oui-desktop-positions-content",columns:s,bordered:true,dataSource:n,generatedRowKey:l=>l.symbol,renderRowContainer:(l,m,u)=>jsxRuntime.jsx(St,{symbol:l.symbol,children:jsxRuntime.jsx(Te,{position:l,children:u})}),manualPagination:false,pagination:i,testIds:{body:"oui-testid-dataList-position-tab-body"}})},zi=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,dataSource:i,onSymbolChange:r}=t;return jsxRuntime.jsx(ui$1.ListView,{className:"oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",contentClassName:"!oui-space-y-1",dataSource:i,renderItem:(n,a)=>jsxRuntime.jsx(St,{symbol:n.symbol,children:jsxRuntime.jsx(Te,{position:n,children:jsxRuntime.jsx(lo,{item:n,index:a,pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:r})})})})},Hi=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,pagination:i,isLoading:r,tableData:n,onSymbolChange:a,mutatePositions:s}=t,l=ro({pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:a}),{dataSource:m=[]}=n;return jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:r,id:"oui-desktop-positions-content",columns:l,dataSource:m,expanded:true,getSubRows:u=>u.children,generatedRowKey:u=>u.id,onCell:(u,c)=>{if((c.children??[]).length>0)return {children:u.id==="symbol"?jsxRuntime.jsx(ui$1.Badge,{color:"neutral",size:"xs",children:c?.description||ui$1.formatAddress(c?.id)}):null}},renderRowContainer:(u,c,d)=>u.symbol?jsxRuntime.jsx(St,{symbol:u.symbol,children:jsxRuntime.jsx(Te,{position:u,mutatePositions:s,children:d})}):d,manualPagination:false,pagination:i,testIds:{body:"oui-testid-dataList-position-tab-body"}})};var ma=t=>{let e=Qe(t);return jsxRuntime.jsx(Ei,{...e})},ca=t=>{let e=Qe(t);return jsxRuntime.jsx(zi,{...e})},da=t=>{let e=$o(t);return jsxRuntime.jsx(Hi,{...e})};var Qi=t=>{let{onSymbolChange:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=i18n.useTranslation();return br.useMemo(()=>[{title:i("common.symbol"),dataIndex:"symbol",fixed:"left",width:200,onSort:(n,a)=>n.symbol.localeCompare(a.symbol),render:(n,a)=>jsxRuntime.jsx(xa,{record:a,onSymbolChange:e})},{title:i("positions.history.column.closed&maxClosed"),dataIndex:"close_maxClose",width:200,render:(n,a)=>jsxRuntime.jsx(ba,{record:a})},{title:i("positions.history.column.netPnl"),dataIndex:"netPnL",width:140,onSort:(n,a)=>n.netPnL==null||a.netPnL==null?-1:(n.netPnL??0)-(a.netPnL??0),render:(n,a)=>jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(Pa,{record:a,pnlNotionalDecimalPrecision:o}),jsxRuntime.jsx(dt,{position:a,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLDialogId,isPositionHistory:true})]})},{title:i("common.avgPrice"),dataIndex:"avg_open",width:140,render:(n,a)=>{let s=a.avg_open_price!=null?Math.abs(a.avg_open_price):"--",{quote_dp:l}=W();return jsxRuntime.jsx(ui$1.Text.numeral,{dp:l,padding:false,children:s})}},{title:i("common.avgClose"),dataIndex:"avg_close",width:175,render:(n,a)=>{let s=a.avg_close_price!=null?Math.abs(a.avg_close_price):"--",{quote_dp:l}=W();return jsxRuntime.jsx(ui$1.Text.numeral,{dp:l,padding:false,children:s})}},{title:i("funding.fundingFee"),dataIndex:"accumulated_funding_fee",render:(n,a)=>jsxRuntime.jsx(lt,{fee:-n,symbol:a.symbol,start_t:a.open_timestamp.toString(),end_t:a.close_timestamp?.toString()})},{title:i("positions.history.column.timeOpened"),dataIndex:"open_timestamp",width:175,onSort:true,render:(n,a)=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:a.open_timestamp})},{title:i("positions.history.column.timeClosed"),dataIndex:"close_timestamp",width:175,onSort:true,render:(n,a)=>a.position_status=="closed"&&a.close_timestamp?jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:a.close_timestamp??"--"}):"--"},{title:i("positions.history.column.updatedTime"),dataIndex:"last_update_time",width:175,onSort:true,render:(n,a)=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:a.last_update_time})}],[o,i])},xa=t=>{let{record:e,onSymbolChange:o}=t,{t:i}=i18n.useTranslation(),r=br.useMemo(()=>{let n=[],a=e.position_status,s=()=>a==="closed"?i("positions.history.status.closed"):a==="partial_closed"?i("positions.history.status.partialClosed"):ui$1.capitalizeFirstLetter(a.replace("_"," "));return n.push(jsxRuntime.jsx(ui$1.Badge,{color:a!=="closed"?"primaryLight":"neutral",size:"xs",className:"oui-break-normal oui-whitespace-nowrap",children:s()})),e.type==="adl"?n.push(jsxRuntime.jsx(ui$1.Badge,{color:"danger",size:"xs",children:i("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsxRuntime.jsx(ui$1.Tooltip,{className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},content:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[e.liquidation_id!=null&&jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("positions.history.liquidated.liquidationId")}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:e.liquidation_id})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("positions.history.liquidated.liquidatorFee")}),jsxRuntime.jsxs(ui$1.Text,{color:"lose",children:[e.liquidator_fee>0&&"-",utils.commifyOptional(e.liquidator_fee)]})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("positions.history.liquidated.insFundFee")}),jsxRuntime.jsxs(ui$1.Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",utils.commifyOptional(e.insurance_fund_fee)]})]})]}),children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui$1.Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",children:jsxRuntime.jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:i("positions.history.type.liquidated")})})})})),n},[e,i]);return jsxRuntime.jsxs(ui$1.Flex,{gap:2,height:48,children:[jsxRuntime.jsx(ui$1.Box,{width:4,height:38,className:ui$1.cn("oui-rounded-[1px] oui-shrink-0",e.side==="LONG"?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:n=>{o?.({symbol:e.symbol}),n.stopPropagation(),n.preventDefault();},children:`${e.symbol.split("_")[1]}-PERP`}),jsxRuntime.jsx(ui$1.Flex,{gap:1,children:r})]})]})},ba=t=>{let{record:e}=t,{base_dp:o}=W();return jsxRuntime.jsxs(ui$1.Flex,{gap:1,direction:"column",itemAlign:"start",className:"oui-overflow-hidden oui-whitespace-nowrap oui-text-ellipsis",children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:o,padding:false,children:Math.abs(e.closed_position_qty)}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:o,padding:false,className:"oui-truncate",children:Math.abs(e.max_position_qty)})]})},Pa=t=>{let{record:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=i18n.useTranslation(),r=e.netPnL!=null?e.netPnL:void 0,n=()=>jsxRuntime.jsx(ui$1.Text.numeral,{dp:o,color:e.netPnL!=null?e.netPnL>0?"profit":"lose":void 0,className:r==null?"":"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:r??"--"});return e.netPnL==null?n():jsxRuntime.jsx(ui$1.Tooltip,{delayDuration:200,content:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[jsxRuntime.jsx(ui$1.Text,{intensity:80,children:i("positions.history.column.netPnl")}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("common.realizedPnl")}),jsxRuntime.jsx(ui$1.Text,{color:e.realized_pnl>=0?"profit":"lose",className:"oui-cursor-pointer",children:utils.commifyOptional(e.realized_pnl)})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("funding.fundingFee")}),jsxRuntime.jsx(ui$1.Text,{color:e.accumulated_funding_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:utils.commifyOptional(-e.accumulated_funding_fee)})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:i("positions.history.netPnl.tradingFee")}),jsxRuntime.jsx(ui$1.Text,{color:e.trading_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:utils.commifyOptional(-e.trading_fee)})]})]}),className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children:jsxRuntime.jsx("div",{children:n()})})};function k(t){if(t==null)return t;let e=new Date(t);return e.setHours(0,0,0,0),e}function E(t){if(t==null)return t;let e=new Date(t);return e.setHours(23,59,59,999),e}var Et=t=>({from:k(t.from),to:E(t.to??t.from)}),zt=(t,e)=>t.getTime()===e.getTime();var we=t=>{let{onSymbolChange:e,symbol:o,pnlNotionalDecimalPrecision:i}=t,{state:r}=hooks.useAccount(),{data:n,isLoading:a}=hooks.usePrivateQuery(o?`/v1/position_history?symbol=${o}&limit=1000`:"/v1/position_history?limit=1000",{formatter(T){return (T.rows??null)?.map(f=>{if(f.realized_pnl!=null&&f.accumulated_funding_fee!=null&&f.trading_fee!=null){let N=f.realized_pnl-f.accumulated_funding_fee-f.trading_fee;return {...f,netPnL:N}}return f})},revalidateOnFocus:true}),{pagination:s,setPage:l}=ui$1.usePagination({pageSize:10}),{status:m,side:u,dateRange:c,filterDays:d,updateFilterDays:g,filterItems:p,onFilter:x}=va();br.useEffect(()=>{l(1);},[m,u,c,d,o]);let F=br.useMemo(()=>n==null?n:n.filter(T=>{let f=u==="all"?true:T.side.toLowerCase()===u.toLowerCase(),N=m==="all"?true:T.position_status.toLowerCase()===m.toLowerCase(),O=T?.last_update_time??T.open_timestamp,z=c.from&&c.to?O>=c.from.getTime()&&O<=c.to.getTime():true,et=o?T.symbol==o:true;return f&&N&&z&&et}),[m,u,c,n,o]);return {dataSource:reactApp.useDataTap(F,{accountStatus:r.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:[]}),isLoading:a,onSymbolChange:e,pagination:s,filterItems:p,onFilter:x,symbol:o,filterDays:d,updateFilterDays:g,pnlNotionalDecimalPrecision:i}},va=()=>{let{t}=i18n.useTranslation(),[e,o]=br.useState("all"),[i,r]=br.useState("all"),n=Et({to:E(new Date),from:k(dateFns.subDays(new Date,89))}),[a,s]=br.useState(90),[l,m]=br.useState(n),u=p=>{s(p),m({from:k(dateFns.subDays(new Date,p-1)),to:E(new Date)});},c=p=>{if(p.name==="side"&&r(p.value),p.name==="status"&&o(p.value),p.name==="dateRange"){let x=Et(p.value);if(m(x),x.from&&x.to){let F=Math.abs(dateFns.differenceInDays(x.from,x.to))+1,T={1:{from:k(new Date),to:E(new Date)},7:{from:k(dateFns.subDays(new Date,6)),to:E(new Date)},30:{from:k(dateFns.subDays(new Date,29)),to:E(new Date)},90:{from:k(dateFns.subDays(new Date,89)),to:E(new Date)}}[F];T&&zt(T.from,x.from)&&zt(T.to,x.to)?s(F):s(null);}}},{isMobile:d}=ui$1.useScreen();return {filterItems:br.useMemo(()=>{let p={type:"select",name:"side",options:[{label:t("common.side.all"),value:"all"},{label:t("common.buy"),value:"LONG"},{label:t("common.sell"),value:"SHORT"}],value:i},x={type:"range",name:"dateRange",value:l,fromDate:k(dateFns.subDays(new Date,89)),toDate:E(new Date)},F={type:"select",name:"status",options:[{label:t("common.status.all"),value:"all"},{label:t("positions.history.status.closed"),value:"closed"},{label:t("positions.history.status.partialClosed"),value:"partial_closed"}],value:e};return d?[p,F]:[p,F,x]},[i,e,l]),onFilter:c,side:i,dateRange:l,status:e,filterDays:a,updateFilterDays:u}};var Vi=t=>{let{side:e,symbol:o}=t.item,{t:i}=i18n.useTranslation(),r=e==="LONG";return jsxRuntime.jsx(ui$1.Text.formatted,{intensity:80,rule:"symbol",formatString:"base-type",size:"sm",prefix:jsxRuntime.jsx(ui$1.Badge,{color:r?"success":"danger",size:"xs",children:i(r?"common.buy":"common.sell")}),onClick:()=>{t.onSymbolChange?.({symbol:o});},children:o})};var Gi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=()=>{ui$1.modal.alert({title:o("positions.liquidation"),message:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[e.liquidation_id!=null&&jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.liquidated.liquidationId")}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:e.liquidation_id})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.liquidated.liquidatorFee")}),jsxRuntime.jsxs(ui$1.Text,{color:"lose",children:[e.liquidator_fee>0&&"-",utils.commifyOptional(e.liquidator_fee)]})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.liquidated.insFundFee")}),jsxRuntime.jsxs(ui$1.Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",utils.commifyOptional(e.insurance_fund_fee)]})]})]})});},r=br.useMemo(()=>{let n=[],a=e.position_status,s=()=>a==="closed"?o("positions.history.status.closed"):a==="partial_closed"?o("positions.history.status.partialClosed"):ui$1.capitalizeFirstLetter(a.replace("_"," "));return n.push(jsxRuntime.jsx(ui$1.Badge,{color:a!=="closed"?"primaryLight":"neutral",size:"xs",children:s()})),e.type==="adl"?n.push(jsxRuntime.jsx(ui$1.Badge,{color:"danger",size:"xs",children:o("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsxRuntime.jsx(ui$1.Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",onClick:i,children:jsxRuntime.jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:o("positions.history.type.liquidated")})})),n},[e]);return jsxRuntime.jsx(ui$1.Flex,{gap:1,children:r})},Ki=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.closed_position_qty!=null?Math.abs(e.closed_position_qty):"--";return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.column.closed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Xi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.max_position_qty!=null?Math.abs(e.max_position_qty):"--";return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.column.maxClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Yi=t=>{let{item:e}=t,o=e.avg_open_price!=null?Math.abs(e.avg_open_price):"--",{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[i("common.avgOpen"),jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},Ji=t=>{let{item:e}=t,o=e.avg_close_price!=null?Math.abs(e.avg_close_price):"--",{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[i("common.avgClose"),jsxRuntime.jsx(ui$1.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},Zi=t=>{let{item:e}=t,{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.column.timeOpened")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:jsxRuntime.jsx(ui$1.Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.open_timestamp})})},ji=t=>{let{item:e}=t,{t:o}=i18n.useTranslation(),i=e.position_status=="closed"&&e.close_timestamp?jsxRuntime.jsx(ui$1.Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.close_timestamp}):"--";return jsxRuntime.jsx(ui$1.Statistic,{label:jsxRuntime.jsx(ui$1.Text,{children:o("positions.history.column.timeClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:i})},tn=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{justify:"end",className:"oui-text-2xs oui-w-full oui-py-2 oui-gap-1 oui-gap-1",children:[jsxRuntime.jsxs(ui$1.Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),jsxRuntime.jsx(lt,{fee:-t.item.accumulated_funding_fee,symbol:t.item.symbol,start_t:t.item.open_timestamp.toString(),end_t:t.item.close_timestamp?.toString()})]})};var bo=t=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsxRuntime.jsx(ka,{...t}),jsxRuntime.jsx(ui$1.Divider,{intensity:6,className:"oui-w-full"}),jsxRuntime.jsx(Ea,{...t})]}),ka=t=>{let{t:e}=i18n.useTranslation(),o=()=>{let{item:i}=t;ui$1.modal.alert({title:e("positions.history.column.netPnl"),message:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e("common.realizedPnl")}),jsxRuntime.jsx(ui$1.Text,{color:i.realized_pnl>=0?"profit":"lose",children:utils.commifyOptional(i.realized_pnl)})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e("funding.fundingFee")}),jsxRuntime.jsx(ui$1.Text,{color:i.accumulated_funding_fee>0?"lose":"profit",children:utils.commifyOptional(-i.accumulated_funding_fee)})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",width:"100%",gap:2,children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:e("positions.history.netPnl.tradingFee")}),jsxRuntime.jsx(ui$1.Text,{color:i.trading_fee>0?"lose":"profit",children:utils.commifyOptional(-i.trading_fee)})]})]})});};return jsxRuntime.jsxs(ui$1.Flex,{gap:1,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsxRuntime.jsx(Vi,{...t}),jsxRuntime.jsx(Gi,{...t})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:e("positions.history.column.netPnl")}),jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx("button",{onClick:o,children:jsxRuntime.jsx(ui$1.Text.numeral,{size:"xs",coloring:true,children:t.item.netPnL??"--"})}),jsxRuntime.jsx(dt,{position:t.item,sharePnLConfig:t.sharePnLConfig,modalId:uiShare.SharePnLBottomSheetId,iconSize:12,isPositionHistory:true})]})]})]})},Ea=t=>jsxRuntime.jsxs("div",{className:"oui-w-full",children:[jsxRuntime.jsxs(ui$1.Grid,{cols:3,rows:2,width:"100%",gap:0,className:"oui-grid-cols-[1fr,1fr,135px]",children:[jsxRuntime.jsx(Ki,{...t}),jsxRuntime.jsx(Xi,{...t}),jsxRuntime.jsx(Zi,{...t}),jsxRuntime.jsx(Yi,{...t}),jsxRuntime.jsx(Ji,{...t}),jsxRuntime.jsx(ji,{...t})]}),jsxRuntime.jsx(tn,{...t})]});var Po=t=>{let e=W();return {...t,...e}};var Co=t=>{let e=Po(t);return jsxRuntime.jsx(bo,{...e})};var So=t=>{let{onSymbolChange:e,pagination:o,pnlNotionalDecimalPrecision:i}=t,r=Qi({onSymbolChange:e,pnlNotionalDecimalPrecision:i,sharePnLConfig:t.sharePnLConfig}),{t:n}=i18n.useTranslation(),a=br.useMemo(()=>({1:n("common.select.1d"),7:n("common.select.7d"),30:n("common.select.30d"),90:n("common.select.90d")}),[n]);return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[t.filterItems.length>0&&jsxRuntime.jsx(ui$1.DataFilter,{items:t.filterItems,onFilter:s=>{t.onFilter(s);}}),[1,7,30,90].map(s=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui$1.Text.gradient,{color:t.filterDays===s?"brand":void 0,className:ui$1.cn("oui-whitespace-nowrap oui-break-normal",t.filterDays!==s?"oui-text-base-contrast-54":""),children:a[s]||`${s}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(s);}})]},`item-${s}`))]}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:t.isLoading,id:"oui-desktop-positions-content",columns:r,bordered:true,dataSource:t.dataSource,generatedRowKey:s=>`${s.symbol}_${s.position_id}`,renderRowContainer:(s,l,m)=>jsxRuntime.jsx(St,{symbol:s.symbol,children:m}),manualPagination:false,pagination:o,testIds:{body:"oui-testid-dataList-positionHistory-tab-body"},classNames:{root:"!oui-h-[calc(100%_-_49px)]"}})]})},To=t=>jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsxRuntime.jsx(ui$1.Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsxRuntime.jsx(ui$1.DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsxRuntime.jsx(ui$1.ListView,{className:ui$1.cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:ui$1.cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,renderItem:(e,o)=>jsxRuntime.jsx(St,{symbol:e.symbol,children:jsxRuntime.jsx(Co,{item:e,index:o,onSymbolChange:t.onSymbolChange,classNames:{root:t.classNames?.cell},sharePnLConfig:t.sharePnLConfig})})})]});var Va=t=>{let e=we(t);return jsxRuntime.jsx(So,{...e,sharePnLConfig:t.sharePnLConfig})},Ga=t=>{let{classNames:e,...o}=t,i=we(o);return jsxRuntime.jsx(To,{...i,classNames:e,sharePnLConfig:t.sharePnLConfig})};var rn=t=>{let{t:e}=i18n.useTranslation();return br.useMemo(()=>[{title:e("common.time"),dataIndex:"timestamp",fixed:"left",width:202,render:i=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:i})},{title:e("positions.Liquidation.column.liquidationId"),dataIndex:"liquidation_id",width:202,render:i=>jsxRuntime.jsx(ui$1.Text,{children:i})},{title:e("positions.Liquidation.column.insFundTransfer"),dataIndex:"transfer_amount_to_insurance_fund",width:202,render:i=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(i)})},{title:e("common.symbol"),dataIndex:"Symbol",width:202,render:(i,r)=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-quote",children:n.symbol}))})},{title:`${e("common.price")} (USDC)`,dataIndex:"Price_(USDC)",width:202,render:(i,r)=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(Fo,{value:n.transfer_price,type:"quote"}))})},{title:e("common.quantity"),dataIndex:"Quantity",width:202,render:(i,r)=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(Fo,{value:n.position_qty,type:"base"}))})},{title:e("positions.Liquidation.column.liquidationFee"),dataIndex:"abs_liquidation_fee",width:202,render:(i,r)=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsxRuntime.jsx(Fo,{value:n.abs_liquidation_fee,type:"quote"}))})}],[e])},Fo=t=>jsxRuntime.jsx(ui$1.Text,{children:utils.commifyOptional(t.value)});var sn=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:e("common.price")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:20,children:"(USDC)"})]}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.transfer_price)})]})},an=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:e("common.quantity")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.position_qty)})]})},ln=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:e("positions.Liquidation.column.liquidationFee")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:utils.commifyOptional(t.abs_liquidation_fee)})]})};var vo=t=>jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsxRuntime.jsx(tl,{...t}),jsxRuntime.jsx(el,{...t})]},t.item.timestamp),tl=t=>{let{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{gap:1,width:"100%",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsxRuntime.jsx(ui$1.Text.formatted,{size:"2xs",intensity:36,rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:t.item.timestamp}),jsxRuntime.jsxs(ui$1.Flex,{gap:1,children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.liquidationId")}:`}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:` ${t.item.liquidation_id}`})]})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.insFundTransfer")}:`}),jsxRuntime.jsx(ui$1.Text,{intensity:80,size:"xs",children:utils.commifyOptional(t.item.transfer_amount_to_insurance_fund)})]})]})},el=t=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",width:"100%",children:t.item.positions_by_perp?.map((e,o)=>jsxRuntime.jsx(ol,{isLast:o===t.item.positions_by_perp.length-1,...e},`${o}-${e.symbol}`))}),ol=t=>jsxRuntime.jsxs(ui$1.Flex,{width:"100%",itemAlign:"start",className:ui$1.cn("oui-border-t-[1px] oui-border-line-6 oui-pt-2",!t.isLast&&"oui-pb-2"),children:[jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-quote",size:"xs",intensity:80,className:"oui-flex-1",children:t.symbol}),jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:3,width:"100%",gap:1,className:"oui-flex-1",children:[jsxRuntime.jsx(sn,{...t}),jsxRuntime.jsx(an,{...t}),jsxRuntime.jsx(ln,{...t})]})]},t.key);var Do=t=>({...t});var No=t=>{let{classNames:e,...o}=t,i=Do(o);return jsxRuntime.jsx(vo,{classNames:e,...i})};var qo=t=>{let e=rn();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxRuntime.jsxs(ui$1.Flex,{gap:3,children:[t.filterItems.length>0&&jsxRuntime.jsx(ui$1.DataFilter,{items:t.filterItems,onFilter:o=>{t.onFilter(o);}}),[1,7,30,90].map(o=>jsxRuntime.jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsxRuntime.jsx("div",{className:"oui-z-10",children:jsxRuntime.jsx(ui$1.Text.gradient,{color:t.filterDays===o?"brand":void 0,className:t.filterDays!==o?"oui-text-base-contrast-54":"",children:`${o}D`})}),jsxRuntime.jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(o);}})]},`item-${o}`))]}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{loading:t.isLoading,id:"oui-desktop-liquidation-content",columns:e,bordered:true,dataSource:t.dataSource,generatedRowKey:o=>`${o.liquidation_id}`,pagination:t.pagination,testIds:{body:"oui-testid-dataList-liquidation-tab-body"},classNames:{root:"!oui-h-[calc(100%_-_49px)]"}})]})},Ro=t=>jsxRuntime.jsxs(ui$1.Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsxRuntime.jsx(ui$1.Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsxRuntime.jsx(ui$1.DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsxRuntime.jsx(ui$1.ListView,{className:ui$1.cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:ui$1.cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,loadMore:t.loadMore,renderItem:(e,o)=>jsxRuntime.jsx(No,{item:e,index:o,classNames:{root:t.classNames?.cell}})})]});var Re=t=>{let{symbol:e,enableLoadMore:o}=t,{page:i,pageSize:r,setPage:n,pagination:a,parsePagination:s}=ui$1.usePagination({pageSize:10}),{dateRange:l,filterDays:m,updateFilterDays:u,filterItems:c,onFilter:d}=yl();br.useEffect(()=>{n(1);},[e,l,m]);let[g,{meta:p,isLoading:x,loadMore:F}]=fl({page:o?void 0:i,size:r,symbol:e,start_t:l.from!=null?l.from.getTime():void 0,end_t:l.to!=null?l.to.getTime():void 0});return {dataSource:reactApp.useDataTap(g,{fallbackData:[]}),isLoading:x,loadMore:F,pagination:s(p),dateRange:l,filterDays:m,updateFilterDays:u,filterItems:c,onFilter:d}},fl=t=>{let e=hooks.usePrivateInfiniteQuery(gl(t),{initialSize:1,formatter:a=>a,revalidateOnFocus:true}),o=br.useMemo(()=>e.data?.[0]?.meta,[e.data?.[0]]),i=br.useMemo(()=>e.data?.map(a=>a.rows)?.flat(),[e.data]),r=e.isLoading;return [i,{meta:o,isLoading:r,loadMore:()=>{e.setSize(e.size+1);}}]},yl=()=>{let t=Et({to:E(new Date),from:k(dateFns.subDays(new Date,89))}),[e,o]=br.useState(90),[i,r]=br.useState(t),n=m=>{o(m),r({from:k(dateFns.subDays(new Date,m-1)),to:E(new Date)});},a=m=>{if(m.name==="dateRange"){let u=Et(m.value);if(r(u),u.from&&u.to){let c=Math.abs(dateFns.differenceInDays(u.from,u.to))+1,g={1:{from:k(new Date),to:E(new Date)},7:{from:k(dateFns.subDays(new Date,6)),to:E(new Date)},30:{from:k(dateFns.subDays(new Date,29)),to:E(new Date)},90:{from:k(dateFns.subDays(new Date,89)),to:E(new Date)}}[c];g&&zt(g.from,u.from)&&zt(g.to,u.to)?o(c):o(null);}}},{isMobile:s}=ui$1.useScreen();return {filterItems:br.useMemo(()=>{let m={type:"range",name:"dateRange",value:i,fromDate:k(dateFns.subDays(new Date,89)),toDate:E(new Date)};return s?[m]:[m]},[i]),onFilter:a,dateRange:i,filterDays:e,updateFilterDays:n}},gl=t=>(e,o)=>{if(o&&!o.rows?.length)return null;let{symbol:i,size:r=10,page:n,end_t:a,start_t:s}=t,l=new URLSearchParams([["size",r.toString()],["page",`${e+1}`]]);return n&&l.set("page",`${n}`),i&&l.set("symbol",i),a&&l.set("end_t",`${a}`),s&&l.set("start_t",`${s}`),`/v1/liquidations?${l.toString()}`};var xl=t=>{let e=Re(t);return jsxRuntime.jsx(qo,{...e})},bl=t=>{let{classNames:e,...o}=t,i=Re(o);return jsxRuntime.jsx(Ro,{classNames:e,...i})};var Cl="MarketCloseConfirmID";ui$1.registerSimpleDialog(Cl,Nt,{size:"md",closable:false});
|
|
23
23
|
|
|
24
|
-
exports.CombinePositionsWidget =
|
|
24
|
+
exports.CombinePositionsWidget = da;
|
|
25
25
|
exports.FundingFeeButton = lt;
|
|
26
26
|
exports.FundingFeeHistoryUI = le;
|
|
27
|
-
exports.Liquidation =
|
|
28
|
-
exports.LiquidationWidget =
|
|
29
|
-
exports.MarketCloseConfirmID =
|
|
30
|
-
exports.MobileLiquidation =
|
|
31
|
-
exports.MobileLiquidationWidget =
|
|
32
|
-
exports.MobilePositionHistory =
|
|
33
|
-
exports.MobilePositionHistoryWidget =
|
|
34
|
-
exports.MobilePositionsWidget =
|
|
35
|
-
exports.PositionHistory =
|
|
36
|
-
exports.PositionHistoryWidget =
|
|
37
|
-
exports.PositionsWidget =
|
|
38
|
-
exports.useLiquidationScript =
|
|
39
|
-
exports.usePositionHistoryScript =
|
|
27
|
+
exports.Liquidation = qo;
|
|
28
|
+
exports.LiquidationWidget = xl;
|
|
29
|
+
exports.MarketCloseConfirmID = Cl;
|
|
30
|
+
exports.MobileLiquidation = Ro;
|
|
31
|
+
exports.MobileLiquidationWidget = bl;
|
|
32
|
+
exports.MobilePositionHistory = To;
|
|
33
|
+
exports.MobilePositionHistoryWidget = Ga;
|
|
34
|
+
exports.MobilePositionsWidget = ca;
|
|
35
|
+
exports.PositionHistory = So;
|
|
36
|
+
exports.PositionHistoryWidget = Va;
|
|
37
|
+
exports.PositionsWidget = ma;
|
|
38
|
+
exports.useLiquidationScript = Re;
|
|
39
|
+
exports.usePositionHistoryScript = we;
|
|
40
|
+
exports.usePositionsRowContext = Y;
|
|
40
41
|
//# sourceMappingURL=out.js.map
|
|
41
42
|
//# sourceMappingURL=index.js.map
|