@pipedream/connect-react 1.5.0 → 2.0.0

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

@@ -1,26 +1,30 @@
-import { AccountsRequestResponse } from '@pipedream/sdk';
-import { AppResponse } from '@pipedream/sdk';
-import { BrowserClient } from '@pipedream/sdk/browser';
+import { Account } from '@pipedream/sdk';
+import { App } from '@pipedream/sdk';
+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 { GetAppResponse } from '@pipedream/sdk';
-import { GetAppsOpts } from '@pipedream/sdk';
-import { GetComponentsOpts } from '@pipedream/sdk';
+import { GetComponentResponse } from '@pipedream/sdk';
 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';
@@ -30,7 +34,6 @@ 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';
 
 export declare function Alert({ prop }: AlertProps): JSX_2.Element;
 
@@ -38,9 +41,13 @@ declare type AlertProps = {
     prop: ConfigurablePropAlert;
 };
 
-export declare type BaseReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
+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;
+    styles?: StylesConfig<Option, IsMulti, Group>;
 };
 
 declare type ButtonProps = {
@@ -73,7 +80,13 @@ export declare function ComponentFormContainer<T extends ConfigurableProps>(prop
 
 declare type ComponentFormContainerProps<T extends ConfigurableProps> = Omit<ComponentFormProps<T>, "component"> & {
     componentKey: string;
-};
+} & ({
+    externalUserId: string;
+    userId?: never;
+} | {
+    userId: string;
+    externalUserId?: never;
+});
 
 declare type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps<T>> = {
     /**
@@ -84,15 +97,15 @@ 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<T>) => void;
+    onUpdateDynamicProps?: (dp: DynamicProps_2) => void;
     hideOptionalProps?: boolean;
-    sdkResponse?: unknown | undefined;
+    sdkResponse?: U;
     enableDebugging?: boolean;
     /**
      * OAuth app ID configuration for specific apps.
@@ -117,7 +130,7 @@ export declare function ControlAny(): JSX_2.Element;
 export declare function ControlApp({ app }: ControlAppProps): JSX_2.Element;
 
 declare type ControlAppProps = {
-    app: AppResponse;
+    app: App;
 };
 
 declare function ControlArray(): JSX_2.Element;
@@ -133,25 +146,23 @@ declare type ControlProps<T extends ConfigurableProps, U extends ConfigurablePro
     form: FormContext<T>;
 };
 
-export declare function ControlSelect<T>({ isCreatable, options, selectProps, showLoadMoreButton, onLoadMore, }: 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: {
-        label: string;
-        value: T;
-    }[];
-    selectProps?: Props;
+    options: LabelValueOption<T>[];
+    selectProps?: Props<LabelValueOption<T>, boolean>;
     showLoadMoreButton?: boolean;
     onLoadMore?: () => void;
+    components?: Props<LabelValueOption<T>, boolean>["components"];
 };
 
 export declare function ControlSql(): JSX_2.Element;
 
-export declare function ControlSubmit(props: ControlSubmitProps): JSX_2.Element;
+export declare function ControlSubmit<T extends ConfigurableProps>(props: ControlSubmitProps<T>): JSX_2.Element;
 
-declare type ControlSubmitProps = {
-    form: FormContext;
+declare type ControlSubmitProps<T extends ConfigurableProps> = {
+    form: FormContext<T>;
 };
 
 export declare type CustomClassNamesConfig = {
@@ -172,11 +183,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>;
@@ -200,10 +211,10 @@ export declare type Customization = {
     theme: Theme;
     select: {
         getClassNamePrefix: <Key extends keyof ReactSelectComponents>(name: Key) => string;
-        getClassNames: <Key extends keyof ReactSelectComponents>(name: Key) => ClassNamesConfig;
-        getComponents: <Key extends keyof ReactSelectComponents>(name: Key, baseComponents?: SelectComponentsConfig<any, any, any>) => SelectComponentsConfig<any, any, any>;
-        getStyles: <Key extends keyof ReactSelectComponents>(name: Key, baseStyles?: StylesConfig) => StylesConfig;
-        getProps: <Key extends keyof ReactSelectComponents>(name: Key, baseProps?: BaseReactSelectProps<any, any, any>) => Props;
+        getClassNames: <Key extends keyof ReactSelectComponents, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(name: Key) => ClassNamesConfig<Option, IsMulti, Group>;
+        getComponents: <Key extends keyof ReactSelectComponents, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(name: Key, baseComponents?: SelectComponentsConfig<Option, IsMulti, Group>) => SelectComponentsConfig<Option, IsMulti, Group>;
+        getStyles: <Key extends keyof ReactSelectComponents, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(name: Key, baseStyles?: StylesConfig<Option, IsMulti, Group>) => StylesConfig<Option, IsMulti, Group>;
+        getProps: <Key extends keyof ReactSelectComponents, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(name: Key, baseProps?: BaseReactSelectProps<Option, IsMulti, Group>) => Partial<Props<Option, IsMulti, Group>>;
         theme: Theme_2;
     };
 };
@@ -265,12 +276,16 @@ declare type DescriptionProps<T extends ConfigurableProps, U extends Configurabl
     form: FormContext<T>;
 };
 
-export declare type DynamicProps<T extends ConfigurableProps> = {
-    id: string;
-    configurableProps: T;
-};
+/**
+ * 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;
     };
@@ -295,19 +310,19 @@ declare type FieldInternalProps<T extends ConfigurableProp> = {
 };
 
 declare type FieldProps<T extends ConfigurableProp> = {
-    form: FormContext;
+    form: FormContext<T[]>;
     field: FormFieldContext<T>;
 };
 
 export declare type FormContext<T extends ConfigurableProps> = {
-    component: V1Component<T>;
+    component: Component;
     configurableProps: T;
     configuredProps: ConfiguredProps<T>;
     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;
@@ -350,14 +365,14 @@ export declare type FormFieldContext<T extends ConfigurableProp> = {
 export declare const FormFieldContext: Context<FormFieldContext<any> | undefined>;
 
 export declare type FormFieldContextExtra<T extends ConfigurableProp> = T extends ConfigurablePropApp ? {
-    app?: AppResponse;
-} : Record<string, never>;
+    app?: App;
+} : object;
 
 export declare const FrontendClientProvider: FC<FrontendClientProviderProps>;
 
 declare type FrontendClientProviderProps = {
     children: ReactNode;
-    client: BrowserClient;
+    client: PipedreamClient;
 };
 
 export declare function getReactSelectTheme(theme: CustomThemeConfig | undefined): Theme_2;
@@ -368,12 +383,16 @@ 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 extends PropOptionValue = PropOptionValue> = Omit<PropOption, "value"> & {
+    value?: T;
+};
+
 declare const LoadMoreButton: (props: ButtonProps) => JSX_2.Element;
 
 export declare function mergeTheme(target: Theme, ...sources: (PartialTheme | undefined)[]): Theme;
@@ -417,27 +436,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 = {
@@ -467,11 +486,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<AccountsRequestResponse>, "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: any;
-    data: AccountsRequestResponse;
+    accounts: Account[];
+    data: Account[];
     error: Error;
     isError: true;
     isPending: false;
@@ -493,12 +518,12 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AccountsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<Account[]>;
 } | {
-    accounts: any;
-    data: AccountsRequestResponse;
+    accounts: Account[];
+    data: Account[];
     error: null;
     isError: false;
     isPending: false;
@@ -520,11 +545,11 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AccountsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<Account[]>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: Error;
     isError: true;
@@ -547,11 +572,11 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AccountsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<Account[]>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: null;
     isError: false;
@@ -574,11 +599,11 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AccountsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<Account[]>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: null;
     isError: false;
@@ -601,18 +626,20 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AccountsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<Account[], Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    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: any;
+    app: App | undefined;
     data: GetAppResponse;
     error: Error;
     isError: true;
@@ -639,7 +666,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<GetAppResponse>;
 } | {
-    app: any;
+    app: App | undefined;
     data: GetAppResponse;
     error: null;
     isError: false;
@@ -666,7 +693,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<GetAppResponse>;
 } | {
-    app: any;
+    app: App | undefined;
     data: undefined;
     error: Error;
     isError: true;
@@ -693,7 +720,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<GetAppResponse>;
 } | {
-    app: any;
+    app: App | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -720,7 +747,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<GetAppResponse>;
 } | {
-    app: any;
+    app: App | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -751,141 +778,10 @@ export declare const useApp: (slug: string, opts?: {
 /**
  * Get list of apps that can be authenticated
  */
-export declare const useApps: (input?: GetAppsOpts) => {
-    apps: any;
-    data: any;
-    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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    apps: any;
-    data: any;
-    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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    apps: 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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    apps: 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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    apps: 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;
+export declare const useApps: (input?: AppsListRequest) => {
+    apps: App[];
     isLoading: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    error: Error | null;
 };
 
 /**
@@ -894,10 +790,10 @@ 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: any;
-    data: ComponentRequestResponse;
+    component: Component | undefined;
+    data: GetComponentResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -919,12 +815,12 @@ export declare const useComponent: ({ key }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentRequestResponse>;
+    promise: Promise<GetComponentResponse>;
 } | {
-    component: any;
-    data: ComponentRequestResponse;
+    component: Component | undefined;
+    data: GetComponentResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -946,11 +842,11 @@ export declare const useComponent: ({ key }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentRequestResponse>;
+    promise: Promise<GetComponentResponse>;
 } | {
-    component: any;
+    component: Component | undefined;
     data: undefined;
     error: Error;
     isError: true;
@@ -973,11 +869,11 @@ export declare const useComponent: ({ key }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentRequestResponse>;
+    promise: Promise<GetComponentResponse>;
 } | {
-    component: any;
+    component: Component | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1000,11 +896,11 @@ export declare const useComponent: ({ key }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentRequestResponse>;
+    promise: Promise<GetComponentResponse>;
 } | {
-    component: any;
+    component: Component | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1027,149 +923,18 @@ export declare const useComponent: ({ key }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentRequestResponse>;
+    promise: Promise<GetComponentResponse>;
 };
 
 /**
  * Get list of components
  */
-export declare const useComponents: (input?: GetComponentsOpts) => {
-    components: any;
-    data: any;
-    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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    components: any;
-    data: any;
-    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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    components: 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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    components: 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<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
-} | {
-    components: 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;
+export declare const useComponents: (input?: ComponentsListRequest) => {
+    components: Component[];
     isLoading: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    error: Error | null;
 };
 
 export declare function useCustomize(): Customization;
@@ -1178,6 +943,6 @@ export declare const useFormContext: () => FormContext<any>;
 
 export declare const useFormFieldContext: <T extends ConfigurableProp>() => FormFieldContext<T>;
 
-export declare const useFrontendClient: () => any;
+export declare const useFrontendClient: () => PipedreamClient;
 
 export { }