@kodiak-finance/orderly-ui-leverage 2.8.20 → 2.8.21-beta.3

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 (6) hide show
  1. package/dist/index.js +4 -2
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +4 -2
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +8 -8
package/dist/index.js CHANGED
@@ -67,6 +67,7 @@ var LeverageInput = (props) => {
67
67
  value: props.value,
68
68
  id,
69
69
  autoComplete: "off",
70
+ inputMode: "numeric",
70
71
  classNames: {
71
72
  input: orderlyUi.cn("oui-text-right oui-text-[24px]"),
72
73
  root: orderlyUi.cn(
@@ -213,10 +214,11 @@ var LeverageSlider = (props) => {
213
214
  marks
214
215
  } = props;
215
216
  const sliderMax = leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;
216
- return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Box, { pt: 4, width: "100%", className, children: [
217
+ return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Box, { pt: 4, pb: 7, width: "100%", className, children: [
217
218
  /* @__PURE__ */ jsxRuntime.jsx(
218
219
  orderlyUi.Slider,
219
220
  {
221
+ step: 1,
220
222
  max: maxLeverage,
221
223
  min: 1,
222
224
  marks,
@@ -236,7 +238,7 @@ var LeverageSlider = (props) => {
236
238
  }
237
239
  }
238
240
  ),
239
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { justify: "between", width: "100%", pt: 3, children: leverageLevers?.map((item, index) => {
241
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-w-full oui-pt-3", children: leverageLevers?.map((item, index) => {
240
242
  const position = getMarkPosition(
241
243
  item,
242
244
  index,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/leverage.ui.tsx","../src/leverage.script.ts","../src/leverage.widget.tsx","../src/symbolLeverage/index.ts","../src/symbolLeverage/symbolLeverage.script.tsx","../src/symbolLeverage/symbolLeverage.ui.tsx","../src/symbolLeverage/symbolLeverage.widget.tsx"],"names":["i18n","registerSimpleDialog","registerSimpleSheet","value","useTranslation","leverage","jsx","useCallback","useMemo","useState","toast","Text","maxPositionLeverage","freeCollateral","Flex","cn","jsxs"],"mappings":"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","sourcesContent":["import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageEditor } from \"./leverage.widget\";\n\nexport { LeverageEditor, type LeverageEditorProps } from \"./leverage.widget\";\nexport { Leverage, LeverageSlider, LeverageHeader } from \"./leverage.ui\";\nexport type {\n LeverageProps,\n LeverageSliderProps,\n LeverageHeaderProps,\n} from \"./leverage.ui\";\nexport {\n useLeverageScript,\n type LeverageScriptReturns,\n} from \"./leverage.script\";\nexport * from \"./symbolLeverage\";\n\nexport const LeverageWidgetWithDialogId = \"LeverageWidgetWithDialog\";\nexport const LeverageWidgetWithSheetId = \"LeverageWidgetWithSheet\";\n\nregisterSimpleDialog(LeverageWidgetWithDialogId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n size: \"md\",\n});\n\nregisterSimpleSheet(LeverageWidgetWithSheetId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n});\n","import React, { FC, useId } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n Button,\n Flex,\n Input,\n Slider,\n Text,\n cn,\n PlusIcon,\n ReduceIcon,\n inputFormatter,\n InputFormatter,\n} from \"@kodiak-finance/orderly-ui\";\nimport { LeverageScriptReturns } from \"./leverage.script\";\n\nconst IconButton: React.FC<{\n Icon: React.ComponentType<any>;\n onClick: React.MouseEventHandler<SVGSVGElement>;\n disabled: boolean;\n}> = (props) => {\n const { Icon, onClick, disabled } = props;\n return (\n <Icon\n onClick={disabled ? undefined : onClick}\n className={cn(\n \"oui-m-2 oui-text-white oui-transition-all\",\n disabled\n ? \"oui-cursor-not-allowed oui-opacity-20\"\n : \"oui-cursor-pointer oui-opacity-100\",\n )}\n />\n );\n};\n\ntype LeverageInputProps = LeverageProps & {\n classNames?: {\n input?: string;\n unit?: string;\n };\n};\n\nexport const LeverageInput: React.FC<LeverageInputProps> = (props) => {\n const formatters = React.useMemo<InputFormatter[]>(\n () => [inputFormatter.numberFormatter, inputFormatter.dpFormatter(0)],\n [],\n );\n const id = useId();\n return (\n <label\n htmlFor={id}\n className={cn(\n \"oui-w-full\",\n \"oui-rounded\",\n \"oui-bg-base-6\",\n \"oui-flex\",\n \"oui-items-center\",\n \"oui-justify-between\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-light\",\n \"oui-input-root\",\n )}\n >\n <IconButton\n Icon={ReduceIcon}\n onClick={props.onLeverageReduce}\n disabled={props.isReduceDisabled}\n />\n <Flex itemAlign=\"center\" justify=\"center\" className=\"oui-mr-4\">\n <Input\n value={props.value}\n id={id}\n autoComplete=\"off\"\n classNames={{\n input: cn(\"oui-text-right oui-text-[24px]\"),\n root: cn(\n \"oui-w-12\",\n \"oui-px-0\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-none\",\n ),\n }}\n formatters={formatters}\n onChange={props.onInputChange}\n />\n <div\n className={cn(\n \"oui-ml-1 oui-mt-1 oui-select-none\",\n \"oui-text-base oui-text-base-contrast-36\",\n )}\n >\n x\n </div>\n </Flex>\n <IconButton\n Icon={PlusIcon}\n onClick={props.onLeverageIncrease}\n disabled={props.isIncreaseDisabled}\n />\n </label>\n );\n};\n\nexport type LeverageProps = LeverageScriptReturns;\n\nexport const Leverage: FC<LeverageProps> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n return (\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <LeverageFooter {...props} />\n </Flex>\n );\n};\n\nexport const LeverageFooter: FC<LeverageProps & { isMobile?: boolean }> = (\n props,\n) => {\n const { t } = useTranslation();\n return (\n <Flex direction={\"row\"} gap={2} width={\"100%\"} mt={0} pt={5}>\n <Button\n variant=\"contained\"\n color=\"gray\"\n fullWidth\n onClick={props.onCancel}\n data-testid=\"oui-testid-leverage-cancel-btn\"\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n fullWidth\n loading={props.isLoading}\n onClick={props.onSave}\n data-testid=\"oui-testid-leverage-save-btn\"\n disabled={props.disabled}\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.save\")}\n </Button>\n </Flex>\n );\n};\n\nexport type LeverageHeaderProps = Pick<LeverageProps, \"currentLeverage\">;\n\nexport const LeverageHeader: FC<LeverageHeaderProps> = (props) => {\n const { t } = useTranslation();\n const { currentLeverage } = props;\n return (\n <Flex justify={\"center\"} width={\"100%\"} mb={2}>\n <Flex gap={1}>\n {`${t(\"common.current\")}:`}\n <Text.numeral unit=\"x\" size={\"sm\"} intensity={80} dp={0}>\n {currentLeverage ?? \"--\"}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface LeverageSelectorProps {\n value: number;\n onLeverageChange: (value: number) => void;\n toggles: number[];\n}\n\nexport const LeverageSelector: React.FC<LeverageSelectorProps> = (props) => {\n const { value, onLeverageChange } = props;\n return (\n <Flex\n itemAlign=\"center\"\n justify=\"between\"\n width={\"100%\"}\n mt={4}\n className=\"oui-text-base-contrast-80\"\n >\n {props.toggles.map((option) => (\n <Flex\n key={option}\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(\n `oui-box-border oui-cursor-pointer oui-rounded-md oui-border oui-border-solid oui-bg-clip-padding oui-px-3 oui-py-2.5 oui-transition-all`,\n value === option\n ? \"oui-border-primary oui-bg-base-6\"\n : \"oui-border-line-12\",\n )}\n onClick={() => onLeverageChange?.(option)}\n >\n <Flex\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(`oui-h-3 oui-w-9 oui-select-none`)}\n >\n {option}x\n </Flex>\n </Flex>\n ))}\n </Flex>\n );\n};\n\nexport type LeverageSliderProps = {\n maxLeverage?: number;\n value: number;\n onLeverageChange: (value: number) => void;\n setShowSliderTip: (value: boolean) => void;\n showSliderTip: boolean;\n className?: string;\n onValueCommit?: (value: number[]) => void;\n leverageLevers: number[];\n marks?: { label: string; value: number }[];\n};\n\nconst getMarkPosition = (\n item: number,\n index: number,\n max: number,\n total: number,\n) => {\n // Use the same calculation logic as Slider component marks array\n const min = 1;\n const maxSteps = max - min;\n const percentPerStep = 100 / maxSteps;\n const position = percentPerStep * (item - min);\n\n // Keep boundary adjustments\n if (index === 0) return Math.min(position + 2, 100);\n if (index === total - 1) return Math.max(position - 3, 0);\n return position;\n};\n\nexport const LeverageSlider: FC<LeverageSliderProps> = (props) => {\n const {\n leverageLevers,\n maxLeverage = 0,\n className,\n value,\n showSliderTip,\n marks,\n } = props;\n\n // Use the maximum value of leverageLevers array as slider maximum\n const sliderMax =\n leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;\n\n return (\n <Box pt={4} width={\"100%\"} className={className}>\n <Slider\n // step={1.04}\n max={maxLeverage}\n min={1}\n // markLabelVisible={true}\n marks={marks}\n // markCount={5}\n value={[value]}\n onValueChange={(e) => {\n props.onLeverageChange(e[0]);\n props.setShowSliderTip(true);\n }}\n color=\"primary\"\n onValueCommit={(e) => {\n props.onValueCommit?.(e);\n props.setShowSliderTip(false);\n }}\n showTip={showSliderTip}\n tipFormatter={(value) => {\n return `${value}x`;\n }}\n />\n <Flex justify={\"between\"} width={\"100%\"} pt={3}>\n {leverageLevers?.map((item, index) => {\n const position = getMarkPosition(\n item,\n index,\n sliderMax,\n leverageLevers.length,\n );\n\n return (\n <button\n key={item}\n onClick={() => {\n props.onLeverageChange(item);\n props.onValueCommit?.([item]);\n }}\n className={cn(\n \"oui-absolute oui-pb-3 oui-text-2xs oui-transform oui--translate-x-1/2\",\n Number(props.value) >= Number(item)\n ? \"oui-text-primary-light\"\n : \"oui-text-base-contrast-54\",\n )}\n style={{\n left: `${position}%`,\n }}\n data-testid={`oui-testid-leverage-${item}-btn`}\n >\n {`${item}x`}\n </button>\n );\n })}\n </Flex>\n </Box>\n );\n};\n","import { useCallback, useMemo, useState } from \"react\";\nimport { useLeverage } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { SliderMarks, toast } from \"@kodiak-finance/orderly-ui\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type LeverageScriptReturns = ReturnType<typeof useLeverageScript>;\n\nexport const useLeverageScript = (options?: UseLeverageScriptOptions) => {\n const [showSliderTip, setShowSliderTip] = useState(false);\n const { t } = useTranslation();\n\n const { curLeverage, maxLeverage, isLoading, leverageLevers, update } =\n useLeverage();\n\n const marks = useMemo<SliderMarks>(() => {\n return leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n }));\n }, [leverageLevers]);\n\n const [leverage, setLeverage] = useState<number>(curLeverage ?? 0);\n\n const step = 100 / ((marks?.length || 0) - 1);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n const value = Number.isNaN(parsed) ? \"\" : parsed;\n setLeverage(value as number);\n },\n [maxLeverage],\n );\n\n const onSave = async () => {\n try {\n update({ leverage }).then(\n () => {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.log(\"update leverage error\", err);\n }\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n const disabled = !leverage || leverage < 1 || leverage > maxLeverage;\n\n const toggles = useMemo(() => {\n return [5, 10, 20, 50, 100].filter((e) => e <= maxLeverage);\n }, [maxLeverage]);\n\n return {\n leverageLevers,\n currentLeverage: curLeverage,\n value: leverage,\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading: isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles,\n };\n};\n","import { FC } from \"react\";\nimport { Leverage } from \"./leverage.ui\";\nimport { useLeverageScript } from \"./leverage.script\";\n\nexport type LeverageEditorProps = {\n close?: () => void;\n};\n\nexport const LeverageEditor: FC<LeverageEditorProps> = (props) => {\n const state = useLeverageScript({ close: props.close });\n return <Leverage {...state} />;\n};\n","import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { SymbolLeverageWidget } from \"./symbolLeverage.widget\";\n\nexport {\n SymbolLeverageWidget,\n type SymbolLeverageWidgetProps,\n} from \"./symbolLeverage.widget\";\n\nexport const SymbolLeverageSheetId = \"SymbolLeverageSheetId\";\nexport const SymbolLeverageDialogId = \"SymbolLeverageDialogId\";\n\n// Register sheet version for mobile\nregisterSimpleSheet(SymbolLeverageSheetId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n // content: \"oui-p-5\",\n },\n});\n\n// Register dialog version for desktop\nregisterSimpleDialog(SymbolLeverageDialogId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useCallback, useMemo, useState } from \"react\";\nimport {\n useAccountInfo,\n useLocalStorage,\n useMarkPricesStream,\n usePortfolio,\n usePositionStream,\n useSymbolLeverage,\n useSymbolsInfo,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n account as accountPerp,\n positions as positionsPerp,\n} from \"@kodiak-finance/orderly-perp\";\nimport { OrderSide } from \"@kodiak-finance/orderly-types\";\nimport {\n modal,\n SliderMarks,\n toast,\n useScreen,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { zero } from \"@kodiak-finance/orderly-utils\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type SymbolLeverageScriptOptions = {\n symbol: string;\n side?: OrderSide;\n curLeverage: number;\n};\n\nexport type SymbolLeverageScriptReturns = ReturnType<\n typeof useSymbolLeverageScript\n>;\n\nexport const useSymbolLeverageScript = (\n options: SymbolLeverageScriptOptions & UseLeverageScriptOptions,\n) => {\n const { curLeverage = 1, symbol, side } = options;\n const [showSliderTip, setShowSliderTip] = useState(false);\n // Local leverage value used by the input and slider; it tracks the in-flight user edits.\n // We seed it with curLeverage but intentionally do not sync further changes to avoid jumping while editing.\n const [leverage, setLeverage] = useState<number>(curLeverage);\n\n const { t } = useTranslation();\n\n const { isMobile } = useScreen();\n\n const {\n maxLeverage: originalMaxLeverage,\n update,\n isLoading,\n } = useSymbolLeverage(symbol);\n\n const maxLeverage = originalMaxLeverage;\n\n const {\n position,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n } = useCalc({ symbol: symbol!, leverage, maxLeverage });\n\n const formattedLeverageLevers = useMemo(() => {\n return generateLeverageLeversForSelector(maxLeverage);\n }, [maxLeverage]);\n\n const leverageLevers = useMemo(() => {\n return generateLeverageLevers(maxLeverage);\n }, [maxLeverage]);\n\n const marks = useMemo<SliderMarks>(() => {\n return (\n leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n })) || []\n );\n }, [leverageLevers]);\n\n const step = useMemo(() => {\n return 100 / ((marks?.length || 0) - 1);\n }, [marks]);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n if (!Number.isNaN(parsed)) {\n setLeverage(parsed);\n }\n },\n [],\n );\n\n const onConfirmSave = async () => {\n try {\n update?.({ leverage, symbol }).then(\n (res) => {\n if (res.success) {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n } else {\n toast.error(res.message);\n }\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.error(\"update leverage error\", err);\n }\n };\n\n const onSave = async () => {\n modal.confirm({\n title: t(\"leverage.confirm\"),\n content: <Text intensity={54}>{t(\"leverage.confirm.content\")}</Text>,\n onOk: onConfirmSave,\n onCancel: () => {\n return Promise.resolve();\n },\n });\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n\n const isBuy = side\n ? side === OrderSide.BUY\n : position?.position_qty && position.position_qty > 0;\n\n const disabled =\n !leverage ||\n leverage < 1 ||\n leverage > maxLeverage ||\n overRequiredMargin ||\n overMaxPositionLeverage;\n\n return {\n leverageLevers,\n currentLeverage: curLeverage, // Keep the displayed leverage fixed until the user confirms the change.\n value: leverage, // Input and slider reflect the temporary value being edited.\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles: formattedLeverageLevers,\n symbol,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n isBuy,\n isMobile,\n };\n};\n\n// 5x: 1x, 2x, 3x, 4x, 5x\n// 10x: 1x, 3x, 5x, 8x, 10x\n// 20x: 1x, 5x, 10x, 15x, 20x\n// 50x: 1x, 10x, 20x, 35x, 50x\n// 100x: 1x, 20x, 50x, 75x, 100x\nconst generateLeverageLeversForSelector = (max: number) => {\n if (max === 10) {\n return [1, 3, 5, 8, 10];\n } else if (max === 50) {\n return [1, 10, 20, 35, 50];\n }\n\n const min = 1;\n const parts = 5;\n const step = (max - min) / (parts - 1);\n const result: number[] = [];\n for (let i = 0; i < parts; i++) {\n result.push(Math.floor(min + step * i));\n }\n return result;\n};\n/**\n * Generate evenly distributed marks\n * @param max Maximum leverage value\n * @returns Array of evenly distributed marks\n */\nconst generateEvenlyDistributedMarks = (max: number): number[] => {\n const result: number[] = [];\n\n // Check if divisible by 5\n if (max % 5 === 0) {\n // Divisible by 5, divide from 0 to max into 5 intervals (6 marks), 1x represents 0\n const step = max / 5;\n for (let i = 0; i < 6; i++) {\n const value = step * i;\n result.push(value === 0 ? 1 : value); // 0 displays as 1x, other values display normally\n }\n } else {\n // Not divisible by 5, use 25%, 50%, 75% strategy to select nearest integers\n result.push(1); // Always include 1x\n\n // Calculate values at 25%, 50%, 75% positions\n const quarter = max * 0.25;\n const half = max * 0.5;\n const threeQuarter = max * 0.75;\n\n // Select nearest integers\n const quarterRounded = Math.round(quarter);\n const halfRounded = Math.round(half);\n const threeQuarterRounded = Math.round(threeQuarter);\n\n // Add 25% position value (if greater than 1 and not equal to 50%)\n if (quarterRounded > 1 && quarterRounded !== halfRounded) {\n result.push(quarterRounded);\n }\n\n // Add 50% position value (if greater than 1)\n if (halfRounded > 1) {\n result.push(halfRounded);\n }\n\n // Add 75% position value (if greater than 50% and less than max)\n if (threeQuarterRounded > halfRounded && threeQuarterRounded < max) {\n result.push(threeQuarterRounded);\n }\n\n // Add maximum value (if greater than 1)\n if (max > 1) {\n result.push(max);\n }\n }\n\n return result;\n};\n\n// 5x: 1, 2, 3, 4, 5\n// 10x: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10\n// 20x: 1, 5, 10, 15, 20\n// 50x: 1, 10, 20, 30, 40, 50\n// 100x: 1, 20, 40, 60, 80, 100\nconst generateLeverageLevers = (max: number) => {\n switch (max) {\n case 10:\n return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n case 20:\n return [1, 5, 10, 15, 20];\n case 50:\n return [1, 10, 20, 30, 40, 50];\n case 100:\n return [1, 20, 40, 60, 80, 100];\n }\n\n // Fallback strategy: evenly distribute mark distances, treat 1x as 0\n const result: number[] = [];\n // Optimization\n if (max < 10) {\n // For 10x and below, divide into n equal parts, each with length 1\n for (let i = 1; i <= max; i++) {\n result.push(i);\n }\n } else {\n // Use unified even distribution strategy\n result.push(...generateEvenlyDistributedMarks(max));\n }\n\n return result;\n};\n\nfunction useCalc(inputs: {\n symbol: string;\n leverage: number;\n maxLeverage: number;\n}) {\n const { symbol, leverage, maxLeverage } = inputs;\n\n const symbolsInfo = useSymbolsInfo();\n const { data: accountInfo } = useAccountInfo();\n const { data: markPrices } = useMarkPricesStream();\n const { totalCollateral } = usePortfolio();\n\n const [unPnlPriceBasis, setUnPnlPriceBasic] = useLocalStorage(\n \"unPnlPriceBasis\",\n \"markPrice\",\n );\n const [positions] = usePositionStream(\"all\", {\n calcMode: unPnlPriceBasis,\n });\n\n const position = useMemo(() => {\n if (symbol && positions?.rows?.length) {\n return positions.rows.find((item) => item.symbol === symbol);\n }\n }, [positions, symbol]);\n\n /** the highest allowable leverage. Block users from setting leverage above this limit. */\n const maxPositionLeverage = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n const notional = position?.notional;\n // when user has existing position\n if (IMRFactor && notional) {\n const maxPositionLeverage = positionsPerp.maxPositionLeverage({\n IMRFactor,\n notional,\n });\n return Math.min(maxPositionLeverage, maxLeverage);\n }\n\n // when user has no existing position\n return maxLeverage;\n }, [position, maxLeverage, symbol]);\n\n /** calculate maximum position at current leverage */\n const maxPositionNotional = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n if (leverage && IMRFactor) {\n return positionsPerp.maxPositionNotional({\n leverage,\n IMRFactor,\n });\n }\n }, [leverage, symbol]);\n\n const overMaxPositionLeverage = useMemo(() => {\n return leverage > maxPositionLeverage;\n }, [leverage, maxPositionLeverage]);\n\n // calc free collateral with new leverage\n const freeCollateral = useMemo(() => {\n if (!accountInfo || !markPrices || !symbolsInfo) {\n return zero;\n }\n\n const positionList = leverage\n ? positions?.rows.map((item) => {\n if (item.symbol === symbol) {\n return {\n ...item,\n leverage,\n };\n }\n return item;\n })\n : positions?.rows;\n\n const totalInitialMarginWithOrders = accountPerp.totalInitialMarginWithQty({\n positions: positionList,\n markPrices,\n IMR_Factors: accountInfo.imr_factor,\n // not used\n maxLeverage: accountInfo.max_leverage,\n symbolInfo: symbolsInfo,\n });\n\n const freeCollateral = accountPerp.freeCollateral({\n totalCollateral,\n totalInitialMarginWithOrders,\n });\n\n return freeCollateral;\n }, [\n positions,\n symbolsInfo,\n accountInfo,\n markPrices,\n totalCollateral,\n leverage,\n symbol,\n ]);\n\n const overRequiredMargin = useMemo(() => {\n return freeCollateral.eq(0) || freeCollateral.isNegative();\n }, [freeCollateral]);\n\n return {\n position,\n freeCollateral,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n };\n}\n","import { useTranslation, Trans } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Text, Badge, Divider, Flex, cn } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageHeader } from \"../index\";\nimport {\n LeverageInput,\n LeverageSelector,\n LeverageSlider,\n LeverageFooter,\n} from \"../leverage.ui\";\nimport { SymbolLeverageScriptReturns } from \"./symbolLeverage.script\";\n\nexport const SymbolLeverage = (props: SymbolLeverageScriptReturns) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-3 lg:oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-gap-2\">\n <TokenIcon symbol={props.symbol} className=\"oui-size-5\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size={props.isMobile ? \"xs\" : \"base\"}\n weight=\"semibold\"\n intensity={98}\n >\n {props.symbol}\n </Text.formatted>\n <div\n className={cn([\"oui-ml-auto oui-flex oui-items-center oui-gap-1\"])}\n >\n <Badge color={props.isBuy ? \"success\" : \"danger\"} size=\"xs\">\n {props.isBuy ? t(\"common.long\") : t(\"common.short\")}\n </Badge>\n <LeverageBadge leverage={props.currentLeverage} />\n </div>\n </div>\n <Divider />\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={props.currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <Divider className=\"oui-mb-3 oui-w-full\" />\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-pb-4 oui-text-xs oui-font-normal oui-text-base-contrast-54\">\n {/* <div>\n <Trans\n i18nKey=\"leverage.maxPositionLeverage.tips\"\n values={{ amount: props.maxPositionNotional }}\n components={[\n // @ts-ignore\n <Text.numeral\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n dp={0}\n />,\n ]}\n />\n </div> */}\n <div>\n <Trans\n i18nKey=\"leverage.maxAvailableLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral\n dp={0}\n suffix=\"x\"\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n />,\n ]}\n />\n </div>\n <div>{t(\"leverage.actualPositionLeverage.tips\")}</div>\n </div>\n <div\n className={cn([\n \"-oui-mb-2\",\n props.overRequiredMargin || props.overMaxPositionLeverage\n ? \"oui-block oui-text-xs oui-font-normal\"\n : \"oui-hidden\",\n ])}\n >\n {props.overRequiredMargin && (\n <div>\n <Text color=\"warning\">\n {t(\"leverage.overRequiredMargin.tips\")}\n </Text>\n </div>\n )}\n {props.overMaxPositionLeverage && (\n <div>\n <Text color=\"warning\">\n <Trans\n i18nKey=\"leverage.overMaxPositionLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral dp={0} suffix=\"X\" as=\"span\" key=\"0\" />,\n ]}\n />\n </Text>\n </div>\n )}\n </div>\n <LeverageFooter {...props} />\n </Flex>\n </div>\n );\n};\n\nconst LeverageBadge = ({ leverage }: { leverage: number }) => {\n return (\n <div\n className={cn(\n \"oui-flex oui-h-[18px] oui-items-center oui-gap-1\",\n \"oui-cursor-pointer oui-rounded oui-bg-line-6 oui-px-2\",\n \"oui-text-2xs oui-font-semibold oui-text-base-contrast-36\",\n )}\n >\n <Text>Cross</Text>\n <Text.numeral dp={0} size=\"2xs\" unit=\"X\">\n {leverage}\n </Text.numeral>\n </div>\n );\n};\n","import { FC } from \"react\";\nimport {\n SymbolLeverageScriptOptions,\n useSymbolLeverageScript,\n} from \"./symbolLeverage.script\";\nimport { SymbolLeverage } from \"./symbolLeverage.ui\";\n\nexport type SymbolLeverageWidgetProps = {\n close?: () => void;\n} & SymbolLeverageScriptOptions;\n\nexport const SymbolLeverageWidget: FC<SymbolLeverageWidgetProps> = (props) => {\n const state = useSymbolLeverageScript(props);\n return <SymbolLeverage {...state} />;\n};\n"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/leverage.ui.tsx","../src/leverage.script.ts","../src/leverage.widget.tsx","../src/symbolLeverage/index.ts","../src/symbolLeverage/symbolLeverage.script.tsx","../src/symbolLeverage/symbolLeverage.ui.tsx","../src/symbolLeverage/symbolLeverage.widget.tsx"],"names":["i18n","registerSimpleDialog","registerSimpleSheet","value","useTranslation","leverage","jsx","useCallback","useMemo","useState","toast","Text","maxPositionLeverage","freeCollateral","Flex","cn","jsxs"],"mappings":"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","sourcesContent":["import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageEditor } from \"./leverage.widget\";\n\nexport { LeverageEditor, type LeverageEditorProps } from \"./leverage.widget\";\nexport { Leverage, LeverageSlider, LeverageHeader } from \"./leverage.ui\";\nexport type {\n LeverageProps,\n LeverageSliderProps,\n LeverageHeaderProps,\n} from \"./leverage.ui\";\nexport {\n useLeverageScript,\n type LeverageScriptReturns,\n} from \"./leverage.script\";\nexport * from \"./symbolLeverage\";\n\nexport const LeverageWidgetWithDialogId = \"LeverageWidgetWithDialog\";\nexport const LeverageWidgetWithSheetId = \"LeverageWidgetWithSheet\";\n\nregisterSimpleDialog(LeverageWidgetWithDialogId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n size: \"md\",\n});\n\nregisterSimpleSheet(LeverageWidgetWithSheetId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n});\n","import React, { FC, useId } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n Button,\n Flex,\n Input,\n Slider,\n Text,\n cn,\n PlusIcon,\n ReduceIcon,\n inputFormatter,\n InputFormatter,\n} from \"@kodiak-finance/orderly-ui\";\nimport { LeverageScriptReturns } from \"./leverage.script\";\n\nconst IconButton: React.FC<{\n Icon: React.ComponentType<any>;\n onClick: React.MouseEventHandler<SVGSVGElement>;\n disabled: boolean;\n}> = (props) => {\n const { Icon, onClick, disabled } = props;\n return (\n <Icon\n onClick={disabled ? undefined : onClick}\n className={cn(\n \"oui-m-2 oui-text-white oui-transition-all\",\n disabled\n ? \"oui-cursor-not-allowed oui-opacity-20\"\n : \"oui-cursor-pointer oui-opacity-100\",\n )}\n />\n );\n};\n\ntype LeverageInputProps = LeverageProps & {\n classNames?: {\n input?: string;\n unit?: string;\n };\n};\n\nexport const LeverageInput: React.FC<LeverageInputProps> = (props) => {\n const formatters = React.useMemo<InputFormatter[]>(\n () => [inputFormatter.numberFormatter, inputFormatter.dpFormatter(0)],\n [],\n );\n const id = useId();\n return (\n <label\n htmlFor={id}\n className={cn(\n \"oui-w-full\",\n \"oui-rounded\",\n \"oui-bg-base-6\",\n \"oui-flex\",\n \"oui-items-center\",\n \"oui-justify-between\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-light\",\n \"oui-input-root\",\n )}\n >\n <IconButton\n Icon={ReduceIcon}\n onClick={props.onLeverageReduce}\n disabled={props.isReduceDisabled}\n />\n <Flex itemAlign=\"center\" justify=\"center\" className=\"oui-mr-4\">\n <Input\n value={props.value}\n id={id}\n autoComplete=\"off\"\n inputMode=\"numeric\"\n classNames={{\n input: cn(\"oui-text-right oui-text-[24px]\"),\n root: cn(\n \"oui-w-12\",\n \"oui-px-0\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-none\",\n ),\n }}\n formatters={formatters}\n onChange={props.onInputChange}\n />\n <div\n className={cn(\n \"oui-ml-1 oui-mt-1 oui-select-none\",\n \"oui-text-base oui-text-base-contrast-36\",\n )}\n >\n x\n </div>\n </Flex>\n <IconButton\n Icon={PlusIcon}\n onClick={props.onLeverageIncrease}\n disabled={props.isIncreaseDisabled}\n />\n </label>\n );\n};\n\nexport type LeverageProps = LeverageScriptReturns;\n\nexport const Leverage: FC<LeverageProps> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n return (\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <LeverageFooter {...props} />\n </Flex>\n );\n};\n\nexport const LeverageFooter: FC<LeverageProps & { isMobile?: boolean }> = (\n props,\n) => {\n const { t } = useTranslation();\n return (\n <Flex direction={\"row\"} gap={2} width={\"100%\"} mt={0} pt={5}>\n <Button\n variant=\"contained\"\n color=\"gray\"\n fullWidth\n onClick={props.onCancel}\n data-testid=\"oui-testid-leverage-cancel-btn\"\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n fullWidth\n loading={props.isLoading}\n onClick={props.onSave}\n data-testid=\"oui-testid-leverage-save-btn\"\n disabled={props.disabled}\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.save\")}\n </Button>\n </Flex>\n );\n};\n\nexport type LeverageHeaderProps = Pick<LeverageProps, \"currentLeverage\">;\n\nexport const LeverageHeader: FC<LeverageHeaderProps> = (props) => {\n const { t } = useTranslation();\n const { currentLeverage } = props;\n return (\n <Flex justify={\"center\"} width={\"100%\"} mb={2}>\n <Flex gap={1}>\n {`${t(\"common.current\")}:`}\n <Text.numeral unit=\"x\" size={\"sm\"} intensity={80} dp={0}>\n {currentLeverage ?? \"--\"}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface LeverageSelectorProps {\n value: number;\n onLeverageChange: (value: number) => void;\n toggles: number[];\n}\n\nexport const LeverageSelector: React.FC<LeverageSelectorProps> = (props) => {\n const { value, onLeverageChange } = props;\n return (\n <Flex\n itemAlign=\"center\"\n justify=\"between\"\n width={\"100%\"}\n mt={4}\n className=\"oui-text-base-contrast-80\"\n >\n {props.toggles.map((option) => (\n <Flex\n key={option}\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(\n `oui-box-border oui-cursor-pointer oui-rounded-md oui-border oui-border-solid oui-bg-clip-padding oui-px-3 oui-py-2.5 oui-transition-all`,\n value === option\n ? \"oui-border-primary oui-bg-base-6\"\n : \"oui-border-line-12\",\n )}\n onClick={() => onLeverageChange?.(option)}\n >\n <Flex\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(`oui-h-3 oui-w-9 oui-select-none`)}\n >\n {option}x\n </Flex>\n </Flex>\n ))}\n </Flex>\n );\n};\n\nexport type LeverageSliderProps = {\n maxLeverage?: number;\n value: number;\n onLeverageChange: (value: number) => void;\n setShowSliderTip: (value: boolean) => void;\n showSliderTip: boolean;\n className?: string;\n onValueCommit?: (value: number[]) => void;\n leverageLevers: number[];\n marks?: { label: string; value: number }[];\n};\n\nconst getMarkPosition = (\n item: number,\n index: number,\n max: number,\n total: number,\n) => {\n // Use the same calculation logic as Slider component marks array\n const min = 1;\n const maxSteps = max - min;\n const percentPerStep = 100 / maxSteps;\n const position = percentPerStep * (item - min);\n\n // Keep boundary adjustments\n if (index === 0) return Math.min(position + 2, 100);\n if (index === total - 1) return Math.max(position - 3, 0);\n return position;\n};\n\nexport const LeverageSlider: FC<LeverageSliderProps> = (props) => {\n const {\n leverageLevers,\n maxLeverage = 0,\n className,\n value,\n showSliderTip,\n marks,\n } = props;\n\n // Use the maximum value of leverageLevers array as slider maximum\n const sliderMax =\n leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;\n\n return (\n <Box pt={4} pb={7} width={\"100%\"} className={className}>\n <Slider\n step={1}\n max={maxLeverage}\n min={1}\n marks={marks}\n value={[value]}\n onValueChange={(e) => {\n props.onLeverageChange(e[0]);\n props.setShowSliderTip(true);\n }}\n color=\"primary\"\n onValueCommit={(e) => {\n props.onValueCommit?.(e);\n props.setShowSliderTip(false);\n }}\n showTip={showSliderTip}\n tipFormatter={(value) => {\n return `${value}x`;\n }}\n />\n <div className=\"oui-relative oui-w-full oui-pt-3\">\n {leverageLevers?.map((item, index) => {\n const position = getMarkPosition(\n item,\n index,\n sliderMax,\n leverageLevers.length,\n );\n\n return (\n <button\n key={item}\n onClick={() => {\n props.onLeverageChange(item);\n props.onValueCommit?.([item]);\n }}\n className={cn(\n \"oui-absolute oui-pb-3 oui-text-2xs oui-transform oui--translate-x-1/2\",\n Number(props.value) >= Number(item)\n ? \"oui-text-primary-light\"\n : \"oui-text-base-contrast-54\",\n )}\n style={{\n left: `${position}%`,\n }}\n data-testid={`oui-testid-leverage-${item}-btn`}\n >\n {`${item}x`}\n </button>\n );\n })}\n </div>\n </Box>\n );\n};\n","import { useCallback, useMemo, useState } from \"react\";\nimport { useLeverage } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { SliderMarks, toast } from \"@kodiak-finance/orderly-ui\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type LeverageScriptReturns = ReturnType<typeof useLeverageScript>;\n\nexport const useLeverageScript = (options?: UseLeverageScriptOptions) => {\n const [showSliderTip, setShowSliderTip] = useState(false);\n const { t } = useTranslation();\n\n const { curLeverage, maxLeverage, isLoading, leverageLevers, update } =\n useLeverage();\n\n const marks = useMemo<SliderMarks>(() => {\n return leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n }));\n }, [leverageLevers]);\n\n const [leverage, setLeverage] = useState<number>(curLeverage ?? 0);\n\n const step = 100 / ((marks?.length || 0) - 1);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n const value = Number.isNaN(parsed) ? \"\" : parsed;\n setLeverage(value as number);\n },\n [maxLeverage],\n );\n\n const onSave = async () => {\n try {\n update({ leverage }).then(\n () => {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.log(\"update leverage error\", err);\n }\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n const disabled = !leverage || leverage < 1 || leverage > maxLeverage;\n\n const toggles = useMemo(() => {\n return [5, 10, 20, 50, 100].filter((e) => e <= maxLeverage);\n }, [maxLeverage]);\n\n return {\n leverageLevers,\n currentLeverage: curLeverage,\n value: leverage,\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading: isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles,\n };\n};\n","import { FC } from \"react\";\nimport { Leverage } from \"./leverage.ui\";\nimport { useLeverageScript } from \"./leverage.script\";\n\nexport type LeverageEditorProps = {\n close?: () => void;\n};\n\nexport const LeverageEditor: FC<LeverageEditorProps> = (props) => {\n const state = useLeverageScript({ close: props.close });\n return <Leverage {...state} />;\n};\n","import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { SymbolLeverageWidget } from \"./symbolLeverage.widget\";\n\nexport {\n SymbolLeverageWidget,\n type SymbolLeverageWidgetProps,\n} from \"./symbolLeverage.widget\";\n\nexport const SymbolLeverageSheetId = \"SymbolLeverageSheetId\";\nexport const SymbolLeverageDialogId = \"SymbolLeverageDialogId\";\n\n// Register sheet version for mobile\nregisterSimpleSheet(SymbolLeverageSheetId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n // content: \"oui-p-5\",\n },\n});\n\n// Register dialog version for desktop\nregisterSimpleDialog(SymbolLeverageDialogId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useCallback, useMemo, useState } from \"react\";\nimport {\n useAccountInfo,\n useLocalStorage,\n useMarkPricesStream,\n usePortfolio,\n usePositionStream,\n useSymbolLeverage,\n useSymbolsInfo,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n account as accountPerp,\n positions as positionsPerp,\n} from \"@kodiak-finance/orderly-perp\";\nimport { OrderSide } from \"@kodiak-finance/orderly-types\";\nimport {\n modal,\n SliderMarks,\n toast,\n useScreen,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { zero } from \"@kodiak-finance/orderly-utils\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type SymbolLeverageScriptOptions = {\n symbol: string;\n side?: OrderSide;\n curLeverage: number;\n};\n\nexport type SymbolLeverageScriptReturns = ReturnType<\n typeof useSymbolLeverageScript\n>;\n\nexport const useSymbolLeverageScript = (\n options: SymbolLeverageScriptOptions & UseLeverageScriptOptions,\n) => {\n const { curLeverage = 1, symbol, side } = options;\n const [showSliderTip, setShowSliderTip] = useState(false);\n // Local leverage value used by the input and slider; it tracks the in-flight user edits.\n // We seed it with curLeverage but intentionally do not sync further changes to avoid jumping while editing.\n const [leverage, setLeverage] = useState<number>(curLeverage);\n\n const { t } = useTranslation();\n\n const { isMobile } = useScreen();\n\n const {\n maxLeverage: originalMaxLeverage,\n update,\n isLoading,\n } = useSymbolLeverage(symbol);\n\n const maxLeverage = originalMaxLeverage;\n\n const {\n position,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n } = useCalc({ symbol: symbol!, leverage, maxLeverage });\n\n const formattedLeverageLevers = useMemo(() => {\n return generateLeverageLeversForSelector(maxLeverage);\n }, [maxLeverage]);\n\n const leverageLevers = useMemo(() => {\n return generateLeverageLevers(maxLeverage);\n }, [maxLeverage]);\n\n const marks = useMemo<SliderMarks>(() => {\n return (\n leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n })) || []\n );\n }, [leverageLevers]);\n\n const step = useMemo(() => {\n return 100 / ((marks?.length || 0) - 1);\n }, [marks]);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n if (!Number.isNaN(parsed)) {\n setLeverage(parsed);\n }\n },\n [],\n );\n\n const onConfirmSave = async () => {\n try {\n update?.({ leverage, symbol }).then(\n (res) => {\n if (res.success) {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n } else {\n toast.error(res.message);\n }\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.error(\"update leverage error\", err);\n }\n };\n\n const onSave = async () => {\n modal.confirm({\n title: t(\"leverage.confirm\"),\n content: <Text intensity={54}>{t(\"leverage.confirm.content\")}</Text>,\n onOk: onConfirmSave,\n onCancel: () => {\n return Promise.resolve();\n },\n });\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n\n const isBuy = side\n ? side === OrderSide.BUY\n : position?.position_qty && position.position_qty > 0;\n\n const disabled =\n !leverage ||\n leverage < 1 ||\n leverage > maxLeverage ||\n overRequiredMargin ||\n overMaxPositionLeverage;\n\n return {\n leverageLevers,\n currentLeverage: curLeverage, // Keep the displayed leverage fixed until the user confirms the change.\n value: leverage, // Input and slider reflect the temporary value being edited.\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles: formattedLeverageLevers,\n symbol,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n isBuy,\n isMobile,\n };\n};\n\n// 5x: 1x, 2x, 3x, 4x, 5x\n// 10x: 1x, 3x, 5x, 8x, 10x\n// 20x: 1x, 5x, 10x, 15x, 20x\n// 50x: 1x, 10x, 20x, 35x, 50x\n// 100x: 1x, 20x, 50x, 75x, 100x\nconst generateLeverageLeversForSelector = (max: number) => {\n if (max === 10) {\n return [1, 3, 5, 8, 10];\n } else if (max === 50) {\n return [1, 10, 20, 35, 50];\n }\n\n const min = 1;\n const parts = 5;\n const step = (max - min) / (parts - 1);\n const result: number[] = [];\n for (let i = 0; i < parts; i++) {\n result.push(Math.floor(min + step * i));\n }\n return result;\n};\n/**\n * Generate evenly distributed marks\n * @param max Maximum leverage value\n * @returns Array of evenly distributed marks\n */\nconst generateEvenlyDistributedMarks = (max: number): number[] => {\n const result: number[] = [];\n\n // Check if divisible by 5\n if (max % 5 === 0) {\n // Divisible by 5, divide from 0 to max into 5 intervals (6 marks), 1x represents 0\n const step = max / 5;\n for (let i = 0; i < 6; i++) {\n const value = step * i;\n result.push(value === 0 ? 1 : value); // 0 displays as 1x, other values display normally\n }\n } else {\n // Not divisible by 5, use 25%, 50%, 75% strategy to select nearest integers\n result.push(1); // Always include 1x\n\n // Calculate values at 25%, 50%, 75% positions\n const quarter = max * 0.25;\n const half = max * 0.5;\n const threeQuarter = max * 0.75;\n\n // Select nearest integers\n const quarterRounded = Math.round(quarter);\n const halfRounded = Math.round(half);\n const threeQuarterRounded = Math.round(threeQuarter);\n\n // Add 25% position value (if greater than 1 and not equal to 50%)\n if (quarterRounded > 1 && quarterRounded !== halfRounded) {\n result.push(quarterRounded);\n }\n\n // Add 50% position value (if greater than 1)\n if (halfRounded > 1) {\n result.push(halfRounded);\n }\n\n // Add 75% position value (if greater than 50% and less than max)\n if (threeQuarterRounded > halfRounded && threeQuarterRounded < max) {\n result.push(threeQuarterRounded);\n }\n\n // Add maximum value (if greater than 1)\n if (max > 1) {\n result.push(max);\n }\n }\n\n return result;\n};\n\n// 5x: 1, 2, 3, 4, 5\n// 10x: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10\n// 20x: 1, 5, 10, 15, 20\n// 50x: 1, 10, 20, 30, 40, 50\n// 100x: 1, 20, 40, 60, 80, 100\nconst generateLeverageLevers = (max: number) => {\n switch (max) {\n case 10:\n return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n case 20:\n return [1, 5, 10, 15, 20];\n case 50:\n return [1, 10, 20, 30, 40, 50];\n case 100:\n return [1, 20, 40, 60, 80, 100];\n }\n\n // Fallback strategy: evenly distribute mark distances, treat 1x as 0\n const result: number[] = [];\n // Optimization\n if (max < 10) {\n // For 10x and below, divide into n equal parts, each with length 1\n for (let i = 1; i <= max; i++) {\n result.push(i);\n }\n } else {\n // Use unified even distribution strategy\n result.push(...generateEvenlyDistributedMarks(max));\n }\n\n return result;\n};\n\nfunction useCalc(inputs: {\n symbol: string;\n leverage: number;\n maxLeverage: number;\n}) {\n const { symbol, leverage, maxLeverage } = inputs;\n\n const symbolsInfo = useSymbolsInfo();\n const { data: accountInfo } = useAccountInfo();\n const { data: markPrices } = useMarkPricesStream();\n const { totalCollateral } = usePortfolio();\n\n const [unPnlPriceBasis, setUnPnlPriceBasic] = useLocalStorage(\n \"unPnlPriceBasis\",\n \"markPrice\",\n );\n const [positions] = usePositionStream(\"all\", {\n calcMode: unPnlPriceBasis,\n });\n\n const position = useMemo(() => {\n if (symbol && positions?.rows?.length) {\n return positions.rows.find((item) => item.symbol === symbol);\n }\n }, [positions, symbol]);\n\n /** the highest allowable leverage. Block users from setting leverage above this limit. */\n const maxPositionLeverage = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n const notional = position?.notional;\n // when user has existing position\n if (IMRFactor && notional) {\n const maxPositionLeverage = positionsPerp.maxPositionLeverage({\n IMRFactor,\n notional,\n });\n return Math.min(maxPositionLeverage, maxLeverage);\n }\n\n // when user has no existing position\n return maxLeverage;\n }, [position, maxLeverage, symbol]);\n\n /** calculate maximum position at current leverage */\n const maxPositionNotional = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n if (leverage && IMRFactor) {\n return positionsPerp.maxPositionNotional({\n leverage,\n IMRFactor,\n });\n }\n }, [leverage, symbol]);\n\n const overMaxPositionLeverage = useMemo(() => {\n return leverage > maxPositionLeverage;\n }, [leverage, maxPositionLeverage]);\n\n // calc free collateral with new leverage\n const freeCollateral = useMemo(() => {\n if (!accountInfo || !markPrices || !symbolsInfo) {\n return zero;\n }\n\n const positionList = leverage\n ? positions?.rows.map((item) => {\n if (item.symbol === symbol) {\n return {\n ...item,\n leverage,\n };\n }\n return item;\n })\n : positions?.rows;\n\n const totalInitialMarginWithOrders = accountPerp.totalInitialMarginWithQty({\n positions: positionList,\n markPrices,\n IMR_Factors: accountInfo.imr_factor,\n // not used\n maxLeverage: accountInfo.max_leverage,\n symbolInfo: symbolsInfo,\n });\n\n const freeCollateral = accountPerp.freeCollateral({\n totalCollateral,\n totalInitialMarginWithOrders,\n });\n\n return freeCollateral;\n }, [\n positions,\n symbolsInfo,\n accountInfo,\n markPrices,\n totalCollateral,\n leverage,\n symbol,\n ]);\n\n const overRequiredMargin = useMemo(() => {\n return freeCollateral.eq(0) || freeCollateral.isNegative();\n }, [freeCollateral]);\n\n return {\n position,\n freeCollateral,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n };\n}\n","import { useTranslation, Trans } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Text, Badge, Divider, Flex, cn } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageHeader } from \"../index\";\nimport {\n LeverageInput,\n LeverageSelector,\n LeverageSlider,\n LeverageFooter,\n} from \"../leverage.ui\";\nimport { SymbolLeverageScriptReturns } from \"./symbolLeverage.script\";\n\nexport const SymbolLeverage = (props: SymbolLeverageScriptReturns) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-3 lg:oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-gap-2\">\n <TokenIcon symbol={props.symbol} className=\"oui-size-5\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size={props.isMobile ? \"xs\" : \"base\"}\n weight=\"semibold\"\n intensity={98}\n >\n {props.symbol}\n </Text.formatted>\n <div\n className={cn([\"oui-ml-auto oui-flex oui-items-center oui-gap-1\"])}\n >\n <Badge color={props.isBuy ? \"success\" : \"danger\"} size=\"xs\">\n {props.isBuy ? t(\"common.long\") : t(\"common.short\")}\n </Badge>\n <LeverageBadge leverage={props.currentLeverage} />\n </div>\n </div>\n <Divider />\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={props.currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <Divider className=\"oui-mb-3 oui-w-full\" />\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-pb-4 oui-text-xs oui-font-normal oui-text-base-contrast-54\">\n {/* <div>\n <Trans\n i18nKey=\"leverage.maxPositionLeverage.tips\"\n values={{ amount: props.maxPositionNotional }}\n components={[\n // @ts-ignore\n <Text.numeral\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n dp={0}\n />,\n ]}\n />\n </div> */}\n <div>\n <Trans\n i18nKey=\"leverage.maxAvailableLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral\n dp={0}\n suffix=\"x\"\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n />,\n ]}\n />\n </div>\n <div>{t(\"leverage.actualPositionLeverage.tips\")}</div>\n </div>\n <div\n className={cn([\n \"-oui-mb-2\",\n props.overRequiredMargin || props.overMaxPositionLeverage\n ? \"oui-block oui-text-xs oui-font-normal\"\n : \"oui-hidden\",\n ])}\n >\n {props.overRequiredMargin && (\n <div>\n <Text color=\"warning\">\n {t(\"leverage.overRequiredMargin.tips\")}\n </Text>\n </div>\n )}\n {props.overMaxPositionLeverage && (\n <div>\n <Text color=\"warning\">\n <Trans\n i18nKey=\"leverage.overMaxPositionLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral dp={0} suffix=\"X\" as=\"span\" key=\"0\" />,\n ]}\n />\n </Text>\n </div>\n )}\n </div>\n <LeverageFooter {...props} />\n </Flex>\n </div>\n );\n};\n\nconst LeverageBadge = ({ leverage }: { leverage: number }) => {\n return (\n <div\n className={cn(\n \"oui-flex oui-h-[18px] oui-items-center oui-gap-1\",\n \"oui-cursor-pointer oui-rounded oui-bg-line-6 oui-px-2\",\n \"oui-text-2xs oui-font-semibold oui-text-base-contrast-36\",\n )}\n >\n <Text>Cross</Text>\n <Text.numeral dp={0} size=\"2xs\" unit=\"X\">\n {leverage}\n </Text.numeral>\n </div>\n );\n};\n","import { FC } from \"react\";\nimport {\n SymbolLeverageScriptOptions,\n useSymbolLeverageScript,\n} from \"./symbolLeverage.script\";\nimport { SymbolLeverage } from \"./symbolLeverage.ui\";\n\nexport type SymbolLeverageWidgetProps = {\n close?: () => void;\n} & SymbolLeverageScriptOptions;\n\nexport const SymbolLeverageWidget: FC<SymbolLeverageWidgetProps> = (props) => {\n const state = useSymbolLeverageScript(props);\n return <SymbolLeverage {...state} />;\n};\n"]}
package/dist/index.mjs CHANGED
@@ -61,6 +61,7 @@ var LeverageInput = (props) => {
61
61
  value: props.value,
62
62
  id,
63
63
  autoComplete: "off",
64
+ inputMode: "numeric",
64
65
  classNames: {
65
66
  input: cn("oui-text-right oui-text-[24px]"),
66
67
  root: cn(
@@ -207,10 +208,11 @@ var LeverageSlider = (props) => {
207
208
  marks
208
209
  } = props;
209
210
  const sliderMax = leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;
210
- return /* @__PURE__ */ jsxs(Box, { pt: 4, width: "100%", className, children: [
211
+ return /* @__PURE__ */ jsxs(Box, { pt: 4, pb: 7, width: "100%", className, children: [
211
212
  /* @__PURE__ */ jsx(
212
213
  Slider,
213
214
  {
215
+ step: 1,
214
216
  max: maxLeverage,
215
217
  min: 1,
216
218
  marks,
@@ -230,7 +232,7 @@ var LeverageSlider = (props) => {
230
232
  }
231
233
  }
232
234
  ),
233
- /* @__PURE__ */ jsx(Flex, { justify: "between", width: "100%", pt: 3, children: leverageLevers?.map((item, index) => {
235
+ /* @__PURE__ */ jsx("div", { className: "oui-relative oui-w-full oui-pt-3", children: leverageLevers?.map((item, index) => {
234
236
  const position = getMarkPosition(
235
237
  item,
236
238
  index,
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/leverage.ui.tsx","../src/leverage.script.ts","../src/leverage.widget.tsx","../src/symbolLeverage/index.ts","../src/symbolLeverage/symbolLeverage.script.tsx","../src/symbolLeverage/symbolLeverage.ui.tsx","../src/symbolLeverage/symbolLeverage.widget.tsx"],"names":["i18n","registerSimpleDialog","registerSimpleSheet","value","useTranslation","leverage","jsx","useCallback","useMemo","useState","toast","Text","maxPositionLeverage","freeCollateral","Flex","cn","jsxs"],"mappings":"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","sourcesContent":["import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageEditor } from \"./leverage.widget\";\n\nexport { LeverageEditor, type LeverageEditorProps } from \"./leverage.widget\";\nexport { Leverage, LeverageSlider, LeverageHeader } from \"./leverage.ui\";\nexport type {\n LeverageProps,\n LeverageSliderProps,\n LeverageHeaderProps,\n} from \"./leverage.ui\";\nexport {\n useLeverageScript,\n type LeverageScriptReturns,\n} from \"./leverage.script\";\nexport * from \"./symbolLeverage\";\n\nexport const LeverageWidgetWithDialogId = \"LeverageWidgetWithDialog\";\nexport const LeverageWidgetWithSheetId = \"LeverageWidgetWithSheet\";\n\nregisterSimpleDialog(LeverageWidgetWithDialogId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n size: \"md\",\n});\n\nregisterSimpleSheet(LeverageWidgetWithSheetId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n});\n","import React, { FC, useId } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n Button,\n Flex,\n Input,\n Slider,\n Text,\n cn,\n PlusIcon,\n ReduceIcon,\n inputFormatter,\n InputFormatter,\n} from \"@kodiak-finance/orderly-ui\";\nimport { LeverageScriptReturns } from \"./leverage.script\";\n\nconst IconButton: React.FC<{\n Icon: React.ComponentType<any>;\n onClick: React.MouseEventHandler<SVGSVGElement>;\n disabled: boolean;\n}> = (props) => {\n const { Icon, onClick, disabled } = props;\n return (\n <Icon\n onClick={disabled ? undefined : onClick}\n className={cn(\n \"oui-m-2 oui-text-white oui-transition-all\",\n disabled\n ? \"oui-cursor-not-allowed oui-opacity-20\"\n : \"oui-cursor-pointer oui-opacity-100\",\n )}\n />\n );\n};\n\ntype LeverageInputProps = LeverageProps & {\n classNames?: {\n input?: string;\n unit?: string;\n };\n};\n\nexport const LeverageInput: React.FC<LeverageInputProps> = (props) => {\n const formatters = React.useMemo<InputFormatter[]>(\n () => [inputFormatter.numberFormatter, inputFormatter.dpFormatter(0)],\n [],\n );\n const id = useId();\n return (\n <label\n htmlFor={id}\n className={cn(\n \"oui-w-full\",\n \"oui-rounded\",\n \"oui-bg-base-6\",\n \"oui-flex\",\n \"oui-items-center\",\n \"oui-justify-between\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-light\",\n \"oui-input-root\",\n )}\n >\n <IconButton\n Icon={ReduceIcon}\n onClick={props.onLeverageReduce}\n disabled={props.isReduceDisabled}\n />\n <Flex itemAlign=\"center\" justify=\"center\" className=\"oui-mr-4\">\n <Input\n value={props.value}\n id={id}\n autoComplete=\"off\"\n classNames={{\n input: cn(\"oui-text-right oui-text-[24px]\"),\n root: cn(\n \"oui-w-12\",\n \"oui-px-0\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-none\",\n ),\n }}\n formatters={formatters}\n onChange={props.onInputChange}\n />\n <div\n className={cn(\n \"oui-ml-1 oui-mt-1 oui-select-none\",\n \"oui-text-base oui-text-base-contrast-36\",\n )}\n >\n x\n </div>\n </Flex>\n <IconButton\n Icon={PlusIcon}\n onClick={props.onLeverageIncrease}\n disabled={props.isIncreaseDisabled}\n />\n </label>\n );\n};\n\nexport type LeverageProps = LeverageScriptReturns;\n\nexport const Leverage: FC<LeverageProps> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n return (\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <LeverageFooter {...props} />\n </Flex>\n );\n};\n\nexport const LeverageFooter: FC<LeverageProps & { isMobile?: boolean }> = (\n props,\n) => {\n const { t } = useTranslation();\n return (\n <Flex direction={\"row\"} gap={2} width={\"100%\"} mt={0} pt={5}>\n <Button\n variant=\"contained\"\n color=\"gray\"\n fullWidth\n onClick={props.onCancel}\n data-testid=\"oui-testid-leverage-cancel-btn\"\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n fullWidth\n loading={props.isLoading}\n onClick={props.onSave}\n data-testid=\"oui-testid-leverage-save-btn\"\n disabled={props.disabled}\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.save\")}\n </Button>\n </Flex>\n );\n};\n\nexport type LeverageHeaderProps = Pick<LeverageProps, \"currentLeverage\">;\n\nexport const LeverageHeader: FC<LeverageHeaderProps> = (props) => {\n const { t } = useTranslation();\n const { currentLeverage } = props;\n return (\n <Flex justify={\"center\"} width={\"100%\"} mb={2}>\n <Flex gap={1}>\n {`${t(\"common.current\")}:`}\n <Text.numeral unit=\"x\" size={\"sm\"} intensity={80} dp={0}>\n {currentLeverage ?? \"--\"}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface LeverageSelectorProps {\n value: number;\n onLeverageChange: (value: number) => void;\n toggles: number[];\n}\n\nexport const LeverageSelector: React.FC<LeverageSelectorProps> = (props) => {\n const { value, onLeverageChange } = props;\n return (\n <Flex\n itemAlign=\"center\"\n justify=\"between\"\n width={\"100%\"}\n mt={4}\n className=\"oui-text-base-contrast-80\"\n >\n {props.toggles.map((option) => (\n <Flex\n key={option}\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(\n `oui-box-border oui-cursor-pointer oui-rounded-md oui-border oui-border-solid oui-bg-clip-padding oui-px-3 oui-py-2.5 oui-transition-all`,\n value === option\n ? \"oui-border-primary oui-bg-base-6\"\n : \"oui-border-line-12\",\n )}\n onClick={() => onLeverageChange?.(option)}\n >\n <Flex\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(`oui-h-3 oui-w-9 oui-select-none`)}\n >\n {option}x\n </Flex>\n </Flex>\n ))}\n </Flex>\n );\n};\n\nexport type LeverageSliderProps = {\n maxLeverage?: number;\n value: number;\n onLeverageChange: (value: number) => void;\n setShowSliderTip: (value: boolean) => void;\n showSliderTip: boolean;\n className?: string;\n onValueCommit?: (value: number[]) => void;\n leverageLevers: number[];\n marks?: { label: string; value: number }[];\n};\n\nconst getMarkPosition = (\n item: number,\n index: number,\n max: number,\n total: number,\n) => {\n // Use the same calculation logic as Slider component marks array\n const min = 1;\n const maxSteps = max - min;\n const percentPerStep = 100 / maxSteps;\n const position = percentPerStep * (item - min);\n\n // Keep boundary adjustments\n if (index === 0) return Math.min(position + 2, 100);\n if (index === total - 1) return Math.max(position - 3, 0);\n return position;\n};\n\nexport const LeverageSlider: FC<LeverageSliderProps> = (props) => {\n const {\n leverageLevers,\n maxLeverage = 0,\n className,\n value,\n showSliderTip,\n marks,\n } = props;\n\n // Use the maximum value of leverageLevers array as slider maximum\n const sliderMax =\n leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;\n\n return (\n <Box pt={4} width={\"100%\"} className={className}>\n <Slider\n // step={1.04}\n max={maxLeverage}\n min={1}\n // markLabelVisible={true}\n marks={marks}\n // markCount={5}\n value={[value]}\n onValueChange={(e) => {\n props.onLeverageChange(e[0]);\n props.setShowSliderTip(true);\n }}\n color=\"primary\"\n onValueCommit={(e) => {\n props.onValueCommit?.(e);\n props.setShowSliderTip(false);\n }}\n showTip={showSliderTip}\n tipFormatter={(value) => {\n return `${value}x`;\n }}\n />\n <Flex justify={\"between\"} width={\"100%\"} pt={3}>\n {leverageLevers?.map((item, index) => {\n const position = getMarkPosition(\n item,\n index,\n sliderMax,\n leverageLevers.length,\n );\n\n return (\n <button\n key={item}\n onClick={() => {\n props.onLeverageChange(item);\n props.onValueCommit?.([item]);\n }}\n className={cn(\n \"oui-absolute oui-pb-3 oui-text-2xs oui-transform oui--translate-x-1/2\",\n Number(props.value) >= Number(item)\n ? \"oui-text-primary-light\"\n : \"oui-text-base-contrast-54\",\n )}\n style={{\n left: `${position}%`,\n }}\n data-testid={`oui-testid-leverage-${item}-btn`}\n >\n {`${item}x`}\n </button>\n );\n })}\n </Flex>\n </Box>\n );\n};\n","import { useCallback, useMemo, useState } from \"react\";\nimport { useLeverage } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { SliderMarks, toast } from \"@kodiak-finance/orderly-ui\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type LeverageScriptReturns = ReturnType<typeof useLeverageScript>;\n\nexport const useLeverageScript = (options?: UseLeverageScriptOptions) => {\n const [showSliderTip, setShowSliderTip] = useState(false);\n const { t } = useTranslation();\n\n const { curLeverage, maxLeverage, isLoading, leverageLevers, update } =\n useLeverage();\n\n const marks = useMemo<SliderMarks>(() => {\n return leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n }));\n }, [leverageLevers]);\n\n const [leverage, setLeverage] = useState<number>(curLeverage ?? 0);\n\n const step = 100 / ((marks?.length || 0) - 1);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n const value = Number.isNaN(parsed) ? \"\" : parsed;\n setLeverage(value as number);\n },\n [maxLeverage],\n );\n\n const onSave = async () => {\n try {\n update({ leverage }).then(\n () => {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.log(\"update leverage error\", err);\n }\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n const disabled = !leverage || leverage < 1 || leverage > maxLeverage;\n\n const toggles = useMemo(() => {\n return [5, 10, 20, 50, 100].filter((e) => e <= maxLeverage);\n }, [maxLeverage]);\n\n return {\n leverageLevers,\n currentLeverage: curLeverage,\n value: leverage,\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading: isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles,\n };\n};\n","import { FC } from \"react\";\nimport { Leverage } from \"./leverage.ui\";\nimport { useLeverageScript } from \"./leverage.script\";\n\nexport type LeverageEditorProps = {\n close?: () => void;\n};\n\nexport const LeverageEditor: FC<LeverageEditorProps> = (props) => {\n const state = useLeverageScript({ close: props.close });\n return <Leverage {...state} />;\n};\n","import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { SymbolLeverageWidget } from \"./symbolLeverage.widget\";\n\nexport {\n SymbolLeverageWidget,\n type SymbolLeverageWidgetProps,\n} from \"./symbolLeverage.widget\";\n\nexport const SymbolLeverageSheetId = \"SymbolLeverageSheetId\";\nexport const SymbolLeverageDialogId = \"SymbolLeverageDialogId\";\n\n// Register sheet version for mobile\nregisterSimpleSheet(SymbolLeverageSheetId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n // content: \"oui-p-5\",\n },\n});\n\n// Register dialog version for desktop\nregisterSimpleDialog(SymbolLeverageDialogId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useCallback, useMemo, useState } from \"react\";\nimport {\n useAccountInfo,\n useLocalStorage,\n useMarkPricesStream,\n usePortfolio,\n usePositionStream,\n useSymbolLeverage,\n useSymbolsInfo,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n account as accountPerp,\n positions as positionsPerp,\n} from \"@kodiak-finance/orderly-perp\";\nimport { OrderSide } from \"@kodiak-finance/orderly-types\";\nimport {\n modal,\n SliderMarks,\n toast,\n useScreen,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { zero } from \"@kodiak-finance/orderly-utils\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type SymbolLeverageScriptOptions = {\n symbol: string;\n side?: OrderSide;\n curLeverage: number;\n};\n\nexport type SymbolLeverageScriptReturns = ReturnType<\n typeof useSymbolLeverageScript\n>;\n\nexport const useSymbolLeverageScript = (\n options: SymbolLeverageScriptOptions & UseLeverageScriptOptions,\n) => {\n const { curLeverage = 1, symbol, side } = options;\n const [showSliderTip, setShowSliderTip] = useState(false);\n // Local leverage value used by the input and slider; it tracks the in-flight user edits.\n // We seed it with curLeverage but intentionally do not sync further changes to avoid jumping while editing.\n const [leverage, setLeverage] = useState<number>(curLeverage);\n\n const { t } = useTranslation();\n\n const { isMobile } = useScreen();\n\n const {\n maxLeverage: originalMaxLeverage,\n update,\n isLoading,\n } = useSymbolLeverage(symbol);\n\n const maxLeverage = originalMaxLeverage;\n\n const {\n position,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n } = useCalc({ symbol: symbol!, leverage, maxLeverage });\n\n const formattedLeverageLevers = useMemo(() => {\n return generateLeverageLeversForSelector(maxLeverage);\n }, [maxLeverage]);\n\n const leverageLevers = useMemo(() => {\n return generateLeverageLevers(maxLeverage);\n }, [maxLeverage]);\n\n const marks = useMemo<SliderMarks>(() => {\n return (\n leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n })) || []\n );\n }, [leverageLevers]);\n\n const step = useMemo(() => {\n return 100 / ((marks?.length || 0) - 1);\n }, [marks]);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n if (!Number.isNaN(parsed)) {\n setLeverage(parsed);\n }\n },\n [],\n );\n\n const onConfirmSave = async () => {\n try {\n update?.({ leverage, symbol }).then(\n (res) => {\n if (res.success) {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n } else {\n toast.error(res.message);\n }\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.error(\"update leverage error\", err);\n }\n };\n\n const onSave = async () => {\n modal.confirm({\n title: t(\"leverage.confirm\"),\n content: <Text intensity={54}>{t(\"leverage.confirm.content\")}</Text>,\n onOk: onConfirmSave,\n onCancel: () => {\n return Promise.resolve();\n },\n });\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n\n const isBuy = side\n ? side === OrderSide.BUY\n : position?.position_qty && position.position_qty > 0;\n\n const disabled =\n !leverage ||\n leverage < 1 ||\n leverage > maxLeverage ||\n overRequiredMargin ||\n overMaxPositionLeverage;\n\n return {\n leverageLevers,\n currentLeverage: curLeverage, // Keep the displayed leverage fixed until the user confirms the change.\n value: leverage, // Input and slider reflect the temporary value being edited.\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles: formattedLeverageLevers,\n symbol,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n isBuy,\n isMobile,\n };\n};\n\n// 5x: 1x, 2x, 3x, 4x, 5x\n// 10x: 1x, 3x, 5x, 8x, 10x\n// 20x: 1x, 5x, 10x, 15x, 20x\n// 50x: 1x, 10x, 20x, 35x, 50x\n// 100x: 1x, 20x, 50x, 75x, 100x\nconst generateLeverageLeversForSelector = (max: number) => {\n if (max === 10) {\n return [1, 3, 5, 8, 10];\n } else if (max === 50) {\n return [1, 10, 20, 35, 50];\n }\n\n const min = 1;\n const parts = 5;\n const step = (max - min) / (parts - 1);\n const result: number[] = [];\n for (let i = 0; i < parts; i++) {\n result.push(Math.floor(min + step * i));\n }\n return result;\n};\n/**\n * Generate evenly distributed marks\n * @param max Maximum leverage value\n * @returns Array of evenly distributed marks\n */\nconst generateEvenlyDistributedMarks = (max: number): number[] => {\n const result: number[] = [];\n\n // Check if divisible by 5\n if (max % 5 === 0) {\n // Divisible by 5, divide from 0 to max into 5 intervals (6 marks), 1x represents 0\n const step = max / 5;\n for (let i = 0; i < 6; i++) {\n const value = step * i;\n result.push(value === 0 ? 1 : value); // 0 displays as 1x, other values display normally\n }\n } else {\n // Not divisible by 5, use 25%, 50%, 75% strategy to select nearest integers\n result.push(1); // Always include 1x\n\n // Calculate values at 25%, 50%, 75% positions\n const quarter = max * 0.25;\n const half = max * 0.5;\n const threeQuarter = max * 0.75;\n\n // Select nearest integers\n const quarterRounded = Math.round(quarter);\n const halfRounded = Math.round(half);\n const threeQuarterRounded = Math.round(threeQuarter);\n\n // Add 25% position value (if greater than 1 and not equal to 50%)\n if (quarterRounded > 1 && quarterRounded !== halfRounded) {\n result.push(quarterRounded);\n }\n\n // Add 50% position value (if greater than 1)\n if (halfRounded > 1) {\n result.push(halfRounded);\n }\n\n // Add 75% position value (if greater than 50% and less than max)\n if (threeQuarterRounded > halfRounded && threeQuarterRounded < max) {\n result.push(threeQuarterRounded);\n }\n\n // Add maximum value (if greater than 1)\n if (max > 1) {\n result.push(max);\n }\n }\n\n return result;\n};\n\n// 5x: 1, 2, 3, 4, 5\n// 10x: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10\n// 20x: 1, 5, 10, 15, 20\n// 50x: 1, 10, 20, 30, 40, 50\n// 100x: 1, 20, 40, 60, 80, 100\nconst generateLeverageLevers = (max: number) => {\n switch (max) {\n case 10:\n return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n case 20:\n return [1, 5, 10, 15, 20];\n case 50:\n return [1, 10, 20, 30, 40, 50];\n case 100:\n return [1, 20, 40, 60, 80, 100];\n }\n\n // Fallback strategy: evenly distribute mark distances, treat 1x as 0\n const result: number[] = [];\n // Optimization\n if (max < 10) {\n // For 10x and below, divide into n equal parts, each with length 1\n for (let i = 1; i <= max; i++) {\n result.push(i);\n }\n } else {\n // Use unified even distribution strategy\n result.push(...generateEvenlyDistributedMarks(max));\n }\n\n return result;\n};\n\nfunction useCalc(inputs: {\n symbol: string;\n leverage: number;\n maxLeverage: number;\n}) {\n const { symbol, leverage, maxLeverage } = inputs;\n\n const symbolsInfo = useSymbolsInfo();\n const { data: accountInfo } = useAccountInfo();\n const { data: markPrices } = useMarkPricesStream();\n const { totalCollateral } = usePortfolio();\n\n const [unPnlPriceBasis, setUnPnlPriceBasic] = useLocalStorage(\n \"unPnlPriceBasis\",\n \"markPrice\",\n );\n const [positions] = usePositionStream(\"all\", {\n calcMode: unPnlPriceBasis,\n });\n\n const position = useMemo(() => {\n if (symbol && positions?.rows?.length) {\n return positions.rows.find((item) => item.symbol === symbol);\n }\n }, [positions, symbol]);\n\n /** the highest allowable leverage. Block users from setting leverage above this limit. */\n const maxPositionLeverage = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n const notional = position?.notional;\n // when user has existing position\n if (IMRFactor && notional) {\n const maxPositionLeverage = positionsPerp.maxPositionLeverage({\n IMRFactor,\n notional,\n });\n return Math.min(maxPositionLeverage, maxLeverage);\n }\n\n // when user has no existing position\n return maxLeverage;\n }, [position, maxLeverage, symbol]);\n\n /** calculate maximum position at current leverage */\n const maxPositionNotional = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n if (leverage && IMRFactor) {\n return positionsPerp.maxPositionNotional({\n leverage,\n IMRFactor,\n });\n }\n }, [leverage, symbol]);\n\n const overMaxPositionLeverage = useMemo(() => {\n return leverage > maxPositionLeverage;\n }, [leverage, maxPositionLeverage]);\n\n // calc free collateral with new leverage\n const freeCollateral = useMemo(() => {\n if (!accountInfo || !markPrices || !symbolsInfo) {\n return zero;\n }\n\n const positionList = leverage\n ? positions?.rows.map((item) => {\n if (item.symbol === symbol) {\n return {\n ...item,\n leverage,\n };\n }\n return item;\n })\n : positions?.rows;\n\n const totalInitialMarginWithOrders = accountPerp.totalInitialMarginWithQty({\n positions: positionList,\n markPrices,\n IMR_Factors: accountInfo.imr_factor,\n // not used\n maxLeverage: accountInfo.max_leverage,\n symbolInfo: symbolsInfo,\n });\n\n const freeCollateral = accountPerp.freeCollateral({\n totalCollateral,\n totalInitialMarginWithOrders,\n });\n\n return freeCollateral;\n }, [\n positions,\n symbolsInfo,\n accountInfo,\n markPrices,\n totalCollateral,\n leverage,\n symbol,\n ]);\n\n const overRequiredMargin = useMemo(() => {\n return freeCollateral.eq(0) || freeCollateral.isNegative();\n }, [freeCollateral]);\n\n return {\n position,\n freeCollateral,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n };\n}\n","import { useTranslation, Trans } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Text, Badge, Divider, Flex, cn } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageHeader } from \"../index\";\nimport {\n LeverageInput,\n LeverageSelector,\n LeverageSlider,\n LeverageFooter,\n} from \"../leverage.ui\";\nimport { SymbolLeverageScriptReturns } from \"./symbolLeverage.script\";\n\nexport const SymbolLeverage = (props: SymbolLeverageScriptReturns) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-3 lg:oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-gap-2\">\n <TokenIcon symbol={props.symbol} className=\"oui-size-5\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size={props.isMobile ? \"xs\" : \"base\"}\n weight=\"semibold\"\n intensity={98}\n >\n {props.symbol}\n </Text.formatted>\n <div\n className={cn([\"oui-ml-auto oui-flex oui-items-center oui-gap-1\"])}\n >\n <Badge color={props.isBuy ? \"success\" : \"danger\"} size=\"xs\">\n {props.isBuy ? t(\"common.long\") : t(\"common.short\")}\n </Badge>\n <LeverageBadge leverage={props.currentLeverage} />\n </div>\n </div>\n <Divider />\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={props.currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <Divider className=\"oui-mb-3 oui-w-full\" />\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-pb-4 oui-text-xs oui-font-normal oui-text-base-contrast-54\">\n {/* <div>\n <Trans\n i18nKey=\"leverage.maxPositionLeverage.tips\"\n values={{ amount: props.maxPositionNotional }}\n components={[\n // @ts-ignore\n <Text.numeral\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n dp={0}\n />,\n ]}\n />\n </div> */}\n <div>\n <Trans\n i18nKey=\"leverage.maxAvailableLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral\n dp={0}\n suffix=\"x\"\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n />,\n ]}\n />\n </div>\n <div>{t(\"leverage.actualPositionLeverage.tips\")}</div>\n </div>\n <div\n className={cn([\n \"-oui-mb-2\",\n props.overRequiredMargin || props.overMaxPositionLeverage\n ? \"oui-block oui-text-xs oui-font-normal\"\n : \"oui-hidden\",\n ])}\n >\n {props.overRequiredMargin && (\n <div>\n <Text color=\"warning\">\n {t(\"leverage.overRequiredMargin.tips\")}\n </Text>\n </div>\n )}\n {props.overMaxPositionLeverage && (\n <div>\n <Text color=\"warning\">\n <Trans\n i18nKey=\"leverage.overMaxPositionLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral dp={0} suffix=\"X\" as=\"span\" key=\"0\" />,\n ]}\n />\n </Text>\n </div>\n )}\n </div>\n <LeverageFooter {...props} />\n </Flex>\n </div>\n );\n};\n\nconst LeverageBadge = ({ leverage }: { leverage: number }) => {\n return (\n <div\n className={cn(\n \"oui-flex oui-h-[18px] oui-items-center oui-gap-1\",\n \"oui-cursor-pointer oui-rounded oui-bg-line-6 oui-px-2\",\n \"oui-text-2xs oui-font-semibold oui-text-base-contrast-36\",\n )}\n >\n <Text>Cross</Text>\n <Text.numeral dp={0} size=\"2xs\" unit=\"X\">\n {leverage}\n </Text.numeral>\n </div>\n );\n};\n","import { FC } from \"react\";\nimport {\n SymbolLeverageScriptOptions,\n useSymbolLeverageScript,\n} from \"./symbolLeverage.script\";\nimport { SymbolLeverage } from \"./symbolLeverage.ui\";\n\nexport type SymbolLeverageWidgetProps = {\n close?: () => void;\n} & SymbolLeverageScriptOptions;\n\nexport const SymbolLeverageWidget: FC<SymbolLeverageWidgetProps> = (props) => {\n const state = useSymbolLeverageScript(props);\n return <SymbolLeverage {...state} />;\n};\n"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/leverage.ui.tsx","../src/leverage.script.ts","../src/leverage.widget.tsx","../src/symbolLeverage/index.ts","../src/symbolLeverage/symbolLeverage.script.tsx","../src/symbolLeverage/symbolLeverage.ui.tsx","../src/symbolLeverage/symbolLeverage.widget.tsx"],"names":["i18n","registerSimpleDialog","registerSimpleSheet","value","useTranslation","leverage","jsx","useCallback","useMemo","useState","toast","Text","maxPositionLeverage","freeCollateral","Flex","cn","jsxs"],"mappings":";AAAA,SAAS,QAAAA,aAAY;AACrB,SAAS,wBAAAC,uBAAsB,uBAAAC,4BAA2B;;;ACD1D,OAAO,SAAa,aAAa;AACjC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAUH,cAgDE,YAhDF;AAPJ,IAAM,aAID,CAAC,UAAU;AACd,QAAM,EAAE,MAAM,SAAS,SAAS,IAAI;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,WAAW,SAAY;AAAA,MAChC,WAAW;AAAA,QACT;AAAA,QACA,WACI,0CACA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AASO,IAAM,gBAA8C,CAAC,UAAU;AACpE,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM,CAAC,eAAe,iBAAiB,eAAe,YAAY,CAAC,CAAC;AAAA,IACpE,CAAC;AAAA,EACH;AACA,QAAM,KAAK,MAAM;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAS,MAAM;AAAA,YACf,UAAU,MAAM;AAAA;AAAA,QAClB;AAAA,QACA,qBAAC,QAAK,WAAU,UAAS,SAAQ,UAAS,WAAU,YAClD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb;AAAA,cACA,cAAa;AAAA,cACb,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,OAAO,GAAG,gCAAgC;AAAA,gBAC1C,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,cACA;AAAA,cACA,UAAU,MAAM;AAAA;AAAA,UAClB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAS,MAAM;AAAA,YACf,UAAU,MAAM;AAAA;AAAA,QAClB;AAAA;AAAA;AAAA,EACF;AAEJ;AAIO,IAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,qBAAC,QAAK,WAAW,SAAS,WAAW,UAAU,IAAI,GACjD;AAAA,wBAAC,kBAAe,iBAAkC;AAAA,IAClD,oBAAC,iBAAe,GAAG,OAAO;AAAA,IAC1B,oBAAC,oBAAkB,GAAG,OAAO;AAAA,IAC7B,oBAAC,kBAAgB,GAAG,OAAO;AAAA,IAC3B,oBAAC,kBAAgB,GAAG,OAAO;AAAA,KAC7B;AAEJ;AAEO,IAAM,iBAA6D,CACxE,UACG;AACH,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,qBAAC,QAAK,WAAW,OAAO,KAAK,GAAG,OAAO,QAAQ,IAAI,GAAG,IAAI,GACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAS;AAAA,QACT,SAAS,MAAM;AAAA,QACf,eAAY;AAAA,QACZ,MAAM,MAAM,WAAW,OAAO;AAAA,QAE7B,YAAE,eAAe;AAAA;AAAA,IACpB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,SAAS,MAAM;AAAA,QACf,SAAS,MAAM;AAAA,QACf,eAAY;AAAA,QACZ,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM,WAAW,OAAO;AAAA,QAE7B,YAAE,aAAa;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ;AAIO,IAAM,iBAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,gBAAgB,IAAI;AAC5B,SACE,oBAAC,QAAK,SAAS,UAAU,OAAO,QAAQ,IAAI,GAC1C,+BAAC,QAAK,KAAK,GACR;AAAA,OAAG,EAAE,gBAAgB,CAAC;AAAA,IACvB,oBAAC,KAAK,SAAL,EAAa,MAAK,KAAI,MAAM,MAAM,WAAW,IAAI,IAAI,GACnD,6BAAmB,MACtB;AAAA,KACF,GACF;AAEJ;AAQO,IAAM,mBAAoD,CAAC,UAAU;AAC1E,QAAM,EAAE,OAAO,iBAAiB,IAAI;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,WAAU;AAAA,MAET,gBAAM,QAAQ,IAAI,CAAC,WAClB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,WAAW;AAAA,YACT;AAAA,YACA,UAAU,SACN,qCACA;AAAA,UACN;AAAA,UACA,SAAS,MAAM,mBAAmB,MAAM;AAAA,UAExC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,WAAW,GAAG,iCAAiC;AAAA,cAE9C;AAAA;AAAA,gBAAO;AAAA;AAAA;AAAA,UACV;AAAA;AAAA,QAjBK;AAAA,MAkBP,CACD;AAAA;AAAA,EACH;AAEJ;AAcA,IAAM,kBAAkB,CACtB,MACA,OACA,KACA,UACG;AAEH,QAAM,MAAM;AACZ,QAAM,WAAW,MAAM;AACvB,QAAM,iBAAiB,MAAM;AAC7B,QAAM,WAAW,kBAAkB,OAAO;AAG1C,MAAI,UAAU;AAAG,WAAO,KAAK,IAAI,WAAW,GAAG,GAAG;AAClD,MAAI,UAAU,QAAQ;AAAG,WAAO,KAAK,IAAI,WAAW,GAAG,CAAC;AACxD,SAAO;AACT;AAEO,IAAM,iBAA0C,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAGJ,QAAM,YACJ,eAAe,SAAS,IAAI,KAAK,IAAI,GAAG,cAAc,IAAI;AAE5D,SACE,qBAAC,OAAI,IAAI,GAAG,IAAI,GAAG,OAAO,QAAQ,WAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,QACA,OAAO,CAAC,KAAK;AAAA,QACb,eAAe,CAAC,MAAM;AACpB,gBAAM,iBAAiB,EAAE,CAAC,CAAC;AAC3B,gBAAM,iBAAiB,IAAI;AAAA,QAC7B;AAAA,QACA,OAAM;AAAA,QACN,eAAe,CAAC,MAAM;AACpB,gBAAM,gBAAgB,CAAC;AACvB,gBAAM,iBAAiB,KAAK;AAAA,QAC9B;AAAA,QACA,SAAS;AAAA,QACT,cAAc,CAACC,WAAU;AACvB,iBAAO,GAAGA,MAAK;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,SAAI,WAAU,oCACZ,0BAAgB,IAAI,CAAC,MAAM,UAAU;AACpC,YAAM,WAAW;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MACjB;AAEA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM;AACb,kBAAM,iBAAiB,IAAI;AAC3B,kBAAM,gBAAgB,CAAC,IAAI,CAAC;AAAA,UAC9B;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA,OAAO,MAAM,KAAK,KAAK,OAAO,IAAI,IAC9B,2BACA;AAAA,UACN;AAAA,UACA,OAAO;AAAA,YACL,MAAM,GAAG,QAAQ;AAAA,UACnB;AAAA,UACA,eAAa,uBAAuB,IAAI;AAAA,UAEvC,aAAG,IAAI;AAAA;AAAA,QAhBH;AAAA,MAiBP;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;;;AC5TA,SAAS,aAAa,SAAS,gBAAgB;AAC/C,SAAS,mBAAmB;AAC5B,SAAS,kBAAAC,uBAAsB;AAC/B,SAAsB,aAAa;AAQ5B,IAAM,oBAAoB,CAAC,YAAuC;AACvE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,EAAE,EAAE,IAAIA,gBAAe;AAE7B,QAAM,EAAE,aAAa,aAAa,WAAW,gBAAgB,OAAO,IAClE,YAAY;AAEd,QAAM,QAAQ,QAAqB,MAAM;AACvC,WAAO,eAAe,IAAI,CAAC,OAAO;AAAA,MAChC,OAAO,GAAG,CAAC;AAAA,MACX,OAAO;AAAA,IACT,EAAE;AAAA,EACJ,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,eAAe,CAAC;AAEjE,QAAM,OAAO,QAAQ,OAAO,UAAU,KAAK;AAE3C,QAAM,mBAAmB,CAACC,cAAqB;AAC7C,gBAAYA,SAAQ;AAAA,EACtB;AAEA,QAAM,qBAA6D,MAAM;AACvE,gBAAY,CAAC,SAAS,OAAO,CAAC;AAAA,EAChC;AAEA,QAAM,mBAA2D,MAAM;AACrE,gBAAY,CAAC,SAAS,OAAO,CAAC;AAAA,EAChC;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAM;AACL,YAAM,SAAS,OAAO,SAAS,EAAE,OAAO,KAAK;AAC7C,YAAM,QAAQ,OAAO,MAAM,MAAM,IAAI,KAAK;AAC1C,kBAAY,KAAe;AAAA,IAC7B;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,SAAS,YAAY;AACzB,QAAI;AACF,aAAO,EAAE,SAAS,CAAC,EAAE;AAAA,QACnB,MAAM;AACJ,mBAAS,QAAQ;AACjB,gBAAM,QAAQ,EAAE,kBAAkB,CAAC;AAAA,QACrC;AAAA,QACA,CAAC,QAAe;AACd,gBAAM,MAAM,IAAI,OAAO;AAAA,QACzB;AAAA,MACF;AAAA,IACF,SAAS,KAAK;AAAA,IAEd;AAAA,EACF;AAEA,QAAM,mBAAmB,YAAY;AACrC,QAAM,qBAAqB,YAAY;AACvC,QAAM,WAAW,CAAC,YAAY,WAAW,KAAK,WAAW;AAEzD,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,GAAG,IAAI,IAAI,IAAI,GAAG,EAAE,OAAO,CAAC,MAAM,KAAK,WAAW;AAAA,EAC5D,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ACrFS,gBAAAC,YAAA;AAFF,IAAM,iBAA0C,CAAC,UAAU;AAChE,QAAM,QAAQ,kBAAkB,EAAE,OAAO,MAAM,MAAM,CAAC;AACtD,SAAO,gBAAAA,KAAC,YAAU,GAAG,OAAO;AAC9B;;;ACXA,SAAS,YAAY;AACrB,SAAS,sBAAsB,2BAA2B;;;ACD1D,SAAS,eAAAC,cAAa,WAAAC,UAAS,YAAAC,iBAAgB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAAL,uBAAsB;AAC/B;AAAA,EACE,WAAW;AAAA,EACX,aAAa;AAAA,OACR;AACP,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EAEA,SAAAM;AAAA,EACA;AAAA,EACA,QAAAC;AAAA,OACK;AACP,SAAS,YAAY;AA+GN,gBAAAL,YAAA;AA/FR,IAAM,0BAA0B,CACrC,YACG;AACH,QAAM,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI;AAC1C,QAAM,CAAC,eAAe,gBAAgB,IAAIG,UAAS,KAAK;AAGxD,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAiB,WAAW;AAE5D,QAAM,EAAE,EAAE,IAAIL,gBAAe;AAE7B,QAAM,EAAE,SAAS,IAAI,UAAU;AAE/B,QAAM;AAAA,IACJ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,MAAM;AAE5B,QAAM,cAAc;AAEpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,EAAE,QAAiB,UAAU,YAAY,CAAC;AAEtD,QAAM,0BAA0BI,SAAQ,MAAM;AAC5C,WAAO,kCAAkC,WAAW;AAAA,EACtD,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,iBAAiBA,SAAQ,MAAM;AACnC,WAAO,uBAAuB,WAAW;AAAA,EAC3C,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQA,SAAqB,MAAM;AACvC,WACE,eAAe,IAAI,CAAC,OAAO;AAAA,MACzB,OAAO,GAAG,CAAC;AAAA,MACX,OAAO;AAAA,IACT,EAAE,KAAK,CAAC;AAAA,EAEZ,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,OAAOA,SAAQ,MAAM;AACzB,WAAO,QAAQ,OAAO,UAAU,KAAK;AAAA,EACvC,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,mBAAmB,CAACH,cAAqB;AAC7C,gBAAYA,SAAQ;AAAA,EACtB;AAEA,QAAM,qBAA6D,MAAM;AACvE,gBAAY,CAAC,SAAS,OAAO,CAAC;AAAA,EAChC;AAEA,QAAM,mBAA2D,MAAM;AACrE,gBAAY,CAAC,SAAS,OAAO,CAAC;AAAA,EAChC;AAEA,QAAM,gBAAgBE;AAAA,IACpB,CAAC,MAAM;AACL,YAAM,SAAS,OAAO,SAAS,EAAE,OAAO,KAAK;AAC7C,UAAI,CAAC,OAAO,MAAM,MAAM,GAAG;AACzB,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,YAAY;AAChC,QAAI;AACF,eAAS,EAAE,UAAU,OAAO,CAAC,EAAE;AAAA,QAC7B,CAAC,QAAQ;AACP,cAAI,IAAI,SAAS;AACf,qBAAS,QAAQ;AACjB,YAAAG,OAAM,QAAQ,EAAE,kBAAkB,CAAC;AAAA,UACrC,OAAO;AACL,YAAAA,OAAM,MAAM,IAAI,OAAO;AAAA,UACzB;AAAA,QACF;AAAA,QACA,CAAC,QAAe;AACd,UAAAA,OAAM,MAAM,IAAI,OAAO;AAAA,QACzB;AAAA,MACF;AAAA,IACF,SAAS,KAAK;AAAA,IAEd;AAAA,EACF;AAEA,QAAM,SAAS,YAAY;AACzB,UAAM,QAAQ;AAAA,MACZ,OAAO,EAAE,kBAAkB;AAAA,MAC3B,SAAS,gBAAAJ,KAACK,OAAA,EAAK,WAAW,IAAK,YAAE,0BAA0B,GAAE;AAAA,MAC7D,MAAM;AAAA,MACN,UAAU,MAAM;AACd,eAAO,QAAQ,QAAQ;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,YAAY;AACrC,QAAM,qBAAqB,YAAY;AAEvC,QAAM,QAAQ,OACV,SAAS,UAAU,MACnB,UAAU,gBAAgB,SAAS,eAAe;AAEtD,QAAM,WACJ,CAAC,YACD,WAAW,KACX,WAAW,eACX,sBACA;AAEF,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB;AAAA;AAAA,IACjB,OAAO;AAAA;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOA,IAAM,oCAAoC,CAAC,QAAgB;AACzD,MAAI,QAAQ,IAAI;AACd,WAAO,CAAC,GAAG,GAAG,GAAG,GAAG,EAAE;AAAA,EACxB,WAAW,QAAQ,IAAI;AACrB,WAAO,CAAC,GAAG,IAAI,IAAI,IAAI,EAAE;AAAA,EAC3B;AAEA,QAAM,MAAM;AACZ,QAAM,QAAQ;AACd,QAAM,QAAQ,MAAM,QAAQ,QAAQ;AACpC,QAAM,SAAmB,CAAC;AAC1B,WAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC9B,WAAO,KAAK,KAAK,MAAM,MAAM,OAAO,CAAC,CAAC;AAAA,EACxC;AACA,SAAO;AACT;AAMA,IAAM,iCAAiC,CAAC,QAA0B;AAChE,QAAM,SAAmB,CAAC;AAG1B,MAAI,MAAM,MAAM,GAAG;AAEjB,UAAM,OAAO,MAAM;AACnB,aAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,YAAM,QAAQ,OAAO;AACrB,aAAO,KAAK,UAAU,IAAI,IAAI,KAAK;AAAA,IACrC;AAAA,EACF,OAAO;AAEL,WAAO,KAAK,CAAC;AAGb,UAAM,UAAU,MAAM;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,eAAe,MAAM;AAG3B,UAAM,iBAAiB,KAAK,MAAM,OAAO;AACzC,UAAM,cAAc,KAAK,MAAM,IAAI;AACnC,UAAM,sBAAsB,KAAK,MAAM,YAAY;AAGnD,QAAI,iBAAiB,KAAK,mBAAmB,aAAa;AACxD,aAAO,KAAK,cAAc;AAAA,IAC5B;AAGA,QAAI,cAAc,GAAG;AACnB,aAAO,KAAK,WAAW;AAAA,IACzB;AAGA,QAAI,sBAAsB,eAAe,sBAAsB,KAAK;AAClE,aAAO,KAAK,mBAAmB;AAAA,IACjC;AAGA,QAAI,MAAM,GAAG;AACX,aAAO,KAAK,GAAG;AAAA,IACjB;AAAA,EACF;AAEA,SAAO;AACT;AAOA,IAAM,yBAAyB,CAAC,QAAgB;AAC9C,UAAQ,KAAK;AAAA,IACX,KAAK;AACH,aAAO,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE;AAAA,IACvC,KAAK;AACH,aAAO,CAAC,GAAG,GAAG,IAAI,IAAI,EAAE;AAAA,IAC1B,KAAK;AACH,aAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC/B,KAAK;AACH,aAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,EAClC;AAGA,QAAM,SAAmB,CAAC;AAE1B,MAAI,MAAM,IAAI;AAEZ,aAAS,IAAI,GAAG,KAAK,KAAK,KAAK;AAC7B,aAAO,KAAK,CAAC;AAAA,IACf;AAAA,EACF,OAAO;AAEL,WAAO,KAAK,GAAG,+BAA+B,GAAG,CAAC;AAAA,EACpD;AAEA,SAAO;AACT;AAEA,SAAS,QAAQ,QAId;AACD,QAAM,EAAE,QAAQ,UAAU,YAAY,IAAI;AAE1C,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,YAAY,IAAI,eAAe;AAC7C,QAAM,EAAE,MAAM,WAAW,IAAI,oBAAoB;AACjD,QAAM,EAAE,gBAAgB,IAAI,aAAa;AAEzC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,SAAS,IAAI,kBAAkB,OAAO;AAAA,IAC3C,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,WAAWH,SAAQ,MAAM;AAC7B,QAAI,UAAU,WAAW,MAAM,QAAQ;AACrC,aAAO,UAAU,KAAK,KAAK,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAGtB,QAAM,sBAAsBA,SAAQ,MAAM;AACxC,UAAM,YAAY,aAAa,aAAa,MAAM;AAClD,UAAM,WAAW,UAAU;AAE3B,QAAI,aAAa,UAAU;AACzB,YAAMI,uBAAsB,cAAc,oBAAoB;AAAA,QAC5D;AAAA,QACA;AAAA,MACF,CAAC;AACD,aAAO,KAAK,IAAIA,sBAAqB,WAAW;AAAA,IAClD;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,aAAa,MAAM,CAAC;AAGlC,QAAM,sBAAsBJ,SAAQ,MAAM;AACxC,UAAM,YAAY,aAAa,aAAa,MAAM;AAClD,QAAI,YAAY,WAAW;AACzB,aAAO,cAAc,oBAAoB;AAAA,QACvC;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,QAAM,0BAA0BA,SAAQ,MAAM;AAC5C,WAAO,WAAW;AAAA,EACpB,GAAG,CAAC,UAAU,mBAAmB,CAAC;AAGlC,QAAM,iBAAiBA,SAAQ,MAAM;AACnC,QAAI,CAAC,eAAe,CAAC,cAAc,CAAC,aAAa;AAC/C,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,WACjB,WAAW,KAAK,IAAI,CAAC,SAAS;AAC5B,UAAI,KAAK,WAAW,QAAQ;AAC1B,eAAO;AAAA,UACL,GAAG;AAAA,UACH;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC,IACD,WAAW;AAEf,UAAM,+BAA+B,YAAY,0BAA0B;AAAA,MACzE,WAAW;AAAA,MACX;AAAA,MACA,aAAa,YAAY;AAAA;AAAA,MAEzB,aAAa,YAAY;AAAA,MACzB,YAAY;AAAA,IACd,CAAC;AAED,UAAMK,kBAAiB,YAAY,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAOA;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqBL,SAAQ,MAAM;AACvC,WAAO,eAAe,GAAG,CAAC,KAAK,eAAe,WAAW;AAAA,EAC3D,GAAG,CAAC,cAAc,CAAC;AAEnB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ACvZA,SAAS,kBAAAJ,iBAAgB,aAAa;AACtC,SAAS,WAAW,QAAAO,OAAM,OAAO,SAAS,QAAAG,OAAM,MAAAC,WAAU;AAgBlD,gBAAAT,MAUA,QAAAU,aAVA;AAND,IAAM,iBAAiB,CAAC,UAAuC;AACpE,QAAM,EAAE,EAAE,IAAIZ,gBAAe;AAE7B,SACE,gBAAAY,MAAC,SAAI,WAAU,gDACb;AAAA,oBAAAA,MAAC,SAAI,WAAU,uCACb;AAAA,sBAAAV,KAAC,aAAU,QAAQ,MAAM,QAAQ,WAAU,cAAa;AAAA,MACxD,gBAAAA;AAAA,QAACK,MAAK;AAAA,QAAL;AAAA,UACC,MAAK;AAAA,UACL,cAAa;AAAA,UACb,MAAM,MAAM,WAAW,OAAO;AAAA,UAC9B,QAAO;AAAA,UACP,WAAW;AAAA,UAEV,gBAAM;AAAA;AAAA,MACT;AAAA,MACA,gBAAAK;AAAA,QAAC;AAAA;AAAA,UACC,WAAWD,IAAG,CAAC,iDAAiD,CAAC;AAAA,UAEjE;AAAA,4BAAAT,KAAC,SAAM,OAAO,MAAM,QAAQ,YAAY,UAAU,MAAK,MACpD,gBAAM,QAAQ,EAAE,aAAa,IAAI,EAAE,cAAc,GACpD;AAAA,YACA,gBAAAA,KAAC,iBAAc,UAAU,MAAM,iBAAiB;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IACA,gBAAAA,KAAC,WAAQ;AAAA,IACT,gBAAAU,MAACF,OAAA,EAAK,WAAW,SAAS,WAAW,UAAU,IAAI,GACjD;AAAA,sBAAAR,KAAC,kBAAe,iBAAiB,MAAM,iBAAiB;AAAA,MACxD,gBAAAA,KAAC,iBAAe,GAAG,OAAO;AAAA,MAC1B,gBAAAA,KAAC,oBAAkB,GAAG,OAAO;AAAA,MAC7B,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AAAA,MAC3B,gBAAAA,KAAC,WAAQ,WAAU,uBAAsB;AAAA,MACzC,gBAAAU,MAAC,SAAI,WAAU,kGAgBb;AAAA,wBAAAV,KAAC,SACC,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,QAAQ,EAAE,UAAU,MAAM,oBAAoB;AAAA,YAC9C,YAAY;AAAA;AAAA,cAEV,gBAAAA;AAAA,gBAACK,MAAK;AAAA,gBAAL;AAAA,kBACC,IAAI;AAAA,kBACJ,QAAO;AAAA,kBACP,IAAG;AAAA,kBAEH,WAAU;AAAA;AAAA,gBADN;AAAA,cAEN;AAAA,YACF;AAAA;AAAA,QACF,GACF;AAAA,QACA,gBAAAL,KAAC,SAAK,YAAE,sCAAsC,GAAE;AAAA,SAClD;AAAA,MACA,gBAAAU;AAAA,QAAC;AAAA;AAAA,UACC,WAAWD,IAAG;AAAA,YACZ;AAAA,YACA,MAAM,sBAAsB,MAAM,0BAC9B,0CACA;AAAA,UACN,CAAC;AAAA,UAEA;AAAA,kBAAM,sBACL,gBAAAT,KAAC,SACC,0BAAAA,KAACK,OAAA,EAAK,OAAM,WACT,YAAE,kCAAkC,GACvC,GACF;AAAA,YAED,MAAM,2BACL,gBAAAL,KAAC,SACC,0BAAAA,KAACK,OAAA,EAAK,OAAM,WACV,0BAAAL;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,QAAQ,EAAE,UAAU,MAAM,oBAAoB;AAAA,gBAC9C,YAAY;AAAA;AAAA,kBAEV,gBAAAA,KAACK,MAAK,SAAL,EAAa,IAAI,GAAG,QAAO,KAAI,IAAG,UAAW,GAAI;AAAA,gBACpD;AAAA;AAAA,YACF,GACF,GACF;AAAA;AAAA;AAAA,MAEJ;AAAA,MACA,gBAAAL,KAAC,kBAAgB,GAAG,OAAO;AAAA,OAC7B;AAAA,KACF;AAEJ;AAEA,IAAM,gBAAgB,CAAC,EAAE,SAAS,MAA4B;AAC5D,SACE,gBAAAU;AAAA,IAAC;AAAA;AAAA,MACC,WAAWD;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,wBAAAT,KAACK,OAAA,EAAK,mBAAK;AAAA,QACX,gBAAAL,KAACK,MAAK,SAAL,EAAa,IAAI,GAAG,MAAK,OAAM,MAAK,KAClC,oBACH;AAAA;AAAA;AAAA,EACF;AAEJ;;;ACnHS,gBAAAL,YAAA;AAFF,IAAM,uBAAsD,CAAC,UAAU;AAC5E,QAAM,QAAQ,wBAAwB,KAAK;AAC3C,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC;;;AHLO,IAAM,wBAAwB;AAC9B,IAAM,yBAAyB;AAGtC,oBAAoB,uBAAuB,sBAAsB;AAAA,EAC/D,OAAO,MAAM,KAAK,EAAE,2BAA2B;AAAA,EAC/C,YAAY;AAAA;AAAA,EAEZ;AACF,CAAC;AAGD,qBAAqB,wBAAwB,sBAAsB;AAAA,EACjE,OAAO,MAAM,KAAK,EAAE,2BAA2B;AAAA,EAC/C,YAAY;AAAA,IACV,SAAS;AAAA,EACX;AACF,CAAC;;;AJTM,IAAM,6BAA6B;AACnC,IAAM,4BAA4B;AAEzCL,sBAAqB,4BAA4B,gBAAgB;AAAA,EAC/D,OAAO,MAAMD,MAAK,EAAE,6BAA6B;AAAA,EACjD,MAAM;AACR,CAAC;AAEDE,qBAAoB,2BAA2B,gBAAgB;AAAA,EAC7D,OAAO,MAAMF,MAAK,EAAE,6BAA6B;AACnD,CAAC","sourcesContent":["import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageEditor } from \"./leverage.widget\";\n\nexport { LeverageEditor, type LeverageEditorProps } from \"./leverage.widget\";\nexport { Leverage, LeverageSlider, LeverageHeader } from \"./leverage.ui\";\nexport type {\n LeverageProps,\n LeverageSliderProps,\n LeverageHeaderProps,\n} from \"./leverage.ui\";\nexport {\n useLeverageScript,\n type LeverageScriptReturns,\n} from \"./leverage.script\";\nexport * from \"./symbolLeverage\";\n\nexport const LeverageWidgetWithDialogId = \"LeverageWidgetWithDialog\";\nexport const LeverageWidgetWithSheetId = \"LeverageWidgetWithSheet\";\n\nregisterSimpleDialog(LeverageWidgetWithDialogId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n size: \"md\",\n});\n\nregisterSimpleSheet(LeverageWidgetWithSheetId, LeverageEditor, {\n title: () => i18n.t(\"leverage.maxAccountLeverage\"),\n});\n","import React, { FC, useId } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n Button,\n Flex,\n Input,\n Slider,\n Text,\n cn,\n PlusIcon,\n ReduceIcon,\n inputFormatter,\n InputFormatter,\n} from \"@kodiak-finance/orderly-ui\";\nimport { LeverageScriptReturns } from \"./leverage.script\";\n\nconst IconButton: React.FC<{\n Icon: React.ComponentType<any>;\n onClick: React.MouseEventHandler<SVGSVGElement>;\n disabled: boolean;\n}> = (props) => {\n const { Icon, onClick, disabled } = props;\n return (\n <Icon\n onClick={disabled ? undefined : onClick}\n className={cn(\n \"oui-m-2 oui-text-white oui-transition-all\",\n disabled\n ? \"oui-cursor-not-allowed oui-opacity-20\"\n : \"oui-cursor-pointer oui-opacity-100\",\n )}\n />\n );\n};\n\ntype LeverageInputProps = LeverageProps & {\n classNames?: {\n input?: string;\n unit?: string;\n };\n};\n\nexport const LeverageInput: React.FC<LeverageInputProps> = (props) => {\n const formatters = React.useMemo<InputFormatter[]>(\n () => [inputFormatter.numberFormatter, inputFormatter.dpFormatter(0)],\n [],\n );\n const id = useId();\n return (\n <label\n htmlFor={id}\n className={cn(\n \"oui-w-full\",\n \"oui-rounded\",\n \"oui-bg-base-6\",\n \"oui-flex\",\n \"oui-items-center\",\n \"oui-justify-between\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-light\",\n \"oui-input-root\",\n )}\n >\n <IconButton\n Icon={ReduceIcon}\n onClick={props.onLeverageReduce}\n disabled={props.isReduceDisabled}\n />\n <Flex itemAlign=\"center\" justify=\"center\" className=\"oui-mr-4\">\n <Input\n value={props.value}\n id={id}\n autoComplete=\"off\"\n inputMode=\"numeric\"\n classNames={{\n input: cn(\"oui-text-right oui-text-[24px]\"),\n root: cn(\n \"oui-w-12\",\n \"oui-px-0\",\n \"oui-outline\",\n \"oui-outline-offset-0\",\n \"oui-outline-1\",\n \"oui-outline-transparent\",\n \"focus-within:oui-outline-primary-none\",\n ),\n }}\n formatters={formatters}\n onChange={props.onInputChange}\n />\n <div\n className={cn(\n \"oui-ml-1 oui-mt-1 oui-select-none\",\n \"oui-text-base oui-text-base-contrast-36\",\n )}\n >\n x\n </div>\n </Flex>\n <IconButton\n Icon={PlusIcon}\n onClick={props.onLeverageIncrease}\n disabled={props.isIncreaseDisabled}\n />\n </label>\n );\n};\n\nexport type LeverageProps = LeverageScriptReturns;\n\nexport const Leverage: FC<LeverageProps> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n return (\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <LeverageFooter {...props} />\n </Flex>\n );\n};\n\nexport const LeverageFooter: FC<LeverageProps & { isMobile?: boolean }> = (\n props,\n) => {\n const { t } = useTranslation();\n return (\n <Flex direction={\"row\"} gap={2} width={\"100%\"} mt={0} pt={5}>\n <Button\n variant=\"contained\"\n color=\"gray\"\n fullWidth\n onClick={props.onCancel}\n data-testid=\"oui-testid-leverage-cancel-btn\"\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.cancel\")}\n </Button>\n <Button\n fullWidth\n loading={props.isLoading}\n onClick={props.onSave}\n data-testid=\"oui-testid-leverage-save-btn\"\n disabled={props.disabled}\n size={props.isMobile ? \"md\" : \"lg\"}\n >\n {t(\"common.save\")}\n </Button>\n </Flex>\n );\n};\n\nexport type LeverageHeaderProps = Pick<LeverageProps, \"currentLeverage\">;\n\nexport const LeverageHeader: FC<LeverageHeaderProps> = (props) => {\n const { t } = useTranslation();\n const { currentLeverage } = props;\n return (\n <Flex justify={\"center\"} width={\"100%\"} mb={2}>\n <Flex gap={1}>\n {`${t(\"common.current\")}:`}\n <Text.numeral unit=\"x\" size={\"sm\"} intensity={80} dp={0}>\n {currentLeverage ?? \"--\"}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface LeverageSelectorProps {\n value: number;\n onLeverageChange: (value: number) => void;\n toggles: number[];\n}\n\nexport const LeverageSelector: React.FC<LeverageSelectorProps> = (props) => {\n const { value, onLeverageChange } = props;\n return (\n <Flex\n itemAlign=\"center\"\n justify=\"between\"\n width={\"100%\"}\n mt={4}\n className=\"oui-text-base-contrast-80\"\n >\n {props.toggles.map((option) => (\n <Flex\n key={option}\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(\n `oui-box-border oui-cursor-pointer oui-rounded-md oui-border oui-border-solid oui-bg-clip-padding oui-px-3 oui-py-2.5 oui-transition-all`,\n value === option\n ? \"oui-border-primary oui-bg-base-6\"\n : \"oui-border-line-12\",\n )}\n onClick={() => onLeverageChange?.(option)}\n >\n <Flex\n itemAlign=\"center\"\n justify=\"center\"\n className={cn(`oui-h-3 oui-w-9 oui-select-none`)}\n >\n {option}x\n </Flex>\n </Flex>\n ))}\n </Flex>\n );\n};\n\nexport type LeverageSliderProps = {\n maxLeverage?: number;\n value: number;\n onLeverageChange: (value: number) => void;\n setShowSliderTip: (value: boolean) => void;\n showSliderTip: boolean;\n className?: string;\n onValueCommit?: (value: number[]) => void;\n leverageLevers: number[];\n marks?: { label: string; value: number }[];\n};\n\nconst getMarkPosition = (\n item: number,\n index: number,\n max: number,\n total: number,\n) => {\n // Use the same calculation logic as Slider component marks array\n const min = 1;\n const maxSteps = max - min;\n const percentPerStep = 100 / maxSteps;\n const position = percentPerStep * (item - min);\n\n // Keep boundary adjustments\n if (index === 0) return Math.min(position + 2, 100);\n if (index === total - 1) return Math.max(position - 3, 0);\n return position;\n};\n\nexport const LeverageSlider: FC<LeverageSliderProps> = (props) => {\n const {\n leverageLevers,\n maxLeverage = 0,\n className,\n value,\n showSliderTip,\n marks,\n } = props;\n\n // Use the maximum value of leverageLevers array as slider maximum\n const sliderMax =\n leverageLevers.length > 0 ? Math.max(...leverageLevers) : maxLeverage;\n\n return (\n <Box pt={4} pb={7} width={\"100%\"} className={className}>\n <Slider\n step={1}\n max={maxLeverage}\n min={1}\n marks={marks}\n value={[value]}\n onValueChange={(e) => {\n props.onLeverageChange(e[0]);\n props.setShowSliderTip(true);\n }}\n color=\"primary\"\n onValueCommit={(e) => {\n props.onValueCommit?.(e);\n props.setShowSliderTip(false);\n }}\n showTip={showSliderTip}\n tipFormatter={(value) => {\n return `${value}x`;\n }}\n />\n <div className=\"oui-relative oui-w-full oui-pt-3\">\n {leverageLevers?.map((item, index) => {\n const position = getMarkPosition(\n item,\n index,\n sliderMax,\n leverageLevers.length,\n );\n\n return (\n <button\n key={item}\n onClick={() => {\n props.onLeverageChange(item);\n props.onValueCommit?.([item]);\n }}\n className={cn(\n \"oui-absolute oui-pb-3 oui-text-2xs oui-transform oui--translate-x-1/2\",\n Number(props.value) >= Number(item)\n ? \"oui-text-primary-light\"\n : \"oui-text-base-contrast-54\",\n )}\n style={{\n left: `${position}%`,\n }}\n data-testid={`oui-testid-leverage-${item}-btn`}\n >\n {`${item}x`}\n </button>\n );\n })}\n </div>\n </Box>\n );\n};\n","import { useCallback, useMemo, useState } from \"react\";\nimport { useLeverage } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { SliderMarks, toast } from \"@kodiak-finance/orderly-ui\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type LeverageScriptReturns = ReturnType<typeof useLeverageScript>;\n\nexport const useLeverageScript = (options?: UseLeverageScriptOptions) => {\n const [showSliderTip, setShowSliderTip] = useState(false);\n const { t } = useTranslation();\n\n const { curLeverage, maxLeverage, isLoading, leverageLevers, update } =\n useLeverage();\n\n const marks = useMemo<SliderMarks>(() => {\n return leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n }));\n }, [leverageLevers]);\n\n const [leverage, setLeverage] = useState<number>(curLeverage ?? 0);\n\n const step = 100 / ((marks?.length || 0) - 1);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n const value = Number.isNaN(parsed) ? \"\" : parsed;\n setLeverage(value as number);\n },\n [maxLeverage],\n );\n\n const onSave = async () => {\n try {\n update({ leverage }).then(\n () => {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.log(\"update leverage error\", err);\n }\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n const disabled = !leverage || leverage < 1 || leverage > maxLeverage;\n\n const toggles = useMemo(() => {\n return [5, 10, 20, 50, 100].filter((e) => e <= maxLeverage);\n }, [maxLeverage]);\n\n return {\n leverageLevers,\n currentLeverage: curLeverage,\n value: leverage,\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading: isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles,\n };\n};\n","import { FC } from \"react\";\nimport { Leverage } from \"./leverage.ui\";\nimport { useLeverageScript } from \"./leverage.script\";\n\nexport type LeverageEditorProps = {\n close?: () => void;\n};\n\nexport const LeverageEditor: FC<LeverageEditorProps> = (props) => {\n const state = useLeverageScript({ close: props.close });\n return <Leverage {...state} />;\n};\n","import { i18n } from \"@kodiak-finance/orderly-i18n\";\nimport { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport { SymbolLeverageWidget } from \"./symbolLeverage.widget\";\n\nexport {\n SymbolLeverageWidget,\n type SymbolLeverageWidgetProps,\n} from \"./symbolLeverage.widget\";\n\nexport const SymbolLeverageSheetId = \"SymbolLeverageSheetId\";\nexport const SymbolLeverageDialogId = \"SymbolLeverageDialogId\";\n\n// Register sheet version for mobile\nregisterSimpleSheet(SymbolLeverageSheetId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n // content: \"oui-p-5\",\n },\n});\n\n// Register dialog version for desktop\nregisterSimpleDialog(SymbolLeverageDialogId, SymbolLeverageWidget, {\n title: () => i18n.t(\"leverage.adjustedLeverage\"),\n classNames: {\n content: \"oui-w-[420px]\",\n },\n});\n","import { useCallback, useMemo, useState } from \"react\";\nimport {\n useAccountInfo,\n useLocalStorage,\n useMarkPricesStream,\n usePortfolio,\n usePositionStream,\n useSymbolLeverage,\n useSymbolsInfo,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n account as accountPerp,\n positions as positionsPerp,\n} from \"@kodiak-finance/orderly-perp\";\nimport { OrderSide } from \"@kodiak-finance/orderly-types\";\nimport {\n modal,\n SliderMarks,\n toast,\n useScreen,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { zero } from \"@kodiak-finance/orderly-utils\";\n\ntype UseLeverageScriptOptions = {\n close?: () => void;\n};\n\nexport type SymbolLeverageScriptOptions = {\n symbol: string;\n side?: OrderSide;\n curLeverage: number;\n};\n\nexport type SymbolLeverageScriptReturns = ReturnType<\n typeof useSymbolLeverageScript\n>;\n\nexport const useSymbolLeverageScript = (\n options: SymbolLeverageScriptOptions & UseLeverageScriptOptions,\n) => {\n const { curLeverage = 1, symbol, side } = options;\n const [showSliderTip, setShowSliderTip] = useState(false);\n // Local leverage value used by the input and slider; it tracks the in-flight user edits.\n // We seed it with curLeverage but intentionally do not sync further changes to avoid jumping while editing.\n const [leverage, setLeverage] = useState<number>(curLeverage);\n\n const { t } = useTranslation();\n\n const { isMobile } = useScreen();\n\n const {\n maxLeverage: originalMaxLeverage,\n update,\n isLoading,\n } = useSymbolLeverage(symbol);\n\n const maxLeverage = originalMaxLeverage;\n\n const {\n position,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n } = useCalc({ symbol: symbol!, leverage, maxLeverage });\n\n const formattedLeverageLevers = useMemo(() => {\n return generateLeverageLeversForSelector(maxLeverage);\n }, [maxLeverage]);\n\n const leverageLevers = useMemo(() => {\n return generateLeverageLevers(maxLeverage);\n }, [maxLeverage]);\n\n const marks = useMemo<SliderMarks>(() => {\n return (\n leverageLevers.map((e) => ({\n label: `${e}x`,\n value: e,\n })) || []\n );\n }, [leverageLevers]);\n\n const step = useMemo(() => {\n return 100 / ((marks?.length || 0) - 1);\n }, [marks]);\n\n const onLeverageChange = (leverage: number) => {\n setLeverage(leverage);\n };\n\n const onLeverageIncrease: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev + 1);\n };\n\n const onLeverageReduce: React.MouseEventHandler<SVGSVGElement> = () => {\n setLeverage((prev) => prev - 1);\n };\n\n const onInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n (e) => {\n const parsed = Number.parseInt(e.target.value);\n if (!Number.isNaN(parsed)) {\n setLeverage(parsed);\n }\n },\n [],\n );\n\n const onConfirmSave = async () => {\n try {\n update?.({ leverage, symbol }).then(\n (res) => {\n if (res.success) {\n options?.close?.();\n toast.success(t(\"leverage.updated\"));\n } else {\n toast.error(res.message);\n }\n },\n (err: Error) => {\n toast.error(err.message);\n },\n );\n } catch (err) {\n console.error(\"update leverage error\", err);\n }\n };\n\n const onSave = async () => {\n modal.confirm({\n title: t(\"leverage.confirm\"),\n content: <Text intensity={54}>{t(\"leverage.confirm.content\")}</Text>,\n onOk: onConfirmSave,\n onCancel: () => {\n return Promise.resolve();\n },\n });\n };\n\n const isReduceDisabled = leverage <= 1;\n const isIncreaseDisabled = leverage >= maxLeverage;\n\n const isBuy = side\n ? side === OrderSide.BUY\n : position?.position_qty && position.position_qty > 0;\n\n const disabled =\n !leverage ||\n leverage < 1 ||\n leverage > maxLeverage ||\n overRequiredMargin ||\n overMaxPositionLeverage;\n\n return {\n leverageLevers,\n currentLeverage: curLeverage, // Keep the displayed leverage fixed until the user confirms the change.\n value: leverage, // Input and slider reflect the temporary value being edited.\n marks,\n onLeverageChange,\n onLeverageIncrease,\n onLeverageReduce,\n onInputChange,\n isReduceDisabled,\n isIncreaseDisabled,\n disabled,\n step,\n onCancel: options?.close,\n onSave,\n isLoading,\n showSliderTip,\n setShowSliderTip,\n maxLeverage,\n toggles: formattedLeverageLevers,\n symbol,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n isBuy,\n isMobile,\n };\n};\n\n// 5x: 1x, 2x, 3x, 4x, 5x\n// 10x: 1x, 3x, 5x, 8x, 10x\n// 20x: 1x, 5x, 10x, 15x, 20x\n// 50x: 1x, 10x, 20x, 35x, 50x\n// 100x: 1x, 20x, 50x, 75x, 100x\nconst generateLeverageLeversForSelector = (max: number) => {\n if (max === 10) {\n return [1, 3, 5, 8, 10];\n } else if (max === 50) {\n return [1, 10, 20, 35, 50];\n }\n\n const min = 1;\n const parts = 5;\n const step = (max - min) / (parts - 1);\n const result: number[] = [];\n for (let i = 0; i < parts; i++) {\n result.push(Math.floor(min + step * i));\n }\n return result;\n};\n/**\n * Generate evenly distributed marks\n * @param max Maximum leverage value\n * @returns Array of evenly distributed marks\n */\nconst generateEvenlyDistributedMarks = (max: number): number[] => {\n const result: number[] = [];\n\n // Check if divisible by 5\n if (max % 5 === 0) {\n // Divisible by 5, divide from 0 to max into 5 intervals (6 marks), 1x represents 0\n const step = max / 5;\n for (let i = 0; i < 6; i++) {\n const value = step * i;\n result.push(value === 0 ? 1 : value); // 0 displays as 1x, other values display normally\n }\n } else {\n // Not divisible by 5, use 25%, 50%, 75% strategy to select nearest integers\n result.push(1); // Always include 1x\n\n // Calculate values at 25%, 50%, 75% positions\n const quarter = max * 0.25;\n const half = max * 0.5;\n const threeQuarter = max * 0.75;\n\n // Select nearest integers\n const quarterRounded = Math.round(quarter);\n const halfRounded = Math.round(half);\n const threeQuarterRounded = Math.round(threeQuarter);\n\n // Add 25% position value (if greater than 1 and not equal to 50%)\n if (quarterRounded > 1 && quarterRounded !== halfRounded) {\n result.push(quarterRounded);\n }\n\n // Add 50% position value (if greater than 1)\n if (halfRounded > 1) {\n result.push(halfRounded);\n }\n\n // Add 75% position value (if greater than 50% and less than max)\n if (threeQuarterRounded > halfRounded && threeQuarterRounded < max) {\n result.push(threeQuarterRounded);\n }\n\n // Add maximum value (if greater than 1)\n if (max > 1) {\n result.push(max);\n }\n }\n\n return result;\n};\n\n// 5x: 1, 2, 3, 4, 5\n// 10x: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10\n// 20x: 1, 5, 10, 15, 20\n// 50x: 1, 10, 20, 30, 40, 50\n// 100x: 1, 20, 40, 60, 80, 100\nconst generateLeverageLevers = (max: number) => {\n switch (max) {\n case 10:\n return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n case 20:\n return [1, 5, 10, 15, 20];\n case 50:\n return [1, 10, 20, 30, 40, 50];\n case 100:\n return [1, 20, 40, 60, 80, 100];\n }\n\n // Fallback strategy: evenly distribute mark distances, treat 1x as 0\n const result: number[] = [];\n // Optimization\n if (max < 10) {\n // For 10x and below, divide into n equal parts, each with length 1\n for (let i = 1; i <= max; i++) {\n result.push(i);\n }\n } else {\n // Use unified even distribution strategy\n result.push(...generateEvenlyDistributedMarks(max));\n }\n\n return result;\n};\n\nfunction useCalc(inputs: {\n symbol: string;\n leverage: number;\n maxLeverage: number;\n}) {\n const { symbol, leverage, maxLeverage } = inputs;\n\n const symbolsInfo = useSymbolsInfo();\n const { data: accountInfo } = useAccountInfo();\n const { data: markPrices } = useMarkPricesStream();\n const { totalCollateral } = usePortfolio();\n\n const [unPnlPriceBasis, setUnPnlPriceBasic] = useLocalStorage(\n \"unPnlPriceBasis\",\n \"markPrice\",\n );\n const [positions] = usePositionStream(\"all\", {\n calcMode: unPnlPriceBasis,\n });\n\n const position = useMemo(() => {\n if (symbol && positions?.rows?.length) {\n return positions.rows.find((item) => item.symbol === symbol);\n }\n }, [positions, symbol]);\n\n /** the highest allowable leverage. Block users from setting leverage above this limit. */\n const maxPositionLeverage = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n const notional = position?.notional;\n // when user has existing position\n if (IMRFactor && notional) {\n const maxPositionLeverage = positionsPerp.maxPositionLeverage({\n IMRFactor,\n notional,\n });\n return Math.min(maxPositionLeverage, maxLeverage);\n }\n\n // when user has no existing position\n return maxLeverage;\n }, [position, maxLeverage, symbol]);\n\n /** calculate maximum position at current leverage */\n const maxPositionNotional = useMemo(() => {\n const IMRFactor = accountInfo?.imr_factor?.[symbol];\n if (leverage && IMRFactor) {\n return positionsPerp.maxPositionNotional({\n leverage,\n IMRFactor,\n });\n }\n }, [leverage, symbol]);\n\n const overMaxPositionLeverage = useMemo(() => {\n return leverage > maxPositionLeverage;\n }, [leverage, maxPositionLeverage]);\n\n // calc free collateral with new leverage\n const freeCollateral = useMemo(() => {\n if (!accountInfo || !markPrices || !symbolsInfo) {\n return zero;\n }\n\n const positionList = leverage\n ? positions?.rows.map((item) => {\n if (item.symbol === symbol) {\n return {\n ...item,\n leverage,\n };\n }\n return item;\n })\n : positions?.rows;\n\n const totalInitialMarginWithOrders = accountPerp.totalInitialMarginWithQty({\n positions: positionList,\n markPrices,\n IMR_Factors: accountInfo.imr_factor,\n // not used\n maxLeverage: accountInfo.max_leverage,\n symbolInfo: symbolsInfo,\n });\n\n const freeCollateral = accountPerp.freeCollateral({\n totalCollateral,\n totalInitialMarginWithOrders,\n });\n\n return freeCollateral;\n }, [\n positions,\n symbolsInfo,\n accountInfo,\n markPrices,\n totalCollateral,\n leverage,\n symbol,\n ]);\n\n const overRequiredMargin = useMemo(() => {\n return freeCollateral.eq(0) || freeCollateral.isNegative();\n }, [freeCollateral]);\n\n return {\n position,\n freeCollateral,\n maxPositionNotional,\n maxPositionLeverage,\n overMaxPositionLeverage,\n overRequiredMargin,\n };\n}\n","import { useTranslation, Trans } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Text, Badge, Divider, Flex, cn } from \"@kodiak-finance/orderly-ui\";\nimport { LeverageHeader } from \"../index\";\nimport {\n LeverageInput,\n LeverageSelector,\n LeverageSlider,\n LeverageFooter,\n} from \"../leverage.ui\";\nimport { SymbolLeverageScriptReturns } from \"./symbolLeverage.script\";\n\nexport const SymbolLeverage = (props: SymbolLeverageScriptReturns) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-3 lg:oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-gap-2\">\n <TokenIcon symbol={props.symbol} className=\"oui-size-5\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size={props.isMobile ? \"xs\" : \"base\"}\n weight=\"semibold\"\n intensity={98}\n >\n {props.symbol}\n </Text.formatted>\n <div\n className={cn([\"oui-ml-auto oui-flex oui-items-center oui-gap-1\"])}\n >\n <Badge color={props.isBuy ? \"success\" : \"danger\"} size=\"xs\">\n {props.isBuy ? t(\"common.long\") : t(\"common.short\")}\n </Badge>\n <LeverageBadge leverage={props.currentLeverage} />\n </div>\n </div>\n <Divider />\n <Flex itemAlign={\"start\"} direction={\"column\"} mb={0}>\n <LeverageHeader currentLeverage={props.currentLeverage} />\n <LeverageInput {...props} />\n <LeverageSelector {...props} />\n <LeverageSlider {...props} />\n <Divider className=\"oui-mb-3 oui-w-full\" />\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-pb-4 oui-text-xs oui-font-normal oui-text-base-contrast-54\">\n {/* <div>\n <Trans\n i18nKey=\"leverage.maxPositionLeverage.tips\"\n values={{ amount: props.maxPositionNotional }}\n components={[\n // @ts-ignore\n <Text.numeral\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n dp={0}\n />,\n ]}\n />\n </div> */}\n <div>\n <Trans\n i18nKey=\"leverage.maxAvailableLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral\n dp={0}\n suffix=\"x\"\n as=\"span\"\n key=\"0\"\n className=\"oui-text-base-contrast\"\n />,\n ]}\n />\n </div>\n <div>{t(\"leverage.actualPositionLeverage.tips\")}</div>\n </div>\n <div\n className={cn([\n \"-oui-mb-2\",\n props.overRequiredMargin || props.overMaxPositionLeverage\n ? \"oui-block oui-text-xs oui-font-normal\"\n : \"oui-hidden\",\n ])}\n >\n {props.overRequiredMargin && (\n <div>\n <Text color=\"warning\">\n {t(\"leverage.overRequiredMargin.tips\")}\n </Text>\n </div>\n )}\n {props.overMaxPositionLeverage && (\n <div>\n <Text color=\"warning\">\n <Trans\n i18nKey=\"leverage.overMaxPositionLeverage.tips\"\n values={{ leverage: props.maxPositionLeverage }}\n components={[\n // @ts-ignore\n <Text.numeral dp={0} suffix=\"X\" as=\"span\" key=\"0\" />,\n ]}\n />\n </Text>\n </div>\n )}\n </div>\n <LeverageFooter {...props} />\n </Flex>\n </div>\n );\n};\n\nconst LeverageBadge = ({ leverage }: { leverage: number }) => {\n return (\n <div\n className={cn(\n \"oui-flex oui-h-[18px] oui-items-center oui-gap-1\",\n \"oui-cursor-pointer oui-rounded oui-bg-line-6 oui-px-2\",\n \"oui-text-2xs oui-font-semibold oui-text-base-contrast-36\",\n )}\n >\n <Text>Cross</Text>\n <Text.numeral dp={0} size=\"2xs\" unit=\"X\">\n {leverage}\n </Text.numeral>\n </div>\n );\n};\n","import { FC } from \"react\";\nimport {\n SymbolLeverageScriptOptions,\n useSymbolLeverageScript,\n} from \"./symbolLeverage.script\";\nimport { SymbolLeverage } from \"./symbolLeverage.ui\";\n\nexport type SymbolLeverageWidgetProps = {\n close?: () => void;\n} & SymbolLeverageScriptOptions;\n\nexport const SymbolLeverageWidget: FC<SymbolLeverageWidgetProps> = (props) => {\n const state = useSymbolLeverageScript(props);\n return <SymbolLeverage {...state} />;\n};\n"]}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .oui-absolute{position:absolute}.oui-m-2{margin:.5rem}.-oui-mb-2{margin-bottom:-.5rem}.oui-mb-3{margin-bottom:.75rem}.oui-ml-1{margin-left:.25rem}.oui-ml-auto{margin-left:auto}.oui-mr-4{margin-right:1rem}.oui-mt-1{margin-top:.25rem}.oui-box-border{box-sizing:border-box}.oui-block{display:block}.oui-flex{display:flex}.oui-hidden{display:none}.oui-size-5{width:1.25rem;height:1.25rem}.oui-h-3{height:.75rem}.oui-h-\[18px\]{height:18px}.oui-w-12{width:3rem}.oui-w-9{width:2.25rem}.oui-w-\[420px\]{width:420px}.oui-w-full{width:100%}.oui--translate-x-1\/2{--tw-translate-x:-50%}.oui--translate-x-1\/2,.oui-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oui-cursor-not-allowed{cursor:not-allowed}.oui-cursor-pointer{cursor:pointer}.oui-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.oui-flex-col{flex-direction:column}.oui-items-center{align-items:center}.oui-justify-between{justify-content:space-between}.oui-gap-1{gap:.25rem}.oui-gap-2{gap:.5rem}.oui-gap-3{gap:.75rem}.oui-rounded{border-radius:var(--oui-rounded,.25rem)}.oui-rounded-md{border-radius:var(--oui-rounded-md,.375rem)}.oui-border{border-width:1px}.oui-border-solid{border-style:solid}.oui-border-line-12{border-color:rgb(var(--oui-color-line,255 255 255)/.12)}.oui-border-primary{--tw-border-opacity:1;border-color:rgb(var(--oui-color-primary)/var(--tw-border-opacity,1))}.oui-bg-base-6{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.oui-bg-line-6{background-color:rgb(var(--oui-color-line,255 255 255)/.06)}.oui-bg-clip-padding{background-clip:padding-box}.oui-p-5{padding:1.25rem}.oui-px-0{padding-left:0;padding-right:0}.oui-px-2{padding-left:.5rem;padding-right:.5rem}.oui-px-3{padding-left:.75rem;padding-right:.75rem}.oui-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.oui-pb-3{padding-bottom:.75rem}.oui-pb-4{padding-bottom:1rem}.oui-text-right{text-align:right}.oui-text-2xs{font-size:var(--oui-font-size-2xs,.75rem);line-height:1.125rem}.oui-text-\[24px\]{font-size:24px}.oui-text-base{font-size:var(--oui-font-size-base,1rem);line-height:1.5rem}.oui-text-xs{font-size:var(--oui-font-size-xs,calc(.875rem - 1px));line-height:1.25rem}.oui-font-normal{font-weight:400}.oui-font-semibold{font-weight:600}.oui-text-base-contrast{color:rgb(var(--oui-color-base-foreground)/.98)}.oui-text-base-contrast-36{color:rgb(var(--oui-color-base-foreground)/.36)}.oui-text-base-contrast-54{color:rgb(var(--oui-color-base-foreground)/.54)}.oui-text-base-contrast-80{color:rgb(var(--oui-color-base-foreground)/.8)}.oui-text-primary-light{--tw-text-opacity:1;color:rgb(var(--oui-color-primary-light)/var(--tw-text-opacity,1))}.oui-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.oui-opacity-100{opacity:1}.oui-opacity-20{opacity:.2}.oui-outline{outline-style:solid}.oui-outline-1{outline-width:1px}.oui-outline-offset-0{outline-offset:0}.oui-outline-transparent{outline-color:transparent}.oui-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.focus-within\:oui-outline-primary-light:focus-within{outline-color:rgb(var(--oui-color-primary-light)/1)}@media (min-width:768px){.lg\:oui-gap-4{gap:1rem}}
1
+ .oui-absolute{position:absolute}.oui-relative{position:relative}.oui-m-2{margin:.5rem}.-oui-mb-2{margin-bottom:-.5rem}.oui-mb-3{margin-bottom:.75rem}.oui-ml-1{margin-left:.25rem}.oui-ml-auto{margin-left:auto}.oui-mr-4{margin-right:1rem}.oui-mt-1{margin-top:.25rem}.oui-box-border{box-sizing:border-box}.oui-block{display:block}.oui-flex{display:flex}.oui-hidden{display:none}.oui-size-5{width:1.25rem;height:1.25rem}.oui-h-3{height:.75rem}.oui-h-\[18px\]{height:18px}.oui-w-12{width:3rem}.oui-w-9{width:2.25rem}.oui-w-\[420px\]{width:420px}.oui-w-full{width:100%}.oui--translate-x-1\/2{--tw-translate-x:-50%}.oui--translate-x-1\/2,.oui-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oui-cursor-not-allowed{cursor:not-allowed}.oui-cursor-pointer{cursor:pointer}.oui-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.oui-flex-col{flex-direction:column}.oui-items-center{align-items:center}.oui-justify-between{justify-content:space-between}.oui-gap-1{gap:.25rem}.oui-gap-2{gap:.5rem}.oui-gap-3{gap:.75rem}.oui-rounded{border-radius:var(--oui-rounded,.25rem)}.oui-rounded-md{border-radius:var(--oui-rounded-md,.375rem)}.oui-border{border-width:1px}.oui-border-solid{border-style:solid}.oui-border-line-12{border-color:rgb(var(--oui-color-line,255 255 255)/.12)}.oui-border-primary{--tw-border-opacity:1;border-color:rgb(var(--oui-color-primary)/var(--tw-border-opacity,1))}.oui-bg-base-6{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.oui-bg-line-6{background-color:rgb(var(--oui-color-line,255 255 255)/.06)}.oui-bg-clip-padding{background-clip:padding-box}.oui-p-5{padding:1.25rem}.oui-px-0{padding-left:0;padding-right:0}.oui-px-2{padding-left:.5rem;padding-right:.5rem}.oui-px-3{padding-left:.75rem;padding-right:.75rem}.oui-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.oui-pb-3{padding-bottom:.75rem}.oui-pb-4{padding-bottom:1rem}.oui-pt-3{padding-top:.75rem}.oui-text-right{text-align:right}.oui-text-2xs{font-size:var(--oui-font-size-2xs,.75rem);line-height:1.125rem}.oui-text-\[24px\]{font-size:24px}.oui-text-base{font-size:var(--oui-font-size-base,1rem);line-height:1.5rem}.oui-text-xs{font-size:var(--oui-font-size-xs,calc(.875rem - 1px));line-height:1.25rem}.oui-font-normal{font-weight:400}.oui-font-semibold{font-weight:600}.oui-text-base-contrast{color:rgb(var(--oui-color-base-foreground)/.98)}.oui-text-base-contrast-36{color:rgb(var(--oui-color-base-foreground)/.36)}.oui-text-base-contrast-54{color:rgb(var(--oui-color-base-foreground)/.54)}.oui-text-base-contrast-80{color:rgb(var(--oui-color-base-foreground)/.8)}.oui-text-primary-light{--tw-text-opacity:1;color:rgb(var(--oui-color-primary-light)/var(--tw-text-opacity,1))}.oui-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.oui-opacity-100{opacity:1}.oui-opacity-20{opacity:.2}.oui-outline{outline-style:solid}.oui-outline-1{outline-width:1px}.oui-outline-offset-0{outline-offset:0}.oui-outline-transparent{outline-color:transparent}.oui-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.focus-within\:oui-outline-primary-light:focus-within{outline-color:rgb(var(--oui-color-primary-light)/1)}@media (min-width:768px){.lg\:oui-gap-4{gap:1rem}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kodiak-finance/orderly-ui-leverage",
3
- "version": "2.8.20",
3
+ "version": "2.8.21-beta.3",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -15,12 +15,12 @@
15
15
  "access": "public"
16
16
  },
17
17
  "dependencies": {
18
- "@kodiak-finance/orderly-i18n": "2.8.20",
19
- "@kodiak-finance/orderly-hooks": "2.8.20",
20
- "@kodiak-finance/orderly-types": "2.8.20",
21
- "@kodiak-finance/orderly-ui": "2.8.20",
22
- "@kodiak-finance/orderly-perp": "4.8.20",
23
- "@kodiak-finance/orderly-utils": "2.8.20"
18
+ "@kodiak-finance/orderly-hooks": "2.8.21-beta.3",
19
+ "@kodiak-finance/orderly-i18n": "2.8.21-beta.3",
20
+ "@kodiak-finance/orderly-types": "2.8.21-beta.3",
21
+ "@kodiak-finance/orderly-ui": "2.8.21-beta.3",
22
+ "@kodiak-finance/orderly-perp": "4.8.21-beta.3",
23
+ "@kodiak-finance/orderly-utils": "2.8.21-beta.3"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@swc/cli": "^0.3.12",
@@ -31,7 +31,7 @@
31
31
  "react-dom": "^18.2.0",
32
32
  "tailwindcss": "^3.4.4",
33
33
  "tsup": "^7.1.0",
34
- "tsconfig": "0.11.19"
34
+ "tsconfig": "0.11.20-beta.3"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "react": ">=18",