@orderly.network/ui-positions 2.6.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.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { registerSimpleDialog, Flex, Text, CloseIcon, Button, ThrottledButton, useScreen, Grid, Statistic, DataTable, cn, ListView, SimpleSheet, SimpleDialog, usePagination, DataFilter, Badge, formatAddress, Box, Tooltip, HoverCard, Divider, toast, capitalizeFirstLetter, ShareIcon, EditIcon, modal, Input, inputFormatter, Select, PopoverRoot, PopoverTrigger, PopoverContent, Slider } from '@orderly.network/ui';
|
|
2
|
-
import
|
|
2
|
+
import br, { createContext, useContext, useCallback, useMemo, useEffect, useState, useRef } from 'react';
|
|
3
3
|
import { useTranslation, i18n } from '@orderly.network/i18n';
|
|
4
4
|
import { EMPTY_LIST, AccountStatusEnum, OrderType, PositionType, AlgoOrderType, OrderSide } from '@orderly.network/types';
|
|
5
5
|
import { commifyOptional, Decimal, getTimestamp, commify } from '@orderly.network/utils';
|
|
@@ -10,11 +10,11 @@ import { positions, account } from '@orderly.network/perp';
|
|
|
10
10
|
import { useDataTap, useOrderEntryFormErrorMsg } from '@orderly.network/react-app';
|
|
11
11
|
import { AuthGuardDataTable } from '@orderly.network/ui-connector';
|
|
12
12
|
import { SharePnLDialogId, SharePnLBottomSheetId } from '@orderly.network/ui-share';
|
|
13
|
-
import { TPSLDetailSheetId, TPSLDetailDialogId, TPSLSheetId, TPSLDialogId
|
|
13
|
+
import { TPSLDetailSheetId, TPSLDetailDialogId, TPSLSheetId, TPSLDialogId } from '@orderly.network/ui-tpsl';
|
|
14
14
|
import { subDays, differenceInDays } from 'date-fns';
|
|
15
15
|
|
|
16
|
-
var Eo=t=>{let{hideCloseIcon:e=false}=t;return jsxs("div",{className:"oui-relative oui-w-full oui-border-b oui-border-line-4 oui-pb-3",children:[jsx(Text,{size:"base",children:t.title}),!e&&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:jsx(CloseIcon,{size:18,color:"white"})})]})},se=t=>{let{t:e}=useTranslation();return jsxs(Flex,{id:"oui-positions-confirm-footer",gap:2,width:"100%",className:"oui-mt-3 oui-pb-1",children:[jsx(Button,{id:"oui-positions-confirm-footer-cancel-button",color:"secondary",fullWidth:true,onClick:t.onCancel,size:"md",children:e("common.cancel")}),jsx(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}=useTranslation(),s=useMemo(()=>o&&e?new Decimal(o).mul(e).toFixed(i,Decimal.ROUND_DOWN):"--",[o,e]);return jsxs(Flex,{direction:"column",gap:1,width:"100%",className:"oui-text-sm oui-text-base-contrast-54",py:5,children:[jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.qty")}),jsx(Text,{color:r===OrderSide.BUY?"success":"danger",children:e})]}),jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.price")}),jsx(Text.formatted,{intensity:98,suffix:jsx(Text,{intensity:54,children:"USDC"}),children:o})]}),jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.notional")}),jsx(Text.formatted,{intensity:98,suffix:jsx(Text,{intensity:54,children:"USDC"}),children:s})]})]})},Dt=t=>{let{t:e}=useTranslation(),o=()=>{(t?.onClose??t.close)?.();};return jsxs(Flex,{direction:"column",className:t.classNames?.root,children:[jsx(Eo,{onClose:o,title:e("positions.marketClose"),hideCloseIcon:t.hideCloseIcon}),jsx(Text,{intensity:54,size:"sm",className:"oui-my-5",children:e("positions.marketClose.description",{quantity:commifyOptional(t.quantity),base:t.base})}),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}=useTranslation(),a=()=>{t.onClose?.();};return jsxs(Fragment,{children:[jsx(Eo,{onClose:a,title:s("positions.limitClose"),hideCloseIcon:t.hideCloseIcon}),jsx(Box,{mt:5,children:jsx(Text,{intensity:54,size:"sm",children:s("positions.limitClose.description",{quantity:commify(t.quantity),base:t.base})})}),jsxs(Flex,{gap:2,mb:4,mt:5,justify:"between",children:[jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:e.symbol}),jsxs(Flex,{gap:1,children:[jsx(Badge,{color:"neutral",size:"xs",children:s("orderEntry.orderType.limit")}),jsx(Badge,{color:n===OrderSide.BUY?"success":"danger",size:"xs",children:n===OrderSide.BUY?s("common.buy"):s("common.sell")})]})]}),jsx(Divider,{className:"oui-w-full"}),jsx(Nn,{className:"oui-text-sm",price:r,quantity:i,side:e.side,quoteDp:o??2}),jsx(se,{onCancel:a,onConfirm:t.onConfirm,submitting:t.submitting})]})};function Bo(t,e){let o=useRef(),i=useRef(e);i.current=e,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();}},[]),useEffect(()=>{o.current?.observe(t.current);},[]);}var Wo=t=>{let e=useRef(null),{onEndReached:o}=t;return Bo(e,()=>{o?.();}),jsxs(Fragment,{children:[t.children,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}=useTranslation(),{isMobile:n}=useScreen(),{isLoading:s,data:a,setSize:l}=usePrivateInfiniteQuery((d,y)=>y&&!y.length?null:`/v1/funding_fee/history?page=${d}&symbol=${e}&start_t=${o}&end_t=${i}`,{revalidateFirstPage:false}),c=useCallback(()=>{l(d=>d+1);},[l]),u=useMemo(()=>Array.isArray(a)?a.flat().map(d=>({...d,funding_fee:-d.funding_fee})):[],[a]),m=useMemo(()=>n?jsx(Qn,{data:u??EMPTY_LIST,isLoading:s,loadMore:c}):jsx(Wn,{data:u??EMPTY_LIST,isLoading:s,loadMore:c}),[n,u,s]);return jsxs("div",{children:[jsxs(Grid,{cols:2,gapX:3,className:"oui-sticky oui-top-0 oui-z-10 oui-bg-base-8 oui-py-4",children:[jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxs(Flex,{direction:"column",gap:1,itemAlign:"start",children:[jsx("span",{className:"oui-text-2xs oui-text-base-contrast-36",children:r("common.symbol")}),jsx(Text.formatted,{rule:"symbol",className:"oui-font-semibold",intensity:98,children:e})]})}),jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsx(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}=useTranslation(),r=useMemo(()=>[{title:i("common.time"),dataIndex:"created_time",width:120,render:n=>jsx(Text.formatted,{rule:"date",children:n})},{title:i("funding.fundingRate"),dataIndex:"funding_rate",formatter:n=>new Decimal(n).mul(100).toString(),render:n=>jsx("span",{children:`${n}%`})},{title:i("funding.paymentType"),dataIndex:"payment_type",formatter:n=>i(n==="Pay"?"funding.paymentType.paid":"funding.paymentType.received"),render:n=>jsx("span",{children:n})},{title:`${i("funding.fundingFee")} (USDC)`,dataIndex:"funding_fee",render:n=>jsx(Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,children:n})}],[i]);return jsx("div",{className:"oui-h-[calc(80vh_-_132px_-_8px)] oui-overflow-y-auto",children:jsx(Wo,{onEndReached:o,children:jsx(DataTable,{classNames:{root:cn("oui-h-auto oui-bg-base-8 oui-text-sm")},columns:r,dataSource:e??EMPTY_LIST,loading:t})})})},Qn=({data:t,isLoading:e,loadMore:o})=>{let i=useCallback(r=>jsx(Un,{item:r}),[]);return jsx("div",{className:"oui-h-[calc(80vh_-_104px)] oui-overflow-y-auto",children:jsx(ListView,{dataSource:t,renderItem:i,isLoading:e,contentClassName:"oui-space-y-0",loadMore:o})})},Un=({item:t})=>{let{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-flex-col oui-space-y-2 oui-border-t oui-border-line-6 oui-py-2",children:[jsxs(Flex,{justify:"between",children:[jsx(Statistic,{label:e("funding.fundingRate"),classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,rule:"percentages",className:"oui-text-xs"},children:t.funding_rate}),jsx(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})]}),jsxs(Flex,{justify:"between",children:[jsx(Text.formatted,{rule:"date",className:"oui-text-base-contrast-36",size:"2xs",children:t.created_time}),jsx(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}=useTranslation(),[n,{setTrue:s,setFalse:a}]=useBoolean(false),{isMobile:l}=useScreen();return jsxs(Fragment,{children:[jsx("button",{onClick:s,children:jsx(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?jsx(SimpleSheet,{open:n,onOpenChange:a,title:r("funding.fundingFee"),classNames:{body:"oui-max-h-[80vh] oui-py-0"},children:jsx(le,{total:t,symbol:e,start_t:o,end_t:i})}):jsx(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:jsx(le,{total:t,symbol:e,start_t:o,end_t:i})})]})};var nr=(t,e)=>{let o=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,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}=useAccount(),a=Array.isArray(e?.use)?e?.use??[]:[],l=Array.isArray(i)?i:[i],c=l.filter(Boolean).length&&(n.status>=AccountStatusEnum.EnableTrading||n.status===AccountStatusEnum.EnableTradingWithoutConnected);return useSWR(()=>c?[t,l]:null,(u,m)=>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}=usePagination({pageSize:50});useEffect(()=>{c(1);},[e]);let u=useSymbolsInfo(),{state:m}=useAccount(),[d,,{isLoading:y}]=usePositionStream(e,{calcMode:o,includedPendingOrder:i}),{data:p=[],isLoading:x,mutate:F}=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=produce(p.filter(L=>L.account_id!==m.mainAccountId),L=>{for(let b of L){let ot=u[b.symbol],it=positions.notional(b.position_qty,b.mark_price),h=M.find(Vt=>Vt.account_id===b.account_id),H=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=positions.maintenanceMargin({positionQty:b.position_qty,markPrice:b.mark_price,MMR:H}),ee=positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.mark_price}),oe=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=positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:ee}),$t=0,ne=0;b.index_price&&($t=positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.index_price}),ne=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=useDataTap([...d?.rows,...f].filter(L=>L.position_qty!==0))??[],O=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=useMemo(()=>gr(O,{mainAccountId:m.mainAccountId,subAccounts:m.subAccounts}),[O,m.mainAccountId,m.subAccounts]),et=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.t("common.mainAccount"):a?.description||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}=usePagination({pageSize:50});xr.useEffect(()=>{l(1);},[e]);let[c,,{isLoading:u}]=usePositionStream(e,{calcMode:o,includedPendingOrder:i});return {dataSource:useDataTap(c?.rows,{fallbackData:[]})??void 0,isLoading:u,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:s,pagination:a}};var Ue=createContext({}),W=()=>useContext(Ue);var St=t=>{let{symbol:e,children:o}=t,i=useSymbolsInfo()[e],r=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 jsx(Ue.Provider,{value:r,children:o})};var me=t=>{let{t:e}=useTranslation();return jsxs(Fragment,{children:[jsx(Slider,{showTip:true,markCount:4,value:[t.value],color:"primary",onValueChange:o=>{t.onValueChange(o[0]);}}),jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{color:"primary",size:"2xs",children:`${t.value}%`}),jsxs(Flex,{gap:1,onClick:t.onMax,className:"oui-cursor-pointer",children:[jsx(Text,{size:"2xs",color:"primary",children:e("common.max")}),jsx(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}=useTranslation(),D=f(x?"positions.marketClose":"positions.limitClose"),O=f(x?"orderEntry.orderType.market":"orderEntry.orderType.limit"),z=T?jsx(Badge,{color:"success",size:"xs",children:f("common.buy")}):jsx(Badge,{color:"danger",size:"xs",children:f("common.sell")}),et=jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text.formatted,{rule:"symbol",showIcon:true,children:F.symbol}),jsxs(Flex,{gap:1,children:[jsx(Badge,{color:"neutral",size:"xs",children:O}),z]})]}),L=jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{intensity:54,children:f("common.lastPrice")}),jsx(Text.numeral,{dp:r,suffix:jsxs(Text,{intensity:36,children:[" ",i]}),children:F.mark_price})]}),b=!x&&jsx(Fragment,{children:jsxs(Flex,{width:"100%",direction:"column",gap:2,children:[jsx(Input.tooltip,{prefix:f("common.price"),suffix:i,align:"right",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",d?"oui-outline-danger":void 0)}}),jsx(Input.tooltip,{prefix:f("common.quantity"),suffix:e,align:"right",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",y?"oui-outline-danger":void 0)}})]})}),ot=jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:o,max:M,onMax:t.onMax}),it=jsxs(Flex,{width:"100%",gap:3,mt:2,children:[jsx(Button,{fullWidth:true,color:"secondary",onClick:t.onCloseSheet,children:f("common.cancel")}),jsx(ThrottledButton,{fullWidth:true,disabled:m||p,loading:m,onClick:h=>{h.stopPropagation(),h.preventDefault(),t.onDoubleConfirm();},children:f("common.confirm")})]});return jsxs(Fragment,{children:[jsx(Button,{variant:"outlined",color:"secondary",size:"sm",className:"oui-border-base-contrast-36",onClick:h=>{h.stopPropagation(),h.preventDefault(),s(true);},children:D}),jsx(SimpleSheet,{title:D,open:n,onOpenChange:s,children:jsxs(Flex,{direction:"column",gap:3,width:"100%",itemAlign:"start",className:"oui-text-sm",children:[et,jsx(Divider,{className:"oui-w-full"}),L,b,ot,it]})}),jsx(SimpleDialog,{open:a,onOpenChange:l,size:"xs",children:x?jsx(Dt,{base:e,quantity:c,submitting:m,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true}):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}=useTranslation(),T=jsxs(Flex,{width:"100%",gap:2,mb:1,children:[jsx(Input.tooltip,{ref:t.quantityInputRef,prefix:M("common.quantity"),suffix:F?jsx(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:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",p?"oui-outline-danger":void 0)}}),jsx(Button,{onClick:t.onMax,size:"md",variant:"outlined",className: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=jsx(Select.options,{variant:"text",size:"md",options:[{label:M("orderEntry.orderType.limit"),value:OrderType.LIMIT},{label:M("orderEntry.orderType.market"),value: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=jsx(Input.tooltip,{suffix:f,size:"md",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",x?"oui-outline-danger":void 0,D?"focus-within:oui-outline-line-12":void 0)}});return jsxs(Fragment,{children:[jsxs(PopoverRoot,{open:m,onOpenChange:d,children:[jsx(PopoverTrigger,{asChild:true,onClick:()=>{d(true);},children:jsx(Button,{variant:"outlined",size:"sm",color:"secondary",children:M("positions.column.close")})}),jsx(PopoverContent,{className:cn("oui-w-[360px] oui-p-5",m?"oui-visible":"oui-invisible"),align:"end",side:"top",onOpenAutoFocus:z=>z.preventDefault(),children:jsxs(Flex,{gapY:2,direction:"column",children:[T,jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:i,max:y,onMax:t.onMax}),jsx(Divider,{my:2,intensity:8,className:"oui-w-full"}),O,jsx(se,{onConfirm:t.onDoubleConfirm,onCancel:t.onClosePopover,submitting:a,disabled:t.disabled})]})})]}),jsx(SimpleDialog,{open:l,onOpenChange:c,size:"sm",children:u?jsx(Dt,{base:o,quantity:s,submitting:a,onClose:t.onCloseDialog,onConfirm:t.onConfirm,classNames:{root:"oui-items-start"},hideCloseIcon:true}):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=createContext({}),J=()=>useContext(Ye);var Je=t=>{let[e,o]=useState(false),[i,r]=useState(false),[n,s]=useState(false),[a,l]=useState(100),c=useRef(null),[u]=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}=useOrderEntryFormErrorMsg(D),h=m.position_qty>0,H=Math.abs(m.position_qty),te=t.type||z,ee=te===OrderType.MARKET,oe=H?.toString()===p.toString();useEffect(()=>{e&&T(t.type);},[t.type,e]);let{priceErrorMsg:ie,quantityErrorMsg:$t}=useMemo(()=>({priceErrorMsg:it("order_price"),quantityErrorMsg:it("order_quantity")}),[D]),ne=!!(ie||$t),Vt=useCallback(gt=>{if(O&&O>0){let Gt=utils.formatNumber(gt,O)??gt;f(Gt);}},[O,f]),fn=useCallback(gt=>{l(gt);let Gt=new Decimal(gt).div(100).mul(H).toFixed(L,Decimal.ROUND_DOWN);Vt(Gt);},[H,L,Vt]);useEffect(()=>{let gt=Math.min(Number(p||0),H),Gt=new Decimal(gt).div(H).mul(100).toDecimalPlaces(2,Decimal.ROUND_DOWN).toNumber();l(Gt);},[p]);let yn=useCallback(()=>{f(H?.toString());},[H,f]),Ae=useCallback(()=>d().then(gt=>{o(false),r(false),s(false);}),[d]),gn=useCallback(()=>u?(r(true),Promise.resolve()):Ae(),[Ae,u]),xn=useCallback(()=>{o(false);},[]),bn=useCallback(()=>{r(false);},[]),Pn=useCallback(()=>{s(false);},[]),Cn=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}=useScreen();return o?jsx(Ke,{...e}):jsx(Xe,{...e})};var Tt=()=>{let{position:t,baseDp:e,quoteDp:o,tpslOrder:i}=J(),{isMobile:r}=useScreen();return jsx(EditIcon,{onClick:()=>{let s=r?TPSLDetailSheetId:TPSLDetailDialogId;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]=useLocalStorage("orderly_order_confirm",true),{t:s}=useTranslation(),{isMobile:a}=useScreen(),l=()=>{let c=a?TPSLSheetId: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?modal.confirm({title:s("orders.cancelOrder"),content:s("tpsl.cancelOrder.description"),onOk:()=>d.cancel()}).then(()=>true,()=>Promise.reject(false)):modal.confirm({title:s("tpsl.confirmOrder"),onOk:async()=>{try{let p=await d.submit({accountId:e.account_id});return p.success?p:(p.message&&toast.error(p.message),!1)}catch(p){return p?.message&&toast.error(p.message),false}},classNames:{body:"!oui-pb-0"},content:jsx(PositionTPSLConfirm,{isPositionTPSL:t.positionType===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))}};modal.show(c,u);};return jsx(Text,{className:cn("oui-text-base-contrast oui-cursor-pointer",a&&"oui-text-base-contrast-80"),onClick:l,children:s("tpsl.add")})},Pe=({symbol:t})=>t?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:[jsx(Text,{children:"Cross"}),jsx(us,{symbol:t})]}):null,us=({symbol:t})=>{let e=useSymbolLeverage(t);return jsx(Text.numeral,{dp:0,size:"2xs",unit:"X",children:e!=="-"?e:"--"})};var si=t=>{let e=W();return jsx(Text.numeral,{dp:e.base_dp,rm: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 jsx(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=useSymbolsInfo(),{t:c}=useTranslation(),u=useMemo(()=>{let d=[];return n?.symbol?(o&&d.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${c("tpsl.tp")} - `}):""},"tp")),i&&d.push(jsx(Text.formatted,{className:cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:l[n.symbol]("quote_dp",2),prefix:jsx(Text,{intensity:54,children:`${c("tpsl.sl")} - `}),children:i},"sl")),d.length===0?jsx(mt,{positionType:PositionType.PARTIAL}):(d.length===2&&r==="row"&&d.splice(1,0,jsx(Text,{children:"/"},"split")),d)):jsx(mt,{positionType:PositionType.PARTIAL})},[o,i,n?.symbol,c]),m=Array.isArray(u)?!!u.length:!u;return jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx("div",{className:cn("oui-inline-flex oui-text-base-contrast-36",r==="column"?"oui-flex-col":"oui-flex-row oui-gap-1"),children:u}),m&&jsxs(Fragment,{children:[jsxs(Text,{className:"oui-text-base-contrast-54",children:["(",e,")"]}),jsx(Tt,{})]})]})};var oo=t=>{if(t.sharePnLConfig==null)return jsx(Fragment,{});let{position:e}=t,o=useSymbolsInfo(),{data:i}=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=positions.notional(l,a),p=account.IMR({maxLeverage:i.max_leverage,baseIMR:m,IMR_Factor:d,positionNotional:y,ordersNotional:0,IMR_factor_power:4/5}),x=positions.unrealizedPnLROI({positionQty:l,openPrice:a,IMR:p,unrealizedPnL:s});c=new Decimal(x*100).toFixed(2,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 Decimal(e.unrealized_pnl_ROI*100).toFixed(2,Decimal.ROUND_DOWN),openPrice:Math.abs(e.average_open_price),markPrice:e.mark_price,openTime:e.timestamp,quantity:e.position_qty};modal.show(t.modalId,{pnl:{entity:{symbol:e.symbol,...n},refCode:t.refCode,...t.sharePnLConfig}});};return jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),r();},children:jsx(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}=useReferralInfo(),a=useMemo(()=>s()?.code,[s]),l=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 jsx(oo,{...e})};var yi=t=>{let{stopLossPrice:e,takeProfitPrice:o}=t,{tpslOrder:i,position:r}=J();return 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=utils.priceToPnl({qty:e,price:o,entryPrice:i,orderSide:r,orderType:n},{symbol:s}),l=n===AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxs(Flex,{children:[jsx(Text,{intensity:54,className:"oui-mr-1",children:`${l} PnL:`}),jsx(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:jsx(Text,{children:a===0?"":a>0?"+":"-"}),suffix:jsx(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=useSymbolsInfo(),{t:n}=useTranslation(),s=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(jsx(pi,{qty:m,price:t.takeProfitPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:AlgoOrderType.TAKE_PROFIT,symbolInfo:r[o.symbol]()},"tp")),t.stopLossPrice&&u.push(jsx(pi,{qty:m,price:t.stopLossPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:AlgoOrderType.STOP_LOSS,symbolInfo:r[o.symbol]()},"sl")),jsx("div",{children:u})},[t.takeProfitPrice,t.stopLossPrice,i?.average_open_price,o?.side,o?.quantity,o?.algo_type]),a=useMemo(()=>{let u=[];if(!o?.symbol)return jsx(mt,{positionType:PositionType.FULL});return t.takeProfitPrice&&u.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${n("tpsl.tp")} - `}):""},"tp")),t.stopLossPrice&&u.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${n("tpsl.sl")} - `}):""},"sl")),u.length===0?jsx(mt,{positionType:PositionType.FULL}):(u.length===2&&e==="row"&&u.splice(1,0,jsx(Text,{children:"/"},"split")),u)},[t.takeProfitPrice,t.stopLossPrice,o?.symbol,n]),l=jsx("div",{className: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?jsxs(Flex,{gapX:2,children:[jsx(Tooltip,{content:s,children:l}),c&&jsx(Tt,{})]}):l};var Ci=t=>{let[e,o]=useLocalStorage("unPnlPriceBasis","markPrice"),{t:i}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,className:"oui-text-base-contrast-54 oui-items-start",children:[jsx(Text,{children:i("positions.column.unrealPnl.tooltip")}),jsx(Divider,{className:"oui-w-full"}),jsx("div",{className:"oui-mb-0",children:i("positions.column.unrealPnl.priceBasis")}),jsx(Es,{value:e,onValueChange:o})]})},Es=t=>{let{value:e,onValueChange:o}=t,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(xi,{sel:e==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),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 jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[e?jsx(zs,{}):jsx(Hs,{}),jsx(Text,{size:"xs",intensity:e?98:54,children:o})]})},zs=()=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),Hs=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var so=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:i}=t,{t:r}=useTranslation(),n=useRef(Date.now().toString());return useMemo(()=>[{title:r("common.symbol"),dataIndex:"symbol",fixed:"left",width:140,onSort:(a,l)=>a.symbol.localeCompare(l.symbol),render:(a,l)=>jsxs(Flex,{gap:2,children:[jsx(Box,{width:4,height:20,className:cn("oui-h-[38px] oui-rounded-[1px]",l.position_qty>0?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:c=>{i?.({symbol:a}),c.stopPropagation(),c.preventDefault();},children:`${a.split("_")[1]}-PERP`}),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=>jsx(Ce,{rm:Decimal.ROUND_DOWN,children:a})},{title:r("common.markPrice"),dataIndex:"mark_price",width:120,onSort:true,className:"oui-h-[48px]",render:a=>jsx(Ce,{rm:Decimal.ROUND_DOWN,children:a})},{title:jsx(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:jsx(Text,{children:r("positions.column.liqPrice")})}),width:100,onSort:true,dataIndex:"est_liq_price",render:a=>Number(a)===0?"--":jsx(Ce,{rm:Decimal.ROUND_DOWN,className:Number(a)>0?"oui-text-warning-light":"",children:a??"--"})},{title:jsx(HoverCard,{content:jsx(Ci,{}),side:"top",align:"center",className:"oui-max-w-[280px] oui-text-2xs",children:jsx(Text,{children:r("common.unrealizedPnl")})}),dataIndex:"unrealized_pnl",width:180,onSort:true,rule:"price",numeralProps:{coloring:true},render:(a,l)=>jsxs(Flex,{gap:2,children:[jsxs(Flex,{children:[jsx(Text.numeral,{dp:e,rm:Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",children:a}),jsx(Text.numeral,{rule:"percentages",dp:e,rm:Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",prefix:"(",suffix:")",children:l.unrealized_pnl_ROI})]}),jsx(dt,{position:l,sharePnLConfig:o,modalId:SharePnLDialogId})]})},{title:r("common.fullTPSL"),dataIndex:"full_tpsl",width:150,render:(a,l)=>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)=>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=>jsx(Text.numeral,{dp:e,children:a})},{title:jsx(Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:jsxs(Flex,{direction:"column",gap:3,className:"oui-rounded-sm oui-bg-base-8 oui-text-base-contrast-54",children:[jsx("span",{children:r("positions.column.margin.tooltip")}),jsx(Divider,{className:"oui-w-full"}),jsx("span",{children:r("positions.column.margin.formula")})]}),children:jsx(Text,{children:r("positions.column.margin")})}),dataIndex:"mm",onSort:true,width:100,rule:"price",render:a=>jsx(Text.numeral,{children:a})},{title:r("funding.fundingFee"),dataIndex:"fundingFee",width:100,render:(a,l)=>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 jsx(Flex,{gapX:2,justify:"end",children:jsx(Mt,{})})}}],[e,o,r])};var Ti=t=>{let{item:e}=t,o=e.position_qty>0,{t:i}=useTranslation();return jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"2xs",suffix:jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsx(Badge,{color:o?"success":"danger",size:"xs",children:i(o?"common.long":"common.short")}),jsx(Pe,{symbol:e.symbol})]}),showIcon:true,onClick:()=>{t.onSymbolChange?.({symbol:e.symbol});},children:e.symbol})},Fi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsxs(Flex,{gap:3,children:[jsxs(Flex,{direction:"column",className:"oui-text-2xs",itemAlign:"end",children:[jsxs("div",{children:[jsx(Text,{intensity:36,children:o("common.unrealizedPnl")}),jsx(Text,{intensity:20,children:"(USDC)"})]}),jsx(Text.numeral,{size:"xs",dp:t.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,coloring:true,className:"orderly-font-semibold",suffix:jsx(Text.numeral,{rule:"percentages",dp:t.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,prefix:"(",suffix:")",className: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})]}),jsx(dt,{position:e,sharePnLConfig:t.sharePnLConfig,modalId:SharePnLBottomSheetId,iconSize:12})]})},wi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.qty"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.base_dp,padding:false,coloring:true,children:e.position_qty})})},Ii=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:jsxs("span",{children:[o("positions.column.margin"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,intensity:80,children:e.mm})})},vi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{align:"end",label:jsxs("span",{children:[o("common.notional"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,intensity:80,children:e.notional})})},Ni=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.avgOpen"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,intensity:80,children:e.average_open_price})})},Di=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.markPrice"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,intensity:80,children:e.mark_price})})},Li=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.est_liq_price&&e.est_liq_price>0?e.est_liq_price:"-";return jsx(Statistic,{label:o("positions.column.liqPrice"),align:"end",classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,color:"warning",children:i})})},qi=t=>{let{item:e}=t,{t:o}=useTranslation(),i=useMemo(()=>e.full_tp_sl?.tp_trigger_price==null&&e.full_tp_sl?.sl_trigger_price==null?jsx(mt,{positionType:PositionType.FULL}):jsxs(Flex,{className:"oui-gap-[2px]",children:[e.full_tp_sl?.tp_trigger_price&&jsx(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&&jsx(Text.numeral,{color:"sell",children:e.full_tp_sl.sl_trigger_price}),jsx(Tt,{})]}),[e.full_tp_sl]),r=useMemo(()=>e.partial_tp_sl?.tp_trigger_price==null&&e.partial_tp_sl?.sl_trigger_price==null?jsx(mt,{positionType:PositionType.PARTIAL}):jsxs(Flex,{className:"oui-gap-[2px]",itemAlign:"center",children:[e.partial_tp_sl?.tp_trigger_price&&jsx(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&&jsx(Text.numeral,{color:"sell",children:e.partial_tp_sl.sl_trigger_price}),jsx(Text,{children:`(${e.partial_tp_sl?.order_num})`}),jsx(Tt,{})]}),[e.partial_tp_sl]);return jsxs(Grid,{cols:2,rows:1,gap:2,width:"100%",children:[jsxs(Flex,{className:"oui-text-2xs oui-text-base-contrast-36",direction:"column",itemAlign:"start",children:[jsxs(Text,{children:[o("common.fullTPSL"),": "]}),i]}),jsxs(Flex,{className:"oui-text-2xs oui-text-base-contrast-36 oui-grid-cols-end",direction:"column",itemAlign:"end",children:[jsxs(Text,{children:[o("common.partialTPSL"),": "]}),r]})]})},Ri=t=>{let{t:e}=useTranslation(),o=useRef(Date.now().toString());return jsxs(Flex,{justify:"end",className:"oui-w-full oui-text-2xs",children:[jsxs(Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),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=jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Ti,{...t}),jsx(Fi,{...t})]}),r=jsxs(Grid,{cols:3,rows:2,gap:2,width:"100%",children:[jsx(wi,{...t}),jsx(Ii,{...t}),jsx(vi,{...t}),jsx(Ni,{...t}),jsx(Di,{...t}),jsx(Li,{...t})]}),n=jsxs(Grid,{width:"100%",gap:2,cols:2,rows:1,children:[jsx(Mt,{type:OrderType.LIMIT}),jsx(Mt,{type:OrderType.MARKET})]});return jsxs(Flex,{direction:"column",width:"100%",gap:2,p:2,r:"xl",itemAlign:"start",className:cn(e,"oui-bg-base-9"),children:[i,jsx(Divider,{intensity:6,className:"oui-w-full"}),r,jsx(qi,{...o}),jsx(Ri,{...o}),n]})};var lo=t=>{let e=W();return {...t,...e}};var uo=t=>{let e=lo(t);return jsx(ao,{...e,className:t.className})};var Fe=t=>{let{position:e,children:o,mutatePositions:i}=t,{t:r}=useTranslation(),[n,s]=useState(Math.abs(e.position_qty).toString()),[a,l]=useState(""),[c,u]=useState(OrderType.MARKET);useEffect(()=>{s(Math.abs(e.position_qty).toString());},[e.position_qty]);let m=e.symbol,d=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}=usePositionClose({position:e,order:{type:c,quantity:n,price:a}}),et=useCallback(h=>{let H=z({},"order_quantity",h,e.mark_price,y());s(H.order_quantity);},[z,d,e.mark_price]),L=useCallback(h=>{let H=z({},"order_price",h,e.mark_price,y());l(H.order_price);},[z,d,e.mark_price]),b=useCallback(h=>{u(h),l(h===OrderType.LIMIT?e.mark_price?.toString():"");},[e.mark_price]),ot=useCallback(async()=>{if(Number(n)>y("base_max")){toast.error(jsxs("div",{children:[r("positions.limitClose.errors.exceed.title"),jsx("br",{}),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&&toast.error(h.message),true}).catch(h=>(h.message&&toast.error(h.message),false))},[f]),it=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 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 jsx(AuthGuardDataTable,{loading:r,id:"oui-desktop-positions-content",columns:a,bordered:true,dataSource:n,generatedRowKey:l=>l.symbol,renderRowContainer:(l,c,u)=>jsx(St,{symbol:l.symbol,children: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 jsx(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)=>jsx(St,{symbol:n.symbol,children:jsx(Fe,{position:n,children: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 jsx(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"?jsx(Badge,{color:"neutral",size:"xs",children:m?.description||formatAddress(m?.id)}):null}},renderRowContainer:(u,m,d)=>u.symbol?jsx(St,{symbol:u.symbol,children: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 jsx(zi,{...e})},fa=t=>{let e=Qe(t);return jsx(Hi,{...e})},ya=t=>{let e=Vo(t);return jsx(Bi,{...e})};var Ui=t=>{let{onSymbolChange:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=useTranslation();return useMemo(()=>[{title:i("common.symbol"),dataIndex:"symbol",fixed:"left",width:200,onSort:(n,s)=>n.symbol.localeCompare(s.symbol),render:(n,s)=>jsx(Ca,{record:s,onSymbolChange:e})},{title:i("positions.history.column.closed&maxClosed"),dataIndex:"close_maxClose",width:200,render:(n,s)=>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)=>jsxs(Flex,{gapX:1,children:[jsx(_a,{record:s,pnlNotionalDecimalPrecision:o}),jsx(dt,{position:s,sharePnLConfig:t.sharePnLConfig,modalId: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 jsx(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 jsx(Text.numeral,{dp:l,padding:false,children:a})}},{title:i("funding.fundingFee"),dataIndex:"accumulated_funding_fee",render:(n,s)=>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)=>jsx(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?jsx(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)=>jsx(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}=useTranslation(),r=useMemo(()=>{let n=[],s=e.position_status,a=()=>s==="closed"?i("positions.history.status.closed"):s==="partial_closed"?i("positions.history.status.partialClosed"):capitalizeFirstLetter(s.replace("_"," "));return n.push(jsx(Badge,{color:s!=="closed"?"primaryLight":"neutral",size:"xs",className:"oui-break-normal oui-whitespace-nowrap",children:a()})),e.type==="adl"?n.push(jsx(Badge,{color:"danger",size:"xs",children:i("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsx(Tooltip,{className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},content:jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[e.liquidation_id!=null&&jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.liquidationId")}),jsx(Text,{intensity:98,children:e.liquidation_id})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.liquidatorFee")}),jsxs(Text,{color:"lose",children:[e.liquidator_fee>0&&"-",commifyOptional(e.liquidator_fee)]})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.insFundFee")}),jsxs(Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",commifyOptional(e.insurance_fund_fee)]})]})]}),children:jsx("div",{children:jsx(Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",children:jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:i("positions.history.type.liquidated")})})})})),n},[e,i]);return jsxs(Flex,{gap:2,height:48,children:[jsx(Box,{width:4,height:38,className:cn("oui-rounded-[1px] oui-shrink-0",e.side==="LONG"?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(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`}),jsx(Flex,{gap:1,children:r})]})]})},ha=t=>{let{record:e}=t,{base_dp:o}=W();return jsxs(Flex,{gap:1,direction:"column",itemAlign:"start",className:"oui-overflow-hidden oui-whitespace-nowrap oui-text-ellipsis",children:[jsx(Text.numeral,{dp:o,padding:false,children:Math.abs(e.closed_position_qty)}),jsx(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}=useTranslation(),r=e.netPnL!=null?e.netPnL:void 0,n=()=>jsx(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():jsx(Tooltip,{delayDuration:200,content:jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[jsx(Text,{intensity:80,children:i("positions.history.column.netPnl")}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("common.realizedPnl")}),jsx(Text,{color:e.realized_pnl>=0?"profit":"lose",className:"oui-cursor-pointer",children:commifyOptional(e.realized_pnl)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("funding.fundingFee")}),jsx(Text,{color:e.accumulated_funding_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:commifyOptional(-e.accumulated_funding_fee)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.netPnl.tradingFee")}),jsx(Text,{color:e.trading_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:commifyOptional(-e.trading_fee)})]})]}),className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children: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}=useAccount(),{data:n,isLoading:s}=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}=usePagination({pageSize:10}),{status:c,side:u,dateRange:m,filterDays:d,updateFilterDays:y,filterItems:p,onFilter:x}=La();useEffect(()=>{l(1);},[c,u,m,d,o]);let F=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:useDataTap(F,{accountStatus:r.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading,fallbackData:[]}),isLoading:s,onSymbolChange:e,pagination:a,filterItems:p,onFilter:x,symbol:o,filterDays:d,updateFilterDays:y,pnlNotionalDecimalPrecision:i}},La=()=>{let{t}=useTranslation(),[e,o]=useState("all"),[i,r]=useState("all"),n=zt({to:E(new Date),from:k(subDays(new Date,89))}),[s,a]=useState(90),[l,c]=useState(n),u=p=>{a(p),c({from:k(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(differenceInDays(x.from,x.to))+1,T={1:{from:k(new Date),to:E(new Date)},7:{from:k(subDays(new Date,6)),to:E(new Date)},30:{from:k(subDays(new Date,29)),to:E(new Date)},90:{from:k(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}=useScreen();return {filterItems: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(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}=useTranslation(),r=e==="LONG";return jsx(Text.formatted,{intensity:80,rule:"symbol",formatString:"base-type",size:"sm",prefix:jsx(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}=useTranslation(),i=()=>{modal.alert({title:o("positions.liquidation"),message:jsxs(Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[e.liquidation_id!=null&&jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.liquidationId")}),jsx(Text,{intensity:98,children:e.liquidation_id})]}),jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.liquidatorFee")}),jsxs(Text,{color:"lose",children:[e.liquidator_fee>0&&"-",commifyOptional(e.liquidator_fee)]})]}),jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.insFundFee")}),jsxs(Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",commifyOptional(e.insurance_fund_fee)]})]})]})});},r=useMemo(()=>{let n=[],s=e.position_status,a=()=>s==="closed"?o("positions.history.status.closed"):s==="partial_closed"?o("positions.history.status.partialClosed"):capitalizeFirstLetter(s.replace("_"," "));return n.push(jsx(Badge,{color:s!=="closed"?"primaryLight":"neutral",size:"xs",children:a()})),e.type==="adl"?n.push(jsx(Badge,{color:"danger",size:"xs",children:o("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsx(Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",onClick:i,children:jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:o("positions.history.type.liquidated")})})),n},[e]);return jsx(Flex,{gap:1,children:r})},Xi=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.closed_position_qty!=null?Math.abs(e.closed_position_qty):"--";return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.closed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Yi=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.max_position_qty!=null?Math.abs(e.max_position_qty):"--";return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.maxClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(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}=useTranslation();return jsx(Statistic,{label:jsxs(Flex,{gap:1,children:[i("common.avgOpen"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(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}=useTranslation();return jsx(Statistic,{label:jsxs(Flex,{gap:1,children:[i("common.avgClose"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},ji=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.timeOpened")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:jsx(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}=useTranslation(),i=e.position_status=="closed"&&e.close_timestamp?jsx(Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.close_timestamp}):"--";return jsx(Statistic,{label:jsx(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}=useTranslation();return jsxs(Flex,{justify:"end",className:"oui-text-2xs oui-w-full oui-py-2 oui-gap-1 oui-gap-1",children:[jsxs(Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),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=>jsxs(Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsx(Ha,{...t}),jsx(Divider,{intensity:6,className:"oui-w-full"}),jsx(Ba,{...t})]}),Ha=t=>{let{t:e}=useTranslation(),o=()=>{let{item:i}=t;modal.alert({title:e("positions.history.column.netPnl"),message:jsxs(Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("common.realizedPnl")}),jsx(Text,{color:i.realized_pnl>=0?"profit":"lose",children:commifyOptional(i.realized_pnl)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("funding.fundingFee")}),jsx(Text,{color:i.accumulated_funding_fee>0?"lose":"profit",children:commifyOptional(-i.accumulated_funding_fee)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("positions.history.netPnl.tradingFee")}),jsx(Text,{color:i.trading_fee>0?"lose":"profit",children:commifyOptional(-i.trading_fee)})]})]})});};return jsxs(Flex,{gap:1,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsx(Gi,{...t}),jsx(Ki,{...t})]}),jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsx(Text,{size:"2xs",intensity:36,children:e("positions.history.column.netPnl")}),jsxs(Flex,{gapX:1,children:[jsx("button",{onClick:o,children:jsx(Text.numeral,{size:"xs",coloring:true,children:t.item.netPnL??"--"})}),jsx(dt,{position:t.item,sharePnLConfig:t.sharePnLConfig,modalId:SharePnLBottomSheetId,iconSize:12,isPositionHistory:true})]})]})]})},Ba=t=>jsxs("div",{className:"oui-w-full",children:[jsxs(Grid,{cols:3,rows:2,width:"100%",gap:0,className:"oui-grid-cols-[1fr,1fr,135px]",children:[jsx(Xi,{...t}),jsx(Yi,{...t}),jsx(ji,{...t}),jsx(Ji,{...t}),jsx(Zi,{...t}),jsx(tn,{...t})]}),jsx(en,{...t})]});var Co=t=>{let e=W();return {...t,...e}};var ho=t=>{let e=Co(t);return 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}=useTranslation(),s=useMemo(()=>({1:n("common.select.1d"),7:n("common.select.7d"),30:n("common.select.30d"),90:n("common.select.90d")}),[n]);return jsxs(Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxs(Flex,{gap:3,children:[t.filterItems.length>0&&jsx(DataFilter,{items:t.filterItems,onFilter:a=>{t.onFilter(a);}}),[1,7,30,90].map(a=>jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsx("div",{className:"oui-z-10",children:jsx(Text.gradient,{color:t.filterDays===a?"brand":void 0,className:cn("oui-whitespace-nowrap oui-break-normal",t.filterDays!==a?"oui-text-base-contrast-54":""),children:s[a]||`${a}D`})}),jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(a);}})]},`item-${a}`))]}),jsx(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)=>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=>jsxs(Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsx(Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsx(DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsx(ListView,{className:cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,renderItem:(e,o)=>jsx(St,{symbol:e.symbol,children: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 jsx(To,{...e,sharePnLConfig:t.sharePnLConfig})},Ya=t=>{let{classNames:e,...o}=t,i=Ie(o);return jsx(Fo,{...i,classNames:e,sharePnLConfig:t.sharePnLConfig})};var sn=t=>{let{t:e}=useTranslation();return useMemo(()=>[{title:e("common.time"),dataIndex:"timestamp",fixed:"left",width:202,render:i=>jsx(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=>jsx(Text,{children:i})},{title:e("positions.Liquidation.column.insFundTransfer"),dataIndex:"transfer_amount_to_insurance_fund",width:202,render:i=>jsx(Text,{children:commifyOptional(i)})},{title:e("common.symbol"),dataIndex:"Symbol",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(Text.formatted,{rule:"symbol",formatString:"base-quote",children:n.symbol}))})},{title:`${e("common.price")} (USDC)`,dataIndex:"Price_(USDC)",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(wo,{value:n.transfer_price,type:"quote"}))})},{title:e("common.quantity"),dataIndex:"Quantity",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(wo,{value:n.position_qty,type:"base"}))})},{title:e("positions.Liquidation.column.liquidationFee"),dataIndex:"abs_liquidation_fee",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(wo,{value:n.abs_liquidation_fee,type:"quote"}))})}],[e])},wo=t=>jsx(Text,{children:commifyOptional(t.value)});var an=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:1,children:[jsx(Text,{size:"2xs",intensity:36,children:e("common.price")}),jsx(Text,{size:"2xs",intensity:20,children:"(USDC)"})]}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.transfer_price)})]})},ln=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{size:"2xs",intensity:36,children:e("common.quantity")}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.position_qty)})]})},un=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{size:"2xs",intensity:36,children:e("positions.Liquidation.column.liquidationFee")}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.abs_liquidation_fee)})]})};var No=t=>jsxs(Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsx(il,{...t}),jsx(nl,{...t})]},t.item.timestamp),il=t=>{let{t:e}=useTranslation();return jsxs(Flex,{gap:1,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsx(Text.formatted,{size:"2xs",intensity:36,rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:t.item.timestamp}),jsxs(Flex,{gap:1,children:[jsx(Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.liquidationId")}:`}),jsx(Text,{size:"2xs",intensity:80,children:` ${t.item.liquidation_id}`})]})]}),jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsx(Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.insFundTransfer")}:`}),jsx(Text,{intensity:80,size:"xs",children:commifyOptional(t.item.transfer_amount_to_insurance_fund)})]})]})},nl=t=>jsx(Flex,{direction:"column",width:"100%",children:t.item.positions_by_perp?.map((e,o)=>jsx(rl,{isLast:o===t.item.positions_by_perp.length-1,...e},`${o}-${e.symbol}`))}),rl=t=>jsxs(Flex,{width:"100%",itemAlign:"start",className:cn("oui-border-t-[1px] oui-border-line-6 oui-pt-2",!t.isLast&&"oui-pb-2"),children:[jsx(Text.formatted,{rule:"symbol",formatString:"base-quote",size:"xs",intensity:80,className:"oui-flex-1",children:t.symbol}),jsxs(Grid,{cols:1,rows:3,width:"100%",gap:1,className:"oui-flex-1",children:[jsx(an,{...t}),jsx(ln,{...t}),jsx(un,{...t})]})]},t.key);var Do=t=>({...t});var Lo=t=>{let{classNames:e,...o}=t,i=Do(o);return jsx(No,{classNames:e,...i})};var Ro=t=>{let e=sn();return jsxs(Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxs(Flex,{gap:3,children:[t.filterItems.length>0&&jsx(DataFilter,{items:t.filterItems,onFilter:o=>{t.onFilter(o);}}),[1,7,30,90].map(o=>jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsx("div",{className:"oui-z-10",children:jsx(Text.gradient,{color:t.filterDays===o?"brand":void 0,className:t.filterDays!==o?"oui-text-base-contrast-54":"",children:`${o}D`})}),jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(o);}})]},`item-${o}`))]}),jsx(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=>jsxs(Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsx(Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsx(DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsx(ListView,{className:cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,loadMore:t.loadMore,renderItem:(e,o)=>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}=usePagination({pageSize:10}),{dateRange:l,filterDays:c,updateFilterDays:u,filterItems:m,onFilter:d}=bl();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:useDataTap(y,{fallbackData:[]}),isLoading:x,loadMore:F,pagination:a(p),dateRange:l,filterDays:c,updateFilterDays:u,filterItems:m,onFilter:d}},xl=t=>{let e=usePrivateInfiniteQuery(Pl(t),{initialSize:1,formatter:s=>s,revalidateOnFocus:true}),o=useMemo(()=>e.data?.[0]?.meta,[e.data?.[0]]),i=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(subDays(new Date,89))}),[e,o]=useState(90),[i,r]=useState(t),n=c=>{o(c),r({from:k(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(differenceInDays(u.from,u.to))+1,y={1:{from:k(new Date),to:E(new Date)},7:{from:k(subDays(new Date,6)),to:E(new Date)},30:{from:k(subDays(new Date,29)),to:E(new Date)},90:{from:k(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}=useScreen();return {filterItems:useMemo(()=>{let c={type:"range",name:"dateRange",value:i,fromDate:k(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 jsx(Ro,{...e})},hl=t=>{let{classNames:e,...o}=t,i=Me(o);return jsx(Mo,{classNames:e,...i})};var Sl="MarketCloseConfirmID";registerSimpleDialog(Sl,Dt,{size:"md",closable:false});
|
|
16
|
+
var ko=t=>{let{hideCloseIcon:e=false}=t;return jsxs("div",{className:"oui-relative oui-w-full oui-border-b oui-border-line-4 oui-pb-3",children:[jsx(Text,{size:"base",children:t.title}),!e&&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:jsx(CloseIcon,{size:18,color:"white"})})]})},se=t=>{let{t:e}=useTranslation();return jsxs(Flex,{id:"oui-positions-confirm-footer",gap:2,width:"100%",className:"oui-mt-3 oui-pb-1",children:[jsx(Button,{id:"oui-positions-confirm-footer-cancel-button",color:"secondary",fullWidth:true,onClick:t.onCancel,size:"md",children:e("common.cancel")}),jsx(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}=useTranslation(),a=useMemo(()=>o&&e?new Decimal(o).mul(e).toFixed(i,Decimal.ROUND_DOWN):"--",[o,e]);return jsxs(Flex,{direction:"column",gap:1,width:"100%",className:"oui-text-sm oui-text-base-contrast-54",py:5,children:[jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.qty")}),jsx(Text,{color:r===OrderSide.BUY?"success":"danger",children:e})]}),jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.price")}),jsx(Text.formatted,{intensity:98,suffix:jsx(Text,{intensity:54,children:"USDC"}),children:o})]}),jsxs(Flex,{justify:"between",width:"100%",gap:1,children:[jsx(Text,{children:n("common.notional")}),jsx(Text.formatted,{intensity:98,suffix:jsx(Text,{intensity:54,children:"USDC"}),children:a})]})]})},Nt=t=>{let{t:e}=useTranslation(),o=()=>{(t?.onClose??t.close)?.();};return jsxs(Flex,{direction:"column",className:t.classNames?.root,children:[jsx(ko,{onClose:o,title:e("positions.marketClose"),hideCloseIcon:t.hideCloseIcon}),jsx(Text,{intensity:54,size:"sm",className:"oui-my-5",children:e("positions.marketClose.description",{quantity:commifyOptional(t.quantity),base:t.base})}),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}=useTranslation(),s=()=>{t.onClose?.();};return jsxs(Fragment,{children:[jsx(ko,{onClose:s,title:a("positions.limitClose"),hideCloseIcon:t.hideCloseIcon}),jsx(Box,{mt:5,children:jsx(Text,{intensity:54,size:"sm",children:a("positions.limitClose.description",{quantity:commify(t.quantity),base:t.base})})}),jsxs(Flex,{gap:2,mb:4,mt:5,justify:"between",children:[jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:e.symbol}),jsxs(Flex,{gap:1,children:[jsx(Badge,{color:"neutral",size:"xs",children:a("orderEntry.orderType.limit")}),jsx(Badge,{color:n===OrderSide.BUY?"success":"danger",size:"xs",children:n===OrderSide.BUY?a("common.buy"):a("common.sell")})]})]}),jsx(Divider,{className:"oui-w-full"}),jsx(vn,{className:"oui-text-sm",price:r,quantity:i,side:e.side,quoteDp:o??2}),jsx(se,{onCancel:s,onConfirm:t.onConfirm,submitting:t.submitting})]})};var Oe=createContext({}),Y=()=>useContext(Oe);function Ho(t,e){let o=useRef(),i=useRef(e);i.current=e,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();}},[]),useEffect(()=>{o.current?.observe(t.current);},[]);}var Bo=t=>{let e=useRef(null),{onEndReached:o}=t;return Ho(e,()=>{o?.();}),jsxs(Fragment,{children:[t.children,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}=useTranslation(),{isMobile:n}=useScreen(),{isLoading:a,data:s,setSize:l}=usePrivateInfiniteQuery((d,g)=>g&&!g.length?null:`/v1/funding_fee/history?page=${d}&symbol=${e}&start_t=${o}&end_t=${i}`,{revalidateFirstPage:false}),m=useCallback(()=>{l(d=>d+1);},[l]),u=useMemo(()=>Array.isArray(s)?s.flat().map(d=>({...d,funding_fee:-d.funding_fee})):[],[s]),c=useMemo(()=>n?jsx(Un,{data:u??EMPTY_LIST,isLoading:a,loadMore:m}):jsx(Qn,{data:u??EMPTY_LIST,isLoading:a,loadMore:m}),[n,u,a]);return jsxs("div",{children:[jsxs(Grid,{cols:2,gapX:3,className:"oui-sticky oui-top-0 oui-z-10 oui-bg-base-8 oui-py-4",children:[jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsxs(Flex,{direction:"column",gap:1,itemAlign:"start",children:[jsx("span",{className:"oui-text-2xs oui-text-base-contrast-36",children:r("common.symbol")}),jsx(Text.formatted,{rule:"symbol",className:"oui-font-semibold",intensity:98,children:e})]})}),jsx("div",{className:"oui-rounded-lg oui-border oui-border-line-6 oui-bg-base-9 oui-p-3",children:jsx(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}=useTranslation(),r=useMemo(()=>[{title:i("common.time"),dataIndex:"created_time",width:120,render:n=>jsx(Text.formatted,{rule:"date",children:n})},{title:i("funding.fundingRate"),dataIndex:"funding_rate",formatter:n=>new Decimal(n).mul(100).toString(),render:n=>jsx("span",{children:`${n}%`})},{title:i("funding.paymentType"),dataIndex:"payment_type",formatter:n=>i(n==="Pay"?"funding.paymentType.paid":"funding.paymentType.received"),render:n=>jsx("span",{children:n})},{title:`${i("funding.fundingFee")} (USDC)`,dataIndex:"funding_fee",render:n=>jsx(Text.numeral,{rule:"price",coloring:true,showIdentifier:true,ignoreDP:true,children:n})}],[i]);return jsx("div",{className:"oui-h-[calc(80vh_-_132px_-_8px)] oui-overflow-y-auto",children:jsx(Bo,{onEndReached:o,children:jsx(DataTable,{classNames:{root:cn("oui-h-auto oui-bg-base-8 oui-text-sm")},columns:r,dataSource:e??EMPTY_LIST,loading:t})})})},Un=({data:t,isLoading:e,loadMore:o})=>{let i=useCallback(r=>jsx($n,{item:r}),[]);return jsx("div",{className:"oui-h-[calc(80vh_-_104px)] oui-overflow-y-auto",children:jsx(ListView,{dataSource:t,renderItem:i,isLoading:e,contentClassName:"oui-space-y-0",loadMore:o})})},$n=({item:t})=>{let{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-flex-col oui-space-y-2 oui-border-t oui-border-line-6 oui-py-2",children:[jsxs(Flex,{justify:"between",children:[jsx(Statistic,{label:e("funding.fundingRate"),classNames:{label:"oui-text-2xs"},valueProps:{ignoreDP:true,rule:"percentages",className:"oui-text-xs"},children:t.funding_rate}),jsx(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})]}),jsxs(Flex,{justify:"between",children:[jsx(Text.formatted,{rule:"date",className:"oui-text-base-contrast-36",size:"2xs",children:t.created_time}),jsx(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}=useTranslation(),[n,{setTrue:a,setFalse:s}]=useBoolean(false),{isMobile:l}=useScreen();return jsxs(Fragment,{children:[jsx("button",{onClick:a,children:jsx(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?jsx(SimpleSheet,{open:n,onOpenChange:s,title:r("funding.fundingFee"),classNames:{body:"oui-max-h-[80vh] oui-py-0"},children:jsx(le,{total:t,symbol:e,start_t:o,end_t:i})}):jsx(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:jsx(le,{total:t,symbol:e,start_t:o,end_t:i})})]})};var rr=(t,e)=>{let o=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,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}=useAccount(),s=Array.isArray(e?.use)?e?.use??[]:[],l=Array.isArray(i)?i:[i],m=l.filter(Boolean).length&&(n.status>=AccountStatusEnum.EnableTrading||n.status===AccountStatusEnum.EnableTradingWithoutConnected);return useSWR(()=>m?[t,l]:null,(u,c)=>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}=usePagination({pageSize:50});useEffect(()=>{m(1);},[e]);let u=useSymbolsInfo(),{state:c}=useAccount(),[d,,{isLoading:g}]=usePositionStream(e,{calcMode:o,includedPendingOrder:i}),{data:p=[],isLoading:x,mutate:F}=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=produce(p.filter(L=>L.account_id!==c.mainAccountId),L=>{for(let b of L){let ot=u[b.symbol],it=positions.notional(b.position_qty,b.mark_price),h=M.find($t=>$t.account_id===b.account_id),H=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=positions.maintenanceMargin({positionQty:b.position_qty,markPrice:b.mark_price,MMR:H}),ee=positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.mark_price}),oe=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=positions.unrealizedPnLROI({positionQty:b.position_qty,openPrice:b.average_open_price,IMR:oe,unrealizedPnL:ee}),Ut=0,ne=0;b.index_price&&(Ut=positions.unrealizedPnL({qty:b.position_qty,openPrice:b?.average_open_price,markPrice:b.index_price}),ne=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=useDataTap([...d?.rows,...f].filter(L=>L.position_qty!==0))??[],O=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=useMemo(()=>xr(O,{mainAccountId:c.mainAccountId,subAccounts:c.subAccounts}),[O,c.mainAccountId,c.subAccounts]),et=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.t("common.mainAccount"):s?.description||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}=usePagination({pageSize:50});br.useEffect(()=>{l(1);},[e]);let[m,,{isLoading:u}]=usePositionStream(e,{calcMode:o,includedPendingOrder:i});return {dataSource:useDataTap(m?.rows,{fallbackData:[]})??void 0,isLoading:u,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:a,pagination:s}};var Ue=createContext({}),W=()=>useContext(Ue);var St=t=>{let{symbol:e,children:o}=t,i=useSymbolsInfo()[e],r=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 jsx(Ue.Provider,{value:r,children:o})};var me=t=>{let{t:e}=useTranslation();return jsxs(Fragment,{children:[jsx(Slider,{showTip:true,markCount:4,value:[t.value],color:"primary",onValueChange:o=>{t.onValueChange(o[0]);}}),jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{color:"primary",size:"2xs",children:`${t.value}%`}),jsxs(Flex,{gap:1,onClick:t.onMax,className:"oui-cursor-pointer",children:[jsx(Text,{size:"2xs",color:"primary",children:e("common.max")}),jsx(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}=useTranslation(),N=f(x?"positions.marketClose":"positions.limitClose"),O=f(x?"orderEntry.orderType.market":"orderEntry.orderType.limit"),z=T?jsx(Badge,{color:"success",size:"xs",children:f("common.buy")}):jsx(Badge,{color:"danger",size:"xs",children:f("common.sell")}),et=jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text.formatted,{rule:"symbol",showIcon:true,children:F.symbol}),jsxs(Flex,{gap:1,children:[jsx(Badge,{color:"neutral",size:"xs",children:O}),z]})]}),L=jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{intensity:54,children:f("common.lastPrice")}),jsx(Text.numeral,{dp:r,suffix:jsxs(Text,{intensity:36,children:[" ",i]}),children:F.mark_price})]}),b=!x&&jsx(Fragment,{children:jsxs(Flex,{width:"100%",direction:"column",gap:2,children:[jsx(Input.tooltip,{prefix:f("common.price"),suffix:i,align:"right",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",d?"oui-outline-danger":void 0)}}),jsx(Input.tooltip,{prefix:f("common.quantity"),suffix:e,align:"right",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",g?"oui-outline-danger":void 0)}})]})}),ot=jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:o,max:M,onMax:t.onMax}),it=jsxs(Flex,{width:"100%",gap:3,mt:2,children:[jsx(Button,{fullWidth:true,color:"secondary",onClick:t.onCloseSheet,children:f("common.cancel")}),jsx(ThrottledButton,{fullWidth:true,disabled:c||p,loading:c,onClick:h=>{h.stopPropagation(),h.preventDefault(),t.onDoubleConfirm();},children:f("common.confirm")})]});return jsxs(Fragment,{children:[jsx(Button,{variant:"outlined",color:"secondary",size:"sm",className:"oui-border-base-contrast-36",onClick:h=>{h.stopPropagation(),h.preventDefault(),a(true);},children:N}),jsx(SimpleSheet,{title:N,open:n,onOpenChange:a,children:jsxs(Flex,{direction:"column",gap:3,width:"100%",itemAlign:"start",className:"oui-text-sm",children:[et,jsx(Divider,{className:"oui-w-full"}),L,b,ot,it]})}),jsx(SimpleDialog,{open:s,onOpenChange:l,size:"xs",children:x?jsx(Nt,{base:e,quantity:m,submitting:c,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true}):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}=useTranslation(),T=jsxs(Flex,{width:"100%",gap:2,mb:1,children:[jsx(Input.tooltip,{ref:t.quantityInputRef,prefix:M("common.quantity"),suffix:F?jsx(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:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",p?"oui-outline-danger":void 0)}}),jsx(Button,{onClick:t.onMax,size:"md",variant:"outlined",className: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=jsx(Select.options,{variant:"text",size:"md",options:[{label:M("orderEntry.orderType.limit"),value:OrderType.LIMIT},{label:M("orderEntry.orderType.market"),value: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=jsx(Input.tooltip,{suffix:f,size:"md",fullWidth:true,autoComplete:"off",formatters:[inputFormatter.numberFormatter,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:cn("oui-w-full oui-outline-line-12",x?"oui-outline-danger":void 0,N?"focus-within:oui-outline-line-12":void 0)}});return jsxs(Fragment,{children:[jsxs(PopoverRoot,{open:c,onOpenChange:d,children:[jsx(PopoverTrigger,{asChild:true,onClick:()=>{d(true);},children:jsx(Button,{variant:"outlined",size:"sm",color:"secondary",children:M("positions.column.close")})}),jsx(PopoverContent,{className:cn("oui-w-[360px] oui-p-5",c?"oui-visible":"oui-invisible"),align:"end",side:"top",onOpenAutoFocus:z=>z.preventDefault(),children:jsxs(Flex,{gapY:2,direction:"column",children:[T,jsx(me,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:i,max:g,onMax:t.onMax}),jsx(Divider,{my:2,intensity:8,className:"oui-w-full"}),O,jsx(se,{onConfirm:t.onDoubleConfirm,onCancel:t.onClosePopover,submitting:s,disabled:t.disabled})]})})]}),jsx(SimpleDialog,{open:l,onOpenChange:m,size:"sm",children:u?jsx(Nt,{base:o,quantity:a,submitting:s,onClose:t.onCloseDialog,onConfirm:t.onConfirm,classNames:{root:"oui-items-start"},hideCloseIcon:true}):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]=useState(false),[i,r]=useState(false),[n,a]=useState(false),[s,l]=useState(100),m=useRef(null),[u]=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}=useOrderEntryFormErrorMsg(N),h=c.position_qty>0,H=Math.abs(c.position_qty),te=t.type||z,ee=te===OrderType.MARKET,oe=H?.toString()===p.toString();useEffect(()=>{e&&T(t.type);},[t.type,e]);let{priceErrorMsg:ie,quantityErrorMsg:Ut}=useMemo(()=>({priceErrorMsg:it("order_price"),quantityErrorMsg:it("order_quantity")}),[N]),ne=!!(ie||Ut),$t=useCallback(gt=>{if(O&&O>0){let Vt=utils.formatNumber(gt,O)??gt;f(Vt);}},[O,f]),pn=useCallback(gt=>{l(gt);let Vt=new Decimal(gt).div(100).mul(H).toFixed(L,Decimal.ROUND_DOWN);$t(Vt);},[H,L,$t]);useEffect(()=>{let gt=Math.min(Number(p||0),H),Vt=new Decimal(gt).div(H).mul(100).toDecimalPlaces(2,Decimal.ROUND_DOWN).toNumber();l(Vt);},[p]);let fn=useCallback(()=>{f(H?.toString());},[H,f]),Me=useCallback(()=>d().then(gt=>{o(false),r(false),a(false);}),[d]),yn=useCallback(()=>u?(r(true),Promise.resolve()):Me(),[Me,u]),gn=useCallback(()=>{o(false);},[]),xn=useCallback(()=>{r(false);},[]),bn=useCallback(()=>{a(false);},[]),Pn=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}=useScreen();return o?jsx(Ke,{...e}):jsx(Xe,{...e})};var Tt=()=>{let{position:t,baseDp:e,quoteDp:o,tpslOrder:i}=Y(),{isMobile:r}=useScreen();return jsx(EditIcon,{onClick:()=>{let a=r?TPSLDetailSheetId:TPSLDetailDialogId;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]=useLocalStorage("orderly_order_confirm",true),{t:a}=useTranslation(),{isMobile:s}=useScreen(),l=()=>{let m=s?TPSLSheetId:TPSLDialogId,u={symbol:e.symbol,baseDP:o,quoteDP:i,isEditing:false,positionType:t.positionType};modal.show(m,u);};return jsx(Text,{className:cn("oui-text-base-contrast oui-cursor-pointer",s&&"oui-text-base-contrast-80"),onClick:l,children:a("tpsl.add")})},be=({symbol:t})=>t?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:[jsx(Text,{children:"Cross"}),jsx(ss,{symbol:t})]}):null,ss=({symbol:t})=>{let e=useSymbolLeverage(t);return jsx(Text.numeral,{dp:0,size:"2xs",unit:"X",children:e!=="-"?e:"--"})};var ri=t=>{let e=W();return jsx(Text.numeral,{dp:e.base_dp,rm: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 jsx(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=useSymbolsInfo(),{t:m}=useTranslation(),u=useMemo(()=>{let d=[];return n?.symbol?(o&&d.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${m("tpsl.tp")} - `}):""},"tp")),i&&d.push(jsx(Text.formatted,{className:cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:l[n.symbol]("quote_dp",2),prefix:jsx(Text,{intensity:54,children:`${m("tpsl.sl")} - `}),children:i},"sl")),d.length===0?jsx(mt,{positionType:PositionType.PARTIAL}):(d.length===2&&r==="row"&&d.splice(1,0,jsx(Text,{children:"/"},"split")),d)):jsx(mt,{positionType:PositionType.PARTIAL})},[o,i,n?.symbol,m]),c=Array.isArray(u)?!!u.length:!u;return jsxs(Flex,{className:"oui-gap-[6px]",children:[jsx("div",{className:cn("oui-inline-flex oui-text-base-contrast-36",r==="column"?"oui-flex-col":"oui-flex-row oui-gap-1"),children:u}),c&&jsxs(Fragment,{children:[jsxs(Text,{className:"oui-text-base-contrast-54",children:["(",e,")"]}),jsx(Tt,{})]})]})};var eo=t=>{if(t.sharePnLConfig==null)return jsx(Fragment,{});let{position:e}=t,o=useSymbolsInfo(),{data:i}=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=positions.notional(l,s),p=account.IMR({maxLeverage:i.max_leverage,baseIMR:c,IMR_Factor:d,positionNotional:g,ordersNotional:0,IMR_factor_power:4/5}),x=positions.unrealizedPnLROI({positionQty:l,openPrice:s,IMR:p,unrealizedPnL:a});m=new Decimal(x*100).toFixed(2,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 Decimal(e.unrealized_pnl_ROI*100).toFixed(2,Decimal.ROUND_DOWN),openPrice:Math.abs(e.average_open_price),markPrice:e.mark_price,openTime:e.timestamp,quantity:e.position_qty};modal.show(t.modalId,{pnl:{entity:{symbol:e.symbol,...n},refCode:t.refCode,...t.sharePnLConfig}});};return jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),r();},children:jsx(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}=useReferralInfo(),s=useMemo(()=>a()?.code,[a]),l=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 jsx(eo,{...e})};var fi=t=>{let{stopLossPrice:e,takeProfitPrice:o}=t,{tpslOrder:i,position:r}=Y();return 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=utils.priceToPnl({qty:e,price:o,entryPrice:i,orderSide:r,orderType:n},{symbol:a}),l=n===AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxs(Flex,{children:[jsx(Text,{intensity:54,className:"oui-mr-1",children:`${l} PnL:`}),jsx(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:jsx(Text,{children:s===0?"":s>0?"+":"-"}),suffix:jsx(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=useSymbolsInfo(),{t:n}=useTranslation(),a=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(jsx(di,{qty:c,price:t.takeProfitPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:AlgoOrderType.TAKE_PROFIT,symbolInfo:r[o.symbol]()},"tp")),t.stopLossPrice&&u.push(jsx(di,{qty:c,price:t.stopLossPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:AlgoOrderType.STOP_LOSS,symbolInfo:r[o.symbol]()},"sl")),jsx("div",{children:u})},[t.takeProfitPrice,t.stopLossPrice,i?.average_open_price,o?.side,o?.quantity,o?.algo_type]),s=useMemo(()=>{let u=[];if(!o?.symbol)return jsx(mt,{positionType:PositionType.FULL});return t.takeProfitPrice&&u.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${n("tpsl.tp")} - `}):""},"tp")),t.stopLossPrice&&u.push(jsx(Text.formatted,{className: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"?jsx(Text,{intensity:54,children:`${n("tpsl.sl")} - `}):""},"sl")),u.length===0?jsx(mt,{positionType:PositionType.FULL}):(u.length===2&&e==="row"&&u.splice(1,0,jsx(Text,{children:"/"},"split")),u)},[t.takeProfitPrice,t.stopLossPrice,o?.symbol,n]),l=jsx("div",{className: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?jsxs(Flex,{gapX:2,children:[jsx(Tooltip,{content:a,children:l}),m&&jsx(Tt,{})]}):l};var Pi=t=>{let[e,o]=useLocalStorage("unPnlPriceBasis","markPrice"),{t:i}=useTranslation();return jsxs(Flex,{direction:"column",gap:3,className:"oui-text-base-contrast-54 oui-items-start",children:[jsx(Text,{children:i("positions.column.unrealPnl.tooltip")}),jsx(Divider,{className:"oui-w-full"}),jsx("div",{className:"oui-mb-0",children:i("positions.column.unrealPnl.priceBasis")}),jsx(As,{value:e,onValueChange:o})]})},As=t=>{let{value:e,onValueChange:o}=t,{t:i}=useTranslation();return jsxs(Flex,{gap:2,children:[jsx(gi,{sel:e==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),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 jsxs(Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[e?jsx(Os,{}):jsx(ks,{}),jsx(Text,{size:"xs",intensity:e?98:54,children:o})]})},Os=()=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-white",children:[jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".36"}),jsx("circle",{cx:"8",cy:"8",r:"3.333"})]}),ks=()=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",fill:"#fff",fillOpacity:".54"})});var ro=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:i}=t,{t:r}=useTranslation(),n=useRef(Date.now().toString());return useMemo(()=>[{title:r("common.symbol"),dataIndex:"symbol",fixed:"left",width:140,onSort:(s,l)=>s.symbol.localeCompare(l.symbol),render:(s,l)=>jsxs(Flex,{gap:2,children:[jsx(Box,{width:4,height:20,className:cn("oui-h-[38px] oui-rounded-[1px]",l.position_qty>0?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:m=>{i?.({symbol:s}),m.stopPropagation(),m.preventDefault();},children:`${s.split("_")[1]}-PERP`}),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=>jsx(Pe,{rm:Decimal.ROUND_DOWN,children:s})},{title:r("common.markPrice"),dataIndex:"mark_price",width:120,onSort:true,className:"oui-h-[48px]",render:s=>jsx(Pe,{rm:Decimal.ROUND_DOWN,children:s})},{title:jsx(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:jsx(Text,{children:r("positions.column.liqPrice")})}),width:100,onSort:true,dataIndex:"est_liq_price",render:s=>Number(s)===0?"--":jsx(Pe,{rm:Decimal.ROUND_DOWN,className:Number(s)>0?"oui-text-warning-light":"",children:s??"--"})},{title:jsx(HoverCard,{content:jsx(Pi,{}),side:"top",align:"center",className:"oui-max-w-[280px] oui-text-2xs",children:jsx(Text,{children:r("common.unrealizedPnl")})}),dataIndex:"unrealized_pnl",width:180,onSort:true,rule:"price",numeralProps:{coloring:true},render:(s,l)=>jsxs(Flex,{gap:2,children:[jsxs(Flex,{children:[jsx(Text.numeral,{dp:e,rm:Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",children:s}),jsx(Text.numeral,{rule:"percentages",dp:e,rm:Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",prefix:"(",suffix:")",children:l.unrealized_pnl_ROI})]}),jsx(dt,{position:l,sharePnLConfig:o,modalId:SharePnLDialogId})]})},{title:r("common.fullTPSL"),dataIndex:"full_tpsl",width:150,render:(s,l)=>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)=>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=>jsx(Text.numeral,{dp:e,children:s})},{title:jsx(Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:jsxs(Flex,{direction:"column",gap:3,className:"oui-rounded-sm oui-bg-base-8 oui-text-base-contrast-54",children:[jsx("span",{children:r("positions.column.margin.tooltip")}),jsx(Divider,{className:"oui-w-full"}),jsx("span",{children:r("positions.column.margin.formula")})]}),children:jsx(Text,{children:r("positions.column.margin")})}),dataIndex:"mm",onSort:true,width:100,rule:"price",render:s=>jsx(Text.numeral,{children:s})},{title:r("funding.fundingFee"),dataIndex:"fundingFee",width:100,render:(s,l)=>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 jsx(Flex,{gapX:2,justify:"end",children:jsx(Mt,{})})}}],[e,o,r])};var Si=t=>{let{item:e}=t,o=e.position_qty>0,{t:i}=useTranslation();return jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"2xs",suffix:jsxs("div",{className:"oui-flex oui-items-center oui-gap-1",children:[jsx(Badge,{color:o?"success":"danger",size:"xs",children:i(o?"common.long":"common.short")}),jsx(be,{symbol:e.symbol})]}),showIcon:true,onClick:()=>{t.onSymbolChange?.({symbol:e.symbol});},children:e.symbol})},Ti=t=>{let{item:e}=t,{t:o}=useTranslation();return jsxs(Flex,{gap:3,children:[jsxs(Flex,{direction:"column",className:"oui-text-2xs",itemAlign:"end",children:[jsxs("div",{children:[jsx(Text,{intensity:36,children:o("common.unrealizedPnl")}),jsx(Text,{intensity:20,children:"(USDC)"})]}),jsx(Text.numeral,{size:"xs",dp:t.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,coloring:true,className:"orderly-font-semibold",suffix:jsx(Text.numeral,{rule:"percentages",dp:t.pnlNotionalDecimalPrecision,rm:Decimal.ROUND_DOWN,prefix:"(",suffix:")",className: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})]}),jsx(dt,{position:e,sharePnLConfig:t.sharePnLConfig,modalId:SharePnLBottomSheetId,iconSize:12})]})},Fi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.qty"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.base_dp,padding:false,coloring:true,children:e.position_qty})})},wi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:jsxs("span",{children:[o("positions.column.margin"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,intensity:80,children:e.mm})})},Ii=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{align:"end",label:jsxs("span",{children:[o("common.notional"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,intensity:80,children:e.notional})})},vi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.avgOpen"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,intensity:80,children:e.average_open_price})})},Di=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:o("common.markPrice"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,intensity:80,children:e.mark_price})})},Ni=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.est_liq_price&&e.est_liq_price>0?e.est_liq_price:"-";return jsx(Statistic,{label:o("positions.column.liqPrice"),align:"end",classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,rm:Decimal.ROUND_DOWN,color:"warning",children:i})})},Li=t=>{let{item:e}=t,{t:o}=useTranslation(),i=useMemo(()=>e.full_tp_sl?.tp_trigger_price==null&&e.full_tp_sl?.sl_trigger_price==null?jsx(mt,{positionType:PositionType.FULL}):jsxs(Flex,{className:"oui-gap-[2px]",children:[e.full_tp_sl?.tp_trigger_price&&jsx(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&&jsx(Text.numeral,{color:"sell",children:e.full_tp_sl.sl_trigger_price}),jsx(Tt,{})]}),[e.full_tp_sl]),r=useMemo(()=>e.partial_tp_sl?.tp_trigger_price==null&&e.partial_tp_sl?.sl_trigger_price==null?jsx(mt,{positionType:PositionType.PARTIAL}):jsxs(Flex,{className:"oui-gap-[2px]",itemAlign:"center",children:[e.partial_tp_sl?.tp_trigger_price&&jsx(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&&jsx(Text.numeral,{color:"sell",children:e.partial_tp_sl.sl_trigger_price}),jsx(Text,{children:`(${e.partial_tp_sl?.order_num})`}),jsx(Tt,{})]}),[e.partial_tp_sl]);return jsxs(Grid,{cols:2,rows:1,gap:2,width:"100%",children:[jsxs(Flex,{className:"oui-text-2xs oui-text-base-contrast-36",direction:"column",itemAlign:"start",children:[jsxs(Text,{children:[o("common.fullTPSL"),": "]}),i]}),jsxs(Flex,{className:"oui-text-2xs oui-text-base-contrast-36 oui-grid-cols-end",direction:"column",itemAlign:"end",children:[jsxs(Text,{children:[o("common.partialTPSL"),": "]}),r]})]})},qi=t=>{let{t:e}=useTranslation(),o=useRef(Date.now().toString());return jsxs(Flex,{justify:"end",className:"oui-w-full oui-text-2xs",children:[jsxs(Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),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=jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Si,{...t}),jsx(Ti,{...t})]}),r=jsxs(Grid,{cols:3,rows:2,gap:2,width:"100%",children:[jsx(Fi,{...t}),jsx(wi,{...t}),jsx(Ii,{...t}),jsx(vi,{...t}),jsx(Di,{...t}),jsx(Ni,{...t})]}),n=jsxs(Grid,{width:"100%",gap:2,cols:2,rows:1,children:[jsx(Mt,{type:OrderType.LIMIT}),jsx(Mt,{type:OrderType.MARKET})]});return jsxs(Flex,{direction:"column",width:"100%",gap:2,p:2,r:"xl",itemAlign:"start",className:cn(e,"oui-bg-base-9"),children:[i,jsx(Divider,{intensity:6,className:"oui-w-full"}),r,jsx(Li,{...o}),jsx(qi,{...o}),n]})};var ao=t=>{let e=W();return {...t,...e}};var lo=t=>{let e=ao(t);return jsx(so,{...e,className:t.className})};var Te=t=>{let{position:e,children:o,mutatePositions:i}=t,{t:r}=useTranslation(),[n,a]=useState(Math.abs(e.position_qty).toString()),[s,l]=useState(""),[m,u]=useState(OrderType.MARKET);useEffect(()=>{a(Math.abs(e.position_qty).toString());},[e.position_qty]);let c=e.symbol,d=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}=usePositionClose({position:e,order:{type:m,quantity:n,price:s}}),et=useCallback(h=>{let H=z({},"order_quantity",h,e.mark_price,g());a(H.order_quantity);},[z,d,e.mark_price]),L=useCallback(h=>{let H=z({},"order_price",h,e.mark_price,g());l(H.order_price);},[z,d,e.mark_price]),b=useCallback(h=>{u(h),l(h===OrderType.LIMIT?e.mark_price?.toString():"");},[e.mark_price]),ot=useCallback(async()=>{if(Number(n)>g("base_max")){toast.error(jsxs("div",{children:[r("positions.limitClose.errors.exceed.title"),jsx("br",{}),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&&toast.error(h.message),true}).catch(h=>(h.message&&toast.error(h.message),false))},[f]),it=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 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 jsx(AuthGuardDataTable,{loading:r,id:"oui-desktop-positions-content",columns:s,bordered:true,dataSource:n,generatedRowKey:l=>l.symbol,renderRowContainer:(l,m,u)=>jsx(St,{symbol:l.symbol,children: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 jsx(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)=>jsx(St,{symbol:n.symbol,children:jsx(Te,{position:n,children: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 jsx(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"?jsx(Badge,{color:"neutral",size:"xs",children:c?.description||formatAddress(c?.id)}):null}},renderRowContainer:(u,c,d)=>u.symbol?jsx(St,{symbol:u.symbol,children: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 jsx(Ei,{...e})},ca=t=>{let e=Qe(t);return jsx(zi,{...e})},da=t=>{let e=$o(t);return jsx(Hi,{...e})};var Qi=t=>{let{onSymbolChange:e,pnlNotionalDecimalPrecision:o}=t,{t:i}=useTranslation();return useMemo(()=>[{title:i("common.symbol"),dataIndex:"symbol",fixed:"left",width:200,onSort:(n,a)=>n.symbol.localeCompare(a.symbol),render:(n,a)=>jsx(xa,{record:a,onSymbolChange:e})},{title:i("positions.history.column.closed&maxClosed"),dataIndex:"close_maxClose",width:200,render:(n,a)=>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)=>jsxs(Flex,{gapX:1,children:[jsx(Pa,{record:a,pnlNotionalDecimalPrecision:o}),jsx(dt,{position:a,sharePnLConfig:t.sharePnLConfig,modalId: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 jsx(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 jsx(Text.numeral,{dp:l,padding:false,children:s})}},{title:i("funding.fundingFee"),dataIndex:"accumulated_funding_fee",render:(n,a)=>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)=>jsx(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?jsx(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)=>jsx(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}=useTranslation(),r=useMemo(()=>{let n=[],a=e.position_status,s=()=>a==="closed"?i("positions.history.status.closed"):a==="partial_closed"?i("positions.history.status.partialClosed"):capitalizeFirstLetter(a.replace("_"," "));return n.push(jsx(Badge,{color:a!=="closed"?"primaryLight":"neutral",size:"xs",className:"oui-break-normal oui-whitespace-nowrap",children:s()})),e.type==="adl"?n.push(jsx(Badge,{color:"danger",size:"xs",children:i("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsx(Tooltip,{className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},content:jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[e.liquidation_id!=null&&jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.liquidationId")}),jsx(Text,{intensity:98,children:e.liquidation_id})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.liquidatorFee")}),jsxs(Text,{color:"lose",children:[e.liquidator_fee>0&&"-",commifyOptional(e.liquidator_fee)]})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.liquidated.insFundFee")}),jsxs(Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",commifyOptional(e.insurance_fund_fee)]})]})]}),children:jsx("div",{children:jsx(Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",children:jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:i("positions.history.type.liquidated")})})})})),n},[e,i]);return jsxs(Flex,{gap:2,height:48,children:[jsx(Box,{width:4,height:38,className:cn("oui-rounded-[1px] oui-shrink-0",e.side==="LONG"?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(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`}),jsx(Flex,{gap:1,children:r})]})]})},ba=t=>{let{record:e}=t,{base_dp:o}=W();return jsxs(Flex,{gap:1,direction:"column",itemAlign:"start",className:"oui-overflow-hidden oui-whitespace-nowrap oui-text-ellipsis",children:[jsx(Text.numeral,{dp:o,padding:false,children:Math.abs(e.closed_position_qty)}),jsx(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}=useTranslation(),r=e.netPnL!=null?e.netPnL:void 0,n=()=>jsx(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():jsx(Tooltip,{delayDuration:200,content:jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[jsx(Text,{intensity:80,children:i("positions.history.column.netPnl")}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("common.realizedPnl")}),jsx(Text,{color:e.realized_pnl>=0?"profit":"lose",className:"oui-cursor-pointer",children:commifyOptional(e.realized_pnl)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("funding.fundingFee")}),jsx(Text,{color:e.accumulated_funding_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:commifyOptional(-e.accumulated_funding_fee)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:i("positions.history.netPnl.tradingFee")}),jsx(Text,{color:e.trading_fee>0?"lose":"profit",className:"oui-cursor-pointer",children:commifyOptional(-e.trading_fee)})]})]}),className:"oui-min-w-[204px] oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children: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}=useAccount(),{data:n,isLoading:a}=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}=usePagination({pageSize:10}),{status:m,side:u,dateRange:c,filterDays:d,updateFilterDays:g,filterItems:p,onFilter:x}=va();useEffect(()=>{l(1);},[m,u,c,d,o]);let F=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:useDataTap(F,{accountStatus:r.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading,fallbackData:[]}),isLoading:a,onSymbolChange:e,pagination:s,filterItems:p,onFilter:x,symbol:o,filterDays:d,updateFilterDays:g,pnlNotionalDecimalPrecision:i}},va=()=>{let{t}=useTranslation(),[e,o]=useState("all"),[i,r]=useState("all"),n=Et({to:E(new Date),from:k(subDays(new Date,89))}),[a,s]=useState(90),[l,m]=useState(n),u=p=>{s(p),m({from:k(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(differenceInDays(x.from,x.to))+1,T={1:{from:k(new Date),to:E(new Date)},7:{from:k(subDays(new Date,6)),to:E(new Date)},30:{from:k(subDays(new Date,29)),to:E(new Date)},90:{from:k(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}=useScreen();return {filterItems: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(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}=useTranslation(),r=e==="LONG";return jsx(Text.formatted,{intensity:80,rule:"symbol",formatString:"base-type",size:"sm",prefix:jsx(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}=useTranslation(),i=()=>{modal.alert({title:o("positions.liquidation"),message:jsxs(Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[e.liquidation_id!=null&&jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.liquidationId")}),jsx(Text,{intensity:98,children:e.liquidation_id})]}),jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.liquidatorFee")}),jsxs(Text,{color:"lose",children:[e.liquidator_fee>0&&"-",commifyOptional(e.liquidator_fee)]})]}),jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{children:o("positions.history.liquidated.insFundFee")}),jsxs(Text,{color:"lose",children:[e.insurance_fund_fee>0&&"-",commifyOptional(e.insurance_fund_fee)]})]})]})});},r=useMemo(()=>{let n=[],a=e.position_status,s=()=>a==="closed"?o("positions.history.status.closed"):a==="partial_closed"?o("positions.history.status.partialClosed"):capitalizeFirstLetter(a.replace("_"," "));return n.push(jsx(Badge,{color:a!=="closed"?"primaryLight":"neutral",size:"xs",children:s()})),e.type==="adl"?n.push(jsx(Badge,{color:"danger",size:"xs",children:o("positions.history.type.adl")})):e.type==="liquidated"&&n.push(jsx(Badge,{size:"xs",color:"danger",className:"oui-cursor-pointer",onClick:i,children:jsx("span",{className:"oui-underline oui-decoration-dashed oui-decoration-[1px]",children:o("positions.history.type.liquidated")})})),n},[e]);return jsx(Flex,{gap:1,children:r})},Ki=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.closed_position_qty!=null?Math.abs(e.closed_position_qty):"--";return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.closed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.base_dp,padding:false,coloring:true,intensity:80,children:i})})},Xi=t=>{let{item:e}=t,{t:o}=useTranslation(),i=e.max_position_qty!=null?Math.abs(e.max_position_qty):"--";return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.maxClosed")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(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}=useTranslation();return jsx(Statistic,{label:jsxs(Flex,{gap:1,children:[i("common.avgOpen"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(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}=useTranslation();return jsx(Statistic,{label:jsxs(Flex,{gap:1,children:[i("common.avgClose"),jsx(Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsx(Text.numeral,{dp:t.quote_dp,padding:false,coloring:true,intensity:80,children:o})})},Zi=t=>{let{item:e}=t,{t:o}=useTranslation();return jsx(Statistic,{label:jsx(Text,{children:o("positions.history.column.timeOpened")}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},align:"end",children:jsx(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}=useTranslation(),i=e.position_status=="closed"&&e.close_timestamp?jsx(Text.formatted,{intensity:80,formatString:"yyyy-MM-dd HH:mm:ss",rule:"date",children:e.close_timestamp}):"--";return jsx(Statistic,{label:jsx(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}=useTranslation();return jsxs(Flex,{justify:"end",className:"oui-text-2xs oui-w-full oui-py-2 oui-gap-1 oui-gap-1",children:[jsxs(Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),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=>jsxs(Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsx(ka,{...t}),jsx(Divider,{intensity:6,className:"oui-w-full"}),jsx(Ea,{...t})]}),ka=t=>{let{t:e}=useTranslation(),o=()=>{let{item:i}=t;modal.alert({title:e("positions.history.column.netPnl"),message:jsxs(Flex,{direction:"column",width:"100%",gap:2,className:"oui-text-2xs oui-text-base-contrast-54",children:[jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("common.realizedPnl")}),jsx(Text,{color:i.realized_pnl>=0?"profit":"lose",children:commifyOptional(i.realized_pnl)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("funding.fundingFee")}),jsx(Text,{color:i.accumulated_funding_fee>0?"lose":"profit",children:commifyOptional(-i.accumulated_funding_fee)})]}),jsxs(Flex,{justify:"between",width:"100%",gap:2,children:[jsx(Text,{intensity:54,children:e("positions.history.netPnl.tradingFee")}),jsx(Text,{color:i.trading_fee>0?"lose":"profit",children:commifyOptional(-i.trading_fee)})]})]})});};return jsxs(Flex,{gap:1,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsx(Vi,{...t}),jsx(Gi,{...t})]}),jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsx(Text,{size:"2xs",intensity:36,children:e("positions.history.column.netPnl")}),jsxs(Flex,{gapX:1,children:[jsx("button",{onClick:o,children:jsx(Text.numeral,{size:"xs",coloring:true,children:t.item.netPnL??"--"})}),jsx(dt,{position:t.item,sharePnLConfig:t.sharePnLConfig,modalId:SharePnLBottomSheetId,iconSize:12,isPositionHistory:true})]})]})]})},Ea=t=>jsxs("div",{className:"oui-w-full",children:[jsxs(Grid,{cols:3,rows:2,width:"100%",gap:0,className:"oui-grid-cols-[1fr,1fr,135px]",children:[jsx(Ki,{...t}),jsx(Xi,{...t}),jsx(Zi,{...t}),jsx(Yi,{...t}),jsx(Ji,{...t}),jsx(ji,{...t})]}),jsx(tn,{...t})]});var Po=t=>{let e=W();return {...t,...e}};var Co=t=>{let e=Po(t);return 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}=useTranslation(),a=useMemo(()=>({1:n("common.select.1d"),7:n("common.select.7d"),30:n("common.select.30d"),90:n("common.select.90d")}),[n]);return jsxs(Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxs(Flex,{gap:3,children:[t.filterItems.length>0&&jsx(DataFilter,{items:t.filterItems,onFilter:s=>{t.onFilter(s);}}),[1,7,30,90].map(s=>jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsx("div",{className:"oui-z-10",children:jsx(Text.gradient,{color:t.filterDays===s?"brand":void 0,className:cn("oui-whitespace-nowrap oui-break-normal",t.filterDays!==s?"oui-text-base-contrast-54":""),children:a[s]||`${s}D`})}),jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(s);}})]},`item-${s}`))]}),jsx(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)=>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=>jsxs(Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsx(Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsx(DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsx(ListView,{className:cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,renderItem:(e,o)=>jsx(St,{symbol:e.symbol,children: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 jsx(So,{...e,sharePnLConfig:t.sharePnLConfig})},Ga=t=>{let{classNames:e,...o}=t,i=we(o);return jsx(To,{...i,classNames:e,sharePnLConfig:t.sharePnLConfig})};var rn=t=>{let{t:e}=useTranslation();return useMemo(()=>[{title:e("common.time"),dataIndex:"timestamp",fixed:"left",width:202,render:i=>jsx(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=>jsx(Text,{children:i})},{title:e("positions.Liquidation.column.insFundTransfer"),dataIndex:"transfer_amount_to_insurance_fund",width:202,render:i=>jsx(Text,{children:commifyOptional(i)})},{title:e("common.symbol"),dataIndex:"Symbol",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(Text.formatted,{rule:"symbol",formatString:"base-quote",children:n.symbol}))})},{title:`${e("common.price")} (USDC)`,dataIndex:"Price_(USDC)",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(Fo,{value:n.transfer_price,type:"quote"}))})},{title:e("common.quantity"),dataIndex:"Quantity",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(Fo,{value:n.position_qty,type:"base"}))})},{title:e("positions.Liquidation.column.liquidationFee"),dataIndex:"abs_liquidation_fee",width:202,render:(i,r)=>jsx(Flex,{direction:"column",itemAlign:"start",children:r.positions_by_perp?.map(n=>jsx(Fo,{value:n.abs_liquidation_fee,type:"quote"}))})}],[e])},Fo=t=>jsx(Text,{children:commifyOptional(t.value)});var sn=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsxs(Flex,{gap:1,children:[jsx(Text,{size:"2xs",intensity:36,children:e("common.price")}),jsx(Text,{size:"2xs",intensity:20,children:"(USDC)"})]}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.transfer_price)})]})},an=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{size:"2xs",intensity:36,children:e("common.quantity")}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.position_qty)})]})},ln=t=>{let{t:e}=useTranslation();return jsxs(Flex,{width:"100%",justify:"between",children:[jsx(Text,{size:"2xs",intensity:36,children:e("positions.Liquidation.column.liquidationFee")}),jsx(Text,{size:"2xs",intensity:80,children:commifyOptional(t.abs_liquidation_fee)})]})};var vo=t=>jsxs(Flex,{direction:"column",width:"100%",gap:2,itemAlign:"start",className:t.classNames?.root,children:[jsx(tl,{...t}),jsx(el,{...t})]},t.item.timestamp),tl=t=>{let{t:e}=useTranslation();return jsxs(Flex,{gap:1,width:"100%",children:[jsxs(Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",gap:1,children:[jsx(Text.formatted,{size:"2xs",intensity:36,rule:"date",formatString:"yyyy-MM-dd HH:mm:ss",children:t.item.timestamp}),jsxs(Flex,{gap:1,children:[jsx(Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.liquidationId")}:`}),jsx(Text,{size:"2xs",intensity:80,children:` ${t.item.liquidation_id}`})]})]}),jsxs(Flex,{direction:"column",itemAlign:"end",className:"oui-flex-1",children:[jsx(Text,{size:"2xs",intensity:36,children:`${e("positions.Liquidation.column.insFundTransfer")}:`}),jsx(Text,{intensity:80,size:"xs",children:commifyOptional(t.item.transfer_amount_to_insurance_fund)})]})]})},el=t=>jsx(Flex,{direction:"column",width:"100%",children:t.item.positions_by_perp?.map((e,o)=>jsx(ol,{isLast:o===t.item.positions_by_perp.length-1,...e},`${o}-${e.symbol}`))}),ol=t=>jsxs(Flex,{width:"100%",itemAlign:"start",className:cn("oui-border-t-[1px] oui-border-line-6 oui-pt-2",!t.isLast&&"oui-pb-2"),children:[jsx(Text.formatted,{rule:"symbol",formatString:"base-quote",size:"xs",intensity:80,className:"oui-flex-1",children:t.symbol}),jsxs(Grid,{cols:1,rows:3,width:"100%",gap:1,className:"oui-flex-1",children:[jsx(sn,{...t}),jsx(an,{...t}),jsx(ln,{...t})]})]},t.key);var Do=t=>({...t});var No=t=>{let{classNames:e,...o}=t,i=Do(o);return jsx(vo,{classNames:e,...i})};var qo=t=>{let e=rn();return jsxs(Flex,{direction:"column",width:"100%",height:"100%",itemAlign:"start",children:[jsxs(Flex,{gap:3,children:[t.filterItems.length>0&&jsx(DataFilter,{items:t.filterItems,onFilter:o=>{t.onFilter(o);}}),[1,7,30,90].map(o=>jsxs("button",{className:"oui-relative oui-px-2 oui-py-[2px] oui-text-sm",children:[jsx("div",{className:"oui-z-10",children:jsx(Text.gradient,{color:t.filterDays===o?"brand":void 0,className:t.filterDays!==o?"oui-text-base-contrast-54":"",children:`${o}D`})}),jsx("div",{className:"oui-absolute oui-inset-0 oui-rounded oui-opacity-[.12] oui-gradient-primary",onClick:()=>{t.updateFilterDays(o);}})]},`item-${o}`))]}),jsx(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=>jsxs(Grid,{cols:1,rows:2,className:"oui-w-full oui-grid-rows-[auto,1fr]",gap:1,children:[jsx(Flex,{gap:2,p:2,className:"oui-rounded-b-xl oui-bg-base-9",children:jsx(DataFilter,{className:"oui-border-none oui-py-0",items:t.filterItems,onFilter:e=>{t.onFilter(e);}})}),jsx(ListView,{className:cn("oui-hide-scrollbar oui-w-full oui-space-y-0 oui-overflow-y-hidden",t.classNames?.root),contentClassName:cn("!oui-space-y-1",t.classNames?.content),dataSource:t.dataSource,loadMore:t.loadMore,renderItem:(e,o)=>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}=usePagination({pageSize:10}),{dateRange:l,filterDays:m,updateFilterDays:u,filterItems:c,onFilter:d}=yl();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:useDataTap(g,{fallbackData:[]}),isLoading:x,loadMore:F,pagination:s(p),dateRange:l,filterDays:m,updateFilterDays:u,filterItems:c,onFilter:d}},fl=t=>{let e=usePrivateInfiniteQuery(gl(t),{initialSize:1,formatter:a=>a,revalidateOnFocus:true}),o=useMemo(()=>e.data?.[0]?.meta,[e.data?.[0]]),i=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(subDays(new Date,89))}),[e,o]=useState(90),[i,r]=useState(t),n=m=>{o(m),r({from:k(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(differenceInDays(u.from,u.to))+1,g={1:{from:k(new Date),to:E(new Date)},7:{from:k(subDays(new Date,6)),to:E(new Date)},30:{from:k(subDays(new Date,29)),to:E(new Date)},90:{from:k(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}=useScreen();return {filterItems:useMemo(()=>{let m={type:"range",name:"dateRange",value:i,fromDate:k(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 jsx(qo,{...e})},bl=t=>{let{classNames:e,...o}=t,i=Re(o);return jsx(Ro,{classNames:e,...i})};var Cl="MarketCloseConfirmID";registerSimpleDialog(Cl,Nt,{size:"md",closable:false});
|
|
17
17
|
|
|
18
|
-
export {
|
|
18
|
+
export { da as CombinePositionsWidget, lt as FundingFeeButton, le as FundingFeeHistoryUI, qo as Liquidation, xl as LiquidationWidget, Cl as MarketCloseConfirmID, Ro as MobileLiquidation, bl as MobileLiquidationWidget, To as MobilePositionHistory, Ga as MobilePositionHistoryWidget, ca as MobilePositionsWidget, So as PositionHistory, Va as PositionHistoryWidget, ma as PositionsWidget, Re as useLiquidationScript, we as usePositionHistoryScript, Y as usePositionsRowContext };
|
|
19
19
|
//# sourceMappingURL=out.js.map
|
|
20
20
|
//# sourceMappingURL=index.mjs.map
|