@funkit/connect 0.1.10 → 0.1.12

package/dist/components/FunToast/FunShortToast.css.d.ts

@@ -0,0 +1,10 @@
+export declare const contentAnimationDefaults: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const shortToastContainer: string;
+export declare const shortToast: string;
+export declare const shortToastExit: string;
+export declare const typeDisplay: string;
+export declare const descriptionDisplay: string;

package/dist/components/FunToast/FunShortToast.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FunToastProps } from './FunToast';
+export declare const ShortFunToast: ({ type, title, description, closing, }: FunToastProps) => React.JSX.Element;

package/dist/components/FunToast/FunToast.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+export declare enum FunToastType {
+    INFO = 0,
+    ERROR = 1,
+    PENDING = 2,
+    SUCCESS = 3
+}
+export interface FunToastProps {
+    type?: FunToastType;
+    title: string;
+    hideTitleSuffix?: boolean;
+    titleSuffix?: ReactNode;
+    description: string | ReactNode;
+    isDescriptionText?: boolean;
+    icon?: ReactNode;
+    closing?: boolean;
+}
+export declare function FunToast({ type, title, titleSuffix, hideTitleSuffix, description, isDescriptionText, icon, }: FunToastProps): React.JSX.Element;

package/dist/components/FunTransactionSummary/FunTransactionSummary.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, }: {
+    estFees: string | number | null;
+    estTime: string | number | null;
+    isLoading?: boolean;
+    hasTotal?: boolean;
+    hasPaymentToken?: boolean;
+    symbol?: string | null;
+    paymentTokenString?: string;
+    total?: string | number | null;
+    suffixComponent?: ReactNode;
+    errorMessage?: string;
+}): React.JSX.Element;

package/dist/components/FunkitProvider/AuthenticationContext.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from 'react';
+export declare enum AuthenticationStatus {
+    LOADING = "loading",
+    UNAUTHENTICATED = "unauthenticated",
+    AUTHENTICATED = "authenticated"
+}
+export interface AuthenticationAdapter<Message> {
+    getNonce: () => Promise<string>;
+    createMessage: (args: {
+        nonce: string;
+        address: string;
+        chainId: number;
+    }) => Message;
+    getMessageBody: (args: {
+        message: Message;
+    }) => string;
+    verify: (args: {
+        message: Message;
+        signature: string;
+    }) => Promise<boolean>;
+    signOut: () => Promise<void>;
+}
+export interface AuthenticationConfig<Message> {
+    adapter: AuthenticationAdapter<Message>;
+    status: AuthenticationStatus;
+}
+export declare function createAuthenticationAdapter<Message>(adapter: AuthenticationAdapter<Message>): AuthenticationAdapter<Message>;
+interface RainbowKitAuthenticationProviderProps<Message> extends AuthenticationConfig<Message> {
+    enabled?: boolean;
+    children: ReactNode;
+}
+export declare function RainbowKitAuthenticationProvider<Message = unknown>({ adapter, children, enabled, status, }: RainbowKitAuthenticationProviderProps<Message>): React.JSX.Element;
+export declare function useAuthenticationAdapter(): AuthenticationAdapter<any>;
+export declare function useAuthenticationStatus(): AuthenticationStatus | null;
+export {};

package/dist/components/FunkitProvider/AvatarContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type AvatarComponentProps = {
+    address: string;
+    ensImage?: string | null;
+    size: number;
+};
+export type AvatarComponent = React.FunctionComponent<AvatarComponentProps>;
+export declare const defaultAvatar: AvatarComponent;
+export declare const AvatarContext: React.Context<AvatarComponent>;

package/dist/components/FunkitProvider/CoolModeContext.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CoolModeContext: import("react").Context<boolean>;

package/dist/components/FunkitProvider/FunToastContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FunToastProps } from '../FunToast/FunToast';
+interface FunToastContextProps {
+    showToast: (args: FunToastProps, displayTimeMs?: number) => void;
+    hideToast: () => void;
+    toastContent: FunToastProps | null;
+    closing: boolean;
+}
+export declare function useFunToast(): FunToastContextProps;
+export declare function FunToastProvider({ children }: any): React.JSX.Element;
+export {};

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -0,0 +1,130 @@
+import { CheckoutCoreQuoteResponse, CheckoutHistoryItem } from '@funkit/core';
+import React, { ReactNode } from 'react';
+import { Abi, Address } from 'viem';
+import { CheckoutHistoryStateMap } from '../../utils/checkout';
+import { PaymentMethod } from '../FunPayments/FunPaymentMethods';
+export interface FunkitCheckoutActionParams {
+    contractAbi: Abi;
+    contractAddress: Address;
+    functionName: string;
+    functionArgs: any[];
+}
+export interface FunkitCheckoutConfig {
+    /** ****************************
+     * Api-related configurations *
+     ******************************/
+    /** List of contract action params **/
+    actionsParams: FunkitCheckoutActionParams[];
+    /** The ID of the chain where the checkout operation is to be performed. **/
+    targetChain: string;
+    /** The wanted asset for the checkout operation. This can be either a chain native token (by specifying NATIVE_TOKEN) or an ERC-20 token (by specifying actual token address) on the target chain. **/
+    targetAsset: Address;
+    /** The amount of wanted asset for the checkout operation. **/
+    targetAssetAmount: number;
+    /** Timestamp (in milliseconds) after which the checkout should not be performed, and the funds will become rescuable. Min: 300000 (5 mins), Max: 3600000 (1 hour). **/
+    expirationTimestampMs: number;
+    /** ****************************************
+     * Checkout ModalUI-related configurations *
+     *******************************************/
+    /** Title to show in the checkout modal. Defaults to "Checkout" **/
+    modalTitle?: string;
+    /** Icon to show in the checkout modal (50px x 50px). If not specified, no icon will be shown. **/
+    iconSrc?: null | string;
+    /** Title of the item being checked out. e.g. Staked Ether, XYZ Option, Solar Bond ABC **/
+    checkoutItemTitle: string;
+    /** Description of the item being checked out. If not specified, it will default to blank. **/
+    checkoutItemDescription?: string;
+    /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
+    checkoutItemAmount?: number;
+}
+interface FunkitCheckoutValidationResult {
+    isValid: boolean;
+    message: string;
+}
+type FunkitCheckoutQuoteResult = CheckoutCoreQuoteResponse;
+export type FunkitCheckoutResult = {
+    type: 'error' | 'success';
+    message: string;
+    metadata: object | Error;
+};
+interface useFunkitCheckoutProps {
+    /** @required the checkout config object **/
+    config: FunkitCheckoutConfig;
+    /** @optional fires when checkout config is done validating **/
+    onValidation?: (result: FunkitCheckoutValidationResult) => void;
+    /** @optional fires when a checkout quote is received **/
+    onEstimation?: (result: FunkitCheckoutQuoteResult) => void;
+    /** @optional fires when a checkout if confirmed with the funkit server **/
+    onConfirmation?: () => void;
+    /** @optional fires if the checkout fails at any point */
+    onError?: (result: FunkitCheckoutResult) => void;
+    /** @optional fires if the checkout fails at any point */
+    onSuccess?: (result: FunkitCheckoutResult) => void;
+}
+/**
+ * Checkout Item for frontend use
+ */
+export interface FunkitActiveCheckoutItem {
+    /** Unique identifier for frontend use only. */
+    id: string;
+    /** Time of creation of the active checkout item. For frontend use only. **/
+    startTimestampMs: number;
+    /** The draft dollar value estimate of the checkout. Not the actual quote. **/
+    draftDollarValue: null | number;
+    /** Whether the checkout quote is being fetched **/
+    isQuoting: boolean;
+    /** Latest checkout estimated fees and time **/
+    latestQuote: null | FunkitCheckoutQuoteResult;
+    /** Error messages associated with checkout quote **/
+    quoteErrorMessage: string;
+    /** The deposit address provided by server after the checkout is confirmed. If `null`, it is not confirmed yet. **/
+    depositAddress: null | Address;
+    /** Settings the checkout was init-ed with **/
+    initSettings: useFunkitCheckoutProps;
+    /** User's choice of source asset to fund the checkout operation **/
+    selectedSourceAssetInfo: {
+        address: Address | null;
+        symbol: string | null;
+        chainId: string;
+    };
+    /** Whether the checkout is fastforwarded to confirmation page because the user's funwallet already has sufficient target asset */
+    isFastForwarded: boolean;
+}
+export declare function FunkitCheckoutProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+interface useFunkitPreCheckoutInternalReturn {
+    checkoutItem: null | FunkitActiveCheckoutItem;
+    updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
+    confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
+    getCheckoutDraftDollarValue: () => Promise<void>;
+    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod) => Promise<void>;
+}
+/**
+ * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.
+ */
+export declare const useFunkitPreCheckoutInternal: (checkoutId: string | null) => useFunkitPreCheckoutInternalReturn;
+/**
+ * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
+ */
+export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
+    checkoutHistoryInfo: CheckoutHistoryItem;
+};
+/**
+ * Internal hook to get all post-checkout items
+ */
+export declare const useFunkitAllPostCheckoutsInternal: () => {
+    checkoutHistoryList: CheckoutHistoryItem[];
+    checkoutHistoryStateMap: CheckoutHistoryStateMap;
+    isCheckoutHistoryInited: boolean;
+    isRefreshingCheckoutHistory: boolean;
+    startCheckoutHistoryListener: () => void;
+    stopCheckoutHistoryListener: () => void;
+};
+/**
+ * External hook for user to kickstart a checkout in their app
+ */
+export declare const useFunkitCheckout: (props: useFunkitCheckoutProps) => {
+    beginCheckout: (inputConfig?: useFunkitCheckoutProps['config']) => Promise<void>;
+};
+export {};

package/dist/components/FunkitProvider/FunkitConfigContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface LoginOptions {
+    web2: boolean;
+    web3: boolean;
+}
+export interface FunkitConfig {
+    /** Funkit api key **/
+    apiKey: string;
+    /** Privy app id **/
+    privyAppId: string;
+    /** Login options toggle **/
+    enabledLoginOptions: LoginOptions;
+    /** App name **/
+    appName: string;
+}
+export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
+export declare function useFunkitConfig(): FunkitConfig;
+export {};

package/dist/components/FunkitProvider/FunkitConnectChainContext.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { Chain as WagmiChain } from 'wagmi';
+export interface FunkitConnectChain {
+    id: number;
+    name?: string;
+    iconUrl?: string | (() => Promise<string>) | null;
+    iconBackground?: string;
+}
+export type Chain = WagmiChain & FunkitConnectChain;
+interface FunkitConnectChainProviderProps {
+    chains: FunkitConnectChain[];
+    initialChain?: FunkitConnectChain | number;
+    children: ReactNode;
+}
+export declare function FunkitConnectChainProvider({ chains, children, initialChain, }: FunkitConnectChainProviderProps): React.JSX.Element;
+export declare const useFunkitConnectChains: () => FunkitConnectChain[];
+export declare const useInitialChainId: () => number | undefined;
+export declare const useFunkitConnectChainsById: () => Record<number, FunkitConnectChain>;
+export {};

package/dist/components/FunkitProvider/FunkitProvider.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from 'react';
+import { CreateConfigParameters } from 'wagmi';
+import { Locale } from '../../locales';
+import { FunkitConfig } from './FunkitConfigContext';
+import { FunkitConnectChain } from './FunkitConnectChainContext';
+import { Theme } from './FunkitThemeProvider';
+export interface FunkitProviderProps {
+    chains: FunkitConnectChain[];
+    initialChain?: FunkitConnectChain | number;
+    funkitConfig: FunkitConfig;
+    wagmiConfig: CreateConfigParameters;
+    id?: string;
+    theme?: Theme;
+    locale?: Locale;
+    debug?: boolean | undefined;
+}
+export declare function FunkitProvider(props: PropsWithChildren<FunkitProviderProps>): React.JSX.Element;
+export declare function FunkitProviderInner({ chains, children, id, initialChain, locale, funkitConfig, debug, }: PropsWithChildren<FunkitProviderProps>): React.JSX.Element;

package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts

@@ -0,0 +1,347 @@
+import React from 'react';
+import { ThemeVars } from '../../css/sprinkles.css';
+export declare const defaultTheme: {
+    colors: {
+        accentColor: string;
+        accentColorForeground: string;
+        actionButtonBorder: string;
+        actionButtonBorderMobile: string;
+        actionButtonSecondaryBackground: string;
+        actionButtonDisabled: string;
+        closeButton: string;
+        closeButtonBackground: string;
+        connectButtonBackground: string;
+        connectButtonBackgroundError: string;
+        connectButtonInnerBackground: string;
+        connectButtonText: string;
+        connectButtonTextError: string;
+        connectionIndicator: string;
+        downloadBottomCardBackground: string;
+        downloadTopCardBackground: string;
+        error: string;
+        generalBorder: string;
+        generalBorderDim: string;
+        menuItemBackground: string;
+        modalText: string;
+        modalTextDim: string;
+        modalTextSecondary: string;
+        profileAction: string;
+        profileActionHover: string;
+        profileForeground: string;
+        selectedOptionBorder: string;
+        solidLine: string;
+        rightTranslucentLine: string;
+        leftTranslucentLine: string;
+        standby: string;
+        loadingBase: string;
+        loadingAccent: string;
+        modalBackdrop: string;
+        modalBackground: string;
+        modalBorder: string;
+        notificationPrimary: string;
+        textPrimary: string;
+        textSecondary: string;
+        textTertiary: string;
+        textDisabled: string;
+        textSelection: string;
+        inputFieldPrimary: string;
+        inputFieldPlaceholder: string;
+        inputFieldDisabled: string;
+        strokePrimary: string;
+        strokeSecondary: string;
+        buttonPrimary: string;
+        buttonProcessing: string;
+        buttonDisabled: string;
+        buttonTextPrimary: string;
+        buttonTextSecondary: string;
+        buttonTextDisabled: string;
+        buttonWarning: string;
+        buttonTextWarning: string;
+        transparent: string;
+    };
+    shadows: {
+        connectButton: string;
+        dialog: string;
+        profileDetailsAction: string;
+        selectedOption: string;
+        selectedWallet: string;
+        walletLogo: string;
+    };
+    fonts: {
+        body: string;
+    };
+    radii: {
+        actionButton: string;
+        connectButton: string;
+        menuButton: string;
+        modal: string;
+        modalMobile: string;
+    };
+    blurs: {
+        modalOverlay: string;
+    };
+};
+export declare const ThemeIdContext: React.Context<string | undefined>;
+export declare const createThemeRootProps: (id: string | undefined) => {
+    "data-rk": string;
+};
+export declare const createThemeRootSelector: (id: string | undefined) => string;
+export declare const useThemeRootProps: () => {
+    "data-rk": string;
+};
+export type Theme = ThemeVars | {
+    lightMode: ThemeVars;
+    darkMode: ThemeVars;
+};
+export declare const useActiveTheme: () => {
+    active: {
+        colors: {
+            accentColor: string;
+            accentColorForeground: string;
+            actionButtonBorder: string;
+            actionButtonBorderMobile: string;
+            actionButtonSecondaryBackground: string;
+            actionButtonDisabled: string;
+            closeButton: string;
+            closeButtonBackground: string;
+            connectButtonBackground: string;
+            connectButtonBackgroundError: string;
+            connectButtonInnerBackground: string;
+            connectButtonText: string;
+            connectButtonTextError: string;
+            connectionIndicator: string;
+            downloadBottomCardBackground: string;
+            downloadTopCardBackground: string;
+            error: string;
+            generalBorder: string;
+            generalBorderDim: string;
+            menuItemBackground: string;
+            modalText: string;
+            modalTextDim: string;
+            modalTextSecondary: string;
+            profileAction: string;
+            profileActionHover: string;
+            profileForeground: string;
+            selectedOptionBorder: string;
+            standby: string;
+            solidLine: string;
+            leftTranslucentLine: string;
+            rightTranslucentLine: string;
+            loadingBase: string;
+            loadingAccent: string;
+            modalBackdrop: string;
+            modalBackground: string;
+            modalBorder: string;
+            notificationPrimary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textDisabled: string;
+            textSelection: string;
+            inputFieldPrimary: string;
+            inputFieldPlaceholder: string;
+            inputFieldDisabled: string;
+            strokePrimary: string;
+            strokeSecondary: string;
+            buttonPrimary: string;
+            buttonProcessing: string;
+            buttonDisabled: string;
+            buttonWarning: string;
+            buttonTextWarning: string;
+            buttonTextPrimary: string;
+            buttonTextSecondary: string;
+            buttonTextDisabled: string;
+            transparent: string;
+        };
+        fonts: {
+            body: string;
+        };
+        radii: {
+            actionButton: string;
+            connectButton: string;
+            menuButton: string;
+            modal: string;
+            modalMobile: string;
+        };
+        shadows: {
+            connectButton: string;
+            dialog: string;
+            profileDetailsAction: string;
+            selectedOption: string;
+            selectedWallet: string;
+            walletLogo: string;
+        };
+        blurs: {
+            modalOverlay: string;
+        };
+    };
+    setTheme: (theme: ThemeVars) => void;
+    lightMode: {
+        colors: {
+            accentColor: string;
+            accentColorForeground: string;
+            actionButtonBorder: string;
+            actionButtonBorderMobile: string;
+            actionButtonSecondaryBackground: string;
+            actionButtonDisabled: string;
+            closeButton: string;
+            closeButtonBackground: string;
+            connectButtonBackground: string;
+            connectButtonBackgroundError: string;
+            connectButtonInnerBackground: string;
+            connectButtonText: string;
+            connectButtonTextError: string;
+            connectionIndicator: string;
+            downloadBottomCardBackground: string;
+            downloadTopCardBackground: string;
+            error: string;
+            generalBorder: string;
+            generalBorderDim: string;
+            menuItemBackground: string;
+            modalText: string;
+            modalTextDim: string;
+            modalTextSecondary: string;
+            profileAction: string;
+            profileActionHover: string;
+            profileForeground: string;
+            selectedOptionBorder: string;
+            standby: string;
+            solidLine: string;
+            leftTranslucentLine: string;
+            rightTranslucentLine: string;
+            loadingBase: string;
+            loadingAccent: string;
+            modalBackdrop: string;
+            modalBackground: string;
+            modalBorder: string;
+            notificationPrimary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textDisabled: string;
+            textSelection: string;
+            inputFieldPrimary: string;
+            inputFieldPlaceholder: string;
+            inputFieldDisabled: string;
+            strokePrimary: string;
+            strokeSecondary: string;
+            buttonPrimary: string;
+            buttonProcessing: string;
+            buttonDisabled: string;
+            buttonWarning: string;
+            buttonTextWarning: string;
+            buttonTextPrimary: string;
+            buttonTextSecondary: string;
+            buttonTextDisabled: string;
+            transparent: string;
+        };
+        fonts: {
+            body: string;
+        };
+        radii: {
+            actionButton: string;
+            connectButton: string;
+            menuButton: string;
+            modal: string;
+            modalMobile: string;
+        };
+        shadows: {
+            connectButton: string;
+            dialog: string;
+            profileDetailsAction: string;
+            selectedOption: string;
+            selectedWallet: string;
+            walletLogo: string;
+        };
+        blurs: {
+            modalOverlay: string;
+        };
+    } | null | undefined;
+    darkMode: {
+        colors: {
+            accentColor: string;
+            accentColorForeground: string;
+            actionButtonBorder: string;
+            actionButtonBorderMobile: string;
+            actionButtonSecondaryBackground: string;
+            actionButtonDisabled: string;
+            closeButton: string;
+            closeButtonBackground: string;
+            connectButtonBackground: string;
+            connectButtonBackgroundError: string;
+            connectButtonInnerBackground: string;
+            connectButtonText: string;
+            connectButtonTextError: string;
+            connectionIndicator: string;
+            downloadBottomCardBackground: string;
+            downloadTopCardBackground: string;
+            error: string;
+            generalBorder: string;
+            generalBorderDim: string;
+            menuItemBackground: string;
+            modalText: string;
+            modalTextDim: string;
+            modalTextSecondary: string;
+            profileAction: string;
+            profileActionHover: string;
+            profileForeground: string;
+            selectedOptionBorder: string;
+            standby: string;
+            solidLine: string;
+            leftTranslucentLine: string;
+            rightTranslucentLine: string;
+            loadingBase: string;
+            loadingAccent: string;
+            modalBackdrop: string;
+            modalBackground: string;
+            modalBorder: string;
+            notificationPrimary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textDisabled: string;
+            textSelection: string;
+            inputFieldPrimary: string;
+            inputFieldPlaceholder: string;
+            inputFieldDisabled: string;
+            strokePrimary: string;
+            strokeSecondary: string;
+            buttonPrimary: string;
+            buttonProcessing: string;
+            buttonDisabled: string;
+            buttonWarning: string;
+            buttonTextWarning: string;
+            buttonTextPrimary: string;
+            buttonTextSecondary: string;
+            buttonTextDisabled: string;
+            transparent: string;
+        };
+        fonts: {
+            body: string;
+        };
+        radii: {
+            actionButton: string;
+            connectButton: string;
+            menuButton: string;
+            modal: string;
+            modalMobile: string;
+        };
+        shadows: {
+            connectButton: string;
+            dialog: string;
+            profileDetailsAction: string;
+            selectedOption: string;
+            selectedWallet: string;
+            walletLogo: string;
+        };
+        blurs: {
+            modalOverlay: string;
+        };
+    } | null | undefined;
+    toggleTheme: () => void;
+};
+export interface FunkitThemeProps {
+    children: React.ReactNode;
+    theme?: Theme;
+}
+export declare const FunkitThemeProvider: ({ children, theme, }: FunkitThemeProps) => React.JSX.Element;

package/dist/components/FunkitProvider/GeneralWalletProvider.d.ts

@@ -0,0 +1,19 @@
+import { Auth, FunWallet } from '@funkit/core';
+import React from 'react';
+type GeneralWalletAssets = null | {
+    [x: string]: any;
+};
+interface GeneralWalletContextProps {
+    walletAddress: string;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    isFetchingAssets: boolean;
+    walletAssets: GeneralWalletAssets;
+    startAssetsListener: () => void;
+    stopAssetsListener: () => void;
+    funWallet: FunWallet | null;
+    funWalletAuth: Auth | null;
+}
+export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
+export declare const useGeneralWallet: () => GeneralWalletContextProps;
+export {};

package/dist/components/FunkitProvider/I18nContext.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { Locale } from '../../locales';
+export declare const I18nContext: React.Context<import("i18n-js").I18n>;
+interface I18nProviderProps {
+    children: ReactNode;
+    locale?: Locale;
+}
+export declare const I18nProvider: ({ children, locale }: I18nProviderProps) => React.JSX.Element;
+export {};