@pipedream/connect-react 1.6.0 → 2.1.0

package/dist/connect-react.umd.d.ts

@@ -1,44 +1,40 @@
 import { Account } from '@pipedream/sdk';
 import { App } from '@pipedream/sdk';
-import { App as App_2 } from '@pipedream/sdk/browser';
-import { AppResponse } from '@pipedream/sdk';
-import { BrowserClient } from '@pipedream/sdk/browser';
+import { AppsListRequest } from '@pipedream/sdk';
 import { ClassNamesConfig } from 'react-select';
-import { Component } from 'react';
+import { Component } from '@pipedream/sdk';
+import { Component as Component_2 } from 'react';
 import { ComponentProps } from 'react';
-import { ComponentRequestResponse } from '@pipedream/sdk';
+import { ComponentsListRequest } from '@pipedream/sdk';
 import { ConfigurableProp } from '@pipedream/sdk';
 import { ConfigurablePropAlert } from '@pipedream/sdk';
 import { ConfigurablePropApp } from '@pipedream/sdk';
+import { ConfigurablePropBoolean } from '@pipedream/sdk';
 import { ConfigurableProps } from '@pipedream/sdk';
 import { ConfiguredProps } from '@pipedream/sdk';
 import { Context } from 'react';
 import { CSSProperties } from 'react';
+import { DynamicProps as DynamicProps_2 } from '@pipedream/sdk';
 import { FC } from 'react';
 import { FetchStatus } from '@tanstack/query-core';
-import { GetAccountOpts } from '@pipedream/sdk';
-import { GetAccountsResponse } from '@pipedream/sdk';
 import { GetAppResponse } from '@pipedream/sdk';
-import { GetAppsOpts } from '@pipedream/sdk';
-import { GetAppsResponse } from '@pipedream/sdk/browser';
 import { GetComponentResponse } from '@pipedream/sdk';
-import { GetComponentsOpts } from '@pipedream/sdk';
-import { GetComponentsResponse } from '@pipedream/sdk/browser';
 import { GroupBase } from 'react-select';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
+import { PipedreamClient } from '@pipedream/sdk/browser';
+import { PropOption } from '@pipedream/sdk';
+import { PropOptionValue } from '@pipedream/sdk';
 import { Props } from 'react-select';
 import { PropValue } from '@pipedream/sdk';
 import { QueryObserverResult } from '@tanstack/query-core';
 import { ReactNode } from 'react';
 import { RefetchOptions } from '@tanstack/query-core';
-import { ReloadComponentPropsResponse } from '@pipedream/sdk';
 import { SelectComponentsConfig } from 'react-select';
 import { StylesConfig } from 'react-select';
 import { Theme as Theme_2 } from 'react-select';
 import { UseQueryOptions } from '@tanstack/react-query';
-import { V1Component } from '@pipedream/sdk';
-import { V1Component as V1Component_2 } from '@pipedream/sdk/browser';
+import { UseQueryResult } from '@tanstack/react-query';
 
 export declare function Alert({ prop }: AlertProps): JSX_2.Element;
 
@@ -46,6 +42,10 @@ declare type AlertProps = {
     prop: ConfigurablePropAlert;
 };
 
+export declare type AnyFormFieldContext = Omit<FormFieldContext<ConfigurableProp>, "onChange"> & {
+    onChange: (value: unknown) => void;
+};
+
 export declare type BaseReactSelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     styles?: StylesConfig<Option, IsMulti, Group>;
@@ -98,13 +98,13 @@ declare type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps
      * @deprecated Use `externalUserId` instead.
      */
     userId?: string;
-    component: V1Component<T>;
+    component: Component;
     configuredProps?: U;
     disableQueryDisabling?: boolean;
     propNames?: string[];
     onSubmit?: (ctx: FormContext<T>) => void | Promise<void>;
     onUpdateConfiguredProps?: (v: U) => void;
-    onUpdateDynamicProps?: (dp: DynamicProps) => void;
+    onUpdateDynamicProps?: (dp: DynamicProps_2) => void;
     hideOptionalProps?: boolean;
     sdkResponse?: U;
     enableDebugging?: boolean;
@@ -147,9 +147,9 @@ declare type ControlProps<T extends ConfigurableProps, U extends ConfigurablePro
     form: FormContext<T>;
 };
 
-export declare function ControlSelect<T>({ isCreatable, options, selectProps, showLoadMoreButton, onLoadMore, components: componentsOverride, }: ControlSelectProps<T>): JSX_2.Element;
+export declare function ControlSelect<T extends PropOptionValue>({ isCreatable, options, selectProps, showLoadMoreButton, onLoadMore, components: componentsOverride, }: ControlSelectProps<T>): JSX_2.Element;
 
-declare type ControlSelectProps<T> = {
+declare type ControlSelectProps<T extends PropOptionValue> = {
     isCreatable?: boolean;
     options: LabelValueOption<T>[];
     selectProps?: Props<LabelValueOption<T>, boolean>;
@@ -184,11 +184,11 @@ export declare type CustomComponentsConfig<T, U extends boolean, V extends Group
 
 export declare type CustomizableProps = {
     componentForm: ComponentProps<typeof ComponentForm>;
-    connectButton: ComponentProps<typeof ControlApp> & FormFieldContext<ConfigurableProp>;
+    connectButton: ComponentProps<typeof ControlApp> & FormFieldContext<ConfigurablePropApp>;
     controlAny: ComponentProps<typeof ControlAny> & FormFieldContext<ConfigurableProp>;
-    controlApp: ComponentProps<typeof ControlApp> & FormFieldContext<ConfigurableProp>;
+    controlApp: ComponentProps<typeof ControlApp> & FormFieldContext<ConfigurablePropApp>;
     controlArray: ComponentProps<typeof ControlArray> & FormFieldContext<ConfigurableProp>;
-    controlBoolean: ComponentProps<typeof ControlBoolean> & FormFieldContext<ConfigurableProp>;
+    controlBoolean: ComponentProps<typeof ControlBoolean> & FormFieldContext<ConfigurablePropBoolean>;
     controlInput: ComponentProps<typeof ControlInput> & FormFieldContext<ConfigurableProp>;
     controlObject: ComponentProps<typeof ControlObject> & FormFieldContext<ConfigurableProp>;
     controlSql: ComponentProps<typeof ControlSql> & FormFieldContext<ConfigurableProp>;
@@ -277,9 +277,16 @@ declare type DescriptionProps<T extends ConfigurableProps, U extends Configurabl
     form: FormContext<T>;
 };
 
-declare type DynamicProps = ReloadComponentPropsResponse["dynamicProps"];
+/**
+ * Auxiliary type to avoid breaking the generic chain given that `DynamicProps`
+ * in the SDK is not generic. This prevents us from doing double casting and
+ * destroying type information (i.e. `as unknown as T`).
+ */
+declare interface DynamicProps<T extends ConfigurableProps = ConfigurableProps> extends Omit<DynamicProps_2, "configurableProps"> {
+    configurableProps?: T;
+}
 
-export declare class ErrorBoundary extends Component<Props_2> {
+export declare class ErrorBoundary extends Component_2<Props_2> {
     state: {
         err: undefined;
     };
@@ -309,14 +316,14 @@ declare type FieldProps<T extends ConfigurableProp> = {
 };
 
 export declare type FormContext<T extends ConfigurableProps> = {
-    component: V1Component<T>;
+    component: Component;
     configurableProps: T;
     configuredProps: ConfiguredProps<T>;
-    dynamicProps?: DynamicProps;
+    dynamicProps?: DynamicProps<T>;
     dynamicPropsQueryIsFetching?: boolean;
     errors: Record<string, string[]>;
     sdkErrors: SdkError[];
-    fields: Record<string, FormFieldContext<ConfigurableProp>>;
+    fields: Record<string, AnyFormFieldContext>;
     id: string;
     isValid: boolean;
     optionalPropIsEnabled: (prop: ConfigurableProp) => boolean;
@@ -366,7 +373,7 @@ export declare const FrontendClientProvider: FC<FrontendClientProviderProps>;
 
 declare type FrontendClientProviderProps = {
     children: ReactNode;
-    client: BrowserClient;
+    client: PipedreamClient;
 };
 
 export declare function getReactSelectTheme(theme: CustomThemeConfig | undefined): Theme_2;
@@ -377,15 +384,14 @@ export declare function InternalField<T extends ConfigurableProp>({ prop, idx, }
 
 export declare function Label<T extends ConfigurableProps, U extends ConfigurableProp>(props: LabelProps<T, U>): JSX_2.Element;
 
-declare type LabelProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
+export declare type LabelProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
     text: string;
     field: FormFieldContext<U>;
     form: FormContext<T>;
 };
 
-declare type LabelValueOption<T> = {
-    label: string;
-    value: T;
+declare type LabelValueOption<T extends PropOptionValue = PropOptionValue> = Omit<PropOption, "value"> & {
+    value?: T;
 };
 
 declare const LoadMoreButton: (props: ButtonProps) => JSX_2.Element;
@@ -431,27 +437,27 @@ declare type SdkError = {
 export declare function SelectApp({ value, onChange, appsOptions, }: SelectAppProps): JSX_2.Element;
 
 declare type SelectAppProps = {
-    value?: Partial<AppResponse> & {
-        name_slug: string;
+    value?: Partial<App> & {
+        nameSlug: string;
     };
-    onChange?: (app?: AppResponse) => void;
+    onChange?: (app?: App) => void;
     /**
      * Additional options for fetching apps (sorting, filtering, etc.)
      */
-    appsOptions?: Omit<GetAppsOpts, "q">;
+    appsOptions?: Omit<AppsListRequest, "q">;
 };
 
 export declare function SelectComponent({ app, componentType, value, onChange, }: SelectComponentProps): JSX_2.Element;
 
 declare type SelectComponentProps = {
-    app?: Partial<AppResponse> & {
-        name_slug: string;
+    app?: Partial<App> & {
+        nameSlug: string;
     };
     componentType?: "action" | "trigger";
-    value?: Partial<V1Component> & {
+    value?: Partial<Component> & {
         key: string;
     };
-    onChange?: (component?: V1Component) => void;
+    onChange?: (component?: Component) => void;
 };
 
 export declare type Shadows = {
@@ -481,11 +487,17 @@ export declare const unstyledTheme: Theme;
 /**
  * Retrieves the list of accounts associated with the project.
  */
-export declare const useAccounts: (input: GetAccountOpts, opts?: {
-    useQueryOpts?: Omit<UseQueryOptions<GetAccountsResponse>, "queryKey" | "queryFn">;
+export declare const useAccounts: (input: {
+    external_user_id?: string;
+    app?: string;
+    oauth_app_id?: string;
+}, opts?: {
+    useQueryOpts?: (Omit<UseQueryOptions<Account[]>, "queryKey" | "queryFn"> & {
+        suspense?: boolean;
+    });
 }) => {
     accounts: Account[];
-    data: GetAccountsResponse;
+    data: Account[];
     error: Error;
     isError: true;
     isPending: false;
@@ -507,12 +519,12 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAccountsResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<GetAccountsResponse>;
+    promise: Promise<Account[]>;
 } | {
     accounts: Account[];
-    data: GetAccountsResponse;
+    data: Account[];
     error: null;
     isError: false;
     isPending: false;
@@ -534,9 +546,9 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAccountsResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<GetAccountsResponse>;
+    promise: Promise<Account[]>;
 } | {
     accounts: Account[];
     data: undefined;
@@ -561,9 +573,9 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAccountsResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<GetAccountsResponse>;
+    promise: Promise<Account[]>;
 } | {
     accounts: Account[];
     data: undefined;
@@ -588,9 +600,9 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAccountsResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<GetAccountsResponse>;
+    promise: Promise<Account[]>;
 } | {
     accounts: Account[];
     data: undefined;
@@ -615,16 +627,18 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAccountsResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<GetAccountsResponse>;
+    promise: Promise<Account[]>;
 };
 
 /**
  * Get details about an app
  */
 export declare const useApp: (slug: string, opts?: {
-    useQueryOpts?: Omit<UseQueryOptions<GetAppResponse>, "queryKey" | "queryFn">;
+    useQueryOpts?: (Omit<UseQueryOptions<GetAppResponse>, "queryKey" | "queryFn"> & {
+        suspense?: boolean;
+    });
 }) => {
     app: App | undefined;
     data: GetAppResponse;
@@ -763,143 +777,16 @@ export declare const useApp: (slug: string, opts?: {
 };
 
 /**
- * Get list of apps that can be authenticated
+ * Get list of apps that can be authenticated with pagination support
  */
-export declare const useApps: (input?: GetAppsOpts) => {
-    apps: App_2[];
-    data: GetAppsResponse;
-    error: Error;
-    isError: true;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetAppsResponse>;
-} | {
-    apps: App_2[];
-    data: GetAppsResponse;
-    error: null;
-    isError: false;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetAppsResponse>;
-} | {
-    apps: App_2[];
-    data: undefined;
-    error: Error;
-    isError: true;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetAppsResponse>;
-} | {
-    apps: App_2[];
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
-    isLoading: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetAppsResponse>;
-} | {
-    apps: App_2[];
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isLoading: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetAppsResponse>;
+export declare const useApps: (input?: AppsListRequest) => UseAppsResult;
+
+export declare type UseAppsResult = Omit<UseQueryResult<unknown, Error>, "data"> & {
+    apps: App[];
+    isLoadingMore: boolean;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+    loadMoreError?: Error;
 };
 
 /**
@@ -908,9 +795,9 @@ export declare const useApps: (input?: GetAppsOpts) => {
 export declare const useComponent: ({ key }: {
     key?: string;
 }, opts?: {
-    useQueryOpts?: Omit<UseQueryOptions<ComponentRequestResponse>, "queryKey" | "queryFn">;
+    useQueryOpts?: Omit<UseQueryOptions<GetComponentResponse>, "queryKey" | "queryFn">;
 }) => {
-    component: V1Component<any> | undefined;
+    component: Component | undefined;
     data: GetComponentResponse;
     error: Error;
     isError: true;
@@ -937,7 +824,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<GetComponentResponse>;
 } | {
-    component: V1Component<any> | undefined;
+    component: Component | undefined;
     data: GetComponentResponse;
     error: null;
     isError: false;
@@ -964,7 +851,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<GetComponentResponse>;
 } | {
-    component: V1Component<any> | undefined;
+    component: Component | undefined;
     data: undefined;
     error: Error;
     isError: true;
@@ -991,7 +878,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<GetComponentResponse>;
 } | {
-    component: V1Component<any> | undefined;
+    component: Component | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1018,7 +905,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<GetComponentResponse>;
 } | {
-    component: V1Component<any> | undefined;
+    component: Component | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1047,143 +934,16 @@ export declare const useComponent: ({ key }: {
 };
 
 /**
- * Get list of components
+ * Get list of components with pagination support
  */
-export declare const useComponents: (input?: GetComponentsOpts) => {
-    components: V1Component_2<any>[];
-    data: GetComponentsResponse;
-    error: Error;
-    isError: true;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetComponentsResponse>;
-} | {
-    components: V1Component_2<any>[];
-    data: GetComponentsResponse;
-    error: null;
-    isError: false;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetComponentsResponse>;
-} | {
-    components: V1Component_2<any>[];
-    data: undefined;
-    error: Error;
-    isError: true;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetComponentsResponse>;
-} | {
-    components: V1Component_2<any>[];
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
-    isLoading: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetComponentsResponse>;
-} | {
-    components: V1Component_2<any>[];
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isLoading: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<GetComponentsResponse>;
+export declare const useComponents: (input?: ComponentsListRequest) => UseComponentsResult;
+
+export declare type UseComponentsResult = Omit<UseQueryResult<unknown, Error>, "data"> & {
+    components: Component[];
+    isLoadingMore: boolean;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+    loadMoreError?: Error;
 };
 
 export declare function useCustomize(): Customization;
@@ -1192,6 +952,6 @@ export declare const useFormContext: () => FormContext<any>;
 
 export declare const useFormFieldContext: <T extends ConfigurableProp>() => FormFieldContext<T>;
 
-export declare const useFrontendClient: () => BrowserClient;
+export declare const useFrontendClient: () => PipedreamClient;
 
 export { }