@0xsquid/ui 0.13.2 → 0.13.4

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

@@ -0,0 +1,11 @@
+export declare const checkMarkInfo: any;
+export declare const checkMarkSuccess: any;
+export declare const checkMarkError: any;
+export declare const loadingDots: any;
+export declare const transactionPendingAnimation: any;
+export declare const transactionProcessinganimation: any;
+export declare const transactionFailureAnimation: any;
+export declare const transactionSuccessAnimation: any;
+export declare const transactionHalfSuccessAnimation: any;
+export declare const transactionErrorPauseAnimation: any;
+export declare const transactionRejectedAnimation: any;

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

@@ -6,6 +6,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     icon?: React.ReactNode;
     isError?: boolean;
     onPasteButtonClick?: () => void;
+    containerClassName?: string;
 }
-export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, isError, onPasteButtonClick, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, isError, onPasteButtonClick, containerClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,3 +4,4 @@ export * from './controls';
 export * from './layout';
 export * from './lists';
 export * from './typography';
+export * from './views';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    lottieJsonFile: object;
+    animReplacement?: JSX.Element;
+    hideAnimations?: boolean;
+}
+export declare const AnimationWrapper: ({ lottieJsonFile, animReplacement, hideAnimations, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 type ModalContentBorderType = 'border' | 'outline';
-export declare function ModalContent({ children, addGap, paddingY, borderType, }: {
+interface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     addGap?: boolean;
     paddingY?: boolean;
     borderType?: ModalContentBorderType;
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+}
+export declare function ModalContent({ children, addGap, paddingY, borderType, className, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalContentDivider(): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,9 @@
 import { SwapStep } from '../../types/components';
-export declare function SwapStepsCollapsed({ steps, currentStepIndex: _newStepIndex, }: {
+interface SwapStepsCollapsedProps {
     steps: SwapStep[];
     currentStepIndex: number;
-}): import("react/jsx-runtime").JSX.Element;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare function SwapStepsCollapsed({ steps, currentStepIndex: _newStepIndex, onOpen, onClose, }: SwapStepsCollapsedProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export declare const StepsControls: ({ totalSteps, stepsState, }: {
+    totalSteps: number;
+    stepsState: [number, React.Dispatch<React.SetStateAction<number>>];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,35 @@
-type SwapProgressState = 'confirm' | 'progress' | 'completed' | 'error' | 'partialSuccess' | 'confirmationTooLong' | 'confirmationRejected';
-export declare function SwapProgressView({ state }: {
-    state: SwapProgressState;
+import { SwapStep, TransactionStatus } from '../../types/components';
+type ChainData = {
+    networkName: string;
+    logoUrl: string;
+    bgColor: string;
+};
+type Token = {
+    symbol: string;
+    logoUrl: string;
+    bgColor: string;
+};
+export declare function SwapProgressView({ steps, isOpen, handleClose, socialLink, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, txStatus, }: {
+    steps: SwapStep[];
+    handleClose?: () => void;
+    isOpen?: boolean;
+    socialLink?: string;
+    supportLink?: string;
+    fromToken: Token;
+    toToken: Token;
+    fromAmount: string;
+    toAmount: string;
+    fromChain: ChainData;
+    toChain: ChainData;
+    fromAddressFormatted: string;
+    toAddressFormatted: string;
+    txStatus: TransactionStatus;
 }): import("react/jsx-runtime").JSX.Element;
+interface Props {
+    rawSteps: SwapStep[];
+    txStatus?: TransactionStatus;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare const TrackTransactionView: ({ txStatus, rawSteps, onOpen, onClose, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1 @@
+export { SwapProgressView } from './SwapProgressView';

package/dist/cjs/types/core/constants.d.ts

@@ -1,4 +1,16 @@
 export declare const CSS_VARS: {
     MOVE_WITH_SPRING_BOUNCE_DURATION: string;
     DISPLAY_DELAYED_DURATION: string;
+    COLLAPSE_TO_BOTTOM_DURATION: string;
+    EXPAND_TO_TOP_DURATION: string;
+    FADE_IN_DURATION: string;
+    FADE_OUT_DURATION: string;
+    SCALE_AND_FADE_UP_DURATION: string;
+    SCALE_AND_FADE_DOWN_DURATION: string;
+    TRANSLATE_TOP_OR_BOTTOM: string;
+};
+export declare const ANIMATION_DURATIONS: {
+    SHOW_ROUTE_STEPS: number;
+    HIDE_ROUTE_STEPS: number;
+    CHANGE_SWAP_STEP: number;
 };

package/dist/cjs/types/hooks/useTimer.d.ts

@@ -0,0 +1,7 @@
+export declare const useTimer: ({ immediateStart, }: {
+    immediateStart?: boolean;
+}) => {
+    timer: string;
+    stopTimer: () => void;
+    startTimer: () => void;
+};

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

@@ -3,10 +3,4 @@ import { SwapProgressView } from '../../components/views/SwapProgressView';
 declare const meta: Meta<typeof SwapProgressView>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Confirm: Story;
-export declare const Progress: Story;
-export declare const Completed: Story;
-export declare const Failed: Story;
-export declare const ConfirmationTooLong: Story;
-export declare const ConfirmationRejected: Story;
-export declare const PartialSuccess: Story;
+export declare const Default: Story;

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

@@ -13,7 +13,21 @@ export type SwapStep = {
     descriptionBlocks: SwapStepDescriptionBlock[];
     chipContent: React.ReactNode;
     link?: string;
+    status: TransactionStatus;
 };
+export type SwapProgressState = 'confirm' | 'progress' | 'completed' | 'error' | 'partialSuccess' | 'confirmationTooLong' | 'confirmationRejected' | 'needsGas';
 export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
 export type ThemeType = 'light' | 'dark';
 export type SwapStepItemStatus = 'executed' | 'progress' | 'pending';
+export declare enum TransactionStatus {
+    SUCCESS = "success",
+    NEEDS_GAS = "needs_gas",
+    ONGOING = "ongoing",
+    PARTIAL_SUCCESS = "partial_success",
+    NOT_FOUND = "not_found",
+    INITIAL_LOADING = "initialLoading",
+    ERROR = "error",
+    WARNING = "warning",
+    PENDING = "pending",
+    REJECTED = "rejected"
+}