@orderly.network/ui-transfer 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
- import react__default, { FC } from 'react';
3
- import { ConnectedChain, Chain } from '@orderly.network/hooks';
2
+ import react__default, { FC, ReactNode } from 'react';
3
+ import { ConnectedChain, Chain, SubAccount } from '@orderly.network/hooks';
4
4
  import { API, NetworkId } from '@orderly.network/types';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import { InputProps } from '@orderly.network/ui';
@@ -55,7 +55,7 @@ declare function useDepositAction(options: Options$2): {
55
55
 
56
56
  type Options$1 = {
57
57
  quantity: string;
58
- maxQuantity: string;
58
+ maxQuantity: string | number;
59
59
  };
60
60
  declare function useInputStatus(options: Options$1): {
61
61
  inputStatus: InputStatus;
@@ -131,10 +131,11 @@ declare const DepositForm: FC<UseDepositFormScriptReturn>;
131
131
  type DepositFormWidgetProps = UseDepositFormScriptOptions;
132
132
  declare const DepositFormWidget: FC<DepositFormWidgetProps>;
133
133
 
134
- type UseWithdrawFormScriptReturn = ReturnType<typeof useWithdrawForm>;
135
- declare const useWithdrawForm: ({ onClose, }: {
134
+ type WithdrawFormScriptReturn = ReturnType<typeof useWithdrawFormScript>;
135
+ type WithdrawFormScriptOptions = {
136
136
  onClose: (() => void) | undefined;
137
- }) => {
137
+ };
138
+ declare const useWithdrawFormScript: (options: WithdrawFormScriptOptions) => {
138
139
  walletName: string | undefined;
139
140
  address: string | undefined;
140
141
  quantity: string;
@@ -154,14 +155,12 @@ declare const useWithdrawForm: ({ onClose, }: {
154
155
  maxQuantity: number;
155
156
  disabled: boolean;
156
157
  loading: boolean;
157
- hasPositions: boolean;
158
158
  unsettledPnL: number;
159
159
  wrongNetwork: boolean;
160
160
  settingChain: boolean;
161
161
  chains: API.NetworkInfos[];
162
162
  currentChain: CurrentChain | null;
163
163
  onChainChange: (chain: API.NetworkInfos) => Promise<void>;
164
- onSettlePnl: () => Promise<any>;
165
164
  onWithdraw: () => Promise<void>;
166
165
  chainVaultBalance: any;
167
166
  fee: any;
@@ -170,9 +169,12 @@ declare const useWithdrawForm: ({ onClose, }: {
170
169
  showQty: string | number;
171
170
  networkId: NetworkId;
172
171
  checkIsBridgeless: boolean;
172
+ hasPositions: boolean;
173
+ onSettlePnl: () => Promise<any>;
173
174
  };
174
175
 
175
- declare const WithdrawFormUI: ({ address, loading, disabled, quantity, onQuantityChange, token, inputStatus, hintMessage, amount, maxQuantity, balanceRevalidating, chains, currentChain, onChainChange, fee, settingChain, wrongNetwork, hasPositions, unsettledPnL, onSettlePnl, onWithdraw, chainVaultBalance, crossChainWithdraw, crossChainTrans, showQty, networkId, checkIsBridgeless, }: UseWithdrawFormScriptReturn) => react_jsx_runtime.JSX.Element;
176
+ type WithdrawFormProps = WithdrawFormScriptReturn;
177
+ declare const WithdrawForm: ({ address, loading, disabled, quantity, onQuantityChange, token, inputStatus, hintMessage, amount, maxQuantity, balanceRevalidating, chains, currentChain, onChainChange, fee, settingChain, wrongNetwork, hasPositions, unsettledPnL, onSettlePnl, onWithdraw, chainVaultBalance, crossChainWithdraw, crossChainTrans, showQty, networkId, checkIsBridgeless, }: WithdrawFormProps) => react_jsx_runtime.JSX.Element;
176
178
 
177
179
  declare const DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
178
180
  declare const DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
@@ -186,6 +188,49 @@ declare const WithdrawFormWidget: (dialogProps: DepositAndWithdrawProps) => reac
186
188
 
187
189
  declare function installDeposit(): void;
188
190
 
191
+ type TransferFormScriptReturn = ReturnType<typeof useTransferFormScript>;
192
+ type TransferFormScriptOptions = {
193
+ /** target sub account id */
194
+ toAccountId?: string;
195
+ close?: () => void;
196
+ };
197
+ declare const useTransferFormScript: (options: TransferFormScriptOptions) => {
198
+ networkId: NetworkId;
199
+ onTransfer: () => void;
200
+ quantity: string;
201
+ amount: number;
202
+ onQuantityChange: react.Dispatch<react.SetStateAction<string>>;
203
+ maxQuantity: number;
204
+ tokens: API.TokenInfo[];
205
+ token: API.TokenInfo;
206
+ onTokenChange: react.Dispatch<react.SetStateAction<API.TokenInfo>>;
207
+ disabled: boolean;
208
+ submitting: boolean;
209
+ hintMessage: string | undefined;
210
+ inputStatus: InputStatus;
211
+ hasPositions: boolean;
212
+ onSettlePnl: () => Promise<any>;
213
+ unsettledPnL: number | undefined;
214
+ toAccountAsset: number;
215
+ fromAccount: SubAccount | undefined;
216
+ toAccount: SubAccount | undefined;
217
+ fromAccounts: SubAccount[];
218
+ onFromAccountChange: (account: SubAccount) => void;
219
+ toAccounts: SubAccount[] | undefined;
220
+ onToAccountChange: (account: SubAccount) => void;
221
+ onExchange: () => void;
222
+ isMainAccount: boolean;
223
+ };
224
+
225
+ type TransferFormProps = TransferFormScriptReturn;
226
+ declare const TransferForm: FC<TransferFormProps>;
227
+
228
+ declare const TransferDialogId = "TransferDialogId";
229
+ declare const TransferSheetId = "TransferSheetId";
230
+ type TransferFormWidgetProps = TransferFormScriptOptions;
231
+ declare const TransferFormWidget: (props: TransferFormWidgetProps) => react_jsx_runtime.JSX.Element;
232
+ declare const TransferWidget: FC<TransferFormWidgetProps>;
233
+
189
234
  declare function formatAddress(address?: string): string;
190
235
  declare const getTokenByTokenList: (tokens?: API.TokenInfo[]) => any;
191
236
  declare const feeDecimalsOffset: (origin?: number) => number;
@@ -213,9 +258,9 @@ declare const QuantityInput: react.ForwardRefExoticComponent<{
213
258
  } & Omit<InputProps<string>, "onClear" | "suffix" | "onValueChange"> & react.RefAttributes<HTMLInputElement>>;
214
259
 
215
260
  type AvailableQuantityProps = {
216
- token?: API.TokenInfo;
217
- amount: number;
218
- maxQuantity?: string;
261
+ token?: Partial<API.TokenInfo>;
262
+ amount: number | string;
263
+ maxQuantity?: number | string;
219
264
  onClick?: () => void;
220
265
  loading?: boolean;
221
266
  };
@@ -225,7 +270,10 @@ declare const Web3Wallet: FC;
225
270
 
226
271
  declare const BrokerWallet: FC;
227
272
 
228
- declare const ExchangeDivider: FC;
273
+ type ExchangeDividerProps = {
274
+ icon?: ReactNode;
275
+ };
276
+ declare const ExchangeDivider: FC<ExchangeDividerProps>;
229
277
 
230
278
  type SwapCoinProps = {
231
279
  className?: string;
@@ -249,4 +297,4 @@ declare const ActionButton: react__default.FC<ActionButtonProps>;
249
297
  type FeeProps = UseFeeReturn;
250
298
  declare const Fee: FC<FeeProps>;
251
299
 
252
- export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type CurrentChain, type DST, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, Web3Wallet, WithdrawFormUI, WithdrawFormWidget, feeDecimalsOffset, formatAddress, getTokenByTokenList, installDeposit, useActionType, useChainSelect, useDepositAction, useDepositFormScript, useInputStatus, useToken, useWithdrawForm };
300
+ export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type CurrentChain, type DST, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm as WithdrawFormUI, WithdrawFormWidget, feeDecimalsOffset, formatAddress, getTokenByTokenList, installDeposit, useActionType, useChainSelect, useDepositAction, useDepositFormScript, useInputStatus, useToken, useTransferFormScript, useWithdrawFormScript as useWithdrawForm };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
- import react__default, { FC } from 'react';
3
- import { ConnectedChain, Chain } from '@orderly.network/hooks';
2
+ import react__default, { FC, ReactNode } from 'react';
3
+ import { ConnectedChain, Chain, SubAccount } from '@orderly.network/hooks';
4
4
  import { API, NetworkId } from '@orderly.network/types';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import { InputProps } from '@orderly.network/ui';
@@ -55,7 +55,7 @@ declare function useDepositAction(options: Options$2): {
55
55
 
56
56
  type Options$1 = {
57
57
  quantity: string;
58
- maxQuantity: string;
58
+ maxQuantity: string | number;
59
59
  };
60
60
  declare function useInputStatus(options: Options$1): {
61
61
  inputStatus: InputStatus;
@@ -131,10 +131,11 @@ declare const DepositForm: FC<UseDepositFormScriptReturn>;
131
131
  type DepositFormWidgetProps = UseDepositFormScriptOptions;
132
132
  declare const DepositFormWidget: FC<DepositFormWidgetProps>;
133
133
 
134
- type UseWithdrawFormScriptReturn = ReturnType<typeof useWithdrawForm>;
135
- declare const useWithdrawForm: ({ onClose, }: {
134
+ type WithdrawFormScriptReturn = ReturnType<typeof useWithdrawFormScript>;
135
+ type WithdrawFormScriptOptions = {
136
136
  onClose: (() => void) | undefined;
137
- }) => {
137
+ };
138
+ declare const useWithdrawFormScript: (options: WithdrawFormScriptOptions) => {
138
139
  walletName: string | undefined;
139
140
  address: string | undefined;
140
141
  quantity: string;
@@ -154,14 +155,12 @@ declare const useWithdrawForm: ({ onClose, }: {
154
155
  maxQuantity: number;
155
156
  disabled: boolean;
156
157
  loading: boolean;
157
- hasPositions: boolean;
158
158
  unsettledPnL: number;
159
159
  wrongNetwork: boolean;
160
160
  settingChain: boolean;
161
161
  chains: API.NetworkInfos[];
162
162
  currentChain: CurrentChain | null;
163
163
  onChainChange: (chain: API.NetworkInfos) => Promise<void>;
164
- onSettlePnl: () => Promise<any>;
165
164
  onWithdraw: () => Promise<void>;
166
165
  chainVaultBalance: any;
167
166
  fee: any;
@@ -170,9 +169,12 @@ declare const useWithdrawForm: ({ onClose, }: {
170
169
  showQty: string | number;
171
170
  networkId: NetworkId;
172
171
  checkIsBridgeless: boolean;
172
+ hasPositions: boolean;
173
+ onSettlePnl: () => Promise<any>;
173
174
  };
174
175
 
175
- declare const WithdrawFormUI: ({ address, loading, disabled, quantity, onQuantityChange, token, inputStatus, hintMessage, amount, maxQuantity, balanceRevalidating, chains, currentChain, onChainChange, fee, settingChain, wrongNetwork, hasPositions, unsettledPnL, onSettlePnl, onWithdraw, chainVaultBalance, crossChainWithdraw, crossChainTrans, showQty, networkId, checkIsBridgeless, }: UseWithdrawFormScriptReturn) => react_jsx_runtime.JSX.Element;
176
+ type WithdrawFormProps = WithdrawFormScriptReturn;
177
+ declare const WithdrawForm: ({ address, loading, disabled, quantity, onQuantityChange, token, inputStatus, hintMessage, amount, maxQuantity, balanceRevalidating, chains, currentChain, onChainChange, fee, settingChain, wrongNetwork, hasPositions, unsettledPnL, onSettlePnl, onWithdraw, chainVaultBalance, crossChainWithdraw, crossChainTrans, showQty, networkId, checkIsBridgeless, }: WithdrawFormProps) => react_jsx_runtime.JSX.Element;
176
178
 
177
179
  declare const DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
178
180
  declare const DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
@@ -186,6 +188,49 @@ declare const WithdrawFormWidget: (dialogProps: DepositAndWithdrawProps) => reac
186
188
 
187
189
  declare function installDeposit(): void;
188
190
 
191
+ type TransferFormScriptReturn = ReturnType<typeof useTransferFormScript>;
192
+ type TransferFormScriptOptions = {
193
+ /** target sub account id */
194
+ toAccountId?: string;
195
+ close?: () => void;
196
+ };
197
+ declare const useTransferFormScript: (options: TransferFormScriptOptions) => {
198
+ networkId: NetworkId;
199
+ onTransfer: () => void;
200
+ quantity: string;
201
+ amount: number;
202
+ onQuantityChange: react.Dispatch<react.SetStateAction<string>>;
203
+ maxQuantity: number;
204
+ tokens: API.TokenInfo[];
205
+ token: API.TokenInfo;
206
+ onTokenChange: react.Dispatch<react.SetStateAction<API.TokenInfo>>;
207
+ disabled: boolean;
208
+ submitting: boolean;
209
+ hintMessage: string | undefined;
210
+ inputStatus: InputStatus;
211
+ hasPositions: boolean;
212
+ onSettlePnl: () => Promise<any>;
213
+ unsettledPnL: number | undefined;
214
+ toAccountAsset: number;
215
+ fromAccount: SubAccount | undefined;
216
+ toAccount: SubAccount | undefined;
217
+ fromAccounts: SubAccount[];
218
+ onFromAccountChange: (account: SubAccount) => void;
219
+ toAccounts: SubAccount[] | undefined;
220
+ onToAccountChange: (account: SubAccount) => void;
221
+ onExchange: () => void;
222
+ isMainAccount: boolean;
223
+ };
224
+
225
+ type TransferFormProps = TransferFormScriptReturn;
226
+ declare const TransferForm: FC<TransferFormProps>;
227
+
228
+ declare const TransferDialogId = "TransferDialogId";
229
+ declare const TransferSheetId = "TransferSheetId";
230
+ type TransferFormWidgetProps = TransferFormScriptOptions;
231
+ declare const TransferFormWidget: (props: TransferFormWidgetProps) => react_jsx_runtime.JSX.Element;
232
+ declare const TransferWidget: FC<TransferFormWidgetProps>;
233
+
189
234
  declare function formatAddress(address?: string): string;
190
235
  declare const getTokenByTokenList: (tokens?: API.TokenInfo[]) => any;
191
236
  declare const feeDecimalsOffset: (origin?: number) => number;
@@ -213,9 +258,9 @@ declare const QuantityInput: react.ForwardRefExoticComponent<{
213
258
  } & Omit<InputProps<string>, "onClear" | "suffix" | "onValueChange"> & react.RefAttributes<HTMLInputElement>>;
214
259
 
215
260
  type AvailableQuantityProps = {
216
- token?: API.TokenInfo;
217
- amount: number;
218
- maxQuantity?: string;
261
+ token?: Partial<API.TokenInfo>;
262
+ amount: number | string;
263
+ maxQuantity?: number | string;
219
264
  onClick?: () => void;
220
265
  loading?: boolean;
221
266
  };
@@ -225,7 +270,10 @@ declare const Web3Wallet: FC;
225
270
 
226
271
  declare const BrokerWallet: FC;
227
272
 
228
- declare const ExchangeDivider: FC;
273
+ type ExchangeDividerProps = {
274
+ icon?: ReactNode;
275
+ };
276
+ declare const ExchangeDivider: FC<ExchangeDividerProps>;
229
277
 
230
278
  type SwapCoinProps = {
231
279
  className?: string;
@@ -249,4 +297,4 @@ declare const ActionButton: react__default.FC<ActionButtonProps>;
249
297
  type FeeProps = UseFeeReturn;
250
298
  declare const Fee: FC<FeeProps>;
251
299
 
252
- export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type CurrentChain, type DST, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, Web3Wallet, WithdrawFormUI, WithdrawFormWidget, feeDecimalsOffset, formatAddress, getTokenByTokenList, installDeposit, useActionType, useChainSelect, useDepositAction, useDepositFormScript, useInputStatus, useToken, useWithdrawForm };
300
+ export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type CurrentChain, type DST, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm as WithdrawFormUI, WithdrawFormWidget, feeDecimalsOffset, formatAddress, getTokenByTokenList, installDeposit, useActionType, useChainSelect, useDepositAction, useDepositFormScript, useInputStatus, useToken, useTransferFormScript, useWithdrawFormScript as useWithdrawForm };
package/dist/index.js CHANGED
@@ -2,44 +2,50 @@
2
2
 
3
3
  var ui = require('@orderly.network/ui');
4
4
  var react = require('react');
5
- var utils = require('@orderly.network/utils');
6
- var jsxRuntime = require('react/jsx-runtime');
7
- var i18n = require('@orderly.network/i18n');
8
- var hooks = require('@orderly.network/hooks');
5
+ var uiConnector = require('@orderly.network/ui-connector');
9
6
  var types = require('@orderly.network/types');
7
+ var i18n = require('@orderly.network/i18n');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+ var utils = require('@orderly.network/utils');
10
10
  var reactApp = require('@orderly.network/react-app');
11
- var uiConnector = require('@orderly.network/ui-connector');
11
+ var hooks = require('@orderly.network/hooks');
12
12
  var uiChainSelector = require('@orderly.network/ui-chain-selector');
13
13
 
14
- function wt(t,o){let[n,e]=react.useState(""),[r,a]=react.useState(false);return react.useEffect(()=>{r||typeof o!="function"||(a(true),o(t.address,t.decimals).then(s=>{e(s);}).catch(s=>{}).finally(()=>{a(false);}));},[t]),{balance:n,loading:r}}var yt=t=>{let{token:o,isActive:n,onTokenChange:e,fetchBalance:r}=t,{symbol:a,precision:s,decimals:i}=o,{balance:l,loading:m}=wt(o,r),c=typeof r=="function",p=s??2,f=()=>c?m?jsxRuntime.jsx(ui.Spinner,{size:"sm"}):jsxRuntime.jsx(ui.Text.numeral,{rule:"price",dp:p,rm:utils.Decimal.ROUND_DOWN,className:ui.cn("oui-text-base-contrast-80 group-hover:oui-text-base-contrast-54",n&&"oui-text-base-contrast-54"),children:l}):null;return jsxRuntime.jsxs(ui.Flex,{justify:"between",px:2,r:"base",className:ui.cn("group","oui-h-[30px] hover:oui-bg-base-5","oui-text-2xs oui-font-semibold","oui-cursor-pointer",n&&"oui-bg-base-5",t.index!==0&&"oui-mt-[2px]"),onClick:()=>{e?.(o);},children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{name:a,className:"oui-w-[16px] oui-h-[16px]"}),jsxRuntime.jsx(ui.Text,{className:ui.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",n&&"oui-text-base-contrast-80"),children:a})]}),f()]},a)};var $=react.forwardRef((t,o)=>{let{token:n,tokens:e=[],classNames:r,label:a,status:s,hintMessage:i,value:l,onValueChange:m,onTokenChange:c,fetchBalance:p,loading:f,placeholder:b,...h}=t,{t:d}=i18n.useTranslation(),w=react.useRef(null),[k,v]=react.useState(false),[S,D]=react.useState(0),A=react.useMemo(()=>e.map(g=>({...g,name:g.display_name||g.symbol})),[e]);react.useEffect(()=>{let g=w?.current?.getBoundingClientRect();D(g?.width||0);},[w]);let I=g=>{let V=e.find(q=>q.symbol===g);V&&c?.(V);},F=g=>{let V=g.symbol===n?.symbol;return jsxRuntime.jsx(yt,{token:g,fetchBalance:p,onTokenChange:q=>{c?.(q),v(false);},isActive:V})},W=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{className:"oui-absolute oui-top-0",children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:a||d("common.quantity")})}),f&&jsxRuntime.jsx(ui.Box,{className:"oui-absolute oui-bottom-1",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]}),U=e.length>1,Q=jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0",children:jsxRuntime.jsx(ui.Select.tokens,{open:U?k:false,onOpenChange:v,disabled:h.disabled,variant:"text",tokens:A,value:n?.display_name||n?.symbol,size:h.size,onValueChange:I,showIcon:true,optionRenderer:F,contentProps:{onCloseAutoFocus:g=>{g.preventDefault(),w.current?.focus();},onClick:g=>{g.preventDefault(),w.current?.focus();},style:{width:S},align:"end",sideOffset:5,className:"oui-border oui-border-line-6"}})}),G=jsxRuntime.jsxs(ui.Flex,{mt:1,gapX:1,px:1,children:[jsxRuntime.jsx(ui.Box,{width:4,height:4,r:"full",className:ui.cn(s==="error"&&"oui-bg-danger-light",s==="warning"&&"oui-bg-warning-light")}),jsxRuntime.jsx(ui.Text,{size:"2xs",className:ui.cn(s==="error"&&"oui-text-danger-light",s==="warning"&&"oui-text-warning-light"),children:i})]}),ne=b??(f?"":"0");return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Input,{"data-testid":t.testId,ref:w,autoComplete:"off",placeholder:ne,prefix:W,suffix:Q,value:l,onValueChange:g=>{t.onValueChange?.(g);},formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(n?.precision??2),ui.inputFormatter.currencyFormatter],...h,classNames:{...r,root:ui.cn("oui-h-[54px] oui-relative oui-px-3","oui-border oui-border-line oui-rounded-lg",s==="error"&&"focus-within:oui-outline-danger-light oui-outline-danger-light",s==="warning"&&"focus-within:oui-outline-warning-light oui-outline-warning-light",t.readOnly?"oui-bg-base-6 focus-within:oui-outline-0 oui-border-none":"oui-bg-base-5",r?.root),input:ui.cn("oui-absolute oui-bottom-0",r?.input)}}),i&&G]})});var Tt=t=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M10.997 8.004a.5.5 0 0 0-.14-.36l-1.86-1.843-.703.703.984 1h-7.28a.5.5 0 0 0 0 1h7.28l-.984 1 .703.703 1.86-1.844a.5.5 0 0 0 .14-.36m-.5-4a.5.5 0 0 0-.5-.5H2.716l.984-1-.703-.703-1.859 1.843a.515.515 0 0 0 0 .719l1.86 1.844.702-.703-.984-1h7.281a.5.5 0 0 0 .5-.5"})}),vt=t=>jsxRuntime.jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M9.994 5.51a.83.83 0 0 0-.832.833v6.295l-2.498-2.471-1.17 1.17 3.902 3.929a.84.84 0 0 0 .599.244.84.84 0 0 0 .597-.244l3.903-3.928-1.171-1.171-2.498 2.471V6.343a.83.83 0 0 0-.832-.833"})});var Ft=t=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M4.078 1.744a2.333 2.333 0 0 0-2.333 2.333v5.834a2.333 2.333 0 0 0 2.333 2.333h5.833a2.333 2.333 0 0 0 2.334-2.333V4.077A2.333 2.333 0 0 0 9.91 1.744zm2.917 2.333c.322 0 .583.262.583.584v2.916h1.75L6.995 9.911 4.66 7.577h1.75V4.661c0-.322.262-.584.584-.584"})}),St=t=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M4.078 12.244a2.333 2.333 0 0 1-2.333-2.333V4.077a2.333 2.333 0 0 1 2.333-2.333h5.833a2.333 2.333 0 0 1 2.334 2.333v5.834a2.333 2.333 0 0 1-2.334 2.333zm2.917-2.333a.584.584 0 0 0 .583-.584V6.411h1.75L6.995 4.077 4.66 6.411h1.75v2.916c0 .322.262.584.584.584"})}),At=t=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M6.00342 1.49561C4.97642 1.49561 3.99542 1.84011 3.20642 2.46461C2.98992 2.63561 2.95692 2.9511 3.12842 3.1676C3.29992 3.3841 3.61492 3.4171 3.83142 3.2456C4.44492 2.7601 5.20392 2.4956 6.00342 2.4956C7.93642 2.4956 9.50342 4.0626 9.50342 5.9956H8.50342L10.0034 7.9956L11.5034 5.9956H10.5034C10.5034 3.5101 8.48892 1.49561 6.00342 1.49561ZM2.00342 3.9956L0.503418 5.9956H1.50342C1.50342 8.4811 3.51792 10.4956 6.00342 10.4956C7.03092 10.4956 8.01142 10.1516 8.80042 9.52659C9.01692 9.35559 9.04992 9.0401 8.87842 8.8236C8.70692 8.6071 8.39191 8.5741 8.17542 8.7456C7.56142 9.2316 6.80342 9.4956 6.00342 9.4956C4.07042 9.4956 2.50342 7.9286 2.50342 5.9956H3.50342L2.00342 3.9956Z"})});var ae=t=>{let{chains:o,value:n,wrongNetwork:e,loading:r}=t,[a,s]=react.useState(false),{t:i}=i18n.useTranslation(),l=e||o?.length>1,m=e?jsxRuntime.jsx(ui.Flex,{width:18,height:18,intensity:100,r:"full",justify:"center",itemAlign:"center",children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:"U"})}):jsxRuntime.jsx(ui.ChainIcon,{className:"oui-w-[18px] oui-h-[18px]",chainId:n?.id}),c=e?"Unknown":n?.info?.network_infos?.name,p=()=>{if(r)return jsxRuntime.jsx(ui.Spinner,{size:"sm"});if(l)return jsxRuntime.jsx(Tt,{className:"oui-text-base-contrast-54"})},f=jsxRuntime.jsxs(ui.Flex,{intensity:500,className:ui.cn("oui-rounded-t-xl oui-rounded-b-sm oui-border oui-border-line",l?"oui-cursor-pointer":"oui-cursor-auto"),height:54,px:3,justify:"between",itemAlign:"center",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:i("transfer.network")})}),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[m,jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,children:c})]})]}),p()]}),b=o.map((h,d)=>{let w=h.chain_id===n?.id;return jsxRuntime.jsxs(ui.Flex,{px:2,r:"base",justify:"between",className:ui.cn("oui-deposit-network-select-item","hover:oui-bg-base-5 oui-h-[30px] oui-cursor-pointer",w&&"oui-bg-base-5",d!==0&&"oui-mt-[2px]"),onClick:async()=>{s(false),await t.onValueChange(h);},children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,itemAlign:"center",children:[jsxRuntime.jsx(ui.ChainIcon,{className:"oui-w-[18px] oui-h-[18px]",chainId:h.chain_id}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:h.name}),h.bridgeless&&jsxRuntime.jsx(ui.Flex,{className:"oui-bg-success-light/15",height:18,px:2,r:"base",justify:"center",itemAlign:"center",children:jsxRuntime.jsx(ui.Text,{size:"2xs",className:"oui-text-success-light",children:i("transfer.lowestFee")})})]}),w&&jsxRuntime.jsx(ui.Box,{width:4,height:4,r:"full",className:"oui-deposit-network-select-active-dot oui-bg-[linear-gradient(270deg,#59B0FE_0%,#26FEFE_100%)]"})]},h.chain_id)});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:l?a:false,onOpenChange:s,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:f}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:h=>h.preventDefault(),align:"start",sideOffset:2,className:ui.cn("oui-deposit-token-select-dropdown-menu-content","oui-bg-base-8 oui-p-1","oui-w-[var(--radix-dropdown-menu-trigger-width)]","oui-rounded-md oui-select-none"),children:jsxRuntime.jsx(ui.ScrollArea,{children:jsxRuntime.jsxs("div",{className:"oui-max-h-[254px]",children:[b," "]})})})})]})};var le=()=>jsxRuntime.jsxs(ui.Flex,{height:40,gapX:3,children:[jsxRuntime.jsx(ui.Flex,{height:1,className:"oui-bg-base-contrast-12 oui-flex-1"}),jsxRuntime.jsx(vt,{className:"oui-text-primary-light"}),jsxRuntime.jsx(ui.Flex,{height:1,className:"oui-bg-base-contrast-12 oui-flex-1"})]});function Pt(t){return t?t.replace(/^(.{6})(.*)(.{4})$/,"$1......$3"):"--"}var Dt=(t=[])=>{let o=t.reduce((n,e)=>(n[e.symbol]=e,n),{});return o.USDC||o.USDbC||t[0]},Wt=t=>(t??2)+3;var ue=()=>{let{t}=i18n.useTranslation(),{wallet:o,connectedChain:n}=hooks.useWalletConnector(),{state:e,account:r}=hooks.useAccount(),{walletName:a,address:s}=react.useMemo(()=>{let i=e.address;return n?.id&&types.ABSTRACT_CHAIN_ID_MAP.has(parseInt(n?.id))&&(i=r.getAdditionalInfo()?.AGWAddress),{walletName:o?.label,address:Pt(i)}},[o,e,r,n]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:t("transfer.web3Wallet")}),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.WalletIcon,{size:"xs",name:a??""}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:54,children:s})]})]})};var ce=()=>{let{t}=i18n.useTranslation(),{appIcons:o}=reactApp.useAppConfig(),n=hooks.useConfig("brokerName"),e=react.useMemo(()=>{let{secondary:r}=o||{};if(!r?.img&&r?.component)return null;if(r?.img)return jsxRuntime.jsx("img",{src:r?.img,className:"oui-w-5 oui-h-5"});if(r?.component)return jsxRuntime.jsx(jsxRuntime.Fragment,{children:r.component})},[o]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:t("transfer.brokerAccount",{brokerName:n})}),e]})};var pe=t=>{let{amount:o,maxQuantity:n,token:e,loading:r}=t,{t:a}=i18n.useTranslation(),s=e?.display_name||e?.symbol||"",i=e?.precision??2;return jsxRuntime.jsxs(ui.Flex,{justify:"between",px:2,children:[jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:36,children:["$",jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,children:o})]}),jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:36,children:[`${a("common.available")}: `,jsxRuntime.jsx(ui.Text.numeral,{rm:utils.Decimal.ROUND_DOWN,dp:i,padding:false,"data-testid":"oui-testid-withdraw_deposit-dialog-available-value",children:n}),` ${s}`]}),r&&jsxRuntime.jsx(ui.Spinner,{size:"sm"}),jsxRuntime.jsx(ui.Text,{size:"2xs",color:"primary",className:"oui-cursor-pointer oui-select-none",onClick:t.onClick,children:a("common.max")})]})]})};var Le=t=>{let{token:o,dst:n,price:e}=t,r=o?.display_name||o?.symbol||"USDC";return jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,className:t.className,children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:"1"}),` ${r} = `,e?jsxRuntime.jsx(ui.Text.numeral,{size:"xs",intensity:80,dp:3,padding:false,children:e}):"-",` ${n?.symbol}`]})})};var He=t=>{let{dstGasFee:o,feeQty:n,feeAmount:e,dp:r,nativeSymbol:a}=t,{t:s}=i18n.useTranslation(),i=()=>{let m=jsxRuntime.jsxs("div",{className:"oui-text-2xs",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:`${s("transfer.deposit.destinationGasFee")}: `}),jsxRuntime.jsx(ui.Text.numeral,{intensity:80,dp:r,rm:utils.Decimal.ROUND_UP,padding:false,children:n}),jsxRuntime.jsx(ui.Text,{intensity:54,children:a})]}),jsxRuntime.jsx(ui.Box,{mt:2,children:jsxRuntime.jsx(ui.Text,{intensity:36,children:s("transfer.deposit.destinationGasFee.description")})})]});ui.modal.alert({title:s("common.fee"),message:m});},l=!!o&&o!=="0";return jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,className:"oui-border-dashed oui-border-b oui-border-line-12 oui-cursor-pointer",onClick:i,children:[`${s("common.fee")} \u2248 `,jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:80,children:["$",jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_UP,children:e})," "]}),l&&jsxRuntime.jsxs("span",{children:["(",jsxRuntime.jsxs(ui.Text,{intensity:54,children:[jsxRuntime.jsx(ui.Text.numeral,{dp:r,padding:false,rm:utils.Decimal.ROUND_UP,children:n}),a]}),")"]})]})};var Xe=(e=>(e[e.Deposit=0]="Deposit",e[e.Approve=1]="Approve",e[e.Increase=2]="Increase",e))(Xe||{});var Ye=t=>{let{disabled:o,loading:n,actionType:e,symbol:r="USDC",onDeposit:a,onApprove:s,networkId:i}=t,{t:l}=i18n.useTranslation(),m=react.useMemo(()=>({1:{children:l("transfer.deposit.approve.symbol",{symbol:r}),onClick:s,disabled:false,"data-testid":"oui-testid-deposit-dialog-approve-btn"},2:{children:l("transfer.deposit.increase.symbol",{symbol:r}),onClick:s,"data-testid":"oui-testid-deposit-dialog-increase-btn"},0:{children:l("common.deposit"),onClick:a,"data-testid":"oui-testid-deposit-dialog-deposit-btn"}})[e],[s,a,e,r,l]),c={initial:"md",lg:"lg"};return jsxRuntime.jsx(ui.Box,{className:"oui-w-full lg:oui-w-auto lg:oui-min-w-[184px]",children:jsxRuntime.jsx(uiConnector.AuthGuard,{status:types.AccountStatusEnum.EnableTrading,networkId:i,buttonProps:{fullWidth:true,size:c},children:jsxRuntime.jsx(ui.Button,{fullWidth:true,disabled:o,loading:n,size:c,...m})})})};var Ke=t=>{let{token:o,tokens:n,onTokenChange:e,amount:r,quantity:a,maxQuantity:s,onQuantityChange:i,hintMessage:l,inputStatus:m,chains:c,currentChain:p,settingChain:f,onChainChange:b,actionType:h,onDeposit:d,onApprove:w,fetchBalance:k,dst:v,wrongNetwork:S,balanceRevalidating:D,loading:A,disabled:I,networkId:F,fee:W}=t;return jsxRuntime.jsxs(ui.Box,{id:"oui-deposit-form",className:ui.textVariants({weight:"semibold"}),children:[jsxRuntime.jsxs(ui.Box,{className:"oui-mb-6 lg:oui-mb-8",children:[jsxRuntime.jsx(ue,{}),jsxRuntime.jsxs(ui.Box,{mt:3,mb:1,children:[jsxRuntime.jsx(ae,{chains:c,value:p,onValueChange:b,wrongNetwork:S,loading:f}),jsxRuntime.jsx($,{classNames:{root:"oui-mt-[2px] oui-rounded-t-sm oui-rounded-b-xl"},value:a,onValueChange:i,tokens:n,token:o,onTokenChange:e,status:m,hintMessage:l,fetchBalance:k,"data-testId":"oui-testid-deposit-dialog-quantity-input"})]}),jsxRuntime.jsx(pe,{token:o,amount:r,maxQuantity:s,loading:D,onClick:()=>{i(s);}}),jsxRuntime.jsx(le,{}),jsxRuntime.jsx(ce,{}),jsxRuntime.jsx($,{readOnly:true,token:v,value:a,classNames:{root:"oui-mt-3 oui-border-transparent focus-within:oui-outline-transparent"}}),jsxRuntime.jsxs(ui.Flex,{direction:"column",mt:1,gapY:1,itemAlign:"start",children:[jsxRuntime.jsx(Le,{token:o,dst:v,price:1}),jsxRuntime.jsx(He,{...W})]})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",children:jsxRuntime.jsx(Ye,{actionType:h,symbol:o?.symbol,disabled:I,loading:A,onDeposit:d,onApprove:w,networkId:F})})]})};function Je(t){let{isNativeToken:o,allowance:n,quantity:e,maxQuantity:r}=t;return react.useMemo(()=>{let s=o?Number.MAX_VALUE:Number(n);if(s<=0)return 1;let i=Number(e),l=Number(r);return s<i&&i<=l?2:0},[o,n,e,r])}function tt(){let{t}=i18n.useTranslation(),o=hooks.useConfig("networkId"),[n]=hooks.useLocalStorage("orderly_link_device",{}),{connectedChain:e,settingChain:r,setChain:a}=hooks.useWalletConnector(),[s,{findByChainId:i}]=hooks.useChains(o,{pick:"network_infos",filter:c=>c.network_infos?.bridge_enable||c.network_infos?.bridgeless}),l=react.useMemo(()=>{let c=e?utils.praseChainIdToNumber(e.id):parseInt(n?.chainId);if(!c)return null;let p=i(c);return {...e,id:c,info:p}},[i,e,n]),m=react.useCallback(async c=>{let p=i(c.chain_id);if(e)return !p||p.network_infos?.chain_id===l?.id?Promise.resolve():a({chainId:utils.int2hex(Number(p.network_infos?.chain_id))}).then(f=>{f?ui.toast.success(t("connector.networkSwitched")):ui.toast.error(t("connector.switchChain.failed"));}).catch(f=>{f&&f.message&&ui.toast.error(`${t("connector.switchChain.failed")}: ${f.message}`);})},[l,a,i]);return {chains:s,currentChain:l,settingChain:r,onChainChange:m}}function nt(t){let{quantity:o,allowance:n,approve:e,deposit:r,enableCustomDeposit:a,customDeposit:s,onSuccess:i}=t,[l,m]=react.useState(false),c=hooks.useEventEmitter(),{t:p}=i18n.useTranslation(),f=react.useCallback(async()=>{if(!l)return m(true),e(o).then(d=>{ui.toast.success(p("transfer.deposit.approve.success"));}).catch(d=>{ui.toast.error(d.message||d.errorCode||p("transfer.deposit.approve.failed"));}).finally(()=>{m(false);})},[e,l,o,n,p]),b=react.useCallback(async()=>r().then(d=>{ui.toast.success(p("transfer.deposit.requested")),c.emit("deposit:requested"),i?.();}).catch(d=>{ui.toast.error(d.message||d.errorCode||p("transfer.deposit.failed"));}),[r,i,p]),h=react.useCallback(()=>{let d=Number(o);if(isNaN(d)||d<=0){ui.toast.error(p("transfer.quantity.invalid"));return}if(l)return;m(true),(a?s:b)?.()?.finally(()=>{m(false);});},[o,l,b,a,s,p]);return {submitting:l,onApprove:f,onDeposit:h}}function rt(t){let{quantity:o,maxQuantity:n}=t,{t:e}=i18n.useTranslation(),[r,a]=react.useState("default"),[s,i]=react.useState();return react.useEffect(()=>{if(!o){a("default"),i("");return}new utils.Decimal(o).gt(n)?(a("error"),i(e("transfer.insufficientBalance"))):(a("default"),i(""));},[o,n]),{inputStatus:r,hintMessage:s}}function it(t){let{currentChain:o,tokensFilter:n}=t,[e,r]=react.useState(),[a,s]=react.useState([]),i=react.useCallback(l=>{if(l&&l?.token_infos?.length>0){let m=typeof n=="function"?n(l):l.token_infos;s(m);let c=Dt(m);if(!c)return;r(c);}},[n]);return react.useEffect(()=>{i(o?.info);},[o?.id,i]),{token:e,tokens:a,onTokenChange:r}}var at=t=>{let{wrongNetwork:o}=reactApp.useAppContext(),n=hooks.useConfig("networkId"),{chains:e,currentChain:r,settingChain:a,onChainChange:s}=tt(),{token:i,tokens:l,onTokenChange:m}=it({currentChain:r}),{dst:c,balance:p,allowance:f,depositFeeRevalidating:b,depositFee:h,quantity:d,setQuantity:w,approve:k,deposit:v,isNativeToken:S,balanceRevalidating:D,fetchBalance:A}=hooks.useDeposit({address:i?.address,decimals:i?.decimals,srcChainId:r?.id,srcToken:i?.symbol}),I=react.useMemo(()=>new utils.Decimal(p||0).todp(i?.precision??2,utils.Decimal.ROUND_DOWN).toString(),[p,i]),{inputStatus:F,hintMessage:W}=rt({quantity:d,maxQuantity:I}),U=()=>{w("");},Q=react.useCallback(()=>{U(),t.onClose?.();},[t.onClose]),{submitting:G,onApprove:ne,onDeposit:g}=nt({quantity:d,allowance:f,approve:k,deposit:v,onSuccess:Q}),V=G||b,q=!d||Number(d)===0||!i||F==="error"||b,We=react.useMemo(()=>new utils.Decimal(d||0).mul(1).toNumber(),[d]),dt=Je({isNativeToken:S,allowance:f,quantity:d,maxQuantity:I}),B=Gn({nativeToken:r?.info?.nativeToken,depositFee:h});return react.useEffect(()=>{U();},[i,r?.id]),{token:i,tokens:l,onTokenChange:m,amount:We,quantity:d,maxQuantity:I,onQuantityChange:w,hintMessage:W,inputStatus:F,chains:e,currentChain:r,settingChain:a,onChainChange:s,actionType:dt,onDeposit:g,onApprove:ne,fetchBalance:A,dst:c,wrongNetwork:o,balanceRevalidating:D,loading:V,disabled:q,networkId:n,fee:B}};function Gn(t){let{nativeToken:o,depositFee:n=0}=t,{account:e}=hooks.useAccount(),r=o?.symbol,{data:a}=hooks.useIndexPrice(`SPOT_${r}_USDC`);return {...react.useMemo(()=>{let i=new utils.Decimal(n.toString()).div(new utils.Decimal(10).pow(e.walletAdapter?.chainNamespace===types.ChainNamespace.solana?9:18)).toString(),l=new utils.Decimal(i).mul(a||0).toString();return {dstGasFee:i,feeQty:i,feeAmount:l,dp:Wt(4)}},[n,a]),nativeSymbol:r}}var Fe=t=>{let o=at(t);return jsxRuntime.jsx(Ke,{...o})};var qt=({checkIsBridgeless:t,quantity:o,chainVaultBalance:n,currentChain:e,maxAmount:r,crossChainTrans:a})=>{let{t:s}=i18n.useTranslation(),{wrongNetwork:i}=reactApp.useAppContext(),{state:l}=hooks.useAccount(),m=react.useMemo(()=>{if(e&&e.info&&e.info.network_infos)return e.info.network_infos.name},[e]),c=react.useMemo(()=>!n||!r||!o||new utils.Decimal(o).gt(r)?false:!!new utils.Decimal(o).gt(n),[o,n]),f=(()=>{if(l.status!==types.AccountStatusEnum.NotConnected){if(i||!t)return jsxRuntime.jsx(ui.Box,{children:m?s("transfer.withdraw.unsupported.networkName",{networkName:m}):s("transfer.withdraw.unsupported.chain")});if(a)return s("transfer.withdraw.crossChain.process");if(c)return s("transfer.withdraw.crossChain.vaultWarning",{networkName:m,chainVaultBalance:n})}})();return f?jsxRuntime.jsx(ui.Flex,{className:"oui-text-warning-darken oui-text-xs oui-justify-center oui-text-center",mb:3,children:f}):null};var Lt=({hasPositions:t,unsettledPnl:o,onSettlle:n})=>{let{t:e}=i18n.useTranslation();if(o===0&&!t)return jsxRuntime.jsx(jsxRuntime.Fragment,{});let r=()=>{ui.modal.confirm({title:e("settle.settlePnl"),content:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"}),onOk:()=>n()});};return jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-text-2xs oui-text-base-contrast-36 oui-mt-1 oui-mx-2",children:[jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"start",gap:1,children:[jsxRuntime.jsx(ui.Tooltip,{className:"oui-max-w-[274px]",content:e("settle.unsettled.tooltip"),children:jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"start",gap:1,children:[jsxRuntime.jsx(ui.ExclamationFillIcon,{size:14,className:"oui-text-warning-darken"}),jsxRuntime.jsx(ui.Text,{className:"oui-border-dashed oui-border-b oui-border-line-12 oui-cursor-pointer",children:`${e("settle.unsettled")}:`})]})}),jsxRuntime.jsx(ui.Text.numeral,{showIdentifier:true,coloring:true,weight:"semibold",dp:6,"data-testid":"oui-testid-withdraw-dialog-unsettledPnl-value",children:o}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gap:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(At,{className:"oui-text-primary"}),jsxRuntime.jsx(ui.Text,{"data-testid":"oui-testid-withdraw-dialog-settle-text",size:"2xs",color:"primary",className:" oui-select-none",onClick:r,children:e("common.settle")})]})]})};var $t=({address:t,amount:o,currentChain:n})=>{let{t:e}=i18n.useTranslation(),r=react.useMemo(()=>{if(n&&n.info&&n.info.network_infos)return n.info.network_infos.name},[n]);return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",justify:"start",className:"oui-gap-1 lg:oui-gap-3",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",mb:5,className:"oui-gap-3 lg:oui-gap-4",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("transfer.withdraw.crossChain.recipientAddress")}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,className:"oui-break-all",children:t})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:e("transfer.withdraw.crossChain.recipientNetwork")}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.ChainIcon,{className:"oui-h-[18px] oui-w-[18px]",size:"sm",chainId:n.id}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:r})]})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:`${e("transfer.withdraw.crossChain.withdrawAmount")} (USDC)`}),jsxRuntime.jsx(ui.Text.numeral,{size:"sm",intensity:98,dp:2,children:o})]})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",className:"oui-text-warning-darken oui-text-2xs lg:oui-text-xs oui-text-center",mb:3,children:e("transfer.withdraw.crossChain.warning")})]})};function lt(t){let{t:o}=i18n.useTranslation(),n=()=>{ui.modal.show(uiChainSelector.ChainSelectorDialogId,{networkId:t.networkId,bridgeLessOnly:true}).then(e=>{ui.toast.success(o("connector.networkSwitched"));},e=>{});};return jsxRuntime.jsx(ui.Flex,{direction:"column",children:jsxRuntime.jsx(ui.Button,{color:"warning",size:t.size,fullWidth:true,onClick:()=>{n();},children:o("connector.switchNetwork")})})}var Xt=t=>{let{disabled:o,loading:n,onWithdraw:e,networkId:r,crossChainWithdraw:a,address:s,currentChain:i,quantity:l,fee:m,checkIsBridgeless:c}=t,{t:p}=i18n.useTranslation(),f=react.useMemo(()=>l?new utils.Decimal(l).minus(m??0).toNumber():0,[l,m]),b=()=>{if(a){ui.modal.confirm({title:p("transfer.withdraw.crossChain.confirmWithdraw"),content:jsxRuntime.jsx($t,{address:s,amount:f,currentChain:i}),classNames:{content:"oui-font-semibold",body:"!oui-pb-0",footer:"!oui-pt-0"},onOk:async()=>{e();}});return}e();},h={initial:"md",lg:"lg"};return jsxRuntime.jsx(ui.Box,{className:"oui-w-full lg:oui-w-auto lg:oui-min-w-[184px]",children:jsxRuntime.jsx(uiConnector.AuthGuard,{status:types.AccountStatusEnum.EnableTrading,networkId:r,bridgeLessOnly:true,buttonProps:{fullWidth:true,size:h},children:c?jsxRuntime.jsx(ui.Button,{"data-testid":"oui-testid-withdraw-dialog-withdraw-btn",fullWidth:true,disabled:o,loading:n,onClick:b,size:h,children:p("common.withdraw")}):jsxRuntime.jsx(lt,{networkId:r,size:h})})})};var ct=({address:t,loading:o,disabled:n,quantity:e,onQuantityChange:r,token:a,inputStatus:s,hintMessage:i,amount:l,maxQuantity:m,balanceRevalidating:c,chains:p,currentChain:f,onChainChange:b,fee:h,settingChain:d,wrongNetwork:w,hasPositions:k,unsettledPnL:v,onSettlePnl:S,onWithdraw:D,chainVaultBalance:A,crossChainWithdraw:I,crossChainTrans:F,showQty:W,networkId:U,checkIsBridgeless:Q})=>{let{t:G}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{id:"oui-withdraw-form",className:ui.textVariants({weight:"semibold"}),children:[jsxRuntime.jsxs(ui.Box,{className:"oui-mb-6 lg:oui-mb-8",children:[jsxRuntime.jsx(ce,{}),jsxRuntime.jsx(ui.Box,{mt:3,mb:1,children:jsxRuntime.jsx($,{value:e,onValueChange:r,token:a,onTokenChange:()=>{},status:s,hintMessage:i,testId:"oui-testid-withdraw-dialog-quantity-input"})}),jsxRuntime.jsx(pe,{token:a,amount:l,maxQuantity:m.toString(),loading:c,onClick:()=>{r(m.toString());}}),jsxRuntime.jsx(Lt,{unsettledPnl:v,hasPositions:k,onSettlle:S}),jsxRuntime.jsx(le,{}),jsxRuntime.jsx(ue,{}),jsxRuntime.jsxs(ui.Box,{mt:3,children:[jsxRuntime.jsx(ae,{chains:p,value:f,onValueChange:b,wrongNetwork:w,loading:d}),jsxRuntime.jsx($,{classNames:{root:"oui-mt-[2px] oui-rounded-t-sm oui-rounded-b-xl"},token:a,value:W,readOnly:true})]}),jsxRuntime.jsx(ui.Flex,{direction:"column",mt:1,gapY:1,itemAlign:"start",children:jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,children:[`${G("common.fee")} \u2248 `,jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:`${h} `}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]})})]}),jsxRuntime.jsx(qt,{checkIsBridgeless:Q,chainVaultBalance:A,currentChain:f,quantity:e,maxAmount:m,crossChainTrans:F}),jsxRuntime.jsx(ui.Flex,{justify:"center",children:jsxRuntime.jsx(Xt,{checkIsBridgeless:Q,networkId:U,disabled:n,loading:o,onWithdraw:D,crossChainWithdraw:I,currentChain:f,address:t,quantity:e,fee:h})})]})};var Jt=1,mt=({onClose:t})=>{let {t:o}=i18n.useTranslation(),[n]=hooks.usePositionStream(),[e,r]=react.useState(false),[a,s]=react.useState(false),{data:i}=hooks.usePrivateQuery("/v1/asset/history",{revalidateOnMount:true}),l=hooks.useConfig("networkId"),m=hooks.useEventEmitter(),[c,p]=react.useState(""),[f,b]=react.useState({symbol:"USDC",decimals:6,address:"",display_name:"",precision:6}),[h,d]=react.useState("default"),[w,k]=react.useState(),{wrongNetwork:v}=reactApp.useAppContext(),{account:S}=hooks.useAccount(),[D]=hooks.useLocalStorage("orderly_link_device",{}),{data:A}=hooks.useQuery("/v1/public/vault_balance",{revalidateOnMount:true}),{connectedChain:I,wallet:F,setChain:W,settingChain:U}=hooks.useWalletConnector();hooks.useConfig();let {walletName:G,address:ne}=react.useMemo(()=>({walletName:F?.label,address:F?.accounts?.[0].address}),[F]),g=u=>{p(u);},V=react.useMemo(()=>new utils.Decimal(c||0).mul(Jt).toNumber(),[c,Jt]),{dst:q,withdraw:We,isLoading:dt,maxAmount:B,availableBalance:io,availableWithdraw:Yr,unsettledPnL:ge}=hooks.useWithdraw(),[so,L]=react.useState(true),[Be,{findByChainId:we}]=hooks.useChains(l,{pick:"network_infos",filter:u=>u.network_infos?.bridge_enable||u.network_infos?.bridgeless}),re=react.useMemo(()=>l==="mainnet"?Be.filter(u=>u.bridgeless):Be,[Be,l]),{configStore:ao}=react.useContext(hooks.OrderlyContext),lo=ao.get("apiBaseUrl"),{data:ft}=hooks.useQuery(`${lo}/v1/public/token?t=withdraw`,{revalidateIfStale:false,revalidateOnFocus:false,revalidateOnReconnect:false,revalidateOnMount:true,dedupingInterval:36e5,formatter:u=>{if(u.rows.length===1)return u.rows[0].chain_details}}),C=react.useMemo(()=>{let u=I?utils.praseChainIdToNumber(I.id):parseInt(D?.chainId);if(!u)return null;let T=we(u);return {...I,id:u,info:T}},[we,I,D]),uo=react.useMemo(()=>v||!C?false:l==="testnet"?true:!(!C.info||!C.info.network_infos||!C.info.network_infos.bridgeless),[C,v]),co=()=>{p("");},mo=react.useCallback(async u=>{let T=we(u.chain_id);return !T||T.network_infos?.chain_id===C?.id?Promise.resolve():W?.({chainId:utils.int2hex(Number(T.network_infos?.chain_id))}).then(ie=>{ie?(ui.toast.success(o("connector.networkSwitched")),co()):ui.toast.error(o("connector.switchChain.failed"));}).catch(ie=>{ui.toast.error(`${o("connector.switchChain.failed")}: ${ie.message}`);})},[C,W,we,o]),po=react.useMemo(()=>n?.rows?.length>0,[n]),fo=async()=>S.settle().catch(u=>(u.code==-1104&&ui.toast.error(o("settle.settlement.error")),u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&m.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:S.address}),u.message.indexOf("user rejected")!==-1&&ui.toast.error(o("transfer.rejectTransaction")),Promise.reject(u))).then(u=>(ui.toast.success(o("settle.settlement.requested")),Promise.resolve(u))),xe=react.useMemo(()=>{if(!A||!C)return null;let u=A.find(T=>parseInt(T.chain_id)===C?.id);return u?u.balance:null},[re,C,A]),be=react.useMemo(()=>{if(xe!==null){let u=parseFloat(c);return u>xe&&u<=B}return false},[c,B,xe]),ht=react.useMemo(()=>re.minimum_withdraw_amount??1,[re]),ho=async()=>{if(!a&&h==="default"){if(new utils.Decimal(c).lt(ht)){ui.toast.error(o("transfer.withdraw.minAmount.error",{minAmount:ht}));return}return s(true),We({amount:c,token:"USDC",chainId:C?.id,allowCrossChainWithdraw:be}).then(u=>{ui.toast.success(o("transfer.withdraw.requested")),m.emit("withdraw:requested"),t&&t(),p("");}).catch(u=>{if(u.message.indexOf("user rejected")!==-1){ui.toast.error(o("transfer.rejectTransaction"));return}if(u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){m.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:S.address});return}ui.toast.error(u.message);}).finally(()=>{s(false);})}},_e=react.useMemo(()=>{if(!C)return 0;let u=ft?.find(T=>parseInt(T.chain_id)===C.id);return u?be?(u.withdrawal_fee||0)+(u.cross_chain_withdrawal_fee||0):u.withdrawal_fee||0:0},[C,ft,re,be]),go=react.useMemo(()=>{if(!c)return "";let u=new utils.Decimal(c).sub(_e??0);return u.isNegative()?"":u.toNumber()},[_e,c]);return react.useEffect(()=>{if(e&&L(true),!c){d("default"),k(""),L(true);return}let u=new utils.Decimal(c??0);ge<0?u.gt(B)?(d("error"),k(o("transfer.insufficientBalance")),L(true)):(d("default"),k(""),L(false)):u.gt(B)?(d("error"),k(o("transfer.insufficientBalance")),L(true)):u.gt(new utils.Decimal(B).minus(ge))&&u.lessThanOrEqualTo(B)?(d("warning"),k(o("settle.settlePnl.warning")),L(true)):(d("default"),k(""),L(false));},[c,B,ge,e]),react.useEffect(()=>{let u=i?.find(T=>T.trans_status==="pending_rebalance".toUpperCase());r(!!u);},[i]),hooks.useWalletSubscription({onMessage(u){if(!e)return;let{trxId:T,transStatus:ie}=u;T===e&&ie==="COMPLETED"&&r(false);}}),{walletName:G,address:ne,quantity:c,onQuantityChange:g,token:f,inputStatus:h,hintMessage:w,dst:q,amount:V,balanceRevalidating:false,maxQuantity:B,disabled:so,loading:a,hasPositions:po,unsettledPnL:ge,wrongNetwork:v,settingChain:U,chains:re,currentChain:C,onChainChange:mo,onSettlePnl:fo,onWithdraw:ho,chainVaultBalance:xe,fee:_e,crossChainWithdraw:be,crossChainTrans:e,showQty:go,networkId:l,checkIsBridgeless:uo}};var pt=t=>{let o=mt({onClose:t.close});return jsxRuntime.jsx(ct,{...o})};function Er(){ui.installExtension({name:"deposit-form",scope:["*"],positions:[ui.ExtensionPositionEnum.DepositForm],__isInternal:true})(t=>jsxRuntime.jsx(Fe,{onClose:t.onClose}));}var to=t=>jsxRuntime.jsx(ui.ExtensionSlot,{position:ui.ExtensionPositionEnum.DepositForm,defaultWidget:Fe,...t});var Hr="DepositAndWithdrawWithDialogId",Xr="DepositAndWithdrawWithSheetId",ro=t=>{let[o,n]=react.useState(t.activeTab||"deposit"),{t:e}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Tabs,{value:o,onValueChange:n,variant:"contained",size:"lg",classNames:{tabsList:"oui-px-0",tabsContent:"oui-pt-5"},children:[jsxRuntime.jsx(ui.TabPanel,{title:e("common.deposit"),icon:jsxRuntime.jsx(Ft,{}),value:"deposit",children:jsxRuntime.jsx(to,{onClose:t.close})}),jsxRuntime.jsx(ui.TabPanel,{title:e("common.withdraw"),icon:jsxRuntime.jsx(St,{}),value:"withdraw",children:jsxRuntime.jsx(pt,{...t})})]})};ui.registerSimpleDialog(Hr,ro,{size:"md",classNames:{content:"oui-border oui-border-line-6"}});ui.registerSimpleSheet(Xr,ro);
14
+ var ie=(n=>(n[n.Deposit=0]="Deposit",n[n.Approve=1]="Approve",n[n.Increase=2]="Increase",n))(ie||{});var ue=t=>{let{disabled:e,loading:o,actionType:n,symbol:r="USDC",onDeposit:u,onApprove:i,networkId:a}=t,{t:s}=i18n.useTranslation(),c=react.useMemo(()=>({1:{children:s("transfer.deposit.approve.symbol",{symbol:r}),onClick:i,disabled:false,"data-testid":"oui-testid-deposit-dialog-approve-btn"},2:{children:s("transfer.deposit.increase.symbol",{symbol:r}),onClick:i,"data-testid":"oui-testid-deposit-dialog-increase-btn"},0:{children:s("common.deposit"),onClick:u,"data-testid":"oui-testid-deposit-dialog-deposit-btn"}})[n],[i,u,n,r,s]),l={initial:"md",lg:"lg"};return jsxRuntime.jsx(ui.Box,{className:"oui-w-full lg:oui-w-auto lg:oui-min-w-[184px]",children:jsxRuntime.jsx(uiConnector.AuthGuard,{status:types.AccountStatusEnum.EnableTrading,networkId:a,buttonProps:{fullWidth:true,size:l},children:jsxRuntime.jsx(ui.Button,{fullWidth:true,disabled:e,loading:o,size:l,...c})})})};var Y=t=>{let{amount:e,maxQuantity:o,token:n,loading:r}=t,{t:u}=i18n.useTranslation(),i=n?.display_name||n?.symbol||"",a=n?.precision??2;return jsxRuntime.jsxs(ui.Flex,{justify:"between",px:2,children:[jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:36,children:["$",jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_DOWN,children:e})]}),jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsxs(ui.Text,{size:"2xs",intensity:36,children:[`${u("common.available")}: `,jsxRuntime.jsx(ui.Text.numeral,{rm:utils.Decimal.ROUND_DOWN,dp:a,padding:false,"data-testid":"oui-testid-withdraw_deposit-dialog-available-value",children:o}),` ${i}`]}),r&&jsxRuntime.jsx(ui.Spinner,{size:"sm"}),jsxRuntime.jsx(ui.Text,{size:"2xs",color:"primary",className:"oui-cursor-pointer oui-select-none",onClick:t.onClick,children:u("common.max")})]})]})};var kt=()=>{let{t}=i18n.useTranslation(),{appIcons:e}=reactApp.useAppConfig(),o=hooks.useConfig("brokerName"),n=react.useMemo(()=>{let{secondary:r}=e||{};if(!r?.img&&r?.component)return null;if(r?.img)return jsxRuntime.jsx("img",{src:r?.img,className:"oui-w-5 oui-h-5"});if(r?.component)return jsxRuntime.jsx(jsxRuntime.Fragment,{children:r.component})},[e]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:t("transfer.brokerAccount",{brokerName:o})}),n]})};var zt=t=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M10.997 8.004a.5.5 0 0 0-.14-.36l-1.86-1.843-.703.703.984 1h-7.28a.5.5 0 0 0 0 1h7.28l-.984 1 .703.703 1.86-1.844a.5.5 0 0 0 .14-.36m-.5-4a.5.5 0 0 0-.5-.5H2.716l.984-1-.703-.703-1.859 1.843a.515.515 0 0 0 0 .719l1.86 1.844.702-.703-.984-1h7.281a.5.5 0 0 0 .5-.5"})}),$e=t=>jsxRuntime.jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M9.994 5.51a.83.83 0 0 0-.832.833v6.295l-2.498-2.471-1.17 1.17 3.902 3.929a.84.84 0 0 0 .599.244.84.84 0 0 0 .597-.244l3.903-3.928-1.171-1.171-2.498 2.471V6.343a.83.83 0 0 0-.832-.833"})});var He=t=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M4.078 1.744a2.333 2.333 0 0 0-2.333 2.333v5.834a2.333 2.333 0 0 0 2.333 2.333h5.833a2.333 2.333 0 0 0 2.334-2.333V4.077A2.333 2.333 0 0 0 9.91 1.744zm2.917 2.333c.322 0 .583.262.583.584v2.916h1.75L6.995 9.911 4.66 7.577h1.75V4.661c0-.322.262-.584.584-.584"})}),Xe=t=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M4.078 12.244a2.333 2.333 0 0 1-2.333-2.333V4.077a2.333 2.333 0 0 1 2.333-2.333h5.833a2.333 2.333 0 0 1 2.334 2.333v5.834a2.333 2.333 0 0 1-2.334 2.333zm2.917-2.333a.584.584 0 0 0 .583-.584V6.411h1.75L6.995 4.077 4.66 6.411h1.75v2.916c0 .322.262.584.584.584"})}),je=t=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M6.00342 1.49561C4.97642 1.49561 3.99542 1.84011 3.20642 2.46461C2.98992 2.63561 2.95692 2.9511 3.12842 3.1676C3.29992 3.3841 3.61492 3.4171 3.83142 3.2456C4.44492 2.7601 5.20392 2.4956 6.00342 2.4956C7.93642 2.4956 9.50342 4.0626 9.50342 5.9956H8.50342L10.0034 7.9956L11.5034 5.9956H10.5034C10.5034 3.5101 8.48892 1.49561 6.00342 1.49561ZM2.00342 3.9956L0.503418 5.9956H1.50342C1.50342 8.4811 3.51792 10.4956 6.00342 10.4956C7.03092 10.4956 8.01142 10.1516 8.80042 9.52659C9.01692 9.35559 9.04992 9.0401 8.87842 8.8236C8.70692 8.6071 8.39191 8.5741 8.17542 8.7456C7.56142 9.2316 6.80342 9.4956 6.00342 9.4956C4.07042 9.4956 2.50342 7.9286 2.50342 5.9956H3.50342L2.00342 3.9956Z"})}),Ke=t=>jsxRuntime.jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t,children:jsxRuntime.jsx("path",{d:"M12.385 4.565a.6.6 0 0 0-.427.167L9.764 6.944l.837.837 1.19-1.17v8.66a.595.595 0 0 0 1.19 0v-8.66l1.189 1.17.836-.837-2.193-2.212a.6.6 0 0 0-.428-.167m-4.758.595a.595.595 0 0 0-.595.595v8.661l-1.19-1.17-.836.836L7.2 16.294a.61.61 0 0 0 .855 0l2.194-2.212-.837-.836-1.19 1.17V5.755a.595.595 0 0 0-.594-.595"})});var It=t=>{let{chains:e,value:o,wrongNetwork:n,loading:r}=t,[u,i]=react.useState(false),{t:a}=i18n.useTranslation(),s=n||e?.length>1,c=n?jsxRuntime.jsx(ui.Flex,{width:18,height:18,intensity:100,r:"full",justify:"center",itemAlign:"center",children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:"U"})}):jsxRuntime.jsx(ui.ChainIcon,{className:"oui-w-[18px] oui-h-[18px]",chainId:o?.id}),l=n?"Unknown":o?.info?.network_infos?.name,d=()=>{if(r)return jsxRuntime.jsx(ui.Spinner,{size:"sm"});if(s)return jsxRuntime.jsx(zt,{className:"oui-text-base-contrast-54"})},m=jsxRuntime.jsxs(ui.Flex,{intensity:500,className:ui.cn("oui-rounded-t-xl oui-rounded-b-sm oui-border oui-border-line",s?"oui-cursor-pointer":"oui-cursor-auto"),height:54,px:3,justify:"between",itemAlign:"center",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:a("transfer.network")})}),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[c,jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,children:l})]})]}),d()]}),k=e.map((f,p)=>{let h=f.chain_id===o?.id;return jsxRuntime.jsxs(ui.Flex,{px:2,r:"base",justify:"between",className:ui.cn("oui-deposit-network-select-item","hover:oui-bg-base-5 oui-h-[30px] oui-cursor-pointer",h&&"oui-bg-base-5",p!==0&&"oui-mt-[2px]"),onClick:async()=>{i(false),await t.onValueChange(f);},children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,itemAlign:"center",children:[jsxRuntime.jsx(ui.ChainIcon,{className:"oui-w-[18px] oui-h-[18px]",chainId:f.chain_id}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:54,children:f.name}),f.bridgeless&&jsxRuntime.jsx(ui.Flex,{className:"oui-bg-success-light/15",height:18,px:2,r:"base",justify:"center",itemAlign:"center",children:jsxRuntime.jsx(ui.Text,{size:"2xs",className:"oui-text-success-light",children:a("transfer.lowestFee")})})]}),h&&jsxRuntime.jsx(ui.Box,{width:4,height:4,r:"full",className:"oui-deposit-network-select-active-dot oui-bg-[linear-gradient(270deg,#59B0FE_0%,#26FEFE_100%)]"})]},f.chain_id)});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:s?u:false,onOpenChange:i,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:m}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:f=>f.preventDefault(),align:"start",sideOffset:2,className:ui.cn("oui-deposit-token-select-dropdown-menu-content","oui-bg-base-8 oui-p-1","oui-w-[var(--radix-dropdown-menu-trigger-width)]","oui-rounded-md oui-select-none"),children:jsxRuntime.jsx(ui.ScrollArea,{children:jsxRuntime.jsxs("div",{className:"oui-max-h-[254px]",children:[k," "]})})})})]})};var tt=({icon:t})=>jsxRuntime.jsxs(ui.Flex,{height:40,gapX:3,children:[jsxRuntime.jsx(ui.Flex,{height:1,className:"oui-flex-1 oui-bg-base-contrast-12"}),t||jsxRuntime.jsx($e,{className:"oui-text-primary-light"}),jsxRuntime.jsx(ui.Flex,{height:1,className:"oui-flex-1 oui-bg-base-contrast-12"})]});var fe=t=>{let{dstGasFee:e,feeQty:o,feeAmount:n,dp:r,nativeSymbol:u}=t,{t:i}=i18n.useTranslation(),a=()=>{let c=jsxRuntime.jsxs("div",{className:"oui-text-2xs",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:`${i("transfer.deposit.destinationGasFee")}: `}),jsxRuntime.jsx(ui.Text.numeral,{intensity:80,dp:r,rm:utils.Decimal.ROUND_UP,padding:false,children:o}),jsxRuntime.jsx(ui.Text,{intensity:54,children:u})]}),jsxRuntime.jsx(ui.Box,{mt:2,children:jsxRuntime.jsx(ui.Text,{intensity:36,children:i("transfer.deposit.destinationGasFee.description")})})]});ui.modal.alert({title:i("common.fee"),message:c});},s=!!e&&e!=="0";return jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,className:"oui-border-dashed oui-border-b oui-border-line-12 oui-cursor-pointer",onClick:a,children:[`${i("common.fee")} \u2248 `,jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:80,children:["$",jsxRuntime.jsx(ui.Text.numeral,{dp:2,padding:false,rm:utils.Decimal.ROUND_UP,children:n})," "]}),s&&jsxRuntime.jsxs("span",{children:["(",jsxRuntime.jsxs(ui.Text,{intensity:54,children:[jsxRuntime.jsx(ui.Text.numeral,{dp:r,padding:false,rm:utils.Decimal.ROUND_UP,children:o}),u]}),")"]})]})};function Je(t,e){let[o,n]=react.useState(""),[r,u]=react.useState(false);return react.useEffect(()=>{r||typeof e!="function"||(u(true),e(t.address,t.decimals).then(i=>{n(i);}).catch(i=>{}).finally(()=>{u(false);}));},[t]),{balance:o,loading:r}}var no=t=>{let{token:e,isActive:o,onTokenChange:n,fetchBalance:r}=t,{symbol:u,precision:i}=e,{balance:a,loading:s}=Je(e,r),c=typeof r=="function",l=i??2,d=()=>c?s?jsxRuntime.jsx(ui.Spinner,{size:"sm"}):jsxRuntime.jsx(ui.Text.numeral,{rule:"price",dp:l,rm:utils.Decimal.ROUND_DOWN,className:ui.cn("oui-text-base-contrast-80 group-hover:oui-text-base-contrast-54",o&&"oui-text-base-contrast-54"),children:a}):null;return jsxRuntime.jsxs(ui.Flex,{justify:"between",px:2,r:"base",className:ui.cn("group","oui-h-[30px] hover:oui-bg-base-5","oui-text-2xs oui-font-semibold","oui-cursor-pointer",o&&"oui-bg-base-5",t.index!==0&&"oui-mt-[2px]"),onClick:()=>{n?.(e);},children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{name:u,className:"oui-w-[16px] oui-h-[16px]"}),jsxRuntime.jsx(ui.Text,{className:ui.cn("oui-text-base-contrast-54 group-hover:oui-text-base-contrast-80",o&&"oui-text-base-contrast-80"),children:u})]}),d()]},u)};var $=react.forwardRef((t,e)=>{let{token:o,tokens:n=[],classNames:r,label:u,status:i,hintMessage:a,value:s,onValueChange:c,fetchBalance:l,onTokenChange:d,loading:m,placeholder:k,...f}=t,{t:p}=i18n.useTranslation(),h=react.useRef(null),[_,T]=react.useState(false),[I,P]=react.useState(0),B=react.useMemo(()=>n.map(w=>({...w,name:w.display_name||w.symbol})),[n]);react.useEffect(()=>{let w=h?.current?.getBoundingClientRect();P(w?.width||0);},[h]);let A=w=>{let E=n.find(U=>U.symbol===w);E&&d?.(E);},b=w=>{let E=w.symbol===o?.symbol;return jsxRuntime.jsx(no,{token:w,fetchBalance:l,onTokenChange:U=>{d?.(U),T(false);},isActive:E})},C=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{className:"oui-absolute oui-top-0",children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:u||p("common.quantity")})}),m&&jsxRuntime.jsx(ui.Box,{className:"oui-absolute oui-bottom-1",children:jsxRuntime.jsx(ui.Spinner,{size:"sm"})})]}),S=n.length>1,F=jsxRuntime.jsx("div",{className:"oui-absolute oui-right-0",children:jsxRuntime.jsx(ui.Select.tokens,{open:S?_:false,onOpenChange:T,disabled:f.disabled,variant:"text",tokens:B,value:o?.display_name||o?.symbol,size:f.size,onValueChange:A,showIcon:true,optionRenderer:b,contentProps:{onCloseAutoFocus:w=>{w.preventDefault(),h.current?.focus();},onClick:w=>{w.preventDefault(),h.current?.focus();},style:{width:I},align:"end",sideOffset:5,className:"oui-border oui-border-line-6"}})}),y=jsxRuntime.jsxs(ui.Flex,{mt:1,gapX:1,px:1,children:[jsxRuntime.jsx(ui.Box,{width:4,height:4,r:"full",className:ui.cn(i==="error"&&"oui-bg-danger-light",i==="warning"&&"oui-bg-warning-light")}),jsxRuntime.jsx(ui.Text,{size:"2xs",className:ui.cn(i==="error"&&"oui-text-danger-light",i==="warning"&&"oui-text-warning-light"),children:a})]}),q=k??(m?"":"0");return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Input,{"data-testid":t.testId,ref:h,autoComplete:"off",placeholder:q,prefix:C,suffix:F,value:s,onValueChange:w=>{c?.(w);},formatters:[ui.inputFormatter.numberFormatter,ui.inputFormatter.dpFormatter(o?.precision??2),ui.inputFormatter.currencyFormatter],...f,classNames:{...r,root:ui.cn("oui-relative oui-h-[54px] oui-px-3","oui-rounded-lg oui-border oui-border-line",i==="error"&&"oui-outline-danger-light focus-within:oui-outline-danger-light",i==="warning"&&"oui-outline-warning-light focus-within:oui-outline-warning-light",t.readOnly?"oui-border-none oui-bg-base-6 focus-within:oui-outline-0":"oui-bg-base-5",r?.root),input:ui.cn("oui-absolute oui-bottom-0",r?.input)}}),a&&y]})});var Ce=t=>{let{token:e,dst:o,price:n}=t,r=e?.display_name||e?.symbol||"USDC";return jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,className:t.className,children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:"1"}),` ${r} = `,n?jsxRuntime.jsx(ui.Text.numeral,{size:"xs",intensity:80,dp:3,padding:false,children:n}):"-",` ${o?.symbol}`]})})};function io(t){return t?t.replace(/^(.{6})(.*)(.{4})$/,"$1......$3"):"--"}var ao=(t=[])=>{let e=t.reduce((o,n)=>(o[n.symbol]=n,o),{});return e.USDC||e.USDbC||t[0]},uo=t=>(t??2)+3;var At=()=>{let{t}=i18n.useTranslation(),{wallet:e,connectedChain:o}=hooks.useWalletConnector(),{state:n,account:r}=hooks.useAccount(),{walletName:u,address:i}=react.useMemo(()=>{let a=n.address;return o?.id&&types.ABSTRACT_CHAIN_ID_MAP.has(parseInt(o?.id))&&(a=r.getAdditionalInfo()?.AGWAddress),{walletName:e?.label,address:io(a)}},[e,n,r,o]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:t("transfer.web3Wallet")}),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.WalletIcon,{size:"xs",name:u??""}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:54,children:i})]})]})};var Te=t=>{let{token:e,tokens:o,onTokenChange:n,amount:r,quantity:u,maxQuantity:i,onQuantityChange:a,hintMessage:s,inputStatus:c,chains:l,currentChain:d,settingChain:m,onChainChange:k,actionType:f,onDeposit:p,onApprove:h,fetchBalance:_,dst:T,wrongNetwork:I,balanceRevalidating:P,loading:B,disabled:A,networkId:b,fee:C}=t;return jsxRuntime.jsxs(ui.Box,{id:"oui-deposit-form",className:ui.textVariants({weight:"semibold"}),children:[jsxRuntime.jsxs(ui.Box,{className:"oui-mb-6 lg:oui-mb-8",children:[jsxRuntime.jsx(At,{}),jsxRuntime.jsxs(ui.Box,{mt:3,mb:1,children:[jsxRuntime.jsx(It,{chains:l,value:d,onValueChange:k,wrongNetwork:I,loading:m}),jsxRuntime.jsx($,{classNames:{root:"oui-mt-[2px] oui-rounded-t-sm oui-rounded-b-xl"},value:u,onValueChange:a,tokens:o,token:e,onTokenChange:n,status:c,hintMessage:s,fetchBalance:_,"data-testId":"oui-testid-deposit-dialog-quantity-input"})]}),jsxRuntime.jsx(Y,{token:e,amount:r,maxQuantity:i,loading:P,onClick:()=>{a(i);}}),jsxRuntime.jsx(tt,{}),jsxRuntime.jsx(kt,{}),jsxRuntime.jsx($,{readOnly:true,token:T,value:u,classNames:{root:"oui-mt-3 oui-border-transparent focus-within:oui-outline-transparent"}}),jsxRuntime.jsxs(ui.Flex,{direction:"column",mt:1,gapY:1,itemAlign:"start",children:[jsxRuntime.jsx(Ce,{token:e,dst:T,price:1}),jsxRuntime.jsx(fe,{...C})]})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",children:jsxRuntime.jsx(ue,{actionType:f,symbol:e?.symbol,disabled:A,loading:B,onDeposit:p,onApprove:h,networkId:b})})]})};function Ie(t){let{isNativeToken:e,allowance:o,quantity:n,maxQuantity:r}=t;return react.useMemo(()=>{let i=e?Number.MAX_VALUE:Number(o);if(i<=0)return 1;let a=Number(n),s=Number(r);return i<a&&a<=s?2:0},[e,o,n,r])}function Se(){let{t}=i18n.useTranslation(),e=hooks.useConfig("networkId"),[o]=hooks.useLocalStorage("orderly_link_device",{}),{connectedChain:n,settingChain:r,setChain:u}=hooks.useWalletConnector(),[i,{findByChainId:a}]=hooks.useChains(e,{pick:"network_infos",filter:l=>l.network_infos?.bridge_enable||l.network_infos?.bridgeless}),s=react.useMemo(()=>{let l=n?utils.praseChainIdToNumber(n.id):parseInt(o?.chainId);if(!l)return null;let d=a(l);return {...n,id:l,info:d}},[a,n,o]),c=react.useCallback(async l=>{let d=a(l.chain_id);if(n)return !d||d.network_infos?.chain_id===s?.id?Promise.resolve():u({chainId:utils.int2hex(Number(d.network_infos?.chain_id))}).then(m=>{m?ui.toast.success(t("connector.networkSwitched")):ui.toast.error(t("connector.switchChain.failed"));}).catch(m=>{m&&m.message&&ui.toast.error(`${t("connector.switchChain.failed")}: ${m.message}`);})},[s,u,a]);return {chains:i,currentChain:s,settingChain:r,onChainChange:c}}function Pe(t){let{quantity:e,allowance:o,approve:n,deposit:r,enableCustomDeposit:u,customDeposit:i,onSuccess:a}=t,[s,c]=react.useState(false),l=hooks.useEventEmitter(),{t:d}=i18n.useTranslation(),m=react.useCallback(async()=>{if(!s)return c(true),n(e).then(p=>{ui.toast.success(d("transfer.deposit.approve.success"));}).catch(p=>{ui.toast.error(p.message||p.errorCode||d("transfer.deposit.approve.failed"));}).finally(()=>{c(false);})},[n,s,e,o,d]),k=react.useCallback(async()=>r().then(p=>{ui.toast.success(d("transfer.deposit.requested")),l.emit("deposit:requested"),a?.();}).catch(p=>{ui.toast.error(p.message||p.errorCode||d("transfer.deposit.failed"));}),[r,a,d]),f=react.useCallback(()=>{let p=Number(e);if(isNaN(p)||p<=0){ui.toast.error(d("transfer.quantity.invalid"));return}if(s)return;c(true),(u?i:k)?.()?.finally(()=>{c(false);});},[e,s,k,u,i,d]);return {submitting:s,onApprove:m,onDeposit:f}}function ve(t){let{quantity:e,maxQuantity:o}=t,{t:n}=i18n.useTranslation(),[r,u]=react.useState("default"),[i,a]=react.useState();return react.useEffect(()=>{if(!e){u("default"),a("");return}new utils.Decimal(e).gt(o)?(u("error"),a(n("transfer.insufficientBalance"))):(u("default"),a(""));},[e,o]),{inputStatus:r,hintMessage:i}}function Ft(t){let{currentChain:e,tokensFilter:o}=t,[n,r]=react.useState(),[u,i]=react.useState([]),a=react.useCallback(s=>{if(s&&s?.token_infos?.length>0){let c=typeof o=="function"?o(s):s.token_infos;i(c);let l=ao(c);if(!l)return;r(l);}},[o]);return react.useEffect(()=>{a(e?.info);},[e?.id,a]),{token:n,tokens:u,onTokenChange:r}}var De=t=>{let{wrongNetwork:e}=reactApp.useAppContext(),o=hooks.useConfig("networkId"),{chains:n,currentChain:r,settingChain:u,onChainChange:i}=Se(),{token:a,tokens:s,onTokenChange:c}=Ft({currentChain:r}),{dst:l,balance:d,allowance:m,depositFeeRevalidating:k,depositFee:f,quantity:p,setQuantity:h,approve:_,deposit:T,isNativeToken:I,balanceRevalidating:P,fetchBalance:B}=hooks.useDeposit({address:a?.address,decimals:a?.decimals,srcChainId:r?.id,srcToken:a?.symbol}),A=react.useMemo(()=>new utils.Decimal(d||0).todp(a?.precision??2,utils.Decimal.ROUND_DOWN).toString(),[d,a]),{inputStatus:b,hintMessage:C}=ve({quantity:p,maxQuantity:A}),S=()=>{h("");},F=react.useCallback(()=>{S(),t.onClose?.();},[t.onClose]),{submitting:y,onApprove:q,onDeposit:w}=Pe({quantity:p,allowance:m,approve:_,deposit:T,onSuccess:F}),E=y||k,U=!p||Number(p)===0||!a||b==="error"||k,wt=react.useMemo(()=>new utils.Decimal(p||0).mul(1).toNumber(),[p]),st=Ie({isNativeToken:I,allowance:m,quantity:p,maxQuantity:A}),it=pr({nativeToken:r?.info?.nativeToken,depositFee:f});return react.useEffect(()=>{S();},[a,r?.id]),{token:a,tokens:s,onTokenChange:c,amount:wt,quantity:p,maxQuantity:A,onQuantityChange:h,hintMessage:C,inputStatus:b,chains:n,currentChain:r,settingChain:u,onChainChange:i,actionType:st,onDeposit:w,onApprove:q,fetchBalance:B,dst:l,wrongNetwork:e,balanceRevalidating:P,loading:E,disabled:U,networkId:o,fee:it}};function pr(t){let{nativeToken:e,depositFee:o=0}=t,{account:n}=hooks.useAccount(),r=e?.symbol,{data:u}=hooks.useIndexPrice(`SPOT_${r}_USDC`);return {...react.useMemo(()=>{let a=new utils.Decimal(o.toString()).div(new utils.Decimal(10).pow(n.walletAdapter?.chainNamespace===types.ChainNamespace.solana?9:18)).toString(),s=new utils.Decimal(a).mul(u||0).toString();return {dstGasFee:a,feeQty:a,feeAmount:s,dp:uo(4)}},[o,u]),nativeSymbol:r}}var Qt=t=>{let e=De(t);return jsxRuntime.jsx(Te,{...e})};var $t=t=>{let{hasPositions:e,unsettledPnl:o,onSettlePnl:n,tooltipContent:r,dialogContent:u}=t,{t:i}=i18n.useTranslation();if(o===0&&!e)return jsxRuntime.jsx(jsxRuntime.Fragment,{});let a=()=>{ui.modal.confirm({title:i("settle.settlePnl"),content:u,onOk:()=>n()});};return jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-text-2xs oui-text-base-contrast-36",children:[jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"start",gap:1,children:[jsxRuntime.jsx(ui.Tooltip,{className:"oui-max-w-[274px] oui-font-semibold",content:r,children:jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",justify:"start",gap:1,children:[jsxRuntime.jsx(ui.ExclamationFillIcon,{size:14,className:"oui-text-warning-darken"}),jsxRuntime.jsx(ui.Text,{className:"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",children:`${i("settle.unsettled")}:`})]})}),jsxRuntime.jsx(ui.Text.numeral,{showIdentifier:true,coloring:true,weight:"semibold",dp:6,"data-testid":"oui-testid-withdraw-dialog-unsettledPnl-value",children:o}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gap:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(je,{className:"oui-text-primary"}),jsxRuntime.jsx(ui.Text,{"data-testid":"oui-testid-withdraw-dialog-settle-text",size:"2xs",color:"primary",className:" oui-select-none",onClick:a,children:i("common.settle")})]})]})};var ho=({address:t,amount:e,currentChain:o})=>{let{t:n}=i18n.useTranslation(),r=react.useMemo(()=>{if(o&&o.info&&o.info.network_infos)return o.info.network_infos.name},[o]);return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",justify:"start",className:"oui-gap-1 lg:oui-gap-3",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",mb:5,className:"oui-gap-3 lg:oui-gap-4",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:n("transfer.withdraw.crossChain.recipientAddress")}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,className:"oui-break-all",children:t})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:n("transfer.withdraw.crossChain.recipientNetwork")}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.ChainIcon,{className:"oui-h-[18px] oui-w-[18px]",size:"sm",chainId:o.id}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:r})]})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"start",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:`${n("transfer.withdraw.crossChain.withdrawAmount")} (USDC)`}),jsxRuntime.jsx(ui.Text.numeral,{size:"sm",intensity:98,dp:2,children:e})]})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",className:"oui-text-warning-darken oui-text-2xs lg:oui-text-xs oui-text-center",mb:3,children:n("transfer.withdraw.crossChain.warning")})]})};function We(t){let{t:e}=i18n.useTranslation(),o=()=>{ui.modal.show(uiChainSelector.ChainSelectorDialogId,{networkId:t.networkId,bridgeLessOnly:true}).then(n=>{ui.toast.success(e("connector.networkSwitched"));},n=>{});};return jsxRuntime.jsx(ui.Flex,{direction:"column",children:jsxRuntime.jsx(ui.Button,{color:"warning",size:t.size,fullWidth:true,onClick:()=>{o();},children:e("connector.switchNetwork")})})}var wo=t=>{let{disabled:e,loading:o,onWithdraw:n,networkId:r,crossChainWithdraw:u,address:i,currentChain:a,quantity:s,fee:c,checkIsBridgeless:l}=t,{t:d}=i18n.useTranslation(),m=react.useMemo(()=>s?new utils.Decimal(s).minus(c??0).toNumber():0,[s,c]),k=()=>{if(u){ui.modal.confirm({title:d("transfer.withdraw.crossChain.confirmWithdraw"),content:jsxRuntime.jsx(ho,{address:i,amount:m,currentChain:a}),classNames:{content:"oui-font-semibold",body:"!oui-pb-0",footer:"!oui-pt-0"},onOk:async()=>{n();}});return}n();},f={initial:"md",lg:"lg"};return jsxRuntime.jsx(ui.Box,{className:"oui-w-full lg:oui-w-auto lg:oui-min-w-[184px]",children:jsxRuntime.jsx(uiConnector.AuthGuard,{status:types.AccountStatusEnum.EnableTrading,networkId:r,bridgeLessOnly:true,buttonProps:{fullWidth:true,size:f},children:l?jsxRuntime.jsx(ui.Button,{"data-testid":"oui-testid-withdraw-dialog-withdraw-btn",fullWidth:true,disabled:e,loading:o,onClick:k,size:f,children:d("common.withdraw")}):jsxRuntime.jsx(We,{networkId:r,size:f})})})};var ko=({checkIsBridgeless:t,quantity:e,chainVaultBalance:o,currentChain:n,maxAmount:r,crossChainTrans:u})=>{let{t:i}=i18n.useTranslation(),{wrongNetwork:a}=reactApp.useAppContext(),{state:s}=hooks.useAccount(),c=react.useMemo(()=>{if(n&&n.info&&n.info.network_infos)return n.info.network_infos.name},[n]),l=react.useMemo(()=>!o||!r||!e||new utils.Decimal(e).gt(r)?false:!!new utils.Decimal(e).gt(o),[e,o]),m=(()=>{if(s.status!==types.AccountStatusEnum.NotConnected){if(a||!t)return jsxRuntime.jsx(ui.Box,{children:c?i("transfer.withdraw.unsupported.networkName",{networkName:c}):i("transfer.withdraw.unsupported.chain")});if(u)return i("transfer.withdraw.crossChain.process");if(l)return i("transfer.withdraw.crossChain.vaultWarning",{networkName:c,chainVaultBalance:o})}})();return m?jsxRuntime.jsx(ui.Flex,{className:"oui-text-warning-darken oui-text-xs oui-justify-center oui-text-center",mb:3,children:m}):null};var _e=({address:t,loading:e,disabled:o,quantity:n,onQuantityChange:r,token:u,inputStatus:i,hintMessage:a,amount:s,maxQuantity:c,balanceRevalidating:l,chains:d,currentChain:m,onChainChange:k,fee:f,settingChain:p,wrongNetwork:h,hasPositions:_,unsettledPnL:T,onSettlePnl:I,onWithdraw:P,chainVaultBalance:B,crossChainWithdraw:A,crossChainTrans:b,showQty:C,networkId:S,checkIsBridgeless:F})=>{let{t:y}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{id:"oui-withdraw-form",className:ui.textVariants({weight:"semibold"}),children:[jsxRuntime.jsxs(ui.Box,{className:"oui-mb-6 lg:oui-mb-8",children:[jsxRuntime.jsx(kt,{}),jsxRuntime.jsx(ui.Box,{mt:3,mb:1,children:jsxRuntime.jsx($,{value:n,onValueChange:r,token:u,onTokenChange:()=>{},status:i,hintMessage:a,testId:"oui-testid-withdraw-dialog-quantity-input"})}),jsxRuntime.jsx(Y,{token:u,amount:s,maxQuantity:c.toString(),loading:l,onClick:()=>{r(c.toString());}}),jsxRuntime.jsx(ui.Box,{mx:2,mt:1,children:jsxRuntime.jsx($t,{unsettledPnl:T,hasPositions:_,onSettlePnl:I,tooltipContent:y("settle.unsettled.tooltip"),dialogContent:jsxRuntime.jsx(i18n.Trans,{i18nKey:"settle.settlePnl.description"})})}),jsxRuntime.jsx(tt,{}),jsxRuntime.jsx(At,{}),jsxRuntime.jsxs(ui.Box,{mt:3,children:[jsxRuntime.jsx(It,{chains:d,value:m,onValueChange:k,wrongNetwork:h,loading:p}),jsxRuntime.jsx($,{classNames:{root:"oui-mt-[2px] oui-rounded-t-sm oui-rounded-b-xl"},token:u,value:C,readOnly:true})]}),jsxRuntime.jsx(ui.Flex,{direction:"column",mt:1,gapY:1,itemAlign:"start",children:jsxRuntime.jsxs(ui.Text,{size:"xs",intensity:36,children:[`${y("common.fee")} \u2248 `,jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:`${f} `}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]})})]}),jsxRuntime.jsx(ko,{checkIsBridgeless:F,chainVaultBalance:B,currentChain:m,quantity:n,maxAmount:c,crossChainTrans:b}),jsxRuntime.jsx(ui.Flex,{justify:"center",children:jsxRuntime.jsx(wo,{checkIsBridgeless:F,networkId:S,disabled:o,loading:e,onWithdraw:P,crossChainWithdraw:A,currentChain:m,address:t,quantity:n,fee:f})})]})};var jt=t=>{let{subAccountId:e}=t||{},{t:o}=i18n.useTranslation(),n=hooks.useEventEmitter(),{account:r}=hooks.useAccount(),[u]=hooks.usePositionStream();return {hasPositions:react.useMemo(()=>!!u?.rows?.length,[u]),onSettlePnl:async()=>(e?r.settleSubAccount({subAccountId:e}):r.settle()).then(c=>(ui.toast.success(o("settle.settlement.requested")),Promise.resolve(c))).catch(c=>{if(c.code==-1104)ui.toast.error(o("settle.settlement.error"));else if(c.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1)n.emit("wallet:sign-message-with-ledger-error",{message:c.message,userAddress:r.address});else if(c.message.indexOf("user rejected")!==-1)ui.toast.error(o("transfer.rejectTransaction"));else return ui.toast.error(c.message),Promise.reject(c)})}};var Ao=1,Oe=t=>{let{t:e}=i18n.useTranslation(),[o,n]=react.useState(false),[r,u]=react.useState(false),{data:i}=hooks.usePrivateQuery("/v1/asset/history",{revalidateOnMount:true}),a=hooks.useConfig("networkId"),s=hooks.useEventEmitter(),[c,l]=react.useState(""),[d,m]=react.useState("default"),[k,f]=react.useState(),{wrongNetwork:p}=reactApp.useAppContext(),{account:h}=hooks.useAccount(),[_,T]=react.useState(true),[I,{findByChainId:P}]=hooks.useChains(a,{pick:"network_infos",filter:g=>g.network_infos?.bridge_enable||g.network_infos?.bridgeless}),[B]=hooks.useLocalStorage("orderly_link_device",{}),{data:A}=hooks.useQuery("/v1/public/vault_balance",{revalidateOnMount:true}),{connectedChain:b,wallet:C,setChain:S,settingChain:F}=hooks.useWalletConnector(),y=react.useMemo(()=>{let g=b?utils.praseChainIdToNumber(b.id):parseInt(B?.chainId);if(!g)return null;let O=P(g);return {...b,id:g,info:O}},[P,b,B]),{token:q}=Ft({currentChain:y}),w=react.useMemo(()=>({...q,precision:q?.precision??6}),[q]),{walletName:E,address:U}=react.useMemo(()=>({walletName:C?.label,address:C?.accounts?.[0].address}),[C]),wt=g=>{l(g);},st=react.useMemo(()=>new utils.Decimal(c||0).mul(Ao).toNumber(),[c,Ao]),{dst:it,withdraw:bt,isLoading:Jt,maxAmount:Q,availableBalance:Qe,availableWithdraw:Le,unsettledPnL:at}=hooks.useWithdraw({decimals:w?.decimals}),ut=react.useMemo(()=>a==="mainnet"?I.filter(g=>g.bridgeless):I,[I,a]),{configStore:te}=react.useContext(hooks.OrderlyContext),ee=te.get("apiBaseUrl"),oe=react.useMemo(()=>p||!y?false:a==="testnet"?true:!(!y.info||!y.info.network_infos||!y.info.network_infos.bridgeless),[y,p]),ne=()=>{l("");},re=react.useCallback(async g=>{let O=P(g.chain_id);return !O||O.network_infos?.chain_id===y?.id?Promise.resolve():S?.({chainId:utils.int2hex(Number(O.network_infos?.chain_id))}).then(Ct=>{Ct?(ui.toast.success(e("connector.networkSwitched")),ne()):ui.toast.error(e("connector.switchChain.failed"));}).catch(Ct=>{ui.toast.error(`${e("connector.switchChain.failed")}: ${Ct.message}`);})},[y,S,P,e]),x=react.useMemo(()=>{if(!A||!y)return null;let g=A.find(O=>parseInt(O.chain_id)===y?.id);return g?g.balance:null},[ut,y,A]),v=react.useMemo(()=>{if(x!==null){let g=parseFloat(c);return g>x&&g<=Q}return false},[c,Q,x]),_t=react.useMemo(()=>ut.minimum_withdraw_amount??1,[ut]),zo=async()=>{if(!r&&d==="default"){if(new utils.Decimal(c).lt(_t)){ui.toast.error(e("transfer.withdraw.minAmount.error",{minAmount:_t}));return}return u(true),bt({amount:c,token:"USDC",chainId:y?.id,allowCrossChainWithdraw:v}).then(g=>{ui.toast.success(e("transfer.withdraw.requested")),s.emit("withdraw:requested"),t.onClose?.(),l("");}).catch(g=>{if(g.message.indexOf("user rejected")!==-1){ui.toast.error(e("transfer.rejectTransaction"));return}if(g.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){s.emit("wallet:sign-message-with-ledger-error",{message:g.message,userAddress:h.address});return}ui.toast.error(g.message);}).finally(()=>{u(false);})}},se=ps({apiBaseUrl:ee,crossChainWithdraw:v,currentChain:y,token:w.symbol}),Eo=react.useMemo(()=>{if(!c)return "";let g=new utils.Decimal(c).sub(se??0);return g.isNegative()?"":g.toNumber()},[se,c]);react.useEffect(()=>{if(o&&T(true),!c){m("default"),f(""),T(true);return}let g=new utils.Decimal(c??0);at<0?g.gt(Q)?(m("error"),f(e("transfer.insufficientBalance")),T(true)):(m("default"),f(""),T(false)):g.gt(Q)?(m("error"),f(e("transfer.insufficientBalance")),T(true)):g.gt(new utils.Decimal(Q).minus(at))&&g.lessThanOrEqualTo(Q)?(m("warning"),f(e("settle.settlePnl.warning")),T(true)):(m("default"),f(""),T(false));},[c,Q,at,o]),react.useEffect(()=>{let g=i?.find(O=>O.trans_status==="pending_rebalance".toUpperCase());n(!!g);},[i]),hooks.useWalletSubscription({onMessage(g){if(!o)return;let{trxId:O,transStatus:Ct}=g;O===o&&Ct==="COMPLETED"&&n(false);}});let{hasPositions:Ro,onSettlePnl:Vo}=jt();return {walletName:E,address:U,quantity:c,onQuantityChange:wt,token:w,inputStatus:d,hintMessage:k,dst:it,amount:st,balanceRevalidating:false,maxQuantity:Q,disabled:_,loading:r,unsettledPnL:at,wrongNetwork:p,settingChain:F,chains:ut,currentChain:y,onChainChange:re,onWithdraw:zo,chainVaultBalance:x,fee:se,crossChainWithdraw:v,crossChainTrans:o,showQty:Eo,networkId:a,checkIsBridgeless:oe,hasPositions:Ro,onSettlePnl:Vo}};function ps(t){let{apiBaseUrl:e,crossChainWithdraw:o,currentChain:n,token:r}=t,{data:u}=hooks.useQuery(`${e}/v1/public/token?t=withdraw`,{revalidateIfStale:false,revalidateOnFocus:false,revalidateOnReconnect:false,revalidateOnMount:true,dedupingInterval:36e5});return react.useMemo(()=>{if(!n)return 0;let s=u?.find(c=>c.token===r)?.chain_details?.find(c=>parseInt(c.chain_id)===n.id);return s?o?(s.withdrawal_fee||0)+(s.cross_chain_withdrawal_fee||0):s.withdrawal_fee||0:0},[u,r,n,o])}var Me=t=>{let e=Oe({onClose:t.close});return jsxRuntime.jsx(_e,{...e})};function xs(){ui.installExtension({name:"deposit-form",scope:["*"],positions:[ui.ExtensionPositionEnum.DepositForm],__isInternal:true})(t=>jsxRuntime.jsx(Qt,{onClose:t.onClose}));}var Po=t=>jsxRuntime.jsx(ui.ExtensionSlot,{position:ui.ExtensionPositionEnum.DepositForm,defaultWidget:Qt,...t});var Ts="DepositAndWithdrawWithDialogId",Is="DepositAndWithdrawWithSheetId",Do=t=>{let[e,o]=react.useState(t.activeTab||"deposit"),{t:n}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Tabs,{value:e,onValueChange:o,variant:"contained",size:"lg",classNames:{tabsList:"oui-px-0",tabsContent:"oui-pt-5"},children:[jsxRuntime.jsx(ui.TabPanel,{title:n("common.deposit"),icon:jsxRuntime.jsx(He,{}),value:"deposit",children:jsxRuntime.jsx(Po,{onClose:t.close})}),jsxRuntime.jsx(ui.TabPanel,{title:n("common.withdraw"),icon:jsxRuntime.jsx(Xe,{}),value:"withdraw",children:jsxRuntime.jsx(Me,{...t})})]})};ui.registerSimpleDialog(Ts,Do,{size:"md",classNames:{content:"oui-border oui-border-line-6"}});ui.registerSimpleSheet(Is,Do);var Ee=t=>{let{subAccounts:e=[],value:o}=t,[n,r]=react.useState(false),u=e.length>1,i=jsxRuntime.jsxs(ui.Flex,{intensity:500,className:ui.cn("oui-rounded-b-sm oui-rounded-t-xl oui-border oui-border-line",u?"oui-cursor-pointer":"oui-cursor-auto oui-bg-base-6"),height:54,px:3,justify:"between",itemAlign:"center",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text.formatted,{size:"xs",intensity:80,rule:o?.description?void 0:"address",children:o?.description||o?.id}),jsxRuntime.jsxs(ui.Text,{intensity:36,size:"2xs",children:["ID: ",jsxRuntime.jsx(ui.Text.formatted,{rule:"address",children:o?.id})]})]}),u&&jsxRuntime.jsx(zt,{className:"oui-text-base-contrast-54"})]}),a=e.map((s,c)=>{let l=s.id===o?.id,d=s?.holding?.find(m=>m.token==="USDC")?.holding;return jsxRuntime.jsxs(ui.Flex,{px:2,r:"base",justify:"between",className:ui.cn("oui-transfer-form-account-select-item","oui-cursor-pointer oui-py-[6px] hover:oui-bg-base-5",l&&"oui-bg-base-5",c!==0&&"oui-mt-[2px]"),onClick:async()=>{r(false),t.onValueChange?.(s);},children:[jsxRuntime.jsx(ui.Flex,{gapX:1,itemAlign:"center",children:jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-text-2xs",children:[jsxRuntime.jsx(ui.Text.formatted,{rule:s?.description?void 0:"address",intensity:80,children:s?.description||s?.id}),jsxRuntime.jsxs(ui.Text,{intensity:36,size:"2xs",children:["ID: ",jsxRuntime.jsx(ui.Text.formatted,{rule:"address",children:s?.id})]})]})}),jsxRuntime.jsxs(ui.Flex,{gapX:3,children:[jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",intensity:54,unit:" USDC",children:d||0}),l&&jsxRuntime.jsx(ui.Box,{width:4,height:4,r:"full",className:"oui-transfer-form-account-select-active-dot oui-bg-[linear-gradient(270deg,#59B0FE_0%,#26FEFE_100%)]"})]})]},s.id)});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:u?n:false,onOpenChange:r,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:i}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:s=>s.preventDefault(),align:"start",sideOffset:2,className:ui.cn("oui-transfer-form-account-select-dropdown-menu-content","oui-font-semibold","oui-bg-base-8 oui-p-1","oui-w-[var(--radix-dropdown-menu-trigger-width)]","oui-select-none oui-rounded-md"),children:jsxRuntime.jsx(ui.ScrollArea,{children:jsxRuntime.jsxs("div",{className:"oui-max-h-[254px]",children:[a," "]})})})})]})};var Re=t=>{let{networkId:e,disabled:o,onTransfer:n,quantity:r,onQuantityChange:u,amount:i,tokens:a,token:s,onTokenChange:c,maxQuantity:l,submitting:d,hintMessage:m,inputStatus:k,hasPositions:f,onSettlePnl:p,unsettledPnL:h,toAccountAsset:_,fromAccounts:T,toAccounts:I,fromAccount:P,onFromAccountChange:B,toAccount:A,onToAccountChange:b,onExchange:C}=t,{t:S}=i18n.useTranslation(),F={initial:"md",lg:"lg"};return jsxRuntime.jsxs(ui.Box,{id:"oui-deposit-form",className:ui.textVariants({weight:"semibold"}),children:[jsxRuntime.jsxs(ui.Box,{className:"oui-mb-6 lg:oui-mb-8",children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:S("transfer.internalTransfer.from")}),jsxRuntime.jsxs(ui.Box,{mt:1,mb:1,children:[jsxRuntime.jsx(Ee,{subAccounts:T,value:P,onValueChange:B}),jsxRuntime.jsx($,{classNames:{root:"oui-mt-[2px] oui-rounded-t-sm oui-rounded-b-xl"},value:r,onValueChange:u,tokens:a,token:s,onTokenChange:c,hintMessage:m,status:k})]}),jsxRuntime.jsx(Y,{token:s,amount:i,maxQuantity:l,onClick:()=>{u(l.toString());}}),jsxRuntime.jsx(ui.Box,{mx:2,mt:1,children:jsxRuntime.jsx($t,{unsettledPnl:h,hasPositions:f,onSettlePnl:p,tooltipContent:S("transfer.internalTransfer.unsettled.tooltip"),dialogContent:jsxRuntime.jsx(i18n.Trans,{i18nKey:"transfer.internalTransfer.settlePnl.description"})})}),jsxRuntime.jsx(tt,{icon:jsxRuntime.jsx(Ke,{className:"oui-cursor-pointer oui-text-primary",onClick:C})}),jsxRuntime.jsx(ui.Text,{size:"sm",intensity:98,children:S("transfer.internalTransfer.to")}),jsxRuntime.jsxs(ui.Box,{mt:1,children:[jsxRuntime.jsx(Ee,{subAccounts:I,value:A,onValueChange:b}),jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-mt-[2px] oui-h-[31px] oui-text-base-contrast-54","oui-rounded-b-xl oui-rounded-t-sm"),justify:"between",itemAlign:"center",px:3,intensity:600,children:[jsxRuntime.jsx(ui.Text,{size:"2xs",children:S("transfer.internalTransfer.currentAssetValue")}),jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",intensity:54,unit:" USDC",children:_})]})]})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",children:jsxRuntime.jsx(ui.Box,{className:"oui-w-full lg:oui-w-auto lg:oui-min-w-[184px]",children:jsxRuntime.jsx(uiConnector.AuthGuard,{networkId:e,buttonProps:{fullWidth:true,size:F},children:jsxRuntime.jsx(ui.Button,{fullWidth:true,disabled:o,loading:d,size:F,onClick:n,children:S("common.transfer")})})})})]})};var Ve={symbol:"USDC"},Ue=t=>{let{t:e}=i18n.useTranslation(),[o,n]=react.useState(""),[r,u]=react.useState(),[i,a]=react.useState(),[s,c]=react.useState(),[l,d]=react.useState([Ve]),[m,k]=react.useState(Ve),f=hooks.useConfig("networkId"),{state:p,isMainAccount:h,subAccount:_}=hooks.useAccount(),{transfer:T,submitting:I,maxAmount:P,unsettledPnL:B,holding:A}=hooks.useTransfer({fromAccountId:r?.id}),b=p.subAccounts,C=p.mainAccountId,S=p.accountId,F=h?r?.id!==C?r?.id:void 0:r?.id,{hasPositions:y,onSettlePnl:q}=jt({subAccountId:F}),{portfolio:w,positions:E}=hooks.useSubAccountDataObserver(F),U=react.useMemo(()=>!!E?.rows?.length,[E]),wt=react.useMemo(()=>F?U:y,[F,U,y]),{unsettledPnL:st,holding:it,maxQuantity:bt}=react.useMemo(()=>F?{unsettledPnL:w?.unsettledPnL,holding:w?.holding,maxQuantity:w?.freeCollateral.toDecimalPlaces(6).toNumber()||0}:{holding:A,unsettledPnL:B,maxQuantity:P},[F,w,A,B,P]),{inputStatus:Jt,hintMessage:Q}=Ls({quantity:o,maxQuantity:bt,unsettledPnL:st}),Qe=react.useCallback(()=>{let x=Number(o);if(isNaN(x)||x<=0){ui.toast.error(e("transfer.quantity.invalid"));return}I||!i||T(m.symbol,{account_id:i.id,amount:new utils.Decimal(o).toNumber()}).then(()=>{ui.toast.success(e("transfer.internalTransfer.success")),n(""),t.close?.();}).catch(v=>{v.code===34?ui.toast.error(e("transfer.internalTransfer.failed.transferInProgress")):v.code===17?ui.toast.error(e("transfer.internalTransfer.failed.withdrawalInProgress")):ui.toast.error(e("transfer.internalTransfer.failed"));});},[e,m,o,I,T,i]),Le=I||!o||Jt==="error",at=react.useMemo(()=>new utils.Decimal(o||0).mul(1).toNumber(),[o]),ut=react.useMemo(()=>i?.holding?.find(v=>v.token===m.symbol)?.holding||0,[i,m]),{fromAccounts:te,toAccounts:ee}=react.useMemo(()=>h?{fromAccounts:s?[s,...b||[]]:[],toAccounts:r?.id===C?b:[]}:{fromAccounts:[],toAccounts:[]},[h,C,s,b,r]);react.useEffect(()=>{if(!C)return;let x={id:C,description:e("common.mainAccount"),holding:[]};c(x),_.refresh().then(v=>{c({...x,holding:v[C]});});},[e,C]),react.useEffect(()=>{u(h?s:b?.find(x=>x.id===S));},[h,s,b,S]),react.useEffect(()=>{if(h){let x=b?.[0],v=t.toAccountId&&b?.find(_t=>_t.id===t.toAccountId)||x;v&&a(v);}else a(s);},[t?.toAccountId,h,s,b]),react.useEffect(()=>{let x=it?.map(v=>({symbol:v.token}));x?.length&&(d(x),k(x?.[0]||Ve));},[it]);let oe=react.useCallback(x=>{u(x);let v=b?.[0];if(x?.id===C){a(v);return}if(x?.id&&x?.id!==C){a(s);return}},[C,s,b]),ne=react.useCallback(x=>{a(x);},[]),re=react.useCallback(()=>{u(i),a(r);},[r,i]);return {networkId:f,onTransfer:Qe,quantity:o,amount:at,onQuantityChange:n,maxQuantity:bt,tokens:l,token:m,onTokenChange:k,disabled:Le,submitting:I,hintMessage:Q,inputStatus:Jt,hasPositions:wt,onSettlePnl:q,unsettledPnL:st,toAccountAsset:ut,fromAccount:r,toAccount:i,fromAccounts:te,onFromAccountChange:oe,toAccounts:ee,onToAccountChange:ne,onExchange:re,isMainAccount:h}};function Ls(t){let{quantity:e,maxQuantity:o,unsettledPnL:n=0}=t,{t:r}=i18n.useTranslation(),[u,i]=react.useState("default"),[a,s]=react.useState();return react.useEffect(()=>{if(!e){i("default"),s("");return}let c=new utils.Decimal(e);n<0?c.gt(o)?(i("error"),s(r("transfer.insufficientBalance"))):(i("default"),s("")):c.gt(o)?(i("error"),s(r("transfer.insufficientBalance"))):c.gt(new utils.Decimal(o).minus(n))&&c.lessThanOrEqualTo(o)?(i("warning"),s(r("settle.settlePnl.warning"))):(i("default"),s(""));},[e,o]),{inputStatus:u,hintMessage:a}}var $s="TransferDialogId",Hs="TransferSheetId",Xs=t=>{let e=Ue({toAccountId:t.toAccountId,close:t.close});return jsxRuntime.jsx(Re,{...e})},Oo=t=>jsxRuntime.jsx(Xs,{close:t.close,toAccountId:t.toAccountId});ui.registerSimpleDialog($s,Oo,{size:"md",classNames:{content:"oui-border oui-border-line-6"},title:()=>i18n.i18n.t("common.transfer")});ui.registerSimpleSheet(Hs,Oo,{title:()=>i18n.i18n.t("common.transfer")});
15
15
 
16
- exports.ActionButton = Ye;
17
- exports.AvailableQuantity = pe;
18
- exports.BrokerWallet = ce;
19
- exports.ChainSelect = ae;
20
- exports.DepositAction = Xe;
21
- exports.DepositAndWithdraw = ro;
22
- exports.DepositAndWithdrawWithDialogId = Hr;
23
- exports.DepositAndWithdrawWithSheetId = Xr;
24
- exports.DepositForm = Ke;
25
- exports.DepositFormWidget = Fe;
26
- exports.ExchangeDivider = le;
27
- exports.Fee = He;
16
+ exports.ActionButton = ue;
17
+ exports.AvailableQuantity = Y;
18
+ exports.BrokerWallet = kt;
19
+ exports.ChainSelect = It;
20
+ exports.DepositAction = ie;
21
+ exports.DepositAndWithdraw = Do;
22
+ exports.DepositAndWithdrawWithDialogId = Ts;
23
+ exports.DepositAndWithdrawWithSheetId = Is;
24
+ exports.DepositForm = Te;
25
+ exports.DepositFormWidget = Qt;
26
+ exports.ExchangeDivider = tt;
27
+ exports.Fee = fe;
28
28
  exports.QuantityInput = $;
29
- exports.SwapCoin = Le;
30
- exports.Web3Wallet = ue;
31
- exports.WithdrawFormUI = ct;
32
- exports.WithdrawFormWidget = pt;
33
- exports.feeDecimalsOffset = Wt;
34
- exports.formatAddress = Pt;
35
- exports.getTokenByTokenList = Dt;
36
- exports.installDeposit = Er;
37
- exports.useActionType = Je;
38
- exports.useChainSelect = tt;
39
- exports.useDepositAction = nt;
40
- exports.useDepositFormScript = at;
41
- exports.useInputStatus = rt;
42
- exports.useToken = it;
43
- exports.useWithdrawForm = mt;
29
+ exports.SwapCoin = Ce;
30
+ exports.TransferDialogId = $s;
31
+ exports.TransferForm = Re;
32
+ exports.TransferFormWidget = Xs;
33
+ exports.TransferSheetId = Hs;
34
+ exports.TransferWidget = Oo;
35
+ exports.Web3Wallet = At;
36
+ exports.WithdrawFormUI = _e;
37
+ exports.WithdrawFormWidget = Me;
38
+ exports.feeDecimalsOffset = uo;
39
+ exports.formatAddress = io;
40
+ exports.getTokenByTokenList = ao;
41
+ exports.installDeposit = xs;
42
+ exports.useActionType = Ie;
43
+ exports.useChainSelect = Se;
44
+ exports.useDepositAction = Pe;
45
+ exports.useDepositFormScript = De;
46
+ exports.useInputStatus = ve;
47
+ exports.useToken = Ft;
48
+ exports.useTransferFormScript = Ue;
49
+ exports.useWithdrawForm = Oe;
44
50
  //# sourceMappingURL=out.js.map
45
51
  //# sourceMappingURL=index.js.map