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

package/limit-orders/index.d.ts

@@ -0,0 +1,2 @@
+export { LimitOrderModal } from './component/limit-order-modal';
+export { useUserLimitOrder } from './hooks/use-user-limit-order';

package/limit-orders/providers/state-provider/reducer.d.ts

@@ -0,0 +1,7 @@
+import type { LimitOrderAction, LimitOrderState } from 'limit-orders/providers/state-provider/state-provider.types';
+export declare const DEFAULT_FORM_DATA: {
+    takeProfitPrice: string;
+    stopLossPrice: string;
+    termsAccepted: boolean;
+};
+export declare const reducer: (state: LimitOrderState, action: LimitOrderAction) => LimitOrderState;

package/limit-orders/providers/state-provider/state-provider.d.ts

@@ -0,0 +1,6 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { LimitOrderActionsState, LimitOrderContextConfig, LimitOrderState } from './state-provider.types';
+export declare const getDefaultLimitOrderState: (config: LimitOrderContextConfig['initialState']) => LimitOrderState;
+export declare const LimitOrderStateContext: import("react").Context<LimitOrderState>;
+export declare const LimitOrderActionsContext: import("react").Context<LimitOrderActionsState>;
+export declare const LimitOrderStateProvider: FC<PropsWithChildren<LimitOrderContextConfig>>;

package/limit-orders/providers/state-provider/state-provider.types.d.ts

@@ -0,0 +1,51 @@
+import type { Address, Hash } from 'viem';
+export interface LimitOrderState {
+    isModalOpen: boolean;
+    vaultAddress: Address;
+    vaultChainId: number;
+    isReversedOrder?: boolean;
+    form: {
+        takeProfitPrice: string;
+        stopLossPrice: string;
+        termsAccepted: boolean;
+    };
+    pricingAsset: {
+        address: Address;
+        symbol: string;
+    };
+    pendingTransaction: Hash | null;
+}
+export type LimitOrderCallbacks = {
+    onTransactionSuccess?: (transaction: Address) => void;
+    onTransactionError?: (transaction: Address) => void;
+};
+export type LimitOrderActionsState = LimitOrderCallbacks & {
+    setIsModalOpen: (payload: boolean) => void;
+    setTakeProfitPrice: (payload: string) => void;
+    setStopLossPrice: (payload: string) => void;
+    setTermsAccepted: (payload: boolean) => void;
+    setPendingTransaction: (payload: Hash | null) => void;
+    reset: () => void;
+};
+export type LimitOrderAction = {
+    type: 'SET_TAKE_PROFIT_PRICE';
+    payload: string;
+} | {
+    type: 'SET_STOP_LOSS_PRICE';
+    payload: string;
+} | {
+    type: 'SET_IS_MODAL_OPEN';
+    payload: boolean;
+} | {
+    type: 'SET_TERMS_ACCEPTED';
+    payload: boolean;
+} | {
+    type: 'RESET';
+} | {
+    type: 'SET_PENDING_TRANSACTION';
+    payload: Hash | null;
+};
+export interface LimitOrderContextConfig {
+    initialState: Pick<LimitOrderState, 'vaultAddress' | 'vaultChainId' | 'pricingAsset' | 'isReversedOrder'>;
+    actions?: LimitOrderCallbacks;
+}

package/limit-orders/providers/theme-provider/index.d.ts

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

package/limit-orders/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/limit-orders/providers/theme-provider/theme-provider.types.d.ts

@@ -0,0 +1,132 @@
+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?: {
+        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;
+        };
+        tooltip?: {
+            color?: {
+                colorBg?: string;
+                colorText?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+    };
+}
+export interface ThemeProviderProps {
+    config?: ThemeProviderConfigProps;
+}

package/limit-orders/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/limit-orders/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/limit-orders/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/limit-orders/providers/translation-provider/translation-provider.hooks.d.ts

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

package/limit-orders/providers/translation-provider/translation-provider.types.d.ts

@@ -0,0 +1,15 @@
+export type TranslationMap = {
+    switchNetwork: string;
+    approve: string;
+    stopLossLabel: string;
+    takeProfitLabel: string;
+    price: string;
+    limitOrderTerms: string;
+    modify: string;
+    invalidLimitOrderPriceError: string;
+    invalidLimitOrderPriceErrorReversed: string;
+    [key: string]: string;
+};
+export interface TranslationProviderProps {
+    config?: Partial<TranslationMap>;
+}

package/limit-orders/utils.d.ts

@@ -0,0 +1,25 @@
+import type { Address } from 'core-kit/types';
+import type { TranslationMap } from 'limit-orders/providers/translation-provider';
+export declare const getLimitOrderId: ({ userAddress, vaultAddress, }: {
+    userAddress: Address;
+    vaultAddress: Address;
+}) => `0x${string}`;
+export declare const calculateProfitPriceDifference: ({ price, markPrice, }: {
+    price: string;
+    markPrice: string;
+}) => string;
+export declare const calculateLossPriceDifference: ({ price, markPrice, }: {
+    price: string;
+    markPrice: string;
+}) => string;
+export declare const adjustLimitOrderError: ({ error, isReversedOrder, translationMap, }: {
+    error: {
+        title: string;
+        hint?: string;
+    } | null;
+    isReversedOrder: boolean | undefined;
+    translationMap: Required<Partial<TranslationMap>>;
+}) => {
+    title: string;
+    hint?: string | undefined;
+} | null;

package/package.json

@@ -1,27 +1,11 @@
 {
   "name": "@dhedge/trading-widget",
-  "version": "3.5.8-canary.2",
+  "version": "3.6.0",
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "tsc && vite build",
-    "dev": "vite",
-    "typecheck": "tsc --noEmit"
-  },
+  "main": "index.js",
+  "module": "index.mjs",
+  "typings": "index.d.ts",
   "peerDependencies": {
     "@tanstack/react-query": "^5.28.4",
     "react": ">=18.2.0",