@dhedge/trading-widget 3.0.0-alpha.3 → 3.0.0-alpha.5

package/trading-widget/components/common/spinner/spinner.d.ts

@@ -1,7 +1,5 @@
 import type { FC } from 'react';
-import type { ThemeType } from 'trading-widget/types';
 interface SpinnerProps {
-    type?: ThemeType;
     className?: string;
 }
 export declare const Spinner: FC<SpinnerProps>;

package/trading-widget/components/widget/widget-input/token-selector/token-selector.hooks.d.ts

@@ -4,4 +4,6 @@ export interface TokenSelectorProps {
 export declare const useTokenSelector: ({ symbol }: TokenSelectorProps) => {
     isAllSymbol: boolean;
     onClick: () => void;
+    disabled: boolean;
+    hideTokenIcon: boolean;
 };

package/trading-widget/components/widget/widget-overlay/trading-overlay/trading-summary/swap-summary.d.ts

@@ -1,7 +1,6 @@
 import type { FC } from 'react';
 import type { TradingPanelStateModal } from 'core-kit/types';
 interface SwapSummaryProps {
-    sendTokens: TradingPanelStateModal['sendTokens'];
     receiveTokens: TradingPanelStateModal['receiveTokens'];
 }
 export declare const SwapSummary: FC<SwapSummaryProps>;

package/trading-widget/components/withdraw/complete-step/balance/complete-withdraw-balance.hooks.d.ts

@@ -8,5 +8,5 @@ export declare const useCompleteWithdrawBalance: () => {
         price: number;
     }[];
     usdAmount: string;
-    showClaimButton: boolean;
+    withdrawalVaultLink: string | undefined;
 };

package/trading-widget/components/withdraw/init-step/input-group/init-withdraw-input-group.hooks.d.ts

@@ -9,7 +9,6 @@ export declare const useInitWithdrawInputGroup: () => {
         value: string;
         decimals: number;
     };
-    receiveToken: import("../../../../..").DynamicTradingToken;
     onInputChange: (value: string) => void;
     isMultiAssetWithdraw: boolean;
 };

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/all-assets-composition-table/all-assets-composition-table.d.ts

@@ -0,0 +1,2 @@
+import type { AllAssetsCompositionTableProps } from 'trading-widget/components/withdraw/init-step/input-group/withdraw-section/all-assets-composition-table/all-assets-composition-table.hooks';
+export declare const AllAssetsCompositionTable: ({ className, showFraction, iconSize, showAllAsset, }: AllAssetsCompositionTableProps) => import("react/jsx-runtime").JSX.Element;

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/all-assets-composition-table/all-assets-composition-table.hooks.d.ts

@@ -0,0 +1,14 @@
+import type { TokenIconSize } from 'trading-widget/types';
+export interface AllAssetsCompositionTableProps {
+    className?: string;
+    showFraction?: boolean;
+    iconSize?: TokenIconSize;
+    showAllAsset?: boolean;
+}
+export declare const useAllAssetsCompositionTable: (showAllAsset: AllAssetsCompositionTableProps['showAllAsset']) => {
+    visibleAssets: import("../../../../../../..").PoolCompositionWithFraction[];
+    hiddenAssets: import("../../../../../../..").PoolCompositionWithFraction[];
+    chainId: number;
+    showUnitWithdrawalTip: boolean;
+    address: `0x${string}`;
+};

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/single-asset-composition-table/single-asset-composition-table.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { SingleAssetCompositionTableProps } from 'trading-widget/components/withdraw/init-step/input-group/withdraw-section/single-asset-composition-table/single-asset-composition-table.hooks';
+export declare const SingleAssetCompositionTable: FC<SingleAssetCompositionTableProps>;

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/single-asset-composition-table/single-asset-composition-table.hooks.d.ts

@@ -0,0 +1,10 @@
+import type { useInitWithdrawEstimatedReceiveAssets } from 'core-kit/hooks/trading/withdraw-v2/init-step';
+export interface SingleAssetCompositionTableProps {
+    assets: ReturnType<typeof useInitWithdrawEstimatedReceiveAssets>['data'];
+    isLoading: boolean;
+}
+export declare const useSingleAssetCompositionTable: ({ assets, }: Pick<SingleAssetCompositionTableProps, 'assets'>) => {
+    showReceivedResults: boolean;
+    showSingleTokenAmount: boolean;
+    singleTokenBalance: number | undefined;
+};

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/withdraw-section.d.ts

@@ -1,3 +1,6 @@
 import type { FC } from 'react';
-import type { WithdrawSectionProps } from 'trading-widget/components/withdraw/init-step/input-group/withdraw-section/withdraw-section.hooks';
+interface WithdrawSectionProps {
+    isMultiAssetWithdraw: boolean;
+}
 export declare const WithdrawSection: FC<WithdrawSectionProps>;
+export {};

package/trading-widget/components/withdraw/init-step/input-group/withdraw-section/withdraw-section.hooks.d.ts

@@ -1,10 +1,13 @@
-export interface WithdrawSectionProps {
-    isMultiAssetWithdraw: boolean;
+export declare const useWithdrawSection: () => {
+    assets: {
+        address: `0x${string}`;
+        symbol: string;
+        decimals: number;
+        rawBalance: bigint;
+        balance: number;
+        price: number;
+    }[];
+    isLoading: boolean;
+    usdAmount: string;
     assetSymbol: string;
-}
-export declare const useWithdrawSection: ({ isMultiAssetWithdraw, assetSymbol, }: WithdrawSectionProps) => {
-    isMultiAssetWithdraw: boolean;
-    label: string;
-    assetSymbol: string;
-    vaultSymbol: string;
 };

package/trading-widget/components/withdraw/init-step/meta/transaction-disclosure/transaction-disclosure.hooks.d.ts

@@ -7,4 +7,5 @@ export declare const useInitWithdrawTransactionDisclosure: () => {
     sendTokenSymbol: string;
     exitFee: string;
     minReceivedText: string;
+    showMinReceivedText: boolean;
 };

package/trading-widget/components/withdraw/stepper/withdraw-stepper.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const WithdrawStepper: FC<PropsWithChildren>;

package/trading-widget/components/withdraw/stepper/withdraw-stepper.hooks.d.ts

@@ -0,0 +1,8 @@
+export declare const useWithdrawStepper: () => {
+    hideStepper: boolean;
+    activeStepIndex: number;
+    steps: {
+        index: number;
+        description: string | import("react/jsx-runtime").JSX.Element;
+    }[];
+};

package/trading-widget/components/withdraw/tab-panel/tab-panel.hooks.d.ts

@@ -1,5 +1,3 @@
 export declare const useWithdrawTabPanel: () => {
     isCompleteWithdrawStep: boolean;
-    isMultiAssetWithdraw: boolean;
-    isStep1Active: boolean;
 };

package/trading-widget/providers/component-provider/component-provider.hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useComponentContext: () => Partial<{
     GeoBlockAlert?: import("react").ComponentType | undefined;
     SanctionedAlert?: import("react").ComponentType | undefined;

package/trading-widget/providers/translation-provider/translation-provider.types.d.ts

@@ -80,16 +80,19 @@ export type TranslationMap = {
     depositAction: string;
     withdrawAction: string;
     unrollAction: string;
+    unrollAndClaimAction: string;
     swapAction: string;
     claimAction: string;
     claimLabel: string;
-    swapOf: string;
-    to: string;
-    withdrawDescriptionTitle: string;
+    swapAndClaimTo: string;
     initWithdrawDescription: string;
     initWithdrawTooltip: string;
     completeWithdrawDescription: string;
     completeWithdrawTooltip: string;
+    unrollAndClaimDescription: string;
+    total: string;
+    showAll: string;
+    hide: string;
     [key: string]: string;
 };
 export interface TranslationProviderProps {

package/trading-widget/utils/synthetix-v3.d.ts

@@ -1,11 +1,10 @@
-import { UTCDate } from '@date-fns/utc';
 import type { SynthetixV3PeriodType } from 'trading-widget/types/synthetix-v3.types';
 export declare const getDateRangeByPeriod: (period: SynthetixV3PeriodType) => {
-    from: UTCDate;
-    to: UTCDate;
+    from: Date;
+    to: Date;
     intraWeekRanges: {
-        from: UTCDate;
-        to: UTCDate;
+        from: Date;
+        to: Date;
     }[];
     duration: {
         percentage: number;
@@ -16,11 +15,11 @@ export declare const getDateRangeByPeriod: (period: SynthetixV3PeriodType) => {
     };
 };
 export declare const getRangeData: () => {
-    from: UTCDate;
-    to: UTCDate;
+    from: Date;
+    to: Date;
     intraWeekRanges: {
-        from: UTCDate;
-        to: UTCDate;
+        from: Date;
+        to: Date;
     }[];
     duration: {
         percentage: number;