@orderly.network/ui-orders 2.0.0-alpha.1

package/dist/index.d.mts

@@ -0,0 +1,64 @@
+import * as react from 'react';
+import { FC } from 'react';
+import * as _orderly_network_types from '@orderly.network/types';
+import { OrderStatus } from '@orderly.network/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare enum TabType {
+    all = "all",
+    pending = "pending",
+    tp_sl = "tp_sl",
+    filled = "filled",
+    cancelled = "cancelled",
+    rejected = "rejected",
+    orderHistory = "orderHistory"
+}
+declare const OrdersWidget: FC<{
+    current?: TabType;
+}>;
+
+declare const useOrdersScript: (props: {
+    current?: TabType;
+}) => {
+    current: TabType | undefined;
+};
+type OrdersBuilderState$1 = ReturnType<typeof useOrdersScript>;
+
+declare const useOrderListScript: (props: {
+    type: TabType;
+    ordersStatus?: OrderStatus;
+}) => {
+    type: TabType;
+    dataSource: any[] | null;
+    isLoading: boolean;
+    loadMore: () => void;
+    cancelOrder: (orderId: number, symbol?: string | undefined) => Promise<any>;
+    updateOrder: (orderId: string, order: _orderly_network_types.OrderEntity) => Promise<any>;
+    cancelAlgoOrder: (orderId: number, symbol?: string | undefined) => Promise<any>;
+    updateAlgoOrder: (orderId: string, order: _orderly_network_types.OrderEntity) => Promise<any>;
+    page: number;
+    pageSize: number;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
+    setPageSize: (pageSize: number) => void;
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    filterItems: any[];
+};
+type OrdersBuilderState = ReturnType<typeof useOrderListScript>;
+
+declare const OrderList: FC<OrdersBuilderState>;
+
+declare const OrderListWidget: (props: {
+    type: TabType;
+    ordersStatus?: OrderStatus;
+}) => react_jsx_runtime.JSX.Element;
+
+export { OrderList, OrderListWidget, type OrdersBuilderState$1 as OrdersBuilderState, OrdersWidget, TabType, useOrderListScript, useOrdersScript };

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import * as react from 'react';
+import { FC } from 'react';
+import * as _orderly_network_types from '@orderly.network/types';
+import { OrderStatus } from '@orderly.network/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare enum TabType {
+    all = "all",
+    pending = "pending",
+    tp_sl = "tp_sl",
+    filled = "filled",
+    cancelled = "cancelled",
+    rejected = "rejected",
+    orderHistory = "orderHistory"
+}
+declare const OrdersWidget: FC<{
+    current?: TabType;
+}>;
+
+declare const useOrdersScript: (props: {
+    current?: TabType;
+}) => {
+    current: TabType | undefined;
+};
+type OrdersBuilderState$1 = ReturnType<typeof useOrdersScript>;
+
+declare const useOrderListScript: (props: {
+    type: TabType;
+    ordersStatus?: OrderStatus;
+}) => {
+    type: TabType;
+    dataSource: any[] | null;
+    isLoading: boolean;
+    loadMore: () => void;
+    cancelOrder: (orderId: number, symbol?: string | undefined) => Promise<any>;
+    updateOrder: (orderId: string, order: _orderly_network_types.OrderEntity) => Promise<any>;
+    cancelAlgoOrder: (orderId: number, symbol?: string | undefined) => Promise<any>;
+    updateAlgoOrder: (orderId: string, order: _orderly_network_types.OrderEntity) => Promise<any>;
+    page: number;
+    pageSize: number;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
+    setPageSize: (pageSize: number) => void;
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    filterItems: any[];
+};
+type OrdersBuilderState = ReturnType<typeof useOrderListScript>;
+
+declare const OrderList: FC<OrdersBuilderState>;
+
+declare const OrderListWidget: (props: {
+    type: TabType;
+    ordersStatus?: OrderStatus;
+}) => react_jsx_runtime.JSX.Element;
+
+export { OrderList, OrderListWidget, type OrdersBuilderState$1 as OrdersBuilderState, OrdersWidget, TabType, useOrderListScript, useOrdersScript };

package/dist/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var ui = require('@orderly.network/ui');
+var types = require('@orderly.network/types');
+var uiConnector = require('@orderly.network/ui-connector');
+var utils = require('@orderly.network/utils');
+var react = require('react');
+var hooks = require('@orderly.network/hooks');
+var jsxRuntime = require('react/jsx-runtime');
+require('date-fns');
+
+var ye=e=>{let{current:t}=e;return {current:t}};var be=e=>e===void 0||e.length===0?e:e.length===1?e.charAt(0).toUpperCase():e.charAt(0).toUpperCase()+e.toLowerCase().slice(1);function Fe(e){if(typeof e.type<"u")return typeof e.type=="string"?[e.type.replace("_ORDER","").toLowerCase()]:[e.type];if(typeof e.algo_type<"u"){let t=new Array;e.algo_type==="POSITIONAL_TP_SL"&&t.push("Position");let r=e.child_orders.find(i=>i.algo_type==="TAKE_PROFIT"&&!!i.trigger_price),o=e.child_orders.find(i=>i.algo_type==="STOP_LOSS"&&!!i.trigger_price);return (r||o)&&t.push(r&&o?"TP/SL":r?"TP":"SL"),t}}function I(e){return e.status===types.OrderStatus.CANCELLED||e.algo_status===types.OrderStatus.CANCELLED}var A=react.createContext({}),Re=e=>{let{cancelOrder:t,editOrder:r,cancelAlgoOrder:o,editAlgoOrder:i}=e,n=hooks.useSymbolsInfo(),u=react.useCallback(async l=>l.algo_order_id!==void 0?"root_algo_order_id"in l&&l.root_algo_order_id!==l.algo_order_id?o(l.root_algo_order_id,l.symbol):o(l.algo_order_id,l.symbol).then(()=>{}):t(l.order_id,l.symbol).then(()=>{}),[]),a=react.useCallback(async(l,c)=>{l.visible_quantity!==void 0?l.visible_quantity===0:l.visible!==void 0?l.visible===0:!1;await ui.modal.sheet({title:"Edit Order",contentClassName:"orderly-edit-order-sheet-content",content:jsxRuntime.jsx(jsxRuntime.Fragment,{children:"Content"})});},[]),d=react.useCallback((l,c,m)=>{let{min_notional:g}=n[l]();return hooks.checkNotional(c,m,g)},[n]);return jsxRuntime.jsx(A.Provider,{value:{onCancelOrder:u,onEditOrder:a,editOrder:r,editAlgoOrder:i,checkMinNotional:d},children:e.children})};var Me=react.createContext({}),le=()=>react.useContext(Me),Be=e=>{let[t,r]=react.useState(),[o]=hooks.useMutation("/v1/algo/order","DELETE"),[i]=hooks.useMutation("/v1/algo/order","PUT"),n=hooks.useSWRConfig(),{state:u}=hooks.useAccount(),a=react.useMemo(()=>hooks.unstable_serialize(()=>["/v1/positions",u.accountId]),[u.accountId]),d=async f=>o(null,{order_id:f.algo_order_id,symbol:f.symbol}),l=async(f,w)=>i({order_id:f.algo_order_id,child_orders:f.child_orders.map(C=>({order_id:C.algo_order_id,quantity:w.order_quantity}))}),c=f=>n.cache.get(a)?.data.rows.find(C=>C.symbol===f),{sl_trigger_price:m,tp_trigger_price:g}=react.useMemo(()=>!("algo_type"in e.order)||!Array.isArray(e.order.child_orders)?{}:hooks.utils.findTPSLFromOrder(e.order),[e.order]);return react.useEffect(()=>{if("algo_type"in e.order){let f=c(e.order.symbol);f&&r(f);}},[e.order.symbol]),jsxRuntime.jsx(Me.Provider,{value:{order:e.order,sl_trigger_price:m,tp_trigger_price:g,onCancelOrder:d,onUpdateOrder:l,getRelatedPosition:c,position:t},children:e.children})};var $e=react.createContext({}),W=()=>react.useContext($e),ze=e=>{let t=hooks.useSymbolsInfo()[e.symbol];return jsxRuntime.jsx($e.Provider,{value:{base_dp:t("base_dp"),quote_dp:t("quote_dp"),base_tick:t("base_tick"),base:t("base"),quote:t("quote"),symbol:e.symbol},children:e.children})};var Q=e=>{let{type:t,base:r,value:o,cancelPopover:i,isSubmitting:n,onConfirm:u}=e,a=react.useMemo(()=>{switch(t){case 0:return `You agree changing the quantity of ${r}-PERP order to `;case 1:return `You agree changing the price of ${r}-PERP order to `;case 2:return `You agree changing the trigger price of ${r}-PERP order to `}},[t]);return jsxRuntime.jsxs("div",{className:"oui-pt-5 oui-relative",children:[jsxRuntime.jsxs("div",{className:"oui-text-base-contrast-54 oui-text-2xs desktop:oui-text-sm",children:[a,jsxRuntime.jsx("span",{className:"oui-text-warning",children:utils.commify(o)}),"."]}),jsxRuntime.jsxs("div",{className:"oui-grid oui-grid-cols-2 oui-gap-2 oui-mt-5",children:[jsxRuntime.jsx(ui.Button,{color:"secondary",onClick:i,disabled:n,children:"Cancel"}),jsxRuntime.jsx(ui.Button,{loading:n,onClick:u,children:"Confirm"})]}),jsxRuntime.jsx("button",{className:"oui-absolute oui-right-0 oui-top-0 oui-text-base-contrast-54",onClick:i,children:jsxRuntime.jsx(ui.CloseIcon,{size:18})})]})};var Y=e=>{let{inputRef:t,dp:r,value:o,setPrice:i,setEditting:n,error:u,handleKeyDown:a,onClick:d,onClose:l,hintInfo:c}=e;return react.useEffect(()=>{let m=t.current;if(m){let g=m.value.length;m.setSelectionRange(g,g);}n(!0);},[]),jsxRuntime.jsx(ui.Tooltip,{content:c,open:(c?.length||0)>0,children:jsxRuntime.jsx(ui.Input,{ref:t,type:"text",size:"sm",formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(r)],value:o,onValueChange:m=>i(m),helpText:u,onClick:m=>{m.stopPropagation(),m.preventDefault();},onKeyDown:a,autoFocus:!0,classNames:{root:"oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded",input:"oui-pr-2"},suffix:jsxRuntime.jsx("button",{onClick:d,children:jsxRuntime.jsx(ui.CheckIcon,{size:18,color:"white",opacity:1,className:"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100"})})})})};var Oe=e=>{let{order:t}=e,[r,o]=react.useState(t.quantity.toString()),[i,n]=react.useState(!1);react.useEffect(()=>{O(t.quantity.toString());},[e.order.quantity]);let[u,a]=react.useState(!1),[d,l]=react.useState(),{editOrder:c,editAlgoOrder:m,checkMinNotional:g}=react.useContext(A),{onUpdateOrder:f,position:w}=le(),{base_dp:C,base:E}=W(),O=s=>{o(s);let P=Math.abs(w?.position_qty||0);w&&Number(s)>P?l(`Quantity should be less than position quantity : ${P}`):l(void 0);},x=()=>{a(!1),n(!1);},S=()=>{a(!1),O(t.quantity.toString()),n(!1);},[D,N]=react.useState(!1),M=react.useRef(null),T=()=>{if(d)return;if(Number(r)===Number(t.quantity)){n(!1);return}let s=t.algo_order_id!==void 0?t.trigger_price:t.price;if(s!==null&&t.reduce_only!==!0){let P=g(t.symbol,s,r);if(P){ui.toast.error(P),N(!1),S();return}}a(!0);},b=s=>{s?.stopPropagation(),s?.preventDefault(),T();},v=s=>{s.key==="Enter"&&(s?.stopPropagation(),s?.preventDefault(),T());},ae=react.useCallback(()=>{N(!0);let s={symbol:t.symbol,order_type:t.type,side:t.side,order_price:t.price,order_quantity:r,algo_order_id:t.algo_order_id};if(typeof s.algo_order_id<"u"&&s.order_type==="MARKET"){let{order_price:U,...Pt}=s;s=Pt;}typeof t.reduce_only<"u"&&(s.reduce_only=t.reduce_only),t.order_tag!==void 0&&(s={...s,order_tag:t.order_tag}),t?.visible_quantity===0&&(s.visible_quantity=0),t?.tag!==void 0&&(s.order_tag=t.tag);let P;"algo_type"in t&&t.algo_type===types.AlgoOrderRootType.TP_SL?P=f(t,s):t.algo_order_id!==void 0?P=m(t.algo_order_id.toString(),s):P=c(t.order_id.toString(),s),P.then(U=>{x(),O(r.toString());},U=>{ui.toast.error(U.message),O(t.quantity.toString()),S();}).finally(()=>N(!1));},[r]),se=react.useRef(null),de=s=>{se.current&&!se.current.contains(s.target)&&!u&&S();};react.useEffect(()=>(document.addEventListener("mousedown",de),()=>{document.removeEventListener("mousedown",de);}),[u]);let _=()=>!i||e.disableEdit?jsxRuntime.jsx(Gt,{order:t,quantity:r,setEditing:n,disableEdit:e.disableEdit}):jsxRuntime.jsx(Y,{inputRef:M,dp:C,value:r,setPrice:O,setEditting:n,handleKeyDown:v,onClick:b,onClose:S});return jsxRuntime.jsx(ui.Popover,{open:u,onOpenChange:a,content:jsxRuntime.jsx(Q,{type:0,base:E,value:r,cancelPopover:S,isSubmitting:D,onConfirm:ae}),children:jsxRuntime.jsx("div",{ref:se,children:_()})})},Gt=e=>{let{order:t,quantity:r}=e,o=t.total_executed_quantity;return jsxRuntime.jsxs(ui.Flex,{direction:"row",justify:"start",gap:1,className:ui.cn("oui-max-w-[110px] oui-relative",t.side===types.OrderSide.BUY&&"oui-text-trade-profit",t.side===types.OrderSide.SELL&&"oui-text-trade-loss",I(t)&&"oui-text-base-conrast-20"),onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setEditing(!0);},children:["algo_type"in t&&t.algo_type===types.AlgoOrderRootType.TP_SL?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{children:o}),jsxRuntime.jsx("span",{children:"/"})]}),jsxRuntime.jsx(ui.Flex,{r:"base",className:ui.cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsxRuntime.jsx(ui.Text,{size:"2xs",children:r})})]})};var ot=e=>{let{order:t}=e,[r,o]=react.useState(t.price?.toString()??"Market"),[i,n]=react.useState(!1),[u,a]=react.useState(!1),d=t?.algo_order_id!==void 0,l=t?.type==="MARKET"&&d,[c,m]=react.useState(!1),{editOrder:g,editAlgoOrder:f,checkMinNotional:w}=react.useContext(A),{base:C,quote_dp:E}=W(),O=()=>{n(!1),a(!1);},x=()=>{n(!1),o(t.price?.toString()??"Market"),a(!1);},S=_=>{if(_?.stopPropagation(),_?.preventDefault(),r===`${t.price}`){a(!1);return}if(t.reduce_only!==!0){let s=w(t.symbol,r,t.quantity);if(s){ui.toast.error(s),m(!1),x();return}}n(!0);},D=_=>{_.key==="Enter"&&S(_);},N=()=>{m(!0);let _=t.order_id,s={order_price:r,order_quantity:t.quantity,symbol:t.symbol,order_type:t.type,side:t.side};typeof t.reduce_only<"u"&&(s.reduce_only=t.reduce_only),t.order_tag!==void 0&&(s={...s,order_tag:t.order_tag}),d&&(_=t.algo_order_id,s={...s,order_id:_,price:r,algo_order_id:_}),t?.visible_quantity===0&&(s.visible_quantity=0),t.tag!==void 0&&(s.order_tag=t.tag);let P;t.algo_order_id!==void 0?P=f(t.algo_order_id.toString(),s):P=g(t.order_id.toString(),s),P.then(U=>{O(),o(r);},U=>{ui.toast.error(U.message),o(t.price.toString()),x();}).finally(()=>m(!1));},M=react.useRef(null),T=hooks.useSymbolPriceRange(t.symbol,t.side,d?t.trigger_price:void 0),b=react.useMemo(()=>!T||l||!u?"":Number(r)>T.max?`Price can not be greater than ${T.max} USDC.`:Number(r)<T.min?`Price can not be less than ${T.min} USDC.`:"",[l,u,T,r]);react.useEffect(()=>{e.order.price&&o(`${e.order.price}`);},[e.order.price]);let v=react.useRef(null),ae=_=>{v.current&&!v.current.contains(_.target)&&!i&&x();};if(react.useEffect(()=>(document.addEventListener("mousedown",ae),()=>{document.removeEventListener("mousedown",ae);}),[i]),t.algo_order_id&&t.type=="MARKET"||r==="Market")return jsxRuntime.jsx("span",{children:"Market"});let de=()=>!u||e.disableEdit?jsxRuntime.jsx(or,{order:t,price:r,setEditing:a,disableEdit:e.disableEdit}):jsxRuntime.jsx(Y,{inputRef:M,dp:E,value:r,setPrice:o,setEditting:a,handleKeyDown:D,onClick:S,onClose:x,hintInfo:b});return jsxRuntime.jsx(ui.Popover,{open:i,onOpenChange:n,content:jsxRuntime.jsx(Q,{type:1,base:C,value:r,cancelPopover:x,isSubmitting:c,onConfirm:N}),children:jsxRuntime.jsx("div",{ref:v,children:de()})})},or=e=>{let{order:t,price:r}=e;return jsxRuntime.jsx("div",{className:ui.cn("oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold",I(t)&&"oui-text-base-conrast-20"),onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setEditing(!0);},children:jsxRuntime.jsx(ui.Flex,{r:"base",className:ui.cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsxRuntime.jsx(ui.Text,{size:"2xs",children:utils.commifyOptional(r)})})})};var lt=e=>{let{order:t}=e,[r,o]=react.useState("");react.useEffect(()=>{o(t.trigger_price?.toString()??"0");},[t.trigger_price]);let i=t?.algo_order_id!==void 0,[n,u]=react.useState(!1),[a,d]=react.useState(!1),[l,c]=react.useState(!1),{editAlgoOrder:m,checkMinNotional:g}=react.useContext(A),{base:f,quote_dp:w}=W(),C=()=>{u(!1),d(!1);},E=()=>{o(t.trigger_price?.toString()??"0"),u(!1),d(!1);},O=react.useRef(null),x=b=>{O.current&&!O.current.contains(b.target)&&!n&&E();};react.useEffect(()=>(document.addEventListener("mousedown",x),()=>{document.removeEventListener("mousedown",x);}),[n]);let S=b=>{if(b?.stopPropagation(),b?.preventDefault(),d(!1),Number(r)!==Number(t.trigger_price)){if(t.price&&t.reduce_only!==!0){let v=g(t.symbol,t.price,t.quantity);if(v){ui.toast.error(v),c(!1),E();return}}u(!0);}},D=b=>{b.key==="Enter"&&S(b);},N=()=>{c(!0);let b={quantity:t.quantity,trigger_price:r,symbol:t.symbol,algo_order_id:t.algo_order_id};t.order_tag!==void 0&&(b={...b,order_tag:t.order_tag}),m(`${t.algo_order_id}`,b).then(v=>{C(),o(r);},v=>{ui.toast.error(v.message),o(t.trigger_price?.toString()??"--"),E();}).finally(()=>c(!1));},M=react.useRef(null);if(!i)return jsxRuntime.jsx(ui.Text,{children:"--"});let T=()=>!a||e.disableEdit?jsxRuntime.jsx(sr,{order:t,price:r,setEditing:d,disableEdit:e.disableEdit}):jsxRuntime.jsx(Y,{inputRef:M,dp:w,value:r,setPrice:o,setEditting:d,handleKeyDown:D,onClick:S,onClose:E});return jsxRuntime.jsx(ui.Popover,{open:n,onOpenChange:u,content:jsxRuntime.jsx(Q,{type:2,base:f,value:r,cancelPopover:E,isSubmitting:l,onConfirm:N}),children:jsxRuntime.jsx("div",{ref:O,children:T()})})},sr=e=>{let{order:t,price:r}=e;return jsxRuntime.jsx("div",{className:ui.cn("oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold",I(t)&&"oui-text-base-conrast-20"),onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setEditing(!0);},children:jsxRuntime.jsx(ui.Flex,{r:"base",className:ui.cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsxRuntime.jsx(ui.Text,{size:"2xs",children:r})})})};var Se=e=>{let{order:t}=e,{onCancelOrder:r}=react.useContext(A),[o,i]=react.useState(!1);return jsxRuntime.jsx(ui.Button,{size:"sm",variant:"outlined",color:"secondary",onClick:n=>{r&&(n.preventDefault(),n.stopPropagation(),i(!0),r(t).then(u=>u,u=>{ui.toast.error(u.message);}).finally(()=>{i(!1);}));},loading:o,children:"Cancel"})};var ut=e=>{let{record:t}=e,[r,o]=react.useState(!1),[i,{data:n,error:u,reset:a,isMutating:d}]=hooks.useMutation("/v1/order"),l=hooks.useConfig("brokerId"),c=react.useCallback(()=>{o(!1);let m={symbol:t.symbol,order_type:t.type,order_price:t.price,order_quantity:t.quantity,order_amount:t.amount,side:t.side,broker_id:l};Number(t.visible_quantity)<Number(t.quantity)&&(m.visible_quantity=0),typeof t.reduce_only<"u"&&(m.reduce_only=t.reduce_only),i(m);},[]);return jsxRuntime.jsx(ui.Button,{size:"sm",variant:"outlined",color:"secondary",loading:d,disabled:d,onClick:m=>{d||(m.preventDefault(),m.stopPropagation(),c());},children:"Renew"})};var pt=()=>{let{sl_trigger_price:e,tp_trigger_price:t,order:r,position:o}=le();return jsxRuntime.jsx(_r,{stopLossPrice:e,takeProfitPrice:t,direction:"column",order:r,position:o,tooltip:!0})},_r=e=>{let{direction:t="row",order:r,position:o}=e,i=hooks.useSymbolsInfo(),n=react.useMemo(()=>{let d=[];if(!e.tooltip||!r||!o)return;let l=r.quantity;return l===0&&r.child_orders[0].type==="CLOSE_POSITION"&&(l=o.position_qty),e.takeProfitPrice&&d.push(jsxRuntime.jsx(mt,{qty:l,price:e.takeProfitPrice,entryPrice:o.average_open_price,orderSide:r.side,orderType:types.AlgoOrderType.TAKE_PROFIT,symbolInfo:i[r.symbol]()},"tp")),e.stopLossPrice&&d.push(jsxRuntime.jsx(mt,{qty:l,price:e.stopLossPrice,entryPrice:o.average_open_price,orderSide:r.side,orderType:types.AlgoOrderType.STOP_LOSS,symbolInfo:i[r.symbol]()},"sl")),jsxRuntime.jsx("div",{children:d})},[e.takeProfitPrice,e.stopLossPrice,o?.average_open_price,r?.side,r?.quantity,r?.algo_type]),u=react.useMemo(()=>{let d=[];return r?.symbol?(e.takeProfitPrice&&d.push(jsxRuntime.jsx(ui.Text.numeral,{className:ui.cn("oui-text-trade-profit oui-gap-0  oui-decoration-white/20"),rule:"price",precision:i[r.symbol]("quote_dp",2),children:e.takeProfitPrice,prefix:!e.stopLossPrice||t==="column"?jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:"TP\xA0-\xA0"}):""},"tp")),e.stopLossPrice&&d.push(jsxRuntime.jsx(ui.Text.numeral,{className:ui.cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",precision:i[r.symbol]("quote_dp",2),children:e.stopLossPrice,prefix:!e.takeProfitPrice||t==="column"?jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:"SL\xA0-\xA0"}):""},"sl")),d.length===0?jsxRuntime.jsx("span",{children:"-"}):(d.length===2&&t==="row"&&d.splice(1,0,jsxRuntime.jsx("span",{children:"/"},"split")),d)):jsxRuntime.jsx("span",{children:"-"})},[e.takeProfitPrice,e.stopLossPrice,r?.symbol]),a=jsxRuntime.jsx("div",{className:ui.cn("oui-inline-flex oui-text-base-contrast-36",e.direction==="column"?"oui-flex-col":"oui-flex-row oui-gap-1",e.className),children:u});return e.tooltip?jsxRuntime.jsx(ui.Tooltip,{content:n,children:a}):a},mt=e=>{let{qty:t,price:r,entryPrice:o,orderSide:i,orderType:n,symbolInfo:u}=e,a=hooks.utils.priceToPnl({qty:t,price:r,entryPrice:o,orderSide:i,orderType:n},{symbol:u}),d=n===types.AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxRuntime.jsxs("div",{className:"oui-flex oui-items-center",children:[jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54 oui-mr-1",children:`${d} PnL:`}),jsxRuntime.jsx(ui.Text.numeral,{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("span",{children:a===0?"":a>0?"+":"-"}),surfix:jsxRuntime.jsx("span",{className:"oui-text-base-contrast-36 oui-ml-1",children:"USDC"}),children:`${Math.abs(a)}`})]})};var gt=e=>(()=>{switch(e){case"all":return [B({width:130,showType:!0}),$({width:130}),G({width:130,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:130,title:"Order price",disableEdit:!0}),pe({width:130}),ft({width:130}),J({width:130}),oe({width:130}),ie({width:130}),K({width:130}),V({width:130}),Ce({width:130})];case"pending":return [B({width:162,showType:!0}),$({width:162}),G({width:162,className:"oui-pr-0"}),z({width:162,className:"oui-pr-0"}),te({width:162,className:"oui-pr-0"}),J({width:162}),K({width:162}),V({width:162}),re({width:162}),Ce({width:162})];case"tp_sl":return [B({width:176,showType:!0}),$({width:176}),kr({width:176}),ft({width:176}),z({width:176,disableEdit:!0}),qr({width:176}),K({width:176}),re({width:176}),Dr({width:176})];case"filled":return [B({width:124}),Fr({width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,title:"Order price",disableEdit:!0}),Rr({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124})];case"cancelled":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124})];case"rejected":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124})];case"orderHistory":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124}),Ce({width:124})]}})();function B(e){return {title:"Instrument",dataIndex:"symbol",className:"oui-h-[48px]",width:e?.width,onSort:e?.enableSort?(t,r,o)=>o==="asc"?t.symbol.localeCompare(r.symbol):r.symbol.localeCompare(t.symbol):void 0,render:(t,r)=>{typeof r.type=="string"?r.type.replace("_ORDER","").toLowerCase():r.type;let i=I(r);return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",size:"xs",className:" oui-text-xs",onClick:n=>{n.stopPropagation(),n.preventDefault();},children:t}),e?.showType&&jsxRuntime.jsx(ui.Flex,{direction:"row",gap:1,children:Fe(r)?.map(n=>jsxRuntime.jsx(ui.Badge,{color:n.toLocaleLowerCase()==="position"?i?"neutural":"primary":"neutural",size:"xs",children:n}))})]})}}}function $(e){return {title:"Side",dataIndex:"side",width:e?.width,className:"oui-h-[48px]",onSort:e?.enableSort?(t,r,o)=>o==="asc"?r.side.localeCompare(t.side):t.side.localeCompare(r.side):void 0,render:(t,r)=>{let o=I(r)?"oui-text-base-contrast-20":t===types.OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss";return jsxRuntime.jsx("span",{className:ui.cn("oui-font-semibold",o),children:be(t)})}}}function Fr(e){return {title:"Type",dataIndex:"type",width:e?.width,className:e?.className,formatter:(t,r)=>{let o=typeof r.type=="string"?r.type.replace("_ORDER","").toLowerCase():r.type;return r.algo_order_id?`Stop ${o}`:be(t)}}}function G(e){return {title:"Filled / Quantity",dataIndex:"fill_quantity",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsxRuntime.jsx(Oe,{order:r,disableEdit:e?.disableEdit})}}function kr(e){return {title:"Quantity",className:e?.className,dataIndex:"quantity",width:e?.width,onSort:e?.enableSort,render:(t,r)=>r.algo_type===types.AlgoOrderRootType.POSITIONAL_TP_SL?"Entire position":jsxRuntime.jsx(Oe,{order:r})}}function z(e){return {title:e?.title??"Price",dataIndex:"price",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsxRuntime.jsx(ot,{order:r,disableEdit:e?.disableEdit})}}function Rr(e){return {title:"Avg. price",dataIndex:"average_executed_price",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsxRuntime.jsx(ui.Text,{children:utils.commifyOptional(t)})}}function te(e){return {title:"Trigger",className:e?.className,dataIndex:"trigger_price",width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsxRuntime.jsx(lt,{order:r,disableEdit:e?.disableEdit})}}function ft(e){return {title:"Trigger",className:e?.className,dataIndex:"trigger_price",width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsxRuntime.jsx(pt,{})}}function J(e){return {title:"Est. total",dataIndex:"executed",width:e?.width,className:e?.className,render:(t,r)=>r.type===types.OrderType.CLOSE_POSITION&&r.status!==types.OrderStatus.FILLED?"Entire position":jsxRuntime.jsx(ui.Text.numeral,{rm:utils.Decimal.ROUND_DOWN,children:r.total_executed_quantity===0||Number.isNaN(r.average_executed_price)||r.average_executed_price===null?"--":`${r.total_executed_quantity*r.average_executed_price}`})}}function K(e){return {title:"Reduce only",dataIndex:"reduce_only",width:e?.width,className:e?.className,render:t=>jsxRuntime.jsx(ui.Text,{children:t?"Yes":"No"})}}function V(e){return {title:"Hidden",dataIndex:"visible",width:e?.width,className:e?.className,render:(t,r)=>jsxRuntime.jsx(ui.Text,{children:r.visible_quantity!==0?"No":"Yes"})}}function re(e){return {title:"Order time",dataIndex:"created_time",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:e?.formatString||"yyyy-MM-dd HH:mm:ss",className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function oe(e){return {title:"Fee",dataIndex:"total_fee",width:e?.width,onSort:e?.enableSort,className:e?.className}}function qr(e){return {title:"Notional",dataIndex:"notional",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsxRuntime.jsx(ui.Text,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function ie(e){return {title:"Status",dataIndex:"status",width:e?.width,onSort:e?.enableSort,className:e?.className,render:(t,r)=>jsxRuntime.jsx(ui.Text,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:ui.capitalizeFirstLetter((r?.algo_status||r.status)?.toLocaleLowerCase())})}}function pe(e){return {title:"Avg. open",dataIndex:"average_open_price",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsxRuntime.jsx(ui.Text.numeral,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function Ce(e){return {title:"",dataIndex:"",width:e?.width,className:e?.className,align:"right",fixed:"right",render:(t,r)=>r.status===types.OrderStatus.CANCELLED?jsxRuntime.jsx(ut,{record:r}):r.status===types.OrderStatus.NEW||r.algo_status===types.OrderStatus.NEW?jsxRuntime.jsx(Se,{order:r}):null}}function Dr(e){return {title:"",dataIndex:"",width:e?.width,className:e?.className,align:"right",fixed:"right",render:(t,r)=>jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(ui.Button,{size:"sm",variant:"outlined",color:"secondary",children:"Edit"}),jsxRuntime.jsx(Se,{order:r})]})}}var Te=e=>{let t=gt(e.type);return jsxRuntime.jsx(Re,{cancelOrder:e.cancelOrder,editOrder:e.updateOrder,cancelAlgoOrder:e.cancelAlgoOrder,editAlgoOrder:e.updateAlgoOrder,children:jsxRuntime.jsx(ui.Flex,{direction:"column",width:"100%",itemAlign:"start",children:jsxRuntime.jsxs(uiConnector.AuthGuardDataTable,{columns:t,loading:e.isLoading,dataSource:e.dataSource,ignoreLoadingCheck:!0,classNames:{root:"oui-items-start"},onRow:(r,o)=>({className:I(r)?"oui-text-base-contrast-20":""}),generatedRowKey:(r,o)=>`${e.type}${o}${r.order_id||r.algo_order_id}_index${o}`,renderRowContainer:(r,o,i)=>(e.type==="tp_sl"&&(i=jsxRuntime.jsx(Be,{order:r,children:i})),jsxRuntime.jsx(ze,{symbol:r.symbol,children:i})),children:[e.filterItems.length>0&&jsxRuntime.jsx(ui.Filter,{items:e.filterItems,onFilter:r=>{e.onFilter(r);}}),jsxRuntime.jsx(ui.Pagination,{...e.meta,onPageChange:e.setPage,onPageSizeChange:e.setPageSize})]})})})};var Ae=e=>{let{ordersStatus:t,type:r}=e,{page:o,pageSize:i,setPage:n,setPageSize:u,parseMeta:a}=ui.usePagination(),{orderStatus:d,ordersSide:l,dateRange:c,filterItems:m,onFilter:g}=Wr(r,{ordersStatus:t,setPage:n}),f=react.useMemo(()=>{if(r==="tp_sl")return [types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL]},[r]),w=react.useMemo(()=>{if(r==="pending")return [types.AlgoOrderRootType.POSITIONAL_TP_SL,types.AlgoOrderRootType.TP_SL]},[r]),[C,{isLoading:E,loadMore:O,cancelOrder:x,updateOrder:S,cancelAlgoOrder:D,updateAlgoOrder:N,meta:M}]=hooks.useOrderStream({status:d,side:l,page:o,size:i,dateRange:c,includes:f,excludes:w});return {type:r,dataSource:C,isLoading:E,loadMore:O,cancelOrder:x,updateOrder:S,cancelAlgoOrder:D,updateAlgoOrder:N,page:o,pageSize:i,setPage:n,setPageSize:u,meta:a(M),onFilter:g,filterItems:m}},Wr=(e,t)=>{let[r,o]=react.useState(t.ordersStatus),[i,n]=react.useState(void 0),[u,a]=react.useState(),d=c=>{c.name==="side"&&(n(c.value),t.setPage(1)),c.name==="status"&&(o(c.value),t.setPage(1)),c.name==="dateRange"&&(a(c.value),t.setPage(1));};return {filterItems:react.useMemo(()=>{let c={type:"select",name:"side",options:[{label:"All sides",value:void 0},{label:"Buy",value:"BUY"},{label:"Sell",value:"SELL"}],value:i},m={type:"range",name:"dateRange",value:u},g={type:"select",name:"status",options:[{label:"All status",value:void 0},{label:"Pending",value:types.OrderStatus.INCOMPLETE},{label:"Canceled",value:types.OrderStatus.CANCELLED},{label:"Rejected",value:types.OrderStatus.REJECTED}],value:r};switch(e){case"all":return [c,g,m];case"pending":return [c];case"tp_sl":return [c];case"filled":return [c];case"cancelled":return [c];case"rejected":return [c];case"orderHistory":return [c]}},[e,i,r,u]),onFilter:d,ordersSide:i,dateRange:u,orderStatus:r}};var q=e=>{let t=Ae(e);return jsxRuntime.jsx(Te,{...t})};var bt=e=>jsxRuntime.jsxs(ui.Tabs,{defaultValue:e.current||"all",variant:"contained",children:[jsxRuntime.jsx(ui.TabPanel,{value:"all",title:"All",children:jsxRuntime.jsx(q,{type:"all"})}),jsxRuntime.jsx(ui.TabPanel,{value:"pending",title:"Pending",children:jsxRuntime.jsx(q,{type:"pending",ordersStatus:types.OrderStatus.INCOMPLETE})}),jsxRuntime.jsx(ui.TabPanel,{value:"tp_sl",title:"TP/SL",children:jsxRuntime.jsx(q,{type:"tp_sl",ordersStatus:types.OrderStatus.INCOMPLETE})}),jsxRuntime.jsx(ui.TabPanel,{value:"filled",title:"Filled",children:jsxRuntime.jsx(q,{type:"filled",ordersStatus:types.OrderStatus.FILLED})}),jsxRuntime.jsx(ui.TabPanel,{value:"cancelled",title:"Cancelled",children:jsxRuntime.jsx(q,{type:"cancelled",ordersStatus:types.OrderStatus.CANCELLED})}),jsxRuntime.jsx(ui.TabPanel,{value:"rejected",title:"Rejected",children:jsxRuntime.jsx(q,{type:"rejected",ordersStatus:types.OrderStatus.REJECTED})}),jsxRuntime.jsx(ui.TabPanel,{value:"orderHistory",title:"Order history",children:jsxRuntime.jsx(q,{type:"orderHistory"})})]});var X=(a=>(a.all="all",a.pending="pending",a.tp_sl="tp_sl",a.filled="filled",a.cancelled="cancelled",a.rejected="rejected",a.orderHistory="orderHistory",a))(X||{}),Jr=e=>{let t=ye(e);return jsxRuntime.jsx(bt,{...t})};
+
+exports.OrderList = Te;
+exports.OrderListWidget = q;
+exports.OrdersWidget = Jr;
+exports.TabType = X;
+exports.useOrderListScript = Ae;
+exports.useOrdersScript = ye;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/orders.script.ts","../src/components/orders.ui.tsx","../src/components/orderList/orderList.ui.tsx","../src/components/orderList/useColumn.tsx","../src/utils/util.ts","../src/components/orderList/quantity.tsx","../src/components/orderList/orderListContext.tsx","../src/components/orderList/tpslOrderRowContext.tsx","../src/components/orderList/symbolProvider.tsx","../src/components/orderList/editOrder/confirmContent.tsx","../src/components/orderList/editOrder/innerInput.tsx","../src/components/orderList/price.tsx","../src/components/orderList/triggerPrice.tsx","../src/components/orderList/cancelBtn.tsx","../src/components/orderList/renew.tsx","../src/components/orderList/tpslTriggerPrice.tsx","../src/components/orderList/orderList.script.tsx","../src/components/orderList/orderList.widget.tsx","../src/components/orders.widget.tsx"],"names":["useOrdersScript","props","current","TabPanel","Tabs","OrderStatus","Flex","Pagination","Filter","AuthGuardDataTable","AlgoOrderRootType","OrderSide","OrderType","Button","capitalizeFirstLetter","cn","Text","commifyOptional","Decimal","upperCaseFirstLetter","str","parseBadgesFor","record","list","tpOrder","order","slOrder","grayCell","Badge","useCallback","useContext","useEffect","useRef","useState","Popover","toast","modal","createContext","checkNotional","useSymbolsInfo","Fragment","jsx","OrderListContext","OrderListProvider","cancelOrder","editOrder","cancelAlgoOrder","editAlgoOrder","symbolInfo","onCancelOrder","onEditOrder","position","isHidden","orderEntry","checkMinNotional","symbol","price","qty","min_notional","useMemo","unstable_serialize","useAccount","useMutation","useSWRConfig","utils","TPSLOrderRowContext","useTPSLOrderRowContext","TPSLOrderRowProvider","setPosition","doDeleteOrder","doUpdateOrder","config","state","positionKey","onUpdateOrder","params","getRelatedPosition","p","sl_trigger_price","tp_trigger_price","SymbolContext","useSymbolContext","SymbolProvider","CloseIcon","commify","jsxs","ConfirmContent","type","base","value","cancelPopover","isSubmitting","onConfirm","label","CheckIcon","Input","inputFormatter","Tooltip","InnerInput","inputRef","dp","setPrice","setEditting","error","handleKeyDown","onClick","onClose","hintInfo","input","length","e","OrderQuantity","quantity","originSetQuantity","editting","setQuantity","open","setOpen","setError","onUpdateTPSLOrder","base_dp","positionQty","closePopover","setIsSubmitting","clickHandler","notionalText","event","order_price","rest","future","result","err","componentRef","handleClickOutside","trigger","NormalState","executed","useSymbolPriceRange","Price","isAlgoOrder","isStopMarket","quote_dp","order_id","data","rangeInfo","TriggerPrice","CancelButton","isLoading","setIsLoading","res","useConfig","Renew","doCreateOrder","reset","isMutating","brokerId","onSubmit","AlgoOrderType","OrderTriggerPrice","TPSLTriggerPrice","direction","pnl","msgs","TriggerPriceItem","child","children","content","entryPrice","orderSide","orderType","useOrderColumn","_type","instrument","side","fillAndQuantity","avgOpen","tpslTriggerPrice","estTotal","fee","status","reduceOnly","hidden","cancelBtn","triggerPrice","orderTime","notional","tpslAction","avgPrice","option","r1","r2","sortOrder","badge","showGray","clsName","_","OrderList","columns","index","useOrderStream","usePagination","differenceInDays","setHours","useOrderListScript","ordersStatus","page","pageSize","setPage","setPageSize","parseMeta","orderStatus","ordersSide","dateRange","filterItems","onFilter","useFilter","includes","excludes","loadMore","updateOrder","updateAlgoOrder","meta","setOrderStatus","setOrdersSide","setDateRange","filter","sideFilter","dateRangeFilter","statusFilter","OrderListWidget","Orders","TabType","OrdersWidget"],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n  AlgoOrderRootType,\n  OrderStatus,\n  OrderSide,\n} from \"@orderly.network/types\";\nimport { useOrderStream } from \"@orderly.network/hooks\";\nimport { TabType } from \"./orders.widget\";\n\nexport const useOrdersScript = (props: { current?: TabType }) => {\n  const { current } = props;\n  return {\n    current,\n  };\n};\n\nexport type OrdersBuilderState = ReturnType<typeof useOrdersScript>;\n","import { DataTable, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { useOrderColumn } from \"./orderList/useColumn\";\nimport { OrderStatus, API } from \"@orderly.network/types\";\nimport { OrdersBuilderState } from \"./orders.script\";\nimport { TabType } from \"./orders.widget\";\nimport { OrderList, OrderListWidget } from \"./orderList\";\n\nexport const Orders = (props: OrdersBuilderState) => {\n  return (\n    <Tabs defaultValue={props.current || TabType.all} variant=\"contained\">\n      <TabPanel value={TabType.all} title=\"All\">\n        <OrderListWidget\n          type={TabType.all}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.pending} title=\"Pending\">\n        <OrderListWidget\n          type={TabType.pending}\n          ordersStatus={OrderStatus.INCOMPLETE}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.tp_sl} title=\"TP/SL\">\n        <OrderListWidget\n          type={TabType.tp_sl}\n          ordersStatus={OrderStatus.INCOMPLETE}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.filled} title=\"Filled\">\n        <OrderListWidget\n          type={TabType.filled}\n          ordersStatus={OrderStatus.FILLED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.cancelled} title=\"Cancelled\">\n        <OrderListWidget\n          type={TabType.cancelled}\n          ordersStatus={OrderStatus.CANCELLED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.rejected} title=\"Rejected\">\n        <OrderListWidget\n          type={TabType.rejected}\n          ordersStatus={OrderStatus.REJECTED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.orderHistory} title=\"Order history\">\n        <OrderListWidget\n          type={TabType.orderHistory}\n        />\n      </TabPanel>\n    </Tabs>\n  );\n};\n// ----------------- Orders ui component end -----------------\n","import { FC } from \"react\";\nimport { Divider, Flex, Text, Pagination, Filter } from \"@orderly.network/ui\";\nimport { OrdersBuilderState } from \"./orderList.script\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useOrderColumn } from \"./useColumn\";\nimport { grayCell } from \"../../utils/util\";\nimport { SymbolProvider } from \"./symbolProvider\";\nimport { OrderListProvider } from \"./orderListContext\";\nimport { TabType } from \"../orders.widget\";\nimport { TPSLOrderRowProvider } from \"./tpslOrderRowContext\";\n\nexport const OrderList: FC<OrdersBuilderState> = (props) => {\n  const columns = useOrderColumn(props.type);\n  return (\n    <OrderListProvider\n      cancelOrder={props.cancelOrder}\n      editOrder={props.updateOrder}\n      cancelAlgoOrder={props.cancelAlgoOrder}\n      editAlgoOrder={props.updateAlgoOrder}\n      // cancelTPSLOrder={props.cancelTPSLOrder}\n    >\n      <Flex direction={\"column\"} width={\"100%\"} itemAlign={\"start\"}>\n        {/* <Divider className=\"oui-w-full\" /> */}\n        <AuthGuardDataTable\n          columns={columns}\n          loading={props.isLoading}\n          dataSource={props.dataSource}\n          ignoreLoadingCheck={true}\n          classNames={{\n            root: \"oui-items-start\",\n          }}\n          onRow={(record, index) => {\n            return {\n              className: grayCell(record) ? \"oui-text-base-contrast-20\" : \"\",\n            };\n          }}\n          generatedRowKey={(record, index) =>\n            `${props.type}${index}${\n              record.order_id || record.algo_order_id\n            }_index${index}`\n          }\n          renderRowContainer={(record: any, index, children) => {\n            if (props.type === TabType.tp_sl) {\n              children = (\n                <TPSLOrderRowProvider order={record}>\n                  {children}\n                </TPSLOrderRowProvider>\n              );\n            }\n\n            return (\n              <SymbolProvider symbol={record.symbol}>{children}</SymbolProvider>\n            );\n          }}\n        >\n          {props.filterItems.length > 0 && (\n            <Filter\n              items={props.filterItems}\n              onFilter={(value: any) => {\n                props.onFilter(value);\n              }}\n            />\n          )}\n\n          <Pagination\n            {...props.meta}\n            onPageChange={props.setPage}\n            onPageSizeChange={props.setPageSize}\n          />\n        </AuthGuardDataTable>\n      </Flex>\n    </OrderListProvider>\n  );\n};\n","import {\n  AlgoOrderRootType,\n  API,\n  OrderSide,\n  OrderStatus,\n  OrderType,\n} from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  cn,\n  Column,\n  Flex,\n  Text,\n} from \"@orderly.network/ui\";\nimport { commifyOptional, Decimal } from \"@orderly.network/utils\";\nimport { useMemo } from \"react\";\nimport {\n  grayCell,\n  parseBadgesFor,\n  upperCaseFirstLetter,\n} from \"../../utils/util\";\nimport { TabType } from \"../orders.widget\";\nimport { Badge } from \"@orderly.network/ui\";\nimport { OrderQuantity } from \"./quantity\";\nimport { Price } from \"./price\";\nimport { TriggerPrice } from \"./triggerPrice\";\nimport { CancelButton } from \"./cancelBtn\";\nimport { Renew } from \"./renew\";\nimport { OrderTriggerPrice } from \"./tpslTriggerPrice\";\n\nexport const useOrderColumn = (_type: TabType) => {\n  const columns =\n    // useMemo(\n    () => {\n      switch (_type) {\n        case TabType.all:\n          return [\n            instrument({ width: 130, showType: true }),\n            side({ width: 130 }),\n            fillAndQuantity({\n              width: 130,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 130, title: \"Order price\", disableEdit: true }),\n            avgOpen({ width: 130 }),\n            tpslTriggerPrice({ width: 130 }),\n            estTotal({ width: 130 }),\n            fee({ width: 130 }),\n            status({ width: 130 }),\n            reduceOnly({ width: 130 }),\n            hidden({ width: 130 }),\n            cancelBtn({ width: 130 }),\n          ];\n        case TabType.pending:\n          return [\n            instrument({ width: 162, showType: true }),\n            side({ width: 162 }),\n            fillAndQuantity({ width: 162, className: \"oui-pr-0\" }),\n            price({ width: 162, className: \"oui-pr-0\" }),\n            triggerPrice({ width: 162, className: \"oui-pr-0\" }),\n            estTotal({ width: 162 }),\n            reduceOnly({ width: 162 }),\n            hidden({ width: 162 }),\n            orderTime({ width: 162 }),\n            cancelBtn({ width: 162 }),\n          ];\n        case TabType.tp_sl:\n          return [\n            instrument({ width: 176, showType: true }),\n            side({ width: 176 }),\n            quantity({ width: 176 }),\n            tpslTriggerPrice({ width: 176 }),\n            price({ width: 176, disableEdit: true }),\n            notional({ width: 176 }),\n            reduceOnly({ width: 176 }),\n            orderTime({ width: 176 }),\n            tpslAction({ width: 176 }),\n          ];\n        case TabType.filled:\n          return [\n            instrument({ width: 124 }),\n            type({ width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, title: \"Order price\", disableEdit: true }),\n            avgPrice({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n          ];\n        case TabType.cancelled:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n          ];\n        case TabType.rejected:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n          ];\n        case TabType.orderHistory:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n            cancelBtn({ width: 124 }),\n          ];\n      }\n    };\n\n  // }, [_type]);\n\n  return columns();\n};\n\nfunction instrument(option?: {\n  showType?: boolean;\n  enableSort?: boolean;\n  width?: number;\n}): Column<API.Order> {\n  return {\n    title: \"Instrument\",\n    dataIndex: \"symbol\",\n    className: \"oui-h-[48px]\",\n    width: option?.width,\n    onSort: option?.enableSort\n      ? (r1, r2, sortOrder) => {\n          if (sortOrder === \"asc\") {\n            return r1.symbol.localeCompare(r2.symbol);\n          }\n          return r2.symbol.localeCompare(r1.symbol);\n        }\n      : undefined,\n    render: (value: string, record) => {\n      const badge =\n        typeof record.type === \"string\"\n          ? record.type.replace(\"_ORDER\", \"\").toLowerCase()\n          : record.type;\n\n      const showGray = grayCell(record);\n\n      return (\n        <Flex direction=\"column\" itemAlign={\"start\"}>\n          <Text.formatted\n            rule={\"symbol\"}\n            size=\"xs\"\n            className=\" oui-text-xs\"\n            onClick={(e) => {\n              // props.onSymbolChange?.({ symbol: value } as API.Symbol);\n              e.stopPropagation();\n              e.preventDefault();\n            }}\n          >\n            {value}\n          </Text.formatted>\n          {option?.showType && (\n            <Flex direction={\"row\"} gap={1}>\n              {parseBadgesFor(record)?.map((e) => (\n                <Badge\n                  color={\n                    e.toLocaleLowerCase() === \"position\"\n                      ? showGray\n                        ? \"neutural\"\n                        : \"primary\"\n                      : \"neutural\"\n                  }\n                  size=\"xs\"\n                >\n                  {e}\n                </Badge>\n              ))}\n            </Flex>\n          )}\n        </Flex>\n      );\n    },\n  };\n}\n\nfunction side(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Side\",\n    dataIndex: \"side\",\n    width: option?.width,\n    className: \"oui-h-[48px]\",\n    onSort: option?.enableSort\n      ? (r1, r2, sortOrder) => {\n          if (sortOrder === \"asc\") {\n            return r2.side.localeCompare(r1.side);\n          }\n          return r1.side.localeCompare(r2.side);\n        }\n      : undefined,\n    render: (value: string, record) => {\n      const clsName = grayCell(record)\n        ? \"oui-text-base-contrast-20\"\n        : value === OrderSide.BUY\n        ? \"oui-text-trade-profit\"\n        : \"oui-text-trade-loss\";\n      return (\n        <span className={cn(\"oui-font-semibold\", clsName)}>\n          {upperCaseFirstLetter(value)}\n        </span>\n      );\n    },\n  };\n}\n\nfunction type(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Type\",\n    dataIndex: \"type\",\n    width: option?.width,\n    className: option?.className,\n    formatter: (value: string, record: any) => {\n      const type =\n        typeof record.type === \"string\"\n          ? record.type.replace(\"_ORDER\", \"\").toLowerCase()\n          : record.type;\n      if (record.algo_order_id) {\n        return `Stop ${type}`;\n      }\n      return upperCaseFirstLetter(value);\n    },\n  };\n}\n\nfunction fillAndQuantity(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Filled / Quantity\",\n    dataIndex: \"fill_quantity\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <OrderQuantity order={record} disableEdit={option?.disableEdit} />;\n      // return value;\n    },\n  };\n}\n\nfunction quantity(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Quantity\",\n    className: option?.className,\n    dataIndex: \"quantity\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      if (record.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL) {\n        return \"Entire position\";\n      }\n      return <OrderQuantity order={record} />;\n      // return value;\n    },\n  };\n}\n\nfunction price(option?: {\n  title?: string;\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: option?.title ?? \"Price\",\n    dataIndex: \"price\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <Price order={record} disableEdit={option?.disableEdit} />;\n    },\n  };\n}\n\nfunction avgPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Avg. price\",\n    dataIndex: \"average_executed_price\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <Text>{commifyOptional(value)}</Text>;\n    },\n  };\n}\n\nfunction triggerPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Trigger\",\n    className: option?.className,\n    dataIndex: \"trigger_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => (\n      <TriggerPrice order={record} disableEdit={option?.disableEdit} />\n    ),\n  };\n}\n\nfunction tpslTriggerPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Trigger\",\n    className: option?.className,\n    dataIndex: \"trigger_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => <OrderTriggerPrice />,\n  };\n}\n\nfunction estTotal(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Est. total\",\n    dataIndex: \"executed\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: string, record: any) => {\n      if (\n        record.type === OrderType.CLOSE_POSITION &&\n        record.status !== OrderStatus.FILLED\n      ) {\n        return \"Entire position\";\n      }\n\n      return (\n        <Text.numeral rm={Decimal.ROUND_DOWN}>\n          {record.total_executed_quantity === 0 ||\n          Number.isNaN(record.average_executed_price) ||\n          record.average_executed_price === null\n            ? \"--\"\n            : `${\n                record.total_executed_quantity * record.average_executed_price\n              }`}\n        </Text.numeral>\n      );\n    },\n  };\n}\n\nfunction reduceOnly(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Reduce only\",\n    dataIndex: \"reduce_only\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: boolean) => {\n      return <Text>{value ? \"Yes\" : \"No\"}</Text>;\n    },\n  };\n}\n\nfunction hidden(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Hidden\",\n    dataIndex: \"visible\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: number, record) => {\n      return <Text>{record.visible_quantity !== 0 ? \"No\" : \"Yes\"}</Text>;\n    },\n  };\n}\n\nfunction orderTime(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  formatString?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Order time\",\n    dataIndex: \"created_time\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text.formatted\n        rule={\"date\"}\n        formatString={option?.formatString || \"yyyy-MM-dd HH:mm:ss\"}\n        className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\"\n      >\n        {value}\n      </Text.formatted>\n    ),\n  };\n}\n\nfunction fee(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Fee\",\n    dataIndex: \"total_fee\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n  };\n}\n\nfunction notional(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Notional\",\n    dataIndex: \"notional\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {value}\n      </Text>\n    ),\n  };\n}\n\nfunction status(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Status\",\n    dataIndex: \"status\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string, record: any) => (\n      <Text className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {capitalizeFirstLetter(\n          (record?.algo_status || record.status)?.toLocaleLowerCase()\n        )}\n      </Text>\n    ),\n  };\n}\n\nfunction avgOpen(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Avg. open\",\n    dataIndex: \"average_open_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text.numeral className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {value}\n      </Text.numeral>\n    ),\n  };\n}\n\nfunction cancelBtn(option?: {\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"\",\n    dataIndex: \"\",\n    width: option?.width,\n    className: option?.className,\n    align: \"right\",\n    fixed: \"right\",\n    render: (_: string, record: any) => {\n      if (record.status === OrderStatus.CANCELLED) {\n        return <Renew record={record} />;\n      }\n\n      if (\n        record.status === OrderStatus.NEW ||\n        record.algo_status === OrderStatus.NEW\n      ) {\n        return <CancelButton order={record} />;\n      }\n\n      return null;\n    },\n  };\n}\n\nfunction tpslAction(option?: {\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"\",\n    dataIndex: \"\",\n    width: option?.width,\n    className: option?.className,\n    align: \"right\",\n    fixed: \"right\",\n    render: (_: string, record: any) => {\n      return (\n        <Flex gap={3}>\n          <Button size=\"sm\" variant={\"outlined\"} color={\"secondary\"}>\n            Edit\n          </Button>\n          <CancelButton order={record} />\n        </Flex>\n      );\n    },\n  };\n}\n","import { API, OrderStatus } from \"@orderly.network/types\";\n\nexport const upperCaseFirstLetter = (str: string) => {\n  if (str === undefined) return str;\n  if (str.length === 0) return str;\n  if (str.length === 1) return str.charAt(0).toUpperCase();\n  return str.charAt(0).toUpperCase() + str.toLowerCase().slice(1);\n};\n\nexport enum AlgoOrderType {\n  TAKE_PROFIT = \"TAKE_PROFIT\",\n  STOP_LOSS = \"STOP_LOSS\",\n}\n\nexport enum AlgoOrderRootType {\n  TP_SL = \"TP_SL\",\n  POSITIONAL_TP_SL = \"POSITIONAL_TP_SL\",\n  STOP = \"STOP\",\n}\n\nexport function parseBadgesFor(record: any): undefined | string[] {\n  if (typeof record.type !== \"undefined\") {\n    return typeof record.type === \"string\"\n      ? [record.type.replace(\"_ORDER\", \"\").toLowerCase() as string]\n      : [record.type as string];\n  }\n\n  if (typeof record.algo_type !== \"undefined\") {\n    const list = new Array<string>();\n\n    if (record.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL) {\n      list.push(\"Position\");\n    }\n\n    const tpOrder = record.child_orders.find(\n      (order: any) =>\n        order.algo_type === AlgoOrderType.TAKE_PROFIT && !!order.trigger_price\n    );\n\n    const slOrder = record.child_orders.find(\n      (order: any) =>\n        order.algo_type === AlgoOrderType.STOP_LOSS && !!order.trigger_price\n    );\n\n    if (tpOrder || slOrder) {\n      list.push(tpOrder && slOrder ? \"TP/SL\" : tpOrder ? \"TP\" : \"SL\");\n    }\n    return list;\n  }\n\n  return undefined;\n}\n\nexport function grayCell(record: any): boolean {\n  return (\n    (record as API.Order).status === OrderStatus.CANCELLED ||\n    (record as API.AlgoOrder).algo_status === OrderStatus.CANCELLED\n  );\n}\n","import {\n  FC,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { API, OrderSide } from \"@orderly.network/types\";\nimport { AlgoOrderRootType } from \"@orderly.network/types\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useTPSLOrderRowContext } from \"./tpslOrderRowContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const OrderQuantity = (props: {\n  order: API.OrderExt | API.AlgoOrder;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [quantity, originSetQuantity] = useState<string>(\n    order.quantity.toString()\n  );\n\n  const [editting, setEditting] = useState(false);\n\n  useEffect(() => {\n    setQuantity(order.quantity.toString());\n  }, [props.order.quantity]);\n\n  const [open, setOpen] = useState(false);\n  const [error, setError] = useState<string>();\n\n  const { editOrder, editAlgoOrder, checkMinNotional } =\n    useContext(OrderListContext);\n  const { onUpdateOrder: onUpdateTPSLOrder, position } =\n    useTPSLOrderRowContext();\n\n  const { base_dp, base } = useSymbolContext();\n\n  const setQuantity = (qty: string) => {\n    originSetQuantity(qty);\n    const positionQty = Math.abs(position?.position_qty || 0);\n    if (position && Number(qty) > positionQty) {\n      setError(\n        `Quantity should be less than position quantity : ${positionQty}`\n      );\n    } else {\n      setError(undefined);\n    }\n  };\n\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setOpen(false);\n    setQuantity(order.quantity.toString());\n    setEditting(false);\n  };\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const clickHandler = () => {\n    console.log(\"xxxxx click handler\", checkMinNotional, quantity);\n\n    if (!!error) {\n      return;\n    }\n\n    if (Number(quantity) === Number(order.quantity)) {\n      setEditting(false);\n      return;\n    }\n\n    const price =\n      order.algo_order_id !== undefined ? order.trigger_price : order.price;\n    if (price !== null && order.reduce_only !== true) {\n      const notionalText = checkMinNotional(order.symbol, price, quantity);\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    clickHandler();\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      event?.stopPropagation();\n      event?.preventDefault();\n      clickHandler();\n    }\n  };\n\n  const onConfirm = useCallback(() => {\n    setIsSubmitting(true);\n\n    let params: any = {\n      symbol: order.symbol,\n      order_type: order.type,\n      side: order.side,\n      order_price: order.price,\n      order_quantity: quantity,\n      // reduce_only: Boolean(order.reduce_only),\n      algo_order_id: order.algo_order_id,\n    };\n\n    if (\n      typeof params.algo_order_id !== \"undefined\" &&\n      params.order_type === \"MARKET\"\n    ) {\n      // stop market order\n      const { order_price, ...rest } = params;\n      params = rest;\n    }\n\n    if (typeof order.reduce_only !== \"undefined\") {\n      params.reduce_only = order.reduce_only;\n    }\n\n    if (order.order_tag !== undefined) {\n      params = { ...params, order_tag: order.order_tag };\n    }\n\n    if (order?.visible_quantity === 0) {\n      params[\"visible_quantity\"] = 0;\n    }\n\n    // @ts-ignore\n    if (order?.tag !== undefined) {\n      // @ts-ignore\n      params[\"order_tag\"] = order.tag;\n    }\n\n    let future;\n\n    if (\"algo_type\" in order && order.algo_type === AlgoOrderRootType.TP_SL) {\n      future = onUpdateTPSLOrder(order as API.AlgoOrderExt, params);\n    } else {\n      if (order.algo_order_id !== undefined) {\n        future = editAlgoOrder(order.algo_order_id.toString(), params);\n      } else {\n        future = editOrder((order as API.OrderExt).order_id.toString(), params);\n      }\n    }\n\n    future\n      .then(\n        (result) => {\n          closePopover();\n          setQuantity(quantity.toString());\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n          setQuantity(order.quantity.toString());\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  }, [quantity]);\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          quantity={quantity}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={base_dp}\n        value={quantity}\n        setPrice={setQuantity}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.quantity}\n          base={base}\n          value={quantity}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: API.AlgoOrder | API.OrderExt;\n  quantity: string;\n  setEditing: any;\n  partial?: boolean;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, quantity } = props;\n\n  const executed = (order as API.OrderExt).total_executed_quantity;\n\n  return (\n    <Flex\n      direction=\"row\"\n      justify={\"start\"}\n      gap={1}\n      className={cn(\n        \"oui-max-w-[110px] oui-relative\",\n\n        order.side === OrderSide.BUY && \"oui-text-trade-profit\",\n        order.side === OrderSide.SELL && \"oui-text-trade-loss\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      {\"algo_type\" in order &&\n      order.algo_type === AlgoOrderRootType.TP_SL ? null : (\n        <>\n          <span>{executed}</span>\n          <span>/</span>\n        </>\n      )}\n\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{quantity}</Text>\n      </Flex>\n    </Flex>\n  );\n};\n","import { modal } from \"@orderly.network/ui\";\nimport { API, OrderEntity } from \"@orderly.network/types\";\nimport { FC, PropsWithChildren, createContext, useCallback } from \"react\";\n\nimport { checkNotional, useSymbolsInfo } from \"@orderly.network/hooks\";\n\nexport interface OrderListContextState {\n  onCancelOrder: (order: API.Order | API.AlgoOrder) => Promise<any>;\n  onEditOrder: (\n    order: API.Order | API.AlgoOrder,\n    position?: API.Position\n  ) => Promise<any>;\n  editOrder: (id: string, order: OrderEntity) => Promise<any>;\n  editAlgoOrder: (id: string, order: OrderEntity) => Promise<any>;\n  checkMinNotional: (\n    symbol: string,\n    price?: string | number,\n    qty?: string | number\n  ) => string | undefined;\n}\n\nexport const OrderListContext = createContext<OrderListContextState>(\n  {} as OrderListContextState\n);\n\nexport interface OrderListProviderProps {\n  cancelOrder: (orderId: number, symbol: string) => Promise<any>;\n  editOrder: (orderId: string, order: OrderEntity) => Promise<any>;\n  cancelAlgoOrder: (orderId: number, symbol: string) => Promise<any>;\n  editAlgoOrder: (orderId: string, order: OrderEntity) => Promise<any>;\n}\n\nexport const OrderListProvider: FC<\n  PropsWithChildren<OrderListProviderProps>\n> = (props) => {\n  const {\n    cancelOrder,\n    editOrder,\n    cancelAlgoOrder,\n    editAlgoOrder,\n    // cancelTPSLOrder,\n  } = props;\n  const symbolInfo = useSymbolsInfo();\n  const onCancelOrder = useCallback(\n    async (order: API.Order | API.AlgoOrder) => {\n      if (order.algo_order_id !== undefined) {\n        if (\n          \"root_algo_order_id\" in order &&\n          order.root_algo_order_id !== order.algo_order_id\n        ) {\n          return cancelAlgoOrder(order.root_algo_order_id, order.symbol);\n        }\n\n        return cancelAlgoOrder(order.algo_order_id, order.symbol).then(\n          () => {}\n        );\n      }\n      // @ts-ignore\n      return cancelOrder(order.order_id, order.symbol).then(() => {\n        // toast.success(\"Order canceled successfully\");\n      });\n    },\n    []\n  );\n\n  const onEditOrder = useCallback(\n    async (order: API.Order | API.AlgoOrder, position?: API.Position) => {\n      // @ts-ignore\n      let isHidden =\n        order.visible_quantity !== undefined\n          ? order.visible_quantity === 0\n          : (order as any).visible !== undefined\n          ? (order as any).visible === 0\n          : false;\n\n      const orderEntry = await modal.sheet({\n        title: \"Edit Order\",\n        contentClassName: \"orderly-edit-order-sheet-content\",\n        content: (\n          // <OrderEditFormSheet\n          //   order={order}\n          //   position={position}\n          //   editOrder={(value: OrderEntity) => {\n          //     /// check order has order_tag, if exits add order_tag to request body\n          //     if (\n          //       typeof order.order_tag !== undefined &&\n          //       order.reduce_only !== true\n          //     ) {\n          //       value = { ...value, order_tag: order.order_tag };\n          //     }\n          //     if (order.algo_order_id !== undefined) {\n          //       return editAlgoOrder(order.algo_order_id.toString(), {\n          //         ...value,\n          //       });\n          //     }\n          //     return editOrder((order as any).order_id.toString(), {\n          //       ...value,\n          //       ...(isHidden ? { visible_quantity: 0 } : {}),\n          //     });\n          //   }}\n          // />\n          <>Content</>\n        ),\n      });\n    },\n    []\n  );\n\n  const checkMinNotional = useCallback(\n    (symbol: string, price?: string | number, qty?: string | number) => {\n      const { min_notional } = symbolInfo[symbol]();\n      return checkNotional(price, qty, min_notional);\n    },\n    [symbolInfo]\n  );\n\n  return (\n    <OrderListContext.Provider\n      value={{\n        onCancelOrder,\n        onEditOrder,\n        editOrder,\n        editAlgoOrder,\n        checkMinNotional,\n      }}\n    >\n      {props.children}\n    </OrderListContext.Provider>\n  );\n};\n","import {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\nimport {\n  unstable_serialize,\n  useAccount,\n  useMutation,\n  useSWRConfig,\n  utils,\n} from \"@orderly.network/hooks\";\n\nexport type TPSLOrderRowContextState = {\n  order: API.AlgoOrderExt;\n  tp_trigger_price?: number;\n  sl_trigger_price?: number;\n\n  onCancelOrder: (order: API.AlgoOrderExt) => Promise<void>;\n  onUpdateOrder: (order: API.AlgoOrderExt, params: any) => Promise<void>;\n\n  getRelatedPosition: (symbol: string) => API.PositionTPSLExt | undefined;\n\n  position?: API.PositionTPSLExt;\n};\n\nexport const TPSLOrderRowContext = createContext(\n  {} as TPSLOrderRowContextState\n);\n\nexport const useTPSLOrderRowContext = () => {\n  return useContext(TPSLOrderRowContext);\n};\n\nexport const TPSLOrderRowProvider: FC<\n  PropsWithChildren<{\n    order: API.AlgoOrderExt;\n  }>\n> = (props) => {\n  const [position, setPosition] = useState<API.PositionTPSLExt>();\n\n  const [doDeleteOrder] = useMutation(\"/v1/algo/order\", \"DELETE\");\n  const [doUpdateOrder] = useMutation(\"/v1/algo/order\", \"PUT\");\n\n  const config = useSWRConfig();\n  const { state } = useAccount();\n\n  const positionKey = useMemo(() => {\n    return unstable_serialize(() => [\"/v1/positions\", state.accountId]);\n  }, [state.accountId]);\n\n  const onCancelOrder = async (order: API.AlgoOrderExt) => {\n    return doDeleteOrder(null, {\n      order_id: order.algo_order_id,\n      symbol: order.symbol,\n    });\n  };\n\n  const onUpdateOrder = async (order: API.AlgoOrderExt, params: any) => {\n    console.log(\"onUpdateOrder\", order, position);\n    return doUpdateOrder({\n      order_id: order.algo_order_id,\n      child_orders: order.child_orders.map((order) => ({\n        order_id: order.algo_order_id,\n        quantity: params.order_quantity,\n      })),\n    });\n  };\n\n  const getRelatedPosition = (\n    symbol: string\n  ): API.PositionTPSLExt | undefined => {\n    const positions = config.cache.get(positionKey);\n\n    return positions?.data.rows.find(\n      (p: API.PositionTPSLExt) => p.symbol === symbol\n    );\n  };\n\n  const { sl_trigger_price, tp_trigger_price } = useMemo(() => {\n    if (\n      !(\"algo_type\" in props.order) ||\n      !Array.isArray(props.order.child_orders)\n    ) {\n      return {};\n    }\n    return utils.findTPSLFromOrder(props.order);\n  }, [props.order]);\n\n  useEffect(() => {\n    if (\"algo_type\" in props.order) {\n      const position = getRelatedPosition(props.order.symbol);\n      if (position) {\n        setPosition(position);\n      }\n    }\n  }, [props.order.symbol]);\n\n  return (\n    <TPSLOrderRowContext.Provider\n      value={{\n        order: props.order,\n        sl_trigger_price,\n        tp_trigger_price,\n        onCancelOrder,\n        onUpdateOrder,\n        getRelatedPosition,\n        position,\n      }}\n    >\n      {props.children}\n    </TPSLOrderRowContext.Provider>\n  );\n};\n","import React, {\n  FC,\n  PropsWithChildren,\n  createContext,\n  useMemo,\n  useContext,\n} from \"react\";\nimport { useSymbolsInfo } from \"@orderly.network/hooks\";\n\ninterface SymbolContextState {\n  base_dp: number;\n  quote_dp: number;\n  base_tick: number;\n  base: string;\n  quote: string;\n  symbol: string;\n}\n\nexport const SymbolContext = createContext({} as SymbolContextState);\n\nexport const useSymbolContext = () => {\n  return useContext(SymbolContext);\n};\n\ninterface FormatterProviderProps {\n  symbol: string;\n}\n\nexport const SymbolProvider: FC<PropsWithChildren<FormatterProviderProps>> = (\n  props\n) => {\n  const symbolInfo = useSymbolsInfo()[props.symbol];\n\n  return (\n    <SymbolContext.Provider\n      value={{\n        base_dp: symbolInfo(\"base_dp\"),\n        quote_dp: symbolInfo(\"quote_dp\"),\n        base_tick: symbolInfo(\"base_tick\"),\n        base: symbolInfo(\"base\"),\n        quote: symbolInfo(\"quote\"),\n        symbol: props.symbol,\n      }}\n    >\n      {props.children}\n    </SymbolContext.Provider>\n  );\n};\n","import { Button, CloseIcon } from \"@orderly.network/ui\";\nimport { commify } from \"@orderly.network/utils\";\nimport { FC, useMemo } from \"react\";\n\nexport enum EditType {\n  quantity,\n  price,\n  triggerPrice,\n}\n\nexport const ConfirmContent: FC<{\n  type: EditType;\n  base: string;\n  value: string;\n  cancelPopover: () => void;\n  isSubmitting: boolean;\n  onConfirm: (e: any) => void;\n}> = (props) => {\n  const { type, base, value, cancelPopover, isSubmitting, onConfirm } = props;\n\n  const label = useMemo(() => {\n    switch (type) {\n      case EditType.quantity:\n        return `You agree changing the quantity of ${base}-PERP order to${\" \"}`;\n      case EditType.price:\n        return `You agree changing the price of ${base}-PERP order to${\" \"}`;\n      case EditType.triggerPrice:\n        return `You agree changing the trigger price of ${base}-PERP order to${\" \"}`;\n    }\n  }, [type]);\n\n  return (\n    <div className=\"oui-pt-5 oui-relative\">\n      <div className=\"oui-text-base-contrast-54 oui-text-2xs desktop:oui-text-sm\">\n        {label}\n        <span className=\"oui-text-warning\">{commify(value)}</span>.\n      </div>\n      <div className=\"oui-grid oui-grid-cols-2 oui-gap-2 oui-mt-5\">\n        <Button\n          color=\"secondary\"\n          onClick={cancelPopover}\n          disabled={isSubmitting}\n        >\n          Cancel\n        </Button>\n        <Button loading={isSubmitting} onClick={onConfirm}>\n          Confirm\n        </Button>\n      </div>\n      <button\n        className=\"oui-absolute oui-right-0 oui-top-0 oui-text-base-contrast-54\"\n        onClick={cancelPopover}\n      >\n        <CloseIcon size={18} />\n      </button>\n    </div>\n  );\n};\n","import { CheckIcon, CloseIcon, Input, inputFormatter, Tooltip } from \"@orderly.network/ui\";\nimport { FC, useEffect } from \"react\";\n\nexport const InnerInput: FC<{\n    inputRef: any;\n    value: string;\n    setPrice: any;\n    setEditting: any;\n    error?: string;\n    handleKeyDown: (e: any) => void;\n    onClick: (e: any) => void;\n    onClose: (e: any) => void;\n    dp: number;\n    hintInfo?: string;\n  }> = (props) => {\n    const {\n      inputRef,\n      dp,\n      value,\n      setPrice,\n      setEditting,\n      error,\n      handleKeyDown,\n      onClick,\n      onClose,\n      hintInfo,\n    } = props;\n  \n    useEffect(() => {\n      const input = inputRef.current;\n      if (input) {\n        const length = input.value.length;\n        input.setSelectionRange(length, length);\n      }\n      setEditting(true);\n    }, []);\n    return (\n      <Tooltip content={hintInfo} open={(hintInfo?.length || 0) > 0}>\n        <Input\n          ref={inputRef}\n          type=\"text\"\n          size=\"sm\"\n          formatters={[\n            inputFormatter.numberFormatter,\n            inputFormatter.dpFormatter(dp),\n          ]}\n          value={value}\n          onValueChange={(e) => setPrice(e)}\n          helpText={error}\n          onClick={(e) => {\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n          onKeyDown={handleKeyDown}\n          autoFocus\n          classNames={{\n            root: \"oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded\",\n            input: \"oui-pr-2\",\n          }}\n          // prefix={\n          //   <CloseIcon\n          //     size={14}\n          //     color=\"white\"\n          //     opacity={1}\n          //     className=\"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100\"\n          //     onClick={(e) => {\n          //       e.stopPropagation();\n          //       e.preventDefault();\n          //       onClose(e);\n          //     }}\n          //   />\n          // }\n          suffix={\n            <button onClick={onClick}>\n              <CheckIcon\n                size={18}\n                color=\"white\"\n                opacity={1}\n                className=\"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100\"\n              />\n            </button>\n          }\n        />\n      </Tooltip>\n    );\n  };","import { API } from \"@orderly.network/types\";\nimport { commifyOptional } from \"@orderly.network/utils\";\nimport { FC, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useSymbolPriceRange } from \"@orderly.network/hooks\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const Price = (props: {\n  order: API.OrderExt;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [price, setPrice] = useState<string>(\n    order.price?.toString() ?? \"Market\"\n  );\n\n  const [open, setOpen] = useState(false);\n  const [editting, setEditting] = useState(false);\n\n  const isAlgoOrder = order?.algo_order_id !== undefined;\n  // console.log(\"price node\", order);\n\n  const isStopMarket = order?.type === \"MARKET\" && isAlgoOrder;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { editOrder, editAlgoOrder, checkMinNotional } =\n    useContext(OrderListContext);\n\n  const { base, quote_dp } = useSymbolContext();\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setOpen(false);\n    setPrice(order.price?.toString() ?? \"Market\");\n    setEditting(false);\n  };\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    if (price === `${order.price}`) {\n      setEditting(false);\n      return;\n    }\n\n    if (order.reduce_only !== true) {\n      const notionalText = checkMinNotional(\n        order.symbol,\n        price,\n        order.quantity\n      );\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      onClick(event);\n    }\n  };\n\n  const onConfirm = () => {\n    setIsSubmitting(true);\n\n    let order_id = order.order_id;\n    let data: any = {\n      order_price: price,\n      order_quantity: order.quantity,\n      symbol: order.symbol,\n      order_type: order.type,\n      side: order.side,\n      // reduce_only: Boolean(order.reduce_only),\n    };\n    if (typeof order.reduce_only !== \"undefined\") {\n      data.reduce_only = order.reduce_only;\n    }\n\n    if (order.order_tag !== undefined) {\n      data = { ...data, order_tag: order.order_tag };\n    }\n\n    if (isAlgoOrder) {\n      order_id = order.algo_order_id as number;\n      data = {\n        ...data,\n        order_id,\n        price: price,\n        algo_order_id: order_id,\n      };\n    }\n\n    if (order?.visible_quantity === 0) {\n      data[\"visible_quantity\"] = 0;\n    }\n\n    // @ts-ignore\n    if (order.tag !== undefined) {\n      // @ts-ignore\n      data[\"order_tag\"] = order.tag;\n    }\n\n    let future;\n    if (order.algo_order_id !== undefined) {\n      future = editAlgoOrder(order.algo_order_id.toString(), data);\n    } else {\n      future = editOrder(order.order_id.toString(), data);\n    }\n\n    future\n      .then(\n        (result) => {\n          closePopover();\n          setPrice(price);\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n\n          setPrice(order.price!.toString());\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const rangeInfo = useSymbolPriceRange(\n    order.symbol,\n    // @ts-ignore\n    order.side,\n    isAlgoOrder ? order.trigger_price : undefined\n  );\n\n  const hintInfo = useMemo(() => {\n    if (!rangeInfo) return \"\";\n    if (isStopMarket) return \"\";\n    if (!editting) return \"\";\n\n    if (Number(price) > rangeInfo.max) {\n      return `Price can not be greater than ${rangeInfo.max} USDC.`;\n    }\n    if (Number(price) < rangeInfo.min) {\n      return `Price can not be less than ${rangeInfo.min} USDC.`;\n    }\n    return \"\";\n  }, [isStopMarket, editting, rangeInfo, price]);\n\n  useEffect(() => {\n    {\n      if (!!props.order.price) {\n        setPrice(`${props.order.price}`);\n      }\n    }\n  }, [props.order.price]);\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const isAlgoMarketOrder = order.algo_order_id && order.type == \"MARKET\";\n\n  \n  if (isAlgoMarketOrder || price === \"Market\") {\n    return <span>Market</span>;\n  }\n\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          price={price}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={quote_dp}\n        value={price}\n        setPrice={setPrice}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n        hintInfo={hintInfo}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.price}\n          base={base}\n          value={price}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: any;\n  price: string;\n  setEditing: any;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, price } = props;\n\n  return (\n    <div\n      className={cn(\n        \"oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{commifyOptional(price)}</Text>\n      </Flex>\n    </div>\n  );\n};\n","import { API } from \"@orderly.network/types\";\nimport { FC, useContext, useEffect, useRef, useState } from \"react\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const TriggerPrice = (props: {\n  order: API.OrderExt;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [price, setPrice] = useState<string>(\"\");\n\n  useEffect(() => {\n    setPrice(order.trigger_price?.toString() ?? \"0\");\n  }, [order.trigger_price]);\n\n  const isAlgoOrder = order?.algo_order_id !== undefined;\n  const [open, setOpen] = useState(false);\n  const [editting, setEditting] = useState(false);\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { editAlgoOrder, checkMinNotional } = useContext(OrderListContext);\n\n  const { base, quote_dp } = useSymbolContext();\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setPrice(order.trigger_price?.toString() ?? \"0\");\n    setOpen(false);\n    setEditting(false);\n  };\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    setEditting(false);\n\n    if (Number(price) === Number(order.trigger_price)) {\n      return;\n    }\n\n    if (order.price && order.reduce_only !== true) {\n      const notionalText = checkMinNotional(\n        order.symbol,\n        order.price,\n        order.quantity\n      );\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      onClick(event);\n    }\n  };\n\n  const onConfirm = () => {\n    setIsSubmitting(true);\n\n    let data: any = {\n      // price: price,\n      quantity: order.quantity,\n      trigger_price: price,\n      symbol: order.symbol,\n      // order_type: order.type,\n      // side: order.side,\n      // reduce_only: Boolean(order.reduce_only),\n      algo_order_id: order.algo_order_id,\n    };\n\n    if (order.order_tag !== undefined) {\n      data = { ...data, order_tag: order.order_tag };\n    }\n\n    editAlgoOrder(`${order.algo_order_id}`, data)\n      .then(\n        (result) => {\n          closePopover();\n          setPrice(price);\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n\n          setPrice(order.trigger_price?.toString() ?? \"--\");\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  if (!isAlgoOrder) {\n    return <Text>{`--`}</Text>;\n  }\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          price={price}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={quote_dp}\n        value={price}\n        setPrice={setPrice}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.triggerPrice}\n          base={base}\n          value={price}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: any;\n  price: string;\n  setEditing: any;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, price } = props;\n\n  return (\n    <div\n      className={cn(\n        \"oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{price}</Text>\n      </Flex>\n    </div>\n  );\n};\n","import { API } from \"@orderly.network/types\";\nimport { Button, toast } from \"@orderly.network/ui\";\nimport { FC, useContext, useState } from \"react\";\nimport { OrderListContext } from \"./orderListContext\";\n\nexport const CancelButton: FC<{\n  order: API.Order;\n}> = (props) => {\n  const { order } = props;\n\n  const { onCancelOrder } = useContext(OrderListContext);\n  const [isLoading, setIsLoading] = useState(false);\n\n  return (\n    <Button\n      size=\"sm\"\n      variant={\"outlined\"}\n      color={\"secondary\"}\n      onClick={(event) => {\n        if (!onCancelOrder) return;\n        event.preventDefault();\n        event.stopPropagation();\n        setIsLoading(true);\n        onCancelOrder(order)\n          .then(\n            (res) => res,\n            (error) => {\n              toast.error(error.message);\n            }\n          )\n          .finally(() => {\n            setIsLoading(false);\n          });\n      }}\n      loading = {isLoading}\n    >\n      Cancel\n    </Button>\n  );\n};\n","import { FC, useCallback, useContext, useMemo, useState } from \"react\";\n\nimport { useConfig, useMutation } from \"@orderly.network/hooks\";\nimport { OrderEntity } from \"@orderly.network/types\";\nimport { Button } from \"@orderly.network/ui\";\n\nexport const Renew: FC<{ record: any }> = (props) => {\n  const { record } = props;\n  const [open, setOpen] = useState(false);\n  const [doCreateOrder, { data, error, reset, isMutating }] = useMutation<\n    OrderEntity,\n    any\n  >(\"/v1/order\");\n\n  const brokerId = useConfig(\"brokerId\");\n  const onSubmit = useCallback(() => {\n    setOpen(false);\n    const data: OrderEntity = {\n      symbol: record.symbol,\n      order_type: record.type,\n      order_price: record.price,\n      order_quantity: record.quantity,\n      order_amount: record.amount,\n      // visible_quantity: record.visible,\n      side: record.side,\n      // reduce_only: record.reduce_only,\n      broker_id: brokerId,\n    };\n\n    if (Number(record.visible_quantity) < Number(record.quantity)) {\n      data.visible_quantity = 0;\n    }\n\n    if (typeof record.reduce_only !== \"undefined\") {\n      data.reduce_only = record.reduce_only;\n    }\n\n    doCreateOrder(data);\n  }, []);\n\n\n  return (\n    <Button\n      size={\"sm\"}\n      variant={\"outlined\"}\n      color={\"secondary\"}\n      loading={isMutating}\n      disabled={isMutating}\n      onClick={(event) => {\n        if (isMutating) return;\n        event.preventDefault();\n        event.stopPropagation();\n        onSubmit();\n      }}\n    >\n      Renew\n    </Button>\n  );\n};\n","import { FC, useMemo } from \"react\";\nimport { useSymbolsInfo, utils } from \"@orderly.network/hooks\";\nimport { API, AlgoOrderType } from \"@orderly.network/types\";\nimport { OrderSide } from \"@orderly.network/types\";\nimport { cn, Text, Tooltip } from \"@orderly.network/ui\"\nimport { useTPSLOrderRowContext } from \"./tpslOrderRowContext\";\n\nexport const OrderTriggerPrice = () => {\n  const { sl_trigger_price, tp_trigger_price, order, position } =\n    useTPSLOrderRowContext();\n\n  return (\n    <TPSLTriggerPrice\n      stopLossPrice={sl_trigger_price}\n      takeProfitPrice={tp_trigger_price}\n      direction={\"column\"}\n      order={order}\n      position={position}\n      tooltip\n    />\n  );\n};\n\n\nconst TPSLTriggerPrice: FC<{\n  takeProfitPrice: number | undefined;\n  stopLossPrice: number | undefined;\n  className?: string;\n  direction?: \"row\" | \"column\";\n  tooltip?: boolean;\n  order?: API.AlgoOrder;\n  position?: API.PositionTPSLExt;\n}> = (props) => {\n  const { direction = \"row\", order, position } = props;\n  // const symbolInfo = useSymbolsInfo()[position?.symbol ?? \"\"]();\n  const symbolInfo = useSymbolsInfo();\n\n  const pnl = useMemo(() => {\n    const msgs = [];\n\n    if (!props.tooltip || !order || !position) return;\n\n    let quantity = order.quantity;\n\n    if (quantity === 0) {\n      if (order.child_orders[0].type === \"CLOSE_POSITION\") {\n        quantity = position.position_qty;\n      }\n    }\n\n    if (!!props.takeProfitPrice) {\n      msgs.push(\n        <TriggerPriceItem\n          key={\"tp\"}\n          qty={quantity}\n          price={props.takeProfitPrice}\n          entryPrice={position.average_open_price}\n          orderSide={order.side as OrderSide}\n          orderType={AlgoOrderType.TAKE_PROFIT}\n          symbolInfo={symbolInfo[order.symbol]()}\n        />\n      );\n    }\n\n    if (!!props.stopLossPrice) {\n      msgs.push(\n        <TriggerPriceItem\n          key={\"sl\"}\n          qty={quantity}\n          price={props.stopLossPrice}\n          entryPrice={position.average_open_price}\n          orderSide={order.side as OrderSide}\n          orderType={AlgoOrderType.STOP_LOSS}\n          symbolInfo={symbolInfo[order.symbol]()}\n        />\n      );\n    }\n\n    return <div>{msgs}</div>;\n  }, [\n    props.takeProfitPrice,\n    props.stopLossPrice,\n    position?.average_open_price,\n    order?.side,\n    order?.quantity,\n    order?.algo_type,\n  ]);\n\n  const child = useMemo(() => {\n    const children = [];\n\n    if (!order?.symbol) return <span>-</span>;\n    if (props.takeProfitPrice) {\n      children.push(\n        <Text.numeral\n          className={cn(\n            \"oui-text-trade-profit oui-gap-0  oui-decoration-white/20\"\n          )}\n          key={\"tp\"}\n          rule=\"price\"\n          precision={symbolInfo[order!.symbol](\"quote_dp\", 2)}\n          children={props.takeProfitPrice}\n          // @ts-ignore\n          prefix={\n            !props.stopLossPrice || direction === \"column\" ? (\n              <span className={\"oui-text-base-contrast-54\"}>\n                TP&nbsp;-&nbsp;\n              </span>\n            ) : (\n              \"\"\n            )\n          }\n        />\n      );\n    }\n    if (props.stopLossPrice) {\n      children.push(\n        <Text.numeral\n          key={\"sl\"}\n          className={cn(\n            \"oui-text-trade-loss oui-gap-0 oui-decoration-white/20 \"\n          )}\n          rule={\"price\"}\n          precision={symbolInfo[order!.symbol](\"quote_dp\", 2)}\n          children={props.stopLossPrice}\n          // @ts-ignore\n          prefix={\n            !props.takeProfitPrice || direction === \"column\" ? (\n              <span className={\"oui-text-base-contrast-54\"}>\n                SL&nbsp;-&nbsp;\n              </span>\n            ) : (\n              \"\"\n            )\n          }\n        />\n      );\n    }\n\n    if (children.length === 0) return <span>-</span>;\n\n    if (children.length === 2 && direction === \"row\") {\n      children.splice(1, 0, <span key={\"split\"}>/</span>);\n    }\n\n    return children;\n  }, [props.takeProfitPrice, props.stopLossPrice, order?.symbol]);\n\n  const content = (\n    <div\n      className={cn(\n        \"oui-inline-flex oui-text-base-contrast-36\",\n        props.direction === \"column\"\n          ? \"oui-flex-col\"\n          : \"oui-flex-row oui-gap-1\",\n        props.className\n      )}\n    >\n      {child}\n    </div>\n  );\n\n  if (props.tooltip) {\n    // @ts-ignore\n    return <Tooltip content={pnl}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\n\nconst TriggerPriceItem: FC<{\n  qty: number;\n  price: number;\n  entryPrice: number;\n  orderSide: OrderSide;\n  orderType: AlgoOrderType;\n  symbolInfo: API.SymbolExt;\n}> = (props) => {\n  const { qty, price, entryPrice, orderSide, orderType, symbolInfo } = props;\n  const pnl = utils.priceToPnl(\n    {\n      qty,\n      price,\n      entryPrice,\n      orderSide,\n      orderType,\n    },\n    {\n      symbol: symbolInfo,\n    }\n  );\n\n  const type = orderType === AlgoOrderType.TAKE_PROFIT ? \"TP\" : \"SL\";\n\n  return (\n    <div className=\"oui-flex oui-items-center\">\n      <span className=\"oui-text-base-contrast-54 oui-mr-1\">{`${type} PnL:`}</span>\n      <Text.numeral\n        rule=\"price\"\n        className={\n          pnl === 0\n            ? \"oui-text-base-contrast-36\"\n            : pnl > 0\n            ? \"oui-text-trade-profit oui-gap-0\"\n            : \"oui-text-trade-loss oui-gap-0\"\n        }\n        // @ts-ignore\n        prefix={\n          // @ts-ignore\n          <span>{pnl === 0 ? \"\" : pnl > 0 ? \"+\" : \"-\"}</span>\n        }\n        surfix={\n          <span className=\"oui-text-base-contrast-36 oui-ml-1\">\n            USDC\n          </span>\n        }\n      >{`${Math.abs(pnl)}`}</Text.numeral>\n    </div>\n  );\n};","import { useMemo, useState } from \"react\";\nimport {\n  AlgoOrderRootType,\n  OrderStatus,\n  OrderSide,\n} from \"@orderly.network/types\";\nimport { useOrderStream } from \"@orderly.network/hooks\";\nimport { TabType } from \"../orders.widget\";\nimport { DataFilterItems, usePagination } from \"@orderly.network/ui\";\nimport { differenceInDays, setHours } from \"date-fns\";\n\nexport const useOrderListScript = (props: {\n  type: TabType;\n  ordersStatus?: OrderStatus;\n}) => {\n  const { ordersStatus, type } = props;\n\n  const { page, pageSize, setPage, setPageSize, parseMeta } = usePagination();\n  const { orderStatus, ordersSide, dateRange, filterItems, onFilter } =\n    useFilter(type, {\n      ordersStatus,\n      setPage,\n    });\n\n  const includes = useMemo(() => {\n    if (type === TabType.tp_sl) {\n      return [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL];\n    }\n    return undefined;\n  }, [type]);\n\n  const excludes = useMemo(() => {\n    if (type === TabType.pending) {\n      return [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL];\n    }\n    return undefined;\n  }, [type]);\n\n\n  const [\n    data,\n    {\n      isLoading,\n      loadMore,\n      cancelOrder,\n      updateOrder,\n      cancelAlgoOrder,\n      updateAlgoOrder,\n      meta,\n    },\n  ] = useOrderStream({\n    status: orderStatus,\n    side: ordersSide,\n    page: page,\n    size: pageSize,\n    dateRange,\n    includes,\n    excludes,\n  });\n\n  return {\n    type,\n    dataSource: data,\n    isLoading,\n    loadMore,\n    cancelOrder,\n    updateOrder,\n    cancelAlgoOrder,\n    updateAlgoOrder,\n\n    // pagination\n    page,\n    pageSize,\n    setPage,\n    setPageSize,\n    meta: parseMeta(meta),\n\n    // filter\n    onFilter,\n    filterItems,\n  };\n};\n\nconst useFilter = (\n  type: TabType,\n  option: {\n    setPage: (page: number) => void;\n    ordersStatus?: OrderStatus;\n  }\n) => {\n  const [orderStatus, setOrderStatus] = useState<OrderStatus | undefined>(\n    option.ordersStatus\n  );\n  const [ordersSide, setOrdersSide] = useState<OrderSide | undefined>(\n    undefined\n  );\n  const [dateRange, setDateRange] = useState<{\n    from?: Date;\n    to?: Date;\n  }>();\n\n  const onFilter = (filter: { name: string; value: any }) => {\n    if (filter.name === \"side\") {\n      setOrdersSide(filter.value);\n      option.setPage(1);\n    }\n\n    if (filter.name === \"status\") {\n      setOrderStatus(filter.value);\n      option.setPage(1);\n    }\n\n    if (filter.name === \"dateRange\") {\n      setDateRange(filter.value);\n      option.setPage(1);\n    }\n  };\n\n  const filterItems = useMemo((): any[] => {\n    const sideFilter = {\n      type: \"select\",\n      name: \"side\",\n      options: [\n        {\n          label: \"All sides\",\n          value: undefined,\n        },\n        {\n          label: \"Buy\",\n          value: \"BUY\",\n        },\n        {\n          label: \"Sell\",\n          value: \"SELL\",\n        },\n      ],\n      value: ordersSide,\n    };\n\n    const dateRangeFilter = {\n      type: \"range\",\n      name: \"dateRange\",\n      value: dateRange,\n    };\n\n    const statusFilter = {\n      type: \"select\",\n      name: \"status\",\n      options: [\n        {\n          label: \"All status\",\n          value: undefined,\n        },\n        {\n          label: \"Pending\",\n          value: OrderStatus.INCOMPLETE,\n        },\n        {\n          label: \"Canceled\",\n          value: OrderStatus.CANCELLED,\n        },\n        {\n          label: \"Rejected\",\n          value: OrderStatus.REJECTED,\n        },\n      ],\n      value: orderStatus,\n    };\n    switch (type) {\n      case TabType.all:\n        return [sideFilter, statusFilter, dateRangeFilter];\n      case TabType.pending:\n        return [sideFilter];\n      case TabType.tp_sl:\n        return [sideFilter];\n      case TabType.filled:\n        return [sideFilter];\n      case TabType.cancelled:\n        return [sideFilter];\n      case TabType.rejected:\n        return [sideFilter];\n      case TabType.orderHistory:\n        return [sideFilter];\n    }\n  }, [type, ordersSide, orderStatus, dateRange]);\n\n  return {\n    filterItems,\n    onFilter,\n    ordersSide,\n    dateRange,\n    orderStatus,\n  };\n};\n\nexport type OrdersBuilderState = ReturnType<typeof useOrderListScript>;\nexport type FilterState = ReturnType<typeof useFilter>;\n\nexport const parseDateRangeForFilter = (dateRange: {\n  from: Date;\n  to?: Date;\n}) => {\n  let { from, to } = dateRange;\n\n  if (typeof to === \"undefined\") {\n    to = new Date();\n  }\n\n  const diff = differenceInDays(from, to);\n\n  // console.log(\"diff\", diff);\n\n  if (diff === 0) {\n    return [from, setHours(to, 23)];\n  }\n\n  return [from, to];\n};\n","import { OrderStatus } from \"@orderly.network/types\";\nimport { useOrderListScript } from \"./orderList.script\";\nimport { OrderList } from \"./orderList.ui\";\nimport { TabType } from \"../orders.widget\";\n\nexport const OrderListWidget = (props: {\n    type: TabType;\n    ordersStatus?: OrderStatus;\n}) => {\n    const state = useOrderListScript(props);\n    return (\n        <OrderList {...state}/>\n    );\n};\n","import { FC } from \"react\";\nimport { useOrdersScript } from \"./orders.script\";\nimport { Orders } from \"./orders.ui\";\n\nexport enum TabType {\n  all = \"all\",\n  pending = \"pending\",\n  tp_sl = \"tp_sl\",\n  filled = \"filled\",\n  cancelled = \"cancelled\",\n  rejected = \"rejected\",\n  orderHistory = \"orderHistory\",\n}\n\nexport const OrdersWidget: FC<{\n  current?: TabType;\n}> = (props) => {\n  const state = useOrdersScript(props);\n\n  return <Orders {...state} />;\n};\n"]}

package/dist/index.mjs

@@ -0,0 +1,14 @@
+import { Flex, Filter, Pagination, usePagination, modal, Text, Badge, cn, capitalizeFirstLetter, Button, Tabs, TabPanel, toast, Popover, Tooltip, CloseIcon, Input, inputFormatter, CheckIcon } from '@orderly.network/ui';
+import { AlgoOrderRootType, OrderStatus, OrderSide, OrderType, AlgoOrderType } from '@orderly.network/types';
+import { AuthGuardDataTable } from '@orderly.network/ui-connector';
+import { commifyOptional, Decimal, commify } from '@orderly.network/utils';
+import { createContext, useMemo, useState, useCallback, useEffect, useContext, useRef } from 'react';
+import { useOrderStream, useSymbolsInfo, checkNotional, useMutation, useSWRConfig, useAccount, unstable_serialize, utils, useSymbolPriceRange, useConfig } from '@orderly.network/hooks';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'date-fns';
+
+var ye=e=>{let{current:t}=e;return {current:t}};var be=e=>e===void 0||e.length===0?e:e.length===1?e.charAt(0).toUpperCase():e.charAt(0).toUpperCase()+e.toLowerCase().slice(1);function Fe(e){if(typeof e.type<"u")return typeof e.type=="string"?[e.type.replace("_ORDER","").toLowerCase()]:[e.type];if(typeof e.algo_type<"u"){let t=new Array;e.algo_type==="POSITIONAL_TP_SL"&&t.push("Position");let r=e.child_orders.find(i=>i.algo_type==="TAKE_PROFIT"&&!!i.trigger_price),o=e.child_orders.find(i=>i.algo_type==="STOP_LOSS"&&!!i.trigger_price);return (r||o)&&t.push(r&&o?"TP/SL":r?"TP":"SL"),t}}function I(e){return e.status===OrderStatus.CANCELLED||e.algo_status===OrderStatus.CANCELLED}var A=createContext({}),Re=e=>{let{cancelOrder:t,editOrder:r,cancelAlgoOrder:o,editAlgoOrder:i}=e,n=useSymbolsInfo(),u=useCallback(async l=>l.algo_order_id!==void 0?"root_algo_order_id"in l&&l.root_algo_order_id!==l.algo_order_id?o(l.root_algo_order_id,l.symbol):o(l.algo_order_id,l.symbol).then(()=>{}):t(l.order_id,l.symbol).then(()=>{}),[]),a=useCallback(async(l,c)=>{l.visible_quantity!==void 0?l.visible_quantity===0:l.visible!==void 0?l.visible===0:!1;await modal.sheet({title:"Edit Order",contentClassName:"orderly-edit-order-sheet-content",content:jsx(Fragment,{children:"Content"})});},[]),d=useCallback((l,c,m)=>{let{min_notional:g}=n[l]();return checkNotional(c,m,g)},[n]);return jsx(A.Provider,{value:{onCancelOrder:u,onEditOrder:a,editOrder:r,editAlgoOrder:i,checkMinNotional:d},children:e.children})};var Me=createContext({}),le=()=>useContext(Me),Be=e=>{let[t,r]=useState(),[o]=useMutation("/v1/algo/order","DELETE"),[i]=useMutation("/v1/algo/order","PUT"),n=useSWRConfig(),{state:u}=useAccount(),a=useMemo(()=>unstable_serialize(()=>["/v1/positions",u.accountId]),[u.accountId]),d=async f=>o(null,{order_id:f.algo_order_id,symbol:f.symbol}),l=async(f,w)=>i({order_id:f.algo_order_id,child_orders:f.child_orders.map(C=>({order_id:C.algo_order_id,quantity:w.order_quantity}))}),c=f=>n.cache.get(a)?.data.rows.find(C=>C.symbol===f),{sl_trigger_price:m,tp_trigger_price:g}=useMemo(()=>!("algo_type"in e.order)||!Array.isArray(e.order.child_orders)?{}:utils.findTPSLFromOrder(e.order),[e.order]);return useEffect(()=>{if("algo_type"in e.order){let f=c(e.order.symbol);f&&r(f);}},[e.order.symbol]),jsx(Me.Provider,{value:{order:e.order,sl_trigger_price:m,tp_trigger_price:g,onCancelOrder:d,onUpdateOrder:l,getRelatedPosition:c,position:t},children:e.children})};var $e=createContext({}),W=()=>useContext($e),ze=e=>{let t=useSymbolsInfo()[e.symbol];return jsx($e.Provider,{value:{base_dp:t("base_dp"),quote_dp:t("quote_dp"),base_tick:t("base_tick"),base:t("base"),quote:t("quote"),symbol:e.symbol},children:e.children})};var Q=e=>{let{type:t,base:r,value:o,cancelPopover:i,isSubmitting:n,onConfirm:u}=e,a=useMemo(()=>{switch(t){case 0:return `You agree changing the quantity of ${r}-PERP order to `;case 1:return `You agree changing the price of ${r}-PERP order to `;case 2:return `You agree changing the trigger price of ${r}-PERP order to `}},[t]);return jsxs("div",{className:"oui-pt-5 oui-relative",children:[jsxs("div",{className:"oui-text-base-contrast-54 oui-text-2xs desktop:oui-text-sm",children:[a,jsx("span",{className:"oui-text-warning",children:commify(o)}),"."]}),jsxs("div",{className:"oui-grid oui-grid-cols-2 oui-gap-2 oui-mt-5",children:[jsx(Button,{color:"secondary",onClick:i,disabled:n,children:"Cancel"}),jsx(Button,{loading:n,onClick:u,children:"Confirm"})]}),jsx("button",{className:"oui-absolute oui-right-0 oui-top-0 oui-text-base-contrast-54",onClick:i,children:jsx(CloseIcon,{size:18})})]})};var Y=e=>{let{inputRef:t,dp:r,value:o,setPrice:i,setEditting:n,error:u,handleKeyDown:a,onClick:d,onClose:l,hintInfo:c}=e;return useEffect(()=>{let m=t.current;if(m){let g=m.value.length;m.setSelectionRange(g,g);}n(!0);},[]),jsx(Tooltip,{content:c,open:(c?.length||0)>0,children:jsx(Input,{ref:t,type:"text",size:"sm",formatters:[inputFormatter.numberFormatter,inputFormatter.dpFormatter(r)],value:o,onValueChange:m=>i(m),helpText:u,onClick:m=>{m.stopPropagation(),m.preventDefault();},onKeyDown:a,autoFocus:!0,classNames:{root:"oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded",input:"oui-pr-2"},suffix:jsx("button",{onClick:d,children:jsx(CheckIcon,{size:18,color:"white",opacity:1,className:"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100"})})})})};var Oe=e=>{let{order:t}=e,[r,o]=useState(t.quantity.toString()),[i,n]=useState(!1);useEffect(()=>{O(t.quantity.toString());},[e.order.quantity]);let[u,a]=useState(!1),[d,l]=useState(),{editOrder:c,editAlgoOrder:m,checkMinNotional:g}=useContext(A),{onUpdateOrder:f,position:w}=le(),{base_dp:C,base:E}=W(),O=s=>{o(s);let P=Math.abs(w?.position_qty||0);w&&Number(s)>P?l(`Quantity should be less than position quantity : ${P}`):l(void 0);},x=()=>{a(!1),n(!1);},S=()=>{a(!1),O(t.quantity.toString()),n(!1);},[D,N]=useState(!1),M=useRef(null),T=()=>{if(d)return;if(Number(r)===Number(t.quantity)){n(!1);return}let s=t.algo_order_id!==void 0?t.trigger_price:t.price;if(s!==null&&t.reduce_only!==!0){let P=g(t.symbol,s,r);if(P){toast.error(P),N(!1),S();return}}a(!0);},b=s=>{s?.stopPropagation(),s?.preventDefault(),T();},v=s=>{s.key==="Enter"&&(s?.stopPropagation(),s?.preventDefault(),T());},ae=useCallback(()=>{N(!0);let s={symbol:t.symbol,order_type:t.type,side:t.side,order_price:t.price,order_quantity:r,algo_order_id:t.algo_order_id};if(typeof s.algo_order_id<"u"&&s.order_type==="MARKET"){let{order_price:U,...Pt}=s;s=Pt;}typeof t.reduce_only<"u"&&(s.reduce_only=t.reduce_only),t.order_tag!==void 0&&(s={...s,order_tag:t.order_tag}),t?.visible_quantity===0&&(s.visible_quantity=0),t?.tag!==void 0&&(s.order_tag=t.tag);let P;"algo_type"in t&&t.algo_type===AlgoOrderRootType.TP_SL?P=f(t,s):t.algo_order_id!==void 0?P=m(t.algo_order_id.toString(),s):P=c(t.order_id.toString(),s),P.then(U=>{x(),O(r.toString());},U=>{toast.error(U.message),O(t.quantity.toString()),S();}).finally(()=>N(!1));},[r]),se=useRef(null),de=s=>{se.current&&!se.current.contains(s.target)&&!u&&S();};useEffect(()=>(document.addEventListener("mousedown",de),()=>{document.removeEventListener("mousedown",de);}),[u]);let _=()=>!i||e.disableEdit?jsx(Gt,{order:t,quantity:r,setEditing:n,disableEdit:e.disableEdit}):jsx(Y,{inputRef:M,dp:C,value:r,setPrice:O,setEditting:n,handleKeyDown:v,onClick:b,onClose:S});return jsx(Popover,{open:u,onOpenChange:a,content:jsx(Q,{type:0,base:E,value:r,cancelPopover:S,isSubmitting:D,onConfirm:ae}),children:jsx("div",{ref:se,children:_()})})},Gt=e=>{let{order:t,quantity:r}=e,o=t.total_executed_quantity;return jsxs(Flex,{direction:"row",justify:"start",gap:1,className:cn("oui-max-w-[110px] oui-relative",t.side===OrderSide.BUY&&"oui-text-trade-profit",t.side===OrderSide.SELL&&"oui-text-trade-loss",I(t)&&"oui-text-base-conrast-20"),onClick:i=>{i.stopPropagation(),i.preventDefault(),e.setEditing(!0);},children:["algo_type"in t&&t.algo_type===AlgoOrderRootType.TP_SL?null:jsxs(Fragment,{children:[jsx("span",{children:o}),jsx("span",{children:"/"})]}),jsx(Flex,{r:"base",className:cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsx(Text,{size:"2xs",children:r})})]})};var ot=e=>{let{order:t}=e,[r,o]=useState(t.price?.toString()??"Market"),[i,n]=useState(!1),[u,a]=useState(!1),d=t?.algo_order_id!==void 0,l=t?.type==="MARKET"&&d,[c,m]=useState(!1),{editOrder:g,editAlgoOrder:f,checkMinNotional:w}=useContext(A),{base:C,quote_dp:E}=W(),O=()=>{n(!1),a(!1);},x=()=>{n(!1),o(t.price?.toString()??"Market"),a(!1);},S=_=>{if(_?.stopPropagation(),_?.preventDefault(),r===`${t.price}`){a(!1);return}if(t.reduce_only!==!0){let s=w(t.symbol,r,t.quantity);if(s){toast.error(s),m(!1),x();return}}n(!0);},D=_=>{_.key==="Enter"&&S(_);},N=()=>{m(!0);let _=t.order_id,s={order_price:r,order_quantity:t.quantity,symbol:t.symbol,order_type:t.type,side:t.side};typeof t.reduce_only<"u"&&(s.reduce_only=t.reduce_only),t.order_tag!==void 0&&(s={...s,order_tag:t.order_tag}),d&&(_=t.algo_order_id,s={...s,order_id:_,price:r,algo_order_id:_}),t?.visible_quantity===0&&(s.visible_quantity=0),t.tag!==void 0&&(s.order_tag=t.tag);let P;t.algo_order_id!==void 0?P=f(t.algo_order_id.toString(),s):P=g(t.order_id.toString(),s),P.then(U=>{O(),o(r);},U=>{toast.error(U.message),o(t.price.toString()),x();}).finally(()=>m(!1));},M=useRef(null),T=useSymbolPriceRange(t.symbol,t.side,d?t.trigger_price:void 0),b=useMemo(()=>!T||l||!u?"":Number(r)>T.max?`Price can not be greater than ${T.max} USDC.`:Number(r)<T.min?`Price can not be less than ${T.min} USDC.`:"",[l,u,T,r]);useEffect(()=>{e.order.price&&o(`${e.order.price}`);},[e.order.price]);let v=useRef(null),ae=_=>{v.current&&!v.current.contains(_.target)&&!i&&x();};if(useEffect(()=>(document.addEventListener("mousedown",ae),()=>{document.removeEventListener("mousedown",ae);}),[i]),t.algo_order_id&&t.type=="MARKET"||r==="Market")return jsx("span",{children:"Market"});let de=()=>!u||e.disableEdit?jsx(or,{order:t,price:r,setEditing:a,disableEdit:e.disableEdit}):jsx(Y,{inputRef:M,dp:E,value:r,setPrice:o,setEditting:a,handleKeyDown:D,onClick:S,onClose:x,hintInfo:b});return jsx(Popover,{open:i,onOpenChange:n,content:jsx(Q,{type:1,base:C,value:r,cancelPopover:x,isSubmitting:c,onConfirm:N}),children:jsx("div",{ref:v,children:de()})})},or=e=>{let{order:t,price:r}=e;return jsx("div",{className:cn("oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold",I(t)&&"oui-text-base-conrast-20"),onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setEditing(!0);},children:jsx(Flex,{r:"base",className:cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsx(Text,{size:"2xs",children:commifyOptional(r)})})})};var lt=e=>{let{order:t}=e,[r,o]=useState("");useEffect(()=>{o(t.trigger_price?.toString()??"0");},[t.trigger_price]);let i=t?.algo_order_id!==void 0,[n,u]=useState(!1),[a,d]=useState(!1),[l,c]=useState(!1),{editAlgoOrder:m,checkMinNotional:g}=useContext(A),{base:f,quote_dp:w}=W(),C=()=>{u(!1),d(!1);},E=()=>{o(t.trigger_price?.toString()??"0"),u(!1),d(!1);},O=useRef(null),x=b=>{O.current&&!O.current.contains(b.target)&&!n&&E();};useEffect(()=>(document.addEventListener("mousedown",x),()=>{document.removeEventListener("mousedown",x);}),[n]);let S=b=>{if(b?.stopPropagation(),b?.preventDefault(),d(!1),Number(r)!==Number(t.trigger_price)){if(t.price&&t.reduce_only!==!0){let v=g(t.symbol,t.price,t.quantity);if(v){toast.error(v),c(!1),E();return}}u(!0);}},D=b=>{b.key==="Enter"&&S(b);},N=()=>{c(!0);let b={quantity:t.quantity,trigger_price:r,symbol:t.symbol,algo_order_id:t.algo_order_id};t.order_tag!==void 0&&(b={...b,order_tag:t.order_tag}),m(`${t.algo_order_id}`,b).then(v=>{C(),o(r);},v=>{toast.error(v.message),o(t.trigger_price?.toString()??"--"),E();}).finally(()=>c(!1));},M=useRef(null);if(!i)return jsx(Text,{children:"--"});let T=()=>!a||e.disableEdit?jsx(sr,{order:t,price:r,setEditing:d,disableEdit:e.disableEdit}):jsx(Y,{inputRef:M,dp:w,value:r,setPrice:o,setEditting:d,handleKeyDown:D,onClick:S,onClose:E});return jsx(Popover,{open:n,onOpenChange:u,content:jsx(Q,{type:2,base:f,value:r,cancelPopover:E,isSubmitting:l,onConfirm:N}),children:jsx("div",{ref:O,children:T()})})},sr=e=>{let{order:t,price:r}=e;return jsx("div",{className:cn("oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold",I(t)&&"oui-text-base-conrast-20"),onClick:o=>{o.stopPropagation(),o.preventDefault(),e.setEditing(!0);},children:jsx(Flex,{r:"base",className:cn("oui-min-w-[70px] oui-h-[28px]",!e.disableEdit&&"oui-bg-base-7 oui-px-2"),children:jsx(Text,{size:"2xs",children:r})})})};var Se=e=>{let{order:t}=e,{onCancelOrder:r}=useContext(A),[o,i]=useState(!1);return jsx(Button,{size:"sm",variant:"outlined",color:"secondary",onClick:n=>{r&&(n.preventDefault(),n.stopPropagation(),i(!0),r(t).then(u=>u,u=>{toast.error(u.message);}).finally(()=>{i(!1);}));},loading:o,children:"Cancel"})};var ut=e=>{let{record:t}=e,[r,o]=useState(!1),[i,{data:n,error:u,reset:a,isMutating:d}]=useMutation("/v1/order"),l=useConfig("brokerId"),c=useCallback(()=>{o(!1);let m={symbol:t.symbol,order_type:t.type,order_price:t.price,order_quantity:t.quantity,order_amount:t.amount,side:t.side,broker_id:l};Number(t.visible_quantity)<Number(t.quantity)&&(m.visible_quantity=0),typeof t.reduce_only<"u"&&(m.reduce_only=t.reduce_only),i(m);},[]);return jsx(Button,{size:"sm",variant:"outlined",color:"secondary",loading:d,disabled:d,onClick:m=>{d||(m.preventDefault(),m.stopPropagation(),c());},children:"Renew"})};var pt=()=>{let{sl_trigger_price:e,tp_trigger_price:t,order:r,position:o}=le();return jsx(_r,{stopLossPrice:e,takeProfitPrice:t,direction:"column",order:r,position:o,tooltip:!0})},_r=e=>{let{direction:t="row",order:r,position:o}=e,i=useSymbolsInfo(),n=useMemo(()=>{let d=[];if(!e.tooltip||!r||!o)return;let l=r.quantity;return l===0&&r.child_orders[0].type==="CLOSE_POSITION"&&(l=o.position_qty),e.takeProfitPrice&&d.push(jsx(mt,{qty:l,price:e.takeProfitPrice,entryPrice:o.average_open_price,orderSide:r.side,orderType:AlgoOrderType.TAKE_PROFIT,symbolInfo:i[r.symbol]()},"tp")),e.stopLossPrice&&d.push(jsx(mt,{qty:l,price:e.stopLossPrice,entryPrice:o.average_open_price,orderSide:r.side,orderType:AlgoOrderType.STOP_LOSS,symbolInfo:i[r.symbol]()},"sl")),jsx("div",{children:d})},[e.takeProfitPrice,e.stopLossPrice,o?.average_open_price,r?.side,r?.quantity,r?.algo_type]),u=useMemo(()=>{let d=[];return r?.symbol?(e.takeProfitPrice&&d.push(jsx(Text.numeral,{className:cn("oui-text-trade-profit oui-gap-0  oui-decoration-white/20"),rule:"price",precision:i[r.symbol]("quote_dp",2),children:e.takeProfitPrice,prefix:!e.stopLossPrice||t==="column"?jsx("span",{className:"oui-text-base-contrast-54",children:"TP\xA0-\xA0"}):""},"tp")),e.stopLossPrice&&d.push(jsx(Text.numeral,{className:cn("oui-text-trade-loss oui-gap-0 oui-decoration-white/20 "),rule:"price",precision:i[r.symbol]("quote_dp",2),children:e.stopLossPrice,prefix:!e.takeProfitPrice||t==="column"?jsx("span",{className:"oui-text-base-contrast-54",children:"SL\xA0-\xA0"}):""},"sl")),d.length===0?jsx("span",{children:"-"}):(d.length===2&&t==="row"&&d.splice(1,0,jsx("span",{children:"/"},"split")),d)):jsx("span",{children:"-"})},[e.takeProfitPrice,e.stopLossPrice,r?.symbol]),a=jsx("div",{className:cn("oui-inline-flex oui-text-base-contrast-36",e.direction==="column"?"oui-flex-col":"oui-flex-row oui-gap-1",e.className),children:u});return e.tooltip?jsx(Tooltip,{content:n,children:a}):a},mt=e=>{let{qty:t,price:r,entryPrice:o,orderSide:i,orderType:n,symbolInfo:u}=e,a=utils.priceToPnl({qty:t,price:r,entryPrice:o,orderSide:i,orderType:n},{symbol:u}),d=n===AlgoOrderType.TAKE_PROFIT?"TP":"SL";return jsxs("div",{className:"oui-flex oui-items-center",children:[jsx("span",{className:"oui-text-base-contrast-54 oui-mr-1",children:`${d} PnL:`}),jsx(Text.numeral,{rule:"price",className:a===0?"oui-text-base-contrast-36":a>0?"oui-text-trade-profit oui-gap-0":"oui-text-trade-loss oui-gap-0",prefix:jsx("span",{children:a===0?"":a>0?"+":"-"}),surfix:jsx("span",{className:"oui-text-base-contrast-36 oui-ml-1",children:"USDC"}),children:`${Math.abs(a)}`})]})};var gt=e=>(()=>{switch(e){case"all":return [B({width:130,showType:!0}),$({width:130}),G({width:130,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:130,title:"Order price",disableEdit:!0}),pe({width:130}),ft({width:130}),J({width:130}),oe({width:130}),ie({width:130}),K({width:130}),V({width:130}),Ce({width:130})];case"pending":return [B({width:162,showType:!0}),$({width:162}),G({width:162,className:"oui-pr-0"}),z({width:162,className:"oui-pr-0"}),te({width:162,className:"oui-pr-0"}),J({width:162}),K({width:162}),V({width:162}),re({width:162}),Ce({width:162})];case"tp_sl":return [B({width:176,showType:!0}),$({width:176}),kr({width:176}),ft({width:176}),z({width:176,disableEdit:!0}),qr({width:176}),K({width:176}),re({width:176}),Dr({width:176})];case"filled":return [B({width:124}),Fr({width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,title:"Order price",disableEdit:!0}),Rr({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124})];case"cancelled":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124})];case"rejected":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124})];case"orderHistory":return [B({showType:!0,width:124}),$({width:124}),G({width:124,disableEdit:!0,className:"oui-pl-0 oui-pr-0"}),z({width:124,disableEdit:!0}),pe({width:124}),te({width:124,disableEdit:!0}),J({width:124}),oe({width:124}),ie({width:124}),K({width:124}),V({width:124}),re({width:124}),Ce({width:124})]}})();function B(e){return {title:"Instrument",dataIndex:"symbol",className:"oui-h-[48px]",width:e?.width,onSort:e?.enableSort?(t,r,o)=>o==="asc"?t.symbol.localeCompare(r.symbol):r.symbol.localeCompare(t.symbol):void 0,render:(t,r)=>{typeof r.type=="string"?r.type.replace("_ORDER","").toLowerCase():r.type;let i=I(r);return jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Text.formatted,{rule:"symbol",size:"xs",className:" oui-text-xs",onClick:n=>{n.stopPropagation(),n.preventDefault();},children:t}),e?.showType&&jsx(Flex,{direction:"row",gap:1,children:Fe(r)?.map(n=>jsx(Badge,{color:n.toLocaleLowerCase()==="position"?i?"neutural":"primary":"neutural",size:"xs",children:n}))})]})}}}function $(e){return {title:"Side",dataIndex:"side",width:e?.width,className:"oui-h-[48px]",onSort:e?.enableSort?(t,r,o)=>o==="asc"?r.side.localeCompare(t.side):t.side.localeCompare(r.side):void 0,render:(t,r)=>{let o=I(r)?"oui-text-base-contrast-20":t===OrderSide.BUY?"oui-text-trade-profit":"oui-text-trade-loss";return jsx("span",{className:cn("oui-font-semibold",o),children:be(t)})}}}function Fr(e){return {title:"Type",dataIndex:"type",width:e?.width,className:e?.className,formatter:(t,r)=>{let o=typeof r.type=="string"?r.type.replace("_ORDER","").toLowerCase():r.type;return r.algo_order_id?`Stop ${o}`:be(t)}}}function G(e){return {title:"Filled / Quantity",dataIndex:"fill_quantity",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsx(Oe,{order:r,disableEdit:e?.disableEdit})}}function kr(e){return {title:"Quantity",className:e?.className,dataIndex:"quantity",width:e?.width,onSort:e?.enableSort,render:(t,r)=>r.algo_type===AlgoOrderRootType.POSITIONAL_TP_SL?"Entire position":jsx(Oe,{order:r})}}function z(e){return {title:e?.title??"Price",dataIndex:"price",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsx(ot,{order:r,disableEdit:e?.disableEdit})}}function Rr(e){return {title:"Avg. price",dataIndex:"average_executed_price",className:e?.className,width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsx(Text,{children:commifyOptional(t)})}}function te(e){return {title:"Trigger",className:e?.className,dataIndex:"trigger_price",width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsx(lt,{order:r,disableEdit:e?.disableEdit})}}function ft(e){return {title:"Trigger",className:e?.className,dataIndex:"trigger_price",width:e?.width,onSort:e?.enableSort,render:(t,r)=>jsx(pt,{})}}function J(e){return {title:"Est. total",dataIndex:"executed",width:e?.width,className:e?.className,render:(t,r)=>r.type===OrderType.CLOSE_POSITION&&r.status!==OrderStatus.FILLED?"Entire position":jsx(Text.numeral,{rm:Decimal.ROUND_DOWN,children:r.total_executed_quantity===0||Number.isNaN(r.average_executed_price)||r.average_executed_price===null?"--":`${r.total_executed_quantity*r.average_executed_price}`})}}function K(e){return {title:"Reduce only",dataIndex:"reduce_only",width:e?.width,className:e?.className,render:t=>jsx(Text,{children:t?"Yes":"No"})}}function V(e){return {title:"Hidden",dataIndex:"visible",width:e?.width,className:e?.className,render:(t,r)=>jsx(Text,{children:r.visible_quantity!==0?"No":"Yes"})}}function re(e){return {title:"Order time",dataIndex:"created_time",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsx(Text.formatted,{rule:"date",formatString:e?.formatString||"yyyy-MM-dd HH:mm:ss",className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function oe(e){return {title:"Fee",dataIndex:"total_fee",width:e?.width,onSort:e?.enableSort,className:e?.className}}function qr(e){return {title:"Notional",dataIndex:"notional",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsx(Text,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function ie(e){return {title:"Status",dataIndex:"status",width:e?.width,onSort:e?.enableSort,className:e?.className,render:(t,r)=>jsx(Text,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:capitalizeFirstLetter((r?.algo_status||r.status)?.toLocaleLowerCase())})}}function pe(e){return {title:"Avg. open",dataIndex:"average_open_price",width:e?.width,onSort:e?.enableSort,className:e?.className,render:t=>jsx(Text.numeral,{className:"oui-break-normal oui-whitespace-nowrap oui-font-semibold",children:t})}}function Ce(e){return {title:"",dataIndex:"",width:e?.width,className:e?.className,align:"right",fixed:"right",render:(t,r)=>r.status===OrderStatus.CANCELLED?jsx(ut,{record:r}):r.status===OrderStatus.NEW||r.algo_status===OrderStatus.NEW?jsx(Se,{order:r}):null}}function Dr(e){return {title:"",dataIndex:"",width:e?.width,className:e?.className,align:"right",fixed:"right",render:(t,r)=>jsxs(Flex,{gap:3,children:[jsx(Button,{size:"sm",variant:"outlined",color:"secondary",children:"Edit"}),jsx(Se,{order:r})]})}}var Te=e=>{let t=gt(e.type);return jsx(Re,{cancelOrder:e.cancelOrder,editOrder:e.updateOrder,cancelAlgoOrder:e.cancelAlgoOrder,editAlgoOrder:e.updateAlgoOrder,children:jsx(Flex,{direction:"column",width:"100%",itemAlign:"start",children:jsxs(AuthGuardDataTable,{columns:t,loading:e.isLoading,dataSource:e.dataSource,ignoreLoadingCheck:!0,classNames:{root:"oui-items-start"},onRow:(r,o)=>({className:I(r)?"oui-text-base-contrast-20":""}),generatedRowKey:(r,o)=>`${e.type}${o}${r.order_id||r.algo_order_id}_index${o}`,renderRowContainer:(r,o,i)=>(e.type==="tp_sl"&&(i=jsx(Be,{order:r,children:i})),jsx(ze,{symbol:r.symbol,children:i})),children:[e.filterItems.length>0&&jsx(Filter,{items:e.filterItems,onFilter:r=>{e.onFilter(r);}}),jsx(Pagination,{...e.meta,onPageChange:e.setPage,onPageSizeChange:e.setPageSize})]})})})};var Ae=e=>{let{ordersStatus:t,type:r}=e,{page:o,pageSize:i,setPage:n,setPageSize:u,parseMeta:a}=usePagination(),{orderStatus:d,ordersSide:l,dateRange:c,filterItems:m,onFilter:g}=Wr(r,{ordersStatus:t,setPage:n}),f=useMemo(()=>{if(r==="tp_sl")return [AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL]},[r]),w=useMemo(()=>{if(r==="pending")return [AlgoOrderRootType.POSITIONAL_TP_SL,AlgoOrderRootType.TP_SL]},[r]),[C,{isLoading:E,loadMore:O,cancelOrder:x,updateOrder:S,cancelAlgoOrder:D,updateAlgoOrder:N,meta:M}]=useOrderStream({status:d,side:l,page:o,size:i,dateRange:c,includes:f,excludes:w});return {type:r,dataSource:C,isLoading:E,loadMore:O,cancelOrder:x,updateOrder:S,cancelAlgoOrder:D,updateAlgoOrder:N,page:o,pageSize:i,setPage:n,setPageSize:u,meta:a(M),onFilter:g,filterItems:m}},Wr=(e,t)=>{let[r,o]=useState(t.ordersStatus),[i,n]=useState(void 0),[u,a]=useState(),d=c=>{c.name==="side"&&(n(c.value),t.setPage(1)),c.name==="status"&&(o(c.value),t.setPage(1)),c.name==="dateRange"&&(a(c.value),t.setPage(1));};return {filterItems:useMemo(()=>{let c={type:"select",name:"side",options:[{label:"All sides",value:void 0},{label:"Buy",value:"BUY"},{label:"Sell",value:"SELL"}],value:i},m={type:"range",name:"dateRange",value:u},g={type:"select",name:"status",options:[{label:"All status",value:void 0},{label:"Pending",value:OrderStatus.INCOMPLETE},{label:"Canceled",value:OrderStatus.CANCELLED},{label:"Rejected",value:OrderStatus.REJECTED}],value:r};switch(e){case"all":return [c,g,m];case"pending":return [c];case"tp_sl":return [c];case"filled":return [c];case"cancelled":return [c];case"rejected":return [c];case"orderHistory":return [c]}},[e,i,r,u]),onFilter:d,ordersSide:i,dateRange:u,orderStatus:r}};var q=e=>{let t=Ae(e);return jsx(Te,{...t})};var bt=e=>jsxs(Tabs,{defaultValue:e.current||"all",variant:"contained",children:[jsx(TabPanel,{value:"all",title:"All",children:jsx(q,{type:"all"})}),jsx(TabPanel,{value:"pending",title:"Pending",children:jsx(q,{type:"pending",ordersStatus:OrderStatus.INCOMPLETE})}),jsx(TabPanel,{value:"tp_sl",title:"TP/SL",children:jsx(q,{type:"tp_sl",ordersStatus:OrderStatus.INCOMPLETE})}),jsx(TabPanel,{value:"filled",title:"Filled",children:jsx(q,{type:"filled",ordersStatus:OrderStatus.FILLED})}),jsx(TabPanel,{value:"cancelled",title:"Cancelled",children:jsx(q,{type:"cancelled",ordersStatus:OrderStatus.CANCELLED})}),jsx(TabPanel,{value:"rejected",title:"Rejected",children:jsx(q,{type:"rejected",ordersStatus:OrderStatus.REJECTED})}),jsx(TabPanel,{value:"orderHistory",title:"Order history",children:jsx(q,{type:"orderHistory"})})]});var X=(a=>(a.all="all",a.pending="pending",a.tp_sl="tp_sl",a.filled="filled",a.cancelled="cancelled",a.rejected="rejected",a.orderHistory="orderHistory",a))(X||{}),Jr=e=>{let t=ye(e);return jsx(bt,{...t})};
+
+export { Te as OrderList, q as OrderListWidget, Jr as OrdersWidget, X as TabType, Ae as useOrderListScript, ye as useOrdersScript };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/orders.script.ts","../src/components/orders.ui.tsx","../src/components/orderList/orderList.ui.tsx","../src/components/orderList/useColumn.tsx","../src/utils/util.ts","../src/components/orderList/quantity.tsx","../src/components/orderList/orderListContext.tsx","../src/components/orderList/tpslOrderRowContext.tsx","../src/components/orderList/symbolProvider.tsx","../src/components/orderList/editOrder/confirmContent.tsx","../src/components/orderList/editOrder/innerInput.tsx","../src/components/orderList/price.tsx","../src/components/orderList/triggerPrice.tsx","../src/components/orderList/cancelBtn.tsx","../src/components/orderList/renew.tsx","../src/components/orderList/tpslTriggerPrice.tsx","../src/components/orderList/orderList.script.tsx","../src/components/orderList/orderList.widget.tsx","../src/components/orders.widget.tsx"],"names":["useOrdersScript","props","current","TabPanel","Tabs","OrderStatus","Flex","Pagination","Filter","AuthGuardDataTable","AlgoOrderRootType","OrderSide","OrderType","Button","capitalizeFirstLetter","cn","Text","commifyOptional","Decimal","upperCaseFirstLetter","str","parseBadgesFor","record","list","tpOrder","order","slOrder","grayCell","Badge","useCallback","useContext","useEffect","useRef","useState","Popover","toast","modal","createContext","checkNotional","useSymbolsInfo","Fragment","jsx","OrderListContext","OrderListProvider","cancelOrder","editOrder","cancelAlgoOrder","editAlgoOrder","symbolInfo","onCancelOrder","onEditOrder","position","isHidden","orderEntry","checkMinNotional","symbol","price","qty","min_notional","useMemo","unstable_serialize","useAccount","useMutation","useSWRConfig","utils","TPSLOrderRowContext","useTPSLOrderRowContext","TPSLOrderRowProvider","setPosition","doDeleteOrder","doUpdateOrder","config","state","positionKey","onUpdateOrder","params","getRelatedPosition","p","sl_trigger_price","tp_trigger_price","SymbolContext","useSymbolContext","SymbolProvider","CloseIcon","commify","jsxs","ConfirmContent","type","base","value","cancelPopover","isSubmitting","onConfirm","label","CheckIcon","Input","inputFormatter","Tooltip","InnerInput","inputRef","dp","setPrice","setEditting","error","handleKeyDown","onClick","onClose","hintInfo","input","length","e","OrderQuantity","quantity","originSetQuantity","editting","setQuantity","open","setOpen","setError","onUpdateTPSLOrder","base_dp","positionQty","closePopover","setIsSubmitting","clickHandler","notionalText","event","order_price","rest","future","result","err","componentRef","handleClickOutside","trigger","NormalState","executed","useSymbolPriceRange","Price","isAlgoOrder","isStopMarket","quote_dp","order_id","data","rangeInfo","TriggerPrice","CancelButton","isLoading","setIsLoading","res","useConfig","Renew","doCreateOrder","reset","isMutating","brokerId","onSubmit","AlgoOrderType","OrderTriggerPrice","TPSLTriggerPrice","direction","pnl","msgs","TriggerPriceItem","child","children","content","entryPrice","orderSide","orderType","useOrderColumn","_type","instrument","side","fillAndQuantity","avgOpen","tpslTriggerPrice","estTotal","fee","status","reduceOnly","hidden","cancelBtn","triggerPrice","orderTime","notional","tpslAction","avgPrice","option","r1","r2","sortOrder","badge","showGray","clsName","_","OrderList","columns","index","useOrderStream","usePagination","differenceInDays","setHours","useOrderListScript","ordersStatus","page","pageSize","setPage","setPageSize","parseMeta","orderStatus","ordersSide","dateRange","filterItems","onFilter","useFilter","includes","excludes","loadMore","updateOrder","updateAlgoOrder","meta","setOrderStatus","setOrdersSide","setDateRange","filter","sideFilter","dateRangeFilter","statusFilter","OrderListWidget","Orders","TabType","OrdersWidget"],"mappings":"AASO,IAAMA,GAAmBC,GAAiC,CAC/D,GAAM,CAAE,QAAAC,CAAQ,EAAID,EACpB,MAAO,CACL,QAAAC,CACF,CACF,ECdA,OAAoB,YAAAC,EAAU,QAAAC,OAAY,sBAE1C,OAAS,eAAAC,OAAwB,yBCDjC,OAAkB,QAAAC,GAAY,cAAAC,GAAY,UAAAC,OAAc,sBAExD,OAAS,sBAAAC,OAA0B,gCCHnC,OACE,qBAAAC,GAEA,aAAAC,GACA,eAAAN,GACA,aAAAO,OACK,yBACP,OAEE,UAAAC,GACA,yBAAAC,GACA,MAAAC,GAEA,QAAAT,GACA,QAAAU,MACK,sBACP,OAAS,mBAAAC,GAAiB,WAAAC,OAAe,yBChBzC,OAAc,eAAAb,OAAmB,yBAE1B,IAAMc,GAAwBC,GAC/BA,IAAQ,QACRA,EAAI,SAAW,EAAUA,EACzBA,EAAI,SAAW,EAAUA,EAAI,OAAO,CAAC,EAAE,YAAY,EAChDA,EAAI,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAI,YAAY,EAAE,MAAM,CAAC,EAczD,SAASC,GAAeC,EAAmC,CAChE,GAAI,OAAOA,EAAO,KAAS,IACzB,OAAO,OAAOA,EAAO,MAAS,SAC1B,CAACA,EAAO,KAAK,QAAQ,SAAU,EAAE,EAAE,YAAY,CAAW,EAC1D,CAACA,EAAO,IAAc,EAG5B,GAAI,OAAOA,EAAO,UAAc,IAAa,CAC3C,IAAMC,EAAO,IAAI,MAEbD,EAAO,YAAc,oBACvBC,EAAK,KAAK,UAAU,EAGtB,IAAMC,EAAUF,EAAO,aAAa,KACjCG,GACCA,EAAM,YAAc,eAA6B,CAAC,CAACA,EAAM,aAC7D,EAEMC,EAAUJ,EAAO,aAAa,KACjCG,GACCA,EAAM,YAAc,aAA2B,CAAC,CAACA,EAAM,aAC3D,EAEA,OAAID,GAAWE,IACbH,EAAK,KAAKC,GAAWE,EAAU,QAAUF,EAAU,KAAO,IAAI,EAEzDD,CACT,CAGF,CAEO,SAASI,EAASL,EAAsB,CAC7C,OACGA,EAAqB,SAAWjB,GAAY,WAC5CiB,EAAyB,cAAgBjB,GAAY,SAE1D,CDlCA,OAAS,SAAAuB,OAAa,sBExBtB,OAEE,eAAAC,GACA,cAAAC,GACA,aAAAC,GACA,UAAAC,GACA,YAAAC,OACK,QACP,OAAc,aAAAtB,OAAiB,yBAC/B,OAAS,qBAAAD,OAAyB,yBAClC,OAAS,MAAAK,GAAI,QAAAT,GAAM,WAAA4B,GAAS,SAAAC,GAAO,QAAAnB,OAAY,sBCV/C,OAAS,SAAAoB,OAAa,sBAEtB,OAAgC,iBAAAC,GAAe,eAAAR,OAAmB,QAElE,OAAS,iBAAAS,GAAe,kBAAAC,OAAsB,yBAiGpC,mBAAAC,GAAA,OAAAC,OAAA,oBAhFH,IAAMC,EAAmBL,GAC9B,CAAC,CACH,EASaM,GAER1C,GAAU,CACb,GAAM,CACJ,YAAA2C,EACA,UAAAC,EACA,gBAAAC,EACA,cAAAC,CAEF,EAAI9C,EACE+C,EAAaT,GAAe,EAC5BU,EAAgBpB,GACpB,MAAOJ,GACDA,EAAM,gBAAkB,OAExB,uBAAwBA,GACxBA,EAAM,qBAAuBA,EAAM,cAE5BqB,EAAgBrB,EAAM,mBAAoBA,EAAM,MAAM,EAGxDqB,EAAgBrB,EAAM,cAAeA,EAAM,MAAM,EAAE,KACxD,IAAM,CAAC,CACT,EAGKmB,EAAYnB,EAAM,SAAUA,EAAM,MAAM,EAAE,KAAK,IAAM,CAE5D,CAAC,EAEH,CAAC,CACH,EAEMyB,EAAcrB,GAClB,MAAOJ,EAAkC0B,IAA4B,CAEnE,IAAIC,EACF3B,EAAM,mBAAqB,OACvBA,EAAM,mBAAqB,EAC1BA,EAAc,UAAY,OAC1BA,EAAc,UAAY,EAC3B,GAEA4B,EAAa,MAAMjB,GAAM,MAAM,CACnC,MAAO,aACP,iBAAkB,mCAClB,QAuBEK,GAAAD,GAAA,CAAE,mBAAO,CAEb,CAAC,CACH,EACA,CAAC,CACH,EAEMc,EAAmBzB,GACvB,CAAC0B,EAAgBC,EAAyBC,IAA0B,CAClE,GAAM,CAAE,aAAAC,CAAa,EAAIV,EAAWO,CAAM,EAAE,EAC5C,OAAOjB,GAAckB,EAAOC,EAAKC,CAAY,CAC/C,EACA,CAACV,CAAU,CACb,EAEA,OACEP,GAACC,EAAiB,SAAjB,CACC,MAAO,CACL,cAAAO,EACA,YAAAC,EACA,UAAAL,EACA,cAAAE,EACA,iBAAAO,CACF,EAEC,SAAArD,EAAM,SACT,CAEJ,ECjIA,OACE,iBAAAoC,GAGA,cAAAP,GACA,aAAAC,GACA,WAAA4B,GACA,YAAA1B,OACK,QAEP,OACE,sBAAA2B,GACA,cAAAC,GACA,eAAAC,GACA,gBAAAC,GACA,SAAAC,OACK,yBAwFH,cAAAvB,OAAA,oBAzEG,IAAMwB,GAAsB5B,GACjC,CAAC,CACH,EAEa6B,GAAyB,IAC7BpC,GAAWmC,EAAmB,EAG1BE,GAIRlE,GAAU,CACb,GAAM,CAACkD,EAAUiB,CAAW,EAAInC,GAA8B,EAExD,CAACoC,CAAa,EAAIP,GAAY,iBAAkB,QAAQ,EACxD,CAACQ,CAAa,EAAIR,GAAY,iBAAkB,KAAK,EAErDS,EAASR,GAAa,EACtB,CAAE,MAAAS,CAAM,EAAIX,GAAW,EAEvBY,EAAcd,GAAQ,IACnBC,GAAmB,IAAM,CAAC,gBAAiBY,EAAM,SAAS,CAAC,EACjE,CAACA,EAAM,SAAS,CAAC,EAEdvB,EAAgB,MAAOxB,GACpB4C,EAAc,KAAM,CACzB,SAAU5C,EAAM,cAChB,OAAQA,EAAM,MAChB,CAAC,EAGGiD,EAAgB,MAAOjD,EAAyBkD,IAE7CL,EAAc,CACnB,SAAU7C,EAAM,cAChB,aAAcA,EAAM,aAAa,IAAKA,IAAW,CAC/C,SAAUA,EAAM,cAChB,SAAUkD,EAAO,cACnB,EAAE,CACJ,CAAC,EAGGC,EACJrB,GAEkBgB,EAAO,MAAM,IAAIE,CAAW,GAE5B,KAAK,KAAK,KACzBI,GAA2BA,EAAE,SAAWtB,CAC3C,EAGI,CAAE,iBAAAuB,EAAkB,iBAAAC,CAAiB,EAAIpB,GAAQ,IAEnD,EAAE,cAAe1D,EAAM,QACvB,CAAC,MAAM,QAAQA,EAAM,MAAM,YAAY,EAEhC,CAAC,EAEH+D,GAAM,kBAAkB/D,EAAM,KAAK,EACzC,CAACA,EAAM,KAAK,CAAC,EAEhB,OAAA8B,GAAU,IAAM,CACd,GAAI,cAAe9B,EAAM,MAAO,CAC9B,IAAMkD,EAAWyB,EAAmB3E,EAAM,MAAM,MAAM,EAClDkD,GACFiB,EAAYjB,CAAQ,CAExB,CACF,EAAG,CAAClD,EAAM,MAAM,MAAM,CAAC,EAGrBwC,GAACwB,GAAoB,SAApB,CACC,MAAO,CACL,MAAOhE,EAAM,MACb,iBAAA6E,EACA,iBAAAC,EACA,cAAA9B,EACA,cAAAyB,EACA,mBAAAE,EACA,SAAAzB,CACF,EAEC,SAAAlD,EAAM,SACT,CAEJ,ECtHA,OAGE,iBAAAoC,GAEA,cAAAP,OACK,QACP,OAAS,kBAAAS,OAAsB,yBA2B3B,cAAAE,OAAA,oBAhBG,IAAMuC,GAAgB3C,GAAc,CAAC,CAAuB,EAEtD4C,EAAmB,IACvBnD,GAAWkD,EAAa,EAOpBE,GACXjF,GACG,CACH,IAAM+C,EAAaT,GAAe,EAAEtC,EAAM,MAAM,EAEhD,OACEwC,GAACuC,GAAc,SAAd,CACC,MAAO,CACL,QAAShC,EAAW,SAAS,EAC7B,SAAUA,EAAW,UAAU,EAC/B,UAAWA,EAAW,WAAW,EACjC,KAAMA,EAAW,MAAM,EACvB,MAAOA,EAAW,OAAO,EACzB,OAAQ/C,EAAM,MAChB,EAEC,SAAAA,EAAM,SACT,CAEJ,EC/CA,OAAS,UAAAY,GAAQ,aAAAsE,OAAiB,sBAClC,OAAS,WAAAC,OAAe,yBACxB,OAAa,WAAAzB,OAAe,QA+BtB,OAEE,OAAAlB,EAFF,QAAA4C,OAAA,oBAvBC,IAAMC,EAOPrF,GAAU,CACd,GAAM,CAAE,KAAAsF,EAAM,KAAAC,EAAM,MAAAC,EAAO,cAAAC,EAAe,aAAAC,EAAc,UAAAC,CAAU,EAAI3F,EAEhE4F,EAAQlC,GAAQ,IAAM,CAC1B,OAAQ4B,EAAM,CACZ,IAAK,GACH,MAAO,sCAAsCC,CAAI,kBACnD,IAAK,GACH,MAAO,mCAAmCA,CAAI,kBAChD,IAAK,GACH,MAAO,2CAA2CA,CAAI,iBAC1D,CACF,EAAG,CAACD,CAAI,CAAC,EAET,OACEF,GAAC,OAAI,UAAU,wBACb,UAAAA,GAAC,OAAI,UAAU,6DACZ,UAAAQ,EACDpD,EAAC,QAAK,UAAU,mBAAoB,SAAA2C,GAAQK,CAAK,EAAE,EAAO,KAC5D,EACAJ,GAAC,OAAI,UAAU,8CACb,UAAA5C,EAAC5B,GAAA,CACC,MAAM,YACN,QAAS6E,EACT,SAAUC,EACX,kBAED,EACAlD,EAAC5B,GAAA,CAAO,QAAS8E,EAAc,QAASC,EAAW,mBAEnD,GACF,EACAnD,EAAC,UACC,UAAU,+DACV,QAASiD,EAET,SAAAjD,EAAC0C,GAAA,CAAU,KAAM,GAAI,EACvB,GACF,CAEJ,ECzDA,OAAS,aAAAW,GAAsB,SAAAC,GAAO,kBAAAC,GAAgB,WAAAC,OAAe,sBACrE,OAAa,aAAAlE,OAAiB,QAyEhB,cAAAU,OAAA,oBAvEP,IAAMyD,EAWLjG,GAAU,CACd,GAAM,CACJ,SAAAkG,EACA,GAAAC,EACA,MAAAX,EACA,SAAAY,EACA,YAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAAI1G,EAEJ,OAAA8B,GAAU,IAAM,CACd,IAAM6E,EAAQT,EAAS,QACvB,GAAIS,EAAO,CACT,IAAMC,EAASD,EAAM,MAAM,OAC3BA,EAAM,kBAAkBC,EAAQA,CAAM,CACxC,CACAP,EAAY,EAAI,CAClB,EAAG,CAAC,CAAC,EAEH7D,GAACwD,GAAA,CAAQ,QAASU,EAAU,MAAOA,GAAU,QAAU,GAAK,EAC1D,SAAAlE,GAACsD,GAAA,CACC,IAAKI,EACL,KAAK,OACL,KAAK,KACL,WAAY,CACVH,GAAe,gBACfA,GAAe,YAAYI,CAAE,CAC/B,EACA,MAAOX,EACP,cAAgBqB,GAAMT,EAASS,CAAC,EAChC,SAAUP,EACV,QAAUO,GAAM,CACdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,CACnB,EACA,UAAWN,EACX,UAAS,GACT,WAAY,CACV,KAAM,gDACN,MAAO,UACT,EAcA,OACE/D,GAAC,UAAO,QAASgE,EACf,SAAAhE,GAACqD,GAAA,CACC,KAAM,GACN,MAAM,QACN,QAAS,EACT,UAAU,0DACZ,EACF,EAEJ,EACF,CAEJ,ELqHM,OA0EA,YAAAtD,GA1EA,OAAAC,EA0EA,QAAA4C,OA1EA,oBAxLD,IAAM0B,GAAiB9G,GAGxB,CACJ,GAAM,CAAE,MAAAwB,CAAM,EAAIxB,EAEZ,CAAC+G,EAAUC,CAAiB,EAAIhF,GACpCR,EAAM,SAAS,SAAS,CAC1B,EAEM,CAACyF,EAAUZ,CAAW,EAAIrE,GAAS,EAAK,EAE9CF,GAAU,IAAM,CACdoF,EAAY1F,EAAM,SAAS,SAAS,CAAC,CACvC,EAAG,CAACxB,EAAM,MAAM,QAAQ,CAAC,EAEzB,GAAM,CAACmH,EAAMC,CAAO,EAAIpF,GAAS,EAAK,EAChC,CAACsE,EAAOe,CAAQ,EAAIrF,GAAiB,EAErC,CAAE,UAAAY,EAAW,cAAAE,EAAe,iBAAAO,CAAiB,EACjDxB,GAAWY,CAAgB,EACvB,CAAE,cAAe6E,EAAmB,SAAApE,CAAS,EACjDe,GAAuB,EAEnB,CAAE,QAAAsD,EAAS,KAAAhC,CAAK,EAAIP,EAAiB,EAErCkC,EAAe1D,GAAgB,CACnCwD,EAAkBxD,CAAG,EACrB,IAAMgE,EAAc,KAAK,IAAItE,GAAU,cAAgB,CAAC,EACpDA,GAAY,OAAOM,CAAG,EAAIgE,EAC5BH,EACE,oDAAoDG,CAAW,EACjE,EAEAH,EAAS,MAAS,CAEtB,EAEMI,EAAe,IAAM,CACzBL,EAAQ,EAAK,EACbf,EAAY,EAAK,CACnB,EACMZ,EAAgB,IAAM,CAC1B2B,EAAQ,EAAK,EACbF,EAAY1F,EAAM,SAAS,SAAS,CAAC,EACrC6E,EAAY,EAAK,CACnB,EACM,CAACX,EAAcgC,CAAe,EAAI1F,GAAS,EAAK,EAEhDkE,EAAWnE,GAAyB,IAAI,EAExC4F,EAAe,IAAM,CAGzB,GAAMrB,EACJ,OAGF,GAAI,OAAOS,CAAQ,IAAM,OAAOvF,EAAM,QAAQ,EAAG,CAC/C6E,EAAY,EAAK,EACjB,MACF,CAEA,IAAM9C,EACJ/B,EAAM,gBAAkB,OAAYA,EAAM,cAAgBA,EAAM,MAClE,GAAI+B,IAAU,MAAQ/B,EAAM,cAAgB,GAAM,CAChD,IAAMoG,EAAevE,EAAiB7B,EAAM,OAAQ+B,EAAOwD,CAAQ,EACnE,GAAIa,EAAc,CAChB1F,GAAM,MAAM0F,CAAY,EACxBF,EAAgB,EAAK,EACrBjC,EAAc,EACd,MACF,CACF,CAEA2B,EAAQ,EAAI,CACd,EAEMZ,EAAWqB,GAAe,CAC9BA,GAAO,gBAAgB,EACvBA,GAAO,eAAe,EAEtBF,EAAa,CACf,EAEMpB,EAAiBsB,GAAe,CAChCA,EAAM,MAAQ,UAChBA,GAAO,gBAAgB,EACvBA,GAAO,eAAe,EACtBF,EAAa,EAEjB,EAEMhC,GAAY/D,GAAY,IAAM,CAClC8F,EAAgB,EAAI,EAEpB,IAAIhD,EAAc,CAChB,OAAQlD,EAAM,OACd,WAAYA,EAAM,KAClB,KAAMA,EAAM,KACZ,YAAaA,EAAM,MACnB,eAAgBuF,EAEhB,cAAevF,EAAM,aACvB,EAEA,GACE,OAAOkD,EAAO,cAAkB,KAChCA,EAAO,aAAe,SACtB,CAEA,GAAM,CAAE,YAAAoD,EAAa,GAAGC,EAAK,EAAIrD,EACjCA,EAASqD,EACX,CAEI,OAAOvG,EAAM,YAAgB,MAC/BkD,EAAO,YAAclD,EAAM,aAGzBA,EAAM,YAAc,SACtBkD,EAAS,CAAE,GAAGA,EAAQ,UAAWlD,EAAM,SAAU,GAG/CA,GAAO,mBAAqB,IAC9BkD,EAAO,iBAAsB,GAI3BlD,GAAO,MAAQ,SAEjBkD,EAAO,UAAelD,EAAM,KAG9B,IAAIwG,EAEA,cAAexG,GAASA,EAAM,YAAcf,GAAkB,MAChEuH,EAASV,EAAkB9F,EAA2BkD,CAAM,EAExDlD,EAAM,gBAAkB,OAC1BwG,EAASlF,EAActB,EAAM,cAAc,SAAS,EAAGkD,CAAM,EAE7DsD,EAASpF,EAAWpB,EAAuB,SAAS,SAAS,EAAGkD,CAAM,EAI1EsD,EACG,KACEC,GAAW,CACVR,EAAa,EACbP,EAAYH,EAAS,SAAS,CAAC,CAEjC,EACCmB,GAAQ,CACPhG,GAAM,MAAMgG,EAAI,OAAO,EACvBhB,EAAY1F,EAAM,SAAS,SAAS,CAAC,EACrCiE,EAAc,CAChB,CACF,EACC,QAAQ,IAAMiC,EAAgB,EAAK,CAAC,CACzC,EAAG,CAACX,CAAQ,CAAC,EAEPoB,GAAepG,GAA8B,IAAI,EAEjDqG,GAAsBP,GAAe,CAEvCM,GAAa,SACb,CAACA,GAAa,QAAQ,SAASN,EAAM,MAAc,GACnD,CAACV,GAED1B,EAAc,CAElB,EAEA3D,GAAU,KACR,SAAS,iBAAiB,YAAasG,EAAkB,EAElD,IAAM,CACX,SAAS,oBAAoB,YAAaA,EAAkB,CAC9D,GACC,CAACjB,CAAI,CAAC,EAET,IAAMkB,EAAU,IACV,CAACpB,GAAYjH,EAAM,YAEnBwC,EAAC8F,GAAA,CACC,MAAO9G,EACP,SAAUuF,EACV,WAAYV,EACZ,YAAarG,EAAM,YACrB,EAKFwC,EAACyD,EAAA,CACC,SAAUC,EACV,GAAIqB,EACJ,MAAOR,EACP,SAAUG,EACV,YAAab,EACb,cAAeE,EACf,QAASC,EACT,QAASf,EACX,EAIJ,OACEjD,EAACP,GAAA,CACC,KAAMkF,EACN,aAAcC,EACd,QACE5E,EAAC6C,EAAA,CACC,OACA,KAAME,EACN,MAAOwB,EACP,cAAetB,EACf,aAAcC,EACd,UAAWC,GACb,EAGF,SAAAnD,EAAC,OAAI,IAAK2F,GAAe,SAAAE,EAAQ,EAAE,EACrC,CAEJ,EAEMC,GAMAtI,GAAU,CACd,GAAM,CAAE,MAAAwB,EAAO,SAAAuF,CAAS,EAAI/G,EAEtBuI,EAAY/G,EAAuB,wBAEzC,OACE4D,GAAC/E,GAAA,CACC,UAAU,MACV,QAAS,QACT,IAAK,EACL,UAAWS,GACT,iCAEAU,EAAM,OAASd,GAAU,KAAO,wBAChCc,EAAM,OAASd,GAAU,MAAQ,sBACjCgB,EAASF,CAAK,GAAK,0BACrB,EACA,QAAUqF,GAAM,CACdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjB7G,EAAM,WAAW,EAAI,CACvB,EAEC,wBAAewB,GAChBA,EAAM,YAAcf,GAAkB,MAAQ,KAC5C2E,GAAA7C,GAAA,CACE,UAAAC,EAAC,QAAM,SAAA+F,EAAS,EAChB/F,EAAC,QAAK,aAAC,GACT,EAGFA,EAACnC,GAAA,CACC,EAAE,OACF,UAAWS,GACT,gCACA,CAACd,EAAM,aAAe,wBACxB,EAEA,SAAAwC,EAACzB,GAAA,CAAK,KAAK,MAAO,SAAAgG,EAAS,EAC7B,GACF,CAEJ,EMpSA,OAAS,mBAAA/F,OAAuB,yBAChC,OAAa,cAAAa,GAAY,aAAAC,GAAW,WAAA4B,GAAS,UAAA3B,GAAQ,YAAAC,OAAgB,QACrE,OAAS,uBAAAwG,OAA2B,yBACpC,OAAS,MAAA1H,GAAI,QAAAT,GAAM,WAAA4B,GAAS,SAAAC,GAAO,QAAAnB,OAAY,sBAgMpC,cAAAyB,MAAA,oBAzLJ,IAAMiG,GAASzI,GAGhB,CACJ,GAAM,CAAE,MAAAwB,CAAM,EAAIxB,EAEZ,CAACuD,EAAO6C,CAAQ,EAAIpE,GACxBR,EAAM,OAAO,SAAS,GAAK,QAC7B,EAEM,CAAC2F,EAAMC,CAAO,EAAIpF,GAAS,EAAK,EAChC,CAACiF,EAAUZ,CAAW,EAAIrE,GAAS,EAAK,EAExC0G,EAAclH,GAAO,gBAAkB,OAGvCmH,EAAenH,GAAO,OAAS,UAAYkH,EAE3C,CAAChD,EAAcgC,CAAe,EAAI1F,GAAS,EAAK,EAEhD,CAAE,UAAAY,EAAW,cAAAE,EAAe,iBAAAO,CAAiB,EACjDxB,GAAWY,CAAgB,EAEvB,CAAE,KAAA8C,EAAM,SAAAqD,CAAS,EAAI5D,EAAiB,EACtCyC,EAAe,IAAM,CACzBL,EAAQ,EAAK,EACbf,EAAY,EAAK,CACnB,EACMZ,EAAgB,IAAM,CAC1B2B,EAAQ,EAAK,EACbhB,EAAS5E,EAAM,OAAO,SAAS,GAAK,QAAQ,EAC5C6E,EAAY,EAAK,CACnB,EAEMG,EAAWqB,GAAe,CAI9B,GAHAA,GAAO,gBAAgB,EACvBA,GAAO,eAAe,EAElBtE,IAAU,GAAG/B,EAAM,KAAK,GAAI,CAC9B6E,EAAY,EAAK,EACjB,MACF,CAEA,GAAI7E,EAAM,cAAgB,GAAM,CAC9B,IAAMoG,EAAevE,EACnB7B,EAAM,OACN+B,EACA/B,EAAM,QACR,EACA,GAAIoG,EAAc,CAChB1F,GAAM,MAAM0F,CAAY,EACxBF,EAAgB,EAAK,EACrBjC,EAAc,EACd,MACF,CACF,CAEA2B,EAAQ,EAAI,CACd,EAEMb,EAAiBsB,GAAe,CAChCA,EAAM,MAAQ,SAChBrB,EAAQqB,CAAK,CAEjB,EAEMlC,EAAY,IAAM,CACtB+B,EAAgB,EAAI,EAEpB,IAAImB,EAAWrH,EAAM,SACjBsH,EAAY,CACd,YAAavF,EACb,eAAgB/B,EAAM,SACtB,OAAQA,EAAM,OACd,WAAYA,EAAM,KAClB,KAAMA,EAAM,IAEd,EACI,OAAOA,EAAM,YAAgB,MAC/BsH,EAAK,YAActH,EAAM,aAGvBA,EAAM,YAAc,SACtBsH,EAAO,CAAE,GAAGA,EAAM,UAAWtH,EAAM,SAAU,GAG3CkH,IACFG,EAAWrH,EAAM,cACjBsH,EAAO,CACL,GAAGA,EACH,SAAAD,EACA,MAAOtF,EACP,cAAesF,CACjB,GAGErH,GAAO,mBAAqB,IAC9BsH,EAAK,iBAAsB,GAIzBtH,EAAM,MAAQ,SAEhBsH,EAAK,UAAetH,EAAM,KAG5B,IAAIwG,EACAxG,EAAM,gBAAkB,OAC1BwG,EAASlF,EAActB,EAAM,cAAc,SAAS,EAAGsH,CAAI,EAE3Dd,EAASpF,EAAUpB,EAAM,SAAS,SAAS,EAAGsH,CAAI,EAGpDd,EACG,KACEC,GAAW,CACVR,EAAa,EACbrB,EAAS7C,CAAK,CAEhB,EACC2E,GAAQ,CACPhG,GAAM,MAAMgG,EAAI,OAAO,EAEvB9B,EAAS5E,EAAM,MAAO,SAAS,CAAC,EAChCiE,EAAc,CAChB,CACF,EACC,QAAQ,IAAMiC,EAAgB,EAAK,CAAC,CACzC,EAEMxB,EAAWnE,GAAyB,IAAI,EAExCgH,EAAYP,GAChBhH,EAAM,OAENA,EAAM,KACNkH,EAAclH,EAAM,cAAgB,MACtC,EAEMkF,EAAWhD,GAAQ,IACnB,CAACqF,GACDJ,GACA,CAAC1B,EAAiB,GAElB,OAAO1D,CAAK,EAAIwF,EAAU,IACrB,iCAAiCA,EAAU,GAAG,SAEnD,OAAOxF,CAAK,EAAIwF,EAAU,IACrB,8BAA8BA,EAAU,GAAG,SAE7C,GACN,CAACJ,EAAc1B,EAAU8B,EAAWxF,CAAK,CAAC,EAE7CzB,GAAU,IAAM,CAEN9B,EAAM,MAAM,OAChBoG,EAAS,GAAGpG,EAAM,MAAM,KAAK,EAAE,CAGrC,EAAG,CAACA,EAAM,MAAM,KAAK,CAAC,EAEtB,IAAMmI,EAAepG,GAA8B,IAAI,EAEjDqG,GAAsBP,GAAe,CAEvCM,EAAa,SACb,CAACA,EAAa,QAAQ,SAASN,EAAM,MAAc,GACnD,CAACV,GAED1B,EAAc,CAElB,EAaA,GAXA3D,GAAU,KACR,SAAS,iBAAiB,YAAasG,EAAkB,EAElD,IAAM,CACX,SAAS,oBAAoB,YAAaA,EAAkB,CAC9D,GACC,CAACjB,CAAI,CAAC,EAEiB3F,EAAM,eAAiBA,EAAM,MAAQ,UAGtC+B,IAAU,SACjC,OAAOf,EAAC,QAAK,kBAAM,EAGrB,IAAM6F,GAAU,IACV,CAACpB,GAAYjH,EAAM,YAEnBwC,EAAC8F,GAAA,CACC,MAAO9G,EACP,MAAO+B,EACP,WAAY8C,EACZ,YAAarG,EAAM,YACrB,EAKFwC,EAACyD,EAAA,CACC,SAAUC,EACV,GAAI0C,EACJ,MAAOrF,EACP,SAAU6C,EACV,YAAaC,EACb,cAAeE,EACf,QAASC,EACT,QAASf,EACT,SAAUiB,EACZ,EAIJ,OACElE,EAACP,GAAA,CACC,KAAMkF,EACN,aAAcC,EACd,QACE5E,EAAC6C,EAAA,CACC,OACA,KAAME,EACN,MAAOhC,EACP,cAAekC,EACf,aAAcC,EACd,UAAWC,EACb,EAGF,SAAAnD,EAAC,OAAI,IAAK2F,EAAe,SAAAE,GAAQ,EAAE,EACrC,CAEJ,EAEMC,GAKAtI,GAAU,CACd,GAAM,CAAE,MAAAwB,EAAO,MAAA+B,CAAM,EAAIvD,EAEzB,OACEwC,EAAC,OACC,UAAW1B,GACT,yGACAY,EAASF,CAAK,GAAK,0BACrB,EACA,QAAUqF,GAAM,CACdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjB7G,EAAM,WAAW,EAAI,CACvB,EAEA,SAAAwC,EAACnC,GAAA,CACC,EAAE,OACF,UAAWS,GACT,gCACA,CAACd,EAAM,aAAe,wBACxB,EAEA,SAAAwC,EAACzB,GAAA,CAAK,KAAK,MAAO,SAAAC,GAAgBuC,CAAK,EAAE,EAC3C,EACF,CAEJ,ECpRA,OAAa,cAAA1B,GAAY,aAAAC,GAAW,UAAAC,GAAQ,YAAAC,OAAgB,QAC5D,OAAS,MAAAlB,GAAI,QAAAT,GAAM,WAAA4B,GAAS,SAAAC,GAAO,QAAAnB,OAAY,sBAiIpC,cAAAyB,MAAA,oBA1HJ,IAAMwG,GAAgBhJ,GAGvB,CACJ,GAAM,CAAE,MAAAwB,CAAM,EAAIxB,EAEZ,CAACuD,EAAO6C,CAAQ,EAAIpE,GAAiB,EAAE,EAE7CF,GAAU,IAAM,CACdsE,EAAS5E,EAAM,eAAe,SAAS,GAAK,GAAG,CACjD,EAAG,CAACA,EAAM,aAAa,CAAC,EAExB,IAAMkH,EAAclH,GAAO,gBAAkB,OACvC,CAAC2F,EAAMC,CAAO,EAAIpF,GAAS,EAAK,EAChC,CAACiF,EAAUZ,CAAW,EAAIrE,GAAS,EAAK,EAExC,CAAC0D,EAAcgC,CAAe,EAAI1F,GAAS,EAAK,EAEhD,CAAE,cAAAc,EAAe,iBAAAO,CAAiB,EAAIxB,GAAWY,CAAgB,EAEjE,CAAE,KAAA8C,EAAM,SAAAqD,CAAS,EAAI5D,EAAiB,EACtCyC,EAAe,IAAM,CACzBL,EAAQ,EAAK,EACbf,EAAY,EAAK,CACnB,EACMZ,EAAgB,IAAM,CAC1BW,EAAS5E,EAAM,eAAe,SAAS,GAAK,GAAG,EAC/C4F,EAAQ,EAAK,EACbf,EAAY,EAAK,CACnB,EAEM8B,EAAepG,GAA8B,IAAI,EAEjDqG,EAAsBP,GAAe,CAEvCM,EAAa,SACb,CAACA,EAAa,QAAQ,SAASN,EAAM,MAAc,GACnD,CAACV,GAED1B,EAAc,CAElB,EAEA3D,GAAU,KACR,SAAS,iBAAiB,YAAasG,CAAkB,EAElD,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,GACC,CAACjB,CAAI,CAAC,EAET,IAAMX,EAAWqB,GAAe,CAM9B,GALAA,GAAO,gBAAgB,EACvBA,GAAO,eAAe,EAEtBxB,EAAY,EAAK,EAEb,OAAO9C,CAAK,IAAM,OAAO/B,EAAM,aAAa,EAIhD,IAAIA,EAAM,OAASA,EAAM,cAAgB,GAAM,CAC7C,IAAMoG,EAAevE,EACnB7B,EAAM,OACNA,EAAM,MACNA,EAAM,QACR,EACA,GAAIoG,EAAc,CAChB1F,GAAM,MAAM0F,CAAY,EACxBF,EAAgB,EAAK,EACrBjC,EAAc,EACd,MACF,CACF,CAEA2B,EAAQ,EAAI,EACd,EAEMb,EAAiBsB,GAAe,CAChCA,EAAM,MAAQ,SAChBrB,EAAQqB,CAAK,CAEjB,EAEMlC,EAAY,IAAM,CACtB+B,EAAgB,EAAI,EAEpB,IAAIoB,EAAY,CAEd,SAAUtH,EAAM,SAChB,cAAe+B,EACf,OAAQ/B,EAAM,OAId,cAAeA,EAAM,aACvB,EAEIA,EAAM,YAAc,SACtBsH,EAAO,CAAE,GAAGA,EAAM,UAAWtH,EAAM,SAAU,GAG/CsB,EAAc,GAAGtB,EAAM,aAAa,GAAIsH,CAAI,EACzC,KACEb,GAAW,CACVR,EAAa,EACbrB,EAAS7C,CAAK,CAEhB,EACC2E,GAAQ,CACPhG,GAAM,MAAMgG,EAAI,OAAO,EAEvB9B,EAAS5E,EAAM,eAAe,SAAS,GAAK,IAAI,EAChDiE,EAAc,CAChB,CACF,EACC,QAAQ,IAAMiC,EAAgB,EAAK,CAAC,CACzC,EAEMxB,EAAWnE,GAAyB,IAAI,EAE9C,GAAI,CAAC2G,EACH,OAAOlG,EAACzB,GAAA,CAAM,cAAK,EAErB,IAAMsH,EAAU,IACV,CAACpB,GAAYjH,EAAM,YAEnBwC,EAAC8F,GAAA,CACC,MAAO9G,EACP,MAAO+B,EACP,WAAY8C,EACZ,YAAarG,EAAM,YACrB,EAKFwC,EAACyD,EAAA,CACC,SAAUC,EACV,GAAI0C,EACJ,MAAOrF,EACP,SAAU6C,EACV,YAAaC,EACb,cAAeE,EACf,QAASC,EACT,QAASf,EACX,EAIJ,OACEjD,EAACP,GAAA,CACC,KAAMkF,EACN,aAAcC,EACd,QACE5E,EAAC6C,EAAA,CACC,OACA,KAAME,EACN,MAAOhC,EACP,cAAekC,EACf,aAAcC,EACd,UAAWC,EACb,EAGF,SAAAnD,EAAC,OAAI,IAAK2F,EAAe,SAAAE,EAAQ,EAAE,EACrC,CAEJ,EAEMC,GAKAtI,GAAU,CACd,GAAM,CAAE,MAAAwB,EAAO,MAAA+B,CAAM,EAAIvD,EAEzB,OACEwC,EAAC,OACC,UAAW1B,GACT,yGACAY,EAASF,CAAK,GAAK,0BACrB,EACA,QAAUqF,GAAM,CACdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjB7G,EAAM,WAAW,EAAI,CACvB,EAEA,SAAAwC,EAACnC,GAAA,CACC,EAAE,OACF,UAAWS,GACT,gCACA,CAACd,EAAM,aAAe,wBACxB,EAEA,SAAAwC,EAACzB,GAAA,CAAK,KAAK,MAAO,SAAAwC,EAAM,EAC1B,EACF,CAEJ,ECjNA,OAAS,UAAA3C,GAAQ,SAAAsB,OAAa,sBAC9B,OAAa,cAAAL,GAAY,YAAAG,OAAgB,QAYrC,cAAAQ,OAAA,oBATG,IAAMyG,GAEPjJ,GAAU,CACd,GAAM,CAAE,MAAAwB,CAAM,EAAIxB,EAEZ,CAAE,cAAAgD,CAAc,EAAInB,GAAWY,CAAgB,EAC/C,CAACyG,EAAWC,CAAY,EAAInH,GAAS,EAAK,EAEhD,OACEQ,GAAC5B,GAAA,CACC,KAAK,KACL,QAAS,WACT,MAAO,YACP,QAAUiH,GAAU,CACb7E,IACL6E,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtBsB,EAAa,EAAI,EACjBnG,EAAcxB,CAAK,EAChB,KACE4H,GAAQA,EACR9C,GAAU,CACTpE,GAAM,MAAMoE,EAAM,OAAO,CAC3B,CACF,EACC,QAAQ,IAAM,CACb6C,EAAa,EAAK,CACpB,CAAC,EACL,EACA,QAAWD,EACZ,kBAED,CAEJ,ECvCA,OAAa,eAAAtH,GAAkC,YAAAI,OAAgB,QAE/D,OAAS,aAAAqH,GAAW,eAAAxF,OAAmB,yBAEvC,OAAS,UAAAjD,OAAc,sBAsCnB,cAAA4B,OAAA,oBApCG,IAAM8G,GAA8BtJ,GAAU,CACnD,GAAM,CAAE,OAAAqB,CAAO,EAAIrB,EACb,CAACmH,EAAMC,CAAO,EAAIpF,GAAS,EAAK,EAChC,CAACuH,EAAe,CAAE,KAAAT,EAAM,MAAAxC,EAAO,MAAAkD,EAAO,WAAAC,CAAW,CAAC,EAAI5F,GAG1D,WAAW,EAEP6F,EAAWL,GAAU,UAAU,EAC/BM,EAAW/H,GAAY,IAAM,CACjCwF,EAAQ,EAAK,EACb,IAAM0B,EAAoB,CACxB,OAAQzH,EAAO,OACf,WAAYA,EAAO,KACnB,YAAaA,EAAO,MACpB,eAAgBA,EAAO,SACvB,aAAcA,EAAO,OAErB,KAAMA,EAAO,KAEb,UAAWqI,CACb,EAEI,OAAOrI,EAAO,gBAAgB,EAAI,OAAOA,EAAO,QAAQ,IAC1DyH,EAAK,iBAAmB,GAGtB,OAAOzH,EAAO,YAAgB,MAChCyH,EAAK,YAAczH,EAAO,aAG5BkI,EAAcT,CAAI,CACpB,EAAG,CAAC,CAAC,EAGL,OACEtG,GAAC5B,GAAA,CACC,KAAM,KACN,QAAS,WACT,MAAO,YACP,QAAS6I,EACT,SAAUA,EACV,QAAU5B,GAAU,CACd4B,IACJ5B,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtB8B,EAAS,EACX,EACD,iBAED,CAEJ,EC1DA,OAAa,WAAAjG,OAAe,QAC5B,OAAS,kBAAApB,GAAgB,SAAAyB,OAAa,yBACtC,OAAc,iBAAA6F,OAAqB,yBAEnC,OAAS,MAAA9I,GAAI,QAAAC,GAAM,WAAAiF,OAAe,sBAQ9B,cAAAxD,EAwLA,QAAA4C,OAxLA,oBALG,IAAMyE,GAAoB,IAAM,CACrC,GAAM,CAAE,iBAAAhF,EAAkB,iBAAAC,EAAkB,MAAAtD,EAAO,SAAA0B,CAAS,EAC1De,GAAuB,EAEzB,OACEzB,EAACsH,GAAA,CACC,cAAejF,EACf,gBAAiBC,EACjB,UAAW,SACX,MAAOtD,EACP,SAAU0B,EACV,QAAO,GACT,CAEJ,EAGM4G,GAQA9J,GAAU,CACd,GAAM,CAAE,UAAA+J,EAAY,MAAO,MAAAvI,EAAO,SAAA0B,CAAS,EAAIlD,EAEzC+C,EAAaT,GAAe,EAE5B0H,EAAMtG,GAAQ,IAAM,CACxB,IAAMuG,EAAO,CAAC,EAEd,GAAI,CAACjK,EAAM,SAAW,CAACwB,GAAS,CAAC0B,EAAU,OAE3C,IAAI6D,EAAWvF,EAAM,SAErB,OAAIuF,IAAa,GACXvF,EAAM,aAAa,CAAC,EAAE,OAAS,mBACjCuF,EAAW7D,EAAS,cAIlBlD,EAAM,iBACViK,EAAK,KACHzH,EAAC0H,GAAA,CAEC,IAAKnD,EACL,MAAO/G,EAAM,gBACb,WAAYkD,EAAS,mBACrB,UAAW1B,EAAM,KACjB,UAAWoI,GAAc,YACzB,WAAY7G,EAAWvB,EAAM,MAAM,EAAE,GANhC,IAOP,CACF,EAGIxB,EAAM,eACViK,EAAK,KACHzH,EAAC0H,GAAA,CAEC,IAAKnD,EACL,MAAO/G,EAAM,cACb,WAAYkD,EAAS,mBACrB,UAAW1B,EAAM,KACjB,UAAWoI,GAAc,UACzB,WAAY7G,EAAWvB,EAAM,MAAM,EAAE,GANhC,IAOP,CACF,EAGKgB,EAAC,OAAK,SAAAyH,EAAK,CACpB,EAAG,CACDjK,EAAM,gBACNA,EAAM,cACNkD,GAAU,mBACV1B,GAAO,KACPA,GAAO,SACPA,GAAO,SACT,CAAC,EAEK2I,EAAQzG,GAAQ,IAAM,CAC1B,IAAM0G,EAAW,CAAC,EAElB,OAAK5I,GAAO,QACRxB,EAAM,iBACRoK,EAAS,KACP5H,EAACzB,GAAK,QAAL,CACC,UAAWD,GACT,0DACF,EAEA,KAAK,QACL,UAAWiC,EAAWvB,EAAO,MAAM,EAAE,WAAY,CAAC,EAClD,SAAUxB,EAAM,gBAEhB,OACE,CAACA,EAAM,eAAiB+J,IAAc,SACpCvH,EAAC,QAAK,UAAW,4BAA6B,uBAE9C,EAEA,IAXC,IAcP,CACF,EAEExC,EAAM,eACRoK,EAAS,KACP5H,EAACzB,GAAK,QAAL,CAEC,UAAWD,GACT,wDACF,EACA,KAAM,QACN,UAAWiC,EAAWvB,EAAO,MAAM,EAAE,WAAY,CAAC,EAClD,SAAUxB,EAAM,cAEhB,OACE,CAACA,EAAM,iBAAmB+J,IAAc,SACtCvH,EAAC,QAAK,UAAW,4BAA6B,uBAE9C,EAEA,IAdC,IAiBP,CACF,EAGE4H,EAAS,SAAW,EAAU5H,EAAC,QAAK,aAAC,GAErC4H,EAAS,SAAW,GAAKL,IAAc,OACzCK,EAAS,OAAO,EAAG,EAAG5H,EAAC,QAAmB,cAAT,OAAU,CAAO,EAG7C4H,IAtDoB5H,EAAC,QAAK,aAAC,CAuDpC,EAAG,CAACxC,EAAM,gBAAiBA,EAAM,cAAewB,GAAO,MAAM,CAAC,EAExD6I,EACJ7H,EAAC,OACC,UAAW1B,GACT,4CACAd,EAAM,YAAc,SAChB,eACA,yBACJA,EAAM,SACR,EAEC,SAAAmK,EACH,EAGF,OAAInK,EAAM,QAEDwC,EAACwD,GAAA,CAAQ,QAASgE,EAAM,SAAAK,EAAQ,EAGlCA,CACT,EAGMH,GAOAlK,GAAU,CACd,GAAM,CAAE,IAAAwD,EAAK,MAAAD,EAAO,WAAA+G,EAAY,UAAAC,EAAW,UAAAC,EAAW,WAAAzH,CAAW,EAAI/C,EAC/DgK,EAAMjG,GAAM,WAChB,CACE,IAAAP,EACA,MAAAD,EACA,WAAA+G,EACA,UAAAC,EACA,UAAAC,CACF,EACA,CACE,OAAQzH,CACV,CACF,EAEMuC,EAAOkF,IAAcZ,GAAc,YAAc,KAAO,KAE9D,OACExE,GAAC,OAAI,UAAU,4BACb,UAAA5C,EAAC,QAAK,UAAU,qCAAsC,YAAG8C,CAAI,QAAQ,EACrE9C,EAACzB,GAAK,QAAL,CACC,KAAK,QACL,UACEiJ,IAAQ,EACJ,4BACAA,EAAM,EACN,kCACA,gCAGN,OAEExH,EAAC,QAAM,SAAAwH,IAAQ,EAAI,GAAKA,EAAM,EAAI,IAAM,IAAI,EAE9C,OACExH,EAAC,QAAK,UAAU,qCAAqC,gBAErD,EAEF,YAAG,KAAK,IAAIwH,CAAG,CAAC,GAAG,GACvB,CAEJ,EZ3BQ,OACE,OAAAxH,EADF,QAAA4C,OAAA,oBAjKD,IAAMqF,GAAkBC,IAG3B,IAAM,CACJ,OAAQA,EAAO,CACb,UACE,MAAO,CACLC,EAAW,CAAE,MAAO,IAAK,SAAU,EAAK,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CACd,MAAO,IACP,YAAa,GACb,UAAW,mBACb,CAAC,EACDtH,EAAM,CAAE,MAAO,IAAK,MAAO,cAAe,YAAa,EAAK,CAAC,EAC7DuH,GAAQ,CAAE,MAAO,GAAI,CAAC,EACtBC,GAAiB,CAAE,MAAO,GAAI,CAAC,EAC/BC,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBC,GAAI,CAAE,MAAO,GAAI,CAAC,EAClBC,GAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,GAAU,CAAE,MAAO,GAAI,CAAC,CAC1B,EACF,cACE,MAAO,CACLV,EAAW,CAAE,MAAO,IAAK,SAAU,EAAK,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CAAE,MAAO,IAAK,UAAW,UAAW,CAAC,EACrDtH,EAAM,CAAE,MAAO,IAAK,UAAW,UAAW,CAAC,EAC3C+H,GAAa,CAAE,MAAO,IAAK,UAAW,UAAW,CAAC,EAClDN,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBG,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,EACrBG,GAAU,CAAE,MAAO,GAAI,CAAC,EACxBF,GAAU,CAAE,MAAO,GAAI,CAAC,CAC1B,EACF,YACE,MAAO,CACLV,EAAW,CAAE,MAAO,IAAK,SAAU,EAAK,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnB7D,GAAS,CAAE,MAAO,GAAI,CAAC,EACvBgE,GAAiB,CAAE,MAAO,GAAI,CAAC,EAC/BxH,EAAM,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EACvCiI,GAAS,CAAE,MAAO,GAAI,CAAC,EACvBL,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBI,GAAU,CAAE,MAAO,GAAI,CAAC,EACxBE,GAAW,CAAE,MAAO,GAAI,CAAC,CAC3B,EACF,aACE,MAAO,CACLd,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBrF,GAAK,CAAE,MAAO,GAAI,CAAC,EACnBsF,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CACd,MAAO,IACP,YAAa,GACb,UAAW,mBACb,CAAC,EACDtH,EAAM,CAAE,MAAO,IAAK,MAAO,cAAe,YAAa,EAAK,CAAC,EAC7DmI,GAAS,CAAE,MAAO,GAAI,CAAC,EACvBJ,GAAa,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EAC9CN,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBC,GAAI,CAAE,MAAO,GAAI,CAAC,EAClBC,GAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,EACrBG,GAAU,CAAE,MAAO,GAAI,CAAC,CAC1B,EACF,gBACE,MAAO,CACLZ,EAAW,CAAE,SAAU,GAAM,MAAO,GAAI,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CACd,MAAO,IACP,YAAa,GACb,UAAW,mBACb,CAAC,EACDtH,EAAM,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EACvCuH,GAAQ,CAAE,MAAO,GAAI,CAAC,EACtBQ,GAAa,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EAC9CN,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBC,GAAI,CAAE,MAAO,GAAI,CAAC,EAClBC,GAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,CACvB,EACF,eACE,MAAO,CACLT,EAAW,CAAE,SAAU,GAAM,MAAO,GAAI,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CACd,MAAO,IACP,YAAa,GACb,UAAW,mBACb,CAAC,EACDtH,EAAM,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EACvCuH,GAAQ,CAAE,MAAO,GAAI,CAAC,EACtBQ,GAAa,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EAC9CN,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBC,GAAI,CAAE,MAAO,GAAI,CAAC,EAClBC,GAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,EACrBG,GAAU,CAAE,MAAO,GAAI,CAAC,CAC1B,EACF,mBACE,MAAO,CACLZ,EAAW,CAAE,SAAU,GAAM,MAAO,GAAI,CAAC,EACzCC,EAAK,CAAE,MAAO,GAAI,CAAC,EACnBC,EAAgB,CACd,MAAO,IACP,YAAa,GACb,UAAW,mBACb,CAAC,EACDtH,EAAM,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EACvCuH,GAAQ,CAAE,MAAO,GAAI,CAAC,EACtBQ,GAAa,CAAE,MAAO,IAAK,YAAa,EAAK,CAAC,EAC9CN,EAAS,CAAE,MAAO,GAAI,CAAC,EACvBC,GAAI,CAAE,MAAO,GAAI,CAAC,EAClBC,GAAO,CAAE,MAAO,GAAI,CAAC,EACrBC,EAAW,CAAE,MAAO,GAAI,CAAC,EACzBC,EAAO,CAAE,MAAO,GAAI,CAAC,EACrBG,GAAU,CAAE,MAAO,GAAI,CAAC,EACxBF,GAAU,CAAE,MAAO,GAAI,CAAC,CAC1B,CACJ,CACF,GAIa,EAGjB,SAASV,EAAWgB,EAIE,CACpB,MAAO,CACL,MAAO,aACP,UAAW,SACX,UAAW,eACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WACZ,CAACC,EAAIC,EAAIC,IACHA,IAAc,MACTF,EAAG,OAAO,cAAcC,EAAG,MAAM,EAEnCA,EAAG,OAAO,cAAcD,EAAG,MAAM,EAE1C,OACJ,OAAQ,CAACpG,EAAenE,IAAW,CACjC,IAAM0K,EACJ,OAAO1K,EAAO,MAAS,SACnBA,EAAO,KAAK,QAAQ,SAAU,EAAE,EAAE,YAAY,EAC9CA,EAAO,KAEP2K,EAAWtK,EAASL,CAAM,EAEhC,OACE+D,GAAC/E,GAAA,CAAK,UAAU,SAAS,UAAW,QAClC,UAAAmC,EAACzB,EAAK,UAAL,CACC,KAAM,SACN,KAAK,KACL,UAAU,eACV,QAAU8F,GAAM,CAEdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,CACnB,EAEC,SAAArB,EACH,EACCmG,GAAQ,UACPnJ,EAACnC,GAAA,CAAK,UAAW,MAAO,IAAK,EAC1B,SAAAe,GAAeC,CAAM,GAAG,IAAKwF,GAC5BrE,EAACb,GAAA,CACC,MACEkF,EAAE,kBAAkB,IAAM,WACtBmF,EACE,WACA,UACF,WAEN,KAAK,KAEJ,SAAAnF,EACH,CACD,EACH,GAEJ,CAEJ,CACF,CACF,CAEA,SAAS+D,EAAKe,EAIQ,CACpB,MAAO,CACL,MAAO,OACP,UAAW,OACX,MAAOA,GAAQ,MACf,UAAW,eACX,OAAQA,GAAQ,WACZ,CAACC,EAAIC,EAAIC,IACHA,IAAc,MACTD,EAAG,KAAK,cAAcD,EAAG,IAAI,EAE/BA,EAAG,KAAK,cAAcC,EAAG,IAAI,EAEtC,OACJ,OAAQ,CAACrG,EAAenE,IAAW,CACjC,IAAM4K,EAAUvK,EAASL,CAAM,EAC3B,4BACAmE,IAAU9E,GAAU,IACpB,wBACA,sBACJ,OACE8B,EAAC,QAAK,UAAW1B,GAAG,oBAAqBmL,CAAO,EAC7C,SAAA/K,GAAqBsE,CAAK,EAC7B,CAEJ,CACF,CACF,CAEA,SAASF,GAAKqG,EAIQ,CACpB,MAAO,CACL,MAAO,OACP,UAAW,OACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,UAAW,CAACnG,EAAenE,IAAgB,CACzC,IAAMiE,EACJ,OAAOjE,EAAO,MAAS,SACnBA,EAAO,KAAK,QAAQ,SAAU,EAAE,EAAE,YAAY,EAC9CA,EAAO,KACb,OAAIA,EAAO,cACF,QAAQiE,CAAI,GAEdpE,GAAqBsE,CAAK,CACnC,CACF,CACF,CAEA,SAASqF,EAAgBc,EAKH,CACpB,MAAO,CACL,MAAO,oBACP,UAAW,gBACX,UAAWA,GAAQ,UACnB,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IACfmB,EAACsE,GAAA,CAAc,MAAOzF,EAAQ,YAAasK,GAAQ,YAAa,CAG3E,CACF,CAEA,SAAS5E,GAAS4E,EAII,CACpB,MAAO,CACL,MAAO,WACP,UAAWA,GAAQ,UACnB,UAAW,WACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IAClBA,EAAO,YAAcZ,GAAkB,iBAClC,kBAEF+B,EAACsE,GAAA,CAAc,MAAOzF,EAAQ,CAGzC,CACF,CAEA,SAASkC,EAAMoI,EAMO,CACpB,MAAO,CACL,MAAOA,GAAQ,OAAS,QACxB,UAAW,QACX,UAAWA,GAAQ,UACnB,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IACfmB,EAACiG,GAAA,CAAM,MAAOpH,EAAQ,YAAasK,GAAQ,YAAa,CAEnE,CACF,CAEA,SAASD,GAASC,EAKI,CACpB,MAAO,CACL,MAAO,aACP,UAAW,yBACX,UAAWA,GAAQ,UACnB,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IACfmB,EAACzB,EAAA,CAAM,SAAAC,GAAgBwE,CAAK,EAAE,CAEzC,CACF,CAEA,SAAS8F,GAAaK,EAKA,CACpB,MAAO,CACL,MAAO,UACP,UAAWA,GAAQ,UACnB,UAAW,gBACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IACtBmB,EAACwG,GAAA,CAAa,MAAO3H,EAAQ,YAAasK,GAAQ,YAAa,CAEnE,CACF,CAEA,SAASZ,GAAiBY,EAIJ,CACpB,MAAO,CACL,MAAO,UACP,UAAWA,GAAQ,UACnB,UAAW,gBACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,OAAQ,CAACnG,EAAenE,IAAgBmB,EAACqH,GAAA,EAAkB,CAC7D,CACF,CAEA,SAASmB,EAASW,EAII,CACpB,MAAO,CACL,MAAO,aACP,UAAW,WACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,OAAQ,CAACnG,EAAenE,IAEpBA,EAAO,OAASV,GAAU,gBAC1BU,EAAO,SAAWjB,GAAY,OAEvB,kBAIPoC,EAACzB,EAAK,QAAL,CAAa,GAAIE,GAAQ,WACvB,SAAAI,EAAO,0BAA4B,GACpC,OAAO,MAAMA,EAAO,sBAAsB,GAC1CA,EAAO,yBAA2B,KAC9B,KACA,GACEA,EAAO,wBAA0BA,EAAO,sBAC1C,GACN,CAGN,CACF,CAEA,SAAS8J,EAAWQ,EAIE,CACpB,MAAO,CACL,MAAO,cACP,UAAW,cACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,OAASnG,GACAhD,EAACzB,EAAA,CAAM,SAAAyE,EAAQ,MAAQ,KAAK,CAEvC,CACF,CAEA,SAAS4F,EAAOO,EAIM,CACpB,MAAO,CACL,MAAO,SACP,UAAW,UACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,OAAQ,CAACnG,EAAenE,IACfmB,EAACzB,EAAA,CAAM,SAAAM,EAAO,mBAAqB,EAAI,KAAO,MAAM,CAE/D,CACF,CAEA,SAASkK,GAAUI,EAKG,CACpB,MAAO,CACL,MAAO,aACP,UAAW,eACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,UAAWA,GAAQ,UACnB,OAASnG,GACPhD,EAACzB,EAAK,UAAL,CACC,KAAM,OACN,aAAc4K,GAAQ,cAAgB,sBACtC,UAAU,2DAET,SAAAnG,EACH,CAEJ,CACF,CAEA,SAASyF,GAAIU,EAIS,CACpB,MAAO,CACL,MAAO,MACP,UAAW,YACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,UAAWA,GAAQ,SACrB,CACF,CAEA,SAASH,GAASG,EAII,CACpB,MAAO,CACL,MAAO,WACP,UAAW,WACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,UAAWA,GAAQ,UACnB,OAASnG,GACPhD,EAACzB,EAAA,CAAK,UAAU,2DACb,SAAAyE,EACH,CAEJ,CACF,CAEA,SAAS0F,GAAOS,EAIM,CACpB,MAAO,CACL,MAAO,SACP,UAAW,SACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,UAAWA,GAAQ,UACnB,OAAQ,CAACnG,EAAenE,IACtBmB,EAACzB,EAAA,CAAK,UAAU,2DACb,SAAAF,IACEQ,GAAQ,aAAeA,EAAO,SAAS,kBAAkB,CAC5D,EACF,CAEJ,CACF,CAEA,SAASyJ,GAAQa,EAIK,CACpB,MAAO,CACL,MAAO,YACP,UAAW,qBACX,MAAOA,GAAQ,MACf,OAAQA,GAAQ,WAChB,UAAWA,GAAQ,UACnB,OAASnG,GACPhD,EAACzB,EAAK,QAAL,CAAa,UAAU,2DACrB,SAAAyE,EACH,CAEJ,CACF,CAEA,SAAS6F,GAAUM,EAGG,CACpB,MAAO,CACL,MAAO,GACP,UAAW,GACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,MAAO,QACP,MAAO,QACP,OAAQ,CAACO,EAAW7K,IACdA,EAAO,SAAWjB,GAAY,UACzBoC,EAAC8G,GAAA,CAAM,OAAQjI,EAAQ,EAI9BA,EAAO,SAAWjB,GAAY,KAC9BiB,EAAO,cAAgBjB,GAAY,IAE5BoC,EAACyG,GAAA,CAAa,MAAO5H,EAAQ,EAG/B,IAEX,CACF,CAEA,SAASoK,GAAWE,EAGE,CACpB,MAAO,CACL,MAAO,GACP,UAAW,GACX,MAAOA,GAAQ,MACf,UAAWA,GAAQ,UACnB,MAAO,QACP,MAAO,QACP,OAAQ,CAACO,EAAW7K,IAEhB+D,GAAC/E,GAAA,CAAK,IAAK,EACT,UAAAmC,EAAC5B,GAAA,CAAO,KAAK,KAAK,QAAS,WAAY,MAAO,YAAa,gBAE3D,EACA4B,EAACyG,GAAA,CAAa,MAAO5H,EAAQ,GAC/B,CAGN,CACF,CDzkBQ,OAqBQ,OAAAmB,EArBR,QAAA4C,OAAA,oBAZD,IAAM+G,GAAqCnM,GAAU,CAC1D,IAAMoM,EAAU3B,GAAezK,EAAM,IAAI,EACzC,OACEwC,EAACE,GAAA,CACC,YAAa1C,EAAM,YACnB,UAAWA,EAAM,YACjB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,gBAGrB,SAAAwC,EAACnC,GAAA,CAAK,UAAW,SAAU,MAAO,OAAQ,UAAW,QAEnD,SAAA+E,GAAC5E,GAAA,CACC,QAAS4L,EACT,QAASpM,EAAM,UACf,WAAYA,EAAM,WAClB,mBAAoB,GACpB,WAAY,CACV,KAAM,iBACR,EACA,MAAO,CAACqB,EAAQgL,KACP,CACL,UAAW3K,EAASL,CAAM,EAAI,4BAA8B,EAC9D,GAEF,gBAAiB,CAACA,EAAQgL,IACxB,GAAGrM,EAAM,IAAI,GAAGqM,CAAK,GACnBhL,EAAO,UAAYA,EAAO,aAC5B,SAASgL,CAAK,GAEhB,mBAAoB,CAAChL,EAAagL,EAAOjC,KACnCpK,EAAM,iBACRoK,EACE5H,EAAC0B,GAAA,CAAqB,MAAO7C,EAC1B,SAAA+I,EACH,GAKF5H,EAACyC,GAAA,CAAe,OAAQ5D,EAAO,OAAS,SAAA+I,EAAS,GAIpD,UAAApK,EAAM,YAAY,OAAS,GAC1BwC,EAACjC,GAAA,CACC,MAAOP,EAAM,YACb,SAAWwF,GAAe,CACxBxF,EAAM,SAASwF,CAAK,CACtB,EACF,EAGFhD,EAAClC,GAAA,CACE,GAAGN,EAAM,KACV,aAAcA,EAAM,QACpB,iBAAkBA,EAAM,YAC1B,GACF,EACF,EACF,CAEJ,EczEA,OAAS,WAAA0D,GAAS,YAAA1B,OAAgB,QAClC,OACE,qBAAAvB,GACA,eAAAL,OAEK,yBACP,OAAS,kBAAAkM,OAAsB,yBAE/B,OAA0B,iBAAAC,OAAqB,sBAC/C,OAAS,oBAAAC,GAAkB,YAAAC,OAAgB,WAEpC,IAAMC,GAAsB1M,GAG7B,CACJ,GAAM,CAAE,aAAA2M,EAAc,KAAArH,CAAK,EAAItF,EAEzB,CAAE,KAAA4M,EAAM,SAAAC,EAAU,QAAAC,EAAS,YAAAC,EAAa,UAAAC,CAAU,EAAIT,GAAc,EACpE,CAAE,YAAAU,EAAa,WAAAC,EAAY,UAAAC,EAAW,YAAAC,EAAa,SAAAC,CAAS,EAChEC,GAAUhI,EAAM,CACd,aAAAqH,EACA,QAAAG,CACF,CAAC,EAEGS,EAAW7J,GAAQ,IAAM,CAC7B,GAAI4B,YACF,MAAO,CAAC7E,GAAkB,iBAAkBA,GAAkB,KAAK,CAGvE,EAAG,CAAC6E,CAAI,CAAC,EAEHkI,EAAW9J,GAAQ,IAAM,CAC7B,GAAI4B,cACF,MAAO,CAAC7E,GAAkB,iBAAkBA,GAAkB,KAAK,CAGvE,EAAG,CAAC6E,CAAI,CAAC,EAGH,CACJwD,EACA,CACE,UAAAI,EACA,SAAAuE,EACA,YAAA9K,EACA,YAAA+K,EACA,gBAAA7K,EACA,gBAAA8K,EACA,KAAAC,CACF,CACF,EAAItB,GAAe,CACjB,OAAQW,EACR,KAAMC,EACN,KAAMN,EACN,KAAMC,EACN,UAAAM,EACA,SAAAI,EACA,SAAAC,CACF,CAAC,EAED,MAAO,CACL,KAAAlI,EACA,WAAYwD,EACZ,UAAAI,EACA,SAAAuE,EACA,YAAA9K,EACA,YAAA+K,EACA,gBAAA7K,EACA,gBAAA8K,EAGA,KAAAf,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,KAAMC,EAAUY,CAAI,EAGpB,SAAAP,EACA,YAAAD,CACF,CACF,EAEME,GAAY,CAChBhI,EACAqG,IAIG,CACH,GAAM,CAACsB,EAAaY,CAAc,EAAI7L,GACpC2J,EAAO,YACT,EACM,CAACuB,EAAYY,CAAa,EAAI9L,GAClC,MACF,EACM,CAACmL,EAAWY,CAAY,EAAI/L,GAG/B,EAEGqL,EAAYW,GAAyC,CACrDA,EAAO,OAAS,SAClBF,EAAcE,EAAO,KAAK,EAC1BrC,EAAO,QAAQ,CAAC,GAGdqC,EAAO,OAAS,WAClBH,EAAeG,EAAO,KAAK,EAC3BrC,EAAO,QAAQ,CAAC,GAGdqC,EAAO,OAAS,cAClBD,EAAaC,EAAO,KAAK,EACzBrC,EAAO,QAAQ,CAAC,EAEpB,EAsEA,MAAO,CACL,YArEkBjI,GAAQ,IAAa,CACvC,IAAMuK,EAAa,CACjB,KAAM,SACN,KAAM,OACN,QAAS,CACP,CACE,MAAO,YACP,MAAO,MACT,EACA,CACE,MAAO,MACP,MAAO,KACT,EACA,CACE,MAAO,OACP,MAAO,MACT,CACF,EACA,MAAOf,CACT,EAEMgB,EAAkB,CACtB,KAAM,QACN,KAAM,YACN,MAAOf,CACT,EAEMgB,EAAe,CACnB,KAAM,SACN,KAAM,SACN,QAAS,CACP,CACE,MAAO,aACP,MAAO,MACT,EACA,CACE,MAAO,UACP,MAAO/N,GAAY,UACrB,EACA,CACE,MAAO,WACP,MAAOA,GAAY,SACrB,EACA,CACE,MAAO,WACP,MAAOA,GAAY,QACrB,CACF,EACA,MAAO6M,CACT,EACA,OAAQ3H,EAAM,CACZ,UACE,MAAO,CAAC2I,EAAYE,EAAcD,CAAe,EACnD,cACE,MAAO,CAACD,CAAU,EACpB,YACE,MAAO,CAACA,CAAU,EACpB,aACE,MAAO,CAACA,CAAU,EACpB,gBACE,MAAO,CAACA,CAAU,EACpB,eACE,MAAO,CAACA,CAAU,EACpB,mBACE,MAAO,CAACA,CAAU,CACtB,CACF,EAAG,CAAC3I,EAAM4H,EAAYD,EAAaE,CAAS,CAAC,EAI3C,SAAAE,EACA,WAAAH,EACA,UAAAC,EACA,YAAAF,CACF,CACF,ECtLQ,cAAAzK,OAAA,oBAND,IAAM4L,EAAmBpO,GAG1B,CACF,IAAMuE,EAAQmI,GAAmB1M,CAAK,EACtC,OACIwC,GAAC2J,GAAA,CAAW,GAAG5H,EAAM,CAE7B,EhBJI,OAEI,OAAA/B,EAFJ,QAAA4C,OAAA,oBAFG,IAAMiJ,GAAUrO,GAEnBoF,GAACjF,GAAA,CAAK,aAAcH,EAAM,eAAwB,QAAQ,YACxD,UAAAwC,EAACtC,EAAA,CAAS,YAAoB,MAAM,MAClC,SAAAsC,EAAC4L,EAAA,CACC,WACF,EACF,EACA5L,EAACtC,EAAA,CAAS,gBAAwB,MAAM,UACtC,SAAAsC,EAAC4L,EAAA,CACC,eACA,aAAchO,GAAY,WAC5B,EACF,EACAoC,EAACtC,EAAA,CAAS,cAAsB,MAAM,QACpC,SAAAsC,EAAC4L,EAAA,CACC,aACA,aAAchO,GAAY,WAC5B,EACF,EACAoC,EAACtC,EAAA,CAAS,eAAuB,MAAM,SACrC,SAAAsC,EAAC4L,EAAA,CACC,cACA,aAAchO,GAAY,OAC5B,EACF,EACAoC,EAACtC,EAAA,CAAS,kBAA0B,MAAM,YACxC,SAAAsC,EAAC4L,EAAA,CACC,iBACA,aAAchO,GAAY,UAC5B,EACF,EACAoC,EAACtC,EAAA,CAAS,iBAAyB,MAAM,WACvC,SAAAsC,EAAC4L,EAAA,CACC,gBACA,aAAchO,GAAY,SAC5B,EACF,EACAoC,EAACtC,EAAA,CAAS,qBAA6B,MAAM,gBAC3C,SAAAsC,EAAC4L,EAAA,CACC,oBACF,EACF,GACF,EiB/BK,cAAA5L,OAAA,oBAfF,IAAK8L,OACVA,EAAA,IAAM,MACNA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,SAAW,WACXA,EAAA,aAAe,eAPLA,OAAA,IAUCC,GAEPvO,GAAU,CACd,IAAMuE,EAAQxE,GAAgBC,CAAK,EAEnC,OAAOwC,GAAC6L,GAAA,CAAQ,GAAG9J,EAAO,CAC5B","sourcesContent":["import { useState } from \"react\";\nimport {\n  AlgoOrderRootType,\n  OrderStatus,\n  OrderSide,\n} from \"@orderly.network/types\";\nimport { useOrderStream } from \"@orderly.network/hooks\";\nimport { TabType } from \"./orders.widget\";\n\nexport const useOrdersScript = (props: { current?: TabType }) => {\n  const { current } = props;\n  return {\n    current,\n  };\n};\n\nexport type OrdersBuilderState = ReturnType<typeof useOrdersScript>;\n","import { DataTable, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { useOrderColumn } from \"./orderList/useColumn\";\nimport { OrderStatus, API } from \"@orderly.network/types\";\nimport { OrdersBuilderState } from \"./orders.script\";\nimport { TabType } from \"./orders.widget\";\nimport { OrderList, OrderListWidget } from \"./orderList\";\n\nexport const Orders = (props: OrdersBuilderState) => {\n  return (\n    <Tabs defaultValue={props.current || TabType.all} variant=\"contained\">\n      <TabPanel value={TabType.all} title=\"All\">\n        <OrderListWidget\n          type={TabType.all}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.pending} title=\"Pending\">\n        <OrderListWidget\n          type={TabType.pending}\n          ordersStatus={OrderStatus.INCOMPLETE}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.tp_sl} title=\"TP/SL\">\n        <OrderListWidget\n          type={TabType.tp_sl}\n          ordersStatus={OrderStatus.INCOMPLETE}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.filled} title=\"Filled\">\n        <OrderListWidget\n          type={TabType.filled}\n          ordersStatus={OrderStatus.FILLED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.cancelled} title=\"Cancelled\">\n        <OrderListWidget\n          type={TabType.cancelled}\n          ordersStatus={OrderStatus.CANCELLED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.rejected} title=\"Rejected\">\n        <OrderListWidget\n          type={TabType.rejected}\n          ordersStatus={OrderStatus.REJECTED}\n        />\n      </TabPanel>\n      <TabPanel value={TabType.orderHistory} title=\"Order history\">\n        <OrderListWidget\n          type={TabType.orderHistory}\n        />\n      </TabPanel>\n    </Tabs>\n  );\n};\n// ----------------- Orders ui component end -----------------\n","import { FC } from \"react\";\nimport { Divider, Flex, Text, Pagination, Filter } from \"@orderly.network/ui\";\nimport { OrdersBuilderState } from \"./orderList.script\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useOrderColumn } from \"./useColumn\";\nimport { grayCell } from \"../../utils/util\";\nimport { SymbolProvider } from \"./symbolProvider\";\nimport { OrderListProvider } from \"./orderListContext\";\nimport { TabType } from \"../orders.widget\";\nimport { TPSLOrderRowProvider } from \"./tpslOrderRowContext\";\n\nexport const OrderList: FC<OrdersBuilderState> = (props) => {\n  const columns = useOrderColumn(props.type);\n  return (\n    <OrderListProvider\n      cancelOrder={props.cancelOrder}\n      editOrder={props.updateOrder}\n      cancelAlgoOrder={props.cancelAlgoOrder}\n      editAlgoOrder={props.updateAlgoOrder}\n      // cancelTPSLOrder={props.cancelTPSLOrder}\n    >\n      <Flex direction={\"column\"} width={\"100%\"} itemAlign={\"start\"}>\n        {/* <Divider className=\"oui-w-full\" /> */}\n        <AuthGuardDataTable\n          columns={columns}\n          loading={props.isLoading}\n          dataSource={props.dataSource}\n          ignoreLoadingCheck={true}\n          classNames={{\n            root: \"oui-items-start\",\n          }}\n          onRow={(record, index) => {\n            return {\n              className: grayCell(record) ? \"oui-text-base-contrast-20\" : \"\",\n            };\n          }}\n          generatedRowKey={(record, index) =>\n            `${props.type}${index}${\n              record.order_id || record.algo_order_id\n            }_index${index}`\n          }\n          renderRowContainer={(record: any, index, children) => {\n            if (props.type === TabType.tp_sl) {\n              children = (\n                <TPSLOrderRowProvider order={record}>\n                  {children}\n                </TPSLOrderRowProvider>\n              );\n            }\n\n            return (\n              <SymbolProvider symbol={record.symbol}>{children}</SymbolProvider>\n            );\n          }}\n        >\n          {props.filterItems.length > 0 && (\n            <Filter\n              items={props.filterItems}\n              onFilter={(value: any) => {\n                props.onFilter(value);\n              }}\n            />\n          )}\n\n          <Pagination\n            {...props.meta}\n            onPageChange={props.setPage}\n            onPageSizeChange={props.setPageSize}\n          />\n        </AuthGuardDataTable>\n      </Flex>\n    </OrderListProvider>\n  );\n};\n","import {\n  AlgoOrderRootType,\n  API,\n  OrderSide,\n  OrderStatus,\n  OrderType,\n} from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  cn,\n  Column,\n  Flex,\n  Text,\n} from \"@orderly.network/ui\";\nimport { commifyOptional, Decimal } from \"@orderly.network/utils\";\nimport { useMemo } from \"react\";\nimport {\n  grayCell,\n  parseBadgesFor,\n  upperCaseFirstLetter,\n} from \"../../utils/util\";\nimport { TabType } from \"../orders.widget\";\nimport { Badge } from \"@orderly.network/ui\";\nimport { OrderQuantity } from \"./quantity\";\nimport { Price } from \"./price\";\nimport { TriggerPrice } from \"./triggerPrice\";\nimport { CancelButton } from \"./cancelBtn\";\nimport { Renew } from \"./renew\";\nimport { OrderTriggerPrice } from \"./tpslTriggerPrice\";\n\nexport const useOrderColumn = (_type: TabType) => {\n  const columns =\n    // useMemo(\n    () => {\n      switch (_type) {\n        case TabType.all:\n          return [\n            instrument({ width: 130, showType: true }),\n            side({ width: 130 }),\n            fillAndQuantity({\n              width: 130,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 130, title: \"Order price\", disableEdit: true }),\n            avgOpen({ width: 130 }),\n            tpslTriggerPrice({ width: 130 }),\n            estTotal({ width: 130 }),\n            fee({ width: 130 }),\n            status({ width: 130 }),\n            reduceOnly({ width: 130 }),\n            hidden({ width: 130 }),\n            cancelBtn({ width: 130 }),\n          ];\n        case TabType.pending:\n          return [\n            instrument({ width: 162, showType: true }),\n            side({ width: 162 }),\n            fillAndQuantity({ width: 162, className: \"oui-pr-0\" }),\n            price({ width: 162, className: \"oui-pr-0\" }),\n            triggerPrice({ width: 162, className: \"oui-pr-0\" }),\n            estTotal({ width: 162 }),\n            reduceOnly({ width: 162 }),\n            hidden({ width: 162 }),\n            orderTime({ width: 162 }),\n            cancelBtn({ width: 162 }),\n          ];\n        case TabType.tp_sl:\n          return [\n            instrument({ width: 176, showType: true }),\n            side({ width: 176 }),\n            quantity({ width: 176 }),\n            tpslTriggerPrice({ width: 176 }),\n            price({ width: 176, disableEdit: true }),\n            notional({ width: 176 }),\n            reduceOnly({ width: 176 }),\n            orderTime({ width: 176 }),\n            tpslAction({ width: 176 }),\n          ];\n        case TabType.filled:\n          return [\n            instrument({ width: 124 }),\n            type({ width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, title: \"Order price\", disableEdit: true }),\n            avgPrice({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n          ];\n        case TabType.cancelled:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n          ];\n        case TabType.rejected:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n          ];\n        case TabType.orderHistory:\n          return [\n            instrument({ showType: true, width: 124 }),\n            side({ width: 124 }),\n            fillAndQuantity({\n              width: 124,\n              disableEdit: true,\n              className: \"oui-pl-0 oui-pr-0\",\n            }),\n            price({ width: 124, disableEdit: true }),\n            avgOpen({ width: 124 }),\n            triggerPrice({ width: 124, disableEdit: true }),\n            estTotal({ width: 124 }),\n            fee({ width: 124 }),\n            status({ width: 124 }),\n            reduceOnly({ width: 124 }),\n            hidden({ width: 124 }),\n            orderTime({ width: 124 }),\n            cancelBtn({ width: 124 }),\n          ];\n      }\n    };\n\n  // }, [_type]);\n\n  return columns();\n};\n\nfunction instrument(option?: {\n  showType?: boolean;\n  enableSort?: boolean;\n  width?: number;\n}): Column<API.Order> {\n  return {\n    title: \"Instrument\",\n    dataIndex: \"symbol\",\n    className: \"oui-h-[48px]\",\n    width: option?.width,\n    onSort: option?.enableSort\n      ? (r1, r2, sortOrder) => {\n          if (sortOrder === \"asc\") {\n            return r1.symbol.localeCompare(r2.symbol);\n          }\n          return r2.symbol.localeCompare(r1.symbol);\n        }\n      : undefined,\n    render: (value: string, record) => {\n      const badge =\n        typeof record.type === \"string\"\n          ? record.type.replace(\"_ORDER\", \"\").toLowerCase()\n          : record.type;\n\n      const showGray = grayCell(record);\n\n      return (\n        <Flex direction=\"column\" itemAlign={\"start\"}>\n          <Text.formatted\n            rule={\"symbol\"}\n            size=\"xs\"\n            className=\" oui-text-xs\"\n            onClick={(e) => {\n              // props.onSymbolChange?.({ symbol: value } as API.Symbol);\n              e.stopPropagation();\n              e.preventDefault();\n            }}\n          >\n            {value}\n          </Text.formatted>\n          {option?.showType && (\n            <Flex direction={\"row\"} gap={1}>\n              {parseBadgesFor(record)?.map((e) => (\n                <Badge\n                  color={\n                    e.toLocaleLowerCase() === \"position\"\n                      ? showGray\n                        ? \"neutural\"\n                        : \"primary\"\n                      : \"neutural\"\n                  }\n                  size=\"xs\"\n                >\n                  {e}\n                </Badge>\n              ))}\n            </Flex>\n          )}\n        </Flex>\n      );\n    },\n  };\n}\n\nfunction side(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Side\",\n    dataIndex: \"side\",\n    width: option?.width,\n    className: \"oui-h-[48px]\",\n    onSort: option?.enableSort\n      ? (r1, r2, sortOrder) => {\n          if (sortOrder === \"asc\") {\n            return r2.side.localeCompare(r1.side);\n          }\n          return r1.side.localeCompare(r2.side);\n        }\n      : undefined,\n    render: (value: string, record) => {\n      const clsName = grayCell(record)\n        ? \"oui-text-base-contrast-20\"\n        : value === OrderSide.BUY\n        ? \"oui-text-trade-profit\"\n        : \"oui-text-trade-loss\";\n      return (\n        <span className={cn(\"oui-font-semibold\", clsName)}>\n          {upperCaseFirstLetter(value)}\n        </span>\n      );\n    },\n  };\n}\n\nfunction type(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Type\",\n    dataIndex: \"type\",\n    width: option?.width,\n    className: option?.className,\n    formatter: (value: string, record: any) => {\n      const type =\n        typeof record.type === \"string\"\n          ? record.type.replace(\"_ORDER\", \"\").toLowerCase()\n          : record.type;\n      if (record.algo_order_id) {\n        return `Stop ${type}`;\n      }\n      return upperCaseFirstLetter(value);\n    },\n  };\n}\n\nfunction fillAndQuantity(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Filled / Quantity\",\n    dataIndex: \"fill_quantity\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <OrderQuantity order={record} disableEdit={option?.disableEdit} />;\n      // return value;\n    },\n  };\n}\n\nfunction quantity(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Quantity\",\n    className: option?.className,\n    dataIndex: \"quantity\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      if (record.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL) {\n        return \"Entire position\";\n      }\n      return <OrderQuantity order={record} />;\n      // return value;\n    },\n  };\n}\n\nfunction price(option?: {\n  title?: string;\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: option?.title ?? \"Price\",\n    dataIndex: \"price\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <Price order={record} disableEdit={option?.disableEdit} />;\n    },\n  };\n}\n\nfunction avgPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Avg. price\",\n    dataIndex: \"average_executed_price\",\n    className: option?.className,\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => {\n      return <Text>{commifyOptional(value)}</Text>;\n    },\n  };\n}\n\nfunction triggerPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  disableEdit?: boolean;\n}): Column<API.Order> {\n  return {\n    title: \"Trigger\",\n    className: option?.className,\n    dataIndex: \"trigger_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => (\n      <TriggerPrice order={record} disableEdit={option?.disableEdit} />\n    ),\n  };\n}\n\nfunction tpslTriggerPrice(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Trigger\",\n    className: option?.className,\n    dataIndex: \"trigger_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    render: (value: string, record: any) => <OrderTriggerPrice />,\n  };\n}\n\nfunction estTotal(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Est. total\",\n    dataIndex: \"executed\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: string, record: any) => {\n      if (\n        record.type === OrderType.CLOSE_POSITION &&\n        record.status !== OrderStatus.FILLED\n      ) {\n        return \"Entire position\";\n      }\n\n      return (\n        <Text.numeral rm={Decimal.ROUND_DOWN}>\n          {record.total_executed_quantity === 0 ||\n          Number.isNaN(record.average_executed_price) ||\n          record.average_executed_price === null\n            ? \"--\"\n            : `${\n                record.total_executed_quantity * record.average_executed_price\n              }`}\n        </Text.numeral>\n      );\n    },\n  };\n}\n\nfunction reduceOnly(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Reduce only\",\n    dataIndex: \"reduce_only\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: boolean) => {\n      return <Text>{value ? \"Yes\" : \"No\"}</Text>;\n    },\n  };\n}\n\nfunction hidden(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Hidden\",\n    dataIndex: \"visible\",\n    width: option?.width,\n    className: option?.className,\n    render: (value: number, record) => {\n      return <Text>{record.visible_quantity !== 0 ? \"No\" : \"Yes\"}</Text>;\n    },\n  };\n}\n\nfunction orderTime(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n  formatString?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Order time\",\n    dataIndex: \"created_time\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text.formatted\n        rule={\"date\"}\n        formatString={option?.formatString || \"yyyy-MM-dd HH:mm:ss\"}\n        className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\"\n      >\n        {value}\n      </Text.formatted>\n    ),\n  };\n}\n\nfunction fee(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Fee\",\n    dataIndex: \"total_fee\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n  };\n}\n\nfunction notional(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Notional\",\n    dataIndex: \"notional\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {value}\n      </Text>\n    ),\n  };\n}\n\nfunction status(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Status\",\n    dataIndex: \"status\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string, record: any) => (\n      <Text className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {capitalizeFirstLetter(\n          (record?.algo_status || record.status)?.toLocaleLowerCase()\n        )}\n      </Text>\n    ),\n  };\n}\n\nfunction avgOpen(option?: {\n  enableSort?: boolean;\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"Avg. open\",\n    dataIndex: \"average_open_price\",\n    width: option?.width,\n    onSort: option?.enableSort,\n    className: option?.className,\n    render: (value: string) => (\n      <Text.numeral className=\"oui-break-normal oui-whitespace-nowrap oui-font-semibold\">\n        {value}\n      </Text.numeral>\n    ),\n  };\n}\n\nfunction cancelBtn(option?: {\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"\",\n    dataIndex: \"\",\n    width: option?.width,\n    className: option?.className,\n    align: \"right\",\n    fixed: \"right\",\n    render: (_: string, record: any) => {\n      if (record.status === OrderStatus.CANCELLED) {\n        return <Renew record={record} />;\n      }\n\n      if (\n        record.status === OrderStatus.NEW ||\n        record.algo_status === OrderStatus.NEW\n      ) {\n        return <CancelButton order={record} />;\n      }\n\n      return null;\n    },\n  };\n}\n\nfunction tpslAction(option?: {\n  width?: number;\n  className?: string;\n}): Column<API.Order> {\n  return {\n    title: \"\",\n    dataIndex: \"\",\n    width: option?.width,\n    className: option?.className,\n    align: \"right\",\n    fixed: \"right\",\n    render: (_: string, record: any) => {\n      return (\n        <Flex gap={3}>\n          <Button size=\"sm\" variant={\"outlined\"} color={\"secondary\"}>\n            Edit\n          </Button>\n          <CancelButton order={record} />\n        </Flex>\n      );\n    },\n  };\n}\n","import { API, OrderStatus } from \"@orderly.network/types\";\n\nexport const upperCaseFirstLetter = (str: string) => {\n  if (str === undefined) return str;\n  if (str.length === 0) return str;\n  if (str.length === 1) return str.charAt(0).toUpperCase();\n  return str.charAt(0).toUpperCase() + str.toLowerCase().slice(1);\n};\n\nexport enum AlgoOrderType {\n  TAKE_PROFIT = \"TAKE_PROFIT\",\n  STOP_LOSS = \"STOP_LOSS\",\n}\n\nexport enum AlgoOrderRootType {\n  TP_SL = \"TP_SL\",\n  POSITIONAL_TP_SL = \"POSITIONAL_TP_SL\",\n  STOP = \"STOP\",\n}\n\nexport function parseBadgesFor(record: any): undefined | string[] {\n  if (typeof record.type !== \"undefined\") {\n    return typeof record.type === \"string\"\n      ? [record.type.replace(\"_ORDER\", \"\").toLowerCase() as string]\n      : [record.type as string];\n  }\n\n  if (typeof record.algo_type !== \"undefined\") {\n    const list = new Array<string>();\n\n    if (record.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL) {\n      list.push(\"Position\");\n    }\n\n    const tpOrder = record.child_orders.find(\n      (order: any) =>\n        order.algo_type === AlgoOrderType.TAKE_PROFIT && !!order.trigger_price\n    );\n\n    const slOrder = record.child_orders.find(\n      (order: any) =>\n        order.algo_type === AlgoOrderType.STOP_LOSS && !!order.trigger_price\n    );\n\n    if (tpOrder || slOrder) {\n      list.push(tpOrder && slOrder ? \"TP/SL\" : tpOrder ? \"TP\" : \"SL\");\n    }\n    return list;\n  }\n\n  return undefined;\n}\n\nexport function grayCell(record: any): boolean {\n  return (\n    (record as API.Order).status === OrderStatus.CANCELLED ||\n    (record as API.AlgoOrder).algo_status === OrderStatus.CANCELLED\n  );\n}\n","import {\n  FC,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { API, OrderSide } from \"@orderly.network/types\";\nimport { AlgoOrderRootType } from \"@orderly.network/types\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useTPSLOrderRowContext } from \"./tpslOrderRowContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const OrderQuantity = (props: {\n  order: API.OrderExt | API.AlgoOrder;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [quantity, originSetQuantity] = useState<string>(\n    order.quantity.toString()\n  );\n\n  const [editting, setEditting] = useState(false);\n\n  useEffect(() => {\n    setQuantity(order.quantity.toString());\n  }, [props.order.quantity]);\n\n  const [open, setOpen] = useState(false);\n  const [error, setError] = useState<string>();\n\n  const { editOrder, editAlgoOrder, checkMinNotional } =\n    useContext(OrderListContext);\n  const { onUpdateOrder: onUpdateTPSLOrder, position } =\n    useTPSLOrderRowContext();\n\n  const { base_dp, base } = useSymbolContext();\n\n  const setQuantity = (qty: string) => {\n    originSetQuantity(qty);\n    const positionQty = Math.abs(position?.position_qty || 0);\n    if (position && Number(qty) > positionQty) {\n      setError(\n        `Quantity should be less than position quantity : ${positionQty}`\n      );\n    } else {\n      setError(undefined);\n    }\n  };\n\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setOpen(false);\n    setQuantity(order.quantity.toString());\n    setEditting(false);\n  };\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const clickHandler = () => {\n    console.log(\"xxxxx click handler\", checkMinNotional, quantity);\n\n    if (!!error) {\n      return;\n    }\n\n    if (Number(quantity) === Number(order.quantity)) {\n      setEditting(false);\n      return;\n    }\n\n    const price =\n      order.algo_order_id !== undefined ? order.trigger_price : order.price;\n    if (price !== null && order.reduce_only !== true) {\n      const notionalText = checkMinNotional(order.symbol, price, quantity);\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    clickHandler();\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      event?.stopPropagation();\n      event?.preventDefault();\n      clickHandler();\n    }\n  };\n\n  const onConfirm = useCallback(() => {\n    setIsSubmitting(true);\n\n    let params: any = {\n      symbol: order.symbol,\n      order_type: order.type,\n      side: order.side,\n      order_price: order.price,\n      order_quantity: quantity,\n      // reduce_only: Boolean(order.reduce_only),\n      algo_order_id: order.algo_order_id,\n    };\n\n    if (\n      typeof params.algo_order_id !== \"undefined\" &&\n      params.order_type === \"MARKET\"\n    ) {\n      // stop market order\n      const { order_price, ...rest } = params;\n      params = rest;\n    }\n\n    if (typeof order.reduce_only !== \"undefined\") {\n      params.reduce_only = order.reduce_only;\n    }\n\n    if (order.order_tag !== undefined) {\n      params = { ...params, order_tag: order.order_tag };\n    }\n\n    if (order?.visible_quantity === 0) {\n      params[\"visible_quantity\"] = 0;\n    }\n\n    // @ts-ignore\n    if (order?.tag !== undefined) {\n      // @ts-ignore\n      params[\"order_tag\"] = order.tag;\n    }\n\n    let future;\n\n    if (\"algo_type\" in order && order.algo_type === AlgoOrderRootType.TP_SL) {\n      future = onUpdateTPSLOrder(order as API.AlgoOrderExt, params);\n    } else {\n      if (order.algo_order_id !== undefined) {\n        future = editAlgoOrder(order.algo_order_id.toString(), params);\n      } else {\n        future = editOrder((order as API.OrderExt).order_id.toString(), params);\n      }\n    }\n\n    future\n      .then(\n        (result) => {\n          closePopover();\n          setQuantity(quantity.toString());\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n          setQuantity(order.quantity.toString());\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  }, [quantity]);\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          quantity={quantity}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={base_dp}\n        value={quantity}\n        setPrice={setQuantity}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.quantity}\n          base={base}\n          value={quantity}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: API.AlgoOrder | API.OrderExt;\n  quantity: string;\n  setEditing: any;\n  partial?: boolean;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, quantity } = props;\n\n  const executed = (order as API.OrderExt).total_executed_quantity;\n\n  return (\n    <Flex\n      direction=\"row\"\n      justify={\"start\"}\n      gap={1}\n      className={cn(\n        \"oui-max-w-[110px] oui-relative\",\n\n        order.side === OrderSide.BUY && \"oui-text-trade-profit\",\n        order.side === OrderSide.SELL && \"oui-text-trade-loss\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      {\"algo_type\" in order &&\n      order.algo_type === AlgoOrderRootType.TP_SL ? null : (\n        <>\n          <span>{executed}</span>\n          <span>/</span>\n        </>\n      )}\n\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{quantity}</Text>\n      </Flex>\n    </Flex>\n  );\n};\n","import { modal } from \"@orderly.network/ui\";\nimport { API, OrderEntity } from \"@orderly.network/types\";\nimport { FC, PropsWithChildren, createContext, useCallback } from \"react\";\n\nimport { checkNotional, useSymbolsInfo } from \"@orderly.network/hooks\";\n\nexport interface OrderListContextState {\n  onCancelOrder: (order: API.Order | API.AlgoOrder) => Promise<any>;\n  onEditOrder: (\n    order: API.Order | API.AlgoOrder,\n    position?: API.Position\n  ) => Promise<any>;\n  editOrder: (id: string, order: OrderEntity) => Promise<any>;\n  editAlgoOrder: (id: string, order: OrderEntity) => Promise<any>;\n  checkMinNotional: (\n    symbol: string,\n    price?: string | number,\n    qty?: string | number\n  ) => string | undefined;\n}\n\nexport const OrderListContext = createContext<OrderListContextState>(\n  {} as OrderListContextState\n);\n\nexport interface OrderListProviderProps {\n  cancelOrder: (orderId: number, symbol: string) => Promise<any>;\n  editOrder: (orderId: string, order: OrderEntity) => Promise<any>;\n  cancelAlgoOrder: (orderId: number, symbol: string) => Promise<any>;\n  editAlgoOrder: (orderId: string, order: OrderEntity) => Promise<any>;\n}\n\nexport const OrderListProvider: FC<\n  PropsWithChildren<OrderListProviderProps>\n> = (props) => {\n  const {\n    cancelOrder,\n    editOrder,\n    cancelAlgoOrder,\n    editAlgoOrder,\n    // cancelTPSLOrder,\n  } = props;\n  const symbolInfo = useSymbolsInfo();\n  const onCancelOrder = useCallback(\n    async (order: API.Order | API.AlgoOrder) => {\n      if (order.algo_order_id !== undefined) {\n        if (\n          \"root_algo_order_id\" in order &&\n          order.root_algo_order_id !== order.algo_order_id\n        ) {\n          return cancelAlgoOrder(order.root_algo_order_id, order.symbol);\n        }\n\n        return cancelAlgoOrder(order.algo_order_id, order.symbol).then(\n          () => {}\n        );\n      }\n      // @ts-ignore\n      return cancelOrder(order.order_id, order.symbol).then(() => {\n        // toast.success(\"Order canceled successfully\");\n      });\n    },\n    []\n  );\n\n  const onEditOrder = useCallback(\n    async (order: API.Order | API.AlgoOrder, position?: API.Position) => {\n      // @ts-ignore\n      let isHidden =\n        order.visible_quantity !== undefined\n          ? order.visible_quantity === 0\n          : (order as any).visible !== undefined\n          ? (order as any).visible === 0\n          : false;\n\n      const orderEntry = await modal.sheet({\n        title: \"Edit Order\",\n        contentClassName: \"orderly-edit-order-sheet-content\",\n        content: (\n          // <OrderEditFormSheet\n          //   order={order}\n          //   position={position}\n          //   editOrder={(value: OrderEntity) => {\n          //     /// check order has order_tag, if exits add order_tag to request body\n          //     if (\n          //       typeof order.order_tag !== undefined &&\n          //       order.reduce_only !== true\n          //     ) {\n          //       value = { ...value, order_tag: order.order_tag };\n          //     }\n          //     if (order.algo_order_id !== undefined) {\n          //       return editAlgoOrder(order.algo_order_id.toString(), {\n          //         ...value,\n          //       });\n          //     }\n          //     return editOrder((order as any).order_id.toString(), {\n          //       ...value,\n          //       ...(isHidden ? { visible_quantity: 0 } : {}),\n          //     });\n          //   }}\n          // />\n          <>Content</>\n        ),\n      });\n    },\n    []\n  );\n\n  const checkMinNotional = useCallback(\n    (symbol: string, price?: string | number, qty?: string | number) => {\n      const { min_notional } = symbolInfo[symbol]();\n      return checkNotional(price, qty, min_notional);\n    },\n    [symbolInfo]\n  );\n\n  return (\n    <OrderListContext.Provider\n      value={{\n        onCancelOrder,\n        onEditOrder,\n        editOrder,\n        editAlgoOrder,\n        checkMinNotional,\n      }}\n    >\n      {props.children}\n    </OrderListContext.Provider>\n  );\n};\n","import {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\nimport {\n  unstable_serialize,\n  useAccount,\n  useMutation,\n  useSWRConfig,\n  utils,\n} from \"@orderly.network/hooks\";\n\nexport type TPSLOrderRowContextState = {\n  order: API.AlgoOrderExt;\n  tp_trigger_price?: number;\n  sl_trigger_price?: number;\n\n  onCancelOrder: (order: API.AlgoOrderExt) => Promise<void>;\n  onUpdateOrder: (order: API.AlgoOrderExt, params: any) => Promise<void>;\n\n  getRelatedPosition: (symbol: string) => API.PositionTPSLExt | undefined;\n\n  position?: API.PositionTPSLExt;\n};\n\nexport const TPSLOrderRowContext = createContext(\n  {} as TPSLOrderRowContextState\n);\n\nexport const useTPSLOrderRowContext = () => {\n  return useContext(TPSLOrderRowContext);\n};\n\nexport const TPSLOrderRowProvider: FC<\n  PropsWithChildren<{\n    order: API.AlgoOrderExt;\n  }>\n> = (props) => {\n  const [position, setPosition] = useState<API.PositionTPSLExt>();\n\n  const [doDeleteOrder] = useMutation(\"/v1/algo/order\", \"DELETE\");\n  const [doUpdateOrder] = useMutation(\"/v1/algo/order\", \"PUT\");\n\n  const config = useSWRConfig();\n  const { state } = useAccount();\n\n  const positionKey = useMemo(() => {\n    return unstable_serialize(() => [\"/v1/positions\", state.accountId]);\n  }, [state.accountId]);\n\n  const onCancelOrder = async (order: API.AlgoOrderExt) => {\n    return doDeleteOrder(null, {\n      order_id: order.algo_order_id,\n      symbol: order.symbol,\n    });\n  };\n\n  const onUpdateOrder = async (order: API.AlgoOrderExt, params: any) => {\n    console.log(\"onUpdateOrder\", order, position);\n    return doUpdateOrder({\n      order_id: order.algo_order_id,\n      child_orders: order.child_orders.map((order) => ({\n        order_id: order.algo_order_id,\n        quantity: params.order_quantity,\n      })),\n    });\n  };\n\n  const getRelatedPosition = (\n    symbol: string\n  ): API.PositionTPSLExt | undefined => {\n    const positions = config.cache.get(positionKey);\n\n    return positions?.data.rows.find(\n      (p: API.PositionTPSLExt) => p.symbol === symbol\n    );\n  };\n\n  const { sl_trigger_price, tp_trigger_price } = useMemo(() => {\n    if (\n      !(\"algo_type\" in props.order) ||\n      !Array.isArray(props.order.child_orders)\n    ) {\n      return {};\n    }\n    return utils.findTPSLFromOrder(props.order);\n  }, [props.order]);\n\n  useEffect(() => {\n    if (\"algo_type\" in props.order) {\n      const position = getRelatedPosition(props.order.symbol);\n      if (position) {\n        setPosition(position);\n      }\n    }\n  }, [props.order.symbol]);\n\n  return (\n    <TPSLOrderRowContext.Provider\n      value={{\n        order: props.order,\n        sl_trigger_price,\n        tp_trigger_price,\n        onCancelOrder,\n        onUpdateOrder,\n        getRelatedPosition,\n        position,\n      }}\n    >\n      {props.children}\n    </TPSLOrderRowContext.Provider>\n  );\n};\n","import React, {\n  FC,\n  PropsWithChildren,\n  createContext,\n  useMemo,\n  useContext,\n} from \"react\";\nimport { useSymbolsInfo } from \"@orderly.network/hooks\";\n\ninterface SymbolContextState {\n  base_dp: number;\n  quote_dp: number;\n  base_tick: number;\n  base: string;\n  quote: string;\n  symbol: string;\n}\n\nexport const SymbolContext = createContext({} as SymbolContextState);\n\nexport const useSymbolContext = () => {\n  return useContext(SymbolContext);\n};\n\ninterface FormatterProviderProps {\n  symbol: string;\n}\n\nexport const SymbolProvider: FC<PropsWithChildren<FormatterProviderProps>> = (\n  props\n) => {\n  const symbolInfo = useSymbolsInfo()[props.symbol];\n\n  return (\n    <SymbolContext.Provider\n      value={{\n        base_dp: symbolInfo(\"base_dp\"),\n        quote_dp: symbolInfo(\"quote_dp\"),\n        base_tick: symbolInfo(\"base_tick\"),\n        base: symbolInfo(\"base\"),\n        quote: symbolInfo(\"quote\"),\n        symbol: props.symbol,\n      }}\n    >\n      {props.children}\n    </SymbolContext.Provider>\n  );\n};\n","import { Button, CloseIcon } from \"@orderly.network/ui\";\nimport { commify } from \"@orderly.network/utils\";\nimport { FC, useMemo } from \"react\";\n\nexport enum EditType {\n  quantity,\n  price,\n  triggerPrice,\n}\n\nexport const ConfirmContent: FC<{\n  type: EditType;\n  base: string;\n  value: string;\n  cancelPopover: () => void;\n  isSubmitting: boolean;\n  onConfirm: (e: any) => void;\n}> = (props) => {\n  const { type, base, value, cancelPopover, isSubmitting, onConfirm } = props;\n\n  const label = useMemo(() => {\n    switch (type) {\n      case EditType.quantity:\n        return `You agree changing the quantity of ${base}-PERP order to${\" \"}`;\n      case EditType.price:\n        return `You agree changing the price of ${base}-PERP order to${\" \"}`;\n      case EditType.triggerPrice:\n        return `You agree changing the trigger price of ${base}-PERP order to${\" \"}`;\n    }\n  }, [type]);\n\n  return (\n    <div className=\"oui-pt-5 oui-relative\">\n      <div className=\"oui-text-base-contrast-54 oui-text-2xs desktop:oui-text-sm\">\n        {label}\n        <span className=\"oui-text-warning\">{commify(value)}</span>.\n      </div>\n      <div className=\"oui-grid oui-grid-cols-2 oui-gap-2 oui-mt-5\">\n        <Button\n          color=\"secondary\"\n          onClick={cancelPopover}\n          disabled={isSubmitting}\n        >\n          Cancel\n        </Button>\n        <Button loading={isSubmitting} onClick={onConfirm}>\n          Confirm\n        </Button>\n      </div>\n      <button\n        className=\"oui-absolute oui-right-0 oui-top-0 oui-text-base-contrast-54\"\n        onClick={cancelPopover}\n      >\n        <CloseIcon size={18} />\n      </button>\n    </div>\n  );\n};\n","import { CheckIcon, CloseIcon, Input, inputFormatter, Tooltip } from \"@orderly.network/ui\";\nimport { FC, useEffect } from \"react\";\n\nexport const InnerInput: FC<{\n    inputRef: any;\n    value: string;\n    setPrice: any;\n    setEditting: any;\n    error?: string;\n    handleKeyDown: (e: any) => void;\n    onClick: (e: any) => void;\n    onClose: (e: any) => void;\n    dp: number;\n    hintInfo?: string;\n  }> = (props) => {\n    const {\n      inputRef,\n      dp,\n      value,\n      setPrice,\n      setEditting,\n      error,\n      handleKeyDown,\n      onClick,\n      onClose,\n      hintInfo,\n    } = props;\n  \n    useEffect(() => {\n      const input = inputRef.current;\n      if (input) {\n        const length = input.value.length;\n        input.setSelectionRange(length, length);\n      }\n      setEditting(true);\n    }, []);\n    return (\n      <Tooltip content={hintInfo} open={(hintInfo?.length || 0) > 0}>\n        <Input\n          ref={inputRef}\n          type=\"text\"\n          size=\"sm\"\n          formatters={[\n            inputFormatter.numberFormatter,\n            inputFormatter.dpFormatter(dp),\n          ]}\n          value={value}\n          onValueChange={(e) => setPrice(e)}\n          helpText={error}\n          onClick={(e) => {\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n          onKeyDown={handleKeyDown}\n          autoFocus\n          classNames={{\n            root: \"oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded\",\n            input: \"oui-pr-2\",\n          }}\n          // prefix={\n          //   <CloseIcon\n          //     size={14}\n          //     color=\"white\"\n          //     opacity={1}\n          //     className=\"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100\"\n          //     onClick={(e) => {\n          //       e.stopPropagation();\n          //       e.preventDefault();\n          //       onClose(e);\n          //     }}\n          //   />\n          // }\n          suffix={\n            <button onClick={onClick}>\n              <CheckIcon\n                size={18}\n                color=\"white\"\n                opacity={1}\n                className=\"oui-cursor-pointer oui-opacity-50 hover:oui-opacity-100\"\n              />\n            </button>\n          }\n        />\n      </Tooltip>\n    );\n  };","import { API } from \"@orderly.network/types\";\nimport { commifyOptional } from \"@orderly.network/utils\";\nimport { FC, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useSymbolPriceRange } from \"@orderly.network/hooks\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const Price = (props: {\n  order: API.OrderExt;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [price, setPrice] = useState<string>(\n    order.price?.toString() ?? \"Market\"\n  );\n\n  const [open, setOpen] = useState(false);\n  const [editting, setEditting] = useState(false);\n\n  const isAlgoOrder = order?.algo_order_id !== undefined;\n  // console.log(\"price node\", order);\n\n  const isStopMarket = order?.type === \"MARKET\" && isAlgoOrder;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { editOrder, editAlgoOrder, checkMinNotional } =\n    useContext(OrderListContext);\n\n  const { base, quote_dp } = useSymbolContext();\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setOpen(false);\n    setPrice(order.price?.toString() ?? \"Market\");\n    setEditting(false);\n  };\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    if (price === `${order.price}`) {\n      setEditting(false);\n      return;\n    }\n\n    if (order.reduce_only !== true) {\n      const notionalText = checkMinNotional(\n        order.symbol,\n        price,\n        order.quantity\n      );\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      onClick(event);\n    }\n  };\n\n  const onConfirm = () => {\n    setIsSubmitting(true);\n\n    let order_id = order.order_id;\n    let data: any = {\n      order_price: price,\n      order_quantity: order.quantity,\n      symbol: order.symbol,\n      order_type: order.type,\n      side: order.side,\n      // reduce_only: Boolean(order.reduce_only),\n    };\n    if (typeof order.reduce_only !== \"undefined\") {\n      data.reduce_only = order.reduce_only;\n    }\n\n    if (order.order_tag !== undefined) {\n      data = { ...data, order_tag: order.order_tag };\n    }\n\n    if (isAlgoOrder) {\n      order_id = order.algo_order_id as number;\n      data = {\n        ...data,\n        order_id,\n        price: price,\n        algo_order_id: order_id,\n      };\n    }\n\n    if (order?.visible_quantity === 0) {\n      data[\"visible_quantity\"] = 0;\n    }\n\n    // @ts-ignore\n    if (order.tag !== undefined) {\n      // @ts-ignore\n      data[\"order_tag\"] = order.tag;\n    }\n\n    let future;\n    if (order.algo_order_id !== undefined) {\n      future = editAlgoOrder(order.algo_order_id.toString(), data);\n    } else {\n      future = editOrder(order.order_id.toString(), data);\n    }\n\n    future\n      .then(\n        (result) => {\n          closePopover();\n          setPrice(price);\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n\n          setPrice(order.price!.toString());\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const rangeInfo = useSymbolPriceRange(\n    order.symbol,\n    // @ts-ignore\n    order.side,\n    isAlgoOrder ? order.trigger_price : undefined\n  );\n\n  const hintInfo = useMemo(() => {\n    if (!rangeInfo) return \"\";\n    if (isStopMarket) return \"\";\n    if (!editting) return \"\";\n\n    if (Number(price) > rangeInfo.max) {\n      return `Price can not be greater than ${rangeInfo.max} USDC.`;\n    }\n    if (Number(price) < rangeInfo.min) {\n      return `Price can not be less than ${rangeInfo.min} USDC.`;\n    }\n    return \"\";\n  }, [isStopMarket, editting, rangeInfo, price]);\n\n  useEffect(() => {\n    {\n      if (!!props.order.price) {\n        setPrice(`${props.order.price}`);\n      }\n    }\n  }, [props.order.price]);\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const isAlgoMarketOrder = order.algo_order_id && order.type == \"MARKET\";\n\n  \n  if (isAlgoMarketOrder || price === \"Market\") {\n    return <span>Market</span>;\n  }\n\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          price={price}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={quote_dp}\n        value={price}\n        setPrice={setPrice}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n        hintInfo={hintInfo}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.price}\n          base={base}\n          value={price}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: any;\n  price: string;\n  setEditing: any;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, price } = props;\n\n  return (\n    <div\n      className={cn(\n        \"oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{commifyOptional(price)}</Text>\n      </Flex>\n    </div>\n  );\n};\n","import { API } from \"@orderly.network/types\";\nimport { FC, useContext, useEffect, useRef, useState } from \"react\";\nimport { cn, Flex, Popover, toast, Text } from \"@orderly.network/ui\";\nimport { OrderListContext } from \"./orderListContext\";\nimport { useSymbolContext } from \"./symbolProvider\";\nimport { grayCell } from \"../../utils/util\";\nimport { ConfirmContent, EditType } from \"./editOrder/confirmContent\";\nimport { InnerInput } from \"./editOrder/innerInput\";\n\nexport const TriggerPrice = (props: {\n  order: API.OrderExt;\n  disableEdit?: boolean;\n}) => {\n  const { order } = props;\n\n  const [price, setPrice] = useState<string>(\"\");\n\n  useEffect(() => {\n    setPrice(order.trigger_price?.toString() ?? \"0\");\n  }, [order.trigger_price]);\n\n  const isAlgoOrder = order?.algo_order_id !== undefined;\n  const [open, setOpen] = useState(false);\n  const [editting, setEditting] = useState(false);\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { editAlgoOrder, checkMinNotional } = useContext(OrderListContext);\n\n  const { base, quote_dp } = useSymbolContext();\n  const closePopover = () => {\n    setOpen(false);\n    setEditting(false);\n  };\n  const cancelPopover = () => {\n    setPrice(order.trigger_price?.toString() ?? \"0\");\n    setOpen(false);\n    setEditting(false);\n  };\n\n  const componentRef = useRef<HTMLDivElement | null>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (\n      componentRef.current &&\n      !componentRef.current.contains(event.target as Node) &&\n      !open\n    ) {\n      cancelPopover();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [open]);\n\n  const onClick = (event: any) => {\n    event?.stopPropagation();\n    event?.preventDefault();\n\n    setEditting(false);\n\n    if (Number(price) === Number(order.trigger_price)) {\n      return;\n    }\n\n    if (order.price && order.reduce_only !== true) {\n      const notionalText = checkMinNotional(\n        order.symbol,\n        order.price,\n        order.quantity\n      );\n      if (notionalText) {\n        toast.error(notionalText);\n        setIsSubmitting(false);\n        cancelPopover();\n        return;\n      }\n    }\n\n    setOpen(true);\n  };\n\n  const handleKeyDown = (event: any) => {\n    if (event.key === \"Enter\") {\n      onClick(event);\n    }\n  };\n\n  const onConfirm = () => {\n    setIsSubmitting(true);\n\n    let data: any = {\n      // price: price,\n      quantity: order.quantity,\n      trigger_price: price,\n      symbol: order.symbol,\n      // order_type: order.type,\n      // side: order.side,\n      // reduce_only: Boolean(order.reduce_only),\n      algo_order_id: order.algo_order_id,\n    };\n\n    if (order.order_tag !== undefined) {\n      data = { ...data, order_tag: order.order_tag };\n    }\n\n    editAlgoOrder(`${order.algo_order_id}`, data)\n      .then(\n        (result) => {\n          closePopover();\n          setPrice(price);\n          // setTimeout(() => inputRef.current?.blur(), 300);\n        },\n        (err) => {\n          toast.error(err.message);\n\n          setPrice(order.trigger_price?.toString() ?? \"--\");\n          cancelPopover();\n        }\n      )\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  if (!isAlgoOrder) {\n    return <Text>{`--`}</Text>;\n  }\n  const trigger = () => {\n    if (!editting || props.disableEdit) {\n      return (\n        <NormalState\n          order={order}\n          price={price}\n          setEditing={setEditting}\n          disableEdit={props.disableEdit}\n        />\n      );\n    }\n\n    return (\n      <InnerInput\n        inputRef={inputRef}\n        dp={quote_dp}\n        value={price}\n        setPrice={setPrice}\n        setEditting={setEditting}\n        handleKeyDown={handleKeyDown}\n        onClick={onClick}\n        onClose={cancelPopover}\n      />\n    );\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <ConfirmContent\n          type={EditType.triggerPrice}\n          base={base}\n          value={price}\n          cancelPopover={cancelPopover}\n          isSubmitting={isSubmitting}\n          onConfirm={onConfirm}\n        />\n      }\n    >\n      <div ref={componentRef}>{trigger()}</div>\n    </Popover>\n  );\n};\n\nconst NormalState: FC<{\n  order: any;\n  price: string;\n  setEditing: any;\n  disableEdit?: boolean;\n}> = (props) => {\n  const { order, price } = props;\n\n  return (\n    <div\n      className={cn(\n        \"oui-flex oui-max-w-[110px] oui-justify-start oui-items-center oui-gap-1 oui-relative oui-font-semibold\",\n        grayCell(order) && \"oui-text-base-conrast-20\"\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        props.setEditing(true);\n      }}\n    >\n      <Flex\n        r=\"base\"\n        className={cn(\n          \"oui-min-w-[70px] oui-h-[28px]\",\n          !props.disableEdit && \"oui-bg-base-7 oui-px-2\"\n        )}\n      >\n        <Text size=\"2xs\">{price}</Text>\n      </Flex>\n    </div>\n  );\n};\n","import { API } from \"@orderly.network/types\";\nimport { Button, toast } from \"@orderly.network/ui\";\nimport { FC, useContext, useState } from \"react\";\nimport { OrderListContext } from \"./orderListContext\";\n\nexport const CancelButton: FC<{\n  order: API.Order;\n}> = (props) => {\n  const { order } = props;\n\n  const { onCancelOrder } = useContext(OrderListContext);\n  const [isLoading, setIsLoading] = useState(false);\n\n  return (\n    <Button\n      size=\"sm\"\n      variant={\"outlined\"}\n      color={\"secondary\"}\n      onClick={(event) => {\n        if (!onCancelOrder) return;\n        event.preventDefault();\n        event.stopPropagation();\n        setIsLoading(true);\n        onCancelOrder(order)\n          .then(\n            (res) => res,\n            (error) => {\n              toast.error(error.message);\n            }\n          )\n          .finally(() => {\n            setIsLoading(false);\n          });\n      }}\n      loading = {isLoading}\n    >\n      Cancel\n    </Button>\n  );\n};\n","import { FC, useCallback, useContext, useMemo, useState } from \"react\";\n\nimport { useConfig, useMutation } from \"@orderly.network/hooks\";\nimport { OrderEntity } from \"@orderly.network/types\";\nimport { Button } from \"@orderly.network/ui\";\n\nexport const Renew: FC<{ record: any }> = (props) => {\n  const { record } = props;\n  const [open, setOpen] = useState(false);\n  const [doCreateOrder, { data, error, reset, isMutating }] = useMutation<\n    OrderEntity,\n    any\n  >(\"/v1/order\");\n\n  const brokerId = useConfig(\"brokerId\");\n  const onSubmit = useCallback(() => {\n    setOpen(false);\n    const data: OrderEntity = {\n      symbol: record.symbol,\n      order_type: record.type,\n      order_price: record.price,\n      order_quantity: record.quantity,\n      order_amount: record.amount,\n      // visible_quantity: record.visible,\n      side: record.side,\n      // reduce_only: record.reduce_only,\n      broker_id: brokerId,\n    };\n\n    if (Number(record.visible_quantity) < Number(record.quantity)) {\n      data.visible_quantity = 0;\n    }\n\n    if (typeof record.reduce_only !== \"undefined\") {\n      data.reduce_only = record.reduce_only;\n    }\n\n    doCreateOrder(data);\n  }, []);\n\n\n  return (\n    <Button\n      size={\"sm\"}\n      variant={\"outlined\"}\n      color={\"secondary\"}\n      loading={isMutating}\n      disabled={isMutating}\n      onClick={(event) => {\n        if (isMutating) return;\n        event.preventDefault();\n        event.stopPropagation();\n        onSubmit();\n      }}\n    >\n      Renew\n    </Button>\n  );\n};\n","import { FC, useMemo } from \"react\";\nimport { useSymbolsInfo, utils } from \"@orderly.network/hooks\";\nimport { API, AlgoOrderType } from \"@orderly.network/types\";\nimport { OrderSide } from \"@orderly.network/types\";\nimport { cn, Text, Tooltip } from \"@orderly.network/ui\"\nimport { useTPSLOrderRowContext } from \"./tpslOrderRowContext\";\n\nexport const OrderTriggerPrice = () => {\n  const { sl_trigger_price, tp_trigger_price, order, position } =\n    useTPSLOrderRowContext();\n\n  return (\n    <TPSLTriggerPrice\n      stopLossPrice={sl_trigger_price}\n      takeProfitPrice={tp_trigger_price}\n      direction={\"column\"}\n      order={order}\n      position={position}\n      tooltip\n    />\n  );\n};\n\n\nconst TPSLTriggerPrice: FC<{\n  takeProfitPrice: number | undefined;\n  stopLossPrice: number | undefined;\n  className?: string;\n  direction?: \"row\" | \"column\";\n  tooltip?: boolean;\n  order?: API.AlgoOrder;\n  position?: API.PositionTPSLExt;\n}> = (props) => {\n  const { direction = \"row\", order, position } = props;\n  // const symbolInfo = useSymbolsInfo()[position?.symbol ?? \"\"]();\n  const symbolInfo = useSymbolsInfo();\n\n  const pnl = useMemo(() => {\n    const msgs = [];\n\n    if (!props.tooltip || !order || !position) return;\n\n    let quantity = order.quantity;\n\n    if (quantity === 0) {\n      if (order.child_orders[0].type === \"CLOSE_POSITION\") {\n        quantity = position.position_qty;\n      }\n    }\n\n    if (!!props.takeProfitPrice) {\n      msgs.push(\n        <TriggerPriceItem\n          key={\"tp\"}\n          qty={quantity}\n          price={props.takeProfitPrice}\n          entryPrice={position.average_open_price}\n          orderSide={order.side as OrderSide}\n          orderType={AlgoOrderType.TAKE_PROFIT}\n          symbolInfo={symbolInfo[order.symbol]()}\n        />\n      );\n    }\n\n    if (!!props.stopLossPrice) {\n      msgs.push(\n        <TriggerPriceItem\n          key={\"sl\"}\n          qty={quantity}\n          price={props.stopLossPrice}\n          entryPrice={position.average_open_price}\n          orderSide={order.side as OrderSide}\n          orderType={AlgoOrderType.STOP_LOSS}\n          symbolInfo={symbolInfo[order.symbol]()}\n        />\n      );\n    }\n\n    return <div>{msgs}</div>;\n  }, [\n    props.takeProfitPrice,\n    props.stopLossPrice,\n    position?.average_open_price,\n    order?.side,\n    order?.quantity,\n    order?.algo_type,\n  ]);\n\n  const child = useMemo(() => {\n    const children = [];\n\n    if (!order?.symbol) return <span>-</span>;\n    if (props.takeProfitPrice) {\n      children.push(\n        <Text.numeral\n          className={cn(\n            \"oui-text-trade-profit oui-gap-0  oui-decoration-white/20\"\n          )}\n          key={\"tp\"}\n          rule=\"price\"\n          precision={symbolInfo[order!.symbol](\"quote_dp\", 2)}\n          children={props.takeProfitPrice}\n          // @ts-ignore\n          prefix={\n            !props.stopLossPrice || direction === \"column\" ? (\n              <span className={\"oui-text-base-contrast-54\"}>\n                TP&nbsp;-&nbsp;\n              </span>\n            ) : (\n              \"\"\n            )\n          }\n        />\n      );\n    }\n    if (props.stopLossPrice) {\n      children.push(\n        <Text.numeral\n          key={\"sl\"}\n          className={cn(\n            \"oui-text-trade-loss oui-gap-0 oui-decoration-white/20 \"\n          )}\n          rule={\"price\"}\n          precision={symbolInfo[order!.symbol](\"quote_dp\", 2)}\n          children={props.stopLossPrice}\n          // @ts-ignore\n          prefix={\n            !props.takeProfitPrice || direction === \"column\" ? (\n              <span className={\"oui-text-base-contrast-54\"}>\n                SL&nbsp;-&nbsp;\n              </span>\n            ) : (\n              \"\"\n            )\n          }\n        />\n      );\n    }\n\n    if (children.length === 0) return <span>-</span>;\n\n    if (children.length === 2 && direction === \"row\") {\n      children.splice(1, 0, <span key={\"split\"}>/</span>);\n    }\n\n    return children;\n  }, [props.takeProfitPrice, props.stopLossPrice, order?.symbol]);\n\n  const content = (\n    <div\n      className={cn(\n        \"oui-inline-flex oui-text-base-contrast-36\",\n        props.direction === \"column\"\n          ? \"oui-flex-col\"\n          : \"oui-flex-row oui-gap-1\",\n        props.className\n      )}\n    >\n      {child}\n    </div>\n  );\n\n  if (props.tooltip) {\n    // @ts-ignore\n    return <Tooltip content={pnl}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\n\nconst TriggerPriceItem: FC<{\n  qty: number;\n  price: number;\n  entryPrice: number;\n  orderSide: OrderSide;\n  orderType: AlgoOrderType;\n  symbolInfo: API.SymbolExt;\n}> = (props) => {\n  const { qty, price, entryPrice, orderSide, orderType, symbolInfo } = props;\n  const pnl = utils.priceToPnl(\n    {\n      qty,\n      price,\n      entryPrice,\n      orderSide,\n      orderType,\n    },\n    {\n      symbol: symbolInfo,\n    }\n  );\n\n  const type = orderType === AlgoOrderType.TAKE_PROFIT ? \"TP\" : \"SL\";\n\n  return (\n    <div className=\"oui-flex oui-items-center\">\n      <span className=\"oui-text-base-contrast-54 oui-mr-1\">{`${type} PnL:`}</span>\n      <Text.numeral\n        rule=\"price\"\n        className={\n          pnl === 0\n            ? \"oui-text-base-contrast-36\"\n            : pnl > 0\n            ? \"oui-text-trade-profit oui-gap-0\"\n            : \"oui-text-trade-loss oui-gap-0\"\n        }\n        // @ts-ignore\n        prefix={\n          // @ts-ignore\n          <span>{pnl === 0 ? \"\" : pnl > 0 ? \"+\" : \"-\"}</span>\n        }\n        surfix={\n          <span className=\"oui-text-base-contrast-36 oui-ml-1\">\n            USDC\n          </span>\n        }\n      >{`${Math.abs(pnl)}`}</Text.numeral>\n    </div>\n  );\n};","import { useMemo, useState } from \"react\";\nimport {\n  AlgoOrderRootType,\n  OrderStatus,\n  OrderSide,\n} from \"@orderly.network/types\";\nimport { useOrderStream } from \"@orderly.network/hooks\";\nimport { TabType } from \"../orders.widget\";\nimport { DataFilterItems, usePagination } from \"@orderly.network/ui\";\nimport { differenceInDays, setHours } from \"date-fns\";\n\nexport const useOrderListScript = (props: {\n  type: TabType;\n  ordersStatus?: OrderStatus;\n}) => {\n  const { ordersStatus, type } = props;\n\n  const { page, pageSize, setPage, setPageSize, parseMeta } = usePagination();\n  const { orderStatus, ordersSide, dateRange, filterItems, onFilter } =\n    useFilter(type, {\n      ordersStatus,\n      setPage,\n    });\n\n  const includes = useMemo(() => {\n    if (type === TabType.tp_sl) {\n      return [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL];\n    }\n    return undefined;\n  }, [type]);\n\n  const excludes = useMemo(() => {\n    if (type === TabType.pending) {\n      return [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL];\n    }\n    return undefined;\n  }, [type]);\n\n\n  const [\n    data,\n    {\n      isLoading,\n      loadMore,\n      cancelOrder,\n      updateOrder,\n      cancelAlgoOrder,\n      updateAlgoOrder,\n      meta,\n    },\n  ] = useOrderStream({\n    status: orderStatus,\n    side: ordersSide,\n    page: page,\n    size: pageSize,\n    dateRange,\n    includes,\n    excludes,\n  });\n\n  return {\n    type,\n    dataSource: data,\n    isLoading,\n    loadMore,\n    cancelOrder,\n    updateOrder,\n    cancelAlgoOrder,\n    updateAlgoOrder,\n\n    // pagination\n    page,\n    pageSize,\n    setPage,\n    setPageSize,\n    meta: parseMeta(meta),\n\n    // filter\n    onFilter,\n    filterItems,\n  };\n};\n\nconst useFilter = (\n  type: TabType,\n  option: {\n    setPage: (page: number) => void;\n    ordersStatus?: OrderStatus;\n  }\n) => {\n  const [orderStatus, setOrderStatus] = useState<OrderStatus | undefined>(\n    option.ordersStatus\n  );\n  const [ordersSide, setOrdersSide] = useState<OrderSide | undefined>(\n    undefined\n  );\n  const [dateRange, setDateRange] = useState<{\n    from?: Date;\n    to?: Date;\n  }>();\n\n  const onFilter = (filter: { name: string; value: any }) => {\n    if (filter.name === \"side\") {\n      setOrdersSide(filter.value);\n      option.setPage(1);\n    }\n\n    if (filter.name === \"status\") {\n      setOrderStatus(filter.value);\n      option.setPage(1);\n    }\n\n    if (filter.name === \"dateRange\") {\n      setDateRange(filter.value);\n      option.setPage(1);\n    }\n  };\n\n  const filterItems = useMemo((): any[] => {\n    const sideFilter = {\n      type: \"select\",\n      name: \"side\",\n      options: [\n        {\n          label: \"All sides\",\n          value: undefined,\n        },\n        {\n          label: \"Buy\",\n          value: \"BUY\",\n        },\n        {\n          label: \"Sell\",\n          value: \"SELL\",\n        },\n      ],\n      value: ordersSide,\n    };\n\n    const dateRangeFilter = {\n      type: \"range\",\n      name: \"dateRange\",\n      value: dateRange,\n    };\n\n    const statusFilter = {\n      type: \"select\",\n      name: \"status\",\n      options: [\n        {\n          label: \"All status\",\n          value: undefined,\n        },\n        {\n          label: \"Pending\",\n          value: OrderStatus.INCOMPLETE,\n        },\n        {\n          label: \"Canceled\",\n          value: OrderStatus.CANCELLED,\n        },\n        {\n          label: \"Rejected\",\n          value: OrderStatus.REJECTED,\n        },\n      ],\n      value: orderStatus,\n    };\n    switch (type) {\n      case TabType.all:\n        return [sideFilter, statusFilter, dateRangeFilter];\n      case TabType.pending:\n        return [sideFilter];\n      case TabType.tp_sl:\n        return [sideFilter];\n      case TabType.filled:\n        return [sideFilter];\n      case TabType.cancelled:\n        return [sideFilter];\n      case TabType.rejected:\n        return [sideFilter];\n      case TabType.orderHistory:\n        return [sideFilter];\n    }\n  }, [type, ordersSide, orderStatus, dateRange]);\n\n  return {\n    filterItems,\n    onFilter,\n    ordersSide,\n    dateRange,\n    orderStatus,\n  };\n};\n\nexport type OrdersBuilderState = ReturnType<typeof useOrderListScript>;\nexport type FilterState = ReturnType<typeof useFilter>;\n\nexport const parseDateRangeForFilter = (dateRange: {\n  from: Date;\n  to?: Date;\n}) => {\n  let { from, to } = dateRange;\n\n  if (typeof to === \"undefined\") {\n    to = new Date();\n  }\n\n  const diff = differenceInDays(from, to);\n\n  // console.log(\"diff\", diff);\n\n  if (diff === 0) {\n    return [from, setHours(to, 23)];\n  }\n\n  return [from, to];\n};\n","import { OrderStatus } from \"@orderly.network/types\";\nimport { useOrderListScript } from \"./orderList.script\";\nimport { OrderList } from \"./orderList.ui\";\nimport { TabType } from \"../orders.widget\";\n\nexport const OrderListWidget = (props: {\n    type: TabType;\n    ordersStatus?: OrderStatus;\n}) => {\n    const state = useOrderListScript(props);\n    return (\n        <OrderList {...state}/>\n    );\n};\n","import { FC } from \"react\";\nimport { useOrdersScript } from \"./orders.script\";\nimport { Orders } from \"./orders.ui\";\n\nexport enum TabType {\n  all = \"all\",\n  pending = \"pending\",\n  tp_sl = \"tp_sl\",\n  filled = \"filled\",\n  cancelled = \"cancelled\",\n  rejected = \"rejected\",\n  orderHistory = \"orderHistory\",\n}\n\nexport const OrdersWidget: FC<{\n  current?: TabType;\n}> = (props) => {\n  const state = useOrdersScript(props);\n\n  return <Orders {...state} />;\n};\n"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@orderly.network/ui-orders",
+  "version": "2.0.0-alpha.1",
+  "description": "",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "Orderly",
+    "Exchange",
+    "DeFi"
+  ],
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "date-fns": "^3.6.0",
+    "@orderly.network/ui": "2.0.0-alpha.1",
+    "@orderly.network/ui-connector": "2.0.0-alpha.1",
+    "@orderly.network/hooks": "2.0.0-alpha.1",
+    "@orderly.network/types": "2.0.0-alpha.1",
+    "@orderly.network/utils": "2.0.0-alpha.1",
+    "@orderly.network/ui-positions": "2.0.0-alpha.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.4",
+    "tsup": "^7.1.0",
+    "typescript": "^5.1.6",
+    "tsconfig": "0.3.12"
+  },
+  "scripts": {
+    "build": "tsup && pnpm run build:css",
+    "build:css": "tailwindcss build -i src/tailwind.css -o dist/styles.css --minify",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}