@orderly.network/ui-transfer 2.8.10 → 2.8.11-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -236,8 +236,7 @@ var AvailableTooltipMessage = ({
236
236
  decimals
237
237
  });
238
238
  const amountText = react.useMemo(() => {
239
- if (maxAmount === void 0 || maxAmount === null)
240
- return "--";
239
+ if (maxAmount === void 0 || maxAmount === null) return "--";
241
240
  return maxAmount.toString();
242
241
  }, [maxAmount]);
243
242
  return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xs", intensity: 80, children: t("transfer.withdraw.available.tooltip", { amount: amountText }) });
@@ -346,8 +345,7 @@ var BrokerWallet = () => {
346
345
  const brokerName = hooks.useConfig("brokerName");
347
346
  const icon = react.useMemo(() => {
348
347
  const { secondary } = appIcons || {};
349
- if (!secondary?.img && secondary?.component)
350
- return null;
348
+ if (!secondary?.img && secondary?.component) return null;
351
349
  if (secondary?.img) {
352
350
  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: secondary?.img, className: "oui-w-5 oui-h-5" });
353
351
  }
@@ -481,8 +479,7 @@ var ChainSelect = (props) => {
481
479
  index !== 0 && "oui-mt-[2px]"
482
480
  ),
483
481
  onClick: async () => {
484
- if (!isSupported)
485
- return;
482
+ if (!isSupported) return;
486
483
  setOpen(false);
487
484
  await props.onValueChange(chain);
488
485
  },
@@ -692,15 +689,13 @@ var YIELD_BEARING_ASSETS = [
692
689
  }
693
690
  ];
694
691
  function isYieldBearingAsset(symbol) {
695
- if (!symbol)
696
- return false;
692
+ if (!symbol) return false;
697
693
  return YIELD_BEARING_ASSETS.some(
698
694
  (asset) => asset.symbol.toLowerCase() === symbol.toLowerCase()
699
695
  );
700
696
  }
701
697
  function getYieldBearingAsset(symbol) {
702
- if (!symbol)
703
- return void 0;
698
+ if (!symbol) return void 0;
704
699
  return YIELD_BEARING_ASSETS.find(
705
700
  (asset) => asset.symbol.toLowerCase() === symbol.toLowerCase()
706
701
  );
@@ -1136,8 +1131,7 @@ var Slippage = (props) => {
1136
1131
  const getValue = () => customValue ? new utils.Decimal(customValue)?.toNumber() : value;
1137
1132
  const onConfirm = () => {
1138
1133
  const val = getValue();
1139
- if (!val)
1140
- return Promise.resolve(true);
1134
+ if (!val) return Promise.resolve(true);
1141
1135
  props.onValueChange?.(val);
1142
1136
  hideSlippage();
1143
1137
  if (options.includes(val)) {
@@ -1321,8 +1315,7 @@ var SwapFee = (props) => {
1321
1315
  };
1322
1316
  const renderFeeQty = () => {
1323
1317
  const len = feeQtys?.length;
1324
- if (!len)
1325
- return;
1318
+ if (!len) return;
1326
1319
  const list = feeQtys.map((item, index) => {
1327
1320
  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { intensity: 54, children: [
1328
1321
  /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { dp: item.dp, padding: false, rm: utils.Decimal.ROUND_UP, children: item.value }),
@@ -1645,8 +1638,7 @@ function useNeedSwapAndCross(options2) {
1645
1638
  const [needSwap, setNeedSwap] = react.useState(false);
1646
1639
  const [needCrossSwap, setNeedCrossSwap] = react.useState(false);
1647
1640
  react.useEffect(() => {
1648
- if (!srcChainId || !dstChainId || !srcToken || !dstToken)
1649
- return;
1641
+ if (!srcChainId || !dstChainId || !srcToken || !dstToken) return;
1650
1642
  const isCrossChain = srcChainId !== dstChainId;
1651
1643
  if (srcToken?.symbol === "USDC" && !isCrossChain || // if srcToken is collateral and srcToken.symbol is the same as dstToken.symbol, it will not need swap
1652
1644
  srcToken.is_collateral && srcToken.symbol === dstToken?.symbol) {
@@ -3036,8 +3028,7 @@ var useCrossSwap = () => {
3036
3028
  throw new Error("crossChainRouteAddress is undefined");
3037
3029
  }
3038
3030
  const { address, src, dst, crossChainRouteAddress } = inputs;
3039
- if (loading)
3040
- return;
3031
+ if (loading) return;
3041
3032
  start();
3042
3033
  try {
3043
3034
  const quotoLZFee = await account2.walletAdapter.call(
@@ -3596,8 +3587,7 @@ var CrossSwap = (props) => {
3596
3587
  }, [bridgeStatus, swapStatus]);
3597
3588
  const doSwap = react.useCallback(() => {
3598
3589
  setView("processing");
3599
- if (!transaction)
3600
- return Promise.reject("No transaction data");
3590
+ if (!transaction) return Promise.reject("No transaction data");
3601
3591
  setStatus(0 /* Bridging */);
3602
3592
  return doCrossSwap({
3603
3593
  address: "",
@@ -3695,8 +3685,7 @@ var useSwap = () => {
3695
3685
  if (!account2.address) {
3696
3686
  throw new Error("account.address is undefined");
3697
3687
  }
3698
- if (loading)
3699
- return;
3688
+ if (loading) return;
3700
3689
  start();
3701
3690
  const txPayload = {
3702
3691
  from: account2.address,
@@ -3769,10 +3758,8 @@ var SingleSwap = (props) => {
3769
3758
  }, [swapStatus]);
3770
3759
  const doSwap = react.useCallback(() => {
3771
3760
  setView("processing");
3772
- if (!transaction)
3773
- return Promise.reject("No transaction data");
3774
- if (!chain || !chain.depositor)
3775
- return Promise.reject("No chain data");
3761
+ if (!transaction) return Promise.reject("No transaction data");
3762
+ if (!chain || !chain.depositor) return Promise.reject("No chain data");
3776
3763
  setStatus(2 /* Depositing */);
3777
3764
  return doSingleSwap(
3778
3765
  chain.depositor,
@@ -3890,8 +3877,7 @@ var useWooCrossSwapQuery = () => {
3890
3877
  );
3891
3878
  const query = react.useCallback(
3892
3879
  (inputs) => {
3893
- if (loading)
3894
- return Promise.resolve();
3880
+ if (loading) return Promise.resolve();
3895
3881
  start();
3896
3882
  const params = {
3897
3883
  // src_network: inputs.srcNetwork,
@@ -3952,8 +3938,7 @@ var useWooSwapQuery = () => {
3952
3938
  const [loading, { setTrue: start, setFalse: stop }] = hooks.useBoolean(false);
3953
3939
  const query = react.useCallback(
3954
3940
  (inputs) => {
3955
- if (loading)
3956
- return Promise.resolve();
3941
+ if (loading) return Promise.resolve();
3957
3942
  start();
3958
3943
  const params = {
3959
3944
  network: inputs.srcNetwork,
@@ -4366,8 +4351,7 @@ function useChainSelect() {
4366
4351
  });
4367
4352
  const currentChain = react.useMemo(() => {
4368
4353
  const chainId = connectedChain ? utils.praseChainIdToNumber(connectedChain.id) : parseInt(linkDeviceStorage?.chainId);
4369
- if (!chainId)
4370
- return null;
4354
+ if (!chainId) return null;
4371
4355
  const chain = findByChainId(chainId);
4372
4356
  return {
4373
4357
  ...connectedChain,
@@ -4454,8 +4438,7 @@ function useDepositAction(options2) {
4454
4438
  ui.toast.error(t("transfer.quantity.invalid"));
4455
4439
  return;
4456
4440
  }
4457
- if (submitting)
4458
- return;
4441
+ if (submitting) return;
4459
4442
  setSubmitting(true);
4460
4443
  const execDeposit = enableCustomDeposit ? customDeposit : doDeposit;
4461
4444
  await execDeposit?.()?.finally(() => {
@@ -4463,8 +4446,7 @@ function useDepositAction(options2) {
4463
4446
  });
4464
4447
  }, [quantity, submitting, doDeposit, enableCustomDeposit, customDeposit, t]);
4465
4448
  const onApprove = react.useCallback(async () => {
4466
- if (submitting)
4467
- return;
4449
+ if (submitting) return;
4468
4450
  setSubmitting(true);
4469
4451
  try {
4470
4452
  await approve(quantity);
@@ -4480,8 +4462,7 @@ function useDepositAction(options2) {
4480
4462
  }
4481
4463
  }, [approve, submitting, quantity, allowance, t]);
4482
4464
  const onApproveAndDeposit = react.useCallback(async () => {
4483
- if (submitting)
4484
- return;
4465
+ if (submitting) return;
4485
4466
  setSubmitting(true);
4486
4467
  try {
4487
4468
  await onApprove();
@@ -4561,10 +4542,8 @@ var useToken = (currentChain, filter = () => true) => {
4561
4542
  const tokens = chainInfo.token_infos?.filter(filter);
4562
4543
  if (tokens?.length) {
4563
4544
  tokens.sort((a, b) => {
4564
- if (a.symbol === "USDC")
4565
- return -1;
4566
- if (b.symbol === "USDC")
4567
- return 1;
4545
+ if (a.symbol === "USDC") return -1;
4546
+ if (b.symbol === "USDC") return 1;
4568
4547
  return 0;
4569
4548
  });
4570
4549
  }
@@ -5037,18 +5016,12 @@ var sortTokens = (tokens = [], tokenBalances = {}, getIndexPrice) => {
5037
5016
  if (hasBalanceA !== hasBalanceB) {
5038
5017
  return hasBalanceA ? -1 : 1;
5039
5018
  }
5040
- if (a.symbol === "USDC" && b.symbol !== "USDC")
5041
- return -1;
5042
- if (b.symbol === "USDC" && a.symbol !== "USDC")
5043
- return 1;
5044
- if (a.symbol === "USDC.e" && b.symbol !== "USDC.e")
5045
- return -1;
5046
- if (b.symbol === "USDC.e" && a.symbol !== "USDC.e")
5047
- return 1;
5048
- if (a.isNativeToken && !b.isNativeToken)
5049
- return -1;
5050
- if (b.isNativeToken && !a.isNativeToken)
5051
- return 1;
5019
+ if (a.symbol === "USDC" && b.symbol !== "USDC") return -1;
5020
+ if (b.symbol === "USDC" && a.symbol !== "USDC") return 1;
5021
+ if (a.symbol === "USDC.e" && b.symbol !== "USDC.e") return -1;
5022
+ if (b.symbol === "USDC.e" && a.symbol !== "USDC.e") return 1;
5023
+ if (a.isNativeToken && !b.isNativeToken) return -1;
5024
+ if (b.isNativeToken && !a.isNativeToken) return 1;
5052
5025
  if (hasBalanceA && hasBalanceB) {
5053
5026
  return b.balance - a.balance;
5054
5027
  }
@@ -6068,8 +6041,7 @@ function useWithdrawAccountId(options2) {
6068
6041
  }
6069
6042
  }, [toAccountId]);
6070
6043
  const walletLookup = async (input, network) => {
6071
- if (!network || !brokerId)
6072
- return null;
6044
+ if (!network || !brokerId) return null;
6073
6045
  const chainType = network;
6074
6046
  const res = await fetch(
6075
6047
  `${apiBaseUrl}/v1/get_account?address=${encodeURIComponent(
@@ -6249,8 +6221,7 @@ function useWithdrawToken(params) {
6249
6221
  (token2) => token2.symbol === "USDC" || token2.is_collateral
6250
6222
  );
6251
6223
  const allTokens = react.useMemo(() => {
6252
- if (!tokensInfo?.length)
6253
- return [];
6224
+ if (!tokensInfo?.length) return [];
6254
6225
  const holdingMap = /* @__PURE__ */ new Map();
6255
6226
  holdings?.forEach((item) => {
6256
6227
  holdingMap.set(item.token, item);
@@ -6263,8 +6234,7 @@ function useWithdrawToken(params) {
6263
6234
  }));
6264
6235
  const list = mappedTokens.filter((token2) => {
6265
6236
  const holding = holdingMap.get(token2.symbol);
6266
- if (!holdings)
6267
- return true;
6237
+ if (!holdings) return true;
6268
6238
  return !!holding && holding.holding > 0;
6269
6239
  });
6270
6240
  if (list.length === 0) {
@@ -6274,17 +6244,14 @@ function useWithdrawToken(params) {
6274
6244
  }
6275
6245
  }
6276
6246
  list.sort((a, b) => {
6277
- if (a.symbol === "USDC")
6278
- return -1;
6279
- if (b.symbol === "USDC")
6280
- return 1;
6247
+ if (a.symbol === "USDC") return -1;
6248
+ if (b.symbol === "USDC") return 1;
6281
6249
  return 0;
6282
6250
  });
6283
6251
  return list;
6284
6252
  }, [tokensInfo, holdings]);
6285
6253
  react.useEffect(() => {
6286
- if (!allTokens.length)
6287
- return;
6254
+ if (!allTokens.length) return;
6288
6255
  const usdcToken = getTokenByTokenList(allTokens);
6289
6256
  setToken(usdcToken || allTokens?.[0]);
6290
6257
  setTokens(allTokens);
@@ -6324,8 +6291,7 @@ function useWithdrawToken(params) {
6324
6291
  }
6325
6292
  });
6326
6293
  react.useEffect(() => {
6327
- if (withdrawTo !== "wallet" /* Wallet */ || !allTokens.length)
6328
- return;
6294
+ if (withdrawTo !== "wallet" /* Wallet */ || !allTokens.length) return;
6329
6295
  const holdingSymbols = new Set(allTokens.map((t) => t.symbol));
6330
6296
  if (!sourceToken?.symbol || !holdingSymbols.has(sourceToken.symbol)) {
6331
6297
  const defaultToken = getTokenByTokenList(allTokens);
@@ -6440,8 +6406,7 @@ var useWithdrawFormScript = (options2) => {
6440
6406
  setPendingTokenSymbol(token.symbol);
6441
6407
  });
6442
6408
  const tokenChains = react.useMemo(() => {
6443
- if (!chains)
6444
- return [];
6409
+ if (!chains) return [];
6445
6410
  const list = chains.map((chain) => {
6446
6411
  const isSupported = chain.token_infos?.some(
6447
6412
  (token) => token.symbol === sourceToken?.symbol
@@ -6454,8 +6419,7 @@ var useWithdrawFormScript = (options2) => {
6454
6419
  list.sort((a, b) => {
6455
6420
  const aSupported = !!a.isSupported;
6456
6421
  const bSupported = !!b.isSupported;
6457
- if (aSupported === bSupported)
6458
- return 0;
6422
+ if (aSupported === bSupported) return 0;
6459
6423
  return aSupported ? -1 : 1;
6460
6424
  });
6461
6425
  return list;
@@ -6483,8 +6447,7 @@ var useWithdrawFormScript = (options2) => {
6483
6447
  };
6484
6448
  const onAddExternalWallet = (addr, network) => {
6485
6449
  const normalizedAddr = addr.trim();
6486
- if (!normalizedAddr)
6487
- return;
6450
+ if (!normalizedAddr) return;
6488
6451
  const connectedAddress = address?.trim();
6489
6452
  if (connectedAddress && connectedAddress.toLowerCase() === normalizedAddr.toLowerCase()) {
6490
6453
  setSelectedWalletAddress(normalizedAddr);
@@ -6728,8 +6691,7 @@ var useWithdrawFormScript = (options2) => {
6728
6691
  );
6729
6692
  }, [vaultBalanceList, currentChain, withdrawTo]);
6730
6693
  const onSwitchToSupportedNetwork = hooks.useMemoizedFn(async () => {
6731
- if (!tokenChains || tokenChains.length === 0)
6732
- return;
6694
+ if (!tokenChains || tokenChains.length === 0) return;
6733
6695
  const targetNetwork = tokenChains.find((item) => item.isSupported) ?? tokenChains[0];
6734
6696
  await onChainChange(targetNetwork);
6735
6697
  });
@@ -6821,8 +6783,7 @@ var AddWalletDialog = ({
6821
6783
  setIsValidating(false);
6822
6784
  };
6823
6785
  react.useEffect(() => {
6824
- if (!open)
6825
- onClear();
6786
+ if (!open) onClear();
6826
6787
  }, [open]);
6827
6788
  const requiredNetwork = chain?.namespace === types.ChainNamespace.solana ? "SOL" : chain?.namespace === types.ChainNamespace.evm ? "EVM" : void 0;
6828
6789
  const requiredNetworkLabel = requiredNetwork === "SOL" ? "Solana" : requiredNetwork === "EVM" ? "EVM" : "";
@@ -6835,8 +6796,7 @@ var AddWalletDialog = ({
6835
6796
  const showInlineInvalid = !isValidating && isInvalidFormat;
6836
6797
  const showErrorHint = !isValidating && isNetworkMismatch;
6837
6798
  const handleConfirm = () => {
6838
- if (!address || isValidating || !isValid || isNetworkMismatch)
6839
- return;
6799
+ if (!address || isValidating || !isValid || isNetworkMismatch) return;
6840
6800
  onConfirm(address, validationResult.network === "SOL" ? "SOL" : "EVM");
6841
6801
  onOpenChange(false);
6842
6802
  };
@@ -6968,16 +6928,13 @@ var WalletSelector = ({
6968
6928
  const { t } = i18n.useTranslation();
6969
6929
  const [isOpen, setIsOpen] = react.useState(false);
6970
6930
  const currentNetwork = react.useMemo(() => {
6971
- if (!connectedWallet?.namespace)
6972
- return void 0;
6931
+ if (!connectedWallet?.namespace) return void 0;
6973
6932
  const ns = connectedWallet.namespace.toLowerCase();
6974
- if (ns.includes("sol"))
6975
- return "SOL";
6933
+ if (ns.includes("sol")) return "SOL";
6976
6934
  return "EVM";
6977
6935
  }, [connectedWallet?.namespace]);
6978
6936
  const filteredExternalWallets = react.useMemo(() => {
6979
- if (!currentNetwork)
6980
- return externalWallets;
6937
+ if (!currentNetwork) return externalWallets;
6981
6938
  return externalWallets.filter(
6982
6939
  (wallet) => wallet.network === currentNetwork
6983
6940
  );
@@ -7002,10 +6959,8 @@ var WalletSelector = ({
7002
6959
  const hasExternalWallets = filteredExternalWallets.length > 0;
7003
6960
  const showConnectedItem = !!connectedWallet && hasExternalWallets;
7004
6961
  const getChainLabel = (network) => {
7005
- if (!network)
7006
- return "";
7007
- if (network === "SOL")
7008
- return "Solana";
6962
+ if (!network) return "";
6963
+ if (network === "SOL") return "Solana";
7009
6964
  return "EVM";
7010
6965
  };
7011
6966
  const handleSelectWallet = (address) => {
@@ -7567,8 +7522,7 @@ function useToken2(options2) {
7567
7522
  const tokens2 = typeof tokensFilter === "function" ? tokensFilter(chainInfo) : chainInfo.token_infos;
7568
7523
  setTokens(tokens2);
7569
7524
  const newToken = getTokenByTokenList(tokens2);
7570
- if (!newToken)
7571
- return;
7525
+ if (!newToken) return;
7572
7526
  setToken(newToken);
7573
7527
  }
7574
7528
  },
@@ -8126,8 +8080,7 @@ var useTransferFormScript = (options2) => {
8126
8080
  ui.toast.error(t("transfer.quantity.invalid"));
8127
8081
  return;
8128
8082
  }
8129
- if (submitting || !toAccount)
8130
- return;
8083
+ if (submitting || !toAccount) return;
8131
8084
  transfer(token.symbol, {
8132
8085
  account_id: toAccount.id,
8133
8086
  amount: new utils.Decimal(quantity).toNumber()
@@ -8170,8 +8123,7 @@ var useTransferFormScript = (options2) => {
8170
8123
  };
8171
8124
  }, [isMainAccount, mainAccountId, mainAccount, subAccounts, fromAccount]);
8172
8125
  react.useEffect(() => {
8173
- if (!mainAccountId)
8174
- return;
8126
+ if (!mainAccountId) return;
8175
8127
  const _mainAccount = {
8176
8128
  id: mainAccountId,
8177
8129
  description: t("common.mainAccount"),
@@ -8209,10 +8161,8 @@ var useTransferFormScript = (options2) => {
8209
8161
  }));
8210
8162
  if (tokens2?.length) {
8211
8163
  tokens2.sort((a, b) => {
8212
- if (a.symbol === "USDC")
8213
- return -1;
8214
- if (b.symbol === "USDC")
8215
- return 1;
8164
+ if (a.symbol === "USDC") return -1;
8165
+ if (b.symbol === "USDC") return 1;
8216
8166
  return 0;
8217
8167
  });
8218
8168
  const targetToken = tokens2?.find((item) => item.symbol === options2.token);
@@ -9650,5 +9600,5 @@ exports.useInputStatus = useInputStatus;
9650
9600
  exports.useSwapDepositFormScript = useSwapDepositFormScript;
9651
9601
  exports.useTransferFormScript = useTransferFormScript;
9652
9602
  exports.useWithdrawFormScript = useWithdrawFormScript;
9653
- //# sourceMappingURL=out.js.map
9603
+ //# sourceMappingURL=index.js.map
9654
9604
  //# sourceMappingURL=index.js.map