@aws-amplify/ui-react-native 2.5.1 → 2.5.3

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,

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,15 @@
 import { useMemo, 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 {
   OnChangeText,
   RadioFieldOptions,
   TextFieldOnBlur,
   TypedField,
 } from '../types';
 
-import { UseFieldValues, UseFieldValuesParams } from './types';
+import type { UseFieldValues, UseFieldValuesParams } from './types';
 import {
   getSanitizedTextFields,
   isRadioFieldOptions,

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';

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

@@ -1,6 +1,6 @@
-import { ImageStyle } from 'react-native';
+import type { ImageStyle } from 'react-native';
 
-import { GetDefaultStyle } from '../../hooks';
+import type { GetDefaultStyle } from '../../hooks';
 import {
   BORDER_RADIUS_BASE,
   COLOR_LIGHT_GREY,
@@ -16,7 +16,7 @@ import {
   SPACING_MEDIUM,
 } from '../../constants';
 
-import { FullScreenMessageStyle } from './types';
+import type { FullScreenMessageStyle } from './types';
 
 const commonStyles: Omit<FullScreenMessageStyle, 'image'> = {
   body: {

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

@@ -1,5 +1,5 @@
-import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
-import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
+import type { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
+import type { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 
 export interface FullScreenMessageProps
   extends FullScreenMessageCommonProps<MessageOverrideStyle | undefined> {}

package/src/InAppMessaging/components/InAppMessageDisplay/InAppMessageDisplay.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
+import type { OnMessageAction } from '@aws-amplify/ui-react-core-notifications';
 import {
   handleMessageAction,
-  OnMessageAction,
   useMessage,
 } from '@aws-amplify/ui-react-core-notifications';
 
@@ -12,7 +12,10 @@ import { CarouselMessage } from '../CarouselMessage';
 import { ModalMessage } from '../ModalMessage';
 
 import handleMessageLinkAction from './handleMessageLinkAction';
-import { InAppMessageDisplayProps, MessageDefaultComponents } from './types';
+import type {
+  InAppMessageDisplayProps,
+  MessageDefaultComponents,
+} from './types';
 
 const platformComponents: MessageDefaultComponents = {
   BannerMessage,

package/src/InAppMessaging/components/InAppMessageDisplay/handleMessageLinkAction.ts

@@ -1,6 +1,6 @@
 import { Linking } from 'react-native';
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
-import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core-notifications';
+import type { HandleMessageLinkAction } from '@aws-amplify/ui-react-core-notifications';
 
 const logger = new Logger('InAppMessaging');
 

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

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

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

@@ -1,14 +1,14 @@
-import {
+import type {
   BannerMessageComponent,
   CarouselMessageComponent,
   FullScreenMessageComponent,
   ModalMessageComponent,
 } from '@aws-amplify/ui-react-core-notifications';
 
-import { BannerMessageProps } from '../BannerMessage';
-import { CarouselMessageProps } from '../CarouselMessage';
-import { FullScreenMessageProps } from '../FullScreenMessage';
-import { ModalMessageProps } from '../ModalMessage';
+import type { BannerMessageProps } from '../BannerMessage';
+import type { CarouselMessageProps } from '../CarouselMessage';
+import type { FullScreenMessageProps } from '../FullScreenMessage';
+import type { ModalMessageProps } from '../ModalMessage';
 
 type BannerStyle = BannerMessageProps['style'];
 type CarouselStyle = CarouselMessageProps['style'];

package/src/InAppMessaging/components/MessageLayout/MessageLayout.tsx

@@ -11,7 +11,7 @@ import {
   IN_APP_MESSAGING_TEST_ID,
 } from '../../constants';
 
-import { LayoutProps } from './types';
+import type { LayoutProps } from './types';
 
 export default function MessageLayout({
   orientation,

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

@@ -1,7 +1,7 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
+import type { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 
-import { DeviceOrientation } from '../../../hooks';
-import {
+import type { DeviceOrientation } from '../../../hooks';
+import type {
   MessageComponentStyles,
   MessageOverrideStyle,
   UseMessageProps,

package/src/InAppMessaging/components/MessageWrapper/MessageWrapper.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import { Modal, ModalPropsIOS } from 'react-native';
+import type { ModalPropsIOS } from 'react-native';
+import { Modal } from 'react-native';
 import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 import { styles } from './styles';
-import { MessageWrapperProps } from './types';
+import type { MessageWrapperProps } from './types';
 
 const SUPPORTED_ORIENTATIONS: ModalPropsIOS['supportedOrientations'] = [
   'portrait',

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

@@ -1,2 +1,2 @@
 export { default as MessageWrapper } from './MessageWrapper';
-export { MessageWrapperProps, MessageWrapperStyle } from './types';
+export type { MessageWrapperProps, MessageWrapperStyle } from './types';

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

@@ -1,4 +1,4 @@
-import { MessageWrapperStyle } from './types';
+import type { MessageWrapperStyle } from './types';
 
 export const styles: MessageWrapperStyle = {
   messageWrapper: {

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 
 export interface MessageWrapperProps {
   children: ReactNode;

package/src/InAppMessaging/components/ModalMessage/ModalMessage.tsx

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

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

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