@0xsquid/ui 3.0.2 → 3.2.0

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

@@ -1,9 +1,642 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { TransactionView, TransactionViewProps } from "../../components/views/TransactionView";
+import type { Meta } from "@storybook/react";
+import { TransactionView } from "../../components/views/TransactionView";
 declare const meta: Meta<typeof TransactionView>;
 export default meta;
-type Story = StoryObj<TransactionViewProps>;
-export declare const Swap: Story;
-export declare const BuyNFT: Story;
-export declare const Interaction: Story;
-export declare const Bridge: Story;
+export declare const Swap: {
+    args: {
+        type: string;
+        data: {
+            title: string;
+            hash: string;
+            status: string;
+            url: string;
+            fromAmount: string;
+            toAmount: string;
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            toToken: {
+                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;
+        data: {
+            title: string;
+            hash: string;
+            status: string;
+            fromChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            toChain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            fromAmount: string;
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            toAmount: string;
+            toToken: {
+                symbol: string;
+            };
+            timestamp: number;
+            token: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            price: number;
+            nft: {
+                name: string;
+                imageURI: string;
+                collection: {
+                    name: string;
+                    imageURI: string;
+                };
+                tokenID: string;
+                nftType: string;
+            };
+            marketplace: {
+                name: string;
+                logoURI: 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 Interaction: {
+    args: {
+        type: string;
+        data: {
+            title: string;
+            hash: string;
+            status: string;
+            url: string;
+            chain: {
+                logoURI: string;
+                name: string;
+                bgColor: string;
+            };
+            address: 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 Bridge: {
+    args: {
+        type: string;
+        data: {
+            title: string;
+            hash: string;
+            url: string;
+            status: string;
+            fromAmount: string;
+            toAmount: string;
+            toToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: 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;
+            };
+            address: 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;
+                }[];
+            };
+        };
+    };
+};

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

@@ -32,6 +32,7 @@ export type ThemeType = "light" | "dark";
 export type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning";
 export type InputMode = "token" | "price";
 export type TransactionStateVariant = "full" | "compact" | "small";
+export type TransactionType = "swap" | "buy_nft" | "interaction" | "bridge";
 export type TokenPairVariant = "horizontal" | "vertical";
 export type TokenPairSize = "small" | "medium";
 export type ImageSize = "small" | "medium" | "large" | "xlarge" | "xxlarge";