@orderly.network/ui-positions 2.5.3 → 2.6.0

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