@kodiak-finance/orderly-ui-positions/dist/index.js

'use strict';

var orderlyUi = require('@kodiak-finance/orderly-ui');
var Bt = require('react');
var orderlyI18n = require('@kodiak-finance/orderly-i18n');
var orderlyTypes = require('@kodiak-finance/orderly-types');
var orderlyUtils = require('@kodiak-finance/orderly-utils');
var jsxRuntime = require('react/jsx-runtime');
var orderlyHooks = require('@kodiak-finance/orderly-hooks');
var immer = require('immer');
var orderlyPerp = require('@kodiak-finance/orderly-perp');
var orderlyReactApp = require('@kodiak-finance/orderly-react-app');
var orderlyUiConnector = require('@kodiak-finance/orderly-ui-connector');
var orderlyUiLeverage = require('@kodiak-finance/orderly-ui-leverage');
var orderlyUiShare = require('@kodiak-finance/orderly-ui-share');
var orderlyUiTpsl = require('@kodiak-finance/orderly-ui-tpsl');
var dateFns = require('date-fns');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var Bt__default = /*#__PURE__*/_interopDefault(Bt);

var Wo=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(orderlyUi.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(orderlyUi.CloseIcon,{size:18,color:"white"})})]})},me=t=>{let{t:e}=orderlyI18n.useTranslation();return jsxRuntime.jsxs(orderlyUi.Flex,{id:"oui-positions-confirm-footer",gap:2,width:"100%",className:"oui-mt-3 oui-pb-1",children:[jsxRuntime.jsx(orderlyUi.Button,{id:"oui-positions-confirm-footer-cancel-button",color:"secondary",fullWidth:true,onClick:t.onCancel,size:"md",children:e("common.cancel")}),jsxRuntime.jsx(orderlyUi.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")})]})},Xn=t=>{let{quantity:e,price:o,quoteDp:i,side:r}=t,{t:n}=orderlyI18n.useTranslation(),s=Bt.useMemo(()=>o&&e?new orderlyUtils.Decimal(o).mul(e).toFixed(i,orderlyUtils.Decimal.ROUND_DOWN):"--",[o,e]);return jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",gap:1,width:"100%",className:"oui-text-sm oui-text-base-contrast-54",py:5,children:[jsxRuntime.jsxs(orderlyUi.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(orderlyUi.Text,{children:n("common.qty")}),jsxRuntime.jsx(orderlyUi.Text,{color:r===orderlyTypes.OrderSide.BUY?"success":"danger",children:e})]}),jsxRuntime.jsxs(orderlyUi.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(orderlyUi.Text,{children:n("common.price")}),jsxRuntime.jsx(orderlyUi.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(orderlyUi.Text,{intensity:54,children:"USDC"}),children:o})]}),jsxRuntime.jsxs(orderlyUi.Flex,{justify:"between",width:"100%",gap:1,children:[jsxRuntime.jsx(orderlyUi.Text,{children:n("common.notional")}),jsxRuntime.jsx(orderlyUi.Text.formatted,{intensity:98,suffix:jsxRuntime.jsx(orderlyUi.Text,{intensity:54,children:"USDC"}),children:s})]})]})},Rt=t=>{let{t:e}=orderlyI18n.useTranslation(),o=()=>{(t?.onClose??t.close)?.();};return jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",className:t.classNames?.root,children:[jsxRuntime.jsx(Wo,{onClose:o,title:e("positions.marketClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(orderlyUi.Text,{intensity:54,size:"sm",className:"oui-my-5",children:e("positions.marketClose.description",{quantity:orderlyUtils.commifyOptional(t.quantity),base:t.base})}),jsxRuntime.jsx(me,{onCancel:o,onConfirm:async()=>{await t.onConfirm?.(),o();},submitting:t.submitting})]})},ce=t=>{let{order:e,quoteDp:o,quantity:i,price:r}=t,{side:n}=e,{t:s}=orderlyI18n.useTranslation(),a=()=>{t.onClose?.();};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Wo,{onClose:a,title:s("positions.limitClose"),hideCloseIcon:t.hideCloseIcon}),jsxRuntime.jsx(orderlyUi.Box,{mt:5,children:jsxRuntime.jsx(orderlyUi.Text,{intensity:54,size:"sm",children:s("positions.limitClose.description",{quantity:orderlyUtils.commify(t.quantity),base:t.base})})}),jsxRuntime.jsxs(orderlyUi.Flex,{gap:2,mb:4,mt:5,justify:"between",children:[jsxRuntime.jsx(orderlyUi.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:e.symbol}),jsxRuntime.jsxs(orderlyUi.Flex,{gap:1,children:[jsxRuntime.jsx(orderlyUi.Badge,{color:"neutral",size:"xs",children:s("orderEntry.orderType.limit")}),jsxRuntime.jsx(orderlyUi.Badge,{color:n===orderlyTypes.OrderSide.BUY?"success":"danger",size:"xs",children:n===orderlyTypes.OrderSide.BUY?s("common.buy"):s("common.sell")})]})]}),jsxRuntime.jsx(orderlyUi.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(Xn,{className:"oui-text-sm",price:r,quantity:i,side:e.side,quoteDp:o??2}),jsxRuntime.jsx(me,{onCancel:a,onConfirm:t.onConfirm,submitting:t.submitting})]})};var Ue=Bt.createContext({}),et=()=>Bt.useContext(Ue);function $o(t,e){let o=Bt.useRef(),i=Bt.useRef(e);i.current=e,Bt.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();}},[]),Bt.useEffect(()=>{o.current?.observe(t.current);},[]);}var Ko=t=>{let e=Bt.useRef(null),{onEndReached:o}=t;return $o(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 Vo=60,de=({total:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=orderlyI18n.useTranslation(),{isMobile:n}=orderlyUi.useScreen(),{isLoading:s,data:a,setSize:l}=orderlyHooks.usePrivateInfiniteQuery((d,f)=>(!f||(f.length??0)<Vo)&&d>0?null:`/v1/funding_fee/history?page=${d+1}&size=${Vo}&symbol=${e}&start_t=${o}&end_t=${i}`,{revalidateFirstPage:false}),u=Bt.useCallback(()=>{l(d=>d+1);},[l]),c=Bt.useMemo(()=>Array.isArray(a)?a.flat().map(d=>({...d,funding_fee:-d.funding_fee})):[],[a]),m=Bt.useMemo(()=>n?jsxRuntime.jsx(cr,{data:c??orderlyTypes.EMPTY_LIST,isLoading:s,loadMore:u}):jsxRuntime.jsx(mr,{data:c??orderlyTypes.EMPTY_LIST,isLoading:s,loadMore:u}),[n,c,s]);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(orderlyUi.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(orderlyUi.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(orderlyUi.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(orderlyUi.Statistic,{label:`${r("funding.fundingFee")} (USDC)`,valueProps:{ignoreDP:true,coloring:true,showIdentifier:true},children:t})})]}),m]})},mr=({isLoading:t,data:e,loadMore:o})=>{let{t:i}=orderlyI18n.useTranslation(),r=Bt.useMemo(()=>[{title:i("common.time"),dataIndex:"created_time",width:120,render:n=>jsxRuntime.jsx(orderlyUi.Text.formatted,{rule:"date",children:n})},{title:i("funding.fundingRate"),dataIndex:"funding_rate",formatter:n=>new orderlyUtils.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(orderlyUi.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(Ko,{onEndReached:o,children:jsxRuntime.jsx(orderlyUi.DataTable,{classNames:{root:orderlyUi.cn("oui-h-auto oui-bg-base-8 oui-text-sm")},columns:r,dataSource:e??orderlyTypes.EMPTY_LIST,loading:t})})})},cr=({data:t,isLoading:e,loadMore:o})=>{let i=Bt.useCallback(r=>jsxRuntime.jsx(dr,{item:r}),[]);return jsxRuntime.jsx("div",{className:"oui-h-[calc(80vh_-_104px)] oui-overflow-y-auto",children:jsxRuntime.jsx(orderlyUi.ListView,{dataSource:t,renderItem:i,isLoading:e,contentClassName:"oui-space-y-0",loadMore:o})})},dr=({item:t})=>{let{t:e}=orderlyI18n.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(orderlyUi.Flex,{justify:"between",children:[jsxRuntime.jsx(orderlyUi.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(orderlyUi.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(orderlyUi.Flex,{justify:"between",children:[jsxRuntime.jsx(orderlyUi.Text.formatted,{rule:"date",className:"oui-text-base-contrast-36",size:"2xs",children:t.created_time}),jsxRuntime.jsx(orderlyUi.Text,{size:"sm",intensity:80,children:t.payment_type==="Pay"?e("funding.paymentType.paid"):e("funding.paymentType.received")})]})]})};var mt=({fee:t,symbol:e,start_t:o,end_t:i})=>{let{t:r}=orderlyI18n.useTranslation(),[n,{setTrue:s,setFalse:a}]=orderlyHooks.useBoolean(false),{isMobile:l}=orderlyUi.useScreen();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{onClick:s,children:jsxRuntime.jsx(orderlyUi.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(orderlyUi.SimpleSheet,{open:n,onOpenChange:a,title:r("funding.fundingFee"),classNames:{body:"oui-max-h-[80vh] oui-py-0"},children:jsxRuntime.jsx(de,{total:t,symbol:e,start_t:o,end_t:i})}):jsxRuntime.jsx(orderlyUi.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(de,{total:t,symbol:e,start_t:o,end_t:i})})]})};var vr=(t,e)=>{let o=orderlyHooks.useConfig("apiBaseUrl");return i=>(r,n,s)=>{try{return i(r,async l=>{let u=Array.isArray(l)?l[0]:l,c=`${o}${u}`,m=t.signer,d={method:"GET",url:u},f=await m.sign(d,orderlyUtils.getTimestamp()),y=Array.isArray(e)?e:[e];return Promise.all(y.map(g=>n(c,{headers:{...f,"orderly-account-id":g}})))},s)}catch(a){throw a}}},Yo=(t,e)=>{let{formatter:o,accountId:i,...r}=e||{},{state:n,account:s}=orderlyHooks.useAccount(),a=Array.isArray(e?.use)?e?.use??[]:[],l=Array.isArray(i)?i:[i],u=l.filter(Boolean).length&&(n.status>=orderlyTypes.AccountStatusEnum.EnableTrading||n.status===orderlyTypes.AccountStatusEnum.EnableTradingWithoutConnected);return orderlyHooks.useSWR(()=>u?[t,l]:null,(c,m)=>orderlyHooks.fetcher(c,m,{formatter:o}),{...r,use:[...a,vr(s,l)],onError:()=>{}})};var Zo=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:s,selectedAccount:a}=t,{pagination:l,setPage:u}=orderlyUi.usePagination({pageSize:50});Bt.useEffect(()=>{u(1);},[e]);let c=orderlyHooks.useSymbolsInfo(),{state:m}=orderlyHooks.useAccount(),[d,,{isLoading:f}]=orderlyHooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i}),{data:y=[],isLoading:g,mutate:b}=orderlyHooks.usePrivateQuery("/v1/client/aggregate/positions",{errorRetryCount:3}),{data:v=[],isLoading:D}=Yo("/v1/client/info",{accountId:y.map(_=>_.account_id),revalidateOnFocus:false}),S=immer.produce(y.filter(_=>_.account_id!==m.mainAccountId),_=>{for(let p of _){let $=c[p.symbol],X=orderlyPerp.positions.notional(p.position_qty,p.mark_price),h=v.find(Be=>Be.account_id===p.account_id),z=orderlyPerp.positions.MMR({baseMMR:$?.("base_mmr"),baseIMR:$?.("base_imr"),IMRFactor:h?.imr_factor[p.symbol]??0,positionNotional:X,IMR_factor_power:4/5}),re=orderlyPerp.positions.maintenanceMargin({positionQty:p.position_qty,markPrice:p.mark_price,MMR:z}),se=orderlyPerp.positions.unrealizedPnL({qty:p.position_qty,openPrice:p?.average_open_price,markPrice:p.mark_price}),ze=p.leverage||1,Vt=orderlyPerp.account.IMR({maxLeverage:ze,baseIMR:$?.("base_imr"),IMR_Factor:h?.imr_factor[p.symbol]??0,positionNotional:X,ordersNotional:0,IMR_factor_power:4/5}),ae=orderlyPerp.positions.unrealizedPnLROI({positionQty:p.position_qty,openPrice:p.average_open_price,IMR:Vt,unrealizedPnL:se}),le=0,qt=0;p.index_price&&(le=orderlyPerp.positions.unrealizedPnL({qty:p.position_qty,openPrice:p?.average_open_price,markPrice:p.index_price}),qt=orderlyPerp.positions.unrealizedPnLROI({positionQty:p.position_qty,openPrice:p.average_open_price,IMR:Vt,unrealizedPnL:le})),p.mmr=z,p.mm=re,p.notional=X,p.unrealized_pnl=se,p.unrealized_pnl_ROI=ae,p.unrealized_pnl_ROI_index=qt;}}),M=orderlyReactApp.useDataTap([...d?.rows,...S].filter(_=>_.position_qty!==0))??[],E=Bt.useMemo(()=>!a||a==="All accounts"?M:M.filter(_=>a==="Main accounts"?_.account_id===m.mainAccountId||!_.account_id:_.account_id===a),[M,a,m.mainAccountId]),Q=Bt.useMemo(()=>Er(E,{mainAccountId:m.mainAccountId,subAccounts:m.subAccounts}),[E,m.mainAccountId,m.subAccounts]),ut=Bt.useMemo(()=>f||g||D,[f,g,D]);return {tableData:Q,isLoading:ut,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:s,pagination:l,mutatePositions:b}},Er=(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?orderlyI18n.i18n.t("common.mainAccount"):a?.description||orderlyUi.formatAddress(a?.id||""),children:[n]});}return {expanded:Array.from(r.keys()),dataSource:Array.from(r.values())}};var pe="orderly_trading_positions_sort";var zr=(t,e)=>{if(t==null&&e==null)return 0;if(t==null)return 1;if(e==null)return  -1;let o=String(t).trim(),i=String(e).trim(),r=Number(o),n=Number(i),s=!isNaN(r)&&isFinite(r)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(o),a=!isNaN(n)&&isFinite(n)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(i);if(s&&a)return r-n;let l=/^\d{4}-\d{2}-\d{2}/.test(o)||/^\d{13}$/.test(o),u=/^\d{4}-\d{2}-\d{2}/.test(i)||/^\d{13}$/.test(i);if(l&&u){let c=new Date(t),m=new Date(e);if(!isNaN(c.getTime())&&!isNaN(m.getTime()))return c.getTime()-m.getTime()}return o.localeCompare(i,void 0,{sensitivity:"base",numeric:false})};function jo(t,e){let{sortKey:o,sortOrder:i}=e||{},r=[...t||[]];return o&&i&&r.sort((n,s)=>{let a=zr(n[o],s[o]);return i==="desc"?-a:a}),r}function Yt(t,e){let[o,i]=Bt.useState(t),r=Bt.useCallback(s=>{let a=s?{sortKey:s.sortKey,sortOrder:s.sort}:void 0;i(a),e?.(a);},[]),n=Bt.useCallback(s=>jo(s,o),[o]);return {sort:o,onSort:r,getSortedList:n}}var fe=(o=>(o.Positions="positions",o.PositionHistory="positionHistory",o))(fe||{});function Zt(t){let[e,o]=orderlyHooks.useSessionStorage(t.storageKey,{positions:{sortKey:"unrealized_pnl",sortOrder:"desc"},positionHistory:{sortKey:"close_timestamp",sortOrder:"desc"}}),i=Bt.useCallback(r=>n=>{o({...e,[r]:n});},[e,o]);return {tabSort:e,onTabSort:i}}var Ze=t=>{let{symbol:e,calcMode:o,includedPendingOrder:i,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,onSymbolChange:s,enableSortingStorage:a=true}=t,{pagination:l,setPage:u}=orderlyUi.usePagination({pageSize:50}),{tabSort:c,onTabSort:m}=Zt({storageKey:pe}),{onSort:d,getSortedList:f,sort:y}=Yt(a?c?.positions:void 0,a?m("positions"):void 0);Bt__default.default.useEffect(()=>{u(1);},[e]);let[g,,{isLoading:b}]=orderlyHooks.usePositionStream(e,{calcMode:o,includedPendingOrder:i}),v=orderlyReactApp.useDataTap(g?.rows,{fallbackData:[]})??void 0;return {dataSource:f(v||[]),isLoading:b,pnlNotionalDecimalPrecision:r,sharePnLConfig:n,symbol:e,onSymbolChange:s,pagination:l,onSort:d,initialSort:a?c?.positions:void 0}};var Je=Bt.createContext({}),K=()=>Bt.useContext(Je);var Ft=t=>{let{symbol:e,children:o}=t,i=orderlyHooks.useSymbolsInfo()[e],r=Bt.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(Je.Provider,{value:r,children:o})};var ge=t=>{let{t:e}=orderlyI18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(orderlyUi.Slider,{showTip:true,markCount:4,value:[t.value],color:"primary",onValueChange:o=>{t.onValueChange(o[0]);}}),jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(orderlyUi.Text,{color:"primary",size:"2xs",children:`${t.value}%`}),jsxRuntime.jsxs(orderlyUi.Flex,{gap:1,onClick:t.onMax,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(orderlyUi.Text,{size:"2xs",color:"primary",children:e("common.max")}),jsxRuntime.jsx(orderlyUi.Text.numeral,{intensity:54,size:"2xs",dp:t.base_dp,padding:false,children:t.max})]})]})]})};var oo=t=>{let{base:e,base_dp:o,quote:i,quote_dp:r,sheetOpen:n,setSheetOpen:s,dialogOpen:a,setDialogOpen:l,quantity:u,price:c,submitting:m,priceErrorMsg:d,quantityErrorMsg:f,disabled:y,isMarketClose:g,position:b,maxQty:v,isBuy:D}=t,{t:S}=orderlyI18n.useTranslation(),M=S(g?"positions.marketClose":"positions.limitClose"),E=S(g?"orderEntry.orderType.market":"orderEntry.orderType.limit"),Q=D?jsxRuntime.jsx(orderlyUi.Badge,{color:"success",size:"xs",children:S("common.buy")}):jsxRuntime.jsx(orderlyUi.Badge,{color:"danger",size:"xs",children:S("common.sell")}),ut=jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(orderlyUi.Text.formatted,{rule:"symbol",showIcon:true,children:b.symbol}),jsxRuntime.jsxs(orderlyUi.Flex,{gap:1,children:[jsxRuntime.jsx(orderlyUi.Badge,{color:"neutral",size:"xs",children:E}),Q]})]}),_=jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(orderlyUi.Text,{intensity:54,children:S("common.lastPrice")}),jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:r,suffix:jsxRuntime.jsxs(orderlyUi.Text,{intensity:36,children:[" ",i]}),children:b.mark_price})]}),p=!g&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",direction:"column",gap:2,children:[jsxRuntime.jsx(orderlyUi.Input.tooltip,{prefix:S("common.price"),suffix:i,align:"right",fullWidth:true,autoComplete:"off",inputMode:"decimal",formatters:[orderlyUi.inputFormatter.numberFormatter,orderlyUi.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:d,color:d?"danger":void 0,value:c,onValueChange:t.updatePriceChange,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:orderlyUi.cn("oui-w-full oui-outline-line-12",d?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(orderlyUi.Input.tooltip,{prefix:S("common.quantity"),suffix:e,align:"right",fullWidth:true,autoComplete:"off",inputMode:"decimal",formatters:[orderlyUi.inputFormatter.numberFormatter,orderlyUi.inputFormatter.dpFormatter(o)],triggerClassName:"oui-w-full",tooltip:f,color:f?"danger":void 0,value:u,onBlur:()=>t.formatQuantityToBaseTick(u),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:orderlyUi.cn("oui-w-full oui-outline-line-12",f?"oui-outline-danger":void 0)}})]})}),$=jsxRuntime.jsx(ge,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:o,max:v,onMax:t.onMax}),X=jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",gap:3,mt:2,children:[jsxRuntime.jsx(orderlyUi.Button,{fullWidth:true,color:"secondary",onClick:t.onCloseSheet,children:S("common.cancel")}),jsxRuntime.jsx(orderlyUi.ThrottledButton,{fullWidth:true,disabled:m||y,loading:m,onClick:h=>{h.stopPropagation(),h.preventDefault(),t.onDoubleConfirm();},children:S("common.confirm")})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(orderlyUi.Button,{variant:"outlined",color:"secondary",size:"sm",className:"oui-border-base-contrast-36",onClick:h=>{h.stopPropagation(),h.preventDefault(),s(true);},children:M}),jsxRuntime.jsx(orderlyUi.SimpleSheet,{title:M,open:n,onOpenChange:s,children:jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",gap:3,width:"100%",itemAlign:"start",className:"oui-text-sm",children:[ut,jsxRuntime.jsx(orderlyUi.Divider,{className:"oui-w-full"}),_,p,$,X]})}),jsxRuntime.jsx(orderlyUi.SimpleDialog,{open:a,onOpenChange:l,size:"xs",children:g?jsxRuntime.jsx(Rt,{base:e,quantity:u,submitting:m,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true}):jsxRuntime.jsx(ce,{base:e,quoteDp:r,quantity:u,price:c,submitting:m,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var io=t=>{let{position:e,base:o,base_dp:i,quote_dp:r,price:n,quantity:s,submitting:a,dialogOpen:l,setDialogOpen:u,isMarketClose:c,popoverOpen:m,setPopoverOpen:d,maxQty:f,quantityErrorMsg:y,priceErrorMsg:g,isEntirePosition:b}=t,{t:v}=orderlyI18n.useTranslation(),D=jsxRuntime.jsxs(orderlyUi.Flex,{width:"100%",gap:2,mb:1,children:[jsxRuntime.jsx(orderlyUi.Input.tooltip,{ref:t.quantityInputRef,prefix:v("common.quantity"),suffix:b?jsxRuntime.jsx(orderlyUi.Text,{size:"2xs",intensity:54,className:"oui-cursor-pointer oui-px-3",onClick:t.onEntirePosition,children:v("tpsl.entirePosition")}):o,align:"right",size:"md",fullWidth:true,autoComplete:"off",inputMode:"decimal",formatters:[orderlyUi.inputFormatter.numberFormatter,orderlyUi.inputFormatter.dpFormatter(i)],triggerClassName:"oui-w-full",tooltip:y,color:y?"danger":void 0,value:b?"":s,onBlur:()=>t.formatQuantityToBaseTick(s),onValueChange:t.updateQuantity,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:orderlyUi.cn("oui-w-full oui-outline-line-12",y?"oui-outline-danger":void 0)}}),jsxRuntime.jsx(orderlyUi.Button,{onClick:t.onMax,size:"md",variant:"outlined",className:orderlyUi.cn("oui-text-2xs",b?"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:v("common.position")})]}),S=jsxRuntime.jsx(orderlyUi.Select.options,{variant:"text",size:"md",options:[{label:v("orderEntry.orderType.limit"),value:orderlyTypes.OrderType.LIMIT},{label:v("orderEntry.orderType.market"),value:orderlyTypes.OrderType.MARKET}],classNames:{trigger:"oui-w-[--radix-select-content-available-width]"},value:t.type,onValueChange:Q=>{t.updateOrderType(Q);},contentProps:{align:"end",className:"oui-border oui-border-line-6"}}),M=c,E=jsxRuntime.jsx(orderlyUi.Input.tooltip,{suffix:S,size:"md",fullWidth:true,autoComplete:"off",inputMode:"decimal",formatters:[orderlyUi.inputFormatter.numberFormatter,orderlyUi.inputFormatter.dpFormatter(r)],triggerClassName:"oui-w-full",tooltip:g,color:g?"danger":void 0,value:n,onValueChange:t.updatePriceChange,placeholder:M?"--":"",disabled:M,classNames:{prefix:"oui-text-base-contrast-54",suffix:"oui-text-base-contrast-54",root:orderlyUi.cn("oui-w-full oui-outline-line-12",g?"oui-outline-danger":void 0,M?"focus-within:oui-outline-line-12":void 0)}});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(orderlyUi.PopoverRoot,{open:m,onOpenChange:d,children:[jsxRuntime.jsx(orderlyUi.PopoverTrigger,{asChild:true,onClick:()=>{d(true);},children:jsxRuntime.jsx(orderlyUi.Button,{variant:"outlined",size:"sm",color:"secondary",children:v("positions.column.close")})}),jsxRuntime.jsx(orderlyUi.PopoverContent,{className:orderlyUi.cn("oui-w-[360px] oui-p-5",m?"oui-visible":"oui-invisible"),align:"end",side:"top",onOpenAutoFocus:Q=>Q.preventDefault(),children:jsxRuntime.jsxs(orderlyUi.Flex,{gapY:2,direction:"column",children:[D,jsxRuntime.jsx(ge,{value:t.sliderValue,onValueChange:t.onSliderValueChange,base_dp:i,max:f,onMax:t.onMax}),jsxRuntime.jsx(orderlyUi.Divider,{my:2,intensity:8,className:"oui-w-full"}),E,jsxRuntime.jsx(me,{onConfirm:t.onDoubleConfirm,onCancel:t.onClosePopover,submitting:a,disabled:t.disabled})]})})]}),jsxRuntime.jsx(orderlyUi.SimpleDialog,{open:l,onOpenChange:u,size:"sm",children:c?jsxRuntime.jsx(Rt,{base:o,quantity:s,submitting:a,onClose:t.onCloseDialog,onConfirm:t.onConfirm,classNames:{root:"oui-items-start"},hideCloseIcon:true}):jsxRuntime.jsx(ce,{base:o,quoteDp:r,quantity:s,price:n,submitting:a,order:t.closeOrderData,onClose:t.onCloseDialog,onConfirm:t.onConfirm,hideCloseIcon:true})})]})};var no=t=>{let[e,o]=Bt.useState(false),[i,r]=Bt.useState(false),[n,s]=Bt.useState(false),[a,l]=Bt.useState(100),u=Bt.useRef(null),[c]=orderlyHooks.useLocalStorage("orderly_order_confirm",true),{position:m,onSubmit:d,price:f,quantity:y,closeOrderData:g,submitting:b,updatePriceChange:v,updateOrderType:D,updateQuantity:S,errors:M,baseTick:E,type:Q}=et(),{quote_dp:ut,base_dp:_,base:p,quote:$}=K(),{getErrorMsg:X}=orderlyReactApp.useOrderEntryFormErrorMsg(M),h=m.position_qty>0,z=Math.abs(m.position_qty),re=t.type||Q,se=re===orderlyTypes.OrderType.MARKET,ze=z?.toString()===y.toString();Bt.useEffect(()=>{e&&D(t.type);},[t.type,e]);let{priceErrorMsg:Vt,quantityErrorMsg:ae}=Bt.useMemo(()=>({priceErrorMsg:X("order_price"),quantityErrorMsg:X("order_quantity")}),[M]),le=!!(Vt||ae),qt=Bt.useCallback(bt=>{if(E&&E>0){let Gt=orderlyHooks.utils.formatNumber(bt,E)??bt;S(Gt);}},[E,S]),Be=Bt.useCallback(bt=>{l(bt);let Gt=new orderlyUtils.Decimal(bt).div(100).mul(z).toFixed(_,orderlyUtils.Decimal.ROUND_DOWN);qt(Gt);},[z,_,qt]);Bt.useEffect(()=>{let bt=Math.min(Number(y||0),z),Gt=new orderlyUtils.Decimal(bt).div(z).mul(100).toDecimalPlaces(2,orderlyUtils.Decimal.ROUND_DOWN).toNumber();l(Gt);},[y]);let On=Bt.useCallback(()=>{S(z?.toString());},[z,S]),We=Bt.useCallback(()=>d().then(bt=>{o(false),r(false),s(false);}),[d]),An=Bt.useCallback(()=>c?(r(true),Promise.resolve()):We(),[We,c]),kn=Bt.useCallback(()=>{o(false);},[]),En=Bt.useCallback(()=>{r(false);},[]),Hn=Bt.useCallback(()=>{s(false);},[]),zn=Bt.useCallback(()=>{S("0"),u.current?.focus(),setTimeout(()=>{u.current?.setSelectionRange(0,1);},0);},[S]);return {position:m,closeOrderData:g,quote_dp:ut,base_dp:_,base:p,quote:$,price:f,quantity:y,submitting:b,onConfirm:We,onDoubleConfirm:An,updatePriceChange:v,updateQuantity:S,formatQuantityToBaseTick:qt,updateOrderType:D,sliderValue:a,onSliderValueChange:Be,priceErrorMsg:Vt,quantityErrorMsg:ae,disabled:le,isMarketClose:se,maxQty:z,onMax:On,isBuy:h,isEntirePosition:ze,type:re,quantityInputRef:u,onEntirePosition:zn,sheetOpen:e,onCloseSheet:kn,setSheetOpen:o,dialogOpen:i,setDialogOpen:r,onCloseDialog:En,popoverOpen:n,setPopoverOpen:s,onClosePopover:Hn}};var kt=t=>{let e=no(t),{isMobile:o}=orderlyUi.useScreen();return o?jsxRuntime.jsx(oo,{...e}):jsxRuntime.jsx(io,{...e})};var It=()=>{let{position:t,baseDp:e,quoteDp:o,tpslOrder:i}=et(),{isMobile:r}=orderlyUi.useScreen();return jsxRuntime.jsx(orderlyUi.EditIcon,{onClick:()=>{let s=r?orderlyUiTpsl.TPSLDetailSheetId:orderlyUiTpsl.TPSLDetailDialogId;orderlyUi.modal.show(s,{order:i,position:t,baseDP:e,quoteDP:o});},opacity:1,className:"oui-cursor-pointer oui-text-base-contrast-54",size:16})},dt=t=>{let{position:e,baseDp:o,quoteDp:i,tpslOrder:r}=et(),[n]=orderlyHooks.useLocalStorage("orderly_order_confirm",true),{t:s}=orderlyI18n.useTranslation(),{isMobile:a}=orderlyUi.useScreen(),l=()=>{let u=a?orderlyUiTpsl.TPSLSheetId:orderlyUiTpsl.TPSLDialogId,c={symbol:e.symbol,baseDP:o,quoteDP:i,isEditing:false,positionType:t.positionType};orderlyUi.modal.show(u,c);};return jsxRuntime.jsx(orderlyUi.Text,{className:orderlyUi.cn("oui-cursor-pointer oui-text-base-contrast",a&&"oui-text-base-contrast-80"),onClick:l,children:s("tpsl.add")})},we=t=>{let{symbol:e,leverage:o}=t,i=()=>{orderlyUi.modal.show(t.modalId,{symbol:e,curLeverage:o});};return jsxRuntime.jsxs("div",{className:orderlyUi.cn("oui-flex oui-h-[18px] oui-items-center oui-gap-1","oui-cursor-pointer oui-rounded oui-bg-line-6 oui-pl-2 oui-pr-1","oui-text-2xs oui-font-semibold oui-text-base-contrast-36"),onClick:i,children:[jsxRuntime.jsx(orderlyUi.Text,{children:"Cross"}),o?jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:0,rm:orderlyUtils.Decimal.ROUND_DOWN,size:"2xs",unit:"X",children:o}):jsxRuntime.jsx(Ls,{symbol:e}),jsxRuntime.jsx(orderlyUi.ChevronRightIcon,{size:14,opacity:1,className:"oui-text-base-contrast-36"})]})},Ls=({symbol:t})=>{let e=orderlyHooks.useLeverageBySymbol(t);return jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:0,rm:orderlyUtils.Decimal.ROUND_DOWN,size:"2xs",unit:"X",children:e||1})};var fi=t=>{let e=K();return jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:e.base_dp,rm:orderlyUtils.Decimal.ROUND_DOWN,padding:false,coloring:true,children:t})};var ve=t=>{let{tick:e="quote_dp",children:o,...i}=t,r=K();if(!r)throw new Error("NumeralWithCtx must be used inside SymbolProvider");return jsxRuntime.jsx(orderlyUi.Text.numeral,{as:"span",dp:r[e],...i,children:o})};var gi=t=>{let{orderNum:e,tpTriggerPrice:o,slTriggerPrice:i,direction:r="column"}=t,{partialTPSLOrder:n,quoteDp:s,baseDp:a}=et(),l=orderlyHooks.useSymbolsInfo(),{t:u}=orderlyI18n.useTranslation(),c=Bt.useMemo(()=>{let d=[];return n?.symbol?(o&&d.push(jsxRuntime.jsx(orderlyUi.Text.formatted,{className:orderlyUi.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(orderlyUi.Text,{intensity:54,children:`${u("tpsl.tp")} - `}):""},"tp")),i&&d.push(jsxRuntime.jsx(orderlyUi.Text.formatted,{className:orderlyUi.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",dp:l[n.symbol]("quote_dp",2),prefix:jsxRuntime.jsx(orderlyUi.Text,{intensity:54,children:`${u("tpsl.sl")} - `}),children:i},"sl")),d.length===0?jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.PARTIAL}):(d.length===2&&r==="row"&&d.splice(1,0,jsxRuntime.jsx(orderlyUi.Text,{children:"/"},"split")),d)):jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.PARTIAL})},[o,i,n?.symbol,u]),m=Array.isArray(c)?!!c.length:!c;return jsxRuntime.jsxs(orderlyUi.Flex,{className:"oui-gap-[6px]",children:[jsxRuntime.jsx("div",{className:orderlyUi.cn("oui-inline-flex oui-text-base-contrast-36",r==="column"?"oui-flex-col":"oui-flex-row oui-gap-1"),children:c}),m&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(orderlyUi.Text,{className:"oui-text-base-contrast-54",children:["(",e,")"]}),jsxRuntime.jsx(It,{})]})]})};var lo=t=>t.sharePnLConfig?jsxRuntime.jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),t.showModal();},children:jsxRuntime.jsx(orderlyUi.ShareIcon,{color:"white",opacity:.54,size:t.iconSize??16})}):null;var Pi=t=>{let{position:e,sharePnLConfig:o,iconSize:i}=t,{getFirstRefCode:r}=orderlyHooks.useReferralInfo(),n=orderlyHooks.useSymbolsInfo(),{data:s}=orderlyHooks.useAccountInfo(),a=Bt.useMemo(()=>r()?.code,[r]),l=orderlyHooks.useLeverageBySymbol(e.symbol),u=()=>{let m=e.netPnL||0,d=Math.abs(e.avg_open_price),f=Math.abs(e.closed_position_qty),y,g=n[e.symbol],b=g("base_imr"),v=g("imr_factor");if(m!==0&&f!==0&&d!==0&&s?.max_leverage&&b&&v){let D=orderlyPerp.positions.notional(f,d),S=e.leverage?e.leverage:s.max_leverage,M=orderlyPerp.account.IMR({maxLeverage:S,baseIMR:b,IMR_Factor:v,positionNotional:D,ordersNotional:0,IMR_factor_power:4/5}),E=orderlyPerp.positions.unrealizedPnLROI({positionQty:f,openPrice:d,IMR:M,unrealizedPnL:m});y=new orderlyUtils.Decimal(E*100).toFixed(2,orderlyUtils.Decimal.ROUND_DOWN);}return {side:e.side,pnl:m,roi:y,openPrice:d,closePrice:Math.abs(e.avg_close_price),openTime:e.open_timestamp,closeTime:e.close_timestamp,quantity:e.closed_position_qty}};return {iconSize:i,sharePnLConfig:o,showModal:()=>{let m=t.isPositionHistory?u():{side:e.position_qty>0?"LONG":"SHORT",pnl:e.unrealized_pnl,roi:new orderlyUtils.Decimal(e.unrealized_pnl_ROI*100).toFixed(2,orderlyUtils.Decimal.ROUND_DOWN),openPrice:Math.abs(e.average_open_price),markPrice:e.mark_price,openTime:e.timestamp,quantity:e.position_qty};orderlyUi.modal.show(t.modalId,{pnl:{entity:{symbol:e.symbol,leverage:e.leverage||l,...m},refCode:a,...o}});}}};var ft=t=>{let e=Pi(t);return jsxRuntime.jsx(lo,{...e})};var Ti=t=>{let{stopLossPrice:e,takeProfitPrice:o}=t,{tpslOrder:i,position:r}=et();return jsxRuntime.jsx(oa,{stopLossPrice:e,takeProfitPrice:o,direction:"column",order:i,position:r,tooltip:true})},_i=t=>{let{qty:e,price:o,entryPrice:i,orderSide:r,orderType:n,symbolInfo:s}=t,a=orderlyHooks.utils.priceToPnl({qty:e,price:o,entryPrice:i,orderSide:r,orderType:n},{symbol:s}),l=n===orderlyTypes.AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxRuntime.jsxs(orderlyUi.Flex,{children:[jsxRuntime.jsx(orderlyUi.Text,{intensity:54,className:"oui-mr-1",children:`${l} PnL:`}),jsxRuntime.jsx(orderlyUi.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(orderlyUi.Text,{children:a===0?"":a>0?"+":"-"}),suffix:jsxRuntime.jsx(orderlyUi.Text,{intensity:36,className:"oui-ml-1",children:"USDC"}),children:`${Math.abs(a)}`})]})},oa=t=>{let{direction:e="row",order:o,position:i}=t,r=orderlyHooks.useSymbolsInfo(),{t:n}=orderlyI18n.useTranslation(),s=Bt.useMemo(()=>{let c=[];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&&c.push(jsxRuntime.jsx(_i,{qty:m,price:t.takeProfitPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:orderlyTypes.AlgoOrderType.TAKE_PROFIT,symbolInfo:r[o.symbol]()},"tp")),t.stopLossPrice&&c.push(jsxRuntime.jsx(_i,{qty:m,price:t.stopLossPrice,entryPrice:i.average_open_price,orderSide:o.side,orderType:orderlyTypes.AlgoOrderType.STOP_LOSS,symbolInfo:r[o.symbol]()},"sl")),jsxRuntime.jsx("div",{children:c})},[t.takeProfitPrice,t.stopLossPrice,i?.average_open_price,o?.side,o?.quantity,o?.algo_type]),a=Bt.useMemo(()=>{let c=[];if(!o?.symbol)return jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.FULL});return t.takeProfitPrice&&c.push(jsxRuntime.jsx(orderlyUi.Text.formatted,{className:orderlyUi.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(orderlyUi.Text,{intensity:54,children:`${n("tpsl.tp")} - `}):""},"tp")),t.stopLossPrice&&c.push(jsxRuntime.jsx(orderlyUi.Text.formatted,{className:orderlyUi.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(orderlyUi.Text,{intensity:54,children:`${n("tpsl.sl")} - `}):""},"sl")),c.length===0?jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.FULL}):(c.length===2&&e==="row"&&c.splice(1,0,jsxRuntime.jsx(orderlyUi.Text,{children:"/"},"split")),c)},[t.takeProfitPrice,t.stopLossPrice,o?.symbol,n]),l=jsxRuntime.jsx("div",{className:orderlyUi.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}),u=Array.isArray(a)?!!a.length:!a;return t.tooltip?jsxRuntime.jsxs(orderlyUi.Flex,{gapX:2,children:[jsxRuntime.jsx(orderlyUi.Tooltip,{content:s,children:l}),u&&jsxRuntime.jsx(It,{})]}):l};var Ii=t=>{let[e,o]=orderlyHooks.useLocalStorage("unPnlPriceBasis","markPrice"),{t:i}=orderlyI18n.useTranslation();return jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",gap:3,className:"oui-text-base-contrast-54 oui-items-start",children:[jsxRuntime.jsx(orderlyUi.Text,{children:i("positions.column.unrealPnl.tooltip")}),jsxRuntime.jsx(orderlyUi.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("div",{className:"oui-mb-0",children:i("positions.column.unrealPnl.priceBasis")}),jsxRuntime.jsx(ra,{value:e,onValueChange:o})]})},ra=t=>{let{value:e,onValueChange:o}=t,{t:i}=orderlyI18n.useTranslation();return jsxRuntime.jsxs(orderlyUi.Flex,{gap:2,children:[jsxRuntime.jsx(vi,{sel:e==="markPrice",label:i("common.markPrice"),value:"markPrice",onCheckChange:o}),jsxRuntime.jsx(vi,{sel:e==="lastPrice",label:i("common.lastPrice"),value:"lastPrice",onCheckChange:o})]})},vi=t=>{let{sel:e,label:o,value:i,onCheckChange:r}=t;return jsxRuntime.jsxs(orderlyUi.Flex,{onClick:n=>{r(i),n.stopPropagation();},gap:1,className:"oui-cursor-pointer",children:[e?jsxRuntime.jsx(sa,{}):jsxRuntime.jsx(aa,{}),jsxRuntime.jsx(orderlyUi.Text,{size:"xs",intensity:e?98:54,children:o})]})},sa=()=>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"})]}),aa=()=>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 po=t=>{let{pnlNotionalDecimalPrecision:e,sharePnLConfig:o,onSymbolChange:i}=t,{t:r}=orderlyI18n.useTranslation(),n=Bt.useRef(Date.now().toString());return Bt.useMemo(()=>[{title:r("common.symbol"),dataIndex:"symbol",fixed:"left",width:140,onSort:(a,l)=>a.symbol?.localeCompare(l.symbol||""),render:(a,l)=>jsxRuntime.jsxs(orderlyUi.Flex,{gap:2,children:[jsxRuntime.jsx(orderlyUi.Box,{width:4,height:20,className:orderlyUi.cn("oui-h-[38px] oui-rounded-[1px]",l.position_qty>0?"oui-bg-trade-profit":"oui-bg-trade-loss")}),jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(orderlyUi.Text.formatted,{formatString:"base-type",className:"oui-cursor-pointer",onClick:u=>{i?.({symbol:a}),u.stopPropagation(),u.preventDefault();},children:`${a.split("_")[1]}-PERP`}),jsxRuntime.jsx(we,{symbol:a,leverage:l.leverage,modalId:orderlyUiLeverage.SymbolLeverageDialogId})]})]})},{title:r("common.quantity"),dataIndex:"position_qty",onSort:(a,l)=>a.position_qty-l.position_qty,width:120,className:"oui-pl-6",render:fi},{title:r("common.avgOpen"),className:"oui-h-[48px]",width:120,onSort:true,dataIndex:"average_open_price",render:a=>jsxRuntime.jsx(ve,{rm:orderlyUtils.Decimal.ROUND_DOWN,children:a})},{title:r("common.markPrice"),dataIndex:"mark_price",width:120,onSort:true,className:"oui-h-[48px]",render:a=>jsxRuntime.jsx(ve,{rm:orderlyUtils.Decimal.ROUND_DOWN,children:a})},{title:jsxRuntime.jsx(orderlyUi.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(orderlyUi.Text,{children:r("positions.column.liqPrice")})}),plantTextTitle:r("positions.column.liqPrice"),width:100,onSort:true,dataIndex:"est_liq_price",render:a=>Number(a)===0?"--":jsxRuntime.jsx(ve,{rm:orderlyUtils.Decimal.ROUND_DOWN,className:Number(a)>0?"oui-text-warning-light":"",children:a??"--"})},{title:jsxRuntime.jsx(orderlyUi.HoverCard,{content:jsxRuntime.jsx(Ii,{}),side:"top",align:"center",className:"oui-max-w-[280px] oui-text-2xs",children:jsxRuntime.jsx(orderlyUi.Text,{children:r("common.unrealizedPnl")})}),plantTextTitle:r("common.unrealizedPnl"),dataIndex:"unrealized_pnl",width:180,onSort:true,rule:"price",numeralProps:{coloring:true},render:(a,l)=>jsxRuntime.jsxs(orderlyUi.Flex,{gap:2,children:[jsxRuntime.jsxs(orderlyUi.Flex,{children:[jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:e,rm:orderlyUtils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",children:a}),jsxRuntime.jsx(orderlyUi.Text.numeral,{rule:"percentages",dp:e,rm:orderlyUtils.Decimal.ROUND_DOWN,coloring:true,className:"oui-font-semibold",prefix:"(",suffix:")",children:l.unrealized_pnl_ROI})]}),jsxRuntime.jsx(ft,{position:l,sharePnLConfig:o,modalId:orderlyUiShare.SharePnLDialogId})]})},{title:r("common.fullTPSL"),dataIndex:"full_tpsl",width:150,render:(a,l)=>jsxRuntime.jsx(Ti,{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(gi,{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(orderlyUi.Text.numeral,{dp:e,children:a})},{title:jsxRuntime.jsx(orderlyUi.Tooltip,{className:"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",content:jsxRuntime.jsxs(orderlyUi.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(orderlyUi.Divider,{className:"oui-w-full"}),jsxRuntime.jsx("span",{children:r("positions.column.margin.formula")})]}),children:jsxRuntime.jsx(orderlyUi.Text,{children:r("positions.column.margin")})}),plantTextTitle:r("positions.column.margin"),dataIndex:"mm",onSort:true,width:100,rule:"price",render:a=>jsxRuntime.jsx(orderlyUi.Text.numeral,{children:a})},{title:r("funding.fundingFee"),dataIndex:"fundingFee",width:100,render:(a,l)=>jsxRuntime.jsx(mt,{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(orderlyUi.Flex,{gapX:2,justify:"end",children:jsxRuntime.jsx(kt,{})})}}],[e,o,r])};var Ri=t=>{let{item:e}=t,o=e.position_qty>0,{t:i}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.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(orderlyUi.Badge,{color:o?"success":"danger",size:"xs",children:i(o?"common.long":"common.short")}),jsxRuntime.jsx(we,{symbol:e.symbol,leverage:e.leverage,modalId:orderlyUiLeverage.SymbolLeverageSheetId})]}),showIcon:true,onClick:()=>{t.onSymbolChange?.({symbol:e.symbol});},children:e.symbol})},Mi=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsxs(orderlyUi.Flex,{gap:3,children:[jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",className:"oui-text-2xs",itemAlign:"end",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(orderlyUi.Text,{intensity:36,children:o("common.unrealizedPnl")}),jsxRuntime.jsx(orderlyUi.Text,{intensity:20,children:"(USDC)"})]}),jsxRuntime.jsx(orderlyUi.Text.numeral,{size:"xs",dp:t.pnlNotionalDecimalPrecision,rm:orderlyUtils.Decimal.ROUND_DOWN,coloring:true,className:"orderly-font-semibold",suffix:jsxRuntime.jsx(orderlyUi.Text.numeral,{rule:"percentages",dp:t.pnlNotionalDecimalPrecision,rm:orderlyUtils.Decimal.ROUND_DOWN,prefix:"(",suffix:")",className:orderlyUi.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(ft,{position:e,sharePnLConfig:t.sharePnLConfig,modalId:orderlyUiShare.SharePnLBottomSheetId,iconSize:12})]})},Oi=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.Statistic,{label:o("common.qty"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.base_dp,padding:false,coloring:true,children:e.position_qty})})},Ai=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.Statistic,{label:jsxRuntime.jsxs("span",{children:[o("positions.column.margin"),jsxRuntime.jsx(orderlyUi.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.mm})})},ki=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.Statistic,{align:"end",label:jsxRuntime.jsxs("span",{children:[o("common.notional"),jsxRuntime.jsx(orderlyUi.Text,{intensity:20,children:"(USDC)"})]}),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.quote_dp,intensity:80,children:e.notional})})},Ei=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.Statistic,{label:o("common.avgOpen"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.quote_dp,rm:orderlyUtils.Decimal.ROUND_DOWN,intensity:80,children:e.average_open_price})})},Hi=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation();return jsxRuntime.jsx(orderlyUi.Statistic,{label:o("common.markPrice"),classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.quote_dp,rm:orderlyUtils.Decimal.ROUND_DOWN,intensity:80,children:e.mark_price})})},zi=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation(),i=e.est_liq_price&&e.est_liq_price>0?e.est_liq_price:"-";return jsxRuntime.jsx(orderlyUi.Statistic,{label:o("positions.column.liqPrice"),align:"end",classNames:{root:"oui-text-xs",label:"oui-text-2xs"},children:jsxRuntime.jsx(orderlyUi.Text.numeral,{dp:t.quote_dp,rm:orderlyUtils.Decimal.ROUND_DOWN,color:"warning",children:i})})},Bi=t=>{let{item:e}=t,{t:o}=orderlyI18n.useTranslation(),i=Bt.useMemo(()=>e.full_tp_sl?.tp_trigger_price==null&&e.full_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.FULL}):jsxRuntime.jsxs(orderlyUi.Flex,{className:"oui-gap-[2px]",children:[e.full_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(orderlyUi.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(orderlyUi.Text.numeral,{color:"sell",children:e.full_tp_sl.sl_trigger_price}),jsxRuntime.jsx(It,{})]}),[e.full_tp_sl]),r=Bt.useMemo(()=>e.partial_tp_sl?.tp_trigger_price==null&&e.partial_tp_sl?.sl_trigger_price==null?jsxRuntime.jsx(dt,{positionType:orderlyTypes.PositionType.PARTIAL}):jsxRuntime.jsxs(orderlyUi.Flex,{className:"oui-gap-[2px]",itemAlign:"center",children:[e.partial_tp_sl?.tp_trigger_price&&jsxRuntime.jsx(orderlyUi.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(orderlyUi.Text.numeral,{color:"sell",children:e.partial_tp_sl.sl_trigger_price}),jsxRuntime.jsx(orderlyUi.Text,{children:`(${e.partial_tp_sl?.order_num})`}),jsxRuntime.jsx(It,{})]}),[e.partial_tp_sl]);return jsxRuntime.jsxs(orderlyUi.Grid,{cols:2,rows:1,gap:2,width:"100%",children:[jsxRuntime.jsxs(orderlyUi.Flex,{className:"oui-text-2xs oui-text-base-contrast-36",direction:"column",itemAlign:"start",children:[jsxRuntime.jsxs(orderlyUi.Text,{children:[o("common.fullTPSL"),": "]}),i]}),jsxRuntime.jsxs(orderlyUi.Flex,{className:"oui-text-2xs oui-text-base-contrast-36 oui-grid-cols-end",direction:"column",itemAlign:"end",children:[jsxRuntime.jsxs(orderlyUi.Text,{children:[o("common.partialTPSL"),": "]}),r]})]})},Wi=t=>{let{t:e}=orderlyI18n.useTranslation(),o=Bt.useRef(Date.now().toString());return jsxRuntime.jsxs(orderlyUi.Flex,{justify:"end",className:"oui-w-full oui-text-2xs",children:[jsxRuntime.jsxs(orderlyUi.Text,{intensity:36,children:[e("funding.fundingFee"),": "]}),jsxRuntime.jsx(mt,{fee:t.item.fundingFee,symbol:t.item.symbol,start_t:t.item.timestamp.toString(),end_t:o.current})]})};var fo=t=>{let{className:e,...o}=t,i=jsxRuntime.jsxs(orderlyUi.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(Ri,{...t}),jsxRuntime.jsx(Mi,{...t})]}),r=jsxRuntime.jsxs(orderlyUi.Grid,{cols:3,rows:2,gap:2,width:"100%",children:[jsxRuntime.jsx(Oi,{...t}),jsxRuntime.jsx(Ai,{...t}),jsxRuntime.jsx(ki,{...t}),jsxRuntime.jsx(Ei,{...t}),jsxRuntime.jsx(Hi,{...t}),jsxRuntime.jsx(zi,{...t})]}),n=jsxRuntime.jsxs(orderlyUi.Grid,{width:"100%",gap:2,cols:2,rows:1,children:[jsxRuntime.jsx(kt,{type:orderlyTypes.OrderType.LIMIT}),jsxRuntime.jsx(kt,{type:orderlyTypes.OrderType.MARKET})]});return jsxRuntime.jsxs(orderlyUi.Flex,{direction:"column",width:"100%",gap:2,p:2,r:"xl",itemAlign:"start",className:orderlyUi.cn(e,"oui-bg-base-9"),children:[i,jsxRuntime.jsx(orderlyUi.Divider,{intensity:6,className:"oui-w-full"}),r,jsxRuntime.jsx(Bi,{...o}),jsxRuntime.jsx(Wi,{...o}),n]})};var yo=t=>{let e=K();return {...t,...e}};var go=t=>{let e=yo(t);return jsxRuntime.jsx(fo,{...e,className:t.className})};var Le=t=>{let{position:e,children:o,mutatePositions:i}=t,{t:r}=orderlyI18n.useTranslation(),[n,s]=Bt.useState(Math.abs(e.position_qty).toString()),[a,l]=Bt.useState(""),[u,c]=Bt.useState(orderlyTypes.OrderType.MARKET);Bt.useEffect(()=>{s(Math.abs(e.position_qty).toString());},[e.position_qty]);let m=e.symbol,d=orderlyHooks.useSymbolsInfo(),f=d?.[m],y=f("quote_dp"),g=f("base_dp"),b=f("base_tick"),{side:v,closeOrderData:D,submit:S,isMutating:M,errors:E,calculate:Q}=orderlyHooks.usePositionClose({position:e,order:{type:u,quantity:n,price:a}}),ut=Bt.useCallback(h=>{let z=Q({},"order_quantity",h,e.mark_price,f());s(z.order_quantity);},[Q,d,e.mark_price]),_=Bt.useCallback(h=>{let z=Q({},"order_price",h,e.mark_price,f());l(z.order_price);},[Q,d,e.mark_price]),p=Bt.useCallback(h=>{c(h),l(h===orderlyTypes.OrderType.LIMIT?e.mark_price?.toString():"");},[e.mark_price]),$=Bt.useCallback(async()=>{if(Number(n)>f("base_max")){orderlyUi.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:f("base_max")})})]}));return}return S().then(h=>{if(h.success)return i?.(),h;throw h.message&&orderlyUi.toast.error(h.message),true}).catch(h=>(h.message&&orderlyUi.toast.error(h.message),false))},[S]),X=Bt.useMemo(()=>({quantity:n