@dhedge/trading-widget 3.5.8-canary.2 → 3.6.0

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

@@ -0,0 +1,39 @@
+import type { ChainId } from 'core-kit/types';
+export interface ConfigProviderParams {
+    isGeoBlocked: boolean;
+    isSanctioned: boolean;
+    depositQuoteDiffWarningThreshold: number;
+    depositQuoteDiffErrorThreshold: number;
+    defaultWithdrawSlippage: number;
+    defaultSwapTransactionSlippage: number;
+    defaultNoSwapMinDepositAmountGap: number;
+    defaultNotificationDuration: number;
+    defaultLockTime: string;
+    stablePrecision: number;
+    defaultPrecision: number;
+    stakingChainId: ChainId;
+    termsOfUseAccepted: boolean;
+    standalone: boolean;
+    chainConfig: Partial<Record<ChainId, {
+        name: string;
+        iconPath: string;
+    }>>;
+    isAllAssetsWithdrawOptionDefault: boolean;
+    aaveOffchainWithdrawChainIds: ChainId[];
+    aaveOffchainWithdrawMinValue: number;
+    getFallbackIconPath: (tokenName: string) => string;
+}
+export interface ConfigProviderActions {
+    onConnect: () => void;
+    onAcceptTermsOfUse: () => Promise<boolean>;
+}
+export interface ConfigProviderProps {
+    config?: {
+        params?: Partial<ConfigProviderParams>;
+        actions?: Partial<ConfigProviderActions>;
+    };
+}
+export type ConfigProviderState = {
+    params: ConfigProviderParams;
+    actions: ConfigProviderActions;
+};

package/trading-widget/providers/config-provider/index.d.ts

@@ -0,0 +1,4 @@
+export { useConfigContext, useConfigContextParams, useConfigContextActions, } from './config-provider.hooks';
+export { DEFAULT_CONFIG_PARAMS } from './config-provider.defaults';
+export { ConfigProvider } from './config-provider';
+export * from './config-provider.types';

package/trading-widget/providers/index.d.ts

@@ -0,0 +1,12 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ComponentProviderProps } from './component-provider';
+import type { ConfigProviderProps } from './config-provider';
+import type { ThemeProviderProps } from './theme-provider';
+import type { TranslationProviderProps } from './translation-provider';
+export interface ProvidersProps {
+    theme?: ThemeProviderProps['config'];
+    config?: ConfigProviderProps['config'];
+    components?: ComponentProviderProps['config'];
+    translation?: TranslationProviderProps['config'];
+}
+export declare const Providers: FC<PropsWithChildren<ProvidersProps>>;

package/trading-widget/providers/overlay-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { useOverlayStateContext, useOverlayDispatchContext, useOverlayHandlers, } from './overlay-provider.hooks';
+export { OverlayProvider } from './overlay-provider';

package/trading-widget/providers/overlay-provider/overlay-provider.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { Dispatch } from 'react';
+import type { OverlayProps } from 'trading-widget/types';
+import type { OverlayProviderAction, OverlayProviderState } from './overlay-provider.types';
+export declare const useOverlayProvider: () => [OverlayProviderState, Dispatch<OverlayProviderAction>];
+export declare const OverlayProviderStateContext: import("react").Context<OverlayProviderState>;
+export declare const OverlayProviderDispatchContext: import("react").Context<Dispatch<OverlayProviderAction>>;
+export declare const useOverlayStateContext: () => OverlayProviderState;
+export declare const useOverlayDispatchContext: () => Dispatch<OverlayProviderAction>;
+export declare const useOverlayHandlers: ({ type }: OverlayProps) => {
+    handleReject: () => void;
+    handleConfirm: () => Promise<void>;
+    isPending: boolean | undefined;
+    meta: {
+        error?: string | undefined;
+    } | undefined;
+};

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

@@ -0,0 +1,16 @@
+import type { OverlayType } from 'trading-widget/types';
+export type OverlayProviderState = Record<OverlayType, Pick<MergeOverlayActionPayload, 'isOpen' | 'onConfirm' | 'isPending' | 'meta'>>;
+type MergeOverlayActionPayload = {
+    isOpen: boolean;
+    type: OverlayType;
+    isPending?: boolean;
+    onConfirm?: (setPendingState: (pending: boolean) => void) => Promise<void>;
+    meta?: {
+        error?: string;
+    };
+};
+export type OverlayProviderAction = {
+    type: 'MERGE_OVERLAY';
+    payload: MergeOverlayActionPayload;
+};
+export {};

package/trading-widget/providers/theme-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider } from './theme-provider';
+export * from './theme-provider.types';

package/trading-widget/providers/theme-provider/theme-provider.d.ts

@@ -0,0 +1,3 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ThemeProviderProps } from './theme-provider.types';
+export declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;

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

@@ -0,0 +1,225 @@
+export interface ThemeProviderConfigProps {
+    global?: {
+        color?: {
+            colorTextPrimary?: string;
+            colorTextPrimaryHover?: string;
+            colorBorderPrimary?: string;
+            colorBgPrimary?: string;
+            colorTextSecondary?: string;
+            colorBgSecondary?: string;
+            colorTextAccent?: string;
+            colorTextAccentHover?: string;
+            colorBgAccentFrom?: string;
+            colorBgAccentTo?: string;
+            colorBgAccentFromHover?: string;
+            colorBgAccentToHover?: string;
+            colorTextNeutral?: string;
+            colorBgNeutral?: string;
+            colorTextLoading?: string;
+            colorTextError?: string;
+            colorTextWarning?: string;
+            colorIcon?: string;
+        };
+        size?: {
+            gap?: string;
+            spacer?: string;
+            fontSizeBase?: string;
+            lineHeightBase?: string;
+            fontSizeXs?: string;
+            lineHeightXs?: string;
+            fontSizeSm?: string;
+            lineHeightSm?: string;
+            fontSizeLg?: string;
+            lineHeightLg?: string;
+            iconSize?: string;
+            iconSizeSm?: string;
+            iconSecondarySize?: string;
+            iconSecondarySizeSm?: string;
+            labelFontSize?: string;
+            labelLineHeight?: string;
+        };
+        style?: {
+            radiusPrimary?: string;
+            radiusSecondary?: string;
+            fontWeightLight?: string;
+            fontWeightMedium?: string;
+            fontWeightBold?: string;
+            actionOpacity?: string;
+            actionOpacityHover?: string;
+        };
+    };
+    component?: {
+        notification?: {
+            color?: {
+                colorBg?: string;
+            };
+        };
+        popup?: {
+            color?: {
+                colorText?: string;
+                colorBg?: string;
+                colorBorder?: string;
+            };
+            size?: {
+                fontSize?: string;
+            };
+            style?: object;
+        };
+        popupList?: {
+            color?: {
+                itemBgEven?: string;
+                itemBgOdd?: string;
+                headerBg?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+        tabGroup?: {
+            color?: object;
+            size?: {
+                px?: string;
+            };
+            style?: object;
+        };
+        tabContent?: {
+            color?: object;
+            size?: {
+                pt?: string;
+                px?: string;
+                pb?: string;
+                gap?: string;
+            };
+            style?: object;
+        };
+        tab?: {
+            color?: {
+                colorBg?: string;
+                colorText?: string;
+                selectColorText?: string;
+                colorTextHover?: string;
+            };
+            size?: {
+                px?: string;
+                py?: string;
+                fontSize?: string;
+            };
+            style?: {
+                fontWeight?: string;
+                lineHeight?: string;
+            };
+        };
+        balance?: {
+            color?: {
+                colorText?: string;
+                priceColorText?: string;
+            };
+            size?: {
+                px?: string;
+                gap?: string;
+                fontSize?: string;
+                lineHeight?: string;
+                priceFontSize?: string;
+                priceLineHeight?: string;
+            };
+            style?: object;
+        };
+        inputGroup?: {
+            color?: object;
+            size?: {
+                px?: string;
+                gap?: string;
+            };
+            style?: object;
+        };
+        input?: {
+            color?: {
+                textColor?: string;
+                loadingTextColor?: string;
+                bgColor?: string;
+                bgColorFocus?: string;
+                borderColor?: string;
+                borderColorFocus?: string;
+                placeholderColor?: string;
+                buttonBgColor?: string;
+                buttonBorderColor?: string;
+                buttonTextColor?: string;
+            };
+            size?: {
+                px?: string;
+                py?: string;
+                gap?: string;
+                priceGap?: string;
+                iconSize?: string;
+                iconSizeSm?: string;
+                labelFontSize?: string;
+                labelLineHeight?: string;
+                fontSize?: string;
+                lineHeight?: string;
+                fontSizeLg?: string;
+                lineHeightLg?: string;
+                tokenFontSize?: string;
+                tokenLineHeight?: string;
+                tokenFontSizeSm?: string;
+                tokenLineHeightSm?: string;
+                buttonPx?: string;
+                buttonPy?: string;
+                buttonFontSize?: string;
+                buttonLineHeight?: string;
+            };
+            style?: {
+                radius?: string;
+                labelFontWeight?: string;
+                fontWeight?: string;
+                tokenFontWeight?: string;
+                buttonRadius?: string;
+            };
+        };
+        actionButton?: {
+            color?: {
+                colorBgFrom?: string;
+                colorBgTo?: string;
+                colorBgFromHover?: string;
+                colorBgToHover?: string;
+                colorBorder?: string;
+                colorText?: string;
+                outlineColorBorder?: string;
+                outlineColorBorderHover?: string;
+                outlineColorText?: string;
+            };
+            size?: {
+                borderWidth?: string;
+            };
+            style?: object;
+        };
+        meta?: {
+            color?: {
+                linkTextColor?: string;
+                panelBgHover?: string;
+            };
+            size?: {
+                gap?: string;
+                px?: string;
+            };
+            style?: object;
+        };
+        tooltip?: {
+            color?: {
+                colorBg?: string;
+                colorText?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+        switch?: {
+            color?: {
+                colorBgChecked?: string;
+                colorBg?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+    };
+}
+export interface ThemeProviderProps {
+    config?: ThemeProviderConfigProps;
+}

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

@@ -0,0 +1,3 @@
+export { useTranslationContext } from './translation-provider.hooks';
+export { TranslationProvider } from './translation-provider';
+export * from './translation-provider.types';

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

@@ -0,0 +1,4 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { TranslationProviderProps } from './translation-provider.types';
+export declare const TranslationProviderContext: import("react").Context<Required<Partial<import("./translation-provider.types").TranslationMap> | undefined>>;
+export declare const TranslationProvider: FC<PropsWithChildren<TranslationProviderProps>>;

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

@@ -0,0 +1,2 @@
+import type { TranslationMap } from './translation-provider.types';
+export declare const DEFAULT_TRANSLATION_DATA: TranslationMap;

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

@@ -0,0 +1 @@
+export declare const useTranslationContext: () => Required<Partial<import("./translation-provider.types").TranslationMap>>;

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

@@ -0,0 +1,104 @@
+export type TranslationMap = {
+    depositSlippageWarning: string;
+    withdrawSlippageWarning: string;
+    minSlippageWarning: string;
+    highSlippageWarning: string;
+    recommendedMinSlippage: string;
+    projectedDailyEarningsTooltip: string;
+    dailyEarnings: string;
+    projectedYearlyEarningsTooltip: string;
+    yearlyEarnings: string;
+    fullReceiveDetails: string;
+    tradeDetails: string;
+    maxSlippage: string;
+    minReceiveAmount: string;
+    minReceived: string;
+    estimatedMultiAssetFractions: string;
+    infinite: string;
+    tokenAllowance: string;
+    entryFee: string;
+    entryFeeExplanation: string;
+    exitFee: string;
+    exitFeeExplanation: string;
+    minDepositUsd: string;
+    minDeposit: string;
+    tokensLockTime: string;
+    slippageTolerance: string;
+    reduceLockupTime: string;
+    toggleTokenApprovalAmount: string;
+    auto: string;
+    reduceLockup: string;
+    deposit: string;
+    withdraw: string;
+    yourBalance: string;
+    max: string;
+    allAssets: string;
+    all: string;
+    payWith: string;
+    buyEstimated: string;
+    sell: string;
+    receiveEstimated: string;
+    confirmInWallet: string;
+    pending: string;
+    approve: string;
+    connectWallet: string;
+    minimumPurchase: string;
+    poolIsInactive: string;
+    poolIsPrivate: string;
+    poolDepositsAreMaintenance: string;
+    poolWithdrawalsAreMaintenance: string;
+    updateOracles: string;
+    checkingOracles: string;
+    confirmMaxSlippage: string;
+    withdrawalWindowDisabled: string;
+    withdrawalLiquidityDisabled: string;
+    withdrawCooldown: string;
+    termsOfUse: string;
+    termOfUseDepositListTitle: string;
+    termOfUseDepositAssetSlippage: string;
+    termOfUseDepositBugs: string;
+    termOfUseDepositDowntime: string;
+    termOfUseDepositAuditRisk: string;
+    termOfUseDepositAccept: string;
+    back: string;
+    highSlippage: string;
+    responsibleHighSlippage: string;
+    highSlippageListTitle: string;
+    highSlippageQuoteDiff: string;
+    highSlippageRisk: string;
+    confirm: string;
+    selectToken: string;
+    sendingOrderToWallet: string;
+    settingUpTx: string;
+    miningTx: string;
+    updateSynthetixOracles: string;
+    approveSpending: string;
+    pay: string;
+    multiAssetFractions: string;
+    swappableAssets: string;
+    explorer: string;
+    as: string;
+    switchNetwork: string;
+    depositAction: string;
+    withdrawAction: string;
+    unrollAction: string;
+    unrollAndClaimAction: string;
+    swapAction: string;
+    claimAction: string;
+    claimLabel: string;
+    swapAndClaimTo: string;
+    initWithdrawDescription: string;
+    initWithdrawTooltip: string;
+    completeWithdrawDescription: string;
+    completeWithdrawTooltip: string;
+    unrollAndClaimDescription: string;
+    total: string;
+    showAll: string;
+    hide: string;
+    refreshSwapQuoteTooltip: string;
+    proceedWithNextStep: string;
+    [key: string]: string;
+};
+export interface TranslationProviderProps {
+    config?: Partial<TranslationMap>;
+}

package/trading-widget/types/balance.types.d.ts

@@ -0,0 +1,9 @@
+export interface Balance {
+    balanceInUsd: string;
+    balanceInUsdNumber: number;
+    rawBalance: string;
+    includesStakedTokens: boolean;
+}
+export interface UserPoolBalances {
+    [poolAddress: string]: Balance;
+}

package/trading-widget/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './theme.types';
+export * from './synthetix-v3.types';
+export * from './balance.types';
+export * from './staking.types';
+export * from './overlay.types';

package/trading-widget/types/overlay.types.d.ts

@@ -0,0 +1,13 @@
+export declare const OVERLAY: {
+    readonly TERMS_OF_USE: "TERMS_OF_USE";
+    readonly HIGH_SLIPPAGE: "HIGH_SLIPPAGE";
+    readonly FMP_WITHDRAWAL: "FMP_WITHDRAWAL";
+    readonly TOKEN_SELECT: "TOKEN_SELECT";
+    readonly POOL_SELECT: "POOL_SELECT";
+    readonly TRADING: "TRADING";
+    readonly NOTIFICATION: "NOTIFICATION";
+};
+export type OverlayType = (typeof OVERLAY)[keyof typeof OVERLAY];
+export interface OverlayProps {
+    type: OverlayType;
+}

package/trading-widget/types/staking.types.d.ts

@@ -0,0 +1,6 @@
+import type { Address } from 'core-kit/types';
+export interface ContractStakeData {
+    dhedgePoolAddress: Address;
+    dhedgePoolAmount: bigint;
+    unstaked: boolean;
+}

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

@@ -0,0 +1,24 @@
+export declare const SYNTHETIX_V3_PERIOD: {
+    readonly DELEGATION: "DELEGATION";
+    readonly UNDELEGATION: "UNDELEGATION";
+    readonly WAIT: "WAIT";
+    readonly WITHDRAWAL: "WITHDRAWAL";
+};
+export type SynthetixV3PeriodType = (typeof SYNTHETIX_V3_PERIOD)[keyof typeof SYNTHETIX_V3_PERIOD];
+export interface DayParams {
+    dayOfWeek: number;
+    hour: number;
+}
+export interface WeekPeriod {
+    start: DayParams;
+    end: DayParams;
+}
+export interface PeriodConfig {
+    id: SynthetixV3PeriodType;
+    name: string;
+    description?: string;
+    gradient: [string, string];
+    start: DayParams;
+    end: DayParams;
+    intraWeekRanges: WeekPeriod[];
+}

package/trading-widget/types/theme.types.d.ts

@@ -0,0 +1,9 @@
+export declare const THEME_TYPE: {
+    readonly ERROR: "error";
+    readonly WARNING: "warning";
+    readonly SUCCESS: "success";
+    readonly DEFAULT: "default";
+    readonly CUSTOM: "custom";
+};
+export type ThemeType = (typeof THEME_TYPE)[keyof typeof THEME_TYPE];
+export type TokenIconSize = 'xs' | 'sm' | 'm' | 'lg' | 'xl';

package/trading-widget/utils/format.d.ts

@@ -0,0 +1,6 @@
+import type { Balance } from 'trading-widget/types';
+export declare function formatBalanceInUsd(balance: string | undefined, tokenPrice: string | undefined, maximumFractionDigits?: number): {
+    balanceInUsd: string;
+    balanceInUsdNumber: number;
+};
+export declare const formatBalance: (balance: bigint | undefined, tokenPrice: bigint | undefined) => Omit<Balance, 'includesStakedTokens'>;

package/trading-widget/utils/icon.d.ts

@@ -0,0 +1,2 @@
+export declare function getTokenIconName(symbol: string): string;
+export declare const buildIconLink: (tokenName: string) => string;

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

@@ -0,0 +1,39 @@
+import type { SynthetixV3PeriodType } from 'trading-widget/types/synthetix-v3.types';
+export declare const getDateRangeByPeriod: (period: SynthetixV3PeriodType) => {
+    from: Date;
+    to: Date;
+    intraWeekRanges: {
+        from: Date;
+        to: Date;
+    }[];
+    duration: {
+        percentage: number;
+    };
+    format: {
+        from: string;
+        to: string;
+    };
+};
+export declare const getRangeData: () => {
+    from: Date;
+    to: Date;
+    intraWeekRanges: {
+        from: Date;
+        to: Date;
+    }[];
+    duration: {
+        percentage: number;
+    };
+    format: {
+        from: string;
+        to: string;
+    };
+    id: SynthetixV3PeriodType;
+    name: string;
+    description?: string | undefined;
+    gradient: [string, string];
+    start: import("trading-widget/types/synthetix-v3.types").DayParams;
+    end: import("trading-widget/types/synthetix-v3.types").DayParams;
+}[];
+export declare const getCurrentRangeIndex: () => number;
+export declare const getWithdrawalWindowStart: () => string;