@sudobility/email-components-rn 1.0.0 → 1.0.2

package/src/EmailInputGroup.tsx

@@ -23,16 +23,16 @@ export const EmailInputField: React.FC<EmailInputFieldProps> = ({
 }) => {
   return (
     <View className={className}>
-      <Text className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
-        {label} {required && <Text className="text-red-500">*</Text>}
+      <Text className='text-sm font-medium text-gray-700 dark:text-gray-300 mb-1'>
+        {label} {required && <Text className='text-red-500'>*</Text>}
       </Text>
       <TextInput
         value={value}
         onChangeText={onChangeText}
         placeholder={placeholder}
-        placeholderTextColor="#9CA3AF"
-        keyboardType="email-address"
-        autoCapitalize="none"
+        placeholderTextColor='#9CA3AF'
+        keyboardType='email-address'
+        autoCapitalize='none'
         autoCorrect={false}
         accessibilityLabel={label}
         className={cn(
@@ -45,7 +45,7 @@ export const EmailInputField: React.FC<EmailInputFieldProps> = ({
         )}
       />
       {error && (
-        <Text className="mt-1 text-sm text-red-600 dark:text-red-400">
+        <Text className='mt-1 text-sm text-red-600 dark:text-red-400'>
           {error}
         </Text>
       )}
@@ -73,10 +73,10 @@ export const CollapsibleEmailField: React.FC<CollapsibleEmailFieldProps> = ({
     <View>
       <Pressable
         onPress={onToggle}
-        accessibilityRole="button"
-        className="flex-row items-center mb-2"
+        accessibilityRole='button'
+        className='flex-row items-center mb-2'
       >
-        <Text className="text-sm text-blue-600 dark:text-blue-400">
+        <Text className='text-sm text-blue-600 dark:text-blue-400'>
           {isVisible ? '▲' : '▼'} {toggleLabel}
         </Text>
       </Pressable>

package/src/EmailTemplate.tsx

@@ -23,8 +23,8 @@ export const EmailTemplate: React.FC<EmailTemplateProps> = ({
     <Pressable
       onPress={disabled ? undefined : onPress}
       disabled={disabled}
-      accessibilityRole="button"
-      accessibilityLabel="Email Template"
+      accessibilityRole='button'
+      accessibilityLabel='Email Template'
       accessibilityState={{ disabled }}
       className={cn(
         'p-4 rounded-lg border',
@@ -37,7 +37,7 @@ export const EmailTemplate: React.FC<EmailTemplateProps> = ({
       {...props}
     >
       {children || (
-        <Text className="text-gray-900 dark:text-white">
+        <Text className='text-gray-900 dark:text-white'>
           EmailTemplate Component
         </Text>
       )}

package/src/FreeEmailBanner.tsx

@@ -111,22 +111,22 @@ export const FreeEmailBanner: React.FC<FreeEmailBannerProps> = ({
         getSizeStyle(size),
         className
       )}
-      accessibilityLabel="Free Email Banner"
+      accessibilityLabel='Free Email Banner'
       {...props}
     >
-      <View className="items-center gap-4">
+      <View className='items-center gap-4'>
         {isDismissible && onDismiss && (
           <Pressable
             onPress={onDismiss}
-            accessibilityRole="button"
+            accessibilityRole='button'
             accessibilityLabel={dismissAriaLabel}
-            className="absolute right-2 top-2 p-1 rounded-full"
+            className='absolute right-2 top-2 p-1 rounded-full'
           >
-            <Text className="text-current opacity-60">✕</Text>
+            <Text className='text-current opacity-60'>✕</Text>
           </Pressable>
         )}
 
-        <View className="flex-row items-center justify-center flex-wrap gap-2">
+        <View className='flex-row items-center justify-center flex-wrap gap-2'>
           {showBadge && (
             <View
               className={cn(
@@ -144,18 +144,17 @@ export const FreeEmailBanner: React.FC<FreeEmailBannerProps> = ({
               </Text>
             </View>
           )}
-          <Text className={cn('font-semibold text-center', getTextStyle(variant))}>
+          <Text
+            className={cn('font-semibold text-center', getTextStyle(variant))}
+          >
             {message}
           </Text>
         </View>
 
         <Pressable
           onPress={handleCtaPress}
-          accessibilityRole="button"
-          className={cn(
-            'px-6 py-2 rounded-lg',
-            getButtonStyle(variant)
-          )}
+          accessibilityRole='button'
+          className={cn('px-6 py-2 rounded-lg', getButtonStyle(variant))}
         >
           <Text className={cn('font-medium', getButtonTextStyle(variant))}>
             {ctaText}

package/src/SubscriberList.tsx

@@ -26,11 +26,11 @@ export const SubscriberList: React.FC<SubscriberListProps> = ({
         disabled && 'opacity-50',
         className
       )}
-      accessibilityLabel="Subscriber List"
+      accessibilityLabel='Subscriber List'
       {...props}
     >
       {children || (
-        <Text className="text-gray-900 dark:text-white">
+        <Text className='text-gray-900 dark:text-white'>
           SubscriberList Component
         </Text>
       )}

package/src/SubscriptionPlan.tsx

@@ -23,8 +23,8 @@ export const SubscriptionPlan: React.FC<SubscriptionPlanProps> = ({
     <Pressable
       onPress={disabled ? undefined : onPress}
       disabled={disabled}
-      accessibilityRole="button"
-      accessibilityLabel="Subscription Plan"
+      accessibilityRole='button'
+      accessibilityLabel='Subscription Plan'
       accessibilityState={{ disabled }}
       className={cn(
         'p-4 rounded-lg border',
@@ -37,7 +37,7 @@ export const SubscriptionPlan: React.FC<SubscriptionPlanProps> = ({
       {...props}
     >
       {children || (
-        <Text className="text-gray-900 dark:text-white">
+        <Text className='text-gray-900 dark:text-white'>
           SubscriptionPlan Component
         </Text>
       )}

package/src/index.ts

@@ -24,4 +24,7 @@ export {
 export { EmailTemplate, type EmailTemplateProps } from './EmailTemplate';
 export { FreeEmailBanner, type FreeEmailBannerProps } from './FreeEmailBanner';
 export { SubscriberList, type SubscriberListProps } from './SubscriberList';
-export { SubscriptionPlan, type SubscriptionPlanProps } from './SubscriptionPlan';
+export {
+  SubscriptionPlan,
+  type SubscriptionPlanProps,
+} from './SubscriptionPlan';