@0xsquid/ui 3.0.2 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +18491 -838
- package/dist/cjs/types/components/badges/Drip.d.ts +13 -0
- package/dist/cjs/types/components/badges/index.d.ts +1 -0
- package/dist/cjs/types/components/buttons/index.d.ts +0 -1
- package/dist/cjs/types/components/feedback/LoadingSkeleton.d.ts +2 -1
- package/dist/cjs/types/components/icons/Arrow.d.ts +3 -0
- package/dist/cjs/types/components/icons/Generic.d.ts +4 -0
- package/dist/cjs/types/components/icons/ThumbsUp.d.ts +2 -1
- package/dist/cjs/types/components/layout/AnimationWrapper.d.ts +7 -3
- package/dist/cjs/types/components/layout/Card.d.ts +8 -0
- package/dist/cjs/types/components/layout/Collapse.d.ts +3 -1
- package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -6
- package/dist/cjs/types/components/layout/TransactionProperties/TransactionProperties.d.ts +4 -8
- package/dist/cjs/types/components/layout/index.d.ts +1 -11
- package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts +2 -2
- package/dist/cjs/types/components/lists/TransactionItem.d.ts +35 -20
- package/dist/cjs/types/components/lists/TransactionItemSkeleton.d.ts +1 -0
- package/dist/cjs/types/components/lists/index.d.ts +1 -0
- package/dist/cjs/types/components/views/TransactionNotFoundView.d.ts +1 -0
- package/dist/cjs/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +23 -3
- package/dist/cjs/types/components/views/TransactionView/BridgeTransactionView.d.ts +10 -3
- package/dist/cjs/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +9 -11
- package/dist/cjs/types/components/views/TransactionView/InteractionTransactionView.d.ts +10 -5
- package/dist/cjs/types/components/views/TransactionView/SwapTransactionView.d.ts +8 -3
- package/dist/cjs/types/components/views/TransactionView/TransactionView.d.ts +11 -6
- package/dist/cjs/types/components/views/index.d.ts +1 -0
- package/dist/cjs/types/core/utils.d.ts +1 -0
- package/dist/cjs/types/stories/badges/Drip.stories.d.ts +7 -0
- package/dist/cjs/types/stories/data/actions.d.ts +5 -0
- package/dist/cjs/types/stories/data/network.d.ts +2 -0
- package/dist/cjs/types/stories/layout/Card.stories.d.ts +6 -0
- package/dist/cjs/types/stories/lists/TransactionItem.stories.d.ts +182 -12
- package/dist/cjs/types/stories/lists/TransactionItemSkeleton.stories.d.ts +6 -0
- package/dist/cjs/types/stories/views/TransactionNotFoundView.stories.d.ts +6 -0
- package/dist/cjs/types/stories/views/TransactionView.stories.d.ts +634 -7
- package/dist/cjs/types/types/components.d.ts +1 -0
- package/dist/esm/index.js +18236 -578
- package/dist/esm/types/components/badges/Drip.d.ts +13 -0
- package/dist/esm/types/components/badges/index.d.ts +1 -0
- package/dist/esm/types/components/buttons/index.d.ts +0 -1
- package/dist/esm/types/components/feedback/LoadingSkeleton.d.ts +2 -1
- package/dist/esm/types/components/icons/Arrow.d.ts +3 -0
- package/dist/esm/types/components/icons/Generic.d.ts +4 -0
- package/dist/esm/types/components/icons/ThumbsUp.d.ts +2 -1
- package/dist/esm/types/components/layout/AnimationWrapper.d.ts +7 -3
- package/dist/esm/types/components/layout/Card.d.ts +8 -0
- package/dist/esm/types/components/layout/Collapse.d.ts +3 -1
- package/dist/esm/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -6
- package/dist/esm/types/components/layout/TransactionProperties/TransactionProperties.d.ts +4 -8
- package/dist/esm/types/components/layout/index.d.ts +1 -11
- package/dist/esm/types/components/lists/TransactionAction/FeesAction.d.ts +2 -2
- package/dist/esm/types/components/lists/TransactionItem.d.ts +35 -20
- package/dist/esm/types/components/lists/TransactionItemSkeleton.d.ts +1 -0
- package/dist/esm/types/components/lists/index.d.ts +1 -0
- package/dist/esm/types/components/views/TransactionNotFoundView.d.ts +1 -0
- package/dist/esm/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +23 -3
- package/dist/esm/types/components/views/TransactionView/BridgeTransactionView.d.ts +10 -3
- package/dist/esm/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +9 -11
- package/dist/esm/types/components/views/TransactionView/InteractionTransactionView.d.ts +10 -5
- package/dist/esm/types/components/views/TransactionView/SwapTransactionView.d.ts +8 -3
- package/dist/esm/types/components/views/TransactionView/TransactionView.d.ts +11 -6
- package/dist/esm/types/components/views/index.d.ts +1 -0
- package/dist/esm/types/core/utils.d.ts +1 -0
- package/dist/esm/types/stories/badges/Drip.stories.d.ts +7 -0
- package/dist/esm/types/stories/data/actions.d.ts +5 -0
- package/dist/esm/types/stories/data/network.d.ts +2 -0
- package/dist/esm/types/stories/layout/Card.stories.d.ts +6 -0
- package/dist/esm/types/stories/lists/TransactionItem.stories.d.ts +182 -12
- package/dist/esm/types/stories/lists/TransactionItemSkeleton.stories.d.ts +6 -0
- package/dist/esm/types/stories/views/TransactionNotFoundView.stories.d.ts +6 -0
- package/dist/esm/types/stories/views/TransactionView.stories.d.ts +634 -7
- package/dist/esm/types/types/components.d.ts +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +150 -239
- package/package.json +3 -3
- package/dist/cjs/types/components/layout/TransactionHeader/BridgeHeader.d.ts +0 -11
- package/dist/cjs/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +0 -10
- package/dist/cjs/types/components/layout/TransactionHeader/InteractionHeader.d.ts +0 -11
- package/dist/cjs/types/components/layout/TransactionHeader/ProfileHeader.d.ts +0 -11
- package/dist/cjs/types/components/layout/TransactionHeader/SwapHeader.d.ts +0 -16
- package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeader.d.ts +0 -23
- package/dist/cjs/types/components/layout/TransactionHeader/index.d.ts +0 -1
- package/dist/cjs/types/components/layout/TransactionProperties/BridgeProperties.d.ts +0 -21
- package/dist/cjs/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +0 -33
- package/dist/cjs/types/components/layout/TransactionProperties/InteractionProperties.d.ts +0 -11
- package/dist/cjs/types/components/layout/TransactionProperties/SwapProperties.d.ts +0 -28
- package/dist/cjs/types/components/layout/TransactionProperties/index.d.ts +0 -6
- package/dist/cjs/types/stories/layout/TransactionHeader.stories.d.ts +0 -10
- package/dist/cjs/types/stories/layout/TransactionProperties.stories.d.ts +0 -9
- package/dist/esm/types/components/layout/TransactionHeader/BridgeHeader.d.ts +0 -11
- package/dist/esm/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +0 -10
- package/dist/esm/types/components/layout/TransactionHeader/InteractionHeader.d.ts +0 -11
- package/dist/esm/types/components/layout/TransactionHeader/ProfileHeader.d.ts +0 -11
- package/dist/esm/types/components/layout/TransactionHeader/SwapHeader.d.ts +0 -16
- package/dist/esm/types/components/layout/TransactionHeader/TransactionHeader.d.ts +0 -23
- package/dist/esm/types/components/layout/TransactionHeader/index.d.ts +0 -1
- package/dist/esm/types/components/layout/TransactionProperties/BridgeProperties.d.ts +0 -21
- package/dist/esm/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +0 -33
- package/dist/esm/types/components/layout/TransactionProperties/InteractionProperties.d.ts +0 -11
- package/dist/esm/types/components/layout/TransactionProperties/SwapProperties.d.ts +0 -28
- package/dist/esm/types/components/layout/TransactionProperties/index.d.ts +0 -6
- package/dist/esm/types/stories/layout/TransactionHeader.stories.d.ts +0 -10
- package/dist/esm/types/stories/layout/TransactionProperties.stories.d.ts +0 -9
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ActionStatus } from "../../../types/components";
|
|
2
|
-
interface BuyNFTHeaderProps {
|
|
3
|
-
imageUrl: string;
|
|
4
|
-
title?: string;
|
|
5
|
-
hash: string;
|
|
6
|
-
url?: string;
|
|
7
|
-
status: ActionStatus;
|
|
8
|
-
}
|
|
9
|
-
export declare function BuyNFTHeader({ imageUrl, title, hash, url, status, }: BuyNFTHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { ActionStatus } from "../../../types/components";
|
|
3
|
-
interface InteractionHeaderProps {
|
|
4
|
-
title?: string;
|
|
5
|
-
image?: ReactNode;
|
|
6
|
-
hash: string;
|
|
7
|
-
url?: string;
|
|
8
|
-
status: ActionStatus;
|
|
9
|
-
}
|
|
10
|
-
export declare function InteractionHeader({ title, image, hash, url, status, }: InteractionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
interface ProfileHeaderProps {
|
|
2
|
-
imageUrl: string;
|
|
3
|
-
title: string;
|
|
4
|
-
wallet: {
|
|
5
|
-
imageURI: string;
|
|
6
|
-
address: string;
|
|
7
|
-
};
|
|
8
|
-
amount: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function ProfileHeader({ imageUrl, title, wallet, amount, }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ActionStatus } from "../../../types/components";
|
|
2
|
-
export interface SwapHeaderProps {
|
|
3
|
-
fromToken: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
};
|
|
7
|
-
toToken: {
|
|
8
|
-
logoURI: string;
|
|
9
|
-
bgColor: string;
|
|
10
|
-
};
|
|
11
|
-
title?: string;
|
|
12
|
-
hash: string;
|
|
13
|
-
url?: string;
|
|
14
|
-
status: ActionStatus;
|
|
15
|
-
}
|
|
16
|
-
export declare function SwapHeader({ fromToken, toToken, title, hash, url, status, }: SwapHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from "react";
|
|
2
|
-
import { BridgeHeader } from "./BridgeHeader";
|
|
3
|
-
import { BuyNFTHeader } from "./BuyNFTHeader";
|
|
4
|
-
import { InteractionHeader } from "./InteractionHeader";
|
|
5
|
-
import { ProfileHeader } from "./ProfileHeader";
|
|
6
|
-
import { SwapHeader } from "./SwapHeader";
|
|
7
|
-
declare const headerComponentsMap: {
|
|
8
|
-
readonly swap: typeof SwapHeader;
|
|
9
|
-
readonly buy_nft: typeof BuyNFTHeader;
|
|
10
|
-
readonly interaction: typeof InteractionHeader;
|
|
11
|
-
readonly bridge: typeof BridgeHeader;
|
|
12
|
-
readonly profile: typeof ProfileHeader;
|
|
13
|
-
};
|
|
14
|
-
type TransactionHeaderComponents = typeof headerComponentsMap;
|
|
15
|
-
export type TransactionHeaderType = keyof TransactionHeaderComponents;
|
|
16
|
-
export type TransactionHeaderProps = {
|
|
17
|
-
[Type in TransactionHeaderType]: {
|
|
18
|
-
type: Type;
|
|
19
|
-
props: ComponentProps<TransactionHeaderComponents[Type]>;
|
|
20
|
-
};
|
|
21
|
-
}[TransactionHeaderType];
|
|
22
|
-
export declare function TransactionHeader({ type, props }: TransactionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TransactionHeader";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
interface BridgePropertiesProps {
|
|
2
|
-
amount: string;
|
|
3
|
-
token: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
symbol: string;
|
|
7
|
-
};
|
|
8
|
-
fromChain: {
|
|
9
|
-
logoURI: string;
|
|
10
|
-
name: string;
|
|
11
|
-
};
|
|
12
|
-
toChain: {
|
|
13
|
-
logoURI: string;
|
|
14
|
-
name: string;
|
|
15
|
-
};
|
|
16
|
-
wallet: string;
|
|
17
|
-
boosted?: boolean;
|
|
18
|
-
timeToComplete: string;
|
|
19
|
-
}
|
|
20
|
-
export declare function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted, timeToComplete, }: BridgePropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export default BridgeProperties;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
interface BuyNFTPropertiesProps {
|
|
2
|
-
title: string;
|
|
3
|
-
imageURI: string;
|
|
4
|
-
collection: {
|
|
5
|
-
imageURI: string;
|
|
6
|
-
name: string;
|
|
7
|
-
};
|
|
8
|
-
price: string;
|
|
9
|
-
token: {
|
|
10
|
-
logoURI: string;
|
|
11
|
-
symbol: string;
|
|
12
|
-
};
|
|
13
|
-
marketplace: {
|
|
14
|
-
logoURI: string;
|
|
15
|
-
name: string;
|
|
16
|
-
};
|
|
17
|
-
fromChain: {
|
|
18
|
-
logoURI: string;
|
|
19
|
-
name: string;
|
|
20
|
-
};
|
|
21
|
-
toChain: {
|
|
22
|
-
logoURI: string;
|
|
23
|
-
name: string;
|
|
24
|
-
};
|
|
25
|
-
fromAddress: string;
|
|
26
|
-
toAddress: string;
|
|
27
|
-
boosted?: boolean;
|
|
28
|
-
timeToComplete: string;
|
|
29
|
-
tokenId: string;
|
|
30
|
-
nftType: string;
|
|
31
|
-
}
|
|
32
|
-
export declare function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }: BuyNFTPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
interface InteractionPropertiesProps {
|
|
2
|
-
chain: {
|
|
3
|
-
logoURI: string;
|
|
4
|
-
name: string;
|
|
5
|
-
};
|
|
6
|
-
wallet: string;
|
|
7
|
-
boosted?: boolean;
|
|
8
|
-
timeToComplete: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function InteractionProperties({ chain, wallet, boosted, timeToComplete, }: InteractionPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export interface SwapPropertiesProps {
|
|
2
|
-
fromAmount: string;
|
|
3
|
-
fromToken: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
symbol: string;
|
|
7
|
-
};
|
|
8
|
-
toAmount: string;
|
|
9
|
-
toToken: {
|
|
10
|
-
logoURI: string;
|
|
11
|
-
bgColor: string;
|
|
12
|
-
symbol: string;
|
|
13
|
-
};
|
|
14
|
-
fromChain: {
|
|
15
|
-
logoURI: string;
|
|
16
|
-
name: string;
|
|
17
|
-
};
|
|
18
|
-
toChain: {
|
|
19
|
-
logoURI: string;
|
|
20
|
-
name: string;
|
|
21
|
-
};
|
|
22
|
-
fromAddress: string;
|
|
23
|
-
toAddress: string;
|
|
24
|
-
exchangeRate: string;
|
|
25
|
-
boosted?: boolean;
|
|
26
|
-
timeToComplete: string;
|
|
27
|
-
}
|
|
28
|
-
export declare function SwapProperties({ fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, }: SwapPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react/*";
|
|
2
|
-
import { TransactionHeader, TransactionHeaderProps } from "../../components/layout/TransactionHeader/TransactionHeader";
|
|
3
|
-
declare const meta: Meta<typeof TransactionHeader>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<TransactionHeaderProps>;
|
|
6
|
-
export declare const Swap: Story;
|
|
7
|
-
export declare const BuyNFT: Story;
|
|
8
|
-
export declare const Interaction: Story;
|
|
9
|
-
export declare const Bridge: Story;
|
|
10
|
-
export declare const Profile: Story;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from "@storybook/react/*";
|
|
2
|
-
import { TransactionProperties, type TransactionPropertiesProps } from "../../components/layout/TransactionProperties";
|
|
3
|
-
declare const meta: Meta<typeof TransactionProperties>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<TransactionPropertiesProps>;
|
|
6
|
-
export declare const Swap: Story;
|
|
7
|
-
export declare const BuyNFT: Story;
|
|
8
|
-
export declare const Interaction: Story;
|
|
9
|
-
export declare const Bridge: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type ActionStatus } from "../../../types/components";
|
|
2
|
-
interface BridgeHeaderProps {
|
|
3
|
-
tokenLogoURI: string;
|
|
4
|
-
chainLogoURI: string;
|
|
5
|
-
title?: string;
|
|
6
|
-
hash: string;
|
|
7
|
-
url?: string;
|
|
8
|
-
status: ActionStatus;
|
|
9
|
-
}
|
|
10
|
-
export declare function BridgeHeader({ tokenLogoURI, chainLogoURI, title, hash, url, status, }: BridgeHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ActionStatus } from "../../../types/components";
|
|
2
|
-
interface BuyNFTHeaderProps {
|
|
3
|
-
imageUrl: string;
|
|
4
|
-
title?: string;
|
|
5
|
-
hash: string;
|
|
6
|
-
url?: string;
|
|
7
|
-
status: ActionStatus;
|
|
8
|
-
}
|
|
9
|
-
export declare function BuyNFTHeader({ imageUrl, title, hash, url, status, }: BuyNFTHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { ActionStatus } from "../../../types/components";
|
|
3
|
-
interface InteractionHeaderProps {
|
|
4
|
-
title?: string;
|
|
5
|
-
image?: ReactNode;
|
|
6
|
-
hash: string;
|
|
7
|
-
url?: string;
|
|
8
|
-
status: ActionStatus;
|
|
9
|
-
}
|
|
10
|
-
export declare function InteractionHeader({ title, image, hash, url, status, }: InteractionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
interface ProfileHeaderProps {
|
|
2
|
-
imageUrl: string;
|
|
3
|
-
title: string;
|
|
4
|
-
wallet: {
|
|
5
|
-
imageURI: string;
|
|
6
|
-
address: string;
|
|
7
|
-
};
|
|
8
|
-
amount: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function ProfileHeader({ imageUrl, title, wallet, amount, }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ActionStatus } from "../../../types/components";
|
|
2
|
-
export interface SwapHeaderProps {
|
|
3
|
-
fromToken: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
};
|
|
7
|
-
toToken: {
|
|
8
|
-
logoURI: string;
|
|
9
|
-
bgColor: string;
|
|
10
|
-
};
|
|
11
|
-
title?: string;
|
|
12
|
-
hash: string;
|
|
13
|
-
url?: string;
|
|
14
|
-
status: ActionStatus;
|
|
15
|
-
}
|
|
16
|
-
export declare function SwapHeader({ fromToken, toToken, title, hash, url, status, }: SwapHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from "react";
|
|
2
|
-
import { BridgeHeader } from "./BridgeHeader";
|
|
3
|
-
import { BuyNFTHeader } from "./BuyNFTHeader";
|
|
4
|
-
import { InteractionHeader } from "./InteractionHeader";
|
|
5
|
-
import { ProfileHeader } from "./ProfileHeader";
|
|
6
|
-
import { SwapHeader } from "./SwapHeader";
|
|
7
|
-
declare const headerComponentsMap: {
|
|
8
|
-
readonly swap: typeof SwapHeader;
|
|
9
|
-
readonly buy_nft: typeof BuyNFTHeader;
|
|
10
|
-
readonly interaction: typeof InteractionHeader;
|
|
11
|
-
readonly bridge: typeof BridgeHeader;
|
|
12
|
-
readonly profile: typeof ProfileHeader;
|
|
13
|
-
};
|
|
14
|
-
type TransactionHeaderComponents = typeof headerComponentsMap;
|
|
15
|
-
export type TransactionHeaderType = keyof TransactionHeaderComponents;
|
|
16
|
-
export type TransactionHeaderProps = {
|
|
17
|
-
[Type in TransactionHeaderType]: {
|
|
18
|
-
type: Type;
|
|
19
|
-
props: ComponentProps<TransactionHeaderComponents[Type]>;
|
|
20
|
-
};
|
|
21
|
-
}[TransactionHeaderType];
|
|
22
|
-
export declare function TransactionHeader({ type, props }: TransactionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TransactionHeader";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
interface BridgePropertiesProps {
|
|
2
|
-
amount: string;
|
|
3
|
-
token: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
symbol: string;
|
|
7
|
-
};
|
|
8
|
-
fromChain: {
|
|
9
|
-
logoURI: string;
|
|
10
|
-
name: string;
|
|
11
|
-
};
|
|
12
|
-
toChain: {
|
|
13
|
-
logoURI: string;
|
|
14
|
-
name: string;
|
|
15
|
-
};
|
|
16
|
-
wallet: string;
|
|
17
|
-
boosted?: boolean;
|
|
18
|
-
timeToComplete: string;
|
|
19
|
-
}
|
|
20
|
-
export declare function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted, timeToComplete, }: BridgePropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export default BridgeProperties;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
interface BuyNFTPropertiesProps {
|
|
2
|
-
title: string;
|
|
3
|
-
imageURI: string;
|
|
4
|
-
collection: {
|
|
5
|
-
imageURI: string;
|
|
6
|
-
name: string;
|
|
7
|
-
};
|
|
8
|
-
price: string;
|
|
9
|
-
token: {
|
|
10
|
-
logoURI: string;
|
|
11
|
-
symbol: string;
|
|
12
|
-
};
|
|
13
|
-
marketplace: {
|
|
14
|
-
logoURI: string;
|
|
15
|
-
name: string;
|
|
16
|
-
};
|
|
17
|
-
fromChain: {
|
|
18
|
-
logoURI: string;
|
|
19
|
-
name: string;
|
|
20
|
-
};
|
|
21
|
-
toChain: {
|
|
22
|
-
logoURI: string;
|
|
23
|
-
name: string;
|
|
24
|
-
};
|
|
25
|
-
fromAddress: string;
|
|
26
|
-
toAddress: string;
|
|
27
|
-
boosted?: boolean;
|
|
28
|
-
timeToComplete: string;
|
|
29
|
-
tokenId: string;
|
|
30
|
-
nftType: string;
|
|
31
|
-
}
|
|
32
|
-
export declare function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }: BuyNFTPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
interface InteractionPropertiesProps {
|
|
2
|
-
chain: {
|
|
3
|
-
logoURI: string;
|
|
4
|
-
name: string;
|
|
5
|
-
};
|
|
6
|
-
wallet: string;
|
|
7
|
-
boosted?: boolean;
|
|
8
|
-
timeToComplete: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function InteractionProperties({ chain, wallet, boosted, timeToComplete, }: InteractionPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export interface SwapPropertiesProps {
|
|
2
|
-
fromAmount: string;
|
|
3
|
-
fromToken: {
|
|
4
|
-
logoURI: string;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
symbol: string;
|
|
7
|
-
};
|
|
8
|
-
toAmount: string;
|
|
9
|
-
toToken: {
|
|
10
|
-
logoURI: string;
|
|
11
|
-
bgColor: string;
|
|
12
|
-
symbol: string;
|
|
13
|
-
};
|
|
14
|
-
fromChain: {
|
|
15
|
-
logoURI: string;
|
|
16
|
-
name: string;
|
|
17
|
-
};
|
|
18
|
-
toChain: {
|
|
19
|
-
logoURI: string;
|
|
20
|
-
name: string;
|
|
21
|
-
};
|
|
22
|
-
fromAddress: string;
|
|
23
|
-
toAddress: string;
|
|
24
|
-
exchangeRate: string;
|
|
25
|
-
boosted?: boolean;
|
|
26
|
-
timeToComplete: string;
|
|
27
|
-
}
|
|
28
|
-
export declare function SwapProperties({ fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, }: SwapPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react/*";
|
|
2
|
-
import { TransactionHeader, TransactionHeaderProps } from "../../components/layout/TransactionHeader/TransactionHeader";
|
|
3
|
-
declare const meta: Meta<typeof TransactionHeader>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<TransactionHeaderProps>;
|
|
6
|
-
export declare const Swap: Story;
|
|
7
|
-
export declare const BuyNFT: Story;
|
|
8
|
-
export declare const Interaction: Story;
|
|
9
|
-
export declare const Bridge: Story;
|
|
10
|
-
export declare const Profile: Story;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from "@storybook/react/*";
|
|
2
|
-
import { TransactionProperties, type TransactionPropertiesProps } from "../../components/layout/TransactionProperties";
|
|
3
|
-
declare const meta: Meta<typeof TransactionProperties>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<TransactionPropertiesProps>;
|
|
6
|
-
export declare const Swap: Story;
|
|
7
|
-
export declare const BuyNFT: Story;
|
|
8
|
-
export declare const Interaction: Story;
|
|
9
|
-
export declare const Bridge: Story;
|