@0xsquid/ui 3.2.0 → 3.2.2-beta.1.0

package/dist/cjs/types/stories/views/TransactionView.stories.d.ts

@@ -165,6 +165,165 @@ export declare const Swap: {
         };
     };
 };
+export declare const SwapMissingToToken: {
+    args: {
+        type: string;
+        data: {
+            toToken: undefined;
+            title: string;
+            hash: string;
+            status: string;
+            url: string;
+            fromAmount: string;
+            toAmount: string;
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            fromChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            toChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            fromAddress: string;
+            toAddress: string;
+            fromLink: string;
+            toLink: string;
+            exchangeRate: string;
+            timeToComplete: string;
+            actions: ({
+                type: "success";
+                props: {
+                    status: "success";
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "receive_tokens";
+                props: {
+                    status: "executed";
+                    amount: string;
+                    token: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    wallet: {
+                        imageURI: string;
+                        address: string;
+                        url: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "send_tokens";
+                props: {
+                    status: "executed";
+                    amount: string;
+                    token: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    wallet: {
+                        imageURI: string;
+                        address: string;
+                        url: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "swap";
+                props: {
+                    status: "executed";
+                    fromToken: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    toToken: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    provider: {
+                        logoURI: string;
+                        name: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "bridge";
+                props: {
+                    status: "executed";
+                    token: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    provider: {
+                        logoURI: string;
+                        name: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "start";
+                props: {
+                    status: "executed";
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            })[];
+            fees: {
+                status: "executed";
+                total: {
+                    label: string;
+                    usd: number;
+                    amount: number;
+                    symbol: string;
+                };
+                lines: {
+                    label: string;
+                    usd: number;
+                    amount: number;
+                    symbol: string;
+                }[];
+            };
+        };
+    };
+};
 export declare const BuyNFT: {
     args: {
         type: string;
@@ -513,7 +672,164 @@ export declare const Bridge: {
                 name: string;
                 bgColor: string;
             };
-            address: string;
+            fromAddress: string;
+            toAddress: string;
+            timeToComplete: string;
+            actions: ({
+                type: "success";
+                props: {
+                    status: "success";
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "receive_nft";
+                props: {
+                    status: "executed";
+                    nft: {
+                        imageURI: string;
+                        name: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    wallet: {
+                        imageURI: string;
+                        address: string;
+                        url: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "send_tokens";
+                props: {
+                    status: "executed";
+                    amount: string;
+                    token: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    wallet: {
+                        imageURI: string;
+                        address: string;
+                        url: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "swap";
+                props: {
+                    status: "executed";
+                    fromToken: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    toToken: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    provider: {
+                        logoURI: string;
+                        name: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "bridge";
+                props: {
+                    status: "executed";
+                    token: {
+                        logoURI: string;
+                        bgColor: string;
+                        symbol: string;
+                    };
+                    chain: {
+                        logoURI: string;
+                        name: string;
+                        bgColor: string;
+                    };
+                    provider: {
+                        logoURI: string;
+                        name: string;
+                    };
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            } | {
+                type: "start";
+                props: {
+                    status: "executed";
+                    timestamp: number;
+                    hash: string;
+                    url: string;
+                };
+            })[];
+            fees: {
+                status: "executed";
+                total: {
+                    label: string;
+                    usd: number;
+                    amount: number;
+                    symbol: string;
+                };
+                lines: {
+                    label: string;
+                    usd: number;
+                    amount: number;
+                    symbol: string;
+                }[];
+            };
+        };
+    };
+};
+export declare const BridgeMissingToToken: {
+    args: {
+        type: string;
+        data: {
+            toToken: undefined;
+            title: string;
+            hash: string;
+            url: string;
+            status: string;
+            fromAmount: string;
+            toAmount: string;
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            fromLink: string;
+            toLink: string;
+            fromChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            toChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            fromAddress: string;
+            toAddress: string;
             timeToComplete: string;
             actions: ({
                 type: "success";

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

@@ -29,7 +29,7 @@ export declare enum SwapState {
 }
 export type DetailsToolbarState = "full" | "loading" | "empty" | "error";
 export type ThemeType = "light" | "dark";
-export type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning";
+export type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning" | "refunded" | "troubleshoot";
 export type InputMode = "token" | "price";
 export type TransactionStateVariant = "full" | "compact" | "small";
 export type TransactionType = "swap" | "buy_nft" | "interaction" | "bridge";