@0xsquid/ui 0.17.0 → 0.17.1-beta.0

package/dist/cjs/types/types/components.d.ts

@@ -5,7 +5,7 @@ export type ButtonSize = 'md' | 'lg';
 export type SwapDirection = 'from' | 'to';
 export type BoostMode = 'normal' | 'boost';
 export type HistoryItemStatus = 'completed' | 'pending' | 'failed' | 'warning';
-export type SwapStepDescriptionBlock = {
+export type DescriptionBlock = {
     type: 'string';
     value: string;
 } | {
@@ -14,9 +14,9 @@ export type SwapStepDescriptionBlock = {
     rounded?: boolean;
 };
 export type SwapStep = {
-    descriptionBlocks: SwapStepDescriptionBlock[];
+    descriptionBlocks: DescriptionBlock[];
     link?: string;
-    status: SwapStepItemStatus;
+    status: ActionStatus;
 };
 export declare enum SwapState {
     CONFIRM = 0,
@@ -30,6 +30,14 @@ export declare enum SwapState {
 }
 export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
 export type ThemeType = 'light' | 'dark';
-export type SwapStepItemStatus = 'pending' | 'waiting' | 'ongoing' | 'executed' | 'success' | 'error' | 'warning';
+export type ActionStatus = 'pending' | 'waiting' | 'ongoing' | 'executed' | 'success' | 'error' | 'warning';
 export type InputMode = 'token' | 'price';
+export type TransactionStateVariant = 'full' | 'compact';
+export type TokenPairVariant = 'horizontal' | 'vertical';
+export type TokenPairSize = 'small' | 'medium';
+export type ImageIconVariant = 'square' | 'round' | 'proportional';
+export type ImageIconSize = 'small' | 'medium' | 'large' | 'xlarge';
+export type ChainTypeFilter = 'source' | 'destination';
+export type StatusFilter = 'success' | 'ongoing' | 'error';
 export type AssetsButtonVariant = 'primary' | 'accent';
+export type PropertyListItemSize = 'small' | 'large';

package/dist/cjs/types/types/data.d.ts

@@ -0,0 +1,155 @@
+export interface TokenData {
+    type: string;
+    chainId: string;
+    address: string;
+    name: string;
+    symbol: string;
+    disabled?: boolean;
+    axelarNetworkSymbol?: string;
+    subGraphIds?: string[];
+    subGraphOnly?: boolean;
+    decimals: number;
+    logoURI: string;
+    coingeckoId: string;
+    usdPrice: number;
+}
+export interface BaseActionData {
+    status: string;
+    explorerURL: string;
+    txHash: string;
+    toAmountReceived: string;
+    toAmountReceivedUSD: string;
+    exchangeRateReceived: string;
+    timestamp: number;
+    chainType: string;
+    type: string;
+    data: unknown;
+    fromChain: string;
+    toChain: string;
+    fromToken: TokenData;
+    toToken: TokenData;
+    fromAmount: string;
+    toAmount: string;
+    toAmountMin: string;
+    exchangeRate: string;
+    priceImpact: string;
+    stage: number;
+    provider: string;
+    description: string;
+    logoURI?: string;
+}
+export interface WrapActionData extends BaseActionData {
+    type: 'wrap';
+    data: {
+        address: string;
+        chainId: string;
+        type: string;
+        path: string[];
+        name: string;
+        logoURI: string;
+        target: string;
+        direction: string;
+    };
+}
+export interface SwapActionData extends BaseActionData {
+    type: 'swap';
+    data: {
+        address: string;
+        chainId: string;
+        coinAddresses: string[];
+        dex: string;
+        enabled: boolean;
+        tickSpacing?: number;
+        path: string[];
+        slippage: number;
+        target: string;
+    };
+}
+export interface BridgeActionData extends BaseActionData {
+    type: 'bridge';
+    duration: number;
+    estimatedDuration: number;
+    data: {
+        name: string;
+        provider: string;
+        type: string;
+        logoURI: string;
+    };
+}
+export type ActionData = WrapActionData | SwapActionData | BridgeActionData;
+export interface FeeCostData {
+    amount: string;
+    amountUsd: string;
+    description: string;
+    gasLimit?: string;
+    gasMultiplier?: number;
+    name: string;
+    token: TokenData;
+}
+export interface GasCostData {
+    type: string;
+    token: TokenData;
+    amount: string;
+    gasLimit: string;
+    amountUsd: string;
+}
+export interface TransactionData {
+    status: {
+        results: {
+            actions: ActionData[];
+            fromAmount: string;
+            toAmount: string;
+            toAmountMin: string;
+            toAmountReceived: string;
+            sendAmount: string;
+            exchangeRate: string;
+            exchangeRateReceived: string;
+            aggregatePriceImpact: string;
+            fromAmountUSD: string;
+            toAmountUSD: string;
+            toAmountMinUSD: string;
+            toAmountReceivedUSD: string;
+            aggregateSlippage: number;
+            onChainQuoting: boolean;
+            index: number;
+            fromToken: TokenData;
+            toToken: TokenData;
+            toTokenReceived: TokenData;
+            isBoostSupported: boolean;
+            feeCosts: FeeCostData[];
+            gasCosts: GasCostData[];
+            gasUsed: GasCostData[];
+            estimatedRouteDuration: number;
+            routeDuration: number;
+            routeMetrics: {
+                bestRoute: string;
+                bestComparedToOne: string;
+                bestComparedToTwo: string;
+            };
+        };
+        transactionRequest: {
+            routeType: string;
+            target: string;
+            data: string;
+            value: string;
+            gasLimit: string;
+            lastBaseFeePerGas: string;
+            maxFeePerGas: string;
+            maxPriorityFeePerGas: string;
+            gasPrice: string;
+            requestId: string;
+        };
+        params: {
+            fromChain: string;
+            fromToken: string;
+            fromAddress: string;
+            fromAmount: string;
+            toChain: string;
+            toToken: string;
+            toAddress: string;
+            quoteOnly: boolean;
+            enableBoost: boolean;
+            onChainQuoting: boolean;
+        };
+    };
+}

package/dist/cjs/types/types/index.d.ts

@@ -1,2 +1,2 @@
 export type { SquidTheme } from './config';
-export type { SwapState, ThemeType, SwapStep, SwapStepItemStatus, HistoryItemStatus, } from './components';
+export type { SwapState, ThemeType, SwapStep, HistoryItemStatus, ActionStatus, } from './components';