@orderly.network/ui-tpsl 2.5.3 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +38 -2
  2. package/dist/index.d.ts +38 -2
  3. package/dist/index.js +17 -6
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +11 -9
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +10 -8
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tpsl.ui.tsx","../src/pnlInput/pnlInput.ui.tsx","../src/pnlInput/useBuilder.script.ts","../src/pnlInput/pnlInput.widget.tsx","../src/useTPSL.script.ts","../src/tpsl.widget.tsx","../src/editorPopover.tsx","../src/editorSheet.tsx"],"names":["useRef","useState","useLocalStorage","utils","useTranslation","useOrderEntryFormErrorMsg","OrderSide","Badge","Box","Button","Divider","Flex","Grid","Input","Slider","Text","textVariants","cn","inputFormatter","Checkbox","convertValueToPercentage","ThrottledButton","transSymbolformString","CaretDownIcon","SimpleDropdownMenu","useMemo","Decimal","todpIfNeed","usePNLInputBuilder","props","type","values","mode","setMode","focus","setFocus","t","key","value","modes","percentageSuffix","onValueChange","formatter","options","dp","endStr","useEffect","Fragment","jsx","jsxs","PNLInput","onModeChange","quote","quote_dp","pnl","prefix","setPrefix","placeholder","setPlaceholder","color","num","label","item","PNLMenus","PnlInputWidget","testId","rest","state","TPSL","TPSL_OrderEntity","symbolInfo","onCancel","onComplete","status","errors","isPosition","parseErrorMsg","TPSLQuantity","TPSLPrice","err","inputRef","currentQtyPercentage","setTPSL","formatQuantity","qty","quantity","errorMsg","e","onPnLChange","PriceInput","PositionTPSLConfirm","symbol","tpPrice","slPrice","maxQty","side","quoteDP","baseDP","isEditing","_isPositionTPSL","needConfirm","setNeedConfirm","textClassName","isPositionTPSL","TPSLOrderType","check","useSymbolsInfo","useTPSLOrder","SDKError","AlgoOrderRootType","AlgoOrderType","toast","useTPSLBuilder","position","order","prevTPSLType","tpslOrder","submit","deleteOrder","setValue","validate","isCreateMutating","isUpdateMutating","setQuantity","setOrderPrice","name","setPnL","dirty","diff","tp","o","sl","valid","trigger_prices","cancel","onSubmit","TPSLWidget","modal","PopoverContent","PopoverRoot","PopoverTrigger","PositionTPSLPopover","buttonProps","open","setOpen","visible","setVisible","isOpen","finalIsEditing","res","useMarkPrice","useModal","PositionTPSLSheet","resolve","hide","updateArgs","updateSheetTitle","title","onCompleted","base_dp","PositionInfo","reject","markPrice"],"mappings":"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","sourcesContent":["import { useRef, useState } from \"react\";\nimport { useLocalStorage, utils } from \"@orderly.network/hooks\";\nimport { OrderValidationResult } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useOrderEntryFormErrorMsg } from \"@orderly.network/react-app\";\nimport { API, OrderSide } from \"@orderly.network/types\";\nimport {\n Badge,\n Box,\n Button,\n Divider,\n Flex,\n Grid,\n Input,\n Slider,\n Text,\n textVariants,\n cn,\n inputFormatter,\n Checkbox,\n convertValueToPercentage,\n ThrottledButton,\n} from \"@orderly.network/ui\";\nimport { transSymbolformString } from \"@orderly.network/utils\";\nimport { PnlInputWidget } from \"./pnlInput/pnlInput.widget\";\nimport type { PNL_Values } from \"./pnlInput/useBuilder.script\";\nimport { TPSLBuilderState } from \"./useTPSL.script\";\n\nexport type TPSLProps = {\n onCancel?: () => void;\n onComplete?: () => void;\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 errors,\n isPosition,\n } = props;\n const { t } = useTranslation();\n\n const { parseErrorMsg } = useOrderEntryFormErrorMsg(errors);\n\n return (\n <div id=\"orderly-tp_sl-order-edit-content\">\n {(!props.isEditing || (props.isEditing && !props.isPosition)) && (\n <>\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 isPosition={isPosition}\n errorMsg={parseErrorMsg(\"quantity\")}\n />\n <Divider my={4} intensity={8} />\n </>\n )}\n\n <TPSLPrice\n sl_pnl={TPSL_OrderEntity.sl_pnl}\n tp_pnl={TPSL_OrderEntity.tp_pnl}\n quote={symbolInfo(\"quote\")}\n quote_dp={symbolInfo(\"quote_dp\")}\n onPriceChange={props.setOrderPrice}\n onPnLChange={props.setPnL}\n errors={errors}\n tp_values={{\n PnL: `${TPSL_OrderEntity.tp_pnl ?? \"\"}`,\n Offset: `${TPSL_OrderEntity.tp_offset ?? \"\"}`,\n \"Offset%\": `${TPSL_OrderEntity.tp_offset_percentage ?? \"\"}`,\n }}\n sl_values={{\n PnL: `${TPSL_OrderEntity.sl_pnl ?? \"\"}`,\n Offset: `${TPSL_OrderEntity.sl_offset ?? \"\"}`,\n \"Offset%\": `${TPSL_OrderEntity.sl_offset_percentage ?? \"\"}`,\n }}\n tp_trigger_price={TPSL_OrderEntity.tp_trigger_price ?? \"\"}\n sl_trigger_price={TPSL_OrderEntity.sl_trigger_price ?? \"\"}\n />\n <Grid cols={2} gap={3} mt={4}>\n <Button\n size={\"md\"}\n color={\"secondary\"}\n data-testid={\"tpsl-cancel\"}\n onClick={() => {\n onCancel?.();\n }}\n >\n {t(\"common.cancel\")}\n </Button>\n <ThrottledButton\n size={\"md\"}\n data-testid={\"tpsl-confirm\"}\n disabled={!props.valid || status.isCreateMutating}\n loading={status.isCreateMutating || status.isUpdateMutating}\n onClick={() => {\n props\n .onSubmit()\n .then(() => {\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\n//----------\n\n// ------------- Quantity input start------------\nconst 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 isPosition?: boolean;\n setOrderValue?: (key: string, value: number | string) => void;\n errorMsg?: string;\n}) => {\n // const isPosition = props.quantity === props.maxQty;\n const { isPosition } = props;\n const inputRef = useRef<HTMLInputElement>(null);\n const currentQtyPercentage =\n convertValueToPercentage(props.quantity, 0, props.maxQty) / 100;\n const { t } = useTranslation();\n\n const setTPSL = () => {\n props.onQuantityChange?.(0);\n inputRef.current?.focus();\n\n setTimeout(() => {\n inputRef.current?.setSelectionRange(0, 1);\n }, 0);\n };\n\n const formatQuantity = (qty: string) => {\n if (props.baseTick > 0) {\n const quantity = Number(qty);\n // if (quantity) {\n // props.onQuantityChange?.(Math.min(props.maxQty, quantity));\n // } else {\n props.onQuantityChange?.(utils.formatNumber(qty, props.baseTick) ?? qty);\n // }\n }\n };\n\n const errorMsg =\n (isPosition ? \"\" : props.quantity).toString().length > 0\n ? props.errorMsg\n : 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: \"lg\",\n lg: \"md\",\n }}\n align=\"right\"\n value={isPosition ? \"\" : 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 if (qty && qty > props.maxQty) {\n const qty = isPosition ? 0 : props.maxQty;\n props.onQuantityChange?.(qty);\n inputRef.current?.blur();\n }\n }}\n onBlur={(e) => formatQuantity(e.target.value)}\n suffix={\n isPosition ? (\n <button\n className=\"oui-text-2xs oui-text-base-contrast-54 oui-px-3\"\n onClick={() => {\n setTPSL();\n }}\n >\n {t(\"tpsl.entirePosition\")}\n </button>\n ) : (\n <span className=\"oui-text-2xs oui-text-base-contrast-54 oui-px-3\">\n {props.quote}\n </span>\n )\n }\n />\n </div>\n {!props.isEditing && (\n <Button\n onClick={() => {\n const qty = isPosition ? 0 : props.maxQty;\n props.onQuantityChange?.(qty);\n if (qty === 0) {\n setTPSL();\n }\n }}\n variant={\"outlined\"}\n // size={{\n // lg: \"md\",\n // md: \"lg\",\n // }}\n className={cn(\n \"oui-text-2xs oui-w-[68px] oui-h-[40px] xl:oui-h-[32px]\",\n isPosition\n ? \"oui-border-primary-light oui-text-primary-light hover:oui-bg-primary-light/20\"\n : \"oui-bg-base-6 oui-border-line-12 oui-text-base-contrast-54 hover:oui-bg-base-5\",\n )}\n >\n {t(\"common.position\")}\n </Button>\n )}\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// ------------- Quantity input end------------\n\n// ------------ TP/SL Price and PNL input start------------\nconst TPSLPrice = (props: {\n tp_pnl?: number;\n sl_pnl?: number;\n quote: string;\n quote_dp?: number;\n onPriceChange: TPSLBuilderState[\"setOrderPrice\"];\n onPnLChange: TPSLBuilderState[\"setPnL\"];\n tp_values: PNL_Values;\n sl_values: PNL_Values;\n tp_trigger_price?: number | string;\n sl_trigger_price?: number | string;\n errors: OrderValidationResult | null;\n}) => {\n const { t } = useTranslation();\n\n const { parseErrorMsg } = useOrderEntryFormErrorMsg(props.errors);\n\n const onPnLChange = (key: string, value: number | string) => {\n // console.log(key, value);\n props.onPnLChange(key, value);\n };\n\n return (\n <>\n <div>\n <Flex justify={\"between\"}>\n <Flex gap={1}>\n <Text size={\"2xs\"} intensity={80}>\n {t(\"tpsl.takeProfit\")}\n </Text>\n <Text size={\"2xs\"} intensity={36}>\n {`(${(\n t(\"orderEntry.orderType.marketOrder\") as string\n )?.toLowerCase()})`}\n </Text>\n </Flex>\n <Flex>\n <Text size={\"2xs\"} intensity={36}>\n {`${t(\"tpsl.estPnl\")}:`}\n </Text>\n <Text.numeral\n size={\"2xs\"}\n coloring\n showIdentifier\n className=\"oui-ml-1\"\n >\n {props.tp_pnl ?? \"-\"}\n </Text.numeral>\n </Flex>\n </Flex>\n <Grid cols={2} gap={2} pt={2} pb={4}>\n <PriceInput\n type={\"TP\"}\n value={props.tp_trigger_price}\n error={parseErrorMsg(\"tp_trigger_price\")}\n onValueChange={(value) => {\n props.onPriceChange(\"tp_trigger_price\", value);\n }}\n quote_dp={props.quote_dp ?? 2}\n />\n <PnlInputWidget\n type={\"TP\"}\n onChange={onPnLChange}\n quote={props.quote}\n quote_dp={props.quote_dp}\n values={props.tp_values}\n />\n </Grid>\n </div>\n <div>\n <Flex justify={\"between\"}>\n <Flex gap={1}>\n <Text size={\"2xs\"} intensity={80}>\n {t(\"tpsl.stopLoss\")}\n </Text>\n <Text size={\"2xs\"} intensity={36}>\n {`(${(\n t(\"orderEntry.orderType.marketOrder\") as string\n )?.toLowerCase()})`}\n </Text>\n </Flex>\n\n <Flex>\n <Text size={\"2xs\"} intensity={36}>\n {`${t(\"tpsl.estPnl\")}:`}\n </Text>\n <Text.numeral\n size={\"2xs\"}\n coloring\n showIdentifier\n className=\"oui-ml-1\"\n >\n {props.sl_pnl ?? \"-\"}\n </Text.numeral>\n </Flex>\n </Flex>\n <Grid cols={2} gap={2} pt={2} pb={4}>\n <PriceInput\n type={\"SL\"}\n value={props.sl_trigger_price}\n error={parseErrorMsg(\"sl_trigger_price\")}\n onValueChange={(value) => {\n props.onPriceChange(\"sl_trigger_price\", value);\n }}\n quote_dp={props.quote_dp ?? 2}\n />\n <PnlInputWidget\n type={\"SL\"}\n onChange={onPnLChange}\n quote={props.quote}\n quote_dp={props.quote_dp}\n values={props.sl_values}\n />\n </Grid>\n </div>\n </>\n );\n};\n// ------------ TP/SL Price and PNL input end------------\n// ------------ TP/SL Price input start------------\nconst PriceInput = (props: {\n type: string;\n value?: string | number;\n error?: string;\n onValueChange: (value: string) => void;\n quote_dp: number;\n}) => {\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.type} price`}\n prefix={t(\"common.markPrice\")}\n size={{\n initial: \"lg\",\n lg: \"md\",\n }}\n tooltip={props.error}\n placeholder={placeholder}\n align={\"right\"}\n autoComplete={\"off\"}\n value={props.value}\n color={props.error ? \"danger\" : undefined}\n classNames={{\n prefix: \"oui-text-base-contrast-54\",\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\nexport type PositionTPSLConfirmProps = {\n symbol: string;\n // isPosition: boolean;\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};\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 } = props;\n const { t } = useTranslation();\n\n const [needConfirm, setNeedConfirm] = useLocalStorage(\n \"orderly_order_confirm\",\n true,\n );\n const textClassName = textVariants({\n size: \"xs\",\n intensity: 54,\n });\n\n // console.log(\"PositionTPSLConfirm\", qty, maxQty, quoteDP);\n\n const isPositionTPSL = _isPositionTPSL ?? qty >= maxQty;\n\n return (\n <>\n {isEditing && (\n <Text\n as=\"div\"\n size=\"2xs\"\n intensity={80}\n className=\"oui-mb-3\"\n >{`You agree to edit your ${transSymbolformString(\n symbol,\n )} order.`}</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 <Flex\n direction={\"column\"}\n itemAlign={\"stretch\"}\n gapY={1}\n pt={4}\n // pb={5}\n className={cn(textClassName, \"oui-pb-4 xl:oui-pb-5\")}\n >\n <Flex>\n <Box grow>{t(\"common.qty\")}</Box>\n\n <div>\n {isPositionTPSL ? (\n <span className=\"oui-text-base-contrast\">\n {t(\"tpsl.entirePosition\")}\n </span>\n ) : (\n <Text.numeral intensity={98} dp={baseDP} padding={false}>\n {qty}\n </Text.numeral>\n )}\n </div>\n </Flex>\n {typeof tpPrice === \"number\" && tpPrice > 0 ? (\n <Flex>\n <Box grow>{t(\"tpsl.tpPrice\")}</Box>\n <Text.numeral\n as={\"div\"}\n coloring\n unit={\"USDC\"}\n size={\"sm\"}\n dp={quoteDP}\n unitClassName={\"oui-text-base-contrast-54 oui-ml-1\"}\n >\n {tpPrice}\n </Text.numeral>\n </Flex>\n ) : null}\n {typeof slPrice === \"number\" && slPrice > 0 ? (\n <Flex>\n <Box grow>{t(\"tpsl.slPrice\")}</Box>\n <Text.numeral\n as={\"div\"}\n coloring\n unit={\"USDC\"}\n size={\"sm\"}\n dp={quoteDP}\n className=\"oui-text-trade-loss\"\n unitClassName={\"oui-text-base-contrast-54 oui-ml-1\"}\n >\n {slPrice}\n </Text.numeral>\n </Flex>\n ) : null}\n\n <Flex>\n <Box grow>{t(\"common.price\")}</Box>\n <div className=\"oui-text-base-contrast\">\n {t(\"common.marketPrice\")}\n </div>\n </Flex>\n </Flex>\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\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\nconst MaxQtyButton = (props: {\n onClick: () => void;\n children?: React.ReactNode;\n}) => {\n return (\n <button\n className={\"oui-leading-none\"}\n style={{ lineHeight: 0 }}\n onClick={props.onClick}\n >\n <Text color={\"primary\"} size={\"2xs\"}>\n {props.children}\n </Text>\n </button>\n );\n};\n","import {\n CaretDownIcon,\n cn,\n Input,\n MenuItem,\n SimpleDropdownMenu,\n} from \"@orderly.network/ui\";\nimport { PNLInputState, PnLMode } from \"./useBuilder.script\";\nimport { inputFormatter, Text } from \"@orderly.network/ui\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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: color,\n prefix: \"oui-text-base-contrast-54\",\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;\n Offset: string;\n \"Offset%\": string;\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 { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport { SDKError } from \"@orderly.network/types\";\nimport { AlgoOrderRootType, AlgoOrderType, API } from \"@orderly.network/types\";\nimport { toast } from \"@orderly.network/ui\";\n\nexport type TPSLBuilderOptions = {\n position: API.Position;\n order?: API.AlgoOrder;\n onTPSLTypeChange?: (type: AlgoOrderRootType) => void;\n isEditing?: boolean;\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};\n\nexport const useTPSLBuilder = (options: TPSLBuilderOptions) => {\n const { position, order, isEditing } = options;\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 const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n\n const [\n tpslOrder,\n {\n submit,\n deleteOrder,\n setValue,\n validate,\n errors,\n isCreateMutating,\n isUpdateMutating,\n },\n ] = useTPSLOrder(\n {\n symbol,\n position_qty: position.position_qty,\n average_open_price: position.average_open_price,\n },\n {\n defaultOrder: order,\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 = order.child_orders.find(\n (o) => o.algo_type === AlgoOrderType.TAKE_PROFIT,\n );\n const sl = order.child_orders.find(\n (o) => o.algo_type === AlgoOrderType.STOP_LOSS,\n );\n\n if (\n tp?.trigger_price !== Number(tpslOrder.tp_trigger_price) &&\n typeof typeof tpslOrder.tp_trigger_price !== \"undefined\"\n ) {\n // return true;\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 }\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.sl_trigger_price,\n tpslOrder.quantity,\n order,\n isEditing,\n ]);\n\n const valid = useMemo(() => {\n /**\n * if the order is a POSITIONAL_TP_SL and the quantity is less than the maxQty,\n * and the tp/sl trigger price is not set, then the order is not valid\n */\n if (\n order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n Number(tpslOrder.quantity) < maxQty &&\n !tpslOrder.tp_trigger_price &&\n !tpslOrder.sl_trigger_price\n ) {\n return false;\n }\n\n return dirty > 0 && !!tpslOrder.quantity && !errors;\n }, [tpslOrder.quantity, maxQty, dirty, errors]);\n\n const isPositionTPSL = useMemo(() => {\n if (!isEditing) return Number(tpslOrder.quantity) >= maxQty;\n /**\n * if current order is not a POSITIONAL_TP_SL, then it's always a general TP/SL\n */\n if (!!order && order.algo_type !== AlgoOrderRootType.POSITIONAL_TP_SL) {\n return false;\n }\n if (tpslOrder.algo_order_id && tpslOrder.quantity == 0) return true;\n return Number(tpslOrder.quantity) >= maxQty;\n }, [tpslOrder.quantity, maxQty, order?.algo_type, isEditing]);\n\n useEffect(() => {\n if (!isEditing && isPositionTPSL) {\n const trigger_prices = utils.findTPSLFromOrder(order!);\n if (!tpslOrder.tp_trigger_price && trigger_prices.tp_trigger_price) {\n setOrderPrice(\"tp_trigger_price\", trigger_prices.tp_trigger_price);\n }\n if (!tpslOrder.sl_trigger_price && trigger_prices.sl_trigger_price) {\n setOrderPrice(\"sl_trigger_price\", trigger_prices.sl_trigger_price);\n }\n }\n }, [isEditing, isPositionTPSL, tpslOrder]);\n\n useEffect(() => {\n const type =\n Number(tpslOrder.quantity) < maxQty\n ? AlgoOrderRootType.TP_SL\n : AlgoOrderRootType.POSITIONAL_TP_SL;\n if (\n typeof options.onTPSLTypeChange === \"function\" &&\n prevTPSLType.current !== type\n ) {\n options.onTPSLTypeChange(type);\n }\n\n prevTPSLType.current = type;\n }, [tpslOrder.quantity, maxQty]);\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 onSubmit = async () => {\n if (typeof options.onConfirm !== \"function\" || !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 options.onConfirm(tpslOrder, {\n position,\n submit,\n cancel,\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 valid,\n errors,\n status: {\n isCreateMutating,\n isUpdateMutating,\n },\n } as const;\n};\n\nexport type TPSLBuilderState = ReturnType<typeof useTPSLBuilder>;\n","import { type AlgoOrderRootType } from \"@orderly.network/types\";\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, ...rest } = props;\n const state = useTPSLBuilder(rest);\n\n return <TPSL {...state} onCancel={onCancel} onComplete={onComplete} />;\n};\n","import { ReactNode, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API } from \"@orderly.network/types\";\nimport {\n Button,\n cn,\n modal,\n PopoverContent,\n PopoverRoot,\n PopoverTrigger,\n toast,\n} from \"@orderly.network/ui\";\nimport { ButtonProps } from \"@orderly.network/ui\";\nimport { PositionTPSLConfirm } from \"./tpsl.ui\";\nimport { TPSLWidget } from \"./tpsl.widget\";\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 const [open, setOpen] = useState(false);\n const [visible, setVisible] = useState(true);\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 return (\n <PopoverRoot\n onOpenChange={(isOpen) => {\n // console.log(\"isOpen\", isOpen);\n if (visible) {\n setOpen(isOpen);\n }\n }}\n open={open}\n >\n <PopoverTrigger\n asChild\n onClick={() => {\n setOpen(true);\n }}\n >\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 </PopoverTrigger>\n <PopoverContent\n className={cn(\n \"oui-w-[360px]\",\n visible ? \"oui-visible\" : \"oui-invisible\",\n )}\n align=\"end\"\n side={\"top\"}\n >\n <TPSLWidget\n position={position}\n order={order}\n isEditing={isEditing}\n onComplete={() => {\n // console.log(\"tpsl order completed\");\n setOpen(false);\n }}\n onCancel={() => {\n setOpen(false);\n }}\n onConfirm={(order, options) => {\n if (!needConfirm) {\n return Promise.resolve(true);\n }\n\n setVisible(false);\n\n const maxQty = Math.abs(Number(position.position_qty));\n\n // console.log(\n // \"order\",\n // order,\n // isEditing ||\n // (!!order &&\n // order.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n // order.quantity === maxQty)\n // );\n\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 setOpen(false);\n setVisible(true);\n return true;\n },\n () => {\n setVisible(true);\n return Promise.reject(false);\n },\n );\n }\n\n const finalIsEditing =\n isEditing ||\n (!!order &&\n order.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n order.quantity === maxQty);\n\n return modal\n .confirm({\n title: finalIsEditing\n ? t(\"orders.editOrder\")\n : 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={isPositionTPSL}\n isEditing={finalIsEditing}\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 quoteDP={quoteDP ?? 2}\n baseDP={baseDP ?? 2}\n />\n ),\n })\n .then(\n () => {\n setOpen(false);\n setVisible(true);\n return true;\n },\n () => {\n setVisible(true);\n return Promise.reject(false);\n },\n );\n }}\n />\n </PopoverContent>\n </PopoverRoot>\n );\n};\n","import { useMemo } from \"react\";\nimport { useLocalStorage, useMarkPrice } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AlgoOrderRootType, API } 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 { PositionTPSLConfirm } from \"./tpsl.ui\";\nimport { TPSLWidget, TPSLWidgetProps } from \"./tpsl.widget\";\n\ntype TPSLSheetProps = {\n position: API.Position;\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 [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const { t } = useTranslation();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n const updateSheetTitle = (title: string) => {\n if (isEditing) return;\n updateArgs({ title });\n };\n\n const onCompleted = () => {\n resolve();\n hide();\n };\n\n const { quote_dp, base_dp } = symbolInfo;\n\n return (\n <>\n <PositionInfo position={position} symbolInfo={symbolInfo} />\n\n <TPSLWidget\n {...props}\n onTPSLTypeChange={(type) => {\n updateSheetTitle(\n type === AlgoOrderRootType.TP_SL\n ? t(\"common.tpsl\")\n : t(\"tpsl.positionTpsl\"),\n );\n }}\n onComplete={onCompleted}\n onConfirm={(order, options) => {\n if (!needConfirm) {\n return Promise.resolve(true);\n }\n\n const maxQty = Math.abs(Number(position.position_qty));\n\n const finalIsEditing =\n isEditing ||\n (!!order &&\n order.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n order.quantity === maxQty);\n\n return modal\n .confirm({\n title: finalIsEditing\n ? t(\"orders.editOrder\")\n : t(\"tpsl.confirmOrder\"),\n bodyClassName: \"oui-pb-0 lg:oui-pb-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 content: (\n <PositionTPSLConfirm\n isPositionTPSL={isPositionTPSL}\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 quoteDP={quote_dp ?? 2}\n baseDP={base_dp ?? 2}\n />\n ),\n })\n .then(\n () => {\n // setOpen(false);\n // setVisible(true);\n return true;\n },\n (reject) => {\n if (reject?.message) {\n toast.error(reject.message);\n }\n\n // setVisible(true);\n return Promise.reject(false);\n },\n );\n }}\n onCancel={() => {\n hide();\n }}\n />\n </>\n );\n};\n\nexport const TPSLSheetTitle = () => {\n const modal = useModal();\n const { t } = useTranslation();\n\n const title = useMemo<string>(() => {\n return (modal.args?.title || t(\"common.tpsl\")) as string;\n }, [modal.args?.title, t]);\n\n return <span>{title}</span>;\n};\n\nexport const PositionInfo = (props: {\n position: API.Position;\n symbolInfo: API.SymbolExt;\n}) => {\n const { position, symbolInfo } = props;\n const { data: markPrice } = useMarkPrice(position.symbol);\n const modal = useModal();\n const { t } = useTranslation();\n\n const isPositionTPSL = useMemo(() => {\n return modal.args?.title === t(\"tpsl.positionTpsl\");\n }, [modal.args?.title, t]);\n return (\n <>\n <Flex justify={\"between\"} pb={3} itemAlign={\"center\"}>\n <Text.formatted rule=\"symbol\" className=\"oui-text-xs\" showIcon>\n {position.symbol}\n </Text.formatted>\n <Flex gapX={1}>\n {isPositionTPSL && (\n <Badge size=\"xs\" color=\"primary\">\n {t(\"common.position\")}\n </Badge>\n )}\n <Badge size=\"xs\" color=\"neutral\">\n {t(\"common.tpsl\")}\n </Badge>\n {position.position_qty < 0 ? (\n <Badge size=\"xs\" color=\"buy\">\n {t(\"common.buy\")}\n </Badge>\n ) : (\n <Badge size=\"xs\" color=\"sell\">\n {t(\"common.sell\")}\n </Badge>\n )}\n </Flex>\n </Flex>\n <Divider intensity={8} />\n <Box py={3} className=\"oui-space-y-1\">\n <Flex justify={\"between\"}>\n <Text size=\"sm\" intensity={54}>\n {t(\"common.avgOpen\")}\n </Text>\n <Text.numeral\n className=\"oui-text-xs\"\n unit={symbolInfo.quote}\n dp={symbolInfo.quote_dp}\n unitClassName=\"oui-ml-1 oui-text-base-contrast-36\"\n >\n {position.average_open_price}\n </Text.numeral>\n </Flex>\n <Flex justify={\"between\"}>\n <Text size=\"sm\" intensity={54}>\n {t(\"common.markPrice\")}\n </Text>\n <Text.numeral\n className=\"oui-text-xs\"\n unit={symbolInfo.quote}\n dp={symbolInfo.quote_dp}\n unitClassName=\"oui-ml-1 oui-text-base-contrast-36\"\n >\n {markPrice}\n </Text.numeral>\n </Flex>\n </Box>\n </>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/tpsl.widget.tsx","../src/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/tpslInputRow.widget.tsx","../src/components/tpslPostionType/tpslPositionType.script.tsx","../src/components/tpslPostionType/tpslPositionType.ui.tsx","../src/components/tpslPostionType/tpslPostionType.widget.tsx","../src/useTPSL.script.ts","../src/editorPopover.tsx","../src/editorSheet.tsx","../src/tpslAdvanced.widget.tsx","../src/tpslAdvanced.ui.tsx","../src/useTPSLAdvanced.script.ts","../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"],"names":["registerSimpleDialog","registerSimpleSheet","useRef","useState","useLocalStorage","utils","useTranslation","useOrderEntryFormErrorMsg","OrderSide","OrderType","PositionType","Badge","Box","Button","Divider","Flex","Grid","Input","Slider","Text","textVariants","cn","inputFormatter","Checkbox","convertValueToPercentage","ThrottledButton","ScrollArea","useScreen","transSymbolformString","useIndexPrice","useMarkPrice","useSymbolLeverage","TokenIcon","jsx","jsxs","OrderInfo","props","order","symbol","side","markPrice","indexPrice","symbolLeverage","useMemo","Decimal","PnlInfo","tp_pnl","sl_pnl","riskRatio","ratio","useTPSLInputRowScript","Fragment","Trans","useEffect","CaretDownIcon","SimpleDropdownMenu","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","TPSLInputRowUI","parseErrorMsg","positionType","roi","_roi","_entryPrice","rootOrderPrice","checked","PriceInput","RenderROI","price","className","orderType","TPSLInputRowWidget","useTPSLPositionTypeScript","ExclamationFillIcon","Tooltip","positionTypeKey","TPSLPositionTypeUI","event","TPSLPositionTypeWidget","TPSL","TPSL_OrderEntity","symbolInfo","onCancel","onComplete","status","errors","valid","position","setValues","onClose","isEditing","isMobile","renderQtyInput","TPSLQuantity","err","inputRef","currentQtyPercentage","formatQuantity","qty","_qty","errorMsg","e","PositionTPSLConfirm","tpPrice","slPrice","maxQty","quoteDP","baseDP","_isPositionTPSL","needConfirm","setNeedConfirm","renderPositionType","renderTPSLPrice","isOrderPrice","isEnable","colorType","isPositionTPSL","TPSLOrderType","check","useSymbolsInfo","useTPSLOrder","AlgoOrderRootType","SDKError","toast","useTPSLBuilder","prevTPSLType","tpslOrder","submit","deleteOrder","setValue","validate","isCreateMutating","isUpdateMutating","setQuantity","setOrderPrice","name","setPnL","dirty","quantity","diff","tp_trigger_price","sl_trigger_price","tp_order_price","sl_order_price","cancel","onSubmit","error","TPSLWidget","close","TPSLSheetId","TPSLDialogId","modal","PositionTPSLPopover","buttonProps","finalIsEditing","res","useModal","PositionTPSLSheet","resolve","hide","updateArgs","updateSheetTitle","title","onCompleted","base_dp","reject","i18n","TPSLAdvancedUI","validated","formattedOrder","setOrderValue","tpValues","setTpValuse","slValues","setSlValues","prev","ArrowRightIcon","useOrderEntry","isTPSLEnable","useTPSLAdvanced","innerMetaState","setInnerMetaState","helper","metaState","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"],"mappings":"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","sourcesContent":["import { i18n } from \"@orderly.network/i18n\";\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 = (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 { useRef, useState } from \"react\";\nimport {\n ComputedAlgoOrder,\n useLocalStorage,\n utils,\n} from \"@orderly.network/hooks\";\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 Badge,\n Box,\n Button,\n Divider,\n Flex,\n Grid,\n Input,\n Slider,\n Text,\n textVariants,\n cn,\n inputFormatter,\n Checkbox,\n convertValueToPercentage,\n ThrottledButton,\n ScrollArea,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { transSymbolformString } from \"@orderly.network/utils\";\nimport { OrderInfo } from \"./components/orderInfo\";\nimport { PnlInfo } from \"./components/pnlInfo\";\nimport { TPSLInputRowWidget } from \"./components/tpslInputRow\";\nimport { TPSLPositionTypeWidget } from \"./components/tpslPostionType\";\nimport { TPSLBuilderState } from \"./useTPSL.script\";\n\nexport type TPSLProps = {\n close?: () => void;\n onClose?: () => void;\n onCancel?: () => void;\n onComplete?: () => void;\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 errors,\n valid,\n position,\n setValues,\n onClose,\n isEditing,\n } = props;\n\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const { parseErrorMsg } = 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={parseErrorMsg(\"quantity\")}\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={errors}\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={errors}\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 {/* <TPSLPrice\n sl_pnl={TPSL_OrderEntity.sl_pnl}\n tp_pnl={TPSL_OrderEntity.tp_pnl}\n quote={symbolInfo(\"quote\")}\n quote_dp={symbolInfo(\"quote_dp\")}\n onPriceChange={props.setOrderPrice}\n onPnLChange={props.setPnL}\n errors={errors}\n tp_values={{\n PnL: `${TPSL_OrderEntity.tp_pnl ?? \"\"}`,\n Offset: `${TPSL_OrderEntity.tp_offset ?? \"\"}`,\n \"Offset%\": `${TPSL_OrderEntity.tp_offset_percentage ?? \"\"}`,\n }}\n sl_values={{\n PnL: `${TPSL_OrderEntity.sl_pnl ?? \"\"}`,\n Offset: `${TPSL_OrderEntity.sl_offset ?? \"\"}`,\n \"Offset%\": `${TPSL_OrderEntity.sl_offset_percentage ?? \"\"}`,\n }}\n tp_trigger_price={TPSL_OrderEntity.tp_trigger_price ?? \"\"}\n sl_trigger_price={TPSL_OrderEntity.sl_trigger_price ?? \"\"}\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={!props.valid || 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\n//----------\n\n// ------------- Quantity input start------------\nconst 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// ------------- Quantity input end------------\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\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\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\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","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 } 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 if (tp_pnl && sl_pnl) {\n const ratio = new Decimal(tp_pnl).div(sl_pnl).abs().toNumber().toFixed(2);\n return (\n <Flex\n gap={1}\n itemAlign={\"center\"}\n className=\"oui-text-base-contrast-80\"\n >\n <Text>{ratio}</Text>\n <Text className=\"oui-text-base-contrast-36\">x</Text>\n </Flex>\n );\n }\n return <Text className=\"oui-text-base-contrast-36\">-- x</Text>;\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};\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 };\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 { PriceInput } from \"../../tpsl.ui\";\nimport { OrderPriceType } from \"../orderPriceType\";\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 { parseErrorMsg } = useOrderEntryFormErrorMsg(props.errors);\n const { values, positionType } = props;\n const symbolLeverage = useSymbolLeverage(props.symbol);\n const roi = useMemo(() => {\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 _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 <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 <label\n htmlFor={`enable_${props.type}`}\n className={\n \"oui-ml-1 oui-cursor-pointer oui-text-sm 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={parseErrorMsg(`${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={parseErrorMsg(`${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 { 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 { useEffect, useMemo, useRef } from \"react\";\nimport {\n type ComputedAlgoOrder,\n useLocalStorage,\n useSymbolsInfo,\n useTPSLOrder,\n utils,\n} from \"@orderly.network/hooks\";\nimport {\n AlgoOrderRootType,\n AlgoOrderType,\n API,\n OrderType,\n PositionType,\n SDKError,\n} from \"@orderly.network/types\";\nimport { toast } from \"@orderly.network/ui\";\n\nexport type TPSLBuilderOptions = {\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 = (options: TPSLBuilderOptions) => {\n const { position, order, isEditing, positionType } = options;\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 const prevTPSLType = useRef<AlgoOrderRootType>(AlgoOrderRootType.TP_SL);\n const [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\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,\n position_qty: position.position_qty,\n average_open_price: position.average_open_price,\n },\n {\n defaultOrder: order,\n positionType,\n tpslEnable: {\n tp_enable: true,\n sl_enable: true,\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 // return true;\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 const valid = useMemo(() => {\n /**\n * if the order is a POSITIONAL_TP_SL and the quantity is less than the maxQty,\n * and the tp/sl trigger price is not set, then the order is not valid\n */\n if (\n order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n Number(tpslOrder.quantity) < maxQty &&\n !tpslOrder.tp_trigger_price &&\n !tpslOrder.sl_trigger_price\n ) {\n return false;\n }\n\n return dirty > 0 && !!tpslOrder.quantity && !errors;\n }, [tpslOrder.quantity, maxQty, dirty, errors]);\n\n // const isPositionTPSL = useMemo(() => {\n // if (!isEditing) return Number(tpslOrder.quantity) >= maxQty;\n // /**\n // * if current order is not a POSITIONAL_TP_SL, then it's always a general TP/SL\n // */\n // if (!!order && order.algo_type !== AlgoOrderRootType.POSITIONAL_TP_SL) {\n // return false;\n // }\n // if (tpslOrder.algo_order_id && tpslOrder.quantity == 0) return true;\n // return Number(tpslOrder.quantity) >= maxQty;\n // }, [tpslOrder.quantity, maxQty, order?.algo_type, isEditing]);\n\n // useEffect(() => {\n // if (!isEditing && isPositionTPSL) {\n // const trigger_prices = utils.findTPSLFromOrder(order!);\n // if (!tpslOrder.tp_trigger_price && trigger_prices.tp_trigger_price) {\n // setOrderPrice(\"tp_trigger_price\", trigger_prices.tp_trigger_price);\n // }\n // if (!tpslOrder.sl_trigger_price && trigger_prices.sl_trigger_price) {\n // setOrderPrice(\"sl_trigger_price\", trigger_prices.sl_trigger_price);\n // }\n // }\n // }, [isEditing, isPositionTPSL, tpslOrder]);\n\n // useEffect(() => {\n // const type =\n // Number(tpslOrder.quantity) < maxQty\n // ? AlgoOrderRootType.TP_SL\n // : AlgoOrderRootType.POSITIONAL_TP_SL;\n // if (\n // typeof options.onTPSLTypeChange === \"function\" &&\n // prevTPSLType.current !== type\n // ) {\n // options.onTPSLTypeChange(type);\n // }\n\n // prevTPSLType.current = type;\n // }, [tpslOrder.quantity, maxQty]);\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 onSubmit = async () => {\n try {\n const validOrder = await validate();\n console.log(\"validOrder\", validOrder);\n if (validOrder) {\n if (typeof options.onConfirm !== \"function\" || !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 options.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 valid,\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 { 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 { PositionTPSLConfirm } from \"./tpsl.ui\";\nimport { TPSLDialogId } from \"./tpsl.widget\";\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 position: position,\n baseDP: baseDP,\n quoteDP: quoteDP,\n positionType: isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL,\n isEditing: isEditing,\n onConfirm: (order: ComputedAlgoOrder, options: any) => {\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 const finalIsEditing =\n isEditing ||\n (!!order &&\n order.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n order.quantity === maxQty);\n\n return modal\n .confirm({\n title: finalIsEditing\n ? t(\"orders.editOrder\")\n : 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={isPositionTPSL}\n isEditing={finalIsEditing}\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={quoteDP ?? 2}\n baseDP={baseDP ?? 2}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n },\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 { 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 { PositionTPSLConfirm } from \"./tpsl.ui\";\nimport { TPSLWidget, TPSLWidgetProps } from \"./tpsl.widget\";\n\ntype TPSLSheetProps = {\n position: API.Position;\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 [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\n const { t } = useTranslation();\n\n const isPositionTPSL = isEditing\n ? order?.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL\n : undefined;\n\n const updateSheetTitle = (title: string) => {\n if (isEditing) return;\n updateArgs({ title });\n };\n\n const onCompleted = () => {\n resolve();\n hide();\n };\n\n const { quote_dp, base_dp } = symbolInfo;\n\n return (\n <>\n <TPSLWidget\n {...props}\n positionType={\n props.positionType ??\n (isPositionTPSL ? PositionType.FULL : PositionType.PARTIAL)\n }\n onComplete={onCompleted}\n onConfirm={(order, options) => {\n if (!needConfirm) {\n return Promise.resolve(true);\n }\n\n const maxQty = Math.abs(Number(position.position_qty));\n\n const finalIsEditing =\n isEditing ||\n (!!order &&\n order.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL &&\n order.quantity === maxQty);\n\n return modal\n .confirm({\n title: finalIsEditing\n ? t(\"orders.editOrder\")\n : t(\"tpsl.confirmOrder\"),\n bodyClassName: \"oui-pb-0 lg:oui-pb-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 content: (\n <PositionTPSLConfirm\n isPositionTPSL={isPositionTPSL}\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 quoteDP={quote_dp ?? 2}\n baseDP={base_dp ?? 2}\n orderInfo={order}\n />\n ),\n })\n .then(\n () => {\n // setOpen(false);\n // setVisible(true);\n return true;\n },\n (reject) => {\n if (reject?.message) {\n toast.error(reject.message);\n }\n\n // setVisible(true);\n return Promise.reject(false);\n },\n );\n }}\n onCancel={() => {\n hide();\n }}\n />\n </>\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 { 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 { 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 { PositionTPSLConfirm } from \"../tpsl.ui\";\nimport { TPSLDialogId, TPSLSheetId } from \"../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 [needConfirm] = useLocalStorage(\"orderly_order_confirm\", true);\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 position: position,\n positionType,\n isEditing,\n onConfirm: (order: ComputedAlgoOrder, options: any) => {\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 console.log(\"finalIsEditing\", {\n order,\n positionType,\n isEditing,\n });\n return modal\n .confirm({\n title: isEditing ? t(\"orders.editOrder\") : 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(\"quote_dp\") ?? 2}\n baseDP={symbolInfo(\"base_dp\") ?? 2}\n />\n ),\n })\n .then(\n () => {\n return true;\n },\n () => {\n return Promise.reject(false);\n },\n );\n },\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"]}