use-frontbacked 5.0.1

package/dist/esm/types/src/components/PayFlow/hooks/useSdkConfig.d.ts

@@ -0,0 +1,10 @@
+import { SdkConfig } from '../types';
+import { Config } from '../../../theme.type';
+declare global {
+    interface Window {
+        fetchPromise: Promise<SdkConfig | null> | null;
+        sdkConfigCache: SdkConfig | null;
+    }
+}
+declare const useSdkConfig: (appConfig: Config) => SdkConfig | null | undefined;
+export default useSdkConfig;

package/dist/esm/types/src/components/PayFlow/hooks/useServerBalanceUpdate.d.ts

@@ -0,0 +1,4 @@
+import { PriceData, UseBalanceUpdateResult } from "../types";
+import { Config } from "../../../theme.type";
+declare const useServerBalanceUpdate: (config: Config, priceData?: PriceData) => UseBalanceUpdateResult;
+export default useServerBalanceUpdate;

package/dist/esm/types/src/components/PayFlow/hooks/useTools/index.d.ts

@@ -0,0 +1,14 @@
+import { ToolsData } from "./types";
+import { Config } from "../../../../theme.type";
+declare global {
+    interface Window {
+        toolsFetchPromise: Promise<ToolsData | null> | null;
+        toolsCache: ToolsData | null;
+    }
+}
+export interface UseToolsResult extends ToolsData {
+    loading: boolean;
+    error: string | null;
+}
+declare const useTools: (config: Config) => UseToolsResult;
+export default useTools;

package/dist/esm/types/src/components/PayFlow/hooks/useTools/types.d.ts

@@ -0,0 +1,62 @@
+import { Timestamp } from "firebase/firestore";
+export interface StaticTool {
+    id: string;
+    siteUrl: string;
+    mobileVideoUrl?: string | null;
+    is_static: true;
+    desktopVideoUrl?: string | null;
+    name: string;
+    isActive: boolean;
+    isHidden: boolean;
+    create_price: number;
+    create_price_discount: number;
+    update_price: number;
+    allow_freemium: boolean;
+    create_price_is_monthly: boolean;
+    yearly_price?: number;
+    quarterly_price?: number;
+    rank: number;
+    siteLogoUrl?: string | null;
+    icon?: string;
+}
+export interface DynamicTool {
+    id: string;
+    authorId: string;
+    createdAt: Timestamp;
+    icon: string;
+    allow_freemium: boolean;
+    update_price: number;
+    is_static: boolean;
+    isActive: boolean;
+    is_freemium: boolean;
+    name: string;
+    description: string;
+    create_price: number;
+    isHidden: boolean;
+    youtube: string;
+    templates_url: string;
+    updatedAt: Timestamp;
+    templates: DynamicTemplate[];
+}
+export interface DynamicTemplate {
+    id: string;
+    name: string;
+    logo: string;
+    data_url: string;
+    is_default?: boolean;
+    split_on_download?: boolean;
+    thumbnail: string;
+}
+export interface ToolsData {
+    totalUpdates?: number;
+    lastUpdatedOn?: string;
+    previouslyUpdatedOn?: string;
+    tools?: (StaticTool | DynamicTool)[];
+    toolsById?: {
+        [x: string]: DynamicTool;
+    } | null;
+    toolsByTemplatesUrl?: {
+        [x: string]: DynamicTool;
+    } | null;
+    getTool: (toolId: string) => DynamicTool | null;
+}

package/dist/esm/types/src/components/PayFlow/hooks/useTools/utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Removes a specific query string parameter from a URL.
+ * @param {string} url - The original URL.
+ * @param {string} queryString - The query string parameter to remove.
+ * @returns {string} - The updated URL without the specified query string parameter.
+ */
+export declare function removeQueryString(url: string, queryString: string): string;
+/**
+ * Converts an array of objects to a map using a specified attribute as the key.
+ *
+ * @param {Array<Object>} arr - The array of objects to be converted.
+ * @param {string} attr - The attribute to use as the key for the mapping.
+ * @returns {Object} - An object mapping each unique attribute value to its corresponding item.
+ */
+export declare function arrayToMap(attr: string, arr: {
+    [x: string]: any;
+}[], keyParser?: (key: string) => string): {
+    [x: string]: {
+        [x: string]: any;
+    };
+};
+export declare function removeUpdateQueryString(url: string): string;
+export declare const rmUpdates: (url: string) => any;

package/dist/esm/types/src/components/PayFlow/hooks/useWalletListener.d.ts

@@ -0,0 +1,4 @@
+import { AllCoinsBalanceInfo, PriceData } from '../types';
+import { Config } from '../../../theme.type';
+declare const useWalletListener: (serverTotalBalanceInUsd: number, priceData: PriceData, config: Config, disableBlockchainPoll?: boolean) => AllCoinsBalanceInfo;
+export default useWalletListener;

package/dist/esm/types/src/components/PayFlow/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { AllCoinsBalanceInfo, PriceData, SaltBalanceConfirmation, Vendor } from './types';
+import { Config } from '../../theme.type';
+export interface PayFlow {
+    show: boolean;
+    payAmount: number | null | undefined;
+    walletListenerResult: AllCoinsBalanceInfo;
+    priceData: PriceData;
+    vendors?: Vendor[] | null;
+    minDeposit: number;
+    minVendorDeposit: number;
+    onSuccess: (latestDeposit: SaltBalanceConfirmation) => void;
+    onClose: () => void;
+    config: Config;
+    isDarkMode?: boolean;
+    contactLink?: string | null;
+}
+declare const PayFlow: React.FC<PayFlow>;
+export default PayFlow;

package/dist/esm/types/src/components/PayFlow/types.d.ts

@@ -0,0 +1,214 @@
+import { User } from "firebase/auth";
+export interface Doc {
+    [x: string]: any;
+}
+export interface Router {
+    push: (url: string) => void;
+}
+export interface DownloadTypeProps {
+    toolVersionCode?: number;
+    title?: string;
+    removeFreemiumBeforeUpdate?: boolean;
+    toolId?: string;
+    freeTitle?: string;
+    freeMessage?: string;
+    paidTitle?: string;
+    paidMessage?: string;
+    updateMessage?: string;
+    renewSubscription?: boolean;
+    isFreemium?: boolean;
+}
+export interface DocRules {
+    allow_freemium: boolean;
+    create_price: number;
+    update_price: number;
+    create_price_is_monthly?: boolean;
+    yearly_price?: number;
+    quarterly_price?: number;
+    x?: string[];
+}
+export interface SubscriptionType {
+    monthly: "monthly";
+    quarterly: "quarterly";
+    yearly: "yearly";
+}
+export declare const SUSCRIPTION_TYPES: SubscriptionType;
+export interface DownloadTypeResult extends DocRules {
+    is_freemium: boolean;
+    is_create: boolean;
+    subscription_type?: "monthly" | "quarterly" | "yearly";
+    cost: number;
+}
+export interface Tool extends DocRules {
+    id: string;
+    isActive: boolean;
+    isHidden: boolean;
+    siteLogoUrl: string;
+    siteUrl: string;
+    desktopVideoUrl: string | null;
+    mobileVideoUrl: string | null;
+    is_static?: boolean | null;
+    allowFreemium?: boolean | null;
+    createPrice?: number | null;
+    description?: string | null;
+    icon?: string | null;
+    name: string;
+    templates_url?: string | null;
+    updatePrice?: number | null;
+    youtube?: string | null;
+}
+export interface Vendor {
+    name: string;
+    number: string;
+    freq: number;
+}
+export interface SdkConfig {
+    app_version_code: number;
+    ttl_days: number;
+    valid_till: number;
+    min_deposit: number;
+    min_vendor_deposit: number;
+    parent_site_home: string;
+    contact_link: string;
+    group_link: string;
+    group_links: string[];
+    aff_pct: number;
+    tools: Tool[];
+    vendors: Vendor[];
+}
+export interface Coins {
+    [x: string]: {
+        coingecko_price_key: string;
+        disabled: boolean;
+        key: string;
+        symbol: string;
+        decimals: number;
+        requiredConfirmations: number;
+        priority: number;
+        name: string;
+        depositWarning: string;
+        secondsPerBlock: number;
+        logo: string;
+        abiData: {
+            rpcUrl: string;
+            chainId: number;
+            address: string;
+            abi: {}[];
+            [x: string]: any;
+        };
+    };
+}
+export interface UseBalanceUpdateResult {
+    usdBalance: number;
+    balanceUpdating: boolean;
+    referralEarnings: number;
+    bnbPaymentAddress: string | null;
+    bnbTestnetPaymentAddress: string | null;
+    updatePaymentAddress: (address: string, chainCoin: string, user?: User | null) => Promise<void>;
+    syncConfirmedBalance: (coinsInfo: {
+        [x: string]: BigInt;
+    }) => void;
+    transferCredit: (recipientEmail: string, amount: number, user?: User | null) => Promise<void>;
+}
+export interface BalanceDoc {
+    usd_balance: number;
+    referral_earnings: number;
+    bnb_payment_address: string | null;
+    bnb_testnet_payment_address: string | null;
+    referred_by: string | null;
+    [coinXReferralEarnings: string]: any;
+}
+export interface PriceData {
+    [coinPrice: string]: number;
+}
+export interface Balance {
+    loading: boolean;
+    ethWallet: string | null | undefined;
+    ethWalletContracted: boolean;
+    bnbWallet: string | null | undefined;
+    bnbWalletContracted: boolean;
+    ethBalance: number;
+    ethBalanceInUsd: number;
+    bnbBalance: number;
+    bnbBalanceInUsd: number;
+    ethBalancePending: number;
+    ethBalancePendingInUsd: number;
+    bnbBalancePending: number;
+    bnbBalancePendingInUsd: number;
+    balanceInUsd: number;
+    balancePendingInUsd: number;
+}
+export interface SaltBalanceInfo {
+    salt: string;
+    paddedSalt: string;
+    wallet: string;
+    isCreated: boolean;
+    balance: BigInt;
+    blockNumber: number | string;
+}
+export interface SaltBalanceConfirmation extends SaltBalanceInfo {
+    depositedAmount: BigInt;
+    depositedAmountInCoin: number;
+    remainingConfirmations: number;
+    requiredConfirmations: number;
+    coin: string;
+    depositedAmountInUsd: number;
+}
+export interface BalanceInfo {
+    hasError: boolean;
+    confirmedDepositsBalance: BigInt;
+    confirmedDepositsBalanceInCoin: number;
+    unconfirmedDepositsBalance: BigInt;
+    unconfirmedDepositsBalanceInCoin: number;
+    unconfirmedDeposits: SaltBalanceConfirmation[];
+    latestDeposit: SaltBalanceConfirmation | null | undefined;
+    salt: string | null | undefined;
+    paddedSalt: string | null | undefined;
+    wallet: string | null | undefined;
+    walletCreated: boolean;
+    confirmedDepositsBalanceInUsd: number;
+    unconfirmedDepositsBalanceInUsd: number;
+}
+export interface AllCoinsBalanceInfo {
+    hasErrorBnbTest: boolean;
+    confirmedDepositsBalanceBnbTest: BigInt;
+    confirmedDepositsBalanceInCoinBnbTest: number;
+    unconfirmedDepositsBalanceBnbTest: BigInt;
+    unconfirmedDepositsBalanceInCoinBnbTest: number;
+    unconfirmedDepositsBnbTest: SaltBalanceConfirmation[];
+    latestDepositBnbTest: SaltBalanceConfirmation | null | undefined;
+    saltBnbTest: string | null | undefined;
+    paddedSaltBnbTest: string | null | undefined;
+    walletBnbTest: string | null | undefined;
+    walletCreatedBnbTest: boolean;
+    confirmedDepositsBalanceInUsdBnbTest: number;
+    unconfirmedDepositsBalanceInUsdBnbTest: number;
+    hasErrorBnb: boolean;
+    confirmedDepositsBalanceBnb: BigInt;
+    confirmedDepositsBalanceInCoinBnb: number;
+    unconfirmedDepositsBalanceBnb: BigInt;
+    unconfirmedDepositsBalanceInCoinBnb: number;
+    unconfirmedDepositsBnb: SaltBalanceConfirmation[];
+    latestDepositBnb: SaltBalanceConfirmation | null | undefined;
+    saltBnb: string | null | undefined;
+    paddedSaltBnb: string | null | undefined;
+    walletBnb: string | null | undefined;
+    walletCreatedBnb: boolean;
+    confirmedDepositsBalanceInUsdBnb: number;
+    unconfirmedDepositsBalanceInUsdBnb: number;
+    hasErrorEth: boolean;
+    confirmedDepositsBalanceEth: BigInt;
+    confirmedDepositsBalanceInCoinEth: number;
+    unconfirmedDepositsBalanceEth: BigInt;
+    unconfirmedDepositsBalanceInCoinEth: number;
+    unconfirmedDepositsEth: SaltBalanceConfirmation[];
+    latestDepositEth: SaltBalanceConfirmation | null | undefined;
+    saltEth: string | null | undefined;
+    paddedSaltEth: string | null | undefined;
+    walletEth: string | null | undefined;
+    walletCreatedEth: boolean;
+    confirmedDepositsBalanceInUsdEth: number;
+    unconfirmedDepositsBalanceInUsdEth: number;
+    balanceInUsd: number;
+    balancePendingInUsd: number;
+}

package/dist/esm/types/src/components/PaymentRequest/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { User } from "firebase/auth";
+import { Config } from "../../theme.type";
+interface PaymentRequest {
+    currentPaymentAddress: string | null;
+    config: Config;
+    updatePaymentAddress: (address: string, chainCoin: string, user?: User | null) => Promise<void>;
+    onClose: () => void;
+    isDarkMode?: boolean;
+}
+declare const PaymentRequest: React.FC<PaymentRequest>;
+export default PaymentRequest;

package/dist/esm/types/src/components/SdkProvider/index.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { User } from 'firebase/auth';
+import { AuthResource } from '../Firebase/data.type';
+import { DownloadTypeProps, DownloadTypeResult, SaltBalanceConfirmation, SdkConfig } from '../PayFlow/types';
+import useSdkConfig from '../PayFlow/hooks/useSdkConfig';
+import { Config } from '../../theme.type';
+import useTools, { UseToolsResult } from '../PayFlow/hooks/useTools';
+import { StaticTool, DynamicTool, DynamicTemplate, ToolsData } from "../PayFlow/hooks/useTools/types";
+import { rmUpdates } from '../PayFlow/hooks/useTools/utils';
+import useReferralId from '../PayFlow/hooks/useReferralId';
+export { rmUpdates };
+export interface SdkProviderProps {
+    children: any;
+    config: Config;
+    enableLog?: boolean;
+    isDarkMode?: boolean;
+    disableBlockchainPoll?: boolean;
+}
+export type { StaticTool, DynamicTool, DynamicTemplate, ToolsData, UseToolsResult };
+interface DocSaveResult {
+    docId: string;
+    totalFieldsUpdated: number;
+}
+export interface SoftBakerResourceProps extends AuthResource {
+    signIn: (signInTitle: string | null | undefined, signUpTitle: string | null | undefined) => Promise<User>;
+    signOut: () => Promise<void>;
+    createDoc: (documentId: string | null, document: {
+        [x: string]: any;
+    }, user?: User | null, staticToolCollection?: string | null, dynamicToolId?: string | null) => Promise<DocSaveResult>;
+    updateDoc: (documentId: string | null, document: {
+        [x: string]: any;
+    }, staticToolCollection?: string | null, dynamicToolId?: string | null) => Promise<DocSaveResult>;
+    deposit: (amount: number, signInTitle: string | null | undefined, signUpTitle: string | null | undefined) => Promise<SaltBalanceConfirmation>;
+    showWallet: (depositAmount: number) => void;
+    sdkConfig?: SdkConfig | null;
+    contact_link: string | null | undefined;
+    group_link: string | null | undefined;
+    group_links: string[] | null | undefined;
+    parent_site_home: string | null | undefined;
+    aff_pct: number | null | undefined;
+    balanceInUsd: 0;
+    balancePendingInUsd: 0;
+    unconfirmedDepositsCount: 0;
+    downloadSvgAsImage: (svgString: string, format: 'png' | 'jpeg', fileName: string) => Promise<string>;
+    getDownloadType: (downloadTypeProps: DownloadTypeProps) => Promise<DownloadTypeResult>;
+    saveToStoreFrameCookie: (key: string, value: string) => Promise<void>;
+    saveToStoreFrameLocalStorage: (key: string, value: string) => Promise<void>;
+    saveToStoreFrameSessionStorage: (key: string, value: string) => Promise<void>;
+    getFromStoreFrameCookie: (key: string) => Promise<any>;
+    getFromStoreFrameLocalStorage: (key: string) => Promise<any>;
+    getFromStoreFrameSessionStorage: (key: string) => Promise<any>;
+}
+declare const SdkProvider: React.FC<SdkProviderProps>;
+declare function useFrontbacked(): SoftBakerResourceProps;
+export { SdkProvider, useFrontbacked, useSdkConfig, useTools, useReferralId };

package/dist/esm/types/src/components/WalletTracker/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { AllCoinsBalanceInfo, SaltBalanceConfirmation } from '../PayFlow/types';
+import { Config } from '../../theme.type';
+interface WalletTracker {
+    affPct?: number;
+    walletListenerResult: AllCoinsBalanceInfo;
+    defaultDepositAmount: number;
+    balanceUpdating: boolean;
+    referralEarnings: number;
+    config: Config;
+    requestPayment: () => Promise<void>;
+    currentPaymentAddress?: string | null;
+    onClose: () => void;
+    deposit: (amount: number, signInTitle?: string | null, signUpTitle?: string | null) => Promise<SaltBalanceConfirmation>;
+    sell: (signInTitle?: string | null, signUpTitle?: string | null) => void;
+    isDarkMode?: boolean;
+}
+declare const WalletTracker: React.FC<WalletTracker>;
+export default WalletTracker;

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

@@ -0,0 +1,2 @@
+export { SdkProvider, useFrontbacked, useTools, useSdkConfig, rmUpdates, useReferralId } from "./SdkProvider";
+export type { StaticTool, DynamicTool, DynamicTemplate, ToolsData, UseToolsResult } from "./SdkProvider";

package/dist/esm/types/src/components/widgets/AppButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ResponsiveValue } from "@chakra-ui/react";
+interface AppButtonProps {
+    as?: any;
+    children?: any;
+    variant?: ResponsiveValue<any>;
+    bgColor?: ResponsiveValue<any>;
+    outlineColor?: ResponsiveValue<any>;
+    leftIcon?: ResponsiveValue<any>;
+    rightIcon?: ResponsiveValue<any>;
+    loading?: boolean;
+    disabled?: boolean;
+    onClick?: (e: any) => void;
+    [x: string]: any;
+}
+declare const AppButton: React.FC<AppButtonProps>;
+export default AppButton;

package/dist/esm/types/src/components/widgets/CopyView.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface TypesInf {
+    text?: number;
+    address?: number;
+    refCode?: number;
+    link?: number;
+    shillText?: number;
+    refLink?: number;
+    phone?: number;
+}
+interface CopyViewProps {
+    as?: any;
+    textToCopy?: string;
+    children?: any;
+    type?: number;
+    copyType?: number;
+    maxChars?: number;
+    onCopyMessage?: string;
+    [x: string]: any;
+}
+declare const CopyView: React.FC<CopyViewProps> & {
+    Types: TypesInf;
+};
+export default CopyView;

package/dist/esm/types/src/components/widgets/DrawerPop/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface DrawerPopProps {
+    bg?: any;
+    color?: any;
+    h?: any;
+    height?: any;
+    w?: any;
+    width?: any;
+    maxH?: any;
+    maxHeight?: any;
+    maxW?: any;
+    maxWidth?: any;
+    children: any;
+    placement?: any;
+    onClose?: () => void;
+    isOpen: boolean;
+    isClosable?: boolean;
+    closeOnOverlayClick?: boolean;
+    title?: any;
+    footer?: any;
+    hideModeSwitch?: boolean;
+    [x: string]: any;
+}
+declare const DrawerPop: React.FC<DrawerPopProps>;
+export default DrawerPop;

package/dist/esm/types/src/components/widgets/InfoLabel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ResponsiveValue } from "@chakra-ui/react";
+interface InfoLabelProps {
+    children?: any;
+    as?: any;
+    info?: string | string[];
+    textTransform?: ResponsiveValue<any>;
+    [x: string]: any;
+}
+declare const InfoLabel: React.FC<InfoLabelProps>;
+export default InfoLabel;

package/dist/esm/types/src/components/widgets/InputBox/index.d.ts

@@ -0,0 +1,94 @@
+import React from 'react';
+import { ResponsiveValue } from '@chakra-ui/react';
+export declare const TYPES: {
+    text: string;
+    email: string;
+    number: string;
+    range: string;
+    date: string;
+    phone: string;
+    password: string;
+    select: string;
+    select_tree: string;
+    textarea: string;
+    checkbox: string;
+    checklist: string;
+    radio: string;
+    none: string;
+    location: string;
+    price: string;
+};
+export interface PhoneValue {
+    number: string;
+    countryCode?: string;
+    currencyCode?: string;
+    dialingCode?: string;
+}
+export interface LocationValue {
+    name?: string;
+    address?: string;
+    position?: {
+        lat: number;
+        lng: number;
+    };
+}
+export interface RangeValue {
+    min: number;
+    max: number;
+}
+interface InputBoxProps {
+    key?: string;
+    id?: string;
+    title?: string | any[];
+    name?: string;
+    type?: string;
+    locale?: string;
+    value?: string | any[] | number | RangeValue | PhoneValue | LocationValue | boolean | any;
+    onFocus?: (value: any) => void;
+    onChange?: (value: any) => void;
+    onCheckInfo?: (value: any) => {
+        waitTime: number;
+        checker: (currentValue: any) => Promise<boolean>;
+    };
+    onKeyDown?: (e?: any) => void;
+    errorMessage?: string | any[];
+    helperText?: string | any[] | any | undefined;
+    info?: string | any[];
+    placeholder?: string | any[] | undefined;
+    textTransform?: ResponsiveValue<any>;
+    options?: any[];
+    onOptionValue?: (option: any, index?: number) => string | number | any[];
+    onOptionName?: (option: any, index?: number) => string | any[] | JSX.Element;
+    defaultCountry?: string;
+    phoneSelectBg?: string;
+    phoneSelectColor?: string;
+    numberDecimals?: number;
+    hasNegOverflow?: boolean;
+    numberUnit?: any;
+    iconLeft?: any;
+    iconRight?: any;
+    disableCalendar?: boolean;
+    disableClock?: boolean;
+    dateFormat?: string;
+    direction?: ResponsiveValue<any>;
+    maxTextLimit?: number;
+    resize?: ResponsiveValue<any>;
+    /**Range props */
+    rangeMinPlaceholder?: string;
+    rangeMaxPlaceholder?: string;
+    minTitle?: string | any[];
+    maxTitle?: string | any[];
+    disabled?: boolean;
+    apiKey?: string;
+    mapToSearchRatio?: number;
+    twoDigitCountryCode?: string;
+    inputRef?: any;
+    defaultLatlng?: {
+        lat: number;
+        lng: number;
+    } | undefined;
+    geotype?: string;
+    [x: string]: any;
+}
+declare const _default: React.NamedExoticComponent<InputBoxProps>;
+export default _default;

package/dist/esm/types/src/components/widgets/InputBox/utils.d.ts

@@ -0,0 +1 @@
+export declare const arraysEqual: (array1: any[], array2: any[]) => boolean;

package/dist/esm/types/src/components/widgets/Link.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LinkProps {
+    children: any;
+    disabled?: boolean | null | undefined;
+    onClick?: (e: any) => void | null | undefined;
+    [x: string]: any;
+}
+declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/esm/types/src/components/widgets/Loading.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+interface TYPES_PROPS {
+    audio: string;
+    bars: string;
+    ballTrinagle: string;
+    circles: string;
+    grid: string;
+    hearts: string;
+    oval: string;
+    puff: string;
+    rings: string;
+    tailSpin: string;
+    threeDots: string;
+    RotatingLines: string;
+    Dna: string;
+}
+interface LoadingProps {
+    type?: string;
+    [x: string]: any;
+}
+declare const Loading: {
+    type?: string;
+    [x: string]: any;
+} & {
+    TYPES: TYPES_PROPS;
+} & React.FC<LoadingProps>;
+export default Loading;