@funkit/connect 0.1.10 → 0.1.13

package/dist/components/FunButton/FunLinkButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextProps } from '../Text/Text';
+export declare function FunLinkButton({ onClick, text, textProps, hasPadding, color, }: {
+    onClick: () => void;
+    text: string;
+    textProps?: Omit<TextProps, 'color'>;
+    hasPadding?: boolean;
+    color?: TextProps['color'];
+}): React.JSX.Element;

package/dist/components/FunButton/FunViewTxButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function FunViewTxButton({ onClick }: {
+    onClick: () => void;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts

@@ -0,0 +1,8 @@
+import { CheckoutHistoryItem } from '@funkit/core';
+import React from 'react';
+/**
+ * Processing info about a checkout history item (already created in backed)
+ */
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, }: {
+    checkoutHistoryInfo: CheckoutHistoryItem;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FunCheckoutHistoryModalProps {
+    open: boolean;
+    onClose: () => void;
+    depositAddress: string;
+}
+export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutModal/FunCheckoutConfirmation.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
+export declare function FunCheckoutConfirmationStep({ checkoutId, onFinish, selectedPaymentMethodInfo, animateOut, }: {
+    checkoutId: string | null;
+    onFinish: (prevId: string, expirationTime: number, depositAddress: string) => void;
+    selectedPaymentMethodInfo: PaymentMethodInfo | null;
+    animateOut: boolean;
+}): React.JSX.Element;
+export declare function roundUpTo5DecimalPlaces(inputNumber: string): string;

package/dist/components/FunCheckoutModal/FunCheckoutModal.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare enum FunCheckoutStep {
+    SELECT_PAYMENT_METHOD = "payment",
+    CONFIRMATION = "confirmation",
+    PAYMENT_SETUP = "payment_setup",
+    SELECT_ASSET = "select_asset",
+    TWO_FACTOR = "two_factor"
+}
+interface FunCheckoutModalProps {
+    open: boolean;
+    onClose: () => void;
+    checkoutId: string | null;
+}
+export declare function FunCheckoutModal({ onClose, open, checkoutId, }: FunCheckoutModalProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutModal/FunCheckoutPrimaryInfo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
+export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, }: {
+    checkoutItem: FunkitActiveCheckoutItem;
+    isLoading: boolean;
+}): React.JSX.Element;
+export declare function CheckoutPrimaryInfo({ checkoutId, }: {
+    checkoutId: string | null;
+}): React.JSX.Element | null;

package/dist/components/FunCheckoutModal/FunCheckoutSelectAssetStep.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunCheckoutModal/FunCheckoutSelectAssetStep.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
+/**
+ * Based on which payment method was selected, allow users to select which asset they want to fund
+ */
+export declare function FunCheckoutSelectAssetStep({ checkoutId, selectedPaymentMethodInfo, onFinish, isOnFinishLoading, animateOut, }: {
+    checkoutId: string | null;
+    selectedPaymentMethodInfo: PaymentMethodInfo | null;
+    isOnFinishLoading: boolean;
+    onFinish: () => void;
+    animateOut?: boolean;
+}): React.JSX.Element;

package/dist/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
+export declare function FunCheckoutVerifyDetailsStep({ checkoutId, onSelectPaymentMethod, }: {
+    checkoutId: string | null;
+    onSelectPaymentMethod: (p: PaymentMethodInfo) => void;
+}): React.JSX.Element;

package/dist/components/FunConnectModal/FunConnectModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface FunConnectModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function FunConnectModal({ onClose, open }: FunConnectModalProps): React.JSX.Element | null;

package/dist/components/FunContainer/FunContainer.d.ts

@@ -0,0 +1,11 @@
+import './FunContainer.css';
+import React, { PropsWithChildren } from 'react';
+export interface FunContainerProps {
+    title: string;
+    titleSuffix?: React.ReactNode;
+    isCollapsible?: boolean;
+    isCollapsed?: boolean;
+    showHoverEffect?: boolean;
+    onClick?: () => void;
+}
+export declare function FunContainer({ children, title, titleSuffix, isCollapsible, isCollapsed, showHoverEffect, onClick, }: PropsWithChildren<FunContainerProps>): React.JSX.Element;

package/dist/components/FunDevTestModal/FunDevTestModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ChainModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function FunDevTestModal({ onClose, open }: ChainModalProps): React.JSX.Element;

package/dist/components/FunDivider/FunDivider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+export declare function FunDivider({ marginTop, marginBottom, transparent, }: {
+    marginTop?: BoxProps['margin'];
+    marginBottom?: BoxProps['margin'];
+    transparent?: boolean;
+}): React.JSX.Element;

package/dist/components/FunInput/FunInput.css.d.ts

@@ -0,0 +1,2 @@
+export declare const inputClass: string;
+export declare const inputClassDisabled: string;

package/dist/components/FunInput/FunInput.d.ts

@@ -0,0 +1,28 @@
+import './FunInputBase.css';
+import React, { HTMLInputTypeAttribute, ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
+export interface FunInputProps {
+    prefix?: ReactNode;
+    prefixIcon?: 'SearchIcon' | '$';
+    placeholder?: string;
+    value: string | number | readonly string[] | undefined;
+    label?: string;
+    onChange: (value: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeySubmit?: () => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    hasBackground?: boolean;
+    inputStyle?: object;
+    inputProps?: {
+        type?: HTMLInputTypeAttribute;
+        [x: string]: any;
+    };
+    ref?: any;
+    error?: string | boolean;
+    focused?: boolean;
+    textColor?: BoxProps['color'];
+}
+export declare function FunInputDefault({ prefix, prefixIcon, placeholder, value, label, onChange, onKeyDown, onKeySubmit, onPaste, onMouseDown, hasBackground, textColor, inputStyle, inputProps, error, focused: _focused, }: FunInputProps): React.JSX.Element;
+export declare const FunInputWithRef: React.ForwardRefExoticComponent<Omit<FunInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare function FunInput(props: FunInputProps): React.JSX.Element;

package/dist/components/FunKeyValue/FunKeyValue.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
+import { TextProps } from '../Text/Text';
+export interface FunKeyValueProps {
+    keyIcon?: ReactNode;
+    keyText: string;
+    valueIcon?: ReactNode;
+    valueText: ReactNode;
+    disclaimerText?: string;
+    onClick?: null | (() => void);
+    hasBorder?: boolean;
+    keyTextColor?: BoxProps['color'];
+    keyTextSize?: TextProps['size'];
+    keyTextWeight?: TextProps['weight'];
+    valueTextColor?: BoxProps['color'];
+    valueTextSize?: TextProps['size'];
+    valueTextWeight?: TextProps['weight'];
+    disclaimerTextColor?: BoxProps['color'];
+    backgroundBaseColor?: BoxProps['background'] | undefined | any;
+    paddingY?: BoxProps['paddingY'];
+    paddingX?: BoxProps['paddingX'];
+    isDisabled?: boolean;
+}
+export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
+keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;

package/dist/components/FunMeshTwoFactorStep/FunMeshTwoFactorStep.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
+interface FunTwoFactorModalProps {
+    previewId: string;
+    onSuccess: () => void;
+    paymentMethodInfo: PaymentMethodInfo | null;
+}
+export declare function FunMeshTwoFactorStep({ previewId, onSuccess, paymentMethodInfo, }: FunTwoFactorModalProps): React.JSX.Element;
+export {};

package/dist/components/FunModalTitleSection/FunModalTitleSection.css.d.ts

@@ -0,0 +1,7 @@
+export declare const titleSection: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateTitleInClass: string;
+export declare const animateTitleOutClass: string;

package/dist/components/FunModalTitleSection/FunModalTitleSection.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+export declare function FunModalTitleSection({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, customJustifyContentStyle, }: {
+    title: string;
+    hasCloseButton?: boolean;
+    onClose?: (p?: any) => void;
+    hasBackButton?: boolean;
+    skipBackDelay?: boolean;
+    onBack?: (p?: any) => void;
+    backAnimation?: boolean;
+    customJustifyContentStyle?: BoxProps['justifyContent'];
+}): React.JSX.Element;

package/dist/components/FunNotification/FunCheckoutNotification.d.ts

@@ -0,0 +1,6 @@
+import { CheckoutHistoryItem } from '@funkit/core';
+import React from 'react';
+export declare function FunCheckoutNotification({ checkoutHistoryItem, onBeforeRedirect, }: {
+    checkoutHistoryItem: CheckoutHistoryItem;
+    onBeforeRedirect: () => void;
+}): React.JSX.Element;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../Box/Box';
+import { TextProps } from '../Text/Text';
+interface FunNotificationProps {
+    type?: FunNotificationType;
+    description: string;
+    textProps?: Omit<TextProps, 'color'>;
+    containerProps?: React.ComponentProps<typeof Box>;
+}
+type FunNotificationType = 'default' | 'error';
+export declare function FunNotification({ type, description, textProps, containerProps, }: FunNotificationProps): React.JSX.Element;
+export {};

package/dist/components/FunOnramp/FunOnramp.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunOnramp/FunOnrampConfirmation.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunOnramp/FunOnrampConfirmationStep.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FeesItem } from '../FunTransactionSummary/FunTransactionSummary';
+interface FunOnrampConfirmationProps {
+    token: string;
+    tokenAmountUsd: number;
+    estimatedFees: FeesItem;
+    estimatedProcessingTime: string;
+    totalAmountUsd: number;
+    onConfirm: () => void;
+    paymentMethodInfo: any;
+    onInitialization: () => void;
+    isFetchingEstimatedFees: boolean;
+    estimationError: string;
+    isConfirming: boolean;
+    backAnimation?: boolean;
+}
+export declare function FunOnrampConfirmationStep({ token, tokenAmountUsd, estimatedFees, estimatedProcessingTime, totalAmountUsd, onConfirm, paymentMethodInfo, onInitialization, isFetchingEstimatedFees, estimationError, isConfirming, backAnimation, }: FunOnrampConfirmationProps): React.JSX.Element;
+export {};

package/dist/components/FunOnramp/FunOnrampInputStep.d.ts

@@ -0,0 +1,10 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+export declare function FunOnrampInputStep({ tokenTicker, setDepositToken, amount, onChangeAmount, onClickContinue, backAnimation, }: {
+    tokenTicker: string;
+    setDepositToken: Dispatch<SetStateAction<DepositTokenSymbol>>;
+    amount: string;
+    onChangeAmount: Dispatch<SetStateAction<string>>;
+    onClickContinue: () => void;
+    backAnimation: boolean;
+}): React.JSX.Element;

package/dist/components/FunOnramp/FunOnrampPrimaryItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function FunOnrampPrimaryItem({ token, tokenAmountUsd, }: {
+    token: string;
+    tokenAmountUsd: number;
+}): React.JSX.Element;

package/dist/components/FunOnramp/FunOnrampProcessingStep.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function FunOnrampProcessingStep({ token, tokenAmountUsd, isDepositing, }: {
+    token: string;
+    tokenAmountUsd: number;
+    isDepositing: boolean;
+}): React.JSX.Element;

package/dist/components/FunOnramp/FunOnrampTokenPill.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+export declare function FunOnrampTokenPill({ token, isActive, onClick, }: {
+    token: DepositTokenSymbol;
+    isActive: boolean;
+    onClick?: undefined | null | (() => void);
+}): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMeshType.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunPayments/FunPaymentMeshType.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FunPaymentMeshTypeProps {
+    onSoftHide: (p: boolean) => void;
+    onFinish: (meshMeta: any) => void;
+    backAnimation?: boolean;
+}
+/**
+ * This component handles payments <> mesh integration
+ */
+export declare function FunPaymentMeshType({ onFinish, onSoftHide, backAnimation, }: FunPaymentMeshTypeProps): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactNode } from 'react';
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+/** @description The different payment flows. Either from Deposit or Checkout. */
+export declare enum PaymentFlow {
+    DEPOSIT = 0,
+    CHECKOUT = 1
+}
+/** @description Supported Payment Methods in FunkitConnect. **/
+export declare enum PaymentMethod {
+    /** Sardine - ACH / Wires **/
+    /** Moonpay - Credit / Debit Card **/
+    CARD = "card",
+    /** FunWallet - Direct Transfer **/
+    TRANSFER = "transfer",
+    /** FunWallet - Account Balance **/
+    ACCOUNT_BALANCE = "balance",
+    /** Mesh - Exchange / Brokerage **/
+    BROKERAGE = "brokerage"
+}
+export interface PaymentMethodInfo {
+    paymentMethod: PaymentMethod;
+    title: string;
+    titleIcon?: ReactNode;
+    description: string;
+    descriptionIcon?: ReactNode;
+    meta: any;
+}
+export declare function AddPaymentMethodItem({ paymentFlow, paymentMethod, isClickable, isActive, onClick, disclaimerText, }: {
+    paymentFlow: PaymentFlow;
+    paymentMethod: PaymentMethod;
+    isActive: boolean;
+    isClickable?: boolean;
+    onClick?: () => void;
+    disclaimerText?: undefined | string;
+}): React.JSX.Element;
+export declare function ExistingPaymentMethodItem({ paymentMethodInfo, onClick, isClickable, }: {
+    paymentMethodInfo: PaymentMethodInfo;
+    onClick?: () => void;
+    isClickable?: boolean;
+}): React.JSX.Element;
+/**
+ * Handle selection and adding of payment methods
+ */
+export declare function FunPaymentMethods({ checkoutId, // only valid for paymentFlow === CHECKOUT
+paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+    checkoutId?: string | null;
+    paymentFlow: PaymentFlow;
+    onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;
+    isDisabled?: boolean;
+    backAnimation?: boolean;
+    depositInfo?: {
+        amount: string;
+        tokenTicker: string | DepositTokenSymbol | null;
+    };
+}): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMoonpayType.css.d.ts

@@ -0,0 +1,10 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+    height: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;
+export declare const animateContentInClassShorter: string;
+export declare const animateContentOutClassShorter: string;

package/dist/components/FunPayments/FunPaymentMoonpayType.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Address } from 'wagmi';
+import { PaymentFlow } from './FunPaymentMethods';
+export declare function FunPaymentMoonpayType({ paymentFlow, paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, onBackToHome, backAnimation, redirectToCheckoutHistory, }: {
+    paymentFlow: PaymentFlow;
+    paymentAddress: Address;
+    depositToken: string;
+    depositTokenChainId: string;
+    depositTokenAmount: number;
+    onBackToHome: () => void;
+    backAnimation?: boolean;
+    redirectToCheckoutHistory?: (depositAddress: string) => void;
+}): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentSetup.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Address } from 'wagmi';
+import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from './FunPaymentMethods';
+interface FunPaymentSetupProps {
+    paymentFlow: PaymentFlow;
+    paymentMethod: undefined | null | PaymentMethod;
+    onSetup: (newPaymentMethodInfo: PaymentMethodInfo) => void;
+    onSoftHide: (p: boolean) => void;
+    onBackToHome: () => void;
+    paymentAddress: Address;
+    token: string;
+    tokenChainId: string;
+    tokenAmountUsd: number;
+    backAnimation?: boolean;
+    redirectToCheckoutHistory?: (depositAddress: string) => void;
+}
+export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onSetup, onSoftHide, onBackToHome, token, tokenChainId, tokenAmountUsd, backAnimation, redirectToCheckoutHistory, }: FunPaymentSetupProps): React.JSX.Element;
+export {};

package/dist/components/FunPayments/FunPaymentTransferType.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunPayments/FunPaymentTransferType.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function FunPaymentTransferType({ address, onBackToHome, backAnimation, }: {
+    address: string;
+    onBackToHome: () => void;
+    backAnimation?: boolean;
+}): React.JSX.Element;

package/dist/components/FunPayments/FunPayments.css.d.ts

@@ -0,0 +1,7 @@
+export declare const titleSection: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunProgressBar/FunHorizontalStepper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FunHorizontalStepperProps {
+    step: number;
+    totalSteps: number;
+}
+export declare function FunHorizontalStepper(props: FunHorizontalStepperProps): React.JSX.Element;
+export {};

package/dist/components/FunProgressBar/FunProgressBar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface FunProgressBarProps {
+    step: number;
+    totalSteps: number;
+}
+export declare function FunProgressBar({ step, totalSteps }: FunProgressBarProps): React.JSX.Element;

package/dist/components/FunProgressBar/FunVerticalProgressBar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface ProgressLabel {
+    text: string;
+    description: string;
+    linkText?: string;
+    linkUrl?: string;
+}
+interface FunVerticalProgressBarProps {
+    step: number;
+    totalSteps: number;
+    labels?: ProgressLabel[];
+}
+export declare function FunVerticalProgressBar({ step, totalSteps, labels, }: FunVerticalProgressBarProps): React.JSX.Element;
+export {};

package/dist/components/FunSelect/FunClickOutside.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren, RefObject } from 'react';
+/**
+ * This component fires a callback (onClick) if a mouseclick has been detected outside its child component
+ */
+export declare function FunClickOutside({ children, exceptionRef, onClick, }: PropsWithChildren<{
+    exceptionRef?: RefObject<any>;
+    onClick: () => void;
+}>): React.JSX.Element;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
+export interface FunSelectOption {
+    value: string;
+    label: ReactNode;
+}
+export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, }: {
+    handleSelect: (newValue: FunSelectOption['value']) => void;
+    isDropdownOpen: boolean;
+    options: FunSelectOption[];
+    selectedValue: FunSelectOption['value'];
+    containerPaddingY?: BoxProps['paddingY'];
+    containerMarginTop?: BoxProps['marginTop'];
+    optionItemPadding?: BoxProps['padding'];
+    showBorder?: boolean;
+}): React.JSX.Element | null;
+interface FunSelectProps {
+    initValue?: FunSelectOption['value'];
+    options: FunSelectOption[];
+    onChange: (newValue: string) => void;
+    placeholder?: string;
+    isDisabled?: boolean;
+    showBorder?: boolean;
+}
+export declare function FunSelect({ initValue, options, onChange, placeholder, isDisabled, showBorder, }: FunSelectProps): React.JSX.Element;
+export {};

package/dist/components/FunSignInFlow/FunSignInStep.css.d.ts

@@ -0,0 +1,2 @@
+export declare const ScrollClassName: string;
+export declare const animateContentIn: string;

package/dist/components/FunSignInFlow/FunSignInStep.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+import { ConnectStep } from '../ConnectOptions/FunConnectOptions';
+/**
+ * Modal content for a user that is not signed-in yet
+ * Shows Web2 and Web3 sign in options
+ */
+export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, }: {
+    onClose: () => void;
+    changeStep: (p: ConnectStep) => void;
+    setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
+    connectToWallet: (wallet: WalletConnector) => void;
+    setQrCodeUri: React.Dispatch<React.SetStateAction<string>>;
+}): React.JSX.Element;

package/dist/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WalletConnector } from '../../../wallets/useWalletConnectors';
+interface FunOTPInputProps {
+    onClose: () => void;
+    onBack: () => void;
+    setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
+}
+export declare const FunWeb2ConnectingStep: (props: FunOTPInputProps) => React.JSX.Element;
+export {};

package/dist/components/FunSignInFlow/FunWeb3ConnectingStep.css.d.ts

@@ -0,0 +1,7 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateContentInClass: string;
+export declare const animateContentOutClass: string;

package/dist/components/FunSignInFlow/FunWeb3ConnectingStep.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+import { ConnectStep } from '../ConnectOptions/FunConnectOptions';
+export declare function FunWeb3ConnectingStep({ onClose, changeStep, selectedWallet, qrCodeUri, }: {
+    onClose: () => void;
+    changeStep: (newStep: ConnectStep) => void;
+    selectedWallet: WalletConnector | undefined;
+    qrCodeUri: string;
+}): React.JSX.Element;

package/dist/components/FunStates/FunErrorContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface FunErrorContentProps {
+    title: string;
+    onBack: () => void;
+    onClose: () => void;
+    actionTitle: string;
+    onAction: () => void;
+}
+export declare function FunErrorContent({ title, onBack, onClose, actionTitle, onAction, }: FunErrorContentProps): React.JSX.Element;
+export {};

package/dist/components/FunTermsAndConditionsTextButton/FunTermsAndConditionsTextButton.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function FunTermsAndConditionsTextButton(): React.JSX.Element;