@pipedream/connect-react 1.5.0 → 1.6.0

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

@@ -1,4 +1,6 @@
-import { AccountsRequestResponse } from '@pipedream/sdk';
+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 { ClassNamesConfig } from 'react-select';
@@ -15,9 +17,13 @@ import { CSSProperties } from 'react';
 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';
@@ -26,11 +32,13 @@ 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';
 
 export declare function Alert({ prop }: AlertProps): JSX_2.Element;
 
@@ -38,9 +46,9 @@ declare type AlertProps = {
     prop: ConfigurablePropAlert;
 };
 
-export declare type BaseReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
+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 +81,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>> = {
     /**
@@ -90,9 +104,9 @@ declare type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps
     propNames?: string[];
     onSubmit?: (ctx: FormContext<T>) => void | Promise<void>;
     onUpdateConfiguredProps?: (v: U) => void;
-    onUpdateDynamicProps?: (dp: DynamicProps<T>) => void;
+    onUpdateDynamicProps?: (dp: DynamicProps) => void;
     hideOptionalProps?: boolean;
-    sdkResponse?: unknown | undefined;
+    sdkResponse?: U;
     enableDebugging?: boolean;
     /**
      * OAuth app ID configuration for specific apps.
@@ -117,7 +131,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 +147,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>({ isCreatable, options, selectProps, showLoadMoreButton, onLoadMore, components: componentsOverride, }: ControlSelectProps<T>): JSX_2.Element;
 
 declare type ControlSelectProps<T> = {
     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 = {
@@ -200,10 +212,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,10 +277,7 @@ declare type DescriptionProps<T extends ConfigurableProps, U extends Configurabl
     form: FormContext<T>;
 };
 
-export declare type DynamicProps<T extends ConfigurableProps> = {
-    id: string;
-    configurableProps: T;
-};
+declare type DynamicProps = ReloadComponentPropsResponse["dynamicProps"];
 
 export declare class ErrorBoundary extends Component<Props_2> {
     state: {
@@ -295,7 +304,7 @@ declare type FieldInternalProps<T extends ConfigurableProp> = {
 };
 
 declare type FieldProps<T extends ConfigurableProp> = {
-    form: FormContext;
+    form: FormContext<T[]>;
     field: FormFieldContext<T>;
 };
 
@@ -303,7 +312,7 @@ export declare type FormContext<T extends ConfigurableProps> = {
     component: V1Component<T>;
     configurableProps: T;
     configuredProps: ConfiguredProps<T>;
-    dynamicProps?: DynamicProps<T>;
+    dynamicProps?: DynamicProps;
     dynamicPropsQueryIsFetching?: boolean;
     errors: Record<string, string[]>;
     sdkErrors: SdkError[];
@@ -350,8 +359,8 @@ 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>;
 
@@ -374,6 +383,11 @@ declare type LabelProps<T extends ConfigurableProps, U extends ConfigurableProp>
     form: FormContext<T>;
 };
 
+declare type LabelValueOption<T> = {
+    label: string;
+    value: T;
+};
+
 declare const LoadMoreButton: (props: ButtonProps) => JSX_2.Element;
 
 export declare function mergeTheme(target: Theme, ...sources: (PartialTheme | undefined)[]): Theme;
@@ -468,10 +482,10 @@ 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">;
+    useQueryOpts?: Omit<UseQueryOptions<GetAccountsResponse>, "queryKey" | "queryFn">;
 }) => {
-    accounts: any;
-    data: AccountsRequestResponse;
+    accounts: Account[];
+    data: GetAccountsResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -493,12 +507,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<GetAccountsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<GetAccountsResponse>;
 } | {
-    accounts: any;
-    data: AccountsRequestResponse;
+    accounts: Account[];
+    data: GetAccountsResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -520,11 +534,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<GetAccountsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<GetAccountsResponse>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: Error;
     isError: true;
@@ -547,11 +561,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<GetAccountsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<GetAccountsResponse>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: null;
     isError: false;
@@ -574,11 +588,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<GetAccountsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<GetAccountsResponse>;
 } | {
-    accounts: any;
+    accounts: Account[];
     data: undefined;
     error: null;
     isError: false;
@@ -601,9 +615,9 @@ 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<GetAccountsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AccountsRequestResponse>;
+    promise: Promise<GetAccountsResponse>;
 };
 
 /**
@@ -612,7 +626,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
 export declare const useApp: (slug: string, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<GetAppResponse>, "queryKey" | "queryFn">;
 }) => {
-    app: any;
+    app: App | undefined;
     data: GetAppResponse;
     error: Error;
     isError: true;
@@ -639,7 +653,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 +680,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 +707,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 +734,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<GetAppResponse>;
 } | {
-    app: any;
+    app: App | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -752,8 +766,8 @@ 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;
+    apps: App_2[];
+    data: GetAppsResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -775,12 +789,12 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetAppsResponse>;
 } | {
-    apps: any;
-    data: any;
+    apps: App_2[];
+    data: GetAppsResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -802,11 +816,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetAppsResponse>;
 } | {
-    apps: any;
+    apps: App_2[];
     data: undefined;
     error: Error;
     isError: true;
@@ -829,11 +843,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetAppsResponse>;
 } | {
-    apps: any;
+    apps: App_2[];
     data: undefined;
     error: null;
     isError: false;
@@ -856,11 +870,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetAppsResponse>;
 } | {
-    apps: any;
+    apps: App_2[];
     data: undefined;
     error: null;
     isError: false;
@@ -883,9 +897,9 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetAppsResponse>;
 };
 
 /**
@@ -896,8 +910,8 @@ export declare const useComponent: ({ key }: {
 }, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<ComponentRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    component: any;
-    data: ComponentRequestResponse;
+    component: V1Component<any> | undefined;
+    data: GetComponentResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -919,12 +933,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: V1Component<any> | undefined;
+    data: GetComponentResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -946,11 +960,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: V1Component<any> | undefined;
     data: undefined;
     error: Error;
     isError: true;
@@ -973,11 +987,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: V1Component<any> | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1000,11 +1014,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: V1Component<any> | undefined;
     data: undefined;
     error: null;
     isError: false;
@@ -1027,17 +1041,17 @@ 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;
+    components: V1Component_2<any>[];
+    data: GetComponentsResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -1059,12 +1073,12 @@ export declare const useComponents: (input?: GetComponentsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetComponentsResponse>;
 } | {
-    components: any;
-    data: any;
+    components: V1Component_2<any>[];
+    data: GetComponentsResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -1086,11 +1100,11 @@ export declare const useComponents: (input?: GetComponentsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetComponentsResponse>;
 } | {
-    components: any;
+    components: V1Component_2<any>[];
     data: undefined;
     error: Error;
     isError: true;
@@ -1113,11 +1127,11 @@ export declare const useComponents: (input?: GetComponentsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetComponentsResponse>;
 } | {
-    components: any;
+    components: V1Component_2<any>[];
     data: undefined;
     error: null;
     isError: false;
@@ -1140,11 +1154,11 @@ export declare const useComponents: (input?: GetComponentsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetComponentsResponse>;
 } | {
-    components: any;
+    components: V1Component_2<any>[];
     data: undefined;
     error: null;
     isError: false;
@@ -1167,9 +1181,9 @@ export declare const useComponents: (input?: GetComponentsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetComponentsResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<any>;
+    promise: Promise<GetComponentsResponse>;
 };
 
 export declare function useCustomize(): Customization;
@@ -1178,6 +1192,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: () => BrowserClient;
 
 export { }