@aws-amplify/ui-react-core 3.4.1 → 3.4.3

package/README.md

@@ -1,3 +1,42 @@
 # Amplify UI React Core
 
 `@aws-amplify/ui-react-core` is a React platform agnostic utility library for Amplify UI internal usage in `@aws-amplify/ui-react*` and `@aws-amplify/ui-react-native*` namespaced packages.
+
+## Contents
+
+### Authenticator
+
+- `AuthenticatorProvider` - Provider component for Authenticator context
+- `useAuthenticator` - Hook for accessing Authenticator functionality
+- `useAuthenticatorRoute` - Hook for accessing Authenticator route information
+- `useAuthenticatorInitMachine` - Hook for initializing Authenticator state machine
+- `isAuthenticatorComponentRouteKey` - Utility function for checking route keys
+- `resolveAuthenticatorComponents` - Utility function for resolving Authenticator components
+
+### Form Components and Hooks
+
+- `FormProvider` - Provider component for form context
+- `useField` - Hook for accessing form field functionality
+- `useForm` - Hook for accessing form functionality
+- `withFormProvider` - Higher-order component for adding form provider capabilities
+- `RenderNothing` - Utility component for rendering nothing
+
+### Utility Hooks
+
+- `useAsyncReducer` - Hook for async state management
+- `useControlledReducer` - Hook for controlled state management
+- `useDeprecationWarning` - Hook for displaying deprecation warnings
+- `useDropZone` - Hook for drag and drop functionality
+- `useGetUrl` - Hook for getting URLs
+- `useHasValueUpdated` - Hook for checking if a value has updated
+- `usePreviousValue` - Hook for accessing previous value
+- `useSetUserAgent` - Hook for setting user agent
+- `useTimeout` - Hook for timeout functionality
+
+### Utility Functions
+
+- `createContextUtilities` - Utility function for creating context utilities
+
+### Type Definitions
+
+- Various type definitions for Authenticator, Form, and utility components

package/dist/esm/Authenticator/hooks/useAuthenticator/useAuthenticator.mjs

@@ -4,7 +4,7 @@ import { getServiceFacade } from '@aws-amplify/ui';
 import 'aws-amplify/auth';
 import { AuthenticatorContext } from '../../context/AuthenticatorContext.mjs';
 import { USE_AUTHENTICATOR_ERROR } from './constants.mjs';
-import { getQRFields, getMachineFields, getComparator, defaultComparator } from './utils.mjs';
+import { getComparator, defaultComparator, getQRFields, getMachineFields } from './utils.mjs';
 
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator/headless#useauthenticator-hook)

package/dist/esm/Authenticator/hooks/useAuthenticator/utils.mjs

@@ -1,4 +1,4 @@
-import { getActorContext, getSortedFormFields, isString, authenticatorTextUtil, areEmptyArrays, areEmptyObjects } from '@aws-amplify/ui';
+import { getActorContext, getSortedFormFields, areEmptyArrays, areEmptyObjects, isString, authenticatorTextUtil } from '@aws-amplify/ui';
 import { isComponentRouteKey } from '../utils.mjs';
 
 const defaultComparator = () => false;

package/dist/esm/hooks/useAsyncReducer.mjs

@@ -0,0 +1,78 @@
+import React__default from 'react';
+import { isFunction } from '@aws-amplify/ui';
+
+// async state constants
+const INITIAL = { hasError: false, isLoading: false, message: undefined };
+const LOADING = { hasError: false, isLoading: true, message: undefined };
+const ERROR = { hasError: true, isLoading: false };
+/**
+ * @internal may be updated in future versions
+ *
+ * @description like `useReducer` but make it async
+ *
+ * @example
+ * ```ts
+ * import fetchData from './fetchData';
+ *
+ * type MyState = { data: string[] | undefined }
+ * const initialState: MyState = { data: undefined }
+ *
+ * type MyAction = { type: 'fetch' | 'clear' }
+ *
+ * const asyncReducer = async (state: MyState, action: MyAction): Promise<MyState> => {
+ *   switch(action.type) {
+ *     case 'fetch':
+ *       const data = await fetchData();
+ *       return { data: state.data ? state.data.concat(data) : data }
+ *     case 'clear':
+ *       return { data: undefined }
+ *   }
+ * }
+ *
+ * const FetchDataButton = () => {
+ *   const [state, dispatch] = useAsyncReducer(asyncReducer, initialState);
+ *
+ *   const { value: { data }, isLoading } = state;
+ *
+ *   return (
+ *     <button onClick={() => isLoading ? null : dispatch({ type: 'fetch'})}>
+ *       Fetch Data
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+function useAsyncReducer(reducer, initialValue, options) {
+    const [state, setAsyncState] = React__default.useState(() => ({
+        ...INITIAL,
+        value: initialValue,
+    }));
+    const prevValue = React__default.useRef(initialValue);
+    const pendingId = React__default.useRef();
+    const { onSuccess, onError } = options ?? {};
+    const dispatch = React__default.useCallback((input) => {
+        const id = Symbol();
+        pendingId.current = id;
+        setAsyncState(({ value }) => ({ ...LOADING, value }));
+        reducer(prevValue.current, input)
+            .then((value) => {
+            if (pendingId.current !== id)
+                return;
+            prevValue.current = value;
+            if (isFunction(onSuccess))
+                onSuccess(value);
+            setAsyncState({ ...INITIAL, value });
+        })
+            .catch((error) => {
+            if (pendingId.current !== id)
+                return;
+            if (isFunction(onError))
+                onError(error);
+            const { message } = error;
+            setAsyncState(({ value }) => ({ ...ERROR, value, message }));
+        });
+    }, [onError, onSuccess, reducer]);
+    return [state, dispatch];
+}
+
+export { useAsyncReducer as default };

package/dist/esm/index.mjs

@@ -9,9 +9,9 @@ export { default as useForm } from './components/FormCore/useForm.mjs';
 export { default as FormProvider } from './components/FormCore/FormProvider.mjs';
 export { default as withFormProvider } from './components/FormCore/withFormProvider.mjs';
 export { default as RenderNothing } from './components/RenderNothing/RenderNothing.mjs';
-export { default as useDataState } from './hooks/useDataState/useDataState.mjs';
 export { default as useControlledReducer } from './hooks/useControlledReducer.mjs';
 export { default as useDropZone } from './hooks/useDropZone.mjs';
+export { default as useAsyncReducer } from './hooks/useAsyncReducer.mjs';
 export { default as useDeprecationWarning } from './hooks/useDeprecationWarning.mjs';
 export { default as useGetUrl } from './hooks/useGetUrl.mjs';
 export { default as useHasValueUpdated } from './hooks/useHasValueUpdated.mjs';

package/dist/index.js

@@ -605,50 +605,6 @@ function useAuthenticatorInitMachine(data) {
     }, [initializeMachine, route, data]);
 }
 
-// default state
-const INITIAL_STATE = { hasError: false, isLoading: false, message: undefined };
-const LOADING_STATE = { hasError: false, isLoading: true, message: undefined };
-const ERROR_STATE = { hasError: true, isLoading: false };
-const resolveMaybeAsync = async (value) => {
-    const awaited = await value;
-    return awaited;
-};
-/**
- * @internal may be updated in future versions
- */
-function useDataState(action, initialData, options) {
-    const [dataState, setDataState] = React__namespace["default"].useState(() => ({
-        ...INITIAL_STATE,
-        data: initialData,
-    }));
-    const prevData = React__namespace["default"].useRef(initialData);
-    const pendingId = React__namespace["default"].useRef();
-    const { onSuccess, onError } = options ?? {};
-    const handleAction = React__namespace["default"].useCallback((input) => {
-        const id = Symbol();
-        pendingId.current = id;
-        setDataState(({ data }) => ({ ...LOADING_STATE, data }));
-        resolveMaybeAsync(action(prevData.current, input))
-            .then((data) => {
-            if (pendingId.current !== id)
-                return;
-            prevData.current = data;
-            if (ui.isFunction(onSuccess))
-                onSuccess(data);
-            setDataState({ ...INITIAL_STATE, data });
-        })
-            .catch((error) => {
-            if (pendingId.current !== id)
-                return;
-            if (ui.isFunction(onError))
-                onError(error);
-            const { message } = error;
-            setDataState(({ data }) => ({ ...ERROR_STATE, data, message }));
-        });
-    }, [action, onError, onSuccess]);
-    return [dataState, handleAction];
-}
-
 function usePreviousValue(value) {
     const previous = React.useRef(undefined);
     // update ref post render
@@ -868,6 +824,80 @@ function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _
     };
 }
 
+// async state constants
+const INITIAL = { hasError: false, isLoading: false, message: undefined };
+const LOADING = { hasError: false, isLoading: true, message: undefined };
+const ERROR = { hasError: true, isLoading: false };
+/**
+ * @internal may be updated in future versions
+ *
+ * @description like `useReducer` but make it async
+ *
+ * @example
+ * ```ts
+ * import fetchData from './fetchData';
+ *
+ * type MyState = { data: string[] | undefined }
+ * const initialState: MyState = { data: undefined }
+ *
+ * type MyAction = { type: 'fetch' | 'clear' }
+ *
+ * const asyncReducer = async (state: MyState, action: MyAction): Promise<MyState> => {
+ *   switch(action.type) {
+ *     case 'fetch':
+ *       const data = await fetchData();
+ *       return { data: state.data ? state.data.concat(data) : data }
+ *     case 'clear':
+ *       return { data: undefined }
+ *   }
+ * }
+ *
+ * const FetchDataButton = () => {
+ *   const [state, dispatch] = useAsyncReducer(asyncReducer, initialState);
+ *
+ *   const { value: { data }, isLoading } = state;
+ *
+ *   return (
+ *     <button onClick={() => isLoading ? null : dispatch({ type: 'fetch'})}>
+ *       Fetch Data
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+function useAsyncReducer(reducer, initialValue, options) {
+    const [state, setAsyncState] = React__namespace["default"].useState(() => ({
+        ...INITIAL,
+        value: initialValue,
+    }));
+    const prevValue = React__namespace["default"].useRef(initialValue);
+    const pendingId = React__namespace["default"].useRef();
+    const { onSuccess, onError } = options ?? {};
+    const dispatch = React__namespace["default"].useCallback((input) => {
+        const id = Symbol();
+        pendingId.current = id;
+        setAsyncState(({ value }) => ({ ...LOADING, value }));
+        reducer(prevValue.current, input)
+            .then((value) => {
+            if (pendingId.current !== id)
+                return;
+            prevValue.current = value;
+            if (ui.isFunction(onSuccess))
+                onSuccess(value);
+            setAsyncState({ ...INITIAL, value });
+        })
+            .catch((error) => {
+            if (pendingId.current !== id)
+                return;
+            if (ui.isFunction(onError))
+                onError(error);
+            const { message } = error;
+            setAsyncState(({ value }) => ({ ...ERROR, value, message }));
+        });
+    }, [onError, onSuccess, reducer]);
+    return [state, dispatch];
+}
+
 /**
  * Logs a deprecation warning message.
  *
@@ -1031,11 +1061,11 @@ exports.RenderNothing = RenderNothing;
 exports.createContextUtilities = createContextUtilities;
 exports.isAuthenticatorComponentRouteKey = isComponentRouteKey;
 exports.resolveAuthenticatorComponents = resolveAuthenticatorComponents;
+exports.useAsyncReducer = useAsyncReducer;
 exports.useAuthenticator = useAuthenticator;
 exports.useAuthenticatorInitMachine = useAuthenticatorInitMachine;
 exports.useAuthenticatorRoute = useAuthenticatorRoute;
 exports.useControlledReducer = useControlledReducer;
-exports.useDataState = useDataState;
 exports.useDeprecationWarning = useDeprecationWarning;
 exports.useDropZone = useDropZone;
 exports.useField = useField;

package/dist/types/Authenticator/context/AuthenticatorContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
+import type { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
 /**
  * Authenticator React.Context type
  */

package/dist/types/Authenticator/context/AuthenticatorProvider.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export default function AuthenticatorProvider({ children, }: {
     children: ReactNode;
 }): React.JSX.Element;

package/dist/types/Authenticator/hooks/constants.d.ts

@@ -1,3 +1,3 @@
-import { AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName } from './types';
+import type { AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName } from './types';
 export declare const COMPONENT_ROUTE_KEYS: AuthenticatorRouteComponentKey[];
 export declare const COMPONENT_ROUTE_NAMES: AuthenticatorRouteComponentName[];

package/dist/types/Authenticator/hooks/types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ChallengeName, AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
-import { UseAuthenticator } from './useAuthenticator';
+import type React from 'react';
+import type { ChallengeName, AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
+import type { UseAuthenticator } from './useAuthenticator';
 export type AuthenticatorRouteComponentKey = 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'forgotPassword' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'verifyUser';
 export type AuthenticatorLegacyField = LegacyFormFieldOptions;
 export type AuthenticatorLegacyFields = AuthenticatorLegacyField[];

package/dist/types/Authenticator/hooks/useAuthenticator/__mock__/useAuthenticator.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContext } from '../../types';
-import { UseAuthenticator } from '../types';
+import type { AuthenticatorMachineContext } from '../../types';
+import type { UseAuthenticator } from '../types';
 export declare const mockMachineContext: AuthenticatorMachineContext;
 export declare const mockUseAuthenticatorOutput: UseAuthenticator;

package/dist/types/Authenticator/hooks/useAuthenticator/index.d.ts

@@ -1,2 +1,2 @@
 export { default as useAuthenticator } from './useAuthenticator';
-export { UseAuthenticator, UseAuthenticatorSelector } from './types';
+export type { UseAuthenticator, UseAuthenticatorSelector } from './types';

package/dist/types/Authenticator/hooks/useAuthenticator/types.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
+import type { AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
 /**
  * These are the "facades" that we provide, which contains contexts respective
  * to current authenticator state.

package/dist/types/Authenticator/hooks/useAuthenticator/useAuthenticator.d.ts

@@ -1,4 +1,4 @@
-import { UseAuthenticatorSelector, UseAuthenticator } from './types';
+import type { UseAuthenticatorSelector, UseAuthenticator } from './types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator/headless#useauthenticator-hook)
  */

package/dist/types/Authenticator/hooks/useAuthenticator/utils.d.ts

@@ -1,6 +1,6 @@
-import { AuthenticatorRoute, AuthMachineState } from '@aws-amplify/ui';
-import { AuthenticatorLegacyFields } from '../types';
-import { Comparator, UseAuthenticatorSelector } from './types';
+import type { AuthenticatorRoute, AuthMachineState } from '@aws-amplify/ui';
+import type { AuthenticatorLegacyFields } from '../types';
+import type { Comparator, UseAuthenticatorSelector } from './types';
 export declare const defaultComparator: () => false;
 /**
  * Does an ordering and shallow comparison of each array value,

package/dist/types/Authenticator/hooks/useAuthenticatorInitMachine/useAuthenticatorInitMachine.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
-import { UseAuthenticatorSelector } from '../useAuthenticator';
+import type { AuthenticatorMachineOptions } from '@aws-amplify/ui';
+import type { UseAuthenticatorSelector } from '../useAuthenticator';
 export declare const routeSelector: UseAuthenticatorSelector;
 export default function useAuthenticatorInitMachine(data: AuthenticatorMachineOptions): void;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/constants.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContextKey, AuthenticatorRouteComponentKey } from '../types';
-import { FormEventHandlerMachineKey, FormEventHandlerPropKey } from './types';
+import type { AuthenticatorMachineContextKey, AuthenticatorRouteComponentKey } from '../types';
+import type { FormEventHandlerMachineKey, FormEventHandlerPropKey } from './types';
 export declare const EVENT_HANDLER_KEY_MAP: Record<FormEventHandlerMachineKey, FormEventHandlerPropKey>;
 export declare const MACHINE_PROP_KEYS: Record<AuthenticatorRouteComponentKey, AuthenticatorMachineContextKey[]>;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/types.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContext, AuthenticatorMachineContextKey, AuthenticatorRouteComponentName, CommonRouteProps, ConfirmResetPasswordBaseProps, ConfirmSignInBaseProps, ConfirmSignUpBaseProps, Defaults, DefaultProps, ForceResetPasswordBaseProps, ResetPasswordBaseProps, SelectMfaTypeBaseProps, SetupEmailBaseProps, SetupTotpBaseProps, SignInBaseProps, SignUpBaseProps, VerifyUserProps, ConfirmVerifyUserProps } from '../types';
+import type { AuthenticatorMachineContext, AuthenticatorMachineContextKey, AuthenticatorRouteComponentName, CommonRouteProps, ConfirmResetPasswordBaseProps, ConfirmSignInBaseProps, ConfirmSignUpBaseProps, Defaults, DefaultProps, ForceResetPasswordBaseProps, ResetPasswordBaseProps, SelectMfaTypeBaseProps, SetupEmailBaseProps, SetupTotpBaseProps, SignInBaseProps, SignUpBaseProps, VerifyUserProps, ConfirmVerifyUserProps } from '../types';
 export type UseAuthenticatorRouteParams<FieldType> = {
     components: Defaults<FieldType>;
 };

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.d.ts

@@ -1,4 +1,4 @@
-import { UseAuthenticatorRoute, UseAuthenticatorRouteParams } from './types';
+import type { UseAuthenticatorRoute, UseAuthenticatorRouteParams } from './types';
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmResetPassword'>;
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmSignIn'>;
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmSignUp'>;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/utils.d.ts

@@ -1,7 +1,7 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
-import { Defaults } from '../types';
-import { UseAuthenticator, UseAuthenticatorSelector } from '../useAuthenticator';
-import { UseAuthenticatorRoute, UseAuthenticatorRouteDefault } from './types';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { Defaults } from '../types';
+import type { UseAuthenticator, UseAuthenticatorSelector } from '../useAuthenticator';
+import type { UseAuthenticatorRoute, UseAuthenticatorRouteDefault } from './types';
 export declare const routeSelector: UseAuthenticatorSelector;
 export declare const getRouteMachineSelector: (route: AuthenticatorRoute) => UseAuthenticatorSelector;
 export declare function resolveConfirmResetPasswordRoute<FieldType = {}>(Component: Defaults<FieldType>['ConfirmResetPassword'], props: UseAuthenticator): UseAuthenticatorRoute<'ConfirmResetPassword', FieldType>;

package/dist/types/Authenticator/hooks/utils.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
-import { AuthenticatorRouteComponentKey, Defaults, Overrides } from './types';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { AuthenticatorRouteComponentKey, Defaults, Overrides } from './types';
 export declare const isComponentRouteKey: (route: AuthenticatorRoute) => route is AuthenticatorRouteComponentKey;
 export declare function resolveAuthenticatorComponents<FieldType>(defaults: Defaults<FieldType>, overrides?: Overrides<FieldType>): Defaults<FieldType>;

package/dist/types/Authenticator/index.d.ts

@@ -1,3 +1,5 @@
 export { AuthenticatorProvider, AuthenticatorContext } from './context';
-export { resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, UseAuthenticator, useAuthenticatorInitMachine, UseAuthenticatorRoute, } from './hooks';
-export { Overrides as AuthenticatorComponentOverrides, Defaults as AuthenticatorComponentDefaults, DefaultProps as AuthenticatorComponentDefaultProps, FooterComponent as AuthenticatorFooterComponent, FormFieldsComponent as AuthenticatorFormFieldsComponent, HeaderComponent as AuthenticatorHeaderComponent, isComponentRouteKey as isAuthenticatorComponentRouteKey, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, AuthenticatorLegacyField, AuthenticatorMachineContext, FormFieldsComponent, } from './hooks';
+export type { UseAuthenticator, UseAuthenticatorRoute } from './hooks';
+export { resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, } from './hooks';
+export type { Overrides as AuthenticatorComponentOverrides, Defaults as AuthenticatorComponentDefaults, DefaultProps as AuthenticatorComponentDefaultProps, FooterComponent as AuthenticatorFooterComponent, FormFieldsComponent as AuthenticatorFormFieldsComponent, HeaderComponent as AuthenticatorHeaderComponent, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, AuthenticatorLegacyField, AuthenticatorMachineContext, FormFieldsComponent, } from './hooks';
+export { isComponentRouteKey as isAuthenticatorComponentRouteKey } from './hooks';

package/dist/types/components/FormCore/FormProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FormValues, FormHandle, FormProviderProps } from './types';
+import type { FormValues, FormHandle, FormProviderProps } from './types';
 declare const FormProvider: React.ForwardRefExoticComponent<FormProviderProps<FormValues> & React.RefAttributes<FormHandle>>;
 export default FormProvider;

package/dist/types/components/FormCore/index.d.ts

@@ -1,4 +1,4 @@
-export { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './types';
+export type { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './types';
 export { default as useField } from './useField';
 export { default as useForm } from './useForm';
 export { default as FormProvider } from './FormProvider';

package/dist/types/components/FormCore/types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DefaultValues } from 'react-hook-form';
+import type React from 'react';
+import type { DefaultValues } from 'react-hook-form';
 export interface FormValues {
     [k: string]: string;
 }

package/dist/types/components/FormCore/useControlledField.d.ts

@@ -1,4 +1,4 @@
-import { FocusHandler, UseControlledField, UseControlledFieldParams } from './types';
+import type { FocusHandler, UseControlledField, UseControlledFieldParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useControlledField` must be used within a `FormProvider`";
 /**
  * `Field` integration hook for usage with React Native `Field` components

package/dist/types/components/FormCore/useField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeHandler, FocusHandler, UseField, UseFieldParams } from './types';
+import type { ChangeHandler, FocusHandler, UseField, UseFieldParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useField` must be used within a `FormProvider`";
 /**
  * `Field` integration hook for usage with React `Field` components.

package/dist/types/components/FormCore/useForm.d.ts

@@ -1,4 +1,4 @@
-import { FormValues, SubmitHandler, UseForm, UseFormParams } from './types';
+import type { FormValues, SubmitHandler, UseForm, UseFormParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useForm` must be called inside a `FormProvider`";
 /**
  * Utility hook corresponding to `FormProvider`, must be used within a `FormProvider`

package/dist/types/components/FormCore/withFormProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyComponent } from '../../types';
-import { FormHandle, FormProviderProps } from './types';
+import type { AnyComponent } from '../../types';
+import type { FormHandle, FormProviderProps } from './types';
 /**
  * @param Child `Form` base component wrapped inside `FormProvider`
  * @returns Composed `Form` component exposing `FormContext` values to descendents

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

@@ -1,2 +1,3 @@
-export { FormProvider, FormProviderProps, FormValues, FormHandle, SubmitHandler, useField, useForm, UseForm, Validate, Validator, withFormProvider, } from './FormCore';
+export type { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './FormCore';
+export { FormProvider, useField, useForm, withFormProvider } from './FormCore';
 export { RenderNothing } from './RenderNothing';

package/dist/types/elements/ElementsContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementDisplayName } from './types';
+import type { ElementDisplayName } from './types';
 /**
  * @internal @unstable
  */

package/dist/types/elements/defineBaseElement.d.ts

@@ -1,4 +1,4 @@
-import { BaseElement, BaseElementProps, BaseElementWithRef, BaseElementWithRefProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
+import type { BaseElement, BaseElementProps, BaseElementWithRef, BaseElementWithRefProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
 /**
  * @internal @unstable
  */

package/dist/types/elements/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 /**
  * @internal @unstable
  *

package/dist/types/elements/utils.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 export declare function isComponent<T>(component?: React.ComponentType<T> | React.ForwardRefExoticComponent<T>): component is React.ComponentType<T>;
 export declare function isForwardRefExoticComponent<T>(component: React.ComponentType<T> | React.ForwardRefExoticComponent<T>): component is React.ForwardRefExoticComponent<T>;

package/dist/types/elements/withBaseElementProps.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseElementWithRef, ElementRefType } from './types';
+import type { BaseElementWithRef, ElementRefType } from './types';
 /**
  * @internal @unstable
  *

package/dist/types/hooks/index.d.ts

@@ -1,7 +1,10 @@
-export { useDataState, AsyncDataAction, DataAction, DataState, } from './useDataState';
 export { default as useControlledReducer } from './useControlledReducer';
-export { default as useDropZone, UseDropZoneParams } from './useDropZone';
-export { default as useDeprecationWarning, UseDeprecationWarning, } from './useDeprecationWarning';
+export type { UseDropZoneParams } from './useDropZone';
+export { default as useDropZone } from './useDropZone';
+export type { AsyncReducer, AsyncReducerState } from './useAsyncReducer';
+export { default as useAsyncReducer } from './useAsyncReducer';
+export type { UseDeprecationWarning } from './useDeprecationWarning';
+export { default as useDeprecationWarning } from './useDeprecationWarning';
 export { default as useGetUrl } from './useGetUrl';
 export { default as useHasValueUpdated } from './useHasValueUpdated';
 export { default as usePreviousValue } from './usePreviousValue';

package/dist/types/hooks/useAsyncReducer.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+export interface AsyncReducerState<T> {
+    /**
+     * current value
+     */
+    value: T;
+    hasError: boolean;
+    isLoading: boolean;
+    /**
+     * error message, if any
+     */
+    message: string | undefined;
+}
+export type AsyncReducer<S, A> = (prevValue: S, action: A) => Promise<S>;
+/**
+ * @internal may be updated in future versions
+ *
+ * @description like `useReducer` but make it async
+ *
+ * @example
+ * ```ts
+ * import fetchData from './fetchData';
+ *
+ * type MyState = { data: string[] | undefined }
+ * const initialState: MyState = { data: undefined }
+ *
+ * type MyAction = { type: 'fetch' | 'clear' }
+ *
+ * const asyncReducer = async (state: MyState, action: MyAction): Promise<MyState> => {
+ *   switch(action.type) {
+ *     case 'fetch':
+ *       const data = await fetchData();
+ *       return { data: state.data ? state.data.concat(data) : data }
+ *     case 'clear':
+ *       return { data: undefined }
+ *   }
+ * }
+ *
+ * const FetchDataButton = () => {
+ *   const [state, dispatch] = useAsyncReducer(asyncReducer, initialState);
+ *
+ *   const { value: { data }, isLoading } = state;
+ *
+ *   return (
+ *     <button onClick={() => isLoading ? null : dispatch({ type: 'fetch'})}>
+ *       Fetch Data
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+export default function useAsyncReducer<T, K>(reducer: AsyncReducer<T, K>, initialValue: T, options?: {
+    onSuccess?: (data: T) => void;
+    onError?: (error: Error) => void;
+}): [AsyncReducerState<T>, React.Dispatch<K>];

package/dist/types/hooks/useGetUrl.d.ts

@@ -1,4 +1,4 @@
-import { GetUrlInput, GetUrlWithPathInput } from 'aws-amplify/storage';
+import type { GetUrlInput, GetUrlWithPathInput } from 'aws-amplify/storage';
 export type UseGetUrlInput = (GetUrlInput | GetUrlWithPathInput) & {
     onError?: (error: Error) => void;
 };

package/dist/types/hooks/useSetUserAgent.d.ts

@@ -1,2 +1,2 @@
-import { SetUserAgentOptions } from '@aws-amplify/ui';
+import type { SetUserAgentOptions } from '@aws-amplify/ui';
 export default function useSetUserAgent({ componentName, packageName, version, }: SetUserAgentOptions): void;

package/dist/types/index.d.ts

@@ -1,5 +1,8 @@
-export { AuthenticatorComponentDefaults, AuthenticatorComponentDefaultProps, AuthenticatorComponentOverrides, AuthenticatorFooterComponent, AuthenticatorFormFieldsComponent, AuthenticatorHeaderComponent, AuthenticatorLegacyField, AuthenticatorMachineContext, AuthenticatorProvider, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, isAuthenticatorComponentRouteKey, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, UseAuthenticator, useAuthenticatorInitMachine, UseAuthenticatorRoute, } from './Authenticator';
-export { FormProvider, FormProviderProps, RenderNothing, FormValues, FormHandle, useField, useForm, UseForm, Validate, Validator, withFormProvider, } from './components';
-export { AsyncDataAction, DataAction, useControlledReducer, useDeprecationWarning, UseDeprecationWarning, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, useDataState, DataState, useDropZone, UseDropZoneParams, } from './hooks';
-export { MergeProps } from './types';
+export type { AuthenticatorComponentDefaults, AuthenticatorComponentDefaultProps, AuthenticatorComponentOverrides, AuthenticatorFooterComponent, AuthenticatorFormFieldsComponent, AuthenticatorHeaderComponent, AuthenticatorLegacyField, AuthenticatorMachineContext, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, UseAuthenticator, UseAuthenticatorRoute, } from './Authenticator';
+export { AuthenticatorProvider, isAuthenticatorComponentRouteKey, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, } from './Authenticator';
+export type { FormProviderProps, FormValues, FormHandle, UseForm, Validate, Validator, } from './components';
+export { FormProvider, RenderNothing, useField, useForm, withFormProvider, } from './components';
+export type { AsyncReducer, AsyncReducerState, UseDeprecationWarning, UseDropZoneParams, } from './hooks';
+export { useAsyncReducer, useControlledReducer, useDeprecationWarning, useDropZone, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, } from './hooks';
+export type { MergeProps } from './types';
 export { createContextUtilities } from './utils';