@orderly.network/ui-transfer 2.11.0 → 3.0.0-beta.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { i18n, useTranslation, Trans } from '@orderly.network/i18n';
 import { registerSimpleDialog, registerSimpleSheet, Tabs, TabPanel, ArrowDownSquareFillIcon, ArrowUpSquareFillIcon, ExtensionSlot, ExtensionPositionEnum, Box, textVariants, Flex, toast, Text, cn, Button, Spinner, Select, Input, inputFormatter, useScreen, modal, Tooltip, Tips, AlertDialog, EditIcon, ArrowLeftRightIcon, WalletIcon, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, ScrollArea, ChainIcon, Badge, CaretUpIcon, CaretDownIcon, SimpleDialog, CloseRoundFillIcon, ExclamationFillIcon, TokenIcon, Checkbox, CloseIcon } from '@orderly.network/ui';
-import { forwardRef, useState, useMemo, useEffect, useCallback, useRef } from 'react';
+import { forwardRef, useState, isValidElement, useMemo, useEffect, useCallback, useRef } from 'react';
 import { useConfig, useWalletConnector, useLocalStorage, useConvert, useOdosQuote, useComputedLTV, useAccount, useAppStore, useTransfer, useSubAccountDataObserver, useSubAccountMaxWithdrawal, useTokensInfo, useEventEmitter, usePositionStream, useIndexPricesStream, useOrderlyContext, useDeposit, useAssetsHistory, useChains, useMemoizedFn, useWithdraw, useWalletTopic, useQuery, useSWR, useTokenInfo, useHoldingStream, useInternalTransfer, useDebouncedCallback, useTransferHistory, useBalanceTopic } from '@orderly.network/hooks';
 import { Decimal, zero, praseChainIdToNumber, int2hex, toNonExponential, formatWithPrecision, isSolana } from '@orderly.network/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -12,6 +12,7 @@ import { utils } from '@orderly.network/core';
 import { ChainSelectorDialogId } from '@orderly.network/ui-chain-selector';
 import { PublicKey } from '@solana/web3.js';
 import { ethers } from 'ethers';
+import { injectable } from '@orderly.network/plugin-core';
 import { DefaultSolanaWalletAdapter } from '@orderly.network/default-solana-adapter';
 
 // src/components/depositForm/depositForm.ui.tsx
@@ -2480,6 +2481,9 @@ var useSwapTokens = (chainId, enableSwapDeposit) => {
       logo_uri: item.logoURI
     }));
   }, [data]);
+  if (!enableSwapDeposit) {
+    return [];
+  }
   return tokens;
 };
 
@@ -5986,10 +5990,14 @@ var WithdrawSlot = (props) => {
 var DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
 var DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
 var DepositAndWithdraw = (props) => {
+  const { extraTabs = [] } = props;
   const [activeTab, setActiveTab] = useState(
     props.activeTab || "deposit"
   );
   const { t } = useTranslation();
+  const sortedExtra = [...extraTabs].sort(
+    (a, b) => (a.order ?? 100) - (b.order ?? 100)
+  );
   return /* @__PURE__ */ jsxs(
     Tabs,
     {
@@ -6019,18 +6027,39 @@ var DepositAndWithdraw = (props) => {
             value: "withdraw",
             children: /* @__PURE__ */ jsx(WithdrawSlot, { close: props.close })
           }
-        )
+        ),
+        sortedExtra.map((tab) => /* @__PURE__ */ jsx(
+          TabPanel,
+          {
+            title: tab.title,
+            icon: isValidElement(tab.icon) ? tab.icon : void 0,
+            value: tab.id,
+            children: /* @__PURE__ */ jsx(tab.component, { close: props.close })
+          },
+          tab.id
+        ))
       ]
     }
   );
 };
-registerSimpleDialog(DepositAndWithdrawWithDialogId, DepositAndWithdraw, {
-  size: "md",
-  classNames: {
-    content: "oui-border oui-border-line-6"
+var InjectableDepositAndWithdraw = injectable(
+  DepositAndWithdraw,
+  "Transfer.DepositAndWithdraw"
+);
+registerSimpleDialog(
+  DepositAndWithdrawWithDialogId,
+  InjectableDepositAndWithdraw,
+  {
+    size: "md",
+    classNames: {
+      content: "oui-border oui-border-line-6"
+    }
   }
-});
-registerSimpleSheet(DepositAndWithdrawWithSheetId, DepositAndWithdraw);
+);
+registerSimpleSheet(
+  DepositAndWithdrawWithSheetId,
+  InjectableDepositAndWithdraw
+);
 var AccountSelect = (props) => {
   const { subAccounts = [], value } = props;
   const [open, setOpen] = useState(false);
@@ -7868,6 +7897,6 @@ var DepositStatusWidget = (props) => {
   return /* @__PURE__ */ jsx(DepositStatus, { ...state, ...props });
 };
 
-export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, ConvertFormUI, ConvertFormWidget, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, DepositStatus, DepositStatusWidget, ExchangeDivider, Fee, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, WithdrawFormWidget, WithdrawTo, YIELD_BEARING_ASSETS, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };
+export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, ConvertFormUI, ConvertFormWidget, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, DepositFormWidget, DepositStatus, DepositStatusWidget, ExchangeDivider, Fee, InjectableDepositAndWithdraw, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, WithdrawFormWidget, WithdrawTo, YIELD_BEARING_ASSETS, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map