@0xsquid/ui 0.17.1 → 0.17.2

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

@@ -1,3 +1,8 @@
+export * from './AssetsView';
+export * from './MainView';
+export * from './RecipientView';
+export * from './SwapDetailsView';
+export * from './SwapProgressView';
 export * from './TransactionView/BaseTransactionViewProps';
 export * from './TransactionView/BridgeTransactionView';
 export * from './TransactionView/BuyNFTTransactionView';
@@ -5,3 +10,4 @@ export * from './TransactionView/InteractionTransactionView';
 export * from './TransactionView/SwapTransactionView';
 export * from './TransactionView/TransactionView';
 export * from './TransactionView/TransactionViewLayout';
+export * from './WalletsView';

package/dist/esm/types/services/internal/colorService.d.ts

@@ -25,7 +25,7 @@ export declare function getContrastColor({ r, g, b, }: {
     r: number;
     g: number;
     b: number;
-}): "#000" | "#fff";
+}): "#fff" | "#000";
 /**
  * Returns a hexadecimal color with opacity based on the given color and opacity percentage.
  *

package/dist/index.d.ts

@@ -191,13 +191,13 @@ type InputActionButtonProps = {
     label?: string;
 };
 
-interface Token {
+interface Token$1 {
     price: number;
     symbol: string;
     decimals: number;
 }
 interface NumericInputProps {
-    token: Token;
+    token: Token$1;
     onAmountChange: (tokenAmount: string) => void;
     forcedAmount?: string;
     maxDecimals?: {
@@ -1161,6 +1161,76 @@ interface HeadingTextProps {
 }
 declare function HeadingText({ children, bold, size, className, }: HeadingTextProps): react_jsx_runtime.JSX.Element;
 
+interface AssetsViewProps {
+    chains: {
+        name: string;
+        iconUrl: string;
+    }[];
+    favoriteTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    popularTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    userTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+        balance: string;
+    }[];
+}
+declare function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }: AssetsViewProps): react_jsx_runtime.JSX.Element;
+declare const List: ({ children }: React__default.PropsWithChildren) => react_jsx_runtime.JSX.Element;
+
+declare function MainView(): react_jsx_runtime.JSX.Element;
+
+type WalletViewType = 'paymentMethod' | 'recipientEmpty' | 'recipientTypingEns' | 'recipientTypingAddress';
+interface WalletsViewProps {
+    type: WalletViewType;
+}
+declare function RecipientView({ type }: WalletsViewProps): react_jsx_runtime.JSX.Element;
+
+declare function SwapDetailsView({ isLoading }: {
+    isLoading?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ChainData = {
+    networkName: string;
+    logoUrl: string;
+    bgColor: string;
+};
+type Token = {
+    symbol: string;
+    logoUrl: string;
+    bgColor: string;
+};
+declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, socialLink, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, }: {
+    steps: SwapStep[];
+    handleClose?: () => void;
+    handleComplete?: () => void;
+    isOpen?: boolean;
+    socialLink?: string;
+    supportLink?: string;
+    fromToken: Token;
+    toToken: Token;
+    fromAmount: string;
+    toAmount: string;
+    fromChain: ChainData;
+    toChain: ChainData;
+    fromAddressFormatted: string;
+    toAddressFormatted: string;
+    swapState: SwapState;
+    estimatedTimeToComplete?: string;
+    footerButton?: SwapStepsCollapsedFooterButton;
+}): react_jsx_runtime.JSX.Element;
+
 interface BaseTransactionViewProps {
     title?: string;
     hash: string;
@@ -1289,6 +1359,8 @@ interface TransactionViewLayoutProps extends ComponentProps<'div'> {
 }
 declare function TransactionViewLayout({ header, properties, actions, fees, ...props }: TransactionViewLayoutProps): react_jsx_runtime.JSX.Element;
 
+declare function WalletsView(): react_jsx_runtime.JSX.Element;
+
 type SquidTheme = {
     'content-100': string;
     'content-200': string;
@@ -1322,4 +1394,4 @@ declare function useDropdownMenu(props?: {
     openDropdownButtonRef: React.RefObject<HTMLButtonElement>;
 };
 
-export { ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, ApproveAction, ArrowButton, AssetsButton, BadgeImage, type BaseActionProps, type BaseTransactionViewProps, BodyText, Boost, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CaptionText, Chip, Collapse, DescriptionBlocks, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, ExploreLayout, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilterButton, HashLink, HeadingText, HistoryItem, type HistoryItemStatus, IconLabel, ImageIcon, IncompleteAction, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, ListItem, LoadingProvider, LoadingSkeleton, Menu, MenuItem, Modal, ModalContent, ModalContentDivider, NavigationBar, NumericInput, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, ReceiveNFTAction, ReceiveTokensAction, STEP_ITEM_HEIGHT, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SizeTransition, SquidConfigProvider, type SquidTheme, StakeAction, StartAction, SuccessAction, SwapAction, SwapConfiguration, SwapHeader, type SwapHeaderProps, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapTransactionView, Switch, type ThemeType, Timestamp, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, UsdAmount, WalletLink, WrapAction, linkActionTimelineProps, statusBgClassMap, statusColorClassMap, statusTextClassMap, useDropdownMenu };
+export { ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, ApproveAction, ArrowButton, AssetsButton, AssetsView, BadgeImage, type BaseActionProps, type BaseTransactionViewProps, BodyText, Boost, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CaptionText, Chip, Collapse, DescriptionBlocks, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, ExploreLayout, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilterButton, HashLink, HeadingText, HistoryItem, type HistoryItemStatus, IconLabel, ImageIcon, IncompleteAction, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, List, ListItem, LoadingProvider, LoadingSkeleton, MainView, Menu, MenuItem, Modal, ModalContent, ModalContentDivider, NavigationBar, NumericInput, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, ReceiveNFTAction, ReceiveTokensAction, RecipientView, STEP_ITEM_HEIGHT, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SizeTransition, SquidConfigProvider, type SquidTheme, StakeAction, StartAction, SuccessAction, SwapAction, SwapConfiguration, SwapDetailsView, SwapHeader, type SwapHeaderProps, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapTransactionView, Switch, type ThemeType, Timestamp, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, UsdAmount, WalletLink, WalletsView, WrapAction, linkActionTimelineProps, statusBgClassMap, statusColorClassMap, statusTextClassMap, useDropdownMenu };

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "0.17.1",
+  "version": "0.17.2",
   "author": "",
   "license": "MIT",
   "resolutions": {