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

package/dist/index.d.mts

@@ -205,11 +205,22 @@ declare const WithdrawFormWidget: FC<WithdrawFormWidgetProps>;
 
 declare const DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
 declare const DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
+interface DepositTabExtension {
+    id: string;
+    title: string;
+    icon: React.ReactNode;
+    component: React.ComponentType<{
+        close?: () => void;
+    }>;
+    order?: number;
+}
 type DepositAndWithdrawProps = {
-    activeTab?: "deposit" | "withdraw";
+    activeTab?: string;
     close?: () => void;
+    extraTabs?: DepositTabExtension[];
 };
 declare const DepositAndWithdraw: FC<DepositAndWithdrawProps>;
+declare const InjectableDepositAndWithdraw: react.ComponentType<DepositAndWithdrawProps>;
 
 type TransferFormScriptReturn = ReturnType<typeof useTransferFormScript>;
 type TransferFormScriptOptions = {
@@ -512,4 +523,4 @@ declare const DepositStatus: react__default.FC<DepositStatusProps>;
 type DepositStatusWidgetProps = Pick<DepositStatusProps, "className" | "onClick">;
 declare const DepositStatusWidget: react__default.FC<DepositStatusWidgetProps>;
 
-export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type ConvertFormProps, ConvertFormUI, ConvertFormWidget, type CurrentChain, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, type DepositFormScriptOptions, DepositFormWidget, type DepositFormWidgetProps, DepositStatus, DepositStatusWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, type WithdrawFormScriptOptions, WithdrawFormWidget, type WithdrawFormWidgetProps, WithdrawTo, YIELD_BEARING_ASSETS, type YieldBearingAsset, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };
+export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type ConvertFormProps, ConvertFormUI, ConvertFormWidget, type CurrentChain, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, type DepositFormScriptOptions, DepositFormWidget, type DepositFormWidgetProps, DepositStatus, DepositStatusWidget, type DepositTabExtension, ExchangeDivider, Fee, InjectableDepositAndWithdraw, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, type WithdrawFormScriptOptions, WithdrawFormWidget, type WithdrawFormWidgetProps, WithdrawTo, YIELD_BEARING_ASSETS, type YieldBearingAsset, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };

package/dist/index.d.ts

@@ -205,11 +205,22 @@ declare const WithdrawFormWidget: FC<WithdrawFormWidgetProps>;
 
 declare const DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
 declare const DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
+interface DepositTabExtension {
+    id: string;
+    title: string;
+    icon: React.ReactNode;
+    component: React.ComponentType<{
+        close?: () => void;
+    }>;
+    order?: number;
+}
 type DepositAndWithdrawProps = {
-    activeTab?: "deposit" | "withdraw";
+    activeTab?: string;
     close?: () => void;
+    extraTabs?: DepositTabExtension[];
 };
 declare const DepositAndWithdraw: FC<DepositAndWithdrawProps>;
+declare const InjectableDepositAndWithdraw: react.ComponentType<DepositAndWithdrawProps>;
 
 type TransferFormScriptReturn = ReturnType<typeof useTransferFormScript>;
 type TransferFormScriptOptions = {
@@ -512,4 +523,4 @@ declare const DepositStatus: react__default.FC<DepositStatusProps>;
 type DepositStatusWidgetProps = Pick<DepositStatusProps, "className" | "onClick">;
 declare const DepositStatusWidget: react__default.FC<DepositStatusWidgetProps>;
 
-export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type ConvertFormProps, ConvertFormUI, ConvertFormWidget, type CurrentChain, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, type DepositFormScriptOptions, DepositFormWidget, type DepositFormWidgetProps, DepositStatus, DepositStatusWidget, ExchangeDivider, Fee, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, type WithdrawFormScriptOptions, WithdrawFormWidget, type WithdrawFormWidgetProps, WithdrawTo, YIELD_BEARING_ASSETS, type YieldBearingAsset, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };
+export { ActionButton, AvailableQuantity, BrokerWallet, ChainSelect, type ConvertFormProps, ConvertFormUI, ConvertFormWidget, type CurrentChain, DEPOSIT_ERROR_CODE_MAP, DepositAction, DepositAndWithdraw, type DepositAndWithdrawProps, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, DepositForm, type DepositFormScriptOptions, DepositFormWidget, type DepositFormWidgetProps, DepositStatus, DepositStatusWidget, type DepositTabExtension, ExchangeDivider, Fee, InjectableDepositAndWithdraw, type InputStatus, QuantityInput, SwapCoin, TransferDialogId, TransferForm, TransferFormWidget, type TransferFormWidgetProps, TransferSheetId, TransferWidget, Web3Wallet, WithdrawForm, type WithdrawFormScriptOptions, WithdrawFormWidget, type WithdrawFormWidgetProps, WithdrawTo, YIELD_BEARING_ASSETS, type YieldBearingAsset, YieldBearingReminder, checkIsAccountId, feeDecimalsOffset, getDepositKnownErrorMessage, getTransferErrorMessage, getUSDCToken, getYieldBearingAsset, isYieldBearingAsset, sortTokensWithUSDCFirst, useConvertFormScript as useConvertForm, useDepositFormScript, useDepositStatusScript, useTransferFormScript, useWithdrawFormScript };

package/dist/index.js

@@ -14,6 +14,7 @@ var core = require('@orderly.network/core');
 var uiChainSelector = require('@orderly.network/ui-chain-selector');
 var web3_js = require('@solana/web3.js');
 var ethers = require('ethers');
+var pluginCore = require('@orderly.network/plugin-core');
 var defaultSolanaAdapter = require('@orderly.network/default-solana-adapter');
 
 // src/components/depositForm/depositForm.ui.tsx
@@ -5991,10 +5992,14 @@ var WithdrawSlot = (props) => {
 var DepositAndWithdrawWithDialogId = "DepositAndWithdrawWithDialogId";
 var DepositAndWithdrawWithSheetId = "DepositAndWithdrawWithSheetId";
 var DepositAndWithdraw = (props) => {
+  const { extraTabs = [] } = props;
   const [activeTab, setActiveTab] = react.useState(
     props.activeTab || "deposit"
   );
   const { t } = i18n.useTranslation();
+  const sortedExtra = [...extraTabs].sort(
+    (a, b) => (a.order ?? 100) - (b.order ?? 100)
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Tabs,
     {
@@ -6024,18 +6029,39 @@ var DepositAndWithdraw = (props) => {
             value: "withdraw",
             children: /* @__PURE__ */ jsxRuntime.jsx(WithdrawSlot, { close: props.close })
           }
-        )
+        ),
+        sortedExtra.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.TabPanel,
+          {
+            title: tab.title,
+            icon: react.isValidElement(tab.icon) ? tab.icon : void 0,
+            value: tab.id,
+            children: /* @__PURE__ */ jsxRuntime.jsx(tab.component, { close: props.close })
+          },
+          tab.id
+        ))
       ]
     }
   );
 };
-ui.registerSimpleDialog(DepositAndWithdrawWithDialogId, DepositAndWithdraw, {
-  size: "md",
-  classNames: {
-    content: "oui-border oui-border-line-6"
+var InjectableDepositAndWithdraw = pluginCore.injectable(
+  DepositAndWithdraw,
+  "Transfer.DepositAndWithdraw"
+);
+ui.registerSimpleDialog(
+  DepositAndWithdrawWithDialogId,
+  InjectableDepositAndWithdraw,
+  {
+    size: "md",
+    classNames: {
+      content: "oui-border oui-border-line-6"
+    }
   }
-});
-ui.registerSimpleSheet(DepositAndWithdrawWithSheetId, DepositAndWithdraw);
+);
+ui.registerSimpleSheet(
+  DepositAndWithdrawWithSheetId,
+  InjectableDepositAndWithdraw
+);
 var AccountSelect = (props) => {
   const { subAccounts = [], value } = props;
   const [open, setOpen] = react.useState(false);
@@ -7890,6 +7916,7 @@ exports.DepositStatus = DepositStatus;
 exports.DepositStatusWidget = DepositStatusWidget;
 exports.ExchangeDivider = ExchangeDivider;
 exports.Fee = Fee;
+exports.InjectableDepositAndWithdraw = InjectableDepositAndWithdraw;
 exports.QuantityInput = QuantityInput;
 exports.SwapCoin = SwapCoin;
 exports.TransferDialogId = TransferDialogId;