@aws-amplify/ui-react-native 2.5.2 → 2.6.0

package/src/Authenticator/common/DefaultContainer/InnerContainer.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 
 import { useTheme } from '../../../theme';
 import { getInnerContainerStyles } from './styles';
-import { ContainerProps } from './types';
+import type { ContainerProps } from './types';
 
 export default function InnerContainer({
   children,

package/src/Authenticator/common/DefaultContainer/index.ts

@@ -1,3 +1,3 @@
 export { default as DefaultContainer } from './DefaultContainer';
 export { default as InnerContainer } from './InnerContainer';
-export { ContainerProps, DefaultContainerComponent } from './types';
+export type { ContainerProps, DefaultContainerComponent } from './types';

package/src/Authenticator/common/DefaultContainer/styles.ts

@@ -1,7 +1,8 @@
-import { StyleSheet, ViewStyle } from 'react-native';
-import { StrictTheme } from '../../../theme';
+import type { ViewStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
+import type { StrictTheme } from '../../../theme';
 
-import { ContainerStyles, InnerContainerStyles } from './types';
+import type { ContainerStyles, InnerContainerStyles } from './types';
 
 export const getThemedStyles = (
   { tokens: { colors } }: StrictTheme,

package/src/Authenticator/common/DefaultContainer/types.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import {
+import type React from 'react';
+import type {
   KeyboardAvoidingViewProps,
   ScrollViewProps,
   StyleProp,

package/src/Authenticator/common/DefaultContent/DefaultContent.tsx

@@ -2,11 +2,12 @@ import React, { Fragment, useMemo } from 'react';
 import { View } from 'react-native';
 
 import { Button, Label, ErrorMessage } from '../../../primitives';
-import { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
-import { StrictTheme, useTheme } from '../../../theme';
+import type { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
+import type { StrictTheme } from '../../../theme';
+import { useTheme } from '../../../theme';
 
 import { getDefaultStyle } from './styles';
-import { DefaultContentProps } from './types';
+import type { DefaultContentProps } from './types';
 
 function useThemedStyles<Style>(getStyle: (theme: StrictTheme) => Style) {
   const theme = useTheme();

package/src/Authenticator/common/DefaultContent/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../../theme';
-import { DefaultContentStyle } from './types';
+import type { StrictTheme } from '../../../theme';
+import type { DefaultContentStyle } from './types';
 
 export const getDefaultStyle = ({
   tokens: { colors, fontSizes, space },

package/src/Authenticator/common/DefaultContent/types.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type React from 'react';
+import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 
-import {
+import type {
   AuthenticatorComponentDefaultProps,
   AuthenticatorHeaderComponent,
   AuthenticatorFooterComponent,
@@ -9,13 +9,13 @@ import {
   AuthenticatorRouteComponentName,
 } from '@aws-amplify/ui-react-core';
 
-import { ButtonProps } from '../../../primitives';
+import type { ButtonProps } from '../../../primitives';
 
-import {
+import type {
   DefaultFormFieldsComponent,
   DefaultFormFieldsStyle,
 } from '../../common';
-import { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
+import type { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
 
 export interface DefaultContentStyle {
   body?: TextStyle;
@@ -59,7 +59,7 @@ export type DefaultContentProps<
   FieldsType extends
     | TextFieldOptionsType
     | RadioFieldOptions
-    | unknown = unknown
+    | unknown = unknown,
 > = Pick<DefaultComponentProps<FieldsType>, 'error' | 'isPending'> & {
   buttons: DefaultButtons;
   body?: React.ReactNode;

package/src/Authenticator/common/DefaultFooter/DefaultFooter.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 
-import { DefaultFooterProps } from './types';
+import type { DefaultFooterProps } from './types';
 
 export default function DefaultFooter({
   children,

package/src/Authenticator/common/DefaultFooter/index.ts

@@ -1,2 +1,2 @@
 export { default as DefaultFooter } from './DefaultFooter';
-export { DefaultFooterProps } from './types';
+export type { DefaultFooterProps } from './types';

package/src/Authenticator/common/DefaultFooter/types.ts

@@ -1,3 +1,3 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 
 export interface DefaultFooterProps extends ViewProps {}

package/src/Authenticator/common/DefaultFormFields/DefaultSelectMfaTypeFormFields.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { DefaultRadioFormFieldsProps } from './types';
+import type { DefaultRadioFormFieldsProps } from './types';
 
 import { RadioGroup } from '../../../primitives/RadioGroup';
 import { Radio } from '../../../primitives/Radio';

package/src/Authenticator/common/DefaultFormFields/DefaultTextFormFields.tsx

@@ -5,7 +5,7 @@ import { getErrors } from '@aws-amplify/ui';
 
 import Field from './Field';
 import { FieldErrors } from './FieldErrors';
-import {
+import type {
   // DefaultTextFormFieldsComponent,
   DefaultTextFormFieldsProps,
 } from './types';

package/src/Authenticator/common/DefaultFormFields/DefaultVerifyUserFormFields.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
-import { censorContactMethod, ContactMethod } from '@aws-amplify/ui';
+import type { ContactMethod } from '@aws-amplify/ui';
+import { censorContactMethod } from '@aws-amplify/ui';
 
 import { Radio, RadioGroup } from '../../../primitives';
-import { DefaultRadioFormFieldsProps } from './types';
+import type { DefaultRadioFormFieldsProps } from './types';
 
 interface AttributeMap {
   email: ContactMethod;

package/src/Authenticator/common/DefaultFormFields/Field.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { TextInput, TextInputProps } from 'react-native';
+import type { TextInputProps } from 'react-native';
+import { TextInput } from 'react-native';
 
 import {
   PasswordField,
@@ -7,7 +8,7 @@ import {
   TextField,
 } from '../../../primitives';
 import { platform } from '../../../utils';
-import { FieldProps } from './types';
+import type { FieldProps } from './types';
 
 const { IS_IOS } = platform;
 

package/src/Authenticator/common/DefaultFormFields/FieldErrors.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Text, View } from 'react-native';
 
-import { FieldErrorsProps } from './types';
+import type { FieldErrorsProps } from './types';
 
 export const FieldErrors = ({
   errors,

package/src/Authenticator/common/DefaultFormFields/index.ts

@@ -1,4 +1,7 @@
 export { default as DefaultTextFormFields } from './DefaultTextFormFields';
 export { default as DefaultVerifyUserFormFields } from './DefaultVerifyUserFormFields';
 export { default as DefaultSelectMfaTypeFormFields } from './DefaultSelectMfaTypeFormFields';
-export { DefaultFormFieldsComponent, DefaultFormFieldsStyle } from './types';
+export type {
+  DefaultFormFieldsComponent,
+  DefaultFormFieldsStyle,
+} from './types';

package/src/Authenticator/common/DefaultFormFields/types.ts

@@ -1,10 +1,10 @@
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import {
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type {
   AuthenticatorFormFieldsComponent,
   UseAuthenticator,
 } from '@aws-amplify/ui-react-core';
 
-import { RadioFieldOptions, TextFieldOptionsType } from '../../hooks';
+import type { RadioFieldOptions, TextFieldOptionsType } from '../../hooks';
 
 export type FieldProps = Omit<TextFieldOptionsType, 'name'> & {
   disabled: boolean;

package/src/Authenticator/common/DefaultHeader/DefaultHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Heading } from '../../../primitives/Heading';
-import { DefaultHeaderProps } from './types';
+import type { DefaultHeaderProps } from './types';
 
 export default function DefaultHeader({
   children,

package/src/Authenticator/common/DefaultHeader/index.ts

@@ -1,2 +1,2 @@
 export { default as DefaultHeader } from './DefaultHeader';
-export { DefaultHeaderProps } from './types';
+export type { DefaultHeaderProps } from './types';

package/src/Authenticator/common/DefaultHeader/types.ts

@@ -1,3 +1,3 @@
-import { HeadingProps } from '../../../primitives/Heading';
+import type { HeadingProps } from '../../../primitives/Heading';
 
 export interface DefaultHeaderProps extends HeadingProps {}

package/src/Authenticator/common/FederatedProviderButton/FederatedProviderButton.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Button, Icon, Label } from '../../../primitives';
 import { usePressableContainerStyles } from '../../../hooks';
 
-import { FederatedProviderButtonProps } from './types';
+import type { FederatedProviderButtonProps } from './types';
 
 export default function FederatedProviderButton({
   children,

package/src/Authenticator/common/FederatedProviderButton/index.ts

@@ -1,2 +1,2 @@
 export { default as FederatedProviderButton } from './FederatedProviderButton';
-export { FederatedProviderButtonProps } from './types';
+export type { FederatedProviderButtonProps } from './types';

package/src/Authenticator/common/FederatedProviderButton/types.ts

@@ -1,11 +1,11 @@
-import {
+import type {
   ImageSourcePropType,
   ImageStyle,
   TextStyle,
   ViewStyle,
 } from 'react-native';
 
-import { ButtonProps } from '../../../primitives';
+import type { ButtonProps } from '../../../primitives';
 
 export interface FederatedProviderButtonProps
   extends Omit<ButtonProps, 'children'> {

package/src/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.tsx

@@ -1,16 +1,13 @@
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
 
-import {
-  SocialProvider,
-  authenticatorTextUtil,
-  capitalize,
-} from '@aws-amplify/ui';
+import type { SocialProvider } from '@aws-amplify/ui';
+import { authenticatorTextUtil, capitalize } from '@aws-amplify/ui';
 
 import { Divider } from '../../../primitives';
 import { useTheme } from '../../../theme';
 import { FederatedProviderButton } from '../FederatedProviderButton';
-import { FederatedProviderButtonsProps } from './types';
+import type { FederatedProviderButtonsProps } from './types';
 import { icons } from '../../../assets';
 import { getThemedStyles } from './styles';
 

package/src/Authenticator/common/FederatedProviderButtons/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../../theme';
-import { FederatedProviderButtonStyle } from './types';
+import type { StrictTheme } from '../../../theme';
+import type { FederatedProviderButtonStyle } from './types';
 
 export const getThemedStyles = (
   theme: StrictTheme

package/src/Authenticator/common/FederatedProviderButtons/types.ts

@@ -1,6 +1,6 @@
-import { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
 
-import { AuthenticatorMachineContext } from '@aws-amplify/ui-react-core';
+import type { AuthenticatorMachineContext } from '@aws-amplify/ui-react-core';
 
 export interface FederatedProviderButtonsProps
   extends Pick<

package/src/Authenticator/hooks/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   TextFieldProps,
   PasswordFieldProps,
   PhoneNumberFieldProps,
@@ -16,6 +16,7 @@ export type AuthenticatorFieldTypeKey =
 type RadioFieldOnBlur = RadioProps<string>['onBlur'];
 export type TextFieldOnBlur = TextFieldProps['onBlur'];
 export type OnChangeText = TextFieldProps['onChangeText'];
+export type OnChange = TextFieldProps['onChange'];
 
 type FieldOptions<FieldProps, Type extends AuthenticatorFieldTypeKey> = {
   name: string;

package/src/Authenticator/hooks/useFieldValues/types.ts

@@ -1,11 +1,11 @@
-import {
+import type {
   AuthenticatorComponentDefaultProps,
   AuthenticatorRouteComponentName,
   AuthenticatorMachineContext,
 } from '@aws-amplify/ui-react-core';
-import { ValidationError } from '@aws-amplify/ui';
+import type { ValidationError } from '@aws-amplify/ui';
 
-import { TypedField } from '../types';
+import type { TypedField } from '../types';
 
 export type MachineEventHandlers = Pick<
   AuthenticatorComponentDefaultProps[AuthenticatorRouteComponentName],

package/src/Authenticator/hooks/useFieldValues/useFieldValues.ts

@@ -1,15 +1,16 @@
-import { useMemo, useState } from 'react';
+import { useMemo, useRef, useState } from 'react';
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
-import { ValidationError } from '@aws-amplify/ui';
+import type { ValidationError } from '@aws-amplify/ui';
 
-import {
+import type {
+  OnChange,
   OnChangeText,
   RadioFieldOptions,
   TextFieldOnBlur,
   TypedField,
 } from '../types';
 
-import { UseFieldValues, UseFieldValuesParams } from './types';
+import type { UseFieldValues, UseFieldValuesParams } from './types';
 import {
   getSanitizedTextFields,
   isRadioFieldOptions,
@@ -29,6 +30,7 @@ export default function useFieldValues<FieldType extends TypedField>({
   validationErrors,
 }: UseFieldValuesParams<FieldType>): UseFieldValues<FieldType> {
   const [touched, setTouched] = useState<Record<string, boolean>>({});
+  const lastProcessed = useRef<string>();
   const [fieldValidationErrors, setFieldValidationErrors] =
     useState<ValidationError>({});
   const isVerifyUserRoute = componentName === 'VerifyUser';
@@ -124,9 +126,10 @@ export default function useFieldValues<FieldType extends TypedField>({
       });
     };
 
-    const onChangeText: OnChangeText = (value) => {
-      // call `onChangeText` passed as text `field` option
-      field.onChangeText?.(value);
+    const reportChange = (value: string) => {
+      if (lastProcessed.current === `${name}:${value}`) {
+        return;
+      }
 
       // call machine change handler
       handleChange({ name, value });
@@ -138,13 +141,29 @@ export default function useFieldValues<FieldType extends TypedField>({
         });
       }
 
-      setValues({ ...values, [name]: value });
+      lastProcessed.current = `${name}:${value}`;
+      setValues((prev) => ({ ...prev, [name]: value }));
+    };
+
+    const onChangeText: OnChangeText = (value) => {
+      // call `onChangeText` passed as text `field` option
+      field.onChangeText?.(value);
+
+      reportChange(value);
+    };
+
+    const onChange: OnChange = (event) => {
+      // call `onChange` passed as text `field` option
+      field.onChange?.(event);
+
+      reportChange(event.nativeEvent.text ?? '');
     };
 
     return {
       ...rest,
       label: labelHidden ? undefined : label,
       onBlur,
+      onChange,
       onChangeText,
       name,
       value: values[name],

package/src/Authenticator/hooks/useFieldValues/utils.ts

@@ -1,20 +1,20 @@
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
+import type { ValidationError } from '@aws-amplify/ui';
 import {
   authenticatorTextUtil,
   isString,
   isUnverifiedContactMethodType,
   isValidEmail,
   UnverifiedContactMethodType,
-  ValidationError,
 } from '@aws-amplify/ui';
-import {
+import type {
   AuthenticatorLegacyField,
   AuthenticatorRouteComponentName,
-  isAuthenticatorComponentRouteKey,
   UseAuthenticator,
 } from '@aws-amplify/ui-react-core';
+import { isAuthenticatorComponentRouteKey } from '@aws-amplify/ui-react-core';
 
-import {
+import type {
   AuthenticatorFieldTypeKey,
   MachineFieldTypeKey,
   RadioFieldOptions,

package/src/Authenticator/index.ts

@@ -1,6 +1,6 @@
 export { default as Authenticator } from './Authenticator';
-export { ContainerProps } from './common';
-export {
+export type { ContainerProps } from './common';
+export type {
   ConfirmResetPasswordProps,
   ConfirmSignInProps,
   ConfirmSignUpProps,
@@ -14,6 +14,7 @@ export {
   SignUpProps,
   VerifyUserProps,
 } from './Defaults';
-export { AuthenticatorProps, WithAuthenticatorOptions } from './types';
-export { useAuthenticator, UseAuthenticator } from './useAuthenticator';
+export type { AuthenticatorProps, WithAuthenticatorOptions } from './types';
+export type { UseAuthenticator } from './useAuthenticator';
+export { useAuthenticator } from './useAuthenticator';
 export { default as withAuthenticator } from './withAuthenticator';

package/src/Authenticator/types.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type React from 'react';
 
-import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
+import type { AuthenticatorMachineOptions } from '@aws-amplify/ui';
 
-import { DefaultContainerComponent } from './common';
-import { Components } from './Defaults';
+import type { DefaultContainerComponent } from './common';
+import type { Components } from './Defaults';
 
 type SupportedAuthenticatorMachineOptions = Omit<
   AuthenticatorMachineOptions,

package/src/Authenticator/useAuthenticator.ts

@@ -1,13 +1,11 @@
 // re-export `UseAuthenticator` export
-export { UseAuthenticator } from '@aws-amplify/ui-react-core';
+export type { UseAuthenticator } from '@aws-amplify/ui-react-core';
 
 import { signOut as _signOut } from 'aws-amplify/auth';
-import { AuthEventData } from '@aws-amplify/ui';
+import type { AuthEventData } from '@aws-amplify/ui';
 
-import {
-  useAuthenticator as _useAuthenticator,
-  UseAuthenticator,
-} from '@aws-amplify/ui-react-core';
+import type { UseAuthenticator } from '@aws-amplify/ui-react-core';
+import { useAuthenticator as _useAuthenticator } from '@aws-amplify/ui-react-core';
 
 // wrap and re-export `useAuthenticator` to replace state machine `signOut` with
 // `aws-amplify/auth` version due to iOS specifc requirements for federated sign

package/src/Authenticator/withAuthenticator.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Authenticator from './Authenticator';
-import { WithAuthenticatorOptions } from './types';
+import type { WithAuthenticatorOptions } from './types';
 
 export default function withAuthenticator<Props = {}>(
   Component: React.ComponentType<Props>,

package/src/InAppMessaging/components/BannerMessage/BannerMessage.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
 
-import { ImageDimensions, useMessageProps } from '../../hooks';
+import type { ImageDimensions } from '../../hooks';
+import { useMessageProps } from '../../hooks';
 import { MessageWrapper } from '../MessageWrapper';
 import { MessageLayout } from '../MessageLayout';
 
 import { getStyles, positionStyle } from './styles';
-import { BannerMessageProps } from './types';
+import type { BannerMessageProps } from './types';
 
 export default function BannerMessage({
   position = 'top',

package/src/InAppMessaging/components/BannerMessage/index.ts

@@ -1,2 +1,2 @@
 export { default as BannerMessage } from './BannerMessage';
-export { BannerMessageProps } from './types';
+export type { BannerMessageProps } from './types';

package/src/InAppMessaging/components/BannerMessage/styles.ts

@@ -1,6 +1,6 @@
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
-import { GetDefaultStyle } from '../../hooks';
+import type { GetDefaultStyle } from '../../hooks';
 import {
   BORDER_RADIUS_BASE,
   COLOR_BLACK,
@@ -22,7 +22,7 @@ import {
   SPACING_MEDIUM,
   SPACING_SMALL,
 } from '../../constants';
-import { BannerMessagePositionStyle } from './types';
+import type { BannerMessagePositionStyle } from './types';
 
 export const positionStyle: BannerMessagePositionStyle = {
   bottom: {

package/src/InAppMessaging/components/BannerMessage/types.ts

@@ -1,7 +1,7 @@
-import { ViewStyle } from 'react-native';
-import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
+import type { ViewStyle } from 'react-native';
+import type { BannerMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 
-import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
+import type { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 
 export interface BannerMessageProps
   extends BannerMessageCommonProps<MessageOverrideStyle | undefined> {}

package/src/InAppMessaging/components/CarouselMessage/CarouselMessage.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { MessageContentProps } from '@aws-amplify/ui-react-core-notifications';
+import type { MessageContentProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { Carousel } from '../../../primitives';
 import { IN_APP_MESSAGING_TEST_ID } from '../../constants';
@@ -7,7 +7,7 @@ import { IN_APP_MESSAGING_TEST_ID } from '../../constants';
 import { MessageWrapper } from '../MessageWrapper';
 import CarouselMessageItem from './CarouselMessageItem';
 import { defaultStyle } from './styles';
-import { CarouselMessageProps } from './types';
+import type { CarouselMessageProps } from './types';
 
 export default function CarouselMessage(
   props: CarouselMessageProps

package/src/InAppMessaging/components/CarouselMessage/CarouselMessageItem.tsx

@@ -6,7 +6,7 @@ import { useMessageProps } from '../../hooks';
 import { MessageLayout } from '../MessageLayout';
 
 import { getLandscapeStyles, getPortraitStyles } from './styles';
-import { CarouselMessageItemProps } from './types';
+import type { CarouselMessageItemProps } from './types';
 
 export default function CarouselMessageItem(
   props: CarouselMessageItemProps

package/src/InAppMessaging/components/CarouselMessage/index.ts

@@ -1,2 +1,2 @@
 export { default as CarouselMessage } from './CarouselMessage';
-export { CarouselMessageProps } from './types';
+export type { CarouselMessageProps } from './types';

package/src/InAppMessaging/components/CarouselMessage/styles.ts

@@ -1,4 +1,5 @@
-import { ImageStyle, StyleSheet } from 'react-native';
+import type { ImageStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
 import {
   BORDER_RADIUS_BASE,
   COLOR_GREY,
@@ -17,7 +18,10 @@ import {
   SPACING_SMALL,
 } from '../../constants';
 
-import { CarouselMessageStyle, CarouselMessageComponentStyle } from './types';
+import type {
+  CarouselMessageStyle,
+  CarouselMessageComponentStyle,
+} from './types';
 
 export const defaultStyle: CarouselMessageComponentStyle = StyleSheet.create({
   pageIndicatorActive: {

package/src/InAppMessaging/components/CarouselMessage/types.ts

@@ -1,11 +1,11 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 
-import {
+import type {
   CarouselMessageCommonProps,
   MessageComponentBaseProps,
 } from '@aws-amplify/ui-react-core-notifications';
 
-import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
+import type { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 
 interface CarouselMessageOverrideStyle extends MessageOverrideStyle {
   pageIndicatorActive?: StyleProp<ViewStyle>;

package/src/InAppMessaging/components/FullScreenMessage/FullScreenMessage.tsx

@@ -7,7 +7,7 @@ import { MessageLayout } from '../MessageLayout';
 import { MessageWrapper } from '../MessageWrapper';
 
 import { getLandscapeStyles, getPortraitStyles } from './styles';
-import { FullScreenMessageProps } from './types';
+import type { FullScreenMessageProps } from './types';
 
 export default function FullScreenMessage(
   props: FullScreenMessageProps

package/src/InAppMessaging/components/FullScreenMessage/index.ts

@@ -1,2 +1,2 @@
 export { default as FullScreenMessage } from './FullScreenMessage';
-export { FullScreenMessageProps } from './types';
+export type { FullScreenMessageProps } from './types';