@orderly.network/ui-tpsl 2.6.3 → 2.7.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +7 -4
  2. package/dist/index.d.ts +7 -4
  3. package/dist/index.js +23 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +8 -8
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +10 -10
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/editorPopover.tsx","../src/positionTPSL/tpsl.widget.tsx","../src/positionTPSL/tpsl.ui.tsx","../src/components/orderInfo.tsx","../src/components/pnlInfo.tsx","../src/components/tpslInputRow/tpslInputRow.script.ts","../src/components/tpslInputRow/tpslInputRow.ui.tsx","../src/pnlInput/pnlInput.ui.tsx","../src/pnlInput/useBuilder.script.ts","../src/pnlInput/pnlInput.widget.tsx","../src/components/orderPriceType.tsx","../src/components/tpslInputRow/priceInput.tsx","../src/components/tpslInputRow/tpslInputRow.widget.tsx","../src/components/tpslPostionType/tpslPositionType.script.tsx","../src/components/tpslPostionType/tpslPositionType.ui.tsx","../src/components/tpslPostionType/tpslPostionType.widget.tsx","../src/components/tpslQty.tsx","../src/positionTPSL/useTPSL.script.tsx","../src/positionTPSL/positionTpslConfirm.tsx","../src/editorSheet.tsx","../src/tpslAdvanced/tpslAdvanced.ui.tsx","../src/tpslAdvanced/useTPSLAdvanced.script.ts","../src/tpslAdvanced/tpslAdvanced.widget.tsx","../src/tpslDetail/tpslDetail.widget.tsx","../src/tpslDetail/tpslDetail.script.tsx","../src/tpslDetail/tpslDetailProvider.tsx","../src/tpslDetail/tsplDetail.ui.tsx","../src/tpslDetail/ordersTable.tsx","../src/tpslDetail/useColum.tsx","../src/tpslDetail/components/estPnl.tsx","../src/tpslDetail/components/common.tsx","../src/tpslDetail/components/orderPrice.tsx","../src/tpslDetail/components/qty.tsx","../src/tpslDetail/components/triggerPrice.tsx","../src/tpslDetail/components/type.tsx","../src/tpslDetail/ordersTable.mobile.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.widget.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.script.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.ui.tsx","../src/editBracketOrder/editBracketOrder.widget.tsx","../src/editBracketOrder/editBracketOrder.script.tsx","../src/editBracketOrder/editBracketOrder.ui.tsx"],"names":["useLocalStorage","useTranslation","AlgoOrderRootType","PositionType","Box","Button","modal","registerSimpleDialog","registerSimpleSheet","useOrderEntryFormErrorMsg","OrderType","Flex","Grid","Text","cn","ThrottledButton","ScrollArea","useScreen","useIndexPrice","useMarkPrice","useSymbolLeverage","TokenIcon","jsx","jsxs","OrderInfo","props","order","symbol","side","markPrice","indexPrice","symbolLeverage","useMemo","Decimal","checkIsNaN","PnlInfo","tp_pnl","sl_pnl","riskRatio","defaultNode","tpDecimal","slDecimal","ratio","useTPSLInputRowScript","Fragment","Trans","Checkbox","useEffect","useState","CaretDownIcon","Input","SimpleDropdownMenu","inputFormatter","useRef","todpIfNeed","usePNLInputBuilder","type","values","mode","setMode","focus","setFocus","t","key","value","modes","percentageSuffix","onValueChange","formatter","options","dp","endStr","PNLInput","onModeChange","quote","quote_dp","pnl","prefix","setPrefix","placeholder","setPlaceholder","color","num","label","item","PNLMenus","PnlInputWidget","testId","rest","state","Select","OrderPriceType","option","displayLabel","PriceInput","TPSLInputRowUI","getErrorMsg","positionType","roi","_roi","_entryPrice","rootOrderPrice","checked","RenderROI","price","className","orderType","TPSLInputRowWidget","useTPSLPositionTypeScript","ExclamationFillIcon","Tooltip","positionTypeKey","TPSLPositionTypeUI","event","TPSLPositionTypeWidget","utils","convertValueToPercentage","Slider","TPSLQuantity","inputRef","currentQtyPercentage","formatQuantity","qty","_qty","errorMsg","e","TPSL","TPSL_OrderEntity","symbolInfo","onCancel","onComplete","status","position","setValues","onClose","isEditing","errors","validated","isMobile","renderQtyInput","err","usePositionStream","useSymbolsInfo","useTPSLOrder","SDKError","toast","OrderSide","Badge","Divider","textVariants","transSymbolformString","TPSLOrderType","tpPrice","slPrice","PositionTPSLConfirm","maxQty","quoteDP","baseDP","_isPositionTPSL","needConfirm","setNeedConfirm","renderPositionType","renderTPSLPrice","isOrderPrice","isEnable","colorType","isPositionTPSL","check","useTPSLBuilder","triggerPrice","withTriggerPrice","prevTPSLType","positions","tpslOrder","submit","deleteOrder","setValue","validate","metaState","isCreateMutating","isUpdateMutating","setQuantity","setOrderPrice","name","setPnL","dirty","quantity","diff","tp_trigger_price","sl_trigger_price","tp_order_price","sl_order_price","cancel","onConfirm","res","onSubmit","error","TPSLWidget","close","TPSLSheetId","TPSLDialogId","PositionTPSLPopover","buttonProps","useModal","PositionTPSLSheet","resolve","hide","updateArgs","TPSLAdvancedUI","formattedOrder","setOrderValue","tpValues","setTpValuse","slValues","setSlValues","prev","ArrowRightIcon","useOrderEntry","isTPSLEnable","useTPSLAdvanced","innerMetaState","setInnerMetaState","helper","i18n","TPSLAdvancedWidget","TPSLAdvancedSheetId","TPSLAdvancedDialogId","findPositionTPSLFromOrders","useOrderStream","OrderStatus","useTPSLDetail","fullPositionOrders","setFullPositionOrders","partialPositionOrders","setPartialPositionOrders","tpslOrders","cancelAlgoOrder","cancelPostionOrdersByTypes","refresh","onCancelOrder","onCancelAllTPSLOrders","showTPSLDialog","dialogId","editTPSLOrder","addTPSLOrder","fullPositionOrder","createContext","useContext","TPSLDetailContext","TPSLDetailProvider","useTPSLDetailContext","ChevronDownIcon","AuthGuardDataTable","findTPSLFromOrder","perpPositions","FlexCell","EstPnlRender","base_dp","tp_unrealPnl","sl_unrealPnl","findTPSLOrderPriceFromOrder","OrderPriceRender","QtyRender","TriggerPrice","TypeRender","useColumn","moblieColumns","_","record","desktopColums","CancelAllBtn","DeleteIcon","size","loading","setLoading","OrdersTable","orders","columns","OrdersTableMobile","orderIds","acc","curr","row","DeleteBtn","TPSLDetailUI","FullPositionPart","PartialPositionPart","open","setOpen","PositionTypeDescription","AddButton","TPSLDetailWidget","TPSLDetailDialogId","TPSLDetailSheetId","useTPSLSimpleDialog","positionsInfo","TPSLSimpleDialogUI","footer","errorMessage","tpError","slError","text","renderPnl","TPSLSimpleDialogWidget","showAdvancedTPSLDialog","TPSLSimpleSheetId","TPSLSimpleDialogId","useMutation","AlgoOrderType","getInitialOrder","childOrder","tpOrder","slOrder","tpslPriceInfo","isTPSLPriceChanged","originPrice","newPrice","originDeci","useEditBracketOrder","baseInfo","tpInfo","slInfo","doUpdateOrder","isMutating","isPriceChanged","childOrders","EditBracketOrderUI","EditBracketOrderWidget","EditBracketOrderSheetId","EditBracketOrderDialogId"],"mappings":"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","sourcesContent":["import { ReactNode } from \"react\";\nimport { ComputedAlgoOrder, useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API, PositionType } from \"@orderly.network/types\";\nimport { Box, Button, modal, toast } from \"@orderly.network/ui\";\nimport { ButtonProps } from \"@orderly.network/ui\";\nimport { TPSLDialogId } from \"./positionTPSL\";\n\nexport const PositionTPSLPopover = (props: {\n position: API.Position;\n order?: API.AlgoOrder;\n label?: string;\n baseDP?: number;\n quoteDP?: number;\n /**\n * Button props\n */\n buttonProps?: ButtonProps;\n isEditing?: boolean;\n children?: ReactNode;\n}) => {\n const { position, order, baseDP, quoteDP, buttonProps, isEditing } = props;\n\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n\n const { t } = useTranslation();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n const onEdit = () => {\n modal.show(TPSLDialogId, {\n order: order,\n symbol: position.symbol,\n baseDP: baseDP,\n quoteDP: quoteDP,\n positionType: isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL,\n isEditing: isEditing,\n });\n };\n\n return (\n <Box onClick={onEdit} className=\"oui-cursor-pointer\">\n {props.children || (\n <Button\n variant=\"outlined\"\n size=\"sm\"\n color=\"secondary\"\n {...buttonProps}\n // onClick={() => {\n // setOpen(true);\n // }}\n >\n {props.label}\n </Button>\n )}\n </Box>\n );\n};\n","import { type AlgoOrderRootType } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { TPSL, TPSLProps } from \"./tpsl.ui\";\nimport { TPSLBuilderOptions, useTPSLBuilder } from \"./useTPSL.script\";\n\nexport type TPSLWidgetProps = {\n onTPSLTypeChange?: (type: AlgoOrderRootType) => void;\n} & TPSLBuilderOptions &\n TPSLProps;\n\nexport const TPSLWidget = (props: TPSLWidgetProps) => {\n const { onCancel, onComplete, close, ...rest } = props;\n const state = useTPSLBuilder(rest);\n\n return (\n <TPSL\n {...state}\n onCancel={onCancel}\n onComplete={onComplete}\n close={close}\n />\n );\n};\n\nexport const TPSLSheetId = \"TPSLSheetId\";\nexport const TPSLDialogId = \"TPSLDialogId\";\n\nregisterSimpleSheet(TPSLSheetId, TPSLWidget);\n\nregisterSimpleDialog(TPSLDialogId, TPSLWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { OrderValidationResult } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport {\n API,\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Box,\n Button,\n Flex,\n Grid,\n Text,\n cn,\n ThrottledButton,\n ScrollArea,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { TPSLQuantity } from \"../components/tpslQty\";\nimport { TPSLBuilderState } from \"./useTPSL.script\";\n\nexport type TPSLProps = {\n close?: () => void;\n onClose?: () => void;\n onCancel?: () => void;\n onComplete?: () => void;\n withTriggerPrice?: boolean;\n};\n\n//------------- TPSL form start ---------------\nexport const TPSL = (props: TPSLBuilderState & TPSLProps) => {\n const {\n TPSL_OrderEntity,\n symbolInfo,\n onCancel,\n onComplete,\n status,\n position,\n setValues,\n onClose,\n isEditing,\n } = props;\n\n const { errors, validated } = props.metaState;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const { getErrorMsg } = useOrderEntryFormErrorMsg(errors);\n\n const renderQtyInput = () => {\n if (TPSL_OrderEntity.position_type === PositionType.FULL) {\n return null;\n }\n\n return (\n <Box className=\"oui-px-0.5\">\n <TPSLQuantity\n maxQty={props.maxQty}\n quantity={(props.orderQuantity ?? props.maxQty) as number}\n baseTick={symbolInfo(\"base_tick\")}\n dp={symbolInfo(\"base_dp\")}\n onQuantityChange={props.setQuantity}\n quote={symbolInfo(\"base\")}\n isEditing={props.isEditing}\n errorMsg={validated ? getErrorMsg(\"quantity\") : undefined}\n />\n </Box>\n );\n };\n\n return (\n <div id=\"orderly-tp_sl-order-edit-content\">\n <ScrollArea className={cn(isMobile && \"oui-h-[calc(100vh-200px)]\")}>\n <OrderInfo\n baseDP={symbolInfo(\"base_dp\")}\n quoteDP={symbolInfo(\"quote_dp\")}\n classNames={{\n root: \"oui-mb-3\",\n container: \"oui-gap-x-[30px]\",\n }}\n order={{\n symbol: position.symbol,\n order_quantity: position.position_qty.toString(),\n order_price: position.average_open_price.toString(),\n }}\n />\n <Flex\n direction=\"column\"\n justify=\"start\"\n itemAlign={\"start\"}\n gap={3}\n className=\"oui-w-full oui-mb-3\"\n >\n {!isEditing && (\n <TPSLPositionTypeWidget\n disableSelector\n value={TPSL_OrderEntity.position_type ?? PositionType.PARTIAL}\n onChange={(key, value) => {\n if (value === PositionType.FULL) {\n setValues({\n position_type: value,\n quantity: Math.abs(position.position_qty).toString(),\n tp_order_price: \"\",\n tp_order_type: OrderType.MARKET,\n tp_trigger_price: \"\",\n sl_order_price: \"\",\n sl_order_type: OrderType.MARKET,\n sl_trigger_price: \"\",\n });\n } else {\n setValues({\n position_type: value,\n quantity: \"\",\n tp_order_price: \"\",\n tp_order_type: OrderType.MARKET,\n tp_trigger_price: \"\",\n sl_order_price: \"\",\n sl_order_type: OrderType.MARKET,\n sl_trigger_price: \"\",\n });\n }\n }}\n />\n )}\n {TPSL_OrderEntity.position_type === PositionType.FULL && (\n <Text className=\"oui-text-warning oui-text-2xs\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n )}\n </Flex>\n {renderQtyInput()}\n <Flex\n direction=\"column\"\n itemAlign={\"start\"}\n justify={\"start\"}\n gap={6}\n className=\"oui-w-full oui-mt-3\"\n >\n <TPSLInputRowWidget\n symbol={position.symbol}\n rootOrderPrice={position.average_open_price.toString()}\n type=\"tp\"\n values={{\n enable: TPSL_OrderEntity.tp_enable ?? true,\n trigger_price:\n TPSL_OrderEntity.tp_trigger_price?.toString() ?? undefined,\n PnL: TPSL_OrderEntity.tp_pnl?.toString() ?? undefined,\n Offset: TPSL_OrderEntity.tp_offset?.toString() ?? undefined,\n \"Offset%\":\n TPSL_OrderEntity.tp_offset_percentage?.toString() ?? undefined,\n order_price:\n TPSL_OrderEntity.tp_order_price?.toString() ?? undefined,\n order_type: TPSL_OrderEntity.tp_order_type ?? OrderType.MARKET,\n }}\n hideOrderPrice={\n TPSL_OrderEntity.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n disableOrderTypeSelector={isEditing}\n quote_dp={symbolInfo(\"quote_dp\")}\n positionType={\n TPSL_OrderEntity.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n console.log(\"key\", key, \"value\", value);\n props.setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n\n <TPSLInputRowWidget\n symbol={position.symbol}\n rootOrderPrice={position.average_open_price.toString()}\n type=\"sl\"\n values={{\n enable: TPSL_OrderEntity.sl_enable ?? true,\n trigger_price:\n TPSL_OrderEntity.sl_trigger_price?.toString() ?? undefined,\n PnL: TPSL_OrderEntity.sl_pnl?.toString() ?? undefined,\n Offset: TPSL_OrderEntity.sl_offset?.toString() ?? undefined,\n \"Offset%\":\n TPSL_OrderEntity.sl_offset_percentage?.toString() ?? undefined,\n order_price:\n TPSL_OrderEntity.sl_order_price?.toString() ?? undefined,\n order_type: TPSL_OrderEntity.sl_order_type ?? OrderType.MARKET,\n }}\n hideOrderPrice={\n TPSL_OrderEntity.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo(\"quote_dp\")}\n positionType={\n TPSL_OrderEntity.position_type ?? PositionType.PARTIAL\n }\n disableOrderTypeSelector={isEditing}\n onChange={(key, value) => {\n console.log(\"key\", key, \"value\", value);\n props.setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n </Flex>\n\n <PnlInfo\n tp_pnl={TPSL_OrderEntity.tp_pnl}\n sl_pnl={TPSL_OrderEntity.sl_pnl}\n className=\"oui-my-3\"\n />\n </ScrollArea>\n <Grid cols={2} gap={3} mt={4}>\n <Button\n size={\"md\"}\n color={\"secondary\"}\n data-testid={\"tpsl-cancel\"}\n onClick={() => {\n props.close?.();\n }}\n >\n {t(\"common.cancel\")}\n </Button>\n <ThrottledButton\n size={\"md\"}\n data-testid={\"tpsl-confirm\"}\n disabled={status.isCreateMutating}\n loading={status.isCreateMutating || status.isUpdateMutating}\n onClick={() => {\n props\n .onSubmit()\n .then(() => {\n props.close?.();\n onComplete?.();\n })\n .catch((err) => {\n console.log(\"--->>>cancel order\", err);\n });\n }}\n >\n {t(\"common.confirm\")}\n </ThrottledButton>\n </Grid>\n </div>\n );\n};\n","import {\n useIndexPrice,\n useMarkPrice,\n useSymbolLeverage,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderlyOrder } from \"@orderly.network/types\";\nimport { cn, Flex, Grid, Text, TokenIcon } from \"@orderly.network/ui\";\n\ntype Props = {\n order: Partial<OrderlyOrder>;\n baseDP?: number;\n quoteDP?: number;\n className?: string;\n classNames?: {\n root?: string;\n symbol?: string;\n container?: string;\n };\n};\nexport const OrderInfo = (props: Props) => {\n const { t } = useTranslation();\n const { order } = props;\n const { symbol, side } = order;\n const markPrice = useMarkPrice(symbol!);\n const indexPrice = useIndexPrice(symbol!);\n const symbolLeverage = useSymbolLeverage(symbol!);\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-w-full oui-gap-3 oui-font-semibold \",\n props.classNames?.root,\n )}\n >\n <Flex\n itemAlign={\"center\"}\n className={cn(\"oui-gap-2 \", props.classNames?.symbol)}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <TokenIcon symbol={symbol} className=\"oui-w-5 oui-h-5\" />\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <Text\n size=\"2xs\"\n className=\"oui-text-base-contrast-36 oui-h-[18px] oui-px-2 oui-bg-base-7 oui-rounded oui-font-semibold\"\n >\n {symbolLeverage}x\n </Text>\n </Flex>\n <Grid\n cols={2}\n gapX={2}\n gapY={1}\n className={cn(\"oui-w-full oui-gap-x-2 \", props.classNames?.container)}\n >\n <Flex justify={\"between\"} className=\" oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.quantity\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.baseDP ?? 2}\n >\n {Number(order.order_quantity)}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.lastPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {indexPrice?.data}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.orderPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {Number(order.order_price)}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"common.markPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {markPrice?.data}\n </Text.numeral>\n </Flex>\n </Grid>\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal, checkIsNaN } from \"@orderly.network/utils\";\n\ntype Props = {\n tp_pnl?: string | number;\n sl_pnl?: string | number;\n className?: string;\n};\n\nexport const PnlInfo = (props: Props) => {\n const { t } = useTranslation();\n const { tp_pnl, sl_pnl } = props;\n const riskRatio = useMemo(() => {\n const defaultNode = <Text className=\"oui-text-base-contrast-36\">-- x</Text>;\n if (tp_pnl === undefined || sl_pnl === undefined) {\n return defaultNode;\n }\n if (checkIsNaN(tp_pnl) || checkIsNaN(sl_pnl)) {\n return defaultNode;\n }\n const tpDecimal = new Decimal(tp_pnl);\n const slDecimal = new Decimal(sl_pnl);\n if (slDecimal.isZero() || tpDecimal.isZero()) {\n return defaultNode;\n }\n const ratio = tpDecimal.div(slDecimal).abs().toNumber().toFixed(2);\n return (\n <Flex gap={1} itemAlign={\"center\"} className=\"oui-text-base-contrast-80\">\n <Text>{ratio}</Text>\n <Text className=\"oui-text-base-contrast-36\">x</Text>\n </Flex>\n );\n return defaultNode;\n }, [tp_pnl, sl_pnl]);\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-w-full oui-gap-1 oui-text-2xs oui-text-base-contrast-36\",\n props.className,\n )}\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstTpPnl\")}</Text>\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n rule=\"price\"\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {tp_pnl ? Number(tp_pnl) : \"--\"}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstSlPnl\")}</Text>\n {sl_pnl ? (\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {Number(sl_pnl)}\n </Text.numeral>\n ) : (\n <Text size=\"2xs\">-- USDC</Text>\n )}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.riskRewardRatio\")}</Text>\n <Text className=\"oui-text-base-contrast-80\" size=\"2xs\">\n {riskRatio}\n </Text>\n </Flex>\n </Flex>\n );\n};\n","import { OrderValidationResult } from \"@orderly.network/hooks\";\nimport { OrderType, PositionType } from \"@orderly.network/types\";\n\nexport type Props = {\n disableOrderTypeSelector?: boolean;\n type: \"tp\" | \"sl\";\n quote_dp: number;\n positionType: PositionType;\n errors: OrderValidationResult | null;\n hideOrderPrice?: boolean;\n values: {\n enable: boolean;\n trigger_price: string | undefined;\n PnL: string | undefined;\n Offset: string | undefined;\n \"Offset%\": string | undefined;\n ROI?: string | undefined;\n order_price: string | undefined;\n order_type: OrderType;\n };\n onChange: (key: string, value: string | boolean | number) => void;\n rootOrderPrice: string | undefined;\n symbol: string;\n disableEnableCheckbox?: boolean;\n};\nexport const useTPSLInputRowScript = (props: Props) => {\n return {\n disableOrderTypeSelector: props.disableOrderTypeSelector,\n values: props.values,\n onChange: props.onChange,\n type: props.type,\n quote_dp: props.quote_dp,\n positionType: props.positionType,\n errors: props.errors,\n hideOrderPrice: props.hideOrderPrice,\n rootOrderPrice: props.rootOrderPrice,\n symbol: props.symbol,\n disableEnableCheckbox: props.disableEnableCheckbox,\n };\n};\n","import React, { Fragment, useMemo } from \"react\";\nimport { useSymbolLeverage } from \"@orderly.network/hooks\";\nimport { useTranslation, Trans } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport { OrderType, PositionType } from \"@orderly.network/types\";\nimport { Flex, Text, Grid, Checkbox, cn } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { PnlInputWidget } from \"../../pnlInput/pnlInput.widget\";\nimport { OrderPriceType } from \"../orderPriceType\";\nimport { PriceInput } from \"./priceInput\";\nimport { useTPSLInputRowScript } from \"./tpslInputRow.script\";\n\ntype TPSLInputRowProps = ReturnType<typeof useTPSLInputRowScript>;\n\nexport const TPSLInputRowUI: React.FC<TPSLInputRowProps> = (props) => {\n const { t } = useTranslation();\n const { getErrorMsg } = useOrderEntryFormErrorMsg(props.errors);\n const { values, positionType } = props;\n const symbolLeverage = useSymbolLeverage(props.symbol);\n\n const roi = useMemo(() => {\n if (isNaN(Number(symbolLeverage))) {\n return null;\n }\n let _roi = null;\n if (!props.rootOrderPrice) {\n return null;\n }\n\n if (!values.trigger_price && !values.order_price) {\n return null;\n }\n let _entryPrice = new Decimal(0);\n if (values.order_type === OrderType.MARKET) {\n if (!values.trigger_price) {\n return null;\n }\n _entryPrice = new Decimal(values.trigger_price);\n } else if (values.order_type === OrderType.LIMIT) {\n if (!values.order_price) {\n return null;\n }\n _entryPrice = new Decimal(values.order_price);\n }\n const rootOrderPrice = new Decimal(props.rootOrderPrice);\n\n _roi = _entryPrice\n .minus(rootOrderPrice)\n .div(rootOrderPrice)\n .mul(symbolLeverage)\n .abs()\n .mul(100)\n .mul(props.type === \"tp\" ? 1 : -1)\n .toNumber();\n return _roi;\n }, [values, props.rootOrderPrice, symbolLeverage, props.type]);\n\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n justify={\"start\"}\n className=\"oui-w-full\"\n >\n <Flex className=\"oui-w-full\" itemAlign={\"center\"} justify={\"start\"}>\n {!props.disableEnableCheckbox && (\n <Checkbox\n data-testid={`oui-testid-orderEntry-${props.type}-enable-checkBox`}\n id={`enable_${props.type}`}\n color={\"white\"}\n checked={values.enable}\n onCheckedChange={(checked: boolean) => {\n props.onChange(`${props.type}_enable`, !!checked);\n }}\n />\n )}\n <label\n htmlFor={`enable_${props.type}`}\n className={cn(\n \"oui-cursor-pointer oui-text-sm\",\n props.disableEnableCheckbox\n ? \"oui-ml-0 oui-text-base-contrast\"\n : \"oui-ml-1 oui-text-base-contrast-36\",\n )}\n >\n {props.type === \"tp\"\n ? t(\"tpsl.advanced.TP.label\")\n : t(\"tpsl.advanced.SL.label\")}\n </label>\n </Flex>\n <Flex\n direction={\"column\"}\n gap={2}\n itemAlign={\"start\"}\n className={cn(\"oui-w-full oui-pt-2\", values.enable ? \"\" : \"oui-hidden\")}\n >\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className=\"oui-w-full oui-gap-0.5\"\n >\n <Text className=\"oui-text-2xs oui-text-base-contrast-54\">\n {t(\"tpsl.advanced.triggerPrice\")}\n </Text>\n <Grid cols={2} gap={2} className=\"oui-w-full oui-px-0.5\">\n <PriceInput\n type={`${props.type} price`}\n value={values.trigger_price}\n error={getErrorMsg(`${props.type}_trigger_price`)}\n onValueChange={(value) => {\n props.onChange(`${props.type}_trigger_price`, value);\n }}\n quote_dp={props.quote_dp}\n />\n <PnlInputWidget\n type={props.type === \"tp\" ? \"TP\" : \"SL\"}\n onChange={(key, value) => {\n props.onChange(key, value as string);\n }}\n quote={\"USDC\"}\n quote_dp={2}\n values={values}\n />\n </Grid>\n </Flex>\n <Flex\n direction={\"column\"}\n className={cn(\n \"oui-w-full oui-gap-0.5\",\n props.hideOrderPrice ? \"oui-hidden\" : \"\",\n )}\n itemAlign={\"start\"}\n >\n <Text className=\"oui-text-2xs oui-text-base-contrast-54\">\n {t(\"tpsl.advanced.orderPrice\")}\n </Text>\n <Grid cols={2} gap={2} className=\"oui-w-full oui-px-0.5\">\n <PriceInput\n disabled={\n positionType === PositionType.FULL ||\n values.order_type === OrderType.MARKET\n }\n type={\"order price\"}\n label={\n values.order_type === OrderType.LIMIT\n ? t(\"tpsl.advanced.limit\")\n : t(\"tpsl.advanced.market\")\n }\n value={values.order_price}\n error={getErrorMsg(`${props.type}_order_price`)}\n onValueChange={(value) => {\n props.onChange(`${props.type}_order_price`, value);\n }}\n quote_dp={props.quote_dp}\n />\n <OrderPriceType\n disabled={\n positionType === PositionType.FULL ||\n props.disableOrderTypeSelector\n }\n type={values.order_type}\n onChange={(value) => {\n props.onChange(`${props.type}_order_type`, value as OrderType);\n }}\n />\n </Grid>\n </Flex>\n </Flex>\n <RenderROI\n price={\n values.order_type === OrderType.MARKET\n ? values.trigger_price\n : values.order_price\n }\n orderType={values.order_type}\n pnl={values.PnL}\n roi={roi}\n dp={props.quote_dp}\n className=\"oui-mt-1\"\n />\n </Flex>\n );\n};\n\nconst RenderROI: React.FC<{\n className?: string;\n price?: number | string;\n pnl?: number | string;\n roi?: number | null;\n dp: number;\n orderType: OrderType;\n}> = (props) => {\n const { t } = useTranslation();\n const { price, pnl, roi, dp, className, orderType } = props;\n if (!roi || !price || !pnl) {\n return null;\n }\n return (\n <Text className={cn(\"oui-text-2xs oui-text-base-contrast-36\", className)}>\n <Trans\n i18nKey=\"tpsl.advanced.ROI\"\n components={[\n <Fragment key=\"price\">\n <Text.numeral\n className=\"oui-px-1 oui-text-base-contrast\"\n dp={dp}\n suffix={<Text className=\"oui-pl-0.5\">USDC</Text>}\n >\n {price}\n </Text.numeral>\n </Fragment>,\n <Fragment key=\"orderType\">\n <Text className=\"oui-px-1 oui-text-base-contrast\">\n {orderType === OrderType.MARKET\n ? t(\"common.market\")\n : t(\"common.limit\")}\n </Text>\n </Fragment>,\n <Fragment key=\"pnl\">\n <Text.numeral\n coloring\n className=\"oui-whitespace-nowrap oui-px-1\"\n dp={2}\n suffix={<Text className=\"oui-pl-0.5\">USDC</Text>}\n >\n {pnl}\n </Text.numeral>\n </Fragment>,\n\n <Fragment key=\"roi\">\n <Text.numeral\n coloring\n className=\"oui-whitespace-nowrap oui-px-1\"\n dp={2}\n suffix=\"%\"\n >\n {roi}\n </Text.numeral>\n </Fragment>,\n ]}\n />\n </Text>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n CaretDownIcon,\n cn,\n Input,\n MenuItem,\n SimpleDropdownMenu,\n} from \"@orderly.network/ui\";\nimport { inputFormatter, Text } from \"@orderly.network/ui\";\nimport { PNLInputState, PnLMode } from \"./useBuilder.script\";\n\nexport type PNLInputProps = PNLInputState & { testId?: string; quote: string };\n\nexport const PNLInput = (props: PNLInputProps) => {\n const {\n mode,\n modes,\n onModeChange,\n onValueChange,\n quote,\n quote_dp,\n value,\n pnl,\n } = props;\n const { t } = useTranslation();\n\n const [prefix, setPrefix] = useState<string>(mode);\n const [placeholder, setPlaceholder] = useState<string>(\n mode === PnLMode.PERCENTAGE ? \"%\" : quote,\n );\n\n const color = useMemo(() => {\n const num = Number(pnl);\n\n if (isNaN(num) || num === 0) return \"\";\n\n if (num > 0) return \"oui-text-trade-profit\";\n if (num < 0) return \"oui-text-trade-loss\";\n }, [pnl]);\n\n useEffect(() => {\n const label = modes.find((item) => item.value === mode)?.label;\n setPrefix(label!);\n setPlaceholder(mode === PnLMode.PERCENTAGE ? \"%\" : quote);\n }, [mode, modes]);\n\n return (\n <Input\n prefix={prefix}\n size={{\n initial: \"lg\",\n lg: \"md\",\n }}\n placeholder={placeholder}\n align={\"right\"}\n value={value}\n data-testid={props.testId}\n autoComplete={\"off\"}\n onValueChange={onValueChange}\n formatters={[\n // inputFormatter.numberFormatter,\n props.formatter({ dp: quote_dp, mode }),\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n // className={color}\n classNames={{\n input: cn(\"oui-text-2xs\", color),\n prefix: \"oui-text-base-contrast-54 oui-text-2xs\",\n root: \"oui-outline-line-12 focus-within:oui-outline-primary-light\",\n }}\n onFocus={() => {\n setPlaceholder(\"\");\n props.setFocus(true);\n }}\n onBlur={() => {\n setPlaceholder(mode === PnLMode.PERCENTAGE ? \"%\" : quote);\n props.setFocus(false);\n }}\n // value={props.value}\n suffix={\n <>\n {mode === PnLMode.PERCENTAGE && !!value && (\n <Text\n size={\"2xs\"}\n color=\"inherit\"\n className={cn(\"oui-ml-[2px]\", color)}\n >\n %\n </Text>\n )}\n <PNLMenus\n mode={mode}\n modes={modes}\n onModeChange={(item) => onModeChange(item.value as PnLMode)}\n />\n </>\n }\n />\n );\n};\n\nconst PNLMenus = (props: {\n mode?: string;\n modes: MenuItem[];\n onModeChange: (value: MenuItem) => void;\n}) => {\n return (\n <SimpleDropdownMenu\n currentValue={props.mode}\n menu={props.modes}\n align={\"end\"}\n size={\"xs\"}\n className={\"oui-min-w-[80px]\"}\n onSelect={(item) => props.onModeChange(item as MenuItem)}\n >\n <button className={\"oui-p-2\"}>\n <CaretDownIcon size={12} color={\"white\"} />\n </button>\n </SimpleDropdownMenu>\n );\n};\n","import { useMemo, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { MenuItem } from \"@orderly.network/ui\";\nimport type {\n InputFormatter,\n InputFormatterOptions,\n} from \"@orderly.network/ui\";\nimport { Decimal, todpIfNeed } from \"@orderly.network/utils\";\n\nexport enum PnLMode {\n PnL = \"PnL\",\n OFFSET = \"Offset\",\n PERCENTAGE = \"Offset%\",\n}\n\nexport type PNL_Values = {\n PnL: string | undefined;\n Offset: string | undefined;\n \"Offset%\": string | undefined;\n};\n\nexport type BuilderProps = {\n type: \"TP\" | \"SL\";\n\n quote_dp?: number;\n onChange: (key: string, value: number | string) => void;\n\n values: PNL_Values;\n};\n\nexport const usePNLInputBuilder = (props: BuilderProps) => {\n const { type, values } = props;\n const [mode, setMode] = useLocalStorage<PnLMode>(\n \"TP/SL_Mode\",\n PnLMode.PERCENTAGE,\n );\n const [focus, setFocus] = useState(true);\n\n const { t } = useTranslation();\n\n const key = useMemo(() => {\n switch (mode) {\n case PnLMode.OFFSET:\n return `${type.toLowerCase()}_offset`;\n case PnLMode.PERCENTAGE:\n return `${type.toLowerCase()}_offset_percentage`;\n default:\n return `${type.toLowerCase()}_pnl`;\n }\n }, [mode]);\n\n const value = useMemo(() => {\n return values[mode as keyof PNL_Values];\n }, [values, mode]);\n\n const modes = useMemo<MenuItem[]>(() => {\n return [\n {\n label: t(\"tpsl.pnl\"),\n value: PnLMode.PnL,\n testId: `${PnLMode.PnL}_menu_item`,\n },\n {\n label: t(\"tpsl.offset\"),\n value: PnLMode.OFFSET,\n testId: `${PnLMode.OFFSET}_mneu_item`,\n },\n {\n label: `${t(\"tpsl.offset\")}%`,\n value: PnLMode.PERCENTAGE,\n testId: `${PnLMode.PERCENTAGE}_menu_item`,\n },\n ];\n }, [t]);\n\n const percentageSuffix = useRef<string>(\"\");\n\n const onValueChange = (value: string) => {\n props.onChange(key, value);\n };\n\n const formatter = (options: {\n dp?: number;\n mode: PnLMode;\n }): InputFormatter => {\n const { dp = 2 } = options;\n return {\n onRenderBefore: (\n value: string | number,\n options: InputFormatterOptions,\n ) => {\n value = `${value}`; // convert to string\n\n if (focus) {\n if (type === \"SL\" && mode === PnLMode.PnL) {\n value = value.startsWith(\"-\") ? value : \"-\" + value;\n }\n }\n\n if (value === \"\" || value === \"-\") return \"\";\n // if (mode === PnLMode.PnL || mode === PnLMode.OFFSET) {\n // return commify(value);\n // }\n\n if (mode === PnLMode.PERCENTAGE) {\n return `${new Decimal(\n value.replace(\n new RegExp(percentageSuffix.current.replace(\".\", \"\\\\.\") + \"$\"),\n \"\",\n ),\n )\n .mul(100)\n .todp(2, 4)\n .toString()}${percentageSuffix.current}`;\n } else if (mode === PnLMode.OFFSET) {\n value = todpIfNeed(value, dp);\n } else {\n // value = new Decimal(value).todp(2).toString();\n }\n\n return `${value}`;\n },\n onSendBefore: (value: string) => {\n if (/^\\-?0{2,}$/.test(value)) {\n return \"0\";\n }\n\n if (mode === PnLMode.PERCENTAGE) {\n // console.log(\"value\", value);\n if (value !== \"\") {\n // percentageSuffix.current = value.endsWith(\".\") ? \".\" : \"\";\n value = todpIfNeed(value, 2);\n const endStr = value.match(/\\.0{0,2}$/);\n if (!!endStr) {\n percentageSuffix.current = endStr[0];\n } else {\n percentageSuffix.current = \"\";\n }\n value = new Decimal(value).div(100).toString();\n value = `${value}${percentageSuffix.current}`;\n }\n } else if (mode === PnLMode.PnL && type === \"SL\" && focus) {\n value = value.startsWith(\"-\") ? value : \"-\" + value;\n } else {\n value = todpIfNeed(value, dp);\n }\n\n if (value === \"\" || value === \"-\") return \"\";\n\n return value;\n },\n };\n // return {\n // onRenderBefore: (\n // value: string | number,\n // options: InputFormatterOptions\n // ) => {\n // // console.log(\"???\", options);\n // const { isFocused } = options;\n // value = `${value}`;\n // if (value === \"\" || value === \"-\") return \"\";\n\n // // if (type === \"SL\" && mode === PnLMode.PnL) {\n // // if (isFocused) {\n // // value = value.startsWith(\"-\") ? value : \"-\" + value;\n // // }\n // // }\n\n // if (mode === PnLMode.PERCENTAGE) {\n // return `${todpIfNeed(new Decimal(value).mul(100).toString(), 2)}${\n // percentageSuffix.current\n // }`;\n // // return (Number(value) * 100).toFixed(2);\n // } else if (mode === PnLMode.OFFSET) {\n // value = todpIfNeed(value, 2);\n // } else {\n // // value = new Decimal(value).todp(2).toString();\n // }\n\n // return value;\n // },\n // onSendBefore: (value: string, options: InputFormatterOptions) => {\n // const { isFocused } = options;\n\n // if (mode === PnLMode.PERCENTAGE) {\n // if (value !== \"\") {\n // percentageSuffix.current = value.endsWith(\".\") ? \".\" : \"\";\n // value = new Decimal(value).div(100).toString();\n // value = todpIfNeed(value, 4);\n // }\n // } else {\n // // value = todpIfNeed(value, quote_dp);\n // if (isFocused) {\n // if (type === \"SL\" && mode === PnLMode.PnL) {\n // // if (\n // // typeof values[PnLMode.PnL] !== \"undefined\" &&\n // // values[PnLMode.PnL] !== \"\"\n // // )\n // // return value;\n // const num = Number(value);\n // if (!isNaN(num) && num !== 0) {\n // value = (Math.abs(num) * -1).toString();\n // } else {\n // value = \"\";\n // }\n // }\n // }\n // }\n\n // return value;\n // },\n // };\n };\n\n return {\n mode,\n modes,\n type: props.type,\n formatter,\n onModeChange: (mode: PnLMode) => {\n setMode(mode);\n },\n value,\n pnl: values[PnLMode.PnL],\n onValueChange,\n quote_dp: props.quote_dp,\n setFocus,\n };\n};\n\nexport type PNLInputState = ReturnType<typeof usePNLInputBuilder>;\n","import { PNLInput } from \"./pnlInput.ui\";\nimport { BuilderProps, usePNLInputBuilder } from \"./useBuilder.script\";\n\nexport const PnlInputWidget = (\n props: BuilderProps & {\n testId?: string;\n quote: string;\n }\n) => {\n const { testId, quote, ...rest } = props;\n const state = usePNLInputBuilder(rest);\n return <PNLInput {...state} testId={testId} quote={quote} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderType } from \"@orderly.network/types\";\nimport { Select, Text } from \"@orderly.network/ui\";\n\ntype Props = {\n type: OrderType;\n onChange: (type: OrderType) => void;\n disabled?: boolean;\n};\n\nexport const OrderPriceType = (props: Props) => {\n const { t } = useTranslation();\n const options = [\n { label: t(\"orderEntry.orderType.limitOrder\"), value: OrderType.LIMIT },\n { label: t(\"orderEntry.orderType.marketOrder\"), value: OrderType.MARKET },\n ];\n return (\n <Select.options\n value={props.type}\n options={options}\n disabled={props.disabled}\n onValueChange={props.onChange}\n size={\"xs\"}\n classNames={{\n trigger:\n \"oui-bg-transparent oui-w-auto oui-outline-line-1 oui-input-root oui-bg-base-6 oui-h-10 lg:oui-h-8 oui-outline-line-12 \",\n }}\n valueFormatter={(value, option) => {\n const displayLabel = {\n [OrderType.LIMIT]: t(\"orderEntry.orderType.limit\"),\n [OrderType.MARKET]: t(\"common.marketPrice\"),\n }[value];\n return <Text size={\"2xs\"}>{displayLabel}</Text>;\n }}\n />\n );\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Input, inputFormatter } from \"@orderly.network/ui\";\n\nexport const PriceInput: React.FC<{\n type: string;\n label?: string;\n value?: string | number;\n error?: string;\n onValueChange: (value: string) => void;\n quote_dp: number;\n disabled?: boolean;\n}> = (props) => {\n const [placeholder, setPlaceholder] = useState<string>(\"USDC\");\n const { t } = useTranslation();\n\n return (\n <Input.tooltip\n data-testid={`oui-testid-tpsl-popUp-${props.type.toLowerCase()}-input`}\n prefix={props.label ?? t(\"common.markPrice\")}\n size={{ initial: \"lg\", lg: \"md\" }}\n tooltip={props.error}\n placeholder={placeholder}\n disabled={props.disabled}\n align={\"right\"}\n autoComplete={\"off\"}\n value={props.value}\n color={props.error ? \"danger\" : undefined}\n classNames={{\n input: \"oui-text-2xs placeholder:oui-text-2xs\",\n prefix: \"oui-text-base-contrast-54 oui-text-2xs\",\n root: \"oui-w-full\",\n // root: \"oui-outline-line-12 focus-within:oui-outline-primary-light\",\n }}\n onValueChange={props.onValueChange}\n onFocus={() => {\n setPlaceholder(\"\");\n }}\n onBlur={() => {\n setPlaceholder(\"USDC\");\n }}\n formatters={[\n inputFormatter.numberFormatter,\n inputFormatter.dpFormatter(props.quote_dp),\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n />\n );\n};\n","import { Props, useTPSLInputRowScript } from \"./tpslInputRow.script\";\nimport { TPSLInputRowUI } from \"./tpslInputRow.ui\";\n\nexport const TPSLInputRowWidget = (props: Props) => {\n const state = useTPSLInputRowScript(props);\n return <TPSLInputRowUI {...state} />;\n};\n","import { useState } from \"react\";\nimport { OrderlyOrder, PositionType } from \"@orderly.network/types\";\n\ntype OrderValueKeys = keyof OrderlyOrder;\nexport type PositionTypeProps = {\n disableSelector?: boolean;\n value: PositionType;\n onChange: (key: OrderValueKeys, value: any) => void;\n};\n\nexport const useTPSLPositionTypeScript = (props: PositionTypeProps) => {\n return {\n value: props.value,\n onChange: props.onChange,\n disableSelector: props.disableSelector,\n };\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { PositionType } from \"@orderly.network/types\";\nimport {\n ExclamationFillIcon,\n Flex,\n Select,\n Text,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { useTPSLPositionTypeScript } from \"./tpslPositionType.script\";\n\ntype TPSLPositionTypeUIProps = ReturnType<typeof useTPSLPositionTypeScript>;\n\nconst positionTypeKey = \"position_type\";\nexport const TPSLPositionTypeUI = (props: TPSLPositionTypeUIProps) => {\n const { t } = useTranslation();\n const options = [\n {\n label: t(\"tpsl.positionType.partial\"),\n value: PositionType.PARTIAL,\n },\n {\n label: t(\"tpsl.positionType.full\"),\n value: PositionType.FULL,\n },\n ];\n\n return (\n <Flex gap={1} itemAlign={\"center\"} justify={\"start\"}>\n <Tooltip\n className=\"oui-w-[280px] oui-p-3\"\n content={\n props.value === PositionType.FULL\n ? t(\"tpsl.positionType.full.tips\")\n : t(\"tpsl.positionType.partial.tips\")\n }\n >\n <ExclamationFillIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-54\"\n size={12}\n />\n </Tooltip>\n {props.disableSelector ? (\n props.value === PositionType.FULL ? (\n <Text className=\"oui-text-2xs oui-font-semibold oui-text-base-contrast-54\">\n {t(\"tpsl.positionType.full\")}\n </Text>\n ) : (\n <Text className=\"oui-text-2xs oui-font-semibold oui-text-base-contrast-54\">\n {t(\"tpsl.positionType.partial\")}\n </Text>\n )\n ) : (\n <Select.options\n value={props.value}\n options={options}\n onValueChange={(event) => {\n props.onChange(positionTypeKey, event as PositionType);\n }}\n size={\"xs\"}\n classNames={{\n trigger: \" oui-bg-transparent oui-border-0 oui-w-auto oui-px-0\",\n }}\n contentProps={{\n className: \" oui-bg-base-8 oui-border-0\",\n }}\n />\n )}\n </Flex>\n );\n};\n","import {\n PositionTypeProps,\n useTPSLPositionTypeScript,\n} from \"./tpslPositionType.script\";\nimport { TPSLPositionTypeUI } from \"./tpslPositionType.ui\";\n\nexport const TPSLPositionTypeWidget = (props: PositionTypeProps) => {\n const state = useTPSLPositionTypeScript(props);\n return <TPSLPositionTypeUI {...state} />;\n};\n","import { useRef } from \"react\";\nimport { utils } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n convertValueToPercentage,\n Flex,\n Input,\n Slider,\n Text,\n} from \"@orderly.network/ui\";\nimport { inputFormatter } from \"@orderly.network/ui\";\nimport { cn } from \"@orderly.network/ui\";\n\nexport const TPSLQuantity = (props: {\n maxQty: number;\n baseTick: number;\n dp: number;\n quote: string;\n onQuantityChange?: (value: number | string) => void;\n quantity: number;\n isEditing?: boolean;\n setOrderValue?: (key: string, value: number | string) => void;\n errorMsg?: string;\n}) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const currentQtyPercentage =\n convertValueToPercentage(props.quantity, 0, props.maxQty) / 100;\n const { t } = useTranslation();\n\n const formatQuantity = (qty: string) => {\n let _qty = qty;\n if (Number(qty) > props.maxQty) {\n _qty = props.maxQty.toString();\n }\n if (props.baseTick > 0) {\n props.onQuantityChange?.(utils.formatNumber(_qty, props.baseTick) ?? qty);\n }\n };\n\n const errorMsg =\n props.quantity.toString().length > 0 ? props.errorMsg : undefined;\n\n return (\n <>\n <Flex gap={2}>\n <div className={\"oui-flex-1\"}>\n <Input.tooltip\n data-testid=\"oui-testid-tpsl-popUp-quantity-input\"\n ref={inputRef}\n prefix={t(\"common.quantity\")}\n size={{\n initial: \"md\",\n lg: \"sm\",\n }}\n align=\"right\"\n value={props.quantity}\n autoComplete=\"off\"\n classNames={{\n prefix: \"oui-text-base-contrast-54\",\n root: cn(\n \"oui-bg-base-5 oui-outline-line-12\",\n errorMsg && \"oui-outline-danger\",\n ),\n }}\n tooltipProps={{\n content: {\n className: \"oui-bg-base-6 oui-text-base-contrast-80\",\n },\n arrow: {\n className: \"oui-fill-base-6\",\n },\n }}\n tooltip={errorMsg}\n color={errorMsg ? \"danger\" : undefined}\n formatters={[\n inputFormatter.dpFormatter(props.dp),\n inputFormatter.numberFormatter,\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n onValueChange={(value) => {\n props.onQuantityChange?.(value);\n const qty = Number(value);\n console.log(\"qty\", value, Number(value), qty);\n if (qty && qty > props.maxQty) {\n const qty = props.maxQty;\n props.onQuantityChange?.(qty);\n inputRef.current?.blur();\n }\n }}\n onBlur={(e) => formatQuantity(e.target.value)}\n suffix={\n <span className=\"oui-text-2xs oui-text-base-contrast-54 oui-px-3\">\n {props.quote}\n </span>\n }\n />\n </div>\n </Flex>\n <Flex mt={2} itemAlign={\"center\"} height={\"15px\"}>\n <Slider.single\n markCount={5}\n color=\"primary\"\n max={props.maxQty}\n min={0}\n showTip\n step={props.baseTick}\n value={props.quantity}\n onValueCommit={(value) => {\n formatQuantity(`${value}`);\n }}\n onValueChange={(value) => {\n props.onQuantityChange?.(value);\n }}\n />\n </Flex>\n <Flex justify={\"between\"}>\n <Text.numeral rule={\"percentages\"} color={\"primary\"} size={\"2xs\"}>\n {currentQtyPercentage}\n </Text.numeral>\n <Flex itemAlign={\"center\"} gap={1}>\n <button\n className={\"oui-leading-none\"}\n style={{ lineHeight: 0 }}\n onClick={() => {\n props.onQuantityChange?.(props.maxQty);\n }}\n >\n <Text color={\"primary\"} size={\"2xs\"}>\n {t(\"common.max\")}\n </Text>\n </button>\n\n <Text.numeral\n rule={\"price\"}\n size={\"2xs\"}\n intensity={54}\n tick={props.baseTick}\n >\n {props.maxQty}\n </Text.numeral>\n </Flex>\n </Flex>\n </>\n );\n};\n","import { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n usePositionStream,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrderRootType,\n AlgoOrderType,\n API,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { modal, toast } from \"@orderly.network/ui\";\nimport { PositionTPSLConfirm } from \"./positionTpslConfirm\";\n\ntype PropsWithTriggerPrice = {\n withTriggerPrice?: boolean;\n triggerPrice?: number;\n type?: \"tp\" | \"sl\";\n qty?: number;\n};\n\nexport type TPSLBuilderOptions = {\n symbol: string;\n position?: API.Position;\n order?: API.AlgoOrder;\n onTPSLTypeChange?: (type: AlgoOrderRootType) => void;\n isEditing?: boolean;\n positionType?: PositionType;\n /**\n * either show the confirm dialog or not,\n * if the Promise reject or return false, cancel the submit action\n */\n onConfirm?: (\n order: ComputedAlgoOrder,\n options: {\n position: API.Position;\n submit: (params?: { accountId?: string }) => Promise<any>;\n cancel: () => Promise<any>;\n },\n ) => Promise<boolean>;\n close?: () => void;\n};\n\nexport const useTPSLBuilder = (\n options: TPSLBuilderOptions & PropsWithTriggerPrice,\n) => {\n const {\n symbol,\n order,\n isEditing,\n positionType,\n triggerPrice,\n type,\n withTriggerPrice,\n } = options;\n const { t } = useTranslation();\n // const isEditing = !!order;\n if (isEditing && !order) {\n throw new SDKError(\"order is required when isEditing is true\");\n }\n // const symbol = isEditing ? order!.symbol : position.symbol;\n const symbolInfo = useSymbolsInfo();\n\n const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [{ rows: positions }] = usePositionStream();\n\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const position = positions.find((item) => item.symbol === symbol);\n if (!position) {\n throw new SDKError(\"position not found\");\n }\n\n const [\n tpslOrder,\n {\n submit,\n deleteOrder,\n setValue,\n setValues,\n validate,\n metaState,\n errors,\n isCreateMutating,\n isUpdateMutating,\n },\n ] = useTPSLOrder(\n {\n symbol,\n position_qty: position?.position_qty ?? 0,\n average_open_price: position?.average_open_price ?? 0,\n },\n {\n defaultOrder: order,\n positionType: triggerPrice ? PositionType.PARTIAL : positionType,\n tpslEnable: {\n tp_enable: !withTriggerPrice ? true : type === \"tp\",\n sl_enable: !withTriggerPrice ? true : type === \"sl\",\n },\n isEditing,\n },\n );\n\n const setQuantity = (value: number | string) => {\n setValue(\"quantity\", value);\n };\n\n const setOrderPrice = (\n name: \"tp_trigger_price\" | \"sl_trigger_price\",\n value: number | string,\n ) => {\n setValue(name, value);\n };\n\n const setPnL = (type: string, value: number | string) => {\n setValue(type, value);\n };\n\n const maxQty = useMemo(\n () => Math.abs(Number(position.position_qty)),\n [position.position_qty],\n );\n\n const dirty = useMemo(() => {\n const quantity =\n order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n ? maxQty\n : order?.quantity;\n\n let diff: number = 0;\n\n if (Number(tpslOrder.quantity) !== quantity) {\n diff = 1;\n } else if (!isEditing && !!tpslOrder.quantity) {\n diff = 1;\n }\n\n if (order && isEditing) {\n const { tp_trigger_price, sl_trigger_price } =\n utils.findTPSLFromOrder(order);\n const { tp_order_price, sl_order_price } =\n utils.findTPSLOrderPriceFromOrder(order);\n\n if (\n tp_trigger_price !== Number(tpslOrder.tp_trigger_price) &&\n typeof typeof tpslOrder.tp_trigger_price !== \"undefined\"\n ) {\n diff = 2;\n }\n\n if (\n sl_trigger_price !== Number(tpslOrder.sl_trigger_price) &&\n typeof tpslOrder.sl_trigger_price !== \"undefined\"\n ) {\n diff = 3;\n }\n if (\n typeof tpslOrder.tp_order_price !== \"undefined\" &&\n tp_order_price !== OrderType.MARKET &&\n tp_order_price !== Number(tpslOrder.tp_order_price)\n ) {\n diff = 4;\n }\n if (\n typeof tpslOrder.sl_order_price !== \"undefined\" &&\n sl_order_price !== OrderType.MARKET &&\n sl_order_price !== Number(tpslOrder.sl_order_price)\n ) {\n diff = 5;\n }\n }\n\n if (\n diff === 1 &&\n !tpslOrder.tp_trigger_price &&\n !tpslOrder.sl_trigger_price\n ) {\n diff = -1;\n }\n\n return diff;\n }, [\n tpslOrder.tp_trigger_price,\n tpslOrder.tp_order_price,\n tpslOrder.sl_trigger_price,\n tpslOrder.sl_order_price,\n tpslOrder.quantity,\n order,\n isEditing,\n ]);\n\n useEffect(() => {\n if (!withTriggerPrice) {\n return;\n }\n if (!triggerPrice) {\n return;\n }\n if (type === \"tp\") {\n setValue(\"tp_trigger_price\", triggerPrice);\n } else {\n setValue(\"sl_trigger_price\", triggerPrice);\n }\n if (options.qty) {\n setValue(\"quantity\", options.qty);\n }\n }, [type, triggerPrice, options.qty]);\n\n const cancel = (): Promise<void> => {\n if (order?.algo_order_id && order?.symbol) {\n return deleteOrder(order?.algo_order_id, order?.symbol);\n }\n return Promise.reject(\"order id or symbol is invalid\");\n };\n\n const onConfirm = (\n order: ComputedAlgoOrder,\n options: {\n position: API.Position;\n submit: (params?: { accountId?: string }) => Promise<any>;\n cancel: () => Promise<any>;\n },\n ) => {\n if (!needConfirm) {\n return Promise.resolve(true);\n }\n\n const maxQty = Math.abs(Number(position.position_qty));\n if (\n `${order.tp_trigger_price ?? \"\"}`.length === 0 &&\n `${order.sl_trigger_price ?? \"\"}`.length === 0\n ) {\n return modal\n .confirm({\n title: t(\"orders.cancelOrder\"),\n content: t(\"tpsl.cancelOrder.description\"),\n onOk: () => {\n return options.cancel();\n },\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n }\n\n return modal\n .confirm({\n title: t(\"tpsl.confirmOrder\"),\n // bodyClassName: \"lg:oui-py-0\",\n onOk: async () => {\n try {\n const res = await options.submit({\n accountId: position.account_id,\n });\n\n if (res.success) {\n return res;\n }\n\n if (res.message) {\n toast.error(res.message);\n }\n\n return false;\n } catch (err: any) {\n if (err?.message) {\n toast.error(err.message);\n }\n return false;\n }\n },\n classNames: {\n body: \"!oui-pb-0\",\n },\n content: (\n <PositionTPSLConfirm\n isPositionTPSL={positionType === PositionType.FULL}\n isEditing={isEditing}\n symbol={order.symbol!}\n qty={Number(order.quantity)}\n maxQty={maxQty}\n tpPrice={Number(order.tp_trigger_price)}\n slPrice={Number(order.sl_trigger_price)}\n side={order.side!}\n orderInfo={order}\n quoteDP={symbolInfo[symbol](\"quote_dp\") ?? 2}\n baseDP={symbolInfo[symbol](\"base_dp\") ?? 2}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n };\n\n const onSubmit = async () => {\n try {\n const validOrder = await validate();\n console.log(\"validOrder\", validOrder);\n if (validOrder) {\n if (!needConfirm) {\n return submit({ accountId: position.account_id })\n .then(() => true)\n .catch((err) => {\n if (err?.message) {\n toast.error(err.message);\n }\n throw false;\n });\n }\n\n return onConfirm(tpslOrder, {\n position,\n submit,\n cancel,\n });\n }\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n return {\n isEditing,\n symbolInfo: symbolInfo[symbol],\n maxQty,\n setQuantity,\n orderQuantity: tpslOrder.quantity,\n // isPosition: isPositionTPSL,\n\n TPSL_OrderEntity: tpslOrder,\n setOrderValue: setValue,\n setPnL,\n setOrderPrice,\n // needConfirm,\n onSubmit,\n metaState,\n errors,\n status: {\n isCreateMutating,\n isUpdateMutating,\n },\n position,\n setValues,\n } as const;\n};\n\nexport type TPSLBuilderState = ReturnType<typeof useTPSLBuilder>;\n","import {\n ComputedAlgoOrder,\n useLocalStorage,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderSide, PositionType } from \"@orderly.network/types\";\nimport {\n Badge,\n Box,\n Checkbox,\n cn,\n Divider,\n Flex,\n Text,\n textVariants,\n} from \"@orderly.network/ui\";\nimport { transSymbolformString } from \"@orderly.network/utils\";\n\nexport type PositionTPSLConfirmProps = {\n symbol: string;\n qty: number;\n tpPrice?: number;\n slPrice?: number;\n maxQty: number;\n side: OrderSide;\n // symbolConfig:API.SymbolExt\n baseDP: number;\n quoteDP: number;\n isEditing?: boolean;\n isPositionTPSL?: boolean;\n orderInfo: ComputedAlgoOrder;\n};\n\nconst TPSLOrderType = (props: { tpPrice?: number; slPrice?: number }) => {\n const { tpPrice, slPrice } = props;\n const { t } = useTranslation();\n\n if (!!tpPrice && !!slPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"common.tpsl\")}\n </Badge>\n );\n }\n\n if (!!tpPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"tpsl.tp\")}\n </Badge>\n );\n }\n\n if (!!slPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"tpsl.sl\")}\n </Badge>\n );\n }\n\n return null;\n};\n\n// ------------ Position TP/SL Confirm dialog start------------\nexport const PositionTPSLConfirm = (props: PositionTPSLConfirmProps) => {\n const {\n symbol,\n tpPrice,\n slPrice,\n qty,\n maxQty,\n side,\n quoteDP,\n baseDP,\n isEditing,\n isPositionTPSL: _isPositionTPSL,\n orderInfo: order,\n } = props;\n const { t } = useTranslation();\n\n const [needConfirm, setNeedConfirm] = useLocalStorage(\n \"orderly_order_confirm\",\n true,\n );\n const renderPositionType = () => {\n if (order.position_type === PositionType.FULL) {\n return <Text>{t(\"tpsl.positionType.full\")}</Text>;\n }\n return <Text>{t(\"tpsl.positionType.partial\")}</Text>;\n };\n // console.log(\"PositionTPSLConfirm\", qty, maxQty, quoteDP);\n\n const renderTPSLPrice = ({\n price,\n isOrderPrice,\n isEnable,\n colorType,\n }: {\n price: string | number;\n isOrderPrice?: boolean;\n isEnable?: boolean;\n colorType: \"TP\" | \"SL\";\n }) => {\n if (!isEnable) {\n return <Text className=\"oui-text-base-contrast-36\">-- USDC</Text>;\n }\n if (!price) {\n if (isOrderPrice) {\n return (\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n );\n }\n }\n return (\n <Text.numeral\n unit={\"USDC\"}\n rule={\"price\"}\n className={cn(\n \"oui-text-base-contrast\",\n colorType === \"TP\" ? \"oui-text-trade-profit\" : \"oui-text-trade-loss\",\n )}\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n dp={quoteDP}\n padding={false}\n >\n {price}\n </Text.numeral>\n );\n };\n\n const isPositionTPSL = _isPositionTPSL;\n\n return (\n <>\n {isEditing && (\n <Text as=\"div\" size=\"2xs\" intensity={80} className=\"oui-mb-3\">\n {t(\"tpsl.agreement\", { symbol: transSymbolformString(symbol) })}\n </Text>\n )}\n\n <Flex pb={4}>\n <Box grow>\n <Text.formatted\n rule={\"symbol\"}\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n as=\"div\"\n intensity={80}\n >\n {symbol}\n </Text.formatted>\n </Box>\n <Flex gap={1}>\n {isPositionTPSL && (\n <Badge size=\"xs\" color={\"primary\"}>\n {t(\"common.position\")}\n </Badge>\n )}\n\n {/* <Badge size=\"xs\" color=\"neutral\">\n TP/SL\n </Badge> */}\n <TPSLOrderType tpPrice={tpPrice} slPrice={slPrice} />\n {side === OrderSide.SELL ? (\n <Badge size=\"xs\" color=\"success\">\n {t(\"common.buy\")}\n </Badge>\n ) : (\n <Badge size=\"xs\" color=\"danger\">\n {t(\"common.sell\")}\n </Badge>\n )}\n </Flex>\n </Flex>\n <Divider />\n {order.tp_trigger_price || order.sl_trigger_price ? (\n <>\n <Divider className=\"oui-my-4\" />\n <div\n className={textVariants({\n size: \"sm\",\n intensity: 54,\n className:\n \"oui-space-y-1 oui-w-full oui-flex oui-flex-col oui-gap-3\",\n })}\n >\n <Text className=\"oui-text-base-contrast\">\n {renderPositionType()}\n </Text>\n <Flex justify={\"between\"}>\n <Text>{t(\"common.orderQty\")}</Text>\n <Text.numeral\n rule={\"price\"}\n dp={baseDP}\n padding={false}\n className=\"oui-text-base-contrast\"\n >\n {order.quantity ?? \"-\"}\n </Text.numeral>\n </Flex>\n\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n gap={1}\n className=\"oui-w-full\"\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.tpTriggerPrice\")}</Text>{\" \"}\n {renderTPSLPrice({\n price: order.tp_trigger_price ?? \"\",\n isOrderPrice: false,\n isEnable: !!order.tp_trigger_price,\n colorType: \"TP\",\n })}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.tpOrderPrice\")}</Text>\n {renderTPSLPrice({\n price: order.tp_order_price ?? \"\",\n isOrderPrice: true,\n isEnable: !!order.tp_trigger_price,\n colorType: \"TP\",\n })}\n </Flex>\n </Flex>\n\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n gap={1}\n className=\"oui-w-full\"\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.slTriggerPrice\")}</Text>\n {renderTPSLPrice({\n price: order.sl_trigger_price ?? \"\",\n isOrderPrice: false,\n isEnable: !!order.sl_trigger_price,\n colorType: \"SL\",\n })}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.slOrderPrice\")}</Text>\n {renderTPSLPrice({\n price: order.sl_order_price ?? \"\",\n isOrderPrice: true,\n isEnable: !!order.sl_trigger_price,\n colorType: \"SL\",\n })}\n </Flex>\n </Flex>\n </div>\n </>\n ) : null}\n <Box pt={2}>\n <Flex gap={1}>\n <Checkbox\n id=\"disabledConfirm\"\n color=\"white\"\n checked={!needConfirm}\n onCheckedChange={(check) => {\n setNeedConfirm(!check);\n }}\n />\n <label\n htmlFor=\"disabledConfirm\"\n className={textVariants({\n size: \"xs\",\n intensity: 54,\n className: \"oui-ml-1\",\n })}\n >\n {t(\"orderEntry.disableOrderConfirm\")}\n </label>\n </Flex>\n </Box>\n </>\n );\n};\n\n//------------- Position TP/SL Confirm dialog end------------\n","import { useMemo } from \"react\";\nimport { useLocalStorage, useMarkPrice } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API, PositionType } from \"@orderly.network/types\";\nimport {\n Flex,\n modal,\n useModal,\n Text,\n Box,\n Badge,\n Divider,\n toast,\n} from \"@orderly.network/ui\";\nimport { TPSLWidget, TPSLWidgetProps } from \"./positionTPSL\";\n\ntype TPSLSheetProps = {\n order?: API.AlgoOrder;\n // label: string;\n // baseDP?: number;\n // quoteDP?: number;\n symbolInfo: API.SymbolExt;\n isEditing?: boolean;\n};\n\nexport const PositionTPSLSheet = (props: TPSLWidgetProps & TPSLSheetProps) => {\n const { position, order, symbolInfo, isEditing } = props;\n const { resolve, hide, updateArgs } = useModal();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n return (\n <>\n <TPSLWidget\n {...props}\n positionType={\n props.positionType ??\n (isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL)\n }\n onCancel={() => {\n hide();\n }}\n />\n </>\n );\n};\n","import { useEffect, useState, SVGProps } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Button,\n cn,\n Divider,\n Flex,\n ScrollArea,\n Text,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { useTPSLAdvanced } from \"./useTPSLAdvanced.script\";\n\ntype Props = ReturnType<typeof useTPSLAdvanced>;\n\nexport const TPSLAdvancedUI = (props: Props) => {\n const { t } = useTranslation();\n const { errors, validated } = props.metaState;\n\n const {\n formattedOrder,\n setValue: setOrderValue,\n symbolInfo,\n setValues,\n } = props;\n const [tpValues, setTpValuse] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n });\n\n const [slValues, setSlValues] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n });\n\n // Update tpValues when formattedOrder changes\n useEffect(() => {\n setTpValuse((prev) => ({\n ...prev,\n enable: formattedOrder.tp_enable ?? true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n useEffect(() => {\n setSlValues((prev) => ({\n ...prev,\n enable: formattedOrder.sl_enable ?? true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n return (\n <div className=\"oui-rounded-[16px] oui-py-3 oui-flex oui-flex-col oui-justify-between oui-h-full\">\n <div className=\"oui-px-3\">\n <Flex\n className=\"oui-mb-5 oui-cursor-pointer oui-text-base oui-text-base-contrast-80\"\n gap={1}\n itemAlign={\"center\"}\n onClick={props.onClose}\n >\n <ArrowRightIcon className=\" oui-text-base-contrast-80\" />\n <Text>{t(\"tpsl.advanced.title\")}</Text>\n </Flex>\n </div>\n <ScrollArea className=\"oui-flex-1\">\n <div className=\"oui-px-3\">\n <OrderInfo\n order={formattedOrder as OrderlyOrder}\n baseDP={symbolInfo.base_dp}\n quoteDP={symbolInfo.quote_dp}\n />\n </div>\n <Divider className=\"oui-my-3\" />\n <div className=\"oui-px-3\">\n <Flex className=\"oui-gap-[6px]\">\n <Button\n onClick={() => {\n setOrderValue(\"side\", OrderSide.BUY);\n }}\n size={\"sm\"}\n fullWidth\n data-type={OrderSide.BUY}\n // color={side === OrderSide.BUY ? \"buy\" : \"secondary\"}\n className={cn(\n formattedOrder.side === OrderSide.BUY\n ? \"oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80\"\n : \"oui-bg-base-7 oui-text-base-contrast-36 hover:oui-bg-base-6 active:oui-bg-base-6\",\n )}\n data-testid=\"oui-testid-orderEntry-side-buy-button\"\n >\n {t(\"common.buy\")}\n </Button>\n <Button\n onClick={() => {\n setOrderValue(\"side\", OrderSide.SELL);\n }}\n data-type={OrderSide.SELL}\n fullWidth\n size={\"sm\"}\n // color={side === OrderSide.SELL ? \"sell\" : \"secondary\"}\n className={cn(\n formattedOrder.side === OrderSide.SELL\n ? \"oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80\"\n : \"oui-bg-base-7 oui-text-base-contrast-36 hover:oui-bg-base-6 active:oui-bg-base-6\",\n )}\n data-testid=\"oui-testid-orderEntry-side-sell-button\"\n >\n {t(\"common.sell\")}\n </Button>\n </Flex>\n <div className=\"oui-py-3\">\n <TPSLPositionTypeWidget\n value={formattedOrder.position_type ?? PositionType.PARTIAL}\n onChange={(key, value) => {\n // setOrderValue(\"position_type\", value);\n if (value === PositionType.FULL) {\n setValues({\n position_type: PositionType.FULL,\n tp_order_type: OrderType.MARKET,\n tp_order_price: undefined,\n sl_order_type: OrderType.MARKET,\n sl_order_price: undefined,\n });\n // setOrderValue(\"tp_order_type\", OrderType.MARKET);\n // setOrderValue(\"sl_order_type\", OrderType.MARKET);\n return;\n }\n setOrderValue(\"position_type\", value);\n }}\n />\n {formattedOrder.position_type === PositionType.FULL && (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-3 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-[#D25f00]\" />\n <Text className=\"oui-text-2xs oui-text-[#D25f00]\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n </Flex>\n )}\n </div>\n <Flex direction={\"column\"} gap={6}>\n <TPSLInputRowWidget\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"tp\"\n values={tpValues}\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n onChange={(key, value) => {\n console.log(\"key\", key, \"value\", value);\n // setTpValuse((prev) => ({ ...prev, [key]: value }));\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n />\n <TPSLInputRowWidget\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"sl\"\n values={slValues}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n </Flex>\n\n <PnlInfo\n tp_pnl={formattedOrder.tp_pnl}\n sl_pnl={formattedOrder.sl_pnl}\n className=\"oui-mt-6\"\n />\n </div>\n </ScrollArea>\n <Flex className=\"oui-mt-6 oui-px-3\" gap={2}>\n <Button\n size=\"md\"\n fullWidth\n color=\"gray\"\n variant=\"outlined\"\n className=\"oui-text-base-contrast-36\"\n onClick={props.onClose}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n size=\"md\"\n fullWidth\n color=\"success\"\n className={cn(\n formattedOrder.side === OrderSide.SELL\n ? \"oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80\"\n : \"oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80\",\n )}\n onClick={props.onSubmit}\n >\n {t(\"tpsl.advanced.submit\")}\n </Button>\n </Flex>\n </div>\n );\n};\n\nexport const ArrowRightIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8.03752 2.9294C7.89169 2.95857 7.74527 3.03207 7.65661 3.16624L5.33145 6.66624C5.20137 6.86224 5.20137 7.12648 5.33145 7.32248L7.65661 10.8225C7.83452 11.0902 8.20669 11.1655 8.47385 10.9864C8.74044 10.8079 8.8151 10.434 8.63719 10.1662L6.53019 6.99408L8.63719 3.82249C8.8151 3.55416 8.74044 3.18082 8.47385 3.00232C8.34027 2.91249 8.18335 2.89965 8.03752 2.9294Z\" />\n </svg>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { OrderValidationResult, useOrderEntry } from \"@orderly.network/hooks\";\nimport { OrderlyOrder, OrderType, PositionType } from \"@orderly.network/types\";\n\ntype Props = {\n order: OrderlyOrder;\n setOrderValue: (key: string, value: any) => void;\n onSubmit: (formattedOrder: OrderlyOrder) => void;\n onClose: () => void;\n};\n\nconst isTPSLEnable = (order: OrderlyOrder, type: \"tp\" | \"sl\") => {\n if (order.tp_trigger_price || order.sl_trigger_price) {\n if (type === \"tp\") {\n return !!order.tp_trigger_price;\n }\n if (type === \"sl\") {\n return !!order.sl_trigger_price;\n }\n }\n // no edit, enable tp /sl\n return true;\n};\n\nexport const useTPSLAdvanced = (props: Props) => {\n const { order, setOrderValue, onClose } = props;\n const [innerMetaState, setInnerMetaState] =\n useState<OrderValidationResult | null>(null);\n const {\n formattedOrder,\n setValue,\n setValues,\n helper,\n symbolInfo,\n metaState,\n ...state\n } = useOrderEntry(order.symbol, {\n initialOrder: {\n symbol: order.symbol,\n order_type: order.order_type,\n side: order.side,\n order_price: order.order_price,\n order_quantity: order.order_quantity,\n position_type: order.position_type ?? PositionType.PARTIAL,\n trigger_price: order.trigger_price,\n tp_enable: isTPSLEnable(order, \"tp\"),\n sl_enable: isTPSLEnable(order, \"sl\"),\n tp_trigger_price: order.tp_trigger_price,\n sl_trigger_price: order.sl_trigger_price,\n tp_order_price: order.tp_order_price,\n sl_order_price: order.sl_order_price,\n tp_order_type: order.tp_order_type,\n sl_order_type: order.sl_order_type,\n sl_pnl: order.sl_pnl,\n sl_offset: order.sl_offset,\n sl_offset_percentage: order.sl_offset_percentage,\n tp_pnl: order.tp_pnl,\n tp_offset: order.tp_offset,\n tp_offset_percentage: order.tp_offset_percentage,\n },\n });\n\n const onSubmit = () => {\n helper\n .validate()\n .then(() => {\n props.onSubmit(formattedOrder as OrderlyOrder);\n })\n .catch((err) => {\n console.log(\"metaState\", metaState);\n console.log(\"err\", err);\n });\n };\n\n return {\n order,\n formattedOrder,\n symbolInfo,\n setValue,\n setValues,\n onSubmit,\n onClose,\n metaState,\n };\n};\n","import { i18n } from \"@orderly.network/i18n\";\nimport { OrderlyOrder } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { TPSLAdvancedUI } from \"./tpslAdvanced.ui\";\nimport { useTPSLAdvanced } from \"./useTPSLAdvanced.script\";\n\ntype Props = {\n order: OrderlyOrder;\n setOrderValue: (key: string, value: any) => void;\n onSubmit: (formattedOrder: OrderlyOrder) => void;\n onClose: () => void;\n};\n\nexport const TPSLAdvancedWidget = (props: Props) => {\n const state = useTPSLAdvanced({\n order: props.order,\n setOrderValue: props.setOrderValue,\n onSubmit: props.onSubmit,\n onClose: props.onClose,\n });\n return <TPSLAdvancedUI {...state} />;\n};\n\nexport const TPSLAdvancedSheetId = \"TPSLAdvancedSheetId\";\nexport const TPSLAdvancedDialogId = \"TPSLAdvancedDialogId\";\n\nregisterSimpleSheet(TPSLAdvancedSheetId, TPSLAdvancedWidget, {\n title: () => i18n.t(\"common.settings\"),\n});\n\nregisterSimpleDialog(TPSLAdvancedDialogId, TPSLAdvancedWidget, {\n title: () => i18n.t(\"common.settings\"),\n});\n","import { AlgoOrder, API } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useTPSLDetail } from \"./tpslDetail.script\";\nimport { TPSLDetailProvider } from \"./tpslDetailProvider\";\nimport { TPSLDetailUI } from \"./tsplDetail.ui\";\n\nexport type TPSLDetailProps = {\n position: API.Position;\n order: AlgoOrder;\n baseDP: number;\n quoteDP: number;\n};\n\nexport const TPSLDetailWidget = (props: TPSLDetailProps) => {\n const state = useTPSLDetail(props);\n return (\n <TPSLDetailProvider\n symbol={props.position.symbol}\n position={props.position}\n >\n <TPSLDetailUI {...state} />\n </TPSLDetailProvider>\n );\n};\nexport const TPSLDetailDialogId = \"TPSLDetailDialogId \";\nexport const TPSLDetailSheetId = \"TPSLDetailSheetId\";\nregisterSimpleDialog(TPSLDetailDialogId, TPSLDetailWidget, {\n classNames: {\n content: \"oui-w-[420px] lg:oui-pt-4 lg:oui-pb-2 !oui-px-0\",\n body: \"lg:oui-py-0\",\n },\n});\n\nregisterSimpleSheet(TPSLDetailSheetId, TPSLDetailWidget, {\n classNames: {\n content: \"!oui-p-0\",\n },\n});\n","import { useEffect, useState } from \"react\";\nimport {\n ComputedAlgoOrder,\n findPositionTPSLFromOrders,\n findTPSLFromOrder,\n useLocalStorage,\n useOrderStream,\n useSymbolsInfo,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrder,\n AlgoOrderRootType,\n API,\n OrderStatus,\n PositionType,\n} from \"@orderly.network/types\";\nimport { modal, toast, useScreen } from \"@orderly.network/ui\";\nimport { TPSLDialogId, TPSLSheetId } from \"../positionTPSL/tpsl.widget\";\nimport { TPSLDetailProps } from \"./tpslDetail.widget\";\n\nexport const useTPSLDetail = (props: TPSLDetailProps) => {\n const { position } = props;\n const symbol = position.symbol;\n const symbolInfo = useSymbolsInfo()[symbol];\n\n const { isMobile } = useScreen();\n const { t } = useTranslation();\n const [fullPositionOrders, setFullPositionOrders] = useState<API.AlgoOrder[]>(\n [],\n );\n const [partialPositionOrders, setPartialPositionOrders] = useState<\n API.AlgoOrder[]\n >([]);\n\n const [tpslOrders, { cancelAlgoOrder, cancelPostionOrdersByTypes, refresh }] =\n useOrderStream(\n {\n symbol: position.symbol,\n status: OrderStatus.INCOMPLETE,\n includes: [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL],\n size: 500,\n },\n {\n keeplive: true,\n },\n );\n\n const onCancelOrder = async (order: API.AlgoOrder) => {\n return await cancelAlgoOrder(order.algo_order_id, order.symbol);\n };\n const onCancelAllTPSLOrders = async () => {\n return await cancelPostionOrdersByTypes(symbol, [AlgoOrderRootType.TP_SL]);\n };\n\n const showTPSLDialog = ({\n order,\n positionType,\n isEditing,\n }: {\n order?: API.AlgoOrder;\n positionType: PositionType;\n isEditing: boolean;\n }) => {\n const dialogId = isMobile ? TPSLSheetId : TPSLDialogId;\n modal.show(dialogId, {\n order: order,\n symbol: position.symbol,\n positionType,\n isEditing,\n });\n };\n\n const editTPSLOrder = (order: API.AlgoOrder, positionType: PositionType) => {\n showTPSLDialog({ order, positionType, isEditing: true });\n };\n\n const addTPSLOrder = (positionType: PositionType) => {\n showTPSLDialog({ positionType, isEditing: false });\n };\n\n useEffect(() => {\n if (tpslOrders) {\n const { fullPositionOrder, partialPositionOrders } =\n findPositionTPSLFromOrders(tpslOrders, symbol);\n\n setFullPositionOrders(fullPositionOrder ? [fullPositionOrder] : []);\n setPartialPositionOrders(partialPositionOrders ?? []);\n }\n }, [tpslOrders, symbol]);\n\n return {\n symbolInfo,\n position,\n symbol,\n fullPositionOrders,\n partialPositionOrders,\n cancelPostionOrdersByTypes,\n onCancelOrder,\n onCancelAllTPSLOrders,\n editTPSLOrder,\n addTPSLOrder,\n };\n};\n\nexport type TPSLDetailState = ReturnType<typeof useTPSLDetail>;\n","import { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useSymbolsInfo } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\n\nexport interface TPSLDetailContextState {\n base_dp: number;\n quote_dp: number;\n position: API.Position;\n}\n\nexport const TPSLDetailContext = createContext({} as TPSLDetailContextState);\n\ninterface TPSLDetailProviderProps {\n symbol: string;\n position: API.Position;\n}\n\nexport const TPSLDetailProvider = (\n props: PropsWithChildren<TPSLDetailProviderProps>,\n) => {\n const symbolInfo = useSymbolsInfo()[props.symbol];\n return (\n <TPSLDetailContext.Provider\n value={{\n base_dp: symbolInfo(\"base_dp\"),\n quote_dp: symbolInfo(\"quote_dp\"),\n position: props.position,\n }}\n >\n {props.children}\n </TPSLDetailContext.Provider>\n );\n};\n\nexport const useTPSLDetailContext = () => {\n return useContext(TPSLDetailContext);\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API, PositionType } from \"@orderly.network/types\";\nimport {\n Box,\n ChevronDownIcon,\n cn,\n ExclamationFillIcon,\n Flex,\n Text,\n toast,\n Tooltip,\n ThrottledButton,\n useScreen,\n ScrollArea,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { OrdersTable } from \"./ordersTable\";\nimport { OrdersTableMobile } from \"./ordersTable.mobile\";\nimport { TPSLDetailState } from \"./tpslDetail.script\";\n\nexport const TPSLDetailUI = (props: TPSLDetailState) => {\n const { isMobile } = useScreen();\n const {\n position,\n fullPositionOrders,\n partialPositionOrders,\n onCancelOrder,\n onCancelAllTPSLOrders,\n editTPSLOrder,\n addTPSLOrder,\n symbolInfo,\n } = props;\n\n return (\n <Box>\n <ScrollArea className={cn(isMobile && \"oui-h-[calc(100vh-100px)]\")}>\n <OrderInfo\n order={{\n symbol: position.symbol,\n order_quantity: position.position_qty.toString(),\n order_price: position.average_open_price.toString(),\n }}\n baseDP={symbolInfo(\"base_dp\")}\n quoteDP={symbolInfo(\"quote_dp\")}\n classNames={{\n root: cn(\"oui-mb-6 oui-gap-3 oui-px-5\"),\n container: \"oui-gap-x-[30px]\",\n }}\n />\n <FullPositionPart\n position={position}\n orders={fullPositionOrders}\n onCancelOrder={onCancelOrder}\n onCancelAllTPSLOrders={onCancelAllTPSLOrders}\n editTPSLOrder={editTPSLOrder}\n addTPSLOrder={addTPSLOrder}\n />\n <PartialPositionPart\n position={position}\n orders={partialPositionOrders}\n onCancelOrder={onCancelOrder}\n onCancelAllTPSLOrders={onCancelAllTPSLOrders}\n editTPSLOrder={editTPSLOrder}\n addTPSLOrder={addTPSLOrder}\n />\n </ScrollArea>\n </Box>\n );\n};\n\nconst FullPositionPart = (props: {\n orders: API.AlgoOrder[];\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n onCancelAllTPSLOrders: () => Promise<void>;\n position: API.Position;\n editTPSLOrder: (order: API.AlgoOrder, positionType: PositionType) => void;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const [open, setOpen] = useState(true);\n const { orders } = props;\n const { isMobile } = useScreen();\n return (\n <Box className=\"oui-mt-6\">\n <Box\n className={cn(\"oui-flex oui-items-center oui-justify-between oui-px-5\")}\n >\n <PositionTypeDescription\n positionType={PositionType.FULL}\n open={open}\n onOpenChange={setOpen}\n />\n {orders && orders.length === 0 && (\n <Flex gap={2}>\n <AddButton\n positionType={PositionType.FULL}\n position={props.position}\n addTPSLOrder={props.addTPSLOrder}\n />\n </Flex>\n )}\n </Box>\n\n <Box\n className={cn(\n \"oui-overflow-hidden oui-transition-[height] oui-duration-150\",\n open ? \"oui-h-auto\" : \"oui-h-0 oui-pb-4\",\n )}\n >\n {isMobile ? (\n <OrdersTableMobile\n orders={orders}\n editTPSLOrder={(order) =>\n props.editTPSLOrder(order, PositionType.FULL)\n }\n canCancelOrder={props.onCancelOrder}\n />\n ) : (\n <OrdersTable\n orders={orders}\n editTPSLOrder={(order) => {\n props.editTPSLOrder(order, PositionType.FULL);\n }}\n onCancelOrder={props.onCancelOrder}\n />\n )}\n </Box>\n </Box>\n );\n};\n\nconst PartialPositionPart = (props: {\n position: API.Position;\n orders: API.AlgoOrder[];\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n onCancelAllTPSLOrders: () => Promise<void>;\n editTPSLOrder: (order: API.AlgoOrder, positionType: PositionType) => void;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const [open, setOpen] = useState(true);\n const { orders } = props;\n const { isMobile } = useScreen();\n return (\n <Box className=\"oui-pt-6\">\n <Box\n className={cn(\n \"oui-flex oui-items-center oui-justify-between\",\n \"oui-px-5\",\n isMobile\n ? \"oui-flex-col oui-items-start oui-justify-start oui-gap-[11px]\"\n : \"oui-flex-row oui-items-center oui-justify-between\",\n )}\n >\n <PositionTypeDescription\n positionType={PositionType.PARTIAL}\n open={open}\n onOpenChange={setOpen}\n />\n <Flex gap={2}>\n <AddButton\n positionType={PositionType.PARTIAL}\n position={props.position}\n addTPSLOrder={props.addTPSLOrder}\n />\n {orders && orders.length > 0 && (\n <CancelAllBtn\n canCancelAll={orders && orders.length > 0}\n onCancelAllTPSLOrders={props.onCancelAllTPSLOrders}\n />\n )}\n </Flex>\n </Box>\n <Box\n className={cn(\n \"oui-overflow-hidden oui-transition-[height] oui-duration-150\",\n open ? \"oui-h-auto\" : \"oui-h-0 oui-pb-4\",\n )}\n >\n {isMobile ? (\n <OrdersTableMobile\n orders={orders}\n editTPSLOrder={(order) =>\n props.editTPSLOrder(order, PositionType.PARTIAL)\n }\n canCancelOrder={props.onCancelOrder}\n />\n ) : (\n <OrdersTable\n className=\"oui-h-[300px]\"\n orders={orders}\n editTPSLOrder={(order) => {\n props.editTPSLOrder(order, PositionType.PARTIAL);\n }}\n onCancelOrder={props.onCancelOrder}\n />\n )}\n </Box>\n </Box>\n );\n};\n\nconst PositionTypeDescription = (props: {\n positionType: PositionType;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}) => {\n const { t } = useTranslation();\n return (\n <Flex\n gap={1}\n itemAlign={\"center\"}\n justify={\"start\"}\n className=\"oui-text-2xs\"\n >\n <Flex\n itemAlign={\"center\"}\n justify={\"start\"}\n gap={1}\n className=\"oui-cursor-pointer\"\n onClick={() => props.onOpenChange(!props.open)}\n >\n <ChevronDownIcon\n size={12}\n color=\"white\"\n className={cn(\n \"oui-cursor-pointer oui-transition-transform\",\n props.open && \"oui-rotate-180\",\n )}\n />\n {props.positionType === PositionType.FULL ? (\n <Text>{t(\"tpsl.positionType.full\")}</Text>\n ) : (\n <Text>{t(\"tpsl.positionType.partial\")}</Text>\n )}\n </Flex>\n <Tooltip\n className=\"oui-w-[280px] oui-p-3\"\n content={\n props.positionType === PositionType.FULL\n ? t(\"tpsl.positionType.full.tips\")\n : t(\"tpsl.positionType.partial.tips\")\n }\n >\n <ExclamationFillIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-54\"\n size={12}\n />\n </Tooltip>\n </Flex>\n );\n};\n\nexport const AddButton = (props: {\n positionType: PositionType;\n position: API.Position;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const { t } = useTranslation();\n const onAdd = () => {\n props.addTPSLOrder(props.positionType);\n };\n return (\n <ThrottledButton\n variant=\"outlined\"\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-w-[94px] oui-text-2xs\"\n onClick={onAdd}\n >\n {t(\"tpsl.add\")}\n </ThrottledButton>\n );\n};\n\nexport const CancelAllBtn = (props: {\n onCancelAllTPSLOrders: () => Promise<void>;\n canCancelAll: boolean;\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n return (\n <ThrottledButton\n loading={loading}\n variant=\"outlined\"\n disabled={!props.canCancelAll}\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-w-[94px] oui-text-2xs disabled:oui-border-base-contrast-16 disabled:oui-bg-transparent disabled:oui-text-base-contrast-20\"\n onClick={() => {\n setLoading(true);\n props\n .onCancelAllTPSLOrders()\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n {t(\"tpsl.cancelAll\")}\n </ThrottledButton>\n );\n};\n","import { API } from \"@orderly.network/types\";\nimport { cn, ScrollArea } from \"@orderly.network/ui\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useColumn } from \"./useColum\";\n\nexport const OrdersTable = (props: {\n className?: string;\n orders: API.AlgoOrder[];\n editTPSLOrder: (order: API.AlgoOrder) => void;\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { orders } = props;\n const columns = useColumn({ onCancelOrder: props.onCancelOrder });\n return (\n // <ScrollArea className={cn( props.className)}>\n\n <AuthGuardDataTable\n columns={columns}\n dataSource={orders}\n className=\"oui-bg-transparent oui-text-2xs\"\n bordered\n classNames={{\n root: cn(props.className),\n header: \"!oui-bg-base-8\",\n scroll: cn(\n !orders || orders.length === 0\n ? \"!oui-min-h-[170px]\"\n : \"!oui-min-h-[100px]\",\n ),\n }}\n onRow={(record) => {\n return {\n className: cn(\n \"oui-h-[53px] oui-cursor-svg-edit !oui-border-none !oui-p-0\",\n ),\n onClick: () => {\n props.editTPSLOrder(record);\n },\n };\n }}\n />\n // </ScrollArea>\n );\n};\n","import { FC, SVGProps, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport {\n cn,\n Flex,\n Text,\n ThrottledButton,\n toast,\n Tooltip,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { EstPnlRender } from \"./components/estPnl\";\nimport { OrderPriceRender } from \"./components/orderPrice\";\nimport { QtyRender } from \"./components/qty\";\nimport { TriggerPrice } from \"./components/triggerPrice\";\nimport { TypeRender } from \"./components/type\";\n\nexport const useColumn = (props: {\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const { onCancelOrder } = props;\n\n const columns = useMemo(() => {\n const moblieColumns = [\n {\n title: t(\"tpsl.tpslDetail.qty\"),\n dataIndex: \"quantity\",\n width: 70,\n className: \"oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <QtyRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.type\"),\n dataIndex: \"type\",\n width: 35,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <TypeRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.trigger\"),\n dataIndex: \"trigger\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => {\n return <TriggerPrice order={record} />;\n },\n },\n {\n title: t(\"tpsl.tpslDetail.price\"),\n dataIndex: \"price\",\n width: 70,\n className: \"oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <OrderPriceRender order={record} />\n ),\n },\n\n {\n title: (\n <Tooltip\n className=\"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast\"\n content={t(\"tpsl.tpslDetail.estPnl.tooltip\")}\n >\n <Text className=\"oui-underline oui-decoration-dashed oui-underline-offset-2\">\n {t(\"tpsl.tpslDetail.estPnl\")}\n </Text>\n </Tooltip>\n ),\n dataIndex: \"estpnl\",\n width: 70,\n className: \"!oui-pr-0 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <EstPnlRender order={record} />\n ),\n },\n ];\n const desktopColums = [\n {\n title: t(\"tpsl.tpslDetail.qty\"),\n dataIndex: \"quantity\",\n width: 70,\n className: cn(\" oui-py-2 !oui-pl-5\"),\n render: (_: string, record: API.AlgoOrder) => (\n <QtyRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.type\"),\n dataIndex: \"type\",\n width: 35,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <TypeRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.trigger\"),\n dataIndex: \"trigger\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => {\n return <TriggerPrice order={record} />;\n },\n },\n {\n title: t(\"tpsl.tpslDetail.price\"),\n dataIndex: \"price\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <OrderPriceRender order={record} />\n ),\n },\n\n {\n title: (\n <Tooltip\n className=\"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast\"\n content={t(\"tpsl.tpslDetail.estPnl.tooltip\")}\n >\n <Text className=\"oui-underline oui-decoration-dashed oui-underline-offset-2\">\n {t(\"tpsl.tpslDetail.estPnl\")}\n </Text>\n </Tooltip>\n ),\n dataIndex: \"estpnl\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <EstPnlRender order={record} />\n ),\n },\n {\n title: \"\",\n dataIndex: \"delete\",\n width: 50,\n className: cn(\"oui-py-2 !oui-pr-5\"),\n render: (_: any, record: API.AlgoOrder) => {\n return <CancelAllBtn order={record} onCancelOrder={onCancelOrder} />;\n },\n },\n ];\n if (isMobile) {\n return moblieColumns;\n }\n return desktopColums;\n }, [t, isMobile]);\n return columns;\n};\n\nexport const FlexCell = (props: { children: React.ReactNode }) => {\n return (\n <Flex\n direction={\"column\"}\n justify={\"center\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs oui-h-[36px]\"\n >\n {props.children}\n </Flex>\n );\n};\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\nconst DeleteIcon: FC<IconProps> = (props) => {\n const { size = 18 } = props;\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M5.48081 15.375C5.10681 15.375 4.78731 15.2426 4.52231 14.9777C4.25744 14.7127 4.125 14.3932 4.125 14.0192V4.50004H3.375V3.37505H6.75V2.71167H11.25V3.37505H14.625V4.50004H13.875V14.0192C13.875 14.3981 13.7438 14.7188 13.4813 14.9813C13.2188 15.2438 12.8981 15.375 12.5192 15.375H5.48081ZM12.75 4.50004H5.25V14.0192C5.25 14.0866 5.27162 14.1419 5.31487 14.1852C5.35812 14.2284 5.41344 14.25 5.48081 14.25H12.5192C12.5769 14.25 12.6298 14.226 12.6778 14.1779C12.7259 14.1299 12.75 14.077 12.75 14.0192V4.50004ZM7.053 12.75H8.17781V6.00004H7.053V12.75ZM9.82219 12.75H10.947V6.00004H9.82219V12.75Z\" />\n </svg>\n );\n};\n\nexport const CancelAllBtn = (props: {\n order: API.AlgoOrder;\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const [loading, setLoading] = useState(false);\n return (\n <ThrottledButton\n size=\"sm\"\n loading={loading}\n variant=\"text\"\n color=\"gray\"\n onClick={(e) => {\n e.stopPropagation();\n console.log(\"delete\");\n setLoading(true);\n props\n .onCancelOrder?.(props.order)\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n <DeleteIcon className=\"oui-text-base-contrast-54 hover:oui-text-base-contrast oui-cursor-pointer\" />\n </ThrottledButton>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { positions as perpPositions } from \"@orderly.network/perp\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const EstPnlRender = ({ order }: { order: API.AlgoOrder }) => {\n const { position, base_dp, quote_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n\n let tp_unrealPnl = undefined;\n let sl_unrealPnl = undefined;\n const qty = new Decimal(order.quantity).eq(0)\n ? position.position_qty\n : order.quantity;\n if (tp_trigger_price) {\n tp_unrealPnl = new Decimal(\n perpPositions.unrealizedPnL({\n qty,\n openPrice: position?.average_open_price,\n // markPrice: unRealizedPrice,\n markPrice: tp_trigger_price,\n }),\n )\n .abs()\n .toNumber();\n }\n\n if (sl_trigger_price) {\n sl_unrealPnl = new Decimal(\n perpPositions.unrealizedPnL({\n qty: qty,\n openPrice: position?.average_open_price,\n // markPrice: unRealizedPrice,\n markPrice: sl_trigger_price,\n }),\n )\n .abs()\n .mul(-1)\n .toNumber();\n }\n return (\n <Flex\n gap={2}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_unrealPnl && (\n <FlexCell>\n <Text.numeral dp={2} rm={Decimal.ROUND_DOWN} coloring padding={false}>\n {tp_unrealPnl}\n </Text.numeral>\n </FlexCell>\n )}\n {sl_unrealPnl && (\n <FlexCell>\n <Text.numeral dp={2} rm={Decimal.ROUND_DOWN} coloring padding={false}>\n {sl_unrealPnl}\n </Text.numeral>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { Flex } from \"@orderly.network/ui\";\n\nexport const FlexCell = (props: { children: React.ReactNode }) => {\n return (\n <Flex\n direction={\"column\"}\n justify={\"center\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs oui-h-[36px]\"\n >\n {props.children}\n </Flex>\n );\n};\n","import { findTPSLOrderPriceFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API, OrderType } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const OrderPriceRender = ({ order }: { order: API.AlgoOrder }) => {\n const { quote_dp } = useTPSLDetailContext();\n const { tp_order_price, sl_order_price } = findTPSLOrderPriceFromOrder(order);\n const { t } = useTranslation();\n return (\n <Flex\n gap={2}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_order_price && (\n <FlexCell>\n {tp_order_price === OrderType.MARKET ? (\n <Text>{t(\"common.market\")}</Text>\n ) : (\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {tp_order_price}\n </Text.numeral>\n )}\n </FlexCell>\n )}\n {sl_order_price && (\n <FlexCell>\n {sl_order_price === OrderType.MARKET ? (\n <Text>{t(\"common.market\")}</Text>\n ) : (\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {sl_order_price}\n </Text.numeral>\n )}\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const QtyRender = ({ order }: { order: API.AlgoOrder }) => {\n const { position, base_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n return (\n <Flex\n direction={\"column\"}\n justify={\"start\"}\n itemAlign={\"start\"}\n className=\"oui-h-full oui-text-2xs\"\n >\n <FlexCell>\n <Text.numeral dp={base_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {order.quantity === 0 ? position.position_qty : order.quantity}\n </Text.numeral>\n </FlexCell>\n {tp_trigger_price && sl_trigger_price && (\n <FlexCell>\n <div />\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const TriggerPrice = ({ order }: { order: API.AlgoOrder }) => {\n const { quote_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n const { t } = useTranslation();\n return (\n <Flex\n gap={1}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_trigger_price && (\n <FlexCell>\n <Flex direction={\"column\"} justify={\"start\"} itemAlign={\"start\"}>\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {tp_trigger_price}\n </Text.numeral>\n </Flex>\n </FlexCell>\n )}\n {sl_trigger_price && (\n <FlexCell>\n <Flex direction={\"column\"} justify={\"start\"} itemAlign={\"start\"}>\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {sl_trigger_price}\n </Text.numeral>\n </Flex>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { FlexCell } from \"../components/common\";\n\nexport const TypeRender = ({ order }: { order: API.AlgoOrder }) => {\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_trigger_price && (\n <FlexCell>\n <Text className=\"oui-text-trade-profit\">{t(\"tpsl.tp\")}</Text>\n </FlexCell>\n )}\n\n {sl_trigger_price && (\n <FlexCell>\n <Text className=\"oui-text-trade-loss\">{t(\"tpsl.sl\")}</Text>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Button, cn, ThrottledButton, toast } from \"@orderly.network/ui\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useColumn } from \"./useColum\";\n\nexport const OrdersTableMobile = (props: {\n orders: API.AlgoOrder[];\n editTPSLOrder: (order: API.AlgoOrder) => void;\n canCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { t } = useTranslation();\n const { orders } = props;\n const columns = useColumn({ onCancelOrder: () => Promise.resolve() });\n const orderIds = useMemo(() => {\n return orders.reduce(\n (acc, curr) => {\n acc[curr.algo_order_id] = true;\n return acc;\n },\n {} as Record<string, boolean>,\n );\n }, [orders]);\n return (\n <AuthGuardDataTable\n columns={columns}\n dataSource={orders}\n expanded={orderIds}\n bordered\n getRowCanExpand={() => true}\n expandRowRender={(row) => {\n return (\n <Flex gap={2} justify={\"end\"}>\n <Button\n variant=\"outlined\"\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-text-2xs oui-text-base-contrast-54\"\n onClick={() => props.editTPSLOrder(row.original)}\n >\n {t(\"common.edit\")}\n </Button>\n <DeleteBtn\n order={row.original}\n onCancelOrder={props.canCancelOrder}\n />\n </Flex>\n );\n }}\n className=\"oui-bg-transparent oui-px-2 oui-text-2xs\"\n classNames={{\n scroll: cn(\n !orders || orders.length === 0\n ? \"!oui-min-h-[170px]\"\n : \"!oui-min-h-[100px]\",\n ),\n }}\n onRow={() => {\n return {\n className: cn(\n \"oui-h-[53px] oui-cursor-svg-edit !oui-border-none !oui-p-0\",\n ),\n };\n }}\n generatedRowKey={(record) => record.algo_order_id}\n />\n );\n};\n\nexport const DeleteBtn = (props: {\n order: API.AlgoOrder;\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n return (\n <ThrottledButton\n className=\"oui-h-6 oui-text-2xs oui-text-base-contrast-54\"\n size=\"sm\"\n loading={loading}\n variant=\"outlined\"\n color=\"gray\"\n onClick={(e) => {\n e.stopPropagation();\n setLoading(true);\n props\n .onCancelOrder?.(props.order)\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n {t(\"common.delete\")}\n </ThrottledButton>\n );\n};\n","import React from \"react\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useTPSLSimpleDialog } from \"./tpslSimpleDialog.script\";\nimport { TPSLSimpleDialogUI } from \"./tpslSimpleDialog.ui\";\n\nexport const TPSLSimpleDialogWidget: React.FC<{\n type: \"tp\" | \"sl\";\n triggerPrice?: number;\n symbol: string;\n close?: () => void;\n onComplete?: () => void;\n showAdvancedTPSLDialog?: () => void;\n}> = (props) => {\n const { close, onComplete, showAdvancedTPSLDialog } = props;\n const state = useTPSLSimpleDialog(props);\n return (\n <TPSLSimpleDialogUI\n {...state}\n close={close}\n onComplete={onComplete}\n showAdvancedTPSLDialog={showAdvancedTPSLDialog}\n />\n );\n};\n\nexport const TPSLSimpleSheetId = \"TPSLSimpleSheetId\";\n\nexport const TPSLSimpleDialogId = \"TPSLSimpleDialogId\";\n\nregisterSimpleSheet(TPSLSimpleSheetId, TPSLSimpleDialogWidget, {\n classNames: {},\n});\n\nregisterSimpleDialog(TPSLSimpleDialogId, TPSLSimpleDialogWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n usePositionStream,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrderRootType,\n API,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { modal, toast } from \"@orderly.network/ui\";\nimport { PositionTPSLConfirm } from \"../positionTPSL\";\n\nexport type TPSLBuilderOptions = {\n type: \"tp\" | \"sl\";\n triggerPrice?: number;\n symbol: string;\n};\n\nexport const useTPSLSimpleDialog = (options: TPSLBuilderOptions) => {\n const { type, triggerPrice, symbol } = options;\n const symbolInfo = useSymbolsInfo();\n const [{ rows: positions }, positionsInfo] = usePositionStream(symbol);\n const position = positions?.[0];\n const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const { t } = useTranslation();\n\n const [\n tpslOrder,\n {\n submit,\n deleteOrder,\n setValue,\n setValues,\n validate,\n errors,\n isCreateMutating,\n isUpdateMutating,\n },\n ] = useTPSLOrder(\n {\n symbol: symbol!,\n position_qty: position?.position_qty,\n average_open_price: position?.average_open_price,\n },\n {\n defaultOrder: undefined,\n positionType: PositionType.PARTIAL,\n tpslEnable: { tp_enable: type === \"tp\", sl_enable: type === \"sl\" },\n isEditing: false,\n },\n );\n\n const setQuantity = (value: number | string) => {\n setValue(\"quantity\", value);\n };\n\n const setOrderPrice = (\n name: \"tp_trigger_price\" | \"sl_trigger_price\",\n value: number | string,\n ) => {\n setValue(name, value);\n };\n\n const setPnL = (type: string, value: number | string) => {\n setValue(type, value);\n };\n\n const maxQty = useMemo(\n () => Math.abs(Number(position.position_qty)),\n [position.position_qty],\n );\n\n useEffect(() => {\n if (!maxQty) {\n return;\n }\n setValue(\"quantity\", maxQty);\n if (type === \"tp\") {\n setValue(\"tp_trigger_price\", triggerPrice ?? \"\");\n } else {\n setValue(\"sl_trigger_price\", triggerPrice ?? \"\");\n }\n }, [type, triggerPrice, maxQty]);\n\n const onSubmit = async () => {\n try {\n const validOrder = await validate();\n if (validOrder) {\n if (!needConfirm) {\n return submit({ accountId: position.account_id })\n .then(() => true)\n .catch((err) => {\n if (err?.message) {\n toast.error(err.message);\n }\n throw false;\n });\n }\n // confirm\n return modal\n .confirm({\n title: t(\"tpsl.confirmOrder\"),\n // bodyClassName: \"lg:oui-py-0\",\n onOk: async () => {\n try {\n const res = await submit({\n accountId: position.account_id,\n });\n\n if (res.success) {\n return res;\n }\n\n if (res.message) {\n toast.error(res.message);\n }\n\n return false;\n } catch (err: any) {\n if (err?.message) {\n toast.error(err.message);\n }\n return false;\n }\n },\n classNames: {\n body: \"!oui-pb-0\",\n },\n content: (\n <PositionTPSLConfirm\n isPositionTPSL={false}\n isEditing={false}\n symbol={symbol}\n qty={Number(tpslOrder.quantity)}\n maxQty={maxQty}\n tpPrice={Number(tpslOrder.tp_trigger_price)}\n slPrice={Number(tpslOrder.sl_trigger_price)}\n side={tpslOrder.side!}\n orderInfo={tpslOrder}\n quoteDP={symbolInfo[symbol](\"quote_dp\")}\n baseDP={symbolInfo[symbol](\"base_dp\")}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n }\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n return {\n symbolInfo: symbolInfo[symbol!],\n maxQty,\n setQuantity,\n orderQuantity: tpslOrder.quantity,\n isPosition: false,\n TPSL_OrderEntity: tpslOrder,\n setOrderValue: setValue,\n setPnL,\n setOrderPrice,\n onSubmit,\n errors,\n status: {\n isCreateMutating,\n isUpdateMutating,\n },\n position,\n setValues,\n type,\n triggerPrice,\n } as const;\n};\n\nexport type TPSLBuilderState = ReturnType<typeof useTPSLSimpleDialog>;\n","import React from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport { Box, Button, cn, Divider, Flex, Text } from \"@orderly.network/ui\";\nimport { TPSLQuantity } from \"../components/tpslQty\";\nimport { useTPSLSimpleDialog } from \"./tpslSimpleDialog.script\";\n\ntype Props = ReturnType<typeof useTPSLSimpleDialog> & {\n close?: () => void;\n onComplete?: () => void;\n showAdvancedTPSLDialog?: (options: { qty: number }) => void;\n};\n\nexport const TPSLSimpleDialogUI: React.FC<Props> = (props) => {\n const { type, triggerPrice, errors, TPSL_OrderEntity } = props;\n const { t } = useTranslation();\n const { getErrorMsg } = useOrderEntryFormErrorMsg(errors);\n\n const footer = (\n <Flex width=\"100%\" itemAlign=\"center\" gap={3} mt={4}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={() => {\n props.onComplete?.();\n props.close?.();\n }}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n key=\"primary\"\n onClick={() => {\n props.onSubmit().then(() => {\n props.onComplete?.();\n props.close?.();\n });\n }}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n const errorMessage = () => {\n const tpError = getErrorMsg(\"tp_trigger_price\");\n const slError = getErrorMsg(\"sl_trigger_price\");\n let text = \"\";\n if (tpError && type === \"tp\") {\n text = tpError;\n }\n if (slError && type === \"sl\") {\n text = slError;\n }\n if (!text) {\n return null;\n }\n return (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-2 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-danger\" />\n <Text className=\"oui-text-danger\">{text}</Text>\n </Flex>\n );\n };\n\n const renderPnl = () => {\n const { tp_pnl, sl_pnl } = TPSL_OrderEntity;\n if (type === \"sl\") {\n return (\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstSlPnl\")}</Text>\n {sl_pnl ? (\n <Text.numeral\n suffix={\n <Text className=\"oui-ml-1 oui-text-base-contrast-36\">USDC</Text>\n }\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {Number(sl_pnl)}\n </Text.numeral>\n ) : (\n <Text size=\"2xs\">-- USDC</Text>\n )}\n </Flex>\n );\n }\n return (\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstTpPnl\")}</Text>\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n rule=\"price\"\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {tp_pnl ? Number(tp_pnl) : \"--\"}\n </Text.numeral>\n </Flex>\n );\n };\n\n return (\n <Box className=\"oui-w-full oui-px-0.5\">\n <TPSLQuantity\n maxQty={props.maxQty}\n quantity={Number(props.orderQuantity ?? props.maxQty)}\n baseTick={props.symbolInfo(\"base_tick\")}\n dp={props.symbolInfo(\"base_dp\")}\n quote={props.symbolInfo(\"base\")}\n isEditing={false}\n errorMsg={getErrorMsg(\"quantity\")}\n onQuantityChange={props.setQuantity}\n />\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-mt-4 oui-w-full oui-gap-1 oui-text-xs oui-text-base-contrast-36\",\n )}\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"xs\">{t(\"tpsl.advanced.triggerPrice\")}</Text>\n <Text.numeral\n className=\"oui-text-base-contrast\"\n suffix={\n <Text className=\"oui-ml-1 oui-text-xs oui-text-base-contrast-36\">\n USDC\n </Text>\n }\n rule=\"price\"\n size=\"xs\"\n dp={props.symbolInfo(\"quote_dp\")}\n >\n {triggerPrice ? Number(triggerPrice) : \"--\"}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"xs\">{t(\"tpsl.advanced.orderPrice\")}</Text>\n <Text className=\"oui-text-base-contrast\" size=\"xs\">\n {t(\"tpsl.advanced.market\")}\n </Text>\n </Flex>\n {renderPnl()}\n </Flex>\n {errorMessage()}\n\n <Divider className=\"oui-my-3 oui-w-full\" />\n <Flex\n itemAlign={\"center\"}\n onClick={() => {\n props.close?.();\n props.showAdvancedTPSLDialog?.({\n qty: Number(TPSL_OrderEntity.quantity),\n });\n }}\n className=\"oui-pb-4\"\n >\n <Text color=\"primary\" className=\"oui-cursor-pointer oui-text-sm\">\n {t(\"tpsl.advancedSetting\")}\n </Text>\n </Flex>\n {footer}\n </Box>\n );\n};\n","import { API, OrderlyOrder } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useEditBracketOrder } from \"./editBracketOrder.script\";\nimport { EditBracketOrderUI } from \"./editBracketOrder.ui\";\n\nexport const EditBracketOrderWidget = (props: {\n order: API.AlgoOrderExt;\n close?: () => void;\n}) => {\n const state = useEditBracketOrder({ order: props.order });\n return <EditBracketOrderUI {...state} onClose={props.close} />;\n};\n\nexport const EditBracketOrderSheetId = \"EditBracketOrderSheetId\";\nexport const EditBracketOrderDialogId = \"EditBracketOrderDialogId\";\n\nregisterSimpleSheet(EditBracketOrderSheetId, EditBracketOrderWidget);\n\nregisterSimpleDialog(EditBracketOrderDialogId, EditBracketOrderWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useEffect, useMemo } from \"react\";\nimport {\n useMutation,\n useOrderEntry,\n useSymbolsInfo,\n} from \"@orderly.network/hooks\";\nimport {\n AlgoOrderRootType,\n AlgoOrderType,\n API,\n OrderlyOrder,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nfunction getInitialOrder(order: API.AlgoOrderExt) {\n const childOrder = order.child_orders[0];\n const positionType =\n childOrder.algo_type === AlgoOrderRootType.TP_SL\n ? PositionType.PARTIAL\n : PositionType.FULL;\n const tpOrder = childOrder.child_orders.find(\n (item) =>\n item.algo_type === AlgoOrderType.TAKE_PROFIT && item.trigger_price,\n );\n const slOrder = childOrder.child_orders.find(\n (item) => item.algo_type === AlgoOrderType.STOP_LOSS && item.trigger_price,\n );\n const tpslPriceInfo: {\n tp_trigger_price?: string | undefined;\n tp_order_type?: OrderType;\n tp_order_price?: string | undefined;\n sl_trigger_price?: string | undefined;\n sl_order_type?: OrderType;\n sl_order_price?: string | undefined;\n } = {};\n if (tpOrder) {\n tpslPriceInfo.tp_trigger_price = tpOrder.trigger_price?.toString();\n tpslPriceInfo.tp_order_type =\n typeof tpOrder.type === \"string\"\n ? (tpOrder.type.replace(\"_ORDER\", \"\") as OrderType)\n : undefined;\n if (tpslPriceInfo.tp_order_type === OrderType.LIMIT) {\n tpslPriceInfo.tp_order_price = tpOrder.price?.toString();\n }\n }\n if (slOrder) {\n tpslPriceInfo.sl_trigger_price = slOrder.trigger_price?.toString();\n tpslPriceInfo.sl_order_type =\n typeof slOrder.type === \"string\"\n ? (slOrder.type.replace(\"_ORDER\", \"\") as OrderType)\n : undefined;\n if (tpslPriceInfo.sl_order_type === OrderType.LIMIT) {\n tpslPriceInfo.sl_order_price = slOrder.price?.toString();\n }\n }\n\n return {\n baseInfo: {\n symbol: order.symbol,\n order_type: order.type,\n side: order.side,\n order_price: order.price,\n order_quantity: order.quantity,\n position_type: positionType,\n tp_enable: !!tpOrder?.trigger_price,\n sl_enable: !!slOrder?.trigger_price,\n },\n tpslPriceInfo,\n tpInfo: {\n orderId: tpOrder?.algo_order_id,\n },\n slInfo: {\n orderId: slOrder?.algo_order_id,\n },\n };\n}\n\nfunction isTPSLPriceChanged(\n originPrice: string | number,\n newPrice: string | number,\n) {\n if (newPrice === undefined || newPrice === null) {\n return true;\n }\n if (isNaN(Number(newPrice))) {\n return false;\n }\n const originDeci = new Decimal(Number(originPrice));\n const newDeci = new Decimal(Number(newPrice));\n return !newDeci.eq(originDeci);\n}\n\nexport const useEditBracketOrder = (props: { order: API.AlgoOrderExt }) => {\n if (!props.order) {\n throw new SDKError(\"order is required for editBracketOrder\");\n }\n const { baseInfo, tpslPriceInfo, tpInfo, slInfo } = getInitialOrder(\n props.order,\n );\n\n const [doUpdateOrder, { isMutating }] = useMutation(\"/v1/algo/order\", \"PUT\");\n\n const { formattedOrder, setValue, setValues, metaState, symbolInfo, helper } =\n useOrderEntry(props.order.symbol, {\n initialOrder: baseInfo,\n });\n const symbol = props.order.symbol;\n\n const isPriceChanged = useMemo(() => {\n let dirty = false;\n const {\n tp_order_price,\n sl_order_price,\n tp_trigger_price,\n sl_trigger_price,\n } = formattedOrder;\n if (tpslPriceInfo.tp_trigger_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(\n tpslPriceInfo.tp_trigger_price,\n tp_trigger_price ?? 0,\n );\n }\n if (tpslPriceInfo.tp_order_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(tpslPriceInfo.tp_order_price, tp_order_price ?? 0);\n }\n if (tpslPriceInfo.sl_trigger_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(\n tpslPriceInfo.sl_trigger_price,\n sl_trigger_price ?? 0,\n );\n }\n if (tpslPriceInfo.sl_order_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(tpslPriceInfo.sl_order_price, sl_order_price ?? 0);\n }\n return dirty;\n }, [\n tpslPriceInfo,\n formattedOrder.tp_order_price,\n formattedOrder.sl_order_price,\n formattedOrder.tp_trigger_price,\n formattedOrder.sl_trigger_price,\n ]);\n useEffect(() => {\n setValues({\n ...tpslPriceInfo,\n });\n }, [props.order, setValues]);\n\n const onSubmit = async () => {\n return helper.validate().then(() => {\n const tpOrder: {\n order_id?: number;\n trigger_price?: string;\n algo_type: AlgoOrderType;\n price?: string;\n reduce_only?: boolean;\n is_activated?: boolean;\n } = {\n order_id: tpInfo.orderId,\n algo_type: AlgoOrderType.TAKE_PROFIT,\n trigger_price: formattedOrder.tp_trigger_price,\n reduce_only: true,\n };\n if (formattedOrder.tp_order_type === OrderType.LIMIT) {\n tpOrder.price = formattedOrder.tp_order_price;\n }\n\n const slOrder: {\n order_id?: number;\n trigger_price?: string;\n algo_type: AlgoOrderType;\n price?: string;\n reduce_only?: boolean;\n is_activated?: boolean;\n } = {\n order_id: slInfo.orderId,\n algo_type: AlgoOrderType.STOP_LOSS,\n trigger_price: formattedOrder.sl_trigger_price,\n reduce_only: true,\n };\n if (formattedOrder.sl_order_type === OrderType.LIMIT) {\n slOrder.price = formattedOrder.sl_order_price;\n }\n\n const childOrders = [];\n if (tpInfo.orderId) {\n childOrders.push(tpOrder);\n }\n if (slInfo.orderId) {\n childOrders.push(slOrder);\n }\n return doUpdateOrder({\n order_id: props.order.algo_order_id,\n child_orders: [\n {\n order_id: props.order.child_orders[0].algo_order_id,\n child_orders: childOrders,\n },\n ],\n });\n });\n };\n\n return {\n symbol,\n symbolInfo,\n formattedOrder,\n setValue,\n setValues,\n metaState,\n onSubmit,\n isMutating,\n isPriceChanged,\n };\n};\n","import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Button,\n cn,\n DialogFooter,\n Divider,\n Flex,\n Grid,\n ScrollArea,\n Text,\n ThrottledButton,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { useEditBracketOrder } from \"./editBracketOrder.script\";\n\ntype Props = ReturnType<typeof useEditBracketOrder>;\nexport const EditBracketOrderUI = (props: Props & { onClose?: () => void }) => {\n const { t } = useTranslation();\n const { errors, validated } = props.metaState;\n const { isMobile } = useScreen();\n // console.log('errors', errors, validated);\n\n const {\n formattedOrder,\n setValue: setOrderValue,\n symbol,\n symbolInfo,\n setValues,\n } = props;\n\n const [tpValues, setTpValuse] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n });\n\n const [slValues, setSlValues] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n });\n\n // Update tpValues when formattedOrder changes\n useEffect(() => {\n setTpValuse((prev) => ({\n ...prev,\n enable: formattedOrder.tp_enable ?? true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n useEffect(() => {\n setSlValues((prev) => ({\n ...prev,\n enable: formattedOrder.sl_enable ?? true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n return (\n <div>\n <ScrollArea\n className={cn(\"oui-flex-1\", isMobile && \"oui-h-[calc(100vh-200px)]\")}\n >\n <div className=\"\">\n <OrderInfo\n order={{\n symbol,\n order_quantity: formattedOrder.order_quantity,\n order_price: formattedOrder.order_price,\n }}\n baseDP={symbolInfo.base_dp}\n quoteDP={symbolInfo.quote_dp}\n />\n </div>\n <Divider className=\"oui-my-3\" />\n <div className=\"\">\n <div className=\"oui-py-3\">\n <TPSLPositionTypeWidget\n value={formattedOrder.position_type ?? PositionType.PARTIAL}\n disableSelector\n onChange={(key, value) => {\n // setOrderValue(\"position_type\", value);\n if (value === PositionType.FULL) {\n setValues({\n position_type: PositionType.FULL,\n tp_order_type: OrderType.MARKET,\n tp_order_price: undefined,\n sl_order_type: OrderType.MARKET,\n sl_order_price: undefined,\n });\n // setOrderValue(\"tp_order_type\", OrderType.MARKET);\n // setOrderValue(\"sl_order_type\", OrderType.MARKET);\n return;\n }\n setOrderValue(\"position_type\", value);\n }}\n />\n {formattedOrder.position_type === PositionType.FULL && (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-3 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-[#D25f00]\" />\n <Text className=\"oui-text-2xs oui-text-[#D25f00]\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n </Flex>\n )}\n </div>\n <Flex direction={\"column\"} gap={6}>\n {formattedOrder.tp_enable && (\n <TPSLInputRowWidget\n disableEnableCheckbox\n disableOrderTypeSelector\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"tp\"\n values={tpValues}\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n onChange={(key, value) => {\n console.log(\"key\", key, \"value\", value);\n // setTpValuse((prev) => ({ ...prev, [key]: value }));\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n />\n )}\n {formattedOrder.sl_enable && formattedOrder.tp_enable && (\n <Divider className=\"oui-w-full\" />\n )}\n {formattedOrder.sl_enable && (\n <TPSLInputRowWidget\n disableEnableCheckbox\n disableOrderTypeSelector\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"sl\"\n values={slValues}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n )}\n </Flex>\n\n <PnlInfo\n tp_pnl={formattedOrder.tp_pnl}\n sl_pnl={formattedOrder.sl_pnl}\n className=\"oui-mt-6\"\n />\n </div>\n </ScrollArea>\n <Flex\n itemAlign={\"center\"}\n gap={3}\n mt={5}\n width={\"100%\"}\n justify={\"center\"}\n >\n <ThrottledButton\n className=\"oui-w-[184px]\"\n data-testid={\"tpsl-confirm\"}\n disabled={!props.isPriceChanged}\n loading={props.isMutating}\n onClick={() => {\n props\n .onSubmit()\n .then(() => {\n props.onClose?.();\n })\n .catch((err) => {\n console.log(\"--->>>cancel order\", err);\n });\n }}\n >\n {t(\"common.confirm\")}\n </ThrottledButton>\n </Flex>\n </div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/editorPopover.tsx","../src/positionTPSL/tpsl.widget.tsx","../src/positionTPSL/tpsl.ui.tsx","../src/components/orderInfo.tsx","../src/components/pnlInfo.tsx","../src/components/tpslInputRow/tpslInputRow.script.ts","../src/components/tpslInputRow/tpslInputRow.ui.tsx","../src/pnlInput/pnlInput.ui.tsx","../src/pnlInput/useBuilder.script.ts","../src/pnlInput/pnlInput.widget.tsx","../src/components/orderPriceType.tsx","../src/components/tpslInputRow/priceInput.tsx","../src/components/tpslInputRow/tpslInputRow.widget.tsx","../src/components/tpslPostionType/tpslPositionType.script.tsx","../src/components/tpslPostionType/tpslPositionType.ui.tsx","../src/components/tpslPostionType/tpslPostionType.widget.tsx","../src/components/tpslQty.tsx","../src/positionTPSL/useTPSL.script.tsx","../src/positionTPSL/positionTpslConfirm.tsx","../src/editorSheet.tsx","../src/tpslAdvanced/tpslAdvanced.ui.tsx","../src/tpslAdvanced/useTPSLAdvanced.script.ts","../src/tpslAdvanced/tpslAdvanced.widget.tsx","../src/tpslDetail/tpslDetail.widget.tsx","../src/tpslDetail/tpslDetail.script.tsx","../src/tpslDetail/tpslDetailProvider.tsx","../src/tpslDetail/tsplDetail.ui.tsx","../src/tpslDetail/ordersTable.tsx","../src/tpslDetail/useColum.tsx","../src/tpslDetail/components/estPnl.tsx","../src/tpslDetail/components/common.tsx","../src/tpslDetail/components/orderPrice.tsx","../src/tpslDetail/components/qty.tsx","../src/tpslDetail/components/triggerPrice.tsx","../src/tpslDetail/components/type.tsx","../src/tpslDetail/ordersTable.mobile.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.widget.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.script.tsx","../src/tpslSimpleDialog/tpslSimpleDialog.ui.tsx","../src/editBracketOrder/editBracketOrder.widget.tsx","../src/editBracketOrder/editBracketOrder.script.tsx","../src/editBracketOrder/editBracketOrder.ui.tsx"],"names":["useLocalStorage","useTranslation","AlgoOrderRootType","PositionType","Box","Button","modal","registerSimpleDialog","registerSimpleSheet","useOrderEntryFormErrorMsg","OrderType","Flex","Grid","Text","cn","ThrottledButton","ScrollArea","useScreen","useIndexPrice","useMarkPrice","useLeverageBySymbol","TokenIcon","jsx","jsxs","OrderInfo","props","order","symbolLeverage","symbol","markPrice","indexPrice","leverage","currentLeverage","useMemo","Decimal","checkIsNaN","PnlInfo","tp_pnl","sl_pnl","riskRatio","defaultNode","tpDecimal","slDecimal","ratio","useTPSLInputRowScript","Fragment","Trans","Checkbox","useEffect","useState","CaretDownIcon","Input","SimpleDropdownMenu","inputFormatter","useRef","todpIfNeed","usePNLInputBuilder","type","values","mode","setMode","focus","setFocus","t","key","value","modes","percentageSuffix","onValueChange","formatter","options","dp","endStr","PNLInput","onModeChange","quote","quote_dp","pnl","prefix","setPrefix","placeholder","setPlaceholder","color","num","label","item","PNLMenus","PnlInputWidget","testId","rest","state","Select","OrderPriceType","option","displayLabel","PriceInput","TPSLInputRowUI","getErrorMsg","positionType","roi","_roi","_entryPrice","rootOrderPrice","checked","RenderROI","price","className","orderType","TPSLInputRowWidget","useTPSLPositionTypeScript","ExclamationFillIcon","Tooltip","positionTypeKey","TPSLPositionTypeUI","event","TPSLPositionTypeWidget","memo","utils","Slider","TPSLQuantity","maxQty","base_dp","baseTick","quantity","inputRef","sliderValue","setSliderValue","formatQuantity","_qty","onSliderValueChange","qty","slider","errorMsg","e","TPSL","TPSL_OrderEntity","symbolInfo","onCancel","onComplete","status","position","setValues","onClose","isEditing","errors","validated","isMobile","renderQtyInput","err","useMemoizedFn","usePositionStream","useSymbolsInfo","useTPSLOrder","SDKError","toast","OrderSide","Badge","Divider","textVariants","transSymbolformString","TPSLOrderType","tpPrice","slPrice","PositionTPSLConfirm","side","quoteDP","baseDP","_isPositionTPSL","needConfirm","setNeedConfirm","renderPositionType","renderTPSLPrice","isOrderPrice","isEnable","colorType","isPositionTPSL","check","useTPSLBuilder","triggerPrice","withTriggerPrice","prevTPSLType","positions","tpslOrder","submit","deleteOrder","setValue","validate","metaState","isCreateMutating","isUpdateMutating","setQuantity","setOrderPrice","name","setPnL","dirty","diff","tp_trigger_price","sl_trigger_price","tp_order_price","sl_order_price","cancel","onConfirm","res","onSubmit","error","TPSLWidget","close","TPSLSheetId","TPSLDialogId","PositionTPSLPopover","buttonProps","useModal","PositionTPSLSheet","resolve","hide","updateArgs","TPSLAdvancedUI","formattedOrder","setOrderValue","tpValues","setTpValuse","slValues","setSlValues","prev","ArrowRightIcon","useOrderEntry","isTPSLEnable","useTPSLAdvanced","innerMetaState","setInnerMetaState","helper","i18n","TPSLAdvancedWidget","TPSLAdvancedSheetId","TPSLAdvancedDialogId","findPositionTPSLFromOrders","useOrderStream","OrderStatus","useTPSLDetail","fullPositionOrders","setFullPositionOrders","partialPositionOrders","setPartialPositionOrders","tpslOrders","cancelAlgoOrder","cancelPostionOrdersByTypes","refresh","onCancelOrder","onCancelAllTPSLOrders","showTPSLDialog","dialogId","editTPSLOrder","addTPSLOrder","fullPositionOrder","createContext","useContext","TPSLDetailContext","TPSLDetailProvider","useTPSLDetailContext","ChevronDownIcon","AuthGuardDataTable","findTPSLFromOrder","perpPositions","FlexCell","EstPnlRender","tp_unrealPnl","sl_unrealPnl","findTPSLOrderPriceFromOrder","OrderPriceRender","QtyRender","TriggerPrice","TypeRender","useColumn","moblieColumns","_","record","desktopColums","CancelAllBtn","DeleteIcon","size","loading","setLoading","OrdersTable","orders","columns","OrdersTableMobile","orderIds","acc","curr","row","DeleteBtn","TPSLDetailUI","FullPositionPart","PartialPositionPart","open","setOpen","PositionTypeDescription","AddButton","TPSLDetailWidget","TPSLDetailDialogId","TPSLDetailSheetId","useTPSLSimpleDialog","positionsInfo","TPSLSimpleDialogUI","footer","errorMessage","tpError","slError","text","renderPnl","TPSLSimpleDialogWidget","showAdvancedTPSLDialog","TPSLSimpleSheetId","TPSLSimpleDialogId","useMutation","AlgoOrderType","getInitialOrder","childOrder","tpOrder","slOrder","tpslPriceInfo","isTPSLPriceChanged","originPrice","newPrice","originDeci","useEditBracketOrder","baseInfo","tpInfo","slInfo","doUpdateOrder","isMutating","isPriceChanged","childOrders","EditBracketOrderUI","EditBracketOrderWidget","EditBracketOrderSheetId","EditBracketOrderDialogId"],"mappings":"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","sourcesContent":["import { ReactNode } from \"react\";\nimport { ComputedAlgoOrder, useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API, PositionType } from \"@orderly.network/types\";\nimport { Box, Button, modal, toast } from \"@orderly.network/ui\";\nimport { ButtonProps } from \"@orderly.network/ui\";\nimport { TPSLDialogId } from \"./positionTPSL\";\n\nexport const PositionTPSLPopover = (props: {\n position: API.Position;\n order?: API.AlgoOrder;\n label?: string;\n baseDP?: number;\n quoteDP?: number;\n /**\n * Button props\n */\n buttonProps?: ButtonProps;\n isEditing?: boolean;\n children?: ReactNode;\n}) => {\n const { position, order, baseDP, quoteDP, buttonProps, isEditing } = props;\n\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n\n const { t } = useTranslation();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n const onEdit = () => {\n modal.show(TPSLDialogId, {\n order: order,\n symbol: position.symbol,\n baseDP: baseDP,\n quoteDP: quoteDP,\n positionType: isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL,\n isEditing: isEditing,\n });\n };\n\n return (\n <Box onClick={onEdit} className=\"oui-cursor-pointer\">\n {props.children || (\n <Button\n variant=\"outlined\"\n size=\"sm\"\n color=\"secondary\"\n {...buttonProps}\n // onClick={() => {\n // setOpen(true);\n // }}\n >\n {props.label}\n </Button>\n )}\n </Box>\n );\n};\n","import React from \"react\";\nimport { type AlgoOrderRootType } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { TPSL, TPSLProps } from \"./tpsl.ui\";\nimport { TPSLBuilderOptions, useTPSLBuilder } from \"./useTPSL.script\";\n\nexport type TPSLWidgetProps = {\n onTPSLTypeChange?: (type: AlgoOrderRootType) => void;\n} & TPSLBuilderOptions &\n TPSLProps;\n\nexport const TPSLWidget: React.FC<TPSLWidgetProps> = (props) => {\n const { onCancel, onComplete, close, ...rest } = props;\n const state = useTPSLBuilder(rest);\n return (\n <TPSL\n {...state}\n onCancel={onCancel}\n onComplete={onComplete}\n close={close}\n />\n );\n};\n\nexport const TPSLSheetId = \"TPSLSheetId\";\nexport const TPSLDialogId = \"TPSLDialogId\";\n\nregisterSimpleSheet(TPSLSheetId, TPSLWidget);\n\nregisterSimpleDialog(TPSLDialogId, TPSLWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import React from \"react\";\nimport { OrderValidationResult } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport {\n API,\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Box,\n Button,\n Flex,\n Grid,\n Text,\n cn,\n ThrottledButton,\n ScrollArea,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { TPSLQuantity } from \"../components/tpslQty\";\nimport { TPSLBuilderState } from \"./useTPSL.script\";\n\nexport type TPSLProps = {\n close?: () => void;\n onClose?: () => void;\n onCancel?: () => void;\n onComplete?: () => void;\n withTriggerPrice?: boolean;\n};\n\n//------------- TPSL form start ---------------\nexport const TPSL: React.FC<TPSLBuilderState & TPSLProps> = (props) => {\n const {\n TPSL_OrderEntity,\n symbolInfo,\n onCancel,\n onComplete,\n status,\n position,\n setValues,\n onClose,\n isEditing,\n } = props;\n\n const { errors, validated } = props.metaState;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const { getErrorMsg } = useOrderEntryFormErrorMsg(errors);\n\n const renderQtyInput = () => {\n if (TPSL_OrderEntity.position_type === PositionType.FULL) {\n return null;\n }\n\n return (\n <Box className=\"oui-px-0.5\">\n <TPSLQuantity\n maxQty={props.maxQty}\n quantity={(props.orderQuantity ?? props.maxQty) as number}\n baseTick={symbolInfo(\"base_tick\")}\n base_dp={symbolInfo(\"base_dp\")}\n onQuantityChange={props.setQuantity}\n base={symbolInfo(\"base\")}\n isEditing={props.isEditing}\n errorMsg={validated ? getErrorMsg(\"quantity\") : undefined}\n />\n </Box>\n );\n };\n\n return (\n <div id=\"orderly-tp_sl-order-edit-content\">\n <ScrollArea className={cn(isMobile && \"oui-h-[calc(100vh-200px)]\")}>\n <div className=\"oui-px-2\">\n <OrderInfo\n baseDP={symbolInfo(\"base_dp\")}\n quoteDP={symbolInfo(\"quote_dp\")}\n classNames={{\n root: \"oui-mb-3\",\n container: \"oui-gap-x-[30px]\",\n }}\n order={{\n symbol: position.symbol,\n order_quantity: position.position_qty.toString(),\n order_price: position.average_open_price.toString(),\n }}\n symbolLeverage={position.leverage}\n />\n <Flex\n direction=\"column\"\n justify=\"start\"\n itemAlign={\"start\"}\n gap={3}\n className=\"oui-mb-3 oui-w-full\"\n >\n {!isEditing && (\n <TPSLPositionTypeWidget\n disableSelector\n value={TPSL_OrderEntity.position_type ?? PositionType.PARTIAL}\n onChange={(key, value) => {\n props.setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n )}\n {TPSL_OrderEntity.position_type === PositionType.FULL && (\n <Text className=\"oui-text-2xs oui-text-warning\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n )}\n </Flex>\n {renderQtyInput()}\n <Flex\n direction=\"column\"\n itemAlign={\"start\"}\n justify={\"start\"}\n gap={6}\n className=\"oui-mt-3 oui-w-full\"\n >\n <TPSLInputRowWidget\n symbol={position.symbol}\n rootOrderPrice={position.average_open_price.toString()}\n type=\"tp\"\n values={{\n enable: TPSL_OrderEntity.tp_enable ?? true,\n trigger_price:\n TPSL_OrderEntity.tp_trigger_price?.toString() ?? undefined,\n PnL: TPSL_OrderEntity.tp_pnl?.toString() ?? undefined,\n Offset: TPSL_OrderEntity.tp_offset?.toString() ?? undefined,\n \"Offset%\":\n TPSL_OrderEntity.tp_offset_percentage?.toString() ??\n undefined,\n order_price:\n TPSL_OrderEntity.tp_order_price?.toString() ?? undefined,\n order_type: TPSL_OrderEntity.tp_order_type ?? OrderType.MARKET,\n }}\n hideOrderPrice={\n TPSL_OrderEntity.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n disableOrderTypeSelector={isEditing}\n quote_dp={symbolInfo(\"quote_dp\")}\n positionType={\n TPSL_OrderEntity.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n props.setOrderValue(key as keyof OrderlyOrder, value);\n }}\n symbolLeverage={position.leverage}\n />\n\n <TPSLInputRowWidget\n symbol={position.symbol}\n rootOrderPrice={position.average_open_price.toString()}\n type=\"sl\"\n values={{\n enable: TPSL_OrderEntity.sl_enable ?? true,\n trigger_price:\n TPSL_OrderEntity.sl_trigger_price?.toString() ?? undefined,\n PnL: TPSL_OrderEntity.sl_pnl?.toString() ?? undefined,\n Offset: TPSL_OrderEntity.sl_offset?.toString() ?? undefined,\n \"Offset%\":\n TPSL_OrderEntity.sl_offset_percentage?.toString() ??\n undefined,\n order_price:\n TPSL_OrderEntity.sl_order_price?.toString() ?? undefined,\n order_type: TPSL_OrderEntity.sl_order_type ?? OrderType.MARKET,\n }}\n hideOrderPrice={\n TPSL_OrderEntity.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo(\"quote_dp\")}\n positionType={\n TPSL_OrderEntity.position_type ?? PositionType.PARTIAL\n }\n disableOrderTypeSelector={isEditing}\n onChange={(key, value) => {\n props.setOrderValue(key as keyof OrderlyOrder, value);\n }}\n symbolLeverage={position.leverage}\n />\n </Flex>\n <PnlInfo\n tp_pnl={TPSL_OrderEntity.tp_pnl}\n sl_pnl={TPSL_OrderEntity.sl_pnl}\n className=\"oui-my-3\"\n />\n </div>\n </ScrollArea>\n <Grid px={2} cols={2} gap={3} mt={4}>\n <Button\n size={\"md\"}\n color={\"secondary\"}\n data-testid={\"tpsl-cancel\"}\n onClick={() => {\n props.close?.();\n }}\n >\n {t(\"common.cancel\")}\n </Button>\n <ThrottledButton\n size={\"md\"}\n data-testid={\"tpsl-confirm\"}\n disabled={status.isCreateMutating}\n loading={status.isCreateMutating || status.isUpdateMutating}\n onClick={() => {\n props\n .onSubmit()\n .then(() => {\n props.close?.();\n onComplete?.();\n })\n .catch((err) => {\n console.log(\"--->>>cancel order\", err);\n });\n }}\n >\n {t(\"common.confirm\")}\n </ThrottledButton>\n </Grid>\n </div>\n );\n};\n","import {\n useIndexPrice,\n useMarkPrice,\n useLeverageBySymbol,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderlyOrder } from \"@orderly.network/types\";\nimport { cn, Flex, Grid, Text, TokenIcon } from \"@orderly.network/ui\";\n\ntype Props = {\n order: Partial<OrderlyOrder>;\n baseDP?: number;\n quoteDP?: number;\n className?: string;\n classNames?: {\n root?: string;\n symbol?: string;\n container?: string;\n };\n symbolLeverage?: number;\n};\nexport const OrderInfo = (props: Props) => {\n const { t } = useTranslation();\n const { order, symbolLeverage } = props;\n const { symbol } = order;\n const markPrice = useMarkPrice(symbol!);\n const indexPrice = useIndexPrice(symbol!);\n\n const leverage = useLeverageBySymbol(symbolLeverage ? undefined : symbol);\n\n const currentLeverage = symbolLeverage || leverage;\n\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-w-full oui-gap-3 oui-font-semibold \",\n props.classNames?.root,\n )}\n >\n <Flex\n itemAlign={\"center\"}\n className={cn(\"oui-gap-2 \", props.classNames?.symbol)}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <TokenIcon symbol={symbol} className=\"oui-size-5\" />\n <Text.formatted\n className=\"oui-whitespace-nowrap oui-break-normal\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <Text\n size=\"2xs\"\n className=\"oui-h-[18px] oui-rounded oui-bg-base-7 oui-px-2 oui-font-semibold oui-text-base-contrast-36\"\n >\n {currentLeverage}x\n </Text>\n </Flex>\n <Grid\n cols={2}\n gapX={2}\n gapY={1}\n className={cn(\"oui-w-full oui-gap-x-2 \", props.classNames?.container)}\n >\n <Flex justify={\"between\"} className=\" oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.quantity\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.baseDP ?? 2}\n >\n {Number(order.order_quantity)}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.lastPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {indexPrice?.data}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"tpsl.advanced.orderPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {Number(order.order_price)}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-text-base-contrast-36\">\n <Text size=\"2xs\">{t(\"common.markPrice\")}</Text>\n <Text.numeral\n rule=\"price\"\n className=\"oui-text-base-contrast-80\"\n size=\"2xs\"\n dp={props.quoteDP ?? 2}\n >\n {markPrice?.data}\n </Text.numeral>\n </Flex>\n </Grid>\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal, checkIsNaN } from \"@orderly.network/utils\";\n\ntype Props = {\n tp_pnl?: string | number;\n sl_pnl?: string | number;\n className?: string;\n};\n\nexport const PnlInfo = (props: Props) => {\n const { t } = useTranslation();\n const { tp_pnl, sl_pnl } = props;\n const riskRatio = useMemo(() => {\n const defaultNode = <Text className=\"oui-text-base-contrast-36\">-- x</Text>;\n if (tp_pnl === undefined || sl_pnl === undefined) {\n return defaultNode;\n }\n if (checkIsNaN(tp_pnl) || checkIsNaN(sl_pnl)) {\n return defaultNode;\n }\n const tpDecimal = new Decimal(tp_pnl);\n const slDecimal = new Decimal(sl_pnl);\n if (slDecimal.isZero() || tpDecimal.isZero()) {\n return defaultNode;\n }\n const ratio = tpDecimal.div(slDecimal).abs().toNumber().toFixed(2);\n return (\n <Flex gap={1} itemAlign={\"center\"} className=\"oui-text-base-contrast-80\">\n <Text>{ratio}</Text>\n <Text className=\"oui-text-base-contrast-36\">x</Text>\n </Flex>\n );\n return defaultNode;\n }, [tp_pnl, sl_pnl]);\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-w-full oui-gap-1 oui-text-2xs oui-text-base-contrast-36\",\n props.className,\n )}\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstTpPnl\")}</Text>\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n rule=\"price\"\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {tp_pnl ? Number(tp_pnl) : \"--\"}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstSlPnl\")}</Text>\n {sl_pnl ? (\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {Number(sl_pnl)}\n </Text.numeral>\n ) : (\n <Text size=\"2xs\">-- USDC</Text>\n )}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.riskRewardRatio\")}</Text>\n <Text className=\"oui-text-base-contrast-80\" size=\"2xs\">\n {riskRatio}\n </Text>\n </Flex>\n </Flex>\n );\n};\n","import { OrderValidationResult } from \"@orderly.network/hooks\";\nimport { OrderType, PositionType } from \"@orderly.network/types\";\n\nexport type Props = {\n disableOrderTypeSelector?: boolean;\n type: \"tp\" | \"sl\";\n quote_dp: number;\n positionType: PositionType;\n errors: OrderValidationResult | null;\n hideOrderPrice?: boolean;\n values: {\n enable: boolean;\n trigger_price: string | undefined;\n PnL: string | undefined;\n Offset: string | undefined;\n \"Offset%\": string | undefined;\n ROI?: string | undefined;\n order_price: string | undefined;\n order_type: OrderType;\n };\n onChange: (key: string, value: string | boolean | number) => void;\n rootOrderPrice: string | undefined;\n symbol: string;\n disableEnableCheckbox?: boolean;\n symbolLeverage?: number;\n};\nexport const useTPSLInputRowScript = (props: Props) => {\n return {\n disableOrderTypeSelector: props.disableOrderTypeSelector,\n values: props.values,\n onChange: props.onChange,\n type: props.type,\n quote_dp: props.quote_dp,\n positionType: props.positionType,\n errors: props.errors,\n hideOrderPrice: props.hideOrderPrice,\n rootOrderPrice: props.rootOrderPrice,\n symbol: props.symbol,\n disableEnableCheckbox: props.disableEnableCheckbox,\n symbolLeverage: props.symbolLeverage,\n };\n};\n","import React, { Fragment, useMemo } from \"react\";\nimport { useLeverageBySymbol } from \"@orderly.network/hooks\";\nimport { useTranslation, Trans } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport { OrderType, PositionType } from \"@orderly.network/types\";\nimport { Flex, Text, Grid, Checkbox, cn } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { PnlInputWidget } from \"../../pnlInput/pnlInput.widget\";\nimport { OrderPriceType } from \"../orderPriceType\";\nimport { PriceInput } from \"./priceInput\";\nimport { useTPSLInputRowScript } from \"./tpslInputRow.script\";\n\ntype TPSLInputRowProps = ReturnType<typeof useTPSLInputRowScript>;\n\nexport const TPSLInputRowUI: React.FC<TPSLInputRowProps> = (props) => {\n const { t } = useTranslation();\n const { getErrorMsg } = useOrderEntryFormErrorMsg(props.errors);\n const { values, positionType } = props;\n\n // if symbolLeverage is not provided, get it from useLeverageBySymbol\n const symbolLeverage = useLeverageBySymbol(\n props.symbolLeverage ? undefined : props.symbol,\n );\n\n const leverage = props.symbolLeverage || symbolLeverage;\n\n const roi = useMemo(() => {\n if (!leverage || isNaN(Number(leverage))) {\n return null;\n }\n let _roi = null;\n if (!props.rootOrderPrice) {\n return null;\n }\n\n if (!values.trigger_price && !values.order_price) {\n return null;\n }\n let _entryPrice = new Decimal(0);\n if (values.order_type === OrderType.MARKET) {\n if (!values.trigger_price) {\n return null;\n }\n _entryPrice = new Decimal(values.trigger_price);\n } else if (values.order_type === OrderType.LIMIT) {\n if (!values.order_price) {\n return null;\n }\n _entryPrice = new Decimal(values.order_price);\n }\n const rootOrderPrice = new Decimal(props.rootOrderPrice);\n\n _roi = _entryPrice\n .minus(rootOrderPrice)\n .div(rootOrderPrice)\n .mul(leverage)\n .abs()\n .mul(100)\n .mul(props.type === \"tp\" ? 1 : -1)\n .toNumber();\n return _roi;\n }, [values, props.rootOrderPrice, leverage, props.type]);\n\n return (\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n justify={\"start\"}\n className=\"oui-w-full\"\n >\n <Flex className=\"oui-w-full\" itemAlign={\"center\"} justify={\"start\"}>\n {!props.disableEnableCheckbox && (\n <Checkbox\n data-testid={`oui-testid-orderEntry-${props.type}-enable-checkBox`}\n id={`enable_${props.type}`}\n color={\"white\"}\n checked={values.enable}\n onCheckedChange={(checked: boolean) => {\n props.onChange(`${props.type}_enable`, !!checked);\n }}\n />\n )}\n <label\n htmlFor={`enable_${props.type}`}\n className={cn(\n \"oui-cursor-pointer oui-text-sm\",\n props.disableEnableCheckbox\n ? \"oui-ml-0 oui-text-base-contrast\"\n : \"oui-ml-1 oui-text-base-contrast-36\",\n )}\n >\n {props.type === \"tp\"\n ? t(\"tpsl.advanced.TP.label\")\n : t(\"tpsl.advanced.SL.label\")}\n </label>\n </Flex>\n <Flex\n direction={\"column\"}\n gap={2}\n itemAlign={\"start\"}\n className={cn(\"oui-w-full oui-pt-2\", values.enable ? \"\" : \"oui-hidden\")}\n >\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className=\"oui-w-full oui-gap-0.5\"\n >\n <Text className=\"oui-text-2xs oui-text-base-contrast-54\">\n {t(\"tpsl.advanced.triggerPrice\")}\n </Text>\n <Grid cols={2} gap={2} className=\"oui-w-full oui-px-0.5\">\n <PriceInput\n type={`${props.type} price`}\n value={values.trigger_price}\n error={getErrorMsg(`${props.type}_trigger_price`)}\n onValueChange={(value) => {\n props.onChange(`${props.type}_trigger_price`, value);\n }}\n quote_dp={props.quote_dp}\n />\n <PnlInputWidget\n type={props.type === \"tp\" ? \"TP\" : \"SL\"}\n onChange={(key, value) => {\n props.onChange(key, value as string);\n }}\n quote={\"USDC\"}\n quote_dp={2}\n values={values}\n />\n </Grid>\n </Flex>\n <Flex\n direction={\"column\"}\n className={cn(\n \"oui-w-full oui-gap-0.5\",\n props.hideOrderPrice ? \"oui-hidden\" : \"\",\n )}\n itemAlign={\"start\"}\n >\n <Text className=\"oui-text-2xs oui-text-base-contrast-54\">\n {t(\"tpsl.advanced.orderPrice\")}\n </Text>\n <Grid cols={2} gap={2} className=\"oui-w-full oui-px-0.5\">\n <PriceInput\n disabled={\n positionType === PositionType.FULL ||\n values.order_type === OrderType.MARKET\n }\n type={\"order price\"}\n label={\n values.order_type === OrderType.LIMIT\n ? t(\"tpsl.advanced.limit\")\n : t(\"tpsl.advanced.market\")\n }\n value={values.order_price}\n error={getErrorMsg(`${props.type}_order_price`)}\n onValueChange={(value) => {\n props.onChange(`${props.type}_order_price`, value);\n }}\n quote_dp={props.quote_dp}\n />\n <OrderPriceType\n disabled={\n positionType === PositionType.FULL ||\n props.disableOrderTypeSelector\n }\n type={values.order_type}\n onChange={(value) => {\n props.onChange(`${props.type}_order_type`, value as OrderType);\n }}\n />\n </Grid>\n </Flex>\n </Flex>\n <RenderROI\n price={\n values.order_type === OrderType.MARKET\n ? values.trigger_price\n : values.order_price\n }\n orderType={values.order_type}\n pnl={values.PnL}\n roi={roi}\n dp={props.quote_dp}\n className=\"oui-mt-1\"\n />\n </Flex>\n );\n};\n\nconst RenderROI: React.FC<{\n className?: string;\n price?: number | string;\n pnl?: number | string;\n roi?: number | null;\n dp: number;\n orderType: OrderType;\n}> = (props) => {\n const { t } = useTranslation();\n const { price, pnl, roi, dp, className, orderType } = props;\n if (!roi || !price || !pnl) {\n return null;\n }\n return (\n <Text className={cn(\"oui-text-2xs oui-text-base-contrast-36\", className)}>\n <Trans\n i18nKey=\"tpsl.advanced.ROI\"\n components={[\n <Fragment key=\"price\">\n <Text.numeral\n className=\"oui-px-1 oui-text-base-contrast\"\n dp={dp}\n suffix={<Text className=\"oui-pl-0.5\">USDC</Text>}\n >\n {price}\n </Text.numeral>\n </Fragment>,\n <Fragment key=\"orderType\">\n <Text className=\"oui-px-1 oui-text-base-contrast\">\n {orderType === OrderType.MARKET\n ? t(\"common.market\")\n : t(\"common.limit\")}\n </Text>\n </Fragment>,\n <Fragment key=\"pnl\">\n <Text.numeral\n coloring\n className=\"oui-whitespace-nowrap oui-px-1\"\n dp={2}\n suffix={<Text className=\"oui-pl-0.5\">USDC</Text>}\n >\n {pnl}\n </Text.numeral>\n </Fragment>,\n\n <Fragment key=\"roi\">\n <Text.numeral\n coloring\n className=\"oui-whitespace-nowrap oui-px-1\"\n dp={2}\n suffix=\"%\"\n >\n {roi}\n </Text.numeral>\n </Fragment>,\n ]}\n />\n </Text>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n CaretDownIcon,\n cn,\n Input,\n MenuItem,\n SimpleDropdownMenu,\n} from \"@orderly.network/ui\";\nimport { inputFormatter, Text } from \"@orderly.network/ui\";\nimport { PNLInputState, PnLMode } from \"./useBuilder.script\";\n\nexport type PNLInputProps = PNLInputState & { testId?: string; quote: string };\n\nexport const PNLInput = (props: PNLInputProps) => {\n const {\n mode,\n modes,\n onModeChange,\n onValueChange,\n quote,\n quote_dp,\n value,\n pnl,\n } = props;\n const { t } = useTranslation();\n\n const [prefix, setPrefix] = useState<string>(mode);\n const [placeholder, setPlaceholder] = useState<string>(\n mode === PnLMode.PERCENTAGE ? \"%\" : quote,\n );\n\n const color = useMemo(() => {\n const num = Number(pnl);\n\n if (isNaN(num) || num === 0) return \"\";\n\n if (num > 0) return \"oui-text-trade-profit\";\n if (num < 0) return \"oui-text-trade-loss\";\n }, [pnl]);\n\n useEffect(() => {\n const label = modes.find((item) => item.value === mode)?.label;\n setPrefix(label!);\n setPlaceholder(mode === PnLMode.PERCENTAGE ? \"%\" : quote);\n }, [mode, modes]);\n\n return (\n <Input\n prefix={prefix}\n size={{\n initial: \"lg\",\n lg: \"md\",\n }}\n placeholder={placeholder}\n align={\"right\"}\n value={value}\n data-testid={props.testId}\n autoComplete={\"off\"}\n onValueChange={onValueChange}\n formatters={[\n // inputFormatter.numberFormatter,\n props.formatter({ dp: quote_dp, mode }),\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n // className={color}\n classNames={{\n input: cn(\"oui-text-2xs\", color),\n prefix: \"oui-text-base-contrast-54 oui-text-2xs\",\n root: \"oui-outline-line-12 focus-within:oui-outline-primary-light\",\n }}\n onFocus={() => {\n setPlaceholder(\"\");\n props.setFocus(true);\n }}\n onBlur={() => {\n setPlaceholder(mode === PnLMode.PERCENTAGE ? \"%\" : quote);\n props.setFocus(false);\n }}\n // value={props.value}\n suffix={\n <>\n {mode === PnLMode.PERCENTAGE && !!value && (\n <Text\n size={\"2xs\"}\n color=\"inherit\"\n className={cn(\"oui-ml-[2px]\", color)}\n >\n %\n </Text>\n )}\n <PNLMenus\n mode={mode}\n modes={modes}\n onModeChange={(item) => onModeChange(item.value as PnLMode)}\n />\n </>\n }\n />\n );\n};\n\nconst PNLMenus = (props: {\n mode?: string;\n modes: MenuItem[];\n onModeChange: (value: MenuItem) => void;\n}) => {\n return (\n <SimpleDropdownMenu\n currentValue={props.mode}\n menu={props.modes}\n align={\"end\"}\n size={\"xs\"}\n className={\"oui-min-w-[80px]\"}\n onSelect={(item) => props.onModeChange(item as MenuItem)}\n >\n <button className={\"oui-p-2\"}>\n <CaretDownIcon size={12} color={\"white\"} />\n </button>\n </SimpleDropdownMenu>\n );\n};\n","import { useMemo, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { MenuItem } from \"@orderly.network/ui\";\nimport type {\n InputFormatter,\n InputFormatterOptions,\n} from \"@orderly.network/ui\";\nimport { Decimal, todpIfNeed } from \"@orderly.network/utils\";\n\nexport enum PnLMode {\n PnL = \"PnL\",\n OFFSET = \"Offset\",\n PERCENTAGE = \"Offset%\",\n}\n\nexport type PNL_Values = {\n PnL: string | undefined;\n Offset: string | undefined;\n \"Offset%\": string | undefined;\n};\n\nexport type BuilderProps = {\n type: \"TP\" | \"SL\";\n\n quote_dp?: number;\n onChange: (key: string, value: number | string) => void;\n\n values: PNL_Values;\n};\n\nexport const usePNLInputBuilder = (props: BuilderProps) => {\n const { type, values } = props;\n const [mode, setMode] = useLocalStorage<PnLMode>(\n \"TP/SL_Mode\",\n PnLMode.PERCENTAGE,\n );\n const [focus, setFocus] = useState(true);\n\n const { t } = useTranslation();\n\n const key = useMemo(() => {\n switch (mode) {\n case PnLMode.OFFSET:\n return `${type.toLowerCase()}_offset`;\n case PnLMode.PERCENTAGE:\n return `${type.toLowerCase()}_offset_percentage`;\n default:\n return `${type.toLowerCase()}_pnl`;\n }\n }, [mode]);\n\n const value = useMemo(() => {\n return values[mode as keyof PNL_Values];\n }, [values, mode]);\n\n const modes = useMemo<MenuItem[]>(() => {\n return [\n {\n label: t(\"tpsl.pnl\"),\n value: PnLMode.PnL,\n testId: `${PnLMode.PnL}_menu_item`,\n },\n {\n label: t(\"tpsl.offset\"),\n value: PnLMode.OFFSET,\n testId: `${PnLMode.OFFSET}_mneu_item`,\n },\n {\n label: `${t(\"tpsl.offset\")}%`,\n value: PnLMode.PERCENTAGE,\n testId: `${PnLMode.PERCENTAGE}_menu_item`,\n },\n ];\n }, [t]);\n\n const percentageSuffix = useRef<string>(\"\");\n\n const onValueChange = (value: string) => {\n props.onChange(key, value);\n };\n\n const formatter = (options: {\n dp?: number;\n mode: PnLMode;\n }): InputFormatter => {\n const { dp = 2 } = options;\n return {\n onRenderBefore: (\n value: string | number,\n options: InputFormatterOptions,\n ) => {\n value = `${value}`; // convert to string\n\n if (focus) {\n if (type === \"SL\" && mode === PnLMode.PnL) {\n value = value.startsWith(\"-\") ? value : \"-\" + value;\n }\n }\n\n if (value === \"\" || value === \"-\") return \"\";\n // if (mode === PnLMode.PnL || mode === PnLMode.OFFSET) {\n // return commify(value);\n // }\n\n if (mode === PnLMode.PERCENTAGE) {\n return `${new Decimal(\n value.replace(\n new RegExp(percentageSuffix.current.replace(\".\", \"\\\\.\") + \"$\"),\n \"\",\n ),\n )\n .mul(100)\n .todp(2, 4)\n .toString()}${percentageSuffix.current}`;\n } else if (mode === PnLMode.OFFSET) {\n value = todpIfNeed(value, dp);\n } else {\n // value = new Decimal(value).todp(2).toString();\n }\n\n return `${value}`;\n },\n onSendBefore: (value: string) => {\n if (/^\\-?0{2,}$/.test(value)) {\n return \"0\";\n }\n\n if (mode === PnLMode.PERCENTAGE) {\n // console.log(\"value\", value);\n if (value !== \"\") {\n // percentageSuffix.current = value.endsWith(\".\") ? \".\" : \"\";\n value = todpIfNeed(value, 2);\n const endStr = value.match(/\\.0{0,2}$/);\n if (!!endStr) {\n percentageSuffix.current = endStr[0];\n } else {\n percentageSuffix.current = \"\";\n }\n value = new Decimal(value).div(100).toString();\n value = `${value}${percentageSuffix.current}`;\n }\n } else if (mode === PnLMode.PnL && type === \"SL\" && focus) {\n value = value.startsWith(\"-\") ? value : \"-\" + value;\n } else {\n value = todpIfNeed(value, dp);\n }\n\n if (value === \"\" || value === \"-\") return \"\";\n\n return value;\n },\n };\n // return {\n // onRenderBefore: (\n // value: string | number,\n // options: InputFormatterOptions\n // ) => {\n // // console.log(\"???\", options);\n // const { isFocused } = options;\n // value = `${value}`;\n // if (value === \"\" || value === \"-\") return \"\";\n\n // // if (type === \"SL\" && mode === PnLMode.PnL) {\n // // if (isFocused) {\n // // value = value.startsWith(\"-\") ? value : \"-\" + value;\n // // }\n // // }\n\n // if (mode === PnLMode.PERCENTAGE) {\n // return `${todpIfNeed(new Decimal(value).mul(100).toString(), 2)}${\n // percentageSuffix.current\n // }`;\n // // return (Number(value) * 100).toFixed(2);\n // } else if (mode === PnLMode.OFFSET) {\n // value = todpIfNeed(value, 2);\n // } else {\n // // value = new Decimal(value).todp(2).toString();\n // }\n\n // return value;\n // },\n // onSendBefore: (value: string, options: InputFormatterOptions) => {\n // const { isFocused } = options;\n\n // if (mode === PnLMode.PERCENTAGE) {\n // if (value !== \"\") {\n // percentageSuffix.current = value.endsWith(\".\") ? \".\" : \"\";\n // value = new Decimal(value).div(100).toString();\n // value = todpIfNeed(value, 4);\n // }\n // } else {\n // // value = todpIfNeed(value, quote_dp);\n // if (isFocused) {\n // if (type === \"SL\" && mode === PnLMode.PnL) {\n // // if (\n // // typeof values[PnLMode.PnL] !== \"undefined\" &&\n // // values[PnLMode.PnL] !== \"\"\n // // )\n // // return value;\n // const num = Number(value);\n // if (!isNaN(num) && num !== 0) {\n // value = (Math.abs(num) * -1).toString();\n // } else {\n // value = \"\";\n // }\n // }\n // }\n // }\n\n // return value;\n // },\n // };\n };\n\n return {\n mode,\n modes,\n type: props.type,\n formatter,\n onModeChange: (mode: PnLMode) => {\n setMode(mode);\n },\n value,\n pnl: values[PnLMode.PnL],\n onValueChange,\n quote_dp: props.quote_dp,\n setFocus,\n };\n};\n\nexport type PNLInputState = ReturnType<typeof usePNLInputBuilder>;\n","import { PNLInput } from \"./pnlInput.ui\";\nimport { BuilderProps, usePNLInputBuilder } from \"./useBuilder.script\";\n\nexport const PnlInputWidget = (\n props: BuilderProps & {\n testId?: string;\n quote: string;\n }\n) => {\n const { testId, quote, ...rest } = props;\n const state = usePNLInputBuilder(rest);\n return <PNLInput {...state} testId={testId} quote={quote} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderType } from \"@orderly.network/types\";\nimport { Select, Text } from \"@orderly.network/ui\";\n\ntype Props = {\n type: OrderType;\n onChange: (type: OrderType) => void;\n disabled?: boolean;\n};\n\nexport const OrderPriceType = (props: Props) => {\n const { t } = useTranslation();\n const options = [\n { label: t(\"orderEntry.orderType.limitOrder\"), value: OrderType.LIMIT },\n { label: t(\"orderEntry.orderType.marketOrder\"), value: OrderType.MARKET },\n ];\n return (\n <Select.options\n value={props.type}\n options={options}\n disabled={props.disabled}\n onValueChange={props.onChange}\n size={\"xs\"}\n classNames={{\n trigger:\n \"oui-bg-transparent oui-w-auto oui-outline-line-1 oui-input-root oui-bg-base-6 oui-h-10 lg:oui-h-8 oui-outline-line-12 \",\n }}\n valueFormatter={(value, option) => {\n const displayLabel = {\n [OrderType.LIMIT]: t(\"orderEntry.orderType.limit\"),\n [OrderType.MARKET]: t(\"common.marketPrice\"),\n }[value];\n return <Text size={\"2xs\"}>{displayLabel}</Text>;\n }}\n />\n );\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Input, inputFormatter } from \"@orderly.network/ui\";\n\nexport const PriceInput: React.FC<{\n type: string;\n label?: string;\n value?: string | number;\n error?: string;\n onValueChange: (value: string) => void;\n quote_dp: number;\n disabled?: boolean;\n}> = (props) => {\n const [placeholder, setPlaceholder] = useState<string>(\"USDC\");\n const { t } = useTranslation();\n\n return (\n <Input.tooltip\n data-testid={`oui-testid-tpsl-popUp-${props.type.toLowerCase()}-input`}\n prefix={props.label ?? t(\"common.markPrice\")}\n size={{ initial: \"lg\", lg: \"md\" }}\n tooltip={props.error}\n placeholder={placeholder}\n disabled={props.disabled}\n align={\"right\"}\n autoComplete={\"off\"}\n value={props.value}\n color={props.error ? \"danger\" : undefined}\n classNames={{\n input: \"oui-text-2xs placeholder:oui-text-2xs\",\n prefix: \"oui-text-base-contrast-54 oui-text-2xs\",\n root: \"oui-w-full\",\n // root: \"oui-outline-line-12 focus-within:oui-outline-primary-light\",\n }}\n onValueChange={props.onValueChange}\n onFocus={() => {\n setPlaceholder(\"\");\n }}\n onBlur={() => {\n setPlaceholder(\"USDC\");\n }}\n formatters={[\n inputFormatter.numberFormatter,\n inputFormatter.dpFormatter(props.quote_dp),\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n />\n );\n};\n","import { Props, useTPSLInputRowScript } from \"./tpslInputRow.script\";\nimport { TPSLInputRowUI } from \"./tpslInputRow.ui\";\n\nexport const TPSLInputRowWidget = (props: Props) => {\n const state = useTPSLInputRowScript(props);\n return <TPSLInputRowUI {...state} />;\n};\n","import { useState } from \"react\";\nimport { OrderlyOrder, PositionType } from \"@orderly.network/types\";\n\ntype OrderValueKeys = keyof OrderlyOrder;\nexport type PositionTypeProps = {\n disableSelector?: boolean;\n value: PositionType;\n onChange: (key: OrderValueKeys, value: any) => void;\n};\n\nexport const useTPSLPositionTypeScript = (props: PositionTypeProps) => {\n return {\n value: props.value,\n onChange: props.onChange,\n disableSelector: props.disableSelector,\n };\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { PositionType } from \"@orderly.network/types\";\nimport {\n ExclamationFillIcon,\n Flex,\n Select,\n Text,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { useTPSLPositionTypeScript } from \"./tpslPositionType.script\";\n\ntype TPSLPositionTypeUIProps = ReturnType<typeof useTPSLPositionTypeScript>;\n\nconst positionTypeKey = \"position_type\";\nexport const TPSLPositionTypeUI = (props: TPSLPositionTypeUIProps) => {\n const { t } = useTranslation();\n const options = [\n {\n label: t(\"tpsl.positionType.partial\"),\n value: PositionType.PARTIAL,\n },\n {\n label: t(\"tpsl.positionType.full\"),\n value: PositionType.FULL,\n },\n ];\n\n return (\n <Flex gap={1} itemAlign={\"center\"} justify={\"start\"}>\n <Tooltip\n className=\"oui-w-[280px] oui-p-3\"\n content={\n props.value === PositionType.FULL\n ? t(\"tpsl.positionType.full.tips\")\n : t(\"tpsl.positionType.partial.tips\")\n }\n >\n <ExclamationFillIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-54\"\n size={12}\n />\n </Tooltip>\n {props.disableSelector ? (\n props.value === PositionType.FULL ? (\n <Text className=\"oui-text-2xs oui-font-semibold oui-text-base-contrast-54\">\n {t(\"tpsl.positionType.full\")}\n </Text>\n ) : (\n <Text className=\"oui-text-2xs oui-font-semibold oui-text-base-contrast-54\">\n {t(\"tpsl.positionType.partial\")}\n </Text>\n )\n ) : (\n <Select.options\n value={props.value}\n options={options}\n onValueChange={(event) => {\n props.onChange(positionTypeKey, event as PositionType);\n }}\n size={\"xs\"}\n classNames={{\n trigger: \" oui-bg-transparent oui-border-0 oui-w-auto oui-px-0\",\n }}\n contentProps={{\n className: \" oui-bg-base-8 oui-border-0\",\n }}\n />\n )}\n </Flex>\n );\n};\n","import {\n PositionTypeProps,\n useTPSLPositionTypeScript,\n} from \"./tpslPositionType.script\";\nimport { TPSLPositionTypeUI } from \"./tpslPositionType.ui\";\n\nexport const TPSLPositionTypeWidget = (props: PositionTypeProps) => {\n const state = useTPSLPositionTypeScript(props);\n return <TPSLPositionTypeUI {...state} />;\n};\n","import { memo, useEffect, useRef, useState } from \"react\";\nimport { utils } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Input, Slider, Text } from \"@orderly.network/ui\";\nimport { inputFormatter } from \"@orderly.network/ui\";\nimport { cn } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nexport type TPSLQuantityProps = {\n maxQty: number;\n baseTick: number;\n base_dp: number;\n base: string;\n onQuantityChange?: (value: number | string) => void;\n quantity: number;\n isEditing?: boolean;\n errorMsg?: string;\n};\n\nexport const TPSLQuantity = memo<TPSLQuantityProps>((props) => {\n const { maxQty, base_dp, baseTick, quantity } = props;\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { t } = useTranslation();\n const [sliderValue, setSliderValue] = useState(0);\n\n // format quantity to base tick\n const formatQuantity = (value: string) => {\n let _qty = value;\n if (Number(value) > maxQty) {\n _qty = maxQty.toString();\n }\n if (baseTick > 0) {\n props.onQuantityChange?.(utils.formatNumber(_qty, baseTick) ?? value);\n }\n };\n\n const onSliderValueChange = (value: number) => {\n setSliderValue(value);\n // transform slider value to quantity\n const qty = new Decimal(value)\n .div(100)\n .mul(maxQty)\n .toFixed(base_dp, Decimal.ROUND_DOWN);\n\n formatQuantity(qty);\n };\n\n useEffect(() => {\n const qty = Math.min(Number(quantity || 0), maxQty);\n // transform quantity to slider value\n const slider = new Decimal(qty)\n .div(maxQty)\n .mul(100)\n .toDecimalPlaces(2, Decimal.ROUND_DOWN)\n .toNumber();\n\n setSliderValue(slider);\n }, [quantity, maxQty]);\n\n const errorMsg =\n props.quantity.toString().length > 0 ? props.errorMsg : undefined;\n\n return (\n <>\n <Flex gap={2}>\n <div className={\"oui-flex-1\"}>\n <Input.tooltip\n data-testid=\"oui-testid-tpsl-popUp-quantity-input\"\n ref={inputRef}\n prefix={t(\"common.quantity\")}\n size={{\n initial: \"md\",\n lg: \"sm\",\n }}\n align=\"right\"\n value={props.quantity}\n autoComplete=\"off\"\n classNames={{\n prefix: \"oui-text-base-contrast-54\",\n root: cn(\n \"oui-bg-base-5 oui-outline-line-12\",\n errorMsg && \"oui-outline-danger\",\n ),\n }}\n tooltipProps={{\n content: {\n className: \"oui-bg-base-6 oui-text-base-contrast-80\",\n },\n arrow: {\n className: \"oui-fill-base-6\",\n },\n }}\n tooltip={errorMsg}\n color={errorMsg ? \"danger\" : undefined}\n formatters={[\n inputFormatter.dpFormatter(props.base_dp),\n inputFormatter.numberFormatter,\n inputFormatter.currencyFormatter,\n inputFormatter.decimalPointFormatter,\n ]}\n onValueChange={(value) => {\n props.onQuantityChange?.(value);\n // TODO: optimize this\n const qty = Number(value);\n if (qty && qty > props.maxQty) {\n const qty = props.maxQty;\n props.onQuantityChange?.(qty);\n inputRef.current?.blur();\n }\n }}\n onBlur={(e) => formatQuantity(e.target.value)}\n suffix={\n <span className=\"oui-px-3 oui-text-2xs oui-text-base-contrast-54\">\n {props.base}\n </span>\n }\n />\n </div>\n </Flex>\n <Flex mt={2} itemAlign={\"center\"} height={\"15px\"}>\n <Slider\n min={0}\n max={100}\n markCount={5}\n showTip\n value={[sliderValue]}\n color=\"primary\"\n onValueChange={(value) => {\n onSliderValueChange(value[0]);\n }}\n />\n </Flex>\n <Flex justify={\"between\"}>\n <Text.numeral color={\"primary\"} size={\"2xs\"} suffix=\"%\">\n {sliderValue}\n </Text.numeral>\n <Flex itemAlign={\"center\"} gap={1}>\n <button\n className={\"oui-leading-none\"}\n style={{ lineHeight: 0 }}\n onClick={() => {\n props.onQuantityChange?.(props.maxQty);\n }}\n >\n <Text color={\"primary\"} size={\"2xs\"}>\n {t(\"common.max\")}\n </Text>\n </button>\n\n <Text.numeral\n rule={\"price\"}\n size={\"2xs\"}\n intensity={54}\n tick={props.baseTick}\n >\n {props.maxQty}\n </Text.numeral>\n </Flex>\n </Flex>\n </>\n );\n});\n","import { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n useMemoizedFn,\n usePositionStream,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrderRootType,\n AlgoOrderType,\n API,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { modal, toast } from \"@orderly.network/ui\";\nimport { PositionTPSLConfirm } from \"./positionTpslConfirm\";\n\ntype PropsWithTriggerPrice = {\n withTriggerPrice?: boolean;\n triggerPrice?: number;\n type?: \"tp\" | \"sl\";\n qty?: number;\n};\n\nexport type TPSLBuilderOptions = {\n symbol: string;\n position?: API.Position;\n order?: API.AlgoOrder;\n onTPSLTypeChange?: (type: AlgoOrderRootType) => void;\n isEditing?: boolean;\n positionType?: PositionType;\n /**\n * either show the confirm dialog or not,\n * if the Promise reject or return false, cancel the submit action\n */\n onConfirm?: (\n order: ComputedAlgoOrder,\n options: {\n position: API.Position;\n submit: (params?: { accountId?: string }) => Promise<any>;\n cancel: () => Promise<any>;\n },\n ) => Promise<boolean>;\n close?: () => void;\n};\n\nexport const useTPSLBuilder = (\n options: TPSLBuilderOptions & PropsWithTriggerPrice,\n) => {\n const {\n symbol,\n order,\n isEditing,\n positionType,\n triggerPrice,\n type,\n withTriggerPrice,\n } = options;\n const { t } = useTranslation();\n // const isEditing = !!order;\n if (isEditing && !order) {\n throw new SDKError(\"order is required when isEditing is true\");\n }\n // const symbol = isEditing ? order!.symbol : position.symbol;\n const symbolInfo = useSymbolsInfo();\n\n const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [{ rows: positions }] = usePositionStream();\n\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const position = positions.find((item) => item.symbol === symbol);\n if (!position) {\n throw new SDKError(\"position not found\");\n }\n\n const [\n tpslOrder,\n {\n submit,\n deleteOrder,\n setValue,\n setValues,\n validate,\n metaState,\n errors,\n isCreateMutating,\n isUpdateMutating,\n },\n ] = useTPSLOrder(\n {\n symbol,\n position_qty: position?.position_qty ?? 0,\n average_open_price: position?.average_open_price ?? 0,\n },\n {\n defaultOrder: order,\n positionType: triggerPrice ? PositionType.PARTIAL : positionType,\n tpslEnable: {\n tp_enable: !withTriggerPrice ? true : type === \"tp\",\n sl_enable: !withTriggerPrice ? true : type === \"sl\",\n },\n isEditing,\n },\n );\n\n const setQuantity = (value: number | string) => {\n setValue(\"quantity\", value);\n };\n\n const setOrderPrice = (\n name: \"tp_trigger_price\" | \"sl_trigger_price\",\n value: number | string,\n ) => {\n setValue(name, value);\n };\n\n const setPnL = (type: string, value: number | string) => {\n setValue(type, value);\n };\n\n const maxQty = useMemo(\n () => Math.abs(Number(position.position_qty)),\n [position.position_qty],\n );\n\n const dirty = useMemo(() => {\n const quantity =\n order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n ? maxQty\n : order?.quantity;\n\n let diff: number = 0;\n\n if (Number(tpslOrder.quantity) !== quantity) {\n diff = 1;\n } else if (!isEditing && !!tpslOrder.quantity) {\n diff = 1;\n }\n\n if (order && isEditing) {\n const { tp_trigger_price, sl_trigger_price } =\n utils.findTPSLFromOrder(order);\n const { tp_order_price, sl_order_price } =\n utils.findTPSLOrderPriceFromOrder(order);\n\n if (\n tp_trigger_price !== Number(tpslOrder.tp_trigger_price) &&\n typeof typeof tpslOrder.tp_trigger_price !== \"undefined\"\n ) {\n diff = 2;\n }\n\n if (\n sl_trigger_price !== Number(tpslOrder.sl_trigger_price) &&\n typeof tpslOrder.sl_trigger_price !== \"undefined\"\n ) {\n diff = 3;\n }\n if (\n typeof tpslOrder.tp_order_price !== \"undefined\" &&\n tp_order_price !== OrderType.MARKET &&\n tp_order_price !== Number(tpslOrder.tp_order_price)\n ) {\n diff = 4;\n }\n if (\n typeof tpslOrder.sl_order_price !== \"undefined\" &&\n sl_order_price !== OrderType.MARKET &&\n sl_order_price !== Number(tpslOrder.sl_order_price)\n ) {\n diff = 5;\n }\n }\n\n if (\n diff === 1 &&\n !tpslOrder.tp_trigger_price &&\n !tpslOrder.sl_trigger_price\n ) {\n diff = -1;\n }\n\n return diff;\n }, [\n tpslOrder.tp_trigger_price,\n tpslOrder.tp_order_price,\n tpslOrder.sl_trigger_price,\n tpslOrder.sl_order_price,\n tpslOrder.quantity,\n order,\n isEditing,\n ]);\n\n useEffect(() => {\n if (!withTriggerPrice) {\n return;\n }\n if (!triggerPrice) {\n return;\n }\n if (type === \"tp\") {\n setValue(\"tp_trigger_price\", triggerPrice);\n } else {\n setValue(\"sl_trigger_price\", triggerPrice);\n }\n if (options.qty) {\n setValue(\"quantity\", options.qty);\n }\n }, [type, triggerPrice, options.qty]);\n\n const cancel = (): Promise<void> => {\n if (order?.algo_order_id && order?.symbol) {\n return deleteOrder(order?.algo_order_id, order?.symbol);\n }\n return Promise.reject(\"order id or symbol is invalid\");\n };\n\n const onConfirm = (\n order: ComputedAlgoOrder,\n options: {\n position: API.Position;\n submit: (params?: { accountId?: string }) => Promise<any>;\n cancel: () => Promise<any>;\n },\n ) => {\n if (!needConfirm) {\n return Promise.resolve(true);\n }\n\n const maxQty = Math.abs(Number(position.position_qty));\n if (\n `${order.tp_trigger_price ?? \"\"}`.length === 0 &&\n `${order.sl_trigger_price ?? \"\"}`.length === 0\n ) {\n return modal\n .confirm({\n title: t(\"orders.cancelOrder\"),\n content: t(\"tpsl.cancelOrder.description\"),\n onOk: () => {\n return options.cancel();\n },\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n }\n\n return modal\n .confirm({\n title: t(\"tpsl.confirmOrder\"),\n // bodyClassName: \"lg:oui-py-0\",\n onOk: async () => {\n try {\n const res = await options.submit({\n accountId: position.account_id,\n });\n\n if (res.success) {\n return res;\n }\n\n if (res.message) {\n toast.error(res.message);\n }\n\n return false;\n } catch (err: any) {\n if (err?.message) {\n toast.error(err.message);\n }\n return false;\n }\n },\n classNames: {\n body: \"!oui-pb-0\",\n },\n content: (\n <PositionTPSLConfirm\n isPositionTPSL={positionType === PositionType.FULL}\n isEditing={isEditing}\n symbol={order.symbol!}\n qty={Number(order.quantity)}\n maxQty={maxQty}\n tpPrice={Number(order.tp_trigger_price)}\n slPrice={Number(order.sl_trigger_price)}\n side={order.side!}\n orderInfo={order}\n quoteDP={symbolInfo[symbol](\"quote_dp\") ?? 2}\n baseDP={symbolInfo[symbol](\"base_dp\") ?? 2}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n };\n\n const onSubmit = async () => {\n try {\n const validOrder = await validate();\n console.log(\"validOrder\", validOrder);\n if (validOrder) {\n if (!needConfirm) {\n return submit({ accountId: position.account_id })\n .then(() => true)\n .catch((err) => {\n if (err?.message) {\n toast.error(err.message);\n }\n throw false;\n });\n }\n\n return onConfirm(tpslOrder, {\n position,\n submit,\n cancel,\n });\n }\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n return {\n isEditing,\n symbolInfo: symbolInfo[symbol],\n maxQty,\n setQuantity: useMemoizedFn(setQuantity),\n orderQuantity: tpslOrder.quantity,\n // isPosition: isPositionTPSL,\n\n TPSL_OrderEntity: tpslOrder,\n setOrderValue: setValue,\n setPnL,\n setOrderPrice,\n // needConfirm,\n onSubmit,\n metaState,\n errors,\n status: {\n isCreateMutating,\n isUpdateMutating,\n },\n position,\n setValues,\n } as const;\n};\n\nexport type TPSLBuilderState = ReturnType<typeof useTPSLBuilder>;\n","import {\n ComputedAlgoOrder,\n useLocalStorage,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { OrderSide, PositionType } from \"@orderly.network/types\";\nimport {\n Badge,\n Box,\n Checkbox,\n cn,\n Divider,\n Flex,\n Text,\n textVariants,\n} from \"@orderly.network/ui\";\nimport { transSymbolformString } from \"@orderly.network/utils\";\n\nexport type PositionTPSLConfirmProps = {\n symbol: string;\n qty: number;\n tpPrice?: number;\n slPrice?: number;\n maxQty: number;\n side: OrderSide;\n // symbolConfig:API.SymbolExt\n baseDP: number;\n quoteDP: number;\n isEditing?: boolean;\n isPositionTPSL?: boolean;\n orderInfo: ComputedAlgoOrder;\n};\n\nconst TPSLOrderType = (props: { tpPrice?: number; slPrice?: number }) => {\n const { tpPrice, slPrice } = props;\n const { t } = useTranslation();\n\n if (!!tpPrice && !!slPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"common.tpsl\")}\n </Badge>\n );\n }\n\n if (!!tpPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"tpsl.tp\")}\n </Badge>\n );\n }\n\n if (!!slPrice) {\n return (\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"tpsl.sl\")}\n </Badge>\n );\n }\n\n return null;\n};\n\n// ------------ Position TP/SL Confirm dialog start------------\nexport const PositionTPSLConfirm = (props: PositionTPSLConfirmProps) => {\n const {\n symbol,\n tpPrice,\n slPrice,\n qty,\n maxQty,\n side,\n quoteDP,\n baseDP,\n isEditing,\n isPositionTPSL: _isPositionTPSL,\n orderInfo: order,\n } = props;\n const { t } = useTranslation();\n\n const [needConfirm, setNeedConfirm] = useLocalStorage(\n \"orderly_order_confirm\",\n true,\n );\n const renderPositionType = () => {\n if (order.position_type === PositionType.FULL) {\n return <Text>{t(\"tpsl.positionType.full\")}</Text>;\n }\n return <Text>{t(\"tpsl.positionType.partial\")}</Text>;\n };\n // console.log(\"PositionTPSLConfirm\", qty, maxQty, quoteDP);\n\n const renderTPSLPrice = ({\n price,\n isOrderPrice,\n isEnable,\n colorType,\n }: {\n price: string | number;\n isOrderPrice?: boolean;\n isEnable?: boolean;\n colorType: \"TP\" | \"SL\";\n }) => {\n if (!isEnable) {\n return <Text className=\"oui-text-base-contrast-36\">-- USDC</Text>;\n }\n if (!price) {\n if (isOrderPrice) {\n return (\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n );\n }\n }\n return (\n <Text.numeral\n unit={\"USDC\"}\n rule={\"price\"}\n className={cn(\n \"oui-text-base-contrast\",\n colorType === \"TP\" ? \"oui-text-trade-profit\" : \"oui-text-trade-loss\",\n )}\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n dp={quoteDP}\n padding={false}\n >\n {price}\n </Text.numeral>\n );\n };\n\n const isPositionTPSL = _isPositionTPSL;\n\n return (\n <>\n {isEditing && (\n <Text as=\"div\" size=\"2xs\" intensity={80} className=\"oui-mb-3\">\n {t(\"tpsl.agreement\", { symbol: transSymbolformString(symbol) })}\n </Text>\n )}\n\n <Flex pb={4}>\n <Box grow>\n <Text.formatted\n rule={\"symbol\"}\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n as=\"div\"\n intensity={80}\n >\n {symbol}\n </Text.formatted>\n </Box>\n <Flex gap={1}>\n {isPositionTPSL && (\n <Badge size=\"xs\" color={\"primary\"}>\n {t(\"common.position\")}\n </Badge>\n )}\n\n {/* <Badge size=\"xs\" color=\"neutral\">\n TP/SL\n </Badge> */}\n <TPSLOrderType tpPrice={tpPrice} slPrice={slPrice} />\n {side === OrderSide.SELL ? (\n <Badge size=\"xs\" color=\"success\">\n {t(\"common.buy\")}\n </Badge>\n ) : (\n <Badge size=\"xs\" color=\"danger\">\n {t(\"common.sell\")}\n </Badge>\n )}\n </Flex>\n </Flex>\n <Divider />\n {order.tp_trigger_price || order.sl_trigger_price ? (\n <>\n <Divider className=\"oui-my-4\" />\n <div\n className={textVariants({\n size: \"sm\",\n intensity: 54,\n className:\n \"oui-space-y-1 oui-w-full oui-flex oui-flex-col oui-gap-3\",\n })}\n >\n <Text className=\"oui-text-base-contrast\">\n {renderPositionType()}\n </Text>\n <Flex justify={\"between\"}>\n <Text>{t(\"common.orderQty\")}</Text>\n <Text.numeral\n rule={\"price\"}\n dp={baseDP}\n padding={false}\n className=\"oui-text-base-contrast\"\n >\n {order.quantity ?? \"-\"}\n </Text.numeral>\n </Flex>\n\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n gap={1}\n className=\"oui-w-full\"\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.tpTriggerPrice\")}</Text>{\" \"}\n {renderTPSLPrice({\n price: order.tp_trigger_price ?? \"\",\n isOrderPrice: false,\n isEnable: !!order.tp_trigger_price,\n colorType: \"TP\",\n })}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.tpOrderPrice\")}</Text>\n {renderTPSLPrice({\n price: order.tp_order_price ?? \"\",\n isOrderPrice: true,\n isEnable: !!order.tp_trigger_price,\n colorType: \"TP\",\n })}\n </Flex>\n </Flex>\n\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n gap={1}\n className=\"oui-w-full\"\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.slTriggerPrice\")}</Text>\n {renderTPSLPrice({\n price: order.sl_trigger_price ?? \"\",\n isOrderPrice: false,\n isEnable: !!order.sl_trigger_price,\n colorType: \"SL\",\n })}\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text>{t(\"tpsl.slOrderPrice\")}</Text>\n {renderTPSLPrice({\n price: order.sl_order_price ?? \"\",\n isOrderPrice: true,\n isEnable: !!order.sl_trigger_price,\n colorType: \"SL\",\n })}\n </Flex>\n </Flex>\n </div>\n </>\n ) : null}\n <Box pt={2}>\n <Flex gap={1}>\n <Checkbox\n id=\"disabledConfirm\"\n color=\"white\"\n checked={!needConfirm}\n onCheckedChange={(check) => {\n setNeedConfirm(!check);\n }}\n />\n <label\n htmlFor=\"disabledConfirm\"\n className={textVariants({\n size: \"xs\",\n intensity: 54,\n className: \"oui-ml-1\",\n })}\n >\n {t(\"orderEntry.disableOrderConfirm\")}\n </label>\n </Flex>\n </Box>\n </>\n );\n};\n\n//------------- Position TP/SL Confirm dialog end------------\n","import { useMemo } from \"react\";\nimport { useLocalStorage, useMarkPrice } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API, PositionType } from \"@orderly.network/types\";\nimport {\n Flex,\n modal,\n useModal,\n Text,\n Box,\n Badge,\n Divider,\n toast,\n} from \"@orderly.network/ui\";\nimport { TPSLWidget, TPSLWidgetProps } from \"./positionTPSL\";\n\ntype TPSLSheetProps = {\n order?: API.AlgoOrder;\n // label: string;\n // baseDP?: number;\n // quoteDP?: number;\n symbolInfo: API.SymbolExt;\n isEditing?: boolean;\n};\n\nexport const PositionTPSLSheet = (props: TPSLWidgetProps & TPSLSheetProps) => {\n const { position, order, symbolInfo, isEditing } = props;\n const { resolve, hide, updateArgs } = useModal();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n return (\n <>\n <TPSLWidget\n {...props}\n positionType={\n props.positionType ??\n (isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL)\n }\n onCancel={() => {\n hide();\n }}\n />\n </>\n );\n};\n","import { useEffect, useState, SVGProps } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Button,\n cn,\n Divider,\n Flex,\n ScrollArea,\n Text,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { useTPSLAdvanced } from \"./useTPSLAdvanced.script\";\n\ntype Props = ReturnType<typeof useTPSLAdvanced>;\n\nexport const TPSLAdvancedUI = (props: Props) => {\n const { t } = useTranslation();\n const { errors, validated } = props.metaState;\n\n const {\n formattedOrder,\n setValue: setOrderValue,\n symbolInfo,\n setValues,\n } = props;\n const [tpValues, setTpValuse] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n });\n\n const [slValues, setSlValues] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n });\n\n // Update tpValues when formattedOrder changes\n useEffect(() => {\n setTpValuse((prev) => ({\n ...prev,\n enable: formattedOrder.tp_enable ?? true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n useEffect(() => {\n setSlValues((prev) => ({\n ...prev,\n enable: formattedOrder.sl_enable ?? true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n return (\n <div className=\"oui-rounded-[16px] oui-py-3 oui-flex oui-flex-col oui-justify-between oui-h-full\">\n <div className=\"oui-px-3\">\n <Flex\n className=\"oui-mb-5 oui-cursor-pointer oui-text-base oui-text-base-contrast-80\"\n gap={1}\n itemAlign={\"center\"}\n onClick={props.onClose}\n >\n <ArrowRightIcon className=\" oui-text-base-contrast-80\" />\n <Text>{t(\"tpsl.advanced.title\")}</Text>\n </Flex>\n </div>\n <ScrollArea className=\"oui-flex-1\">\n <div className=\"oui-px-3\">\n <OrderInfo\n order={formattedOrder as OrderlyOrder}\n baseDP={symbolInfo.base_dp}\n quoteDP={symbolInfo.quote_dp}\n symbolLeverage={props.symbolLeverage}\n />\n </div>\n <Divider className=\"oui-my-3\" />\n <div className=\"oui-px-3\">\n <Flex className=\"oui-gap-[6px]\">\n <Button\n onClick={() => {\n setOrderValue(\"side\", OrderSide.BUY);\n }}\n size={\"sm\"}\n fullWidth\n data-type={OrderSide.BUY}\n // color={side === OrderSide.BUY ? \"buy\" : \"secondary\"}\n className={cn(\n formattedOrder.side === OrderSide.BUY\n ? \"oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80\"\n : \"oui-bg-base-7 oui-text-base-contrast-36 hover:oui-bg-base-6 active:oui-bg-base-6\",\n )}\n data-testid=\"oui-testid-orderEntry-side-buy-button\"\n >\n {t(\"common.buy\")}\n </Button>\n <Button\n onClick={() => {\n setOrderValue(\"side\", OrderSide.SELL);\n }}\n data-type={OrderSide.SELL}\n fullWidth\n size={\"sm\"}\n // color={side === OrderSide.SELL ? \"sell\" : \"secondary\"}\n className={cn(\n formattedOrder.side === OrderSide.SELL\n ? \"oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80\"\n : \"oui-bg-base-7 oui-text-base-contrast-36 hover:oui-bg-base-6 active:oui-bg-base-6\",\n )}\n data-testid=\"oui-testid-orderEntry-side-sell-button\"\n >\n {t(\"common.sell\")}\n </Button>\n </Flex>\n <div className=\"oui-py-3\">\n <TPSLPositionTypeWidget\n value={formattedOrder.position_type ?? PositionType.PARTIAL}\n onChange={(key, value) => {\n // setOrderValue(\"position_type\", value);\n if (value === PositionType.FULL) {\n setValues({\n position_type: PositionType.FULL,\n tp_order_type: OrderType.MARKET,\n tp_order_price: undefined,\n sl_order_type: OrderType.MARKET,\n sl_order_price: undefined,\n });\n // setOrderValue(\"tp_order_type\", OrderType.MARKET);\n // setOrderValue(\"sl_order_type\", OrderType.MARKET);\n return;\n }\n setOrderValue(\"position_type\", value);\n }}\n />\n {formattedOrder.position_type === PositionType.FULL && (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-3 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-[#D25f00]\" />\n <Text className=\"oui-text-2xs oui-text-[#D25f00]\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n </Flex>\n )}\n </div>\n <Flex direction={\"column\"} gap={6}>\n <TPSLInputRowWidget\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"tp\"\n values={tpValues}\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n onChange={(key, value) => {\n // setTpValuse((prev) => ({ ...prev, [key]: value }));\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n symbolLeverage={props.symbolLeverage}\n />\n <TPSLInputRowWidget\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"sl\"\n values={slValues}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n symbolLeverage={props.symbolLeverage}\n />\n </Flex>\n\n <PnlInfo\n tp_pnl={formattedOrder.tp_pnl}\n sl_pnl={formattedOrder.sl_pnl}\n className=\"oui-mt-6\"\n />\n </div>\n </ScrollArea>\n <Flex className=\"oui-mt-6 oui-px-3\" gap={2}>\n <Button\n size=\"md\"\n fullWidth\n color=\"gray\"\n variant=\"outlined\"\n className=\"oui-text-base-contrast-36\"\n onClick={props.onClose}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n size=\"md\"\n fullWidth\n color=\"success\"\n className={cn(\n formattedOrder.side === OrderSide.SELL\n ? \"oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80\"\n : \"oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80\",\n )}\n onClick={props.onSubmit}\n >\n {t(\"tpsl.advanced.submit\")}\n </Button>\n </Flex>\n </div>\n );\n};\n\nexport const ArrowRightIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8.03752 2.9294C7.89169 2.95857 7.74527 3.03207 7.65661 3.16624L5.33145 6.66624C5.20137 6.86224 5.20137 7.12648 5.33145 7.32248L7.65661 10.8225C7.83452 11.0902 8.20669 11.1655 8.47385 10.9864C8.74044 10.8079 8.8151 10.434 8.63719 10.1662L6.53019 6.99408L8.63719 3.82249C8.8151 3.55416 8.74044 3.18082 8.47385 3.00232C8.34027 2.91249 8.18335 2.89965 8.03752 2.9294Z\" />\n </svg>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { OrderValidationResult, useOrderEntry } from \"@orderly.network/hooks\";\nimport { OrderlyOrder, OrderType, PositionType } from \"@orderly.network/types\";\n\ntype Props = {\n order: OrderlyOrder;\n setOrderValue: (key: string, value: any) => void;\n onSubmit: (formattedOrder: OrderlyOrder) => void;\n onClose: () => void;\n symbolLeverage?: number;\n};\n\nconst isTPSLEnable = (order: OrderlyOrder, type: \"tp\" | \"sl\") => {\n if (order.tp_trigger_price || order.sl_trigger_price) {\n if (type === \"tp\") {\n return !!order.tp_trigger_price;\n }\n if (type === \"sl\") {\n return !!order.sl_trigger_price;\n }\n }\n // no edit, enable tp /sl\n return true;\n};\n\nexport const useTPSLAdvanced = (props: Props) => {\n const { order, setOrderValue, onClose } = props;\n const [innerMetaState, setInnerMetaState] =\n useState<OrderValidationResult | null>(null);\n const {\n formattedOrder,\n setValue,\n setValues,\n helper,\n symbolInfo,\n metaState,\n ...state\n } = useOrderEntry(order.symbol, {\n initialOrder: {\n symbol: order.symbol,\n order_type: order.order_type,\n side: order.side,\n order_price: order.order_price,\n order_quantity: order.order_quantity,\n position_type: order.position_type ?? PositionType.PARTIAL,\n trigger_price: order.trigger_price,\n tp_enable: isTPSLEnable(order, \"tp\"),\n sl_enable: isTPSLEnable(order, \"sl\"),\n tp_trigger_price: order.tp_trigger_price,\n sl_trigger_price: order.sl_trigger_price,\n tp_order_price: order.tp_order_price,\n sl_order_price: order.sl_order_price,\n tp_order_type: order.tp_order_type,\n sl_order_type: order.sl_order_type,\n sl_pnl: order.sl_pnl,\n sl_offset: order.sl_offset,\n sl_offset_percentage: order.sl_offset_percentage,\n tp_pnl: order.tp_pnl,\n tp_offset: order.tp_offset,\n tp_offset_percentage: order.tp_offset_percentage,\n },\n });\n\n const onSubmit = () => {\n helper\n .validate()\n .then(() => {\n props.onSubmit(formattedOrder as OrderlyOrder);\n })\n .catch((err) => {\n console.log(\"metaState\", metaState);\n console.log(\"err\", err);\n });\n };\n\n return {\n order,\n formattedOrder,\n symbolInfo,\n setValue,\n setValues,\n onSubmit,\n onClose,\n metaState,\n symbolLeverage: props.symbolLeverage,\n };\n};\n","import { i18n } from \"@orderly.network/i18n\";\nimport { OrderlyOrder } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { TPSLAdvancedUI } from \"./tpslAdvanced.ui\";\nimport { useTPSLAdvanced } from \"./useTPSLAdvanced.script\";\n\ntype Props = {\n order: OrderlyOrder;\n setOrderValue: (key: string, value: any) => void;\n onSubmit: (formattedOrder: OrderlyOrder) => void;\n onClose: () => void;\n symbolLeverage?: number;\n};\n\nexport const TPSLAdvancedWidget = (props: Props) => {\n const state = useTPSLAdvanced({\n order: props.order,\n setOrderValue: props.setOrderValue,\n onSubmit: props.onSubmit,\n onClose: props.onClose,\n symbolLeverage: props.symbolLeverage,\n });\n return <TPSLAdvancedUI {...state} />;\n};\n\nexport const TPSLAdvancedSheetId = \"TPSLAdvancedSheetId\";\nexport const TPSLAdvancedDialogId = \"TPSLAdvancedDialogId\";\n\nregisterSimpleSheet(TPSLAdvancedSheetId, TPSLAdvancedWidget, {\n title: () => i18n.t(\"common.settings\"),\n});\n\nregisterSimpleDialog(TPSLAdvancedDialogId, TPSLAdvancedWidget, {\n title: () => i18n.t(\"common.settings\"),\n});\n","import { AlgoOrder, API } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useTPSLDetail } from \"./tpslDetail.script\";\nimport { TPSLDetailProvider } from \"./tpslDetailProvider\";\nimport { TPSLDetailUI } from \"./tsplDetail.ui\";\n\nexport type TPSLDetailProps = {\n position: API.Position;\n order: AlgoOrder;\n baseDP: number;\n quoteDP: number;\n};\n\nexport const TPSLDetailWidget = (props: TPSLDetailProps) => {\n const state = useTPSLDetail(props);\n return (\n <TPSLDetailProvider\n symbol={props.position.symbol}\n position={props.position}\n >\n <TPSLDetailUI {...state} />\n </TPSLDetailProvider>\n );\n};\nexport const TPSLDetailDialogId = \"TPSLDetailDialogId \";\nexport const TPSLDetailSheetId = \"TPSLDetailSheetId\";\nregisterSimpleDialog(TPSLDetailDialogId, TPSLDetailWidget, {\n classNames: {\n content: \"oui-w-[420px] lg:oui-pt-4 lg:oui-pb-2 !oui-px-0\",\n body: \"lg:oui-py-0\",\n },\n});\n\nregisterSimpleSheet(TPSLDetailSheetId, TPSLDetailWidget, {\n classNames: {\n content: \"!oui-p-0\",\n },\n});\n","import { useEffect, useState } from \"react\";\nimport {\n ComputedAlgoOrder,\n findPositionTPSLFromOrders,\n findTPSLFromOrder,\n useLocalStorage,\n useOrderStream,\n useSymbolsInfo,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrder,\n AlgoOrderRootType,\n API,\n OrderStatus,\n PositionType,\n} from \"@orderly.network/types\";\nimport { modal, toast, useScreen } from \"@orderly.network/ui\";\nimport { TPSLDialogId, TPSLSheetId } from \"../positionTPSL/tpsl.widget\";\nimport { TPSLDetailProps } from \"./tpslDetail.widget\";\n\nexport const useTPSLDetail = (props: TPSLDetailProps) => {\n const { position } = props;\n const symbol = position.symbol;\n const symbolInfo = useSymbolsInfo()[symbol];\n\n const { isMobile } = useScreen();\n const { t } = useTranslation();\n const [fullPositionOrders, setFullPositionOrders] = useState<API.AlgoOrder[]>(\n [],\n );\n const [partialPositionOrders, setPartialPositionOrders] = useState<\n API.AlgoOrder[]\n >([]);\n\n const [tpslOrders, { cancelAlgoOrder, cancelPostionOrdersByTypes, refresh }] =\n useOrderStream(\n {\n symbol: position.symbol,\n status: OrderStatus.INCOMPLETE,\n includes: [AlgoOrderRootType.POSITIONAL_TP_SL, AlgoOrderRootType.TP_SL],\n size: 500,\n },\n {\n keeplive: true,\n },\n );\n\n const onCancelOrder = async (order: API.AlgoOrder) => {\n return await cancelAlgoOrder(order.algo_order_id, order.symbol);\n };\n const onCancelAllTPSLOrders = async () => {\n return await cancelPostionOrdersByTypes(symbol, [AlgoOrderRootType.TP_SL]);\n };\n\n const showTPSLDialog = ({\n order,\n positionType,\n isEditing,\n }: {\n order?: API.AlgoOrder;\n positionType: PositionType;\n isEditing: boolean;\n }) => {\n const dialogId = isMobile ? TPSLSheetId : TPSLDialogId;\n modal.show(dialogId, {\n order: order,\n symbol: position.symbol,\n positionType,\n isEditing,\n });\n };\n\n const editTPSLOrder = (order: API.AlgoOrder, positionType: PositionType) => {\n showTPSLDialog({ order, positionType, isEditing: true });\n };\n\n const addTPSLOrder = (positionType: PositionType) => {\n showTPSLDialog({ positionType, isEditing: false });\n };\n\n useEffect(() => {\n if (tpslOrders) {\n const { fullPositionOrder, partialPositionOrders } =\n findPositionTPSLFromOrders(tpslOrders, symbol);\n\n setFullPositionOrders(fullPositionOrder ? [fullPositionOrder] : []);\n setPartialPositionOrders(partialPositionOrders ?? []);\n }\n }, [tpslOrders, symbol]);\n\n return {\n symbolInfo,\n position,\n symbol,\n fullPositionOrders,\n partialPositionOrders,\n cancelPostionOrdersByTypes,\n onCancelOrder,\n onCancelAllTPSLOrders,\n editTPSLOrder,\n addTPSLOrder,\n };\n};\n\nexport type TPSLDetailState = ReturnType<typeof useTPSLDetail>;\n","import { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useSymbolsInfo } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\n\nexport interface TPSLDetailContextState {\n base_dp: number;\n quote_dp: number;\n position: API.Position;\n}\n\nexport const TPSLDetailContext = createContext({} as TPSLDetailContextState);\n\ninterface TPSLDetailProviderProps {\n symbol: string;\n position: API.Position;\n}\n\nexport const TPSLDetailProvider = (\n props: PropsWithChildren<TPSLDetailProviderProps>,\n) => {\n const symbolInfo = useSymbolsInfo()[props.symbol];\n return (\n <TPSLDetailContext.Provider\n value={{\n base_dp: symbolInfo(\"base_dp\"),\n quote_dp: symbolInfo(\"quote_dp\"),\n position: props.position,\n }}\n >\n {props.children}\n </TPSLDetailContext.Provider>\n );\n};\n\nexport const useTPSLDetailContext = () => {\n return useContext(TPSLDetailContext);\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API, PositionType } from \"@orderly.network/types\";\nimport {\n Box,\n ChevronDownIcon,\n cn,\n ExclamationFillIcon,\n Flex,\n Text,\n toast,\n Tooltip,\n ThrottledButton,\n useScreen,\n ScrollArea,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { OrdersTable } from \"./ordersTable\";\nimport { OrdersTableMobile } from \"./ordersTable.mobile\";\nimport { TPSLDetailState } from \"./tpslDetail.script\";\n\nexport const TPSLDetailUI = (props: TPSLDetailState) => {\n const { isMobile } = useScreen();\n const {\n position,\n fullPositionOrders,\n partialPositionOrders,\n onCancelOrder,\n onCancelAllTPSLOrders,\n editTPSLOrder,\n addTPSLOrder,\n symbolInfo,\n } = props;\n\n return (\n <Box>\n <ScrollArea className={cn(isMobile && \"oui-h-[calc(100vh-100px)]\")}>\n <OrderInfo\n order={{\n symbol: position.symbol,\n order_quantity: position.position_qty.toString(),\n order_price: position.average_open_price.toString(),\n }}\n symbolLeverage={position.leverage}\n baseDP={symbolInfo(\"base_dp\")}\n quoteDP={symbolInfo(\"quote_dp\")}\n classNames={{\n root: cn(\"oui-mb-6 oui-gap-3 oui-px-5\"),\n container: \"oui-gap-x-[30px]\",\n }}\n />\n <FullPositionPart\n position={position}\n orders={fullPositionOrders}\n onCancelOrder={onCancelOrder}\n onCancelAllTPSLOrders={onCancelAllTPSLOrders}\n editTPSLOrder={editTPSLOrder}\n addTPSLOrder={addTPSLOrder}\n />\n <PartialPositionPart\n position={position}\n orders={partialPositionOrders}\n onCancelOrder={onCancelOrder}\n onCancelAllTPSLOrders={onCancelAllTPSLOrders}\n editTPSLOrder={editTPSLOrder}\n addTPSLOrder={addTPSLOrder}\n />\n </ScrollArea>\n </Box>\n );\n};\n\nconst FullPositionPart = (props: {\n orders: API.AlgoOrder[];\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n onCancelAllTPSLOrders: () => Promise<void>;\n position: API.Position;\n editTPSLOrder: (order: API.AlgoOrder, positionType: PositionType) => void;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const [open, setOpen] = useState(true);\n const { orders } = props;\n const { isMobile } = useScreen();\n return (\n <Box className=\"oui-mt-6\">\n <Box\n className={cn(\"oui-flex oui-items-center oui-justify-between oui-px-5\")}\n >\n <PositionTypeDescription\n positionType={PositionType.FULL}\n open={open}\n onOpenChange={setOpen}\n />\n {orders && orders.length === 0 && (\n <Flex gap={2}>\n <AddButton\n positionType={PositionType.FULL}\n position={props.position}\n addTPSLOrder={props.addTPSLOrder}\n />\n </Flex>\n )}\n </Box>\n\n <Box\n className={cn(\n \"oui-overflow-hidden oui-transition-[height] oui-duration-150\",\n open ? \"oui-h-auto\" : \"oui-h-0 oui-pb-4\",\n )}\n >\n {isMobile ? (\n <OrdersTableMobile\n orders={orders}\n editTPSLOrder={(order) =>\n props.editTPSLOrder(order, PositionType.FULL)\n }\n canCancelOrder={props.onCancelOrder}\n />\n ) : (\n <OrdersTable\n orders={orders}\n editTPSLOrder={(order) => {\n props.editTPSLOrder(order, PositionType.FULL);\n }}\n onCancelOrder={props.onCancelOrder}\n />\n )}\n </Box>\n </Box>\n );\n};\n\nconst PartialPositionPart = (props: {\n position: API.Position;\n orders: API.AlgoOrder[];\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n onCancelAllTPSLOrders: () => Promise<void>;\n editTPSLOrder: (order: API.AlgoOrder, positionType: PositionType) => void;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const [open, setOpen] = useState(true);\n const { orders } = props;\n const { isMobile } = useScreen();\n return (\n <Box className=\"oui-pt-6\">\n <Box\n className={cn(\n \"oui-flex oui-items-center oui-justify-between\",\n \"oui-px-5\",\n isMobile\n ? \"oui-flex-col oui-items-start oui-justify-start oui-gap-[11px]\"\n : \"oui-flex-row oui-items-center oui-justify-between\",\n )}\n >\n <PositionTypeDescription\n positionType={PositionType.PARTIAL}\n open={open}\n onOpenChange={setOpen}\n />\n <Flex gap={2}>\n <AddButton\n positionType={PositionType.PARTIAL}\n position={props.position}\n addTPSLOrder={props.addTPSLOrder}\n />\n {orders && orders.length > 0 && (\n <CancelAllBtn\n canCancelAll={orders && orders.length > 0}\n onCancelAllTPSLOrders={props.onCancelAllTPSLOrders}\n />\n )}\n </Flex>\n </Box>\n <Box\n className={cn(\n \"oui-overflow-hidden oui-transition-[height] oui-duration-150\",\n open ? \"oui-h-auto\" : \"oui-h-0 oui-pb-4\",\n )}\n >\n {isMobile ? (\n <OrdersTableMobile\n orders={orders}\n editTPSLOrder={(order) =>\n props.editTPSLOrder(order, PositionType.PARTIAL)\n }\n canCancelOrder={props.onCancelOrder}\n />\n ) : (\n <OrdersTable\n className=\"oui-h-[300px]\"\n orders={orders}\n editTPSLOrder={(order) => {\n props.editTPSLOrder(order, PositionType.PARTIAL);\n }}\n onCancelOrder={props.onCancelOrder}\n />\n )}\n </Box>\n </Box>\n );\n};\n\nconst PositionTypeDescription = (props: {\n positionType: PositionType;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}) => {\n const { t } = useTranslation();\n return (\n <Flex\n gap={1}\n itemAlign={\"center\"}\n justify={\"start\"}\n className=\"oui-text-2xs\"\n >\n <Flex\n itemAlign={\"center\"}\n justify={\"start\"}\n gap={1}\n className=\"oui-cursor-pointer\"\n onClick={() => props.onOpenChange(!props.open)}\n >\n <ChevronDownIcon\n size={12}\n color=\"white\"\n className={cn(\n \"oui-cursor-pointer oui-transition-transform\",\n props.open && \"oui-rotate-180\",\n )}\n />\n {props.positionType === PositionType.FULL ? (\n <Text>{t(\"tpsl.positionType.full\")}</Text>\n ) : (\n <Text>{t(\"tpsl.positionType.partial\")}</Text>\n )}\n </Flex>\n <Tooltip\n className=\"oui-w-[280px] oui-p-3\"\n content={\n props.positionType === PositionType.FULL\n ? t(\"tpsl.positionType.full.tips\")\n : t(\"tpsl.positionType.partial.tips\")\n }\n >\n <ExclamationFillIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-54\"\n size={12}\n />\n </Tooltip>\n </Flex>\n );\n};\n\nexport const AddButton = (props: {\n positionType: PositionType;\n position: API.Position;\n addTPSLOrder: (positionType: PositionType) => void;\n}) => {\n const { t } = useTranslation();\n const onAdd = () => {\n props.addTPSLOrder(props.positionType);\n };\n return (\n <ThrottledButton\n variant=\"outlined\"\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-w-[94px] oui-text-2xs\"\n onClick={onAdd}\n >\n {t(\"tpsl.add\")}\n </ThrottledButton>\n );\n};\n\nexport const CancelAllBtn = (props: {\n onCancelAllTPSLOrders: () => Promise<void>;\n canCancelAll: boolean;\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n return (\n <ThrottledButton\n loading={loading}\n variant=\"outlined\"\n disabled={!props.canCancelAll}\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-w-[94px] oui-text-2xs disabled:oui-border-base-contrast-16 disabled:oui-bg-transparent disabled:oui-text-base-contrast-20\"\n onClick={() => {\n setLoading(true);\n props\n .onCancelAllTPSLOrders()\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n {t(\"tpsl.cancelAll\")}\n </ThrottledButton>\n );\n};\n","import { API } from \"@orderly.network/types\";\nimport { cn, ScrollArea } from \"@orderly.network/ui\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useColumn } from \"./useColum\";\n\nexport const OrdersTable = (props: {\n className?: string;\n orders: API.AlgoOrder[];\n editTPSLOrder: (order: API.AlgoOrder) => void;\n onCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { orders } = props;\n const columns = useColumn({ onCancelOrder: props.onCancelOrder });\n return (\n // <ScrollArea className={cn( props.className)}>\n\n <AuthGuardDataTable\n columns={columns}\n dataSource={orders}\n className=\"oui-bg-transparent oui-text-2xs\"\n bordered\n classNames={{\n root: cn(props.className),\n header: \"!oui-bg-base-8\",\n scroll: cn(\n !orders || orders.length === 0\n ? \"!oui-min-h-[170px]\"\n : \"!oui-min-h-[100px]\",\n ),\n }}\n onRow={(record) => {\n return {\n className: cn(\n \"oui-h-[53px] oui-cursor-svg-edit !oui-border-none !oui-p-0\",\n ),\n onClick: () => {\n props.editTPSLOrder(record);\n },\n };\n }}\n />\n // </ScrollArea>\n );\n};\n","import { FC, SVGProps, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport {\n cn,\n Flex,\n Text,\n ThrottledButton,\n toast,\n Tooltip,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { EstPnlRender } from \"./components/estPnl\";\nimport { OrderPriceRender } from \"./components/orderPrice\";\nimport { QtyRender } from \"./components/qty\";\nimport { TriggerPrice } from \"./components/triggerPrice\";\nimport { TypeRender } from \"./components/type\";\n\nexport const useColumn = (props: {\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const { onCancelOrder } = props;\n\n const columns = useMemo(() => {\n const moblieColumns = [\n {\n title: t(\"tpsl.tpslDetail.qty\"),\n dataIndex: \"quantity\",\n width: 70,\n className: \"oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <QtyRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.type\"),\n dataIndex: \"type\",\n width: 35,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <TypeRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.trigger\"),\n dataIndex: \"trigger\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => {\n return <TriggerPrice order={record} />;\n },\n },\n {\n title: t(\"tpsl.tpslDetail.price\"),\n dataIndex: \"price\",\n width: 70,\n className: \"oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <OrderPriceRender order={record} />\n ),\n },\n\n {\n title: (\n <Tooltip\n className=\"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast\"\n content={t(\"tpsl.tpslDetail.estPnl.tooltip\")}\n >\n <Text className=\"oui-underline oui-decoration-dashed oui-underline-offset-2\">\n {t(\"tpsl.tpslDetail.estPnl\")}\n </Text>\n </Tooltip>\n ),\n dataIndex: \"estpnl\",\n width: 70,\n className: \"!oui-pr-0 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <EstPnlRender order={record} />\n ),\n },\n ];\n const desktopColums = [\n {\n title: t(\"tpsl.tpslDetail.qty\"),\n dataIndex: \"quantity\",\n width: 70,\n className: cn(\" oui-py-2 !oui-pl-5\"),\n render: (_: string, record: API.AlgoOrder) => (\n <QtyRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.type\"),\n dataIndex: \"type\",\n width: 35,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <TypeRender order={record} />\n ),\n },\n {\n title: t(\"tpsl.tpslDetail.trigger\"),\n dataIndex: \"trigger\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => {\n return <TriggerPrice order={record} />;\n },\n },\n {\n title: t(\"tpsl.tpslDetail.price\"),\n dataIndex: \"price\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <OrderPriceRender order={record} />\n ),\n },\n\n {\n title: (\n <Tooltip\n className=\"oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast\"\n content={t(\"tpsl.tpslDetail.estPnl.tooltip\")}\n >\n <Text className=\"oui-underline oui-decoration-dashed oui-underline-offset-2\">\n {t(\"tpsl.tpslDetail.estPnl\")}\n </Text>\n </Tooltip>\n ),\n dataIndex: \"estpnl\",\n width: 70,\n className: \"oui-pl-1 oui-py-2\",\n render: (_: string, record: API.AlgoOrder) => (\n <EstPnlRender order={record} />\n ),\n },\n {\n title: \"\",\n dataIndex: \"delete\",\n width: 50,\n className: cn(\"oui-py-2 !oui-pr-5\"),\n render: (_: any, record: API.AlgoOrder) => {\n return <CancelAllBtn order={record} onCancelOrder={onCancelOrder} />;\n },\n },\n ];\n if (isMobile) {\n return moblieColumns;\n }\n return desktopColums;\n }, [t, isMobile]);\n return columns;\n};\n\nexport const FlexCell = (props: { children: React.ReactNode }) => {\n return (\n <Flex\n direction={\"column\"}\n justify={\"center\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs oui-h-[36px]\"\n >\n {props.children}\n </Flex>\n );\n};\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\nconst DeleteIcon: FC<IconProps> = (props) => {\n const { size = 18 } = props;\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M5.48081 15.375C5.10681 15.375 4.78731 15.2426 4.52231 14.9777C4.25744 14.7127 4.125 14.3932 4.125 14.0192V4.50004H3.375V3.37505H6.75V2.71167H11.25V3.37505H14.625V4.50004H13.875V14.0192C13.875 14.3981 13.7438 14.7188 13.4813 14.9813C13.2188 15.2438 12.8981 15.375 12.5192 15.375H5.48081ZM12.75 4.50004H5.25V14.0192C5.25 14.0866 5.27162 14.1419 5.31487 14.1852C5.35812 14.2284 5.41344 14.25 5.48081 14.25H12.5192C12.5769 14.25 12.6298 14.226 12.6778 14.1779C12.7259 14.1299 12.75 14.077 12.75 14.0192V4.50004ZM7.053 12.75H8.17781V6.00004H7.053V12.75ZM9.82219 12.75H10.947V6.00004H9.82219V12.75Z\" />\n </svg>\n );\n};\n\nexport const CancelAllBtn = (props: {\n order: API.AlgoOrder;\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const [loading, setLoading] = useState(false);\n return (\n <ThrottledButton\n size=\"sm\"\n loading={loading}\n variant=\"text\"\n color=\"gray\"\n onClick={(e) => {\n e.stopPropagation();\n console.log(\"delete\");\n setLoading(true);\n props\n .onCancelOrder?.(props.order)\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n <DeleteIcon className=\"oui-text-base-contrast-54 hover:oui-text-base-contrast oui-cursor-pointer\" />\n </ThrottledButton>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { positions as perpPositions } from \"@orderly.network/perp\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const EstPnlRender = ({ order }: { order: API.AlgoOrder }) => {\n const { position, base_dp, quote_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n\n let tp_unrealPnl = undefined;\n let sl_unrealPnl = undefined;\n const qty = new Decimal(order.quantity).eq(0)\n ? position.position_qty\n : order.quantity;\n if (tp_trigger_price) {\n tp_unrealPnl = new Decimal(\n perpPositions.unrealizedPnL({\n qty,\n openPrice: position?.average_open_price,\n // markPrice: unRealizedPrice,\n markPrice: tp_trigger_price,\n }),\n )\n .abs()\n .toNumber();\n }\n\n if (sl_trigger_price) {\n sl_unrealPnl = new Decimal(\n perpPositions.unrealizedPnL({\n qty: qty,\n openPrice: position?.average_open_price,\n // markPrice: unRealizedPrice,\n markPrice: sl_trigger_price,\n }),\n )\n .abs()\n .mul(-1)\n .toNumber();\n }\n return (\n <Flex\n gap={2}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_unrealPnl && (\n <FlexCell>\n <Text.numeral dp={2} rm={Decimal.ROUND_DOWN} coloring padding={false}>\n {tp_unrealPnl}\n </Text.numeral>\n </FlexCell>\n )}\n {sl_unrealPnl && (\n <FlexCell>\n <Text.numeral dp={2} rm={Decimal.ROUND_DOWN} coloring padding={false}>\n {sl_unrealPnl}\n </Text.numeral>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { Flex } from \"@orderly.network/ui\";\n\nexport const FlexCell = (props: { children: React.ReactNode }) => {\n return (\n <Flex\n direction={\"column\"}\n justify={\"center\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs oui-h-[36px]\"\n >\n {props.children}\n </Flex>\n );\n};\n","import { findTPSLOrderPriceFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API, OrderType } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const OrderPriceRender = ({ order }: { order: API.AlgoOrder }) => {\n const { quote_dp } = useTPSLDetailContext();\n const { tp_order_price, sl_order_price } = findTPSLOrderPriceFromOrder(order);\n const { t } = useTranslation();\n return (\n <Flex\n gap={2}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_order_price && (\n <FlexCell>\n {tp_order_price === OrderType.MARKET ? (\n <Text>{t(\"common.market\")}</Text>\n ) : (\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {tp_order_price}\n </Text.numeral>\n )}\n </FlexCell>\n )}\n {sl_order_price && (\n <FlexCell>\n {sl_order_price === OrderType.MARKET ? (\n <Text>{t(\"common.market\")}</Text>\n ) : (\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {sl_order_price}\n </Text.numeral>\n )}\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const QtyRender = ({ order }: { order: API.AlgoOrder }) => {\n const { position, base_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n return (\n <Flex\n direction={\"column\"}\n justify={\"start\"}\n itemAlign={\"start\"}\n className=\"oui-h-full oui-text-2xs\"\n >\n <FlexCell>\n <Text.numeral dp={base_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {order.quantity === 0 ? position.position_qty : order.quantity}\n </Text.numeral>\n </FlexCell>\n {tp_trigger_price && sl_trigger_price && (\n <FlexCell>\n <div />\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FlexCell } from \"../components/common\";\nimport { useTPSLDetailContext } from \"../tpslDetailProvider\";\n\nexport const TriggerPrice = ({ order }: { order: API.AlgoOrder }) => {\n const { quote_dp } = useTPSLDetailContext();\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n const { t } = useTranslation();\n return (\n <Flex\n gap={1}\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_trigger_price && (\n <FlexCell>\n <Flex direction={\"column\"} justify={\"start\"} itemAlign={\"start\"}>\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {tp_trigger_price}\n </Text.numeral>\n </Flex>\n </FlexCell>\n )}\n {sl_trigger_price && (\n <FlexCell>\n <Flex direction={\"column\"} justify={\"start\"} itemAlign={\"start\"}>\n <Text className=\"oui-text-base-contrast-36\">\n {t(\"common.market\")}\n </Text>\n <Text.numeral dp={quote_dp} rm={Decimal.ROUND_DOWN} padding={false}>\n {sl_trigger_price}\n </Text.numeral>\n </Flex>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { findTPSLFromOrder } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { FlexCell } from \"../components/common\";\n\nexport const TypeRender = ({ order }: { order: API.AlgoOrder }) => {\n const { tp_trigger_price, sl_trigger_price } = findTPSLFromOrder(order);\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n justify={\"between\"}\n itemAlign={\"start\"}\n className=\"oui-text-2xs\"\n >\n {tp_trigger_price && (\n <FlexCell>\n <Text className=\"oui-text-trade-profit\">{t(\"tpsl.tp\")}</Text>\n </FlexCell>\n )}\n\n {sl_trigger_price && (\n <FlexCell>\n <Text className=\"oui-text-trade-loss\">{t(\"tpsl.sl\")}</Text>\n </FlexCell>\n )}\n </Flex>\n );\n};\n","import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { Flex, Button, cn, ThrottledButton, toast } from \"@orderly.network/ui\";\nimport { AuthGuardDataTable } from \"@orderly.network/ui-connector\";\nimport { useColumn } from \"./useColum\";\n\nexport const OrdersTableMobile = (props: {\n orders: API.AlgoOrder[];\n editTPSLOrder: (order: API.AlgoOrder) => void;\n canCancelOrder: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const { t } = useTranslation();\n const { orders } = props;\n const columns = useColumn({ onCancelOrder: () => Promise.resolve() });\n const orderIds = useMemo(() => {\n return orders.reduce(\n (acc, curr) => {\n acc[curr.algo_order_id] = true;\n return acc;\n },\n {} as Record<string, boolean>,\n );\n }, [orders]);\n return (\n <AuthGuardDataTable\n columns={columns}\n dataSource={orders}\n expanded={orderIds}\n bordered\n getRowCanExpand={() => true}\n expandRowRender={(row) => {\n return (\n <Flex gap={2} justify={\"end\"}>\n <Button\n variant=\"outlined\"\n size=\"sm\"\n color=\"gray\"\n className=\"oui-h-6 oui-text-2xs oui-text-base-contrast-54\"\n onClick={() => props.editTPSLOrder(row.original)}\n >\n {t(\"common.edit\")}\n </Button>\n <DeleteBtn\n order={row.original}\n onCancelOrder={props.canCancelOrder}\n />\n </Flex>\n );\n }}\n className=\"oui-bg-transparent oui-px-2 oui-text-2xs\"\n classNames={{\n scroll: cn(\n !orders || orders.length === 0\n ? \"!oui-min-h-[170px]\"\n : \"!oui-min-h-[100px]\",\n ),\n }}\n onRow={() => {\n return {\n className: cn(\n \"oui-h-[53px] oui-cursor-svg-edit !oui-border-none !oui-p-0\",\n ),\n };\n }}\n generatedRowKey={(record) => record.algo_order_id}\n />\n );\n};\n\nexport const DeleteBtn = (props: {\n order: API.AlgoOrder;\n onCancelOrder?: (order: API.AlgoOrder) => Promise<void>;\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n return (\n <ThrottledButton\n className=\"oui-h-6 oui-text-2xs oui-text-base-contrast-54\"\n size=\"sm\"\n loading={loading}\n variant=\"outlined\"\n color=\"gray\"\n onClick={(e) => {\n e.stopPropagation();\n setLoading(true);\n props\n .onCancelOrder?.(props.order)\n .then(\n () => {},\n (error) => {\n toast.error(error.message);\n },\n )\n .finally(() => {\n setLoading(false);\n });\n }}\n >\n {t(\"common.delete\")}\n </ThrottledButton>\n );\n};\n","import React from \"react\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useTPSLSimpleDialog } from \"./tpslSimpleDialog.script\";\nimport { TPSLSimpleDialogUI } from \"./tpslSimpleDialog.ui\";\n\nexport const TPSLSimpleDialogWidget: React.FC<{\n type: \"tp\" | \"sl\";\n triggerPrice?: number;\n symbol: string;\n close?: () => void;\n onComplete?: () => void;\n showAdvancedTPSLDialog?: () => void;\n}> = (props) => {\n const { close, onComplete, showAdvancedTPSLDialog } = props;\n const state = useTPSLSimpleDialog(props);\n return (\n <TPSLSimpleDialogUI\n {...state}\n close={close}\n onComplete={onComplete}\n showAdvancedTPSLDialog={showAdvancedTPSLDialog}\n />\n );\n};\n\nexport const TPSLSimpleSheetId = \"TPSLSimpleSheetId\";\n\nexport const TPSLSimpleDialogId = \"TPSLSimpleDialogId\";\n\nregisterSimpleSheet(TPSLSimpleSheetId, TPSLSimpleDialogWidget, {\n classNames: {},\n});\n\nregisterSimpleDialog(TPSLSimpleDialogId, TPSLSimpleDialogWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n useMemoizedFn,\n usePositionStream,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n AlgoOrderRootType,\n API,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { modal, toast } from \"@orderly.network/ui\";\nimport { PositionTPSLConfirm } from \"../positionTPSL\";\n\nexport type TPSLBuilderOptions = {\n type: \"tp\" | \"sl\";\n triggerPrice?: number;\n symbol: string;\n};\n\nexport const useTPSLSimpleDialog = (options: TPSLBuilderOptions) => {\n const { type, triggerPrice, symbol } = options;\n const symbolInfo = useSymbolsInfo();\n const [{ rows: positions }, positionsInfo] = usePositionStream(symbol);\n const position = positions?.[0];\n const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const { t } = useTranslation();\n\n const [\n tpslOrder,\n {\n submit,\n deleteOrder,\n setValue,\n setValues,\n validate,\n errors,\n isCreateMutating,\n isUpdateMutating,\n },\n ] = useTPSLOrder(\n {\n symbol: symbol!,\n position_qty: position?.position_qty,\n average_open_price: position?.average_open_price,\n },\n {\n defaultOrder: undefined,\n positionType: PositionType.PARTIAL,\n tpslEnable: { tp_enable: type === \"tp\", sl_enable: type === \"sl\" },\n isEditing: false,\n },\n );\n\n const setQuantity = (value: number | string) => {\n setValue(\"quantity\", value);\n };\n\n const setOrderPrice = (\n name: \"tp_trigger_price\" | \"sl_trigger_price\",\n value: number | string,\n ) => {\n setValue(name, value);\n };\n\n const setPnL = (type: string, value: number | string) => {\n setValue(type, value);\n };\n\n const maxQty = useMemo(\n () => Math.abs(Number(position.position_qty)),\n [position.position_qty],\n );\n\n useEffect(() => {\n if (!maxQty) {\n return;\n }\n setValue(\"quantity\", maxQty);\n if (type === \"tp\") {\n setValue(\"tp_trigger_price\", triggerPrice ?? \"\");\n } else {\n setValue(\"sl_trigger_price\", triggerPrice ?? \"\");\n }\n }, [type, triggerPrice, maxQty]);\n\n const onSubmit = async () => {\n try {\n const validOrder = await validate();\n if (validOrder) {\n if (!needConfirm) {\n return submit({ accountId: position.account_id })\n .then(() => true)\n .catch((err) => {\n if (err?.message) {\n toast.error(err.message);\n }\n throw false;\n });\n }\n // confirm\n return modal\n .confirm({\n title: t(\"tpsl.confirmOrder\"),\n // bodyClassName: \"lg:oui-py-0\",\n onOk: async () => {\n try {\n const res = await submit({\n accountId: position.account_id,\n });\n\n if (res.success) {\n return res;\n }\n\n if (res.message) {\n toast.error(res.message);\n }\n\n return false;\n } catch (err: any) {\n if (err?.message) {\n toast.error(err.message);\n }\n return false;\n }\n },\n classNames: {\n body: \"!oui-pb-0\",\n },\n content: (\n <PositionTPSLConfirm\n isPositionTPSL={false}\n isEditing={false}\n symbol={symbol}\n qty={Number(tpslOrder.quantity)}\n maxQty={maxQty}\n tpPrice={Number(tpslOrder.tp_trigger_price)}\n slPrice={Number(tpslOrder.sl_trigger_price)}\n side={tpslOrder.side!}\n orderInfo={tpslOrder}\n quoteDP={symbolInfo[symbol](\"quote_dp\")}\n baseDP={symbolInfo[symbol](\"base_dp\")}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n }\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n return {\n symbolInfo: symbolInfo[symbol!],\n maxQty,\n setQuantity: useMemoizedFn(setQuantity),\n orderQuantity: tpslOrder.quantity,\n isPosition: false,\n TPSL_OrderEntity: tpslOrder,\n setOrderValue: setValue,\n setPnL,\n setOrderPrice,\n onSubmit,\n errors,\n status: {\n isCreateMutating,\n isUpdateMutating,\n },\n position,\n setValues,\n type,\n triggerPrice,\n } as const;\n};\n\nexport type TPSLBuilderState = ReturnType<typeof useTPSLSimpleDialog>;\n","import React from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport { Box, Button, cn, Divider, Flex, Text } from \"@orderly.network/ui\";\nimport { TPSLQuantity } from \"../components/tpslQty\";\nimport { useTPSLSimpleDialog } from \"./tpslSimpleDialog.script\";\n\ntype Props = ReturnType<typeof useTPSLSimpleDialog> & {\n close?: () => void;\n onComplete?: () => void;\n showAdvancedTPSLDialog?: (options: { qty: number }) => void;\n};\n\nexport const TPSLSimpleDialogUI: React.FC<Props> = (props) => {\n const { type, triggerPrice, errors, TPSL_OrderEntity } = props;\n const { t } = useTranslation();\n const { getErrorMsg } = useOrderEntryFormErrorMsg(errors);\n\n const footer = (\n <Flex width=\"100%\" itemAlign=\"center\" gap={3} mt={4}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={() => {\n props.onComplete?.();\n props.close?.();\n }}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n key=\"primary\"\n onClick={() => {\n props.onSubmit().then(() => {\n props.onComplete?.();\n props.close?.();\n });\n }}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n const errorMessage = () => {\n const tpError = getErrorMsg(\"tp_trigger_price\");\n const slError = getErrorMsg(\"sl_trigger_price\");\n let text = \"\";\n if (tpError && type === \"tp\") {\n text = tpError;\n }\n if (slError && type === \"sl\") {\n text = slError;\n }\n if (!text) {\n return null;\n }\n return (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-2 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-danger\" />\n <Text className=\"oui-text-danger\">{text}</Text>\n </Flex>\n );\n };\n\n const renderPnl = () => {\n const { tp_pnl, sl_pnl } = TPSL_OrderEntity;\n if (type === \"sl\") {\n return (\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstSlPnl\")}</Text>\n {sl_pnl ? (\n <Text.numeral\n suffix={\n <Text className=\"oui-ml-1 oui-text-base-contrast-36\">USDC</Text>\n }\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {Number(sl_pnl)}\n </Text.numeral>\n ) : (\n <Text size=\"2xs\">-- USDC</Text>\n )}\n </Flex>\n );\n }\n return (\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"2xs\">{t(\"tpsl.totalEstTpPnl\")}</Text>\n <Text.numeral\n suffix={\n <Text className=\"oui-text-base-contrast-36 oui-ml-1\">USDC</Text>\n }\n rule=\"price\"\n coloring\n visible={true}\n size=\"2xs\"\n dp={2}\n >\n {tp_pnl ? Number(tp_pnl) : \"--\"}\n </Text.numeral>\n </Flex>\n );\n };\n\n return (\n <Box className=\"oui-w-full oui-px-0.5\">\n <TPSLQuantity\n maxQty={props.maxQty}\n quantity={Number(props.orderQuantity ?? props.maxQty)}\n baseTick={props.symbolInfo(\"base_tick\")}\n base_dp={props.symbolInfo(\"base_dp\")}\n base={props.symbolInfo(\"base\")}\n isEditing={false}\n errorMsg={getErrorMsg(\"quantity\")}\n onQuantityChange={props.setQuantity}\n />\n <Flex\n direction={\"column\"}\n itemAlign={\"start\"}\n className={cn(\n \"oui-mt-4 oui-w-full oui-gap-1 oui-text-xs oui-text-base-contrast-36\",\n )}\n >\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"xs\">{t(\"tpsl.advanced.triggerPrice\")}</Text>\n <Text.numeral\n className=\"oui-text-base-contrast\"\n suffix={\n <Text className=\"oui-ml-1 oui-text-xs oui-text-base-contrast-36\">\n USDC\n </Text>\n }\n rule=\"price\"\n size=\"xs\"\n dp={props.symbolInfo(\"quote_dp\")}\n >\n {triggerPrice ? Number(triggerPrice) : \"--\"}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"} className=\"oui-w-full\">\n <Text size=\"xs\">{t(\"tpsl.advanced.orderPrice\")}</Text>\n <Text className=\"oui-text-base-contrast\" size=\"xs\">\n {t(\"tpsl.advanced.market\")}\n </Text>\n </Flex>\n {renderPnl()}\n </Flex>\n {errorMessage()}\n\n <Divider className=\"oui-my-3 oui-w-full\" />\n <Flex\n itemAlign={\"center\"}\n onClick={() => {\n props.close?.();\n props.showAdvancedTPSLDialog?.({\n qty: Number(TPSL_OrderEntity.quantity),\n });\n }}\n className=\"oui-pb-4\"\n >\n <Text color=\"primary\" className=\"oui-cursor-pointer oui-text-sm\">\n {t(\"tpsl.advancedSetting\")}\n </Text>\n </Flex>\n {footer}\n </Box>\n );\n};\n","import { API } from \"@orderly.network/types\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useEditBracketOrder } from \"./editBracketOrder.script\";\nimport { EditBracketOrderUI } from \"./editBracketOrder.ui\";\n\nexport const EditBracketOrderWidget = (props: {\n order: API.AlgoOrderExt;\n close?: () => void;\n}) => {\n const state = useEditBracketOrder({ order: props.order });\n return <EditBracketOrderUI {...state} onClose={props.close} />;\n};\n\nexport const EditBracketOrderSheetId = \"EditBracketOrderSheetId\";\nexport const EditBracketOrderDialogId = \"EditBracketOrderDialogId\";\n\nregisterSimpleSheet(EditBracketOrderSheetId, EditBracketOrderWidget);\n\nregisterSimpleDialog(EditBracketOrderDialogId, EditBracketOrderWidget, {\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useEffect, useMemo } from \"react\";\nimport {\n useMutation,\n useOrderEntry,\n useSymbolsInfo,\n} from \"@orderly.network/hooks\";\nimport {\n AlgoOrderRootType,\n AlgoOrderType,\n API,\n OrderlyOrder,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nfunction getInitialOrder(order: API.AlgoOrderExt) {\n const childOrder = order.child_orders[0];\n const positionType =\n childOrder.algo_type === AlgoOrderRootType.TP_SL\n ? PositionType.PARTIAL\n : PositionType.FULL;\n const tpOrder = childOrder.child_orders.find(\n (item) =>\n item.algo_type === AlgoOrderType.TAKE_PROFIT && item.trigger_price,\n );\n const slOrder = childOrder.child_orders.find(\n (item) => item.algo_type === AlgoOrderType.STOP_LOSS && item.trigger_price,\n );\n const tpslPriceInfo: {\n tp_trigger_price?: string | undefined;\n tp_order_type?: OrderType;\n tp_order_price?: string | undefined;\n sl_trigger_price?: string | undefined;\n sl_order_type?: OrderType;\n sl_order_price?: string | undefined;\n } = {};\n if (tpOrder) {\n tpslPriceInfo.tp_trigger_price = tpOrder.trigger_price?.toString();\n tpslPriceInfo.tp_order_type =\n typeof tpOrder.type === \"string\"\n ? (tpOrder.type.replace(\"_ORDER\", \"\") as OrderType)\n : undefined;\n if (tpslPriceInfo.tp_order_type === OrderType.LIMIT) {\n tpslPriceInfo.tp_order_price = tpOrder.price?.toString();\n }\n }\n if (slOrder) {\n tpslPriceInfo.sl_trigger_price = slOrder.trigger_price?.toString();\n tpslPriceInfo.sl_order_type =\n typeof slOrder.type === \"string\"\n ? (slOrder.type.replace(\"_ORDER\", \"\") as OrderType)\n : undefined;\n if (tpslPriceInfo.sl_order_type === OrderType.LIMIT) {\n tpslPriceInfo.sl_order_price = slOrder.price?.toString();\n }\n }\n\n return {\n baseInfo: {\n symbol: order.symbol,\n order_type: order.type,\n side: order.side,\n order_price: order.price,\n order_quantity: order.quantity,\n position_type: positionType,\n tp_enable: !!tpOrder?.trigger_price,\n sl_enable: !!slOrder?.trigger_price,\n },\n tpslPriceInfo,\n tpInfo: {\n orderId: tpOrder?.algo_order_id,\n },\n slInfo: {\n orderId: slOrder?.algo_order_id,\n },\n };\n}\n\nfunction isTPSLPriceChanged(\n originPrice: string | number,\n newPrice: string | number,\n) {\n if (newPrice === undefined || newPrice === null) {\n return true;\n }\n if (isNaN(Number(newPrice))) {\n return false;\n }\n const originDeci = new Decimal(Number(originPrice));\n const newDeci = new Decimal(Number(newPrice));\n return !newDeci.eq(originDeci);\n}\n\nexport const useEditBracketOrder = (props: { order: API.AlgoOrderExt }) => {\n if (!props.order) {\n throw new SDKError(\"order is required for editBracketOrder\");\n }\n const { baseInfo, tpslPriceInfo, tpInfo, slInfo } = getInitialOrder(\n props.order,\n );\n\n const [doUpdateOrder, { isMutating }] = useMutation(\"/v1/algo/order\", \"PUT\");\n\n const { formattedOrder, setValue, setValues, metaState, symbolInfo, helper } =\n useOrderEntry(props.order.symbol, {\n initialOrder: baseInfo,\n });\n const symbol = props.order.symbol;\n\n const isPriceChanged = useMemo(() => {\n let dirty = false;\n const {\n tp_order_price,\n sl_order_price,\n tp_trigger_price,\n sl_trigger_price,\n } = formattedOrder;\n if (tpslPriceInfo.tp_trigger_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(\n tpslPriceInfo.tp_trigger_price,\n tp_trigger_price ?? 0,\n );\n }\n if (tpslPriceInfo.tp_order_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(tpslPriceInfo.tp_order_price, tp_order_price ?? 0);\n }\n if (tpslPriceInfo.sl_trigger_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(\n tpslPriceInfo.sl_trigger_price,\n sl_trigger_price ?? 0,\n );\n }\n if (tpslPriceInfo.sl_order_price) {\n dirty =\n dirty ||\n isTPSLPriceChanged(tpslPriceInfo.sl_order_price, sl_order_price ?? 0);\n }\n return dirty;\n }, [\n tpslPriceInfo,\n formattedOrder.tp_order_price,\n formattedOrder.sl_order_price,\n formattedOrder.tp_trigger_price,\n formattedOrder.sl_trigger_price,\n ]);\n useEffect(() => {\n setValues({\n ...tpslPriceInfo,\n });\n }, [props.order, setValues]);\n\n const onSubmit = async () => {\n return helper.validate().then(() => {\n const tpOrder: {\n order_id?: number;\n trigger_price?: string;\n algo_type: AlgoOrderType;\n price?: string;\n reduce_only?: boolean;\n is_activated?: boolean;\n } = {\n order_id: tpInfo.orderId,\n algo_type: AlgoOrderType.TAKE_PROFIT,\n trigger_price: formattedOrder.tp_trigger_price,\n reduce_only: true,\n };\n if (formattedOrder.tp_order_type === OrderType.LIMIT) {\n tpOrder.price = formattedOrder.tp_order_price;\n }\n\n const slOrder: {\n order_id?: number;\n trigger_price?: string;\n algo_type: AlgoOrderType;\n price?: string;\n reduce_only?: boolean;\n is_activated?: boolean;\n } = {\n order_id: slInfo.orderId,\n algo_type: AlgoOrderType.STOP_LOSS,\n trigger_price: formattedOrder.sl_trigger_price,\n reduce_only: true,\n };\n if (formattedOrder.sl_order_type === OrderType.LIMIT) {\n slOrder.price = formattedOrder.sl_order_price;\n }\n\n const childOrders = [];\n if (tpInfo.orderId) {\n childOrders.push(tpOrder);\n }\n if (slInfo.orderId) {\n childOrders.push(slOrder);\n }\n return doUpdateOrder({\n order_id: props.order.algo_order_id,\n child_orders: [\n {\n order_id: props.order.child_orders[0].algo_order_id,\n child_orders: childOrders,\n },\n ],\n });\n });\n };\n\n return {\n symbol,\n symbolInfo,\n formattedOrder,\n setValue,\n setValues,\n metaState,\n onSubmit,\n isMutating,\n isPriceChanged,\n };\n};\n","import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n OrderlyOrder,\n OrderSide,\n OrderType,\n PositionType,\n} from \"@orderly.network/types\";\nimport {\n Button,\n cn,\n DialogFooter,\n Divider,\n Flex,\n Grid,\n ScrollArea,\n Text,\n ThrottledButton,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { OrderInfo } from \"../components/orderInfo\";\nimport { PnlInfo } from \"../components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"../components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"../components/tpslPostionType\";\nimport { useEditBracketOrder } from \"./editBracketOrder.script\";\n\ntype Props = ReturnType<typeof useEditBracketOrder>;\nexport const EditBracketOrderUI = (props: Props & { onClose?: () => void }) => {\n const { t } = useTranslation();\n const { errors, validated } = props.metaState;\n const { isMobile } = useScreen();\n // console.log('errors', errors, validated);\n\n const {\n formattedOrder,\n setValue: setOrderValue,\n symbol,\n symbolInfo,\n setValues,\n } = props;\n\n const [tpValues, setTpValuse] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n });\n\n const [slValues, setSlValues] = useState<{\n enable: boolean;\n trigger_price: string;\n PnL: string;\n Offset: string;\n \"Offset%\": string;\n ROI: string;\n order_price: string;\n order_type: OrderType;\n }>({\n enable: true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n });\n\n // Update tpValues when formattedOrder changes\n useEffect(() => {\n setTpValuse((prev) => ({\n ...prev,\n enable: formattedOrder.tp_enable ?? true,\n order_type: formattedOrder.tp_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.tp_order_price ?? \"\",\n trigger_price: formattedOrder.tp_trigger_price ?? \"\",\n PnL: formattedOrder.tp_pnl ?? \"\",\n Offset: formattedOrder.tp_offset ?? \"\",\n \"Offset%\": formattedOrder.tp_offset_percentage ?? \"\",\n ROI: formattedOrder.tp_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n\n useEffect(() => {\n setSlValues((prev) => ({\n ...prev,\n enable: formattedOrder.sl_enable ?? true,\n order_type: formattedOrder.sl_order_type ?? OrderType.MARKET,\n order_price: formattedOrder.sl_order_price ?? \"\",\n trigger_price: formattedOrder.sl_trigger_price ?? \"\",\n PnL: formattedOrder.sl_pnl ?? \"\",\n Offset: formattedOrder.sl_offset ?? \"\",\n \"Offset%\": formattedOrder.sl_offset_percentage ?? \"\",\n ROI: formattedOrder.sl_ROI ?? \"\",\n }));\n }, [formattedOrder]);\n return (\n <div>\n <ScrollArea\n className={cn(\"oui-flex-1\", isMobile && \"oui-h-[calc(100vh-200px)]\")}\n >\n <div className=\"\">\n <OrderInfo\n order={{\n symbol,\n order_quantity: formattedOrder.order_quantity,\n order_price: formattedOrder.order_price,\n }}\n baseDP={symbolInfo.base_dp}\n quoteDP={symbolInfo.quote_dp}\n />\n </div>\n <Divider className=\"oui-my-3\" />\n <div className=\"\">\n <div className=\"oui-py-3\">\n <TPSLPositionTypeWidget\n value={formattedOrder.position_type ?? PositionType.PARTIAL}\n disableSelector\n onChange={(key, value) => {\n // setOrderValue(\"position_type\", value);\n if (value === PositionType.FULL) {\n setValues({\n position_type: PositionType.FULL,\n tp_order_type: OrderType.MARKET,\n tp_order_price: undefined,\n sl_order_type: OrderType.MARKET,\n sl_order_price: undefined,\n });\n // setOrderValue(\"tp_order_type\", OrderType.MARKET);\n // setOrderValue(\"sl_order_type\", OrderType.MARKET);\n return;\n }\n setOrderValue(\"position_type\", value);\n }}\n />\n {formattedOrder.position_type === PositionType.FULL && (\n <Flex\n justify={\"start\"}\n itemAlign={\"start\"}\n gap={2}\n className=\"oui-mt-3 oui-w-full\"\n >\n <div className=\"oui-relative oui-top-[7px] oui-size-1 oui-rounded-full oui-bg-[#D25f00]\" />\n <Text className=\"oui-text-2xs oui-text-[#D25f00]\">\n {t(\"tpsl.positionType.full.tips.market\")}\n </Text>\n </Flex>\n )}\n </div>\n <Flex direction={\"column\"} gap={6}>\n {formattedOrder.tp_enable && (\n <TPSLInputRowWidget\n disableEnableCheckbox\n disableOrderTypeSelector\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"tp\"\n values={tpValues}\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n onChange={(key, value) => {\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n />\n )}\n {formattedOrder.sl_enable && formattedOrder.tp_enable && (\n <Divider className=\"oui-w-full\" />\n )}\n {formattedOrder.sl_enable && (\n <TPSLInputRowWidget\n disableEnableCheckbox\n disableOrderTypeSelector\n rootOrderPrice={formattedOrder.order_price}\n symbol={symbolInfo.symbol}\n type=\"sl\"\n values={slValues}\n hideOrderPrice={\n formattedOrder.position_type === PositionType.FULL\n }\n errors={validated ? errors : null}\n quote_dp={symbolInfo.quote_dp}\n positionType={\n formattedOrder.position_type ?? PositionType.PARTIAL\n }\n onChange={(key, value) => {\n setOrderValue(key as keyof OrderlyOrder, value);\n }}\n />\n )}\n </Flex>\n\n <PnlInfo\n tp_pnl={formattedOrder.tp_pnl}\n sl_pnl={formattedOrder.sl_pnl}\n className=\"oui-mt-6\"\n />\n </div>\n </ScrollArea>\n <Flex\n itemAlign={\"center\"}\n gap={3}\n mt={5}\n width={\"100%\"}\n justify={\"center\"}\n >\n <ThrottledButton\n className=\"oui-w-[184px]\"\n data-testid={\"tpsl-confirm\"}\n disabled={!props.isPriceChanged}\n loading={props.isMutating}\n onClick={() => {\n props\n .onSubmit()\n .then(() => {\n props.onClose?.();\n })\n .catch((err) => {\n console.log(\"--->>>cancel order\", err);\n });\n }}\n >\n {t(\"common.confirm\")}\n </ThrottledButton>\n </Flex>\n </div>\n );\n};\n"]}