@kodiak-finance/orderly-ui-transfer 2.9.1 → 2.9.2-alpha.0

package/dist/index.d.mts

@@ -208,11 +208,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 = {
@@ -314,6 +325,7 @@ declare const useConvertFormScript: (options: ConvertFormScriptOptions) => {
         chain_id?: string | undefined;
         contract_address?: string | undefined;
         decimals?: number | undefined;
+        exclusive_deposit_supported?: boolean;
         withdrawal_fee?: number | undefined;
         chain_name?: string;
         cross_chain_withdrawal_fee?: number | undefined;
@@ -519,4 +531,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

@@ -208,11 +208,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 = {
@@ -314,6 +325,7 @@ declare const useConvertFormScript: (options: ConvertFormScriptOptions) => {
         chain_id?: string | undefined;
         contract_address?: string | undefined;
         decimals?: number | undefined;
+        exclusive_deposit_supported?: boolean;
         withdrawal_fee?: number | undefined;
         chain_name?: string;
         cross_chain_withdrawal_fee?: number | undefined;
@@ -519,4 +531,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 orderlyCore = require('@kodiak-finance/orderly-core');
 var orderlyUiChainSelector = require('@kodiak-finance/orderly-ui-chain-selector');
 var web3_js = require('@solana/web3.js');
 var ethers = require('ethers');
+var orderlyPluginCore = require('@kodiak-finance/orderly-plugin-core');
 var orderlyDefaultSolanaAdapter = require('@kodiak-finance/orderly-default-solana-adapter');
 
 // src/components/depositForm/depositForm.ui.tsx
@@ -6003,10 +6004,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 } = orderlyI18n.useTranslation();
+  const sortedExtra = [...extraTabs].sort(
+    (a, b) => (a.order ?? 100) - (b.order ?? 100)
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     orderlyUi.Tabs,
     {
@@ -6036,18 +6041,39 @@ var DepositAndWithdraw = (props) => {
             value: "withdraw",
             children: /* @__PURE__ */ jsxRuntime.jsx(WithdrawSlot, { close: props.close })
           }
-        )
+        ),
+        sortedExtra.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+          orderlyUi.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
+        ))
       ]
     }
   );
 };
-orderlyUi.registerSimpleDialog(DepositAndWithdrawWithDialogId, DepositAndWithdraw, {
-  size: "md",
-  classNames: {
-    content: "oui-border oui-border-line-6"
+var InjectableDepositAndWithdraw = orderlyPluginCore.injectable(
+  DepositAndWithdraw,
+  "Transfer.DepositAndWithdraw"
+);
+orderlyUi.registerSimpleDialog(
+  DepositAndWithdrawWithDialogId,
+  InjectableDepositAndWithdraw,
+  {
+    size: "md",
+    classNames: {
+      content: "oui-border oui-border-line-6"
+    }
   }
-});
-orderlyUi.registerSimpleSheet(DepositAndWithdrawWithSheetId, DepositAndWithdraw);
+);
+orderlyUi.registerSimpleSheet(
+  DepositAndWithdrawWithSheetId,
+  InjectableDepositAndWithdraw
+);
 var AccountSelect = (props) => {
   const { subAccounts = [], value } = props;
   const [open, setOpen] = react.useState(false);
@@ -7904,6 +7930,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;