@sudobility/marketing-components-rn 1.0.0 → 1.0.2

package/src/InternalLinkClusters.tsx

@@ -25,10 +25,14 @@ export const InternalLink: React.FC<InternalLinkProps> = ({
 }) => (
   <Pressable
     onPress={() => onPress?.(to)}
-    accessibilityRole="link"
-    accessibilityLabel={typeof children === 'string' ? `Navigate to ${children}` : undefined}
+    accessibilityRole='link'
+    accessibilityLabel={
+      typeof children === 'string' ? `Navigate to ${children}` : undefined
+    }
   >
-    <Text className={cn('underline font-medium', linkVariants[variant], className)}>
+    <Text
+      className={cn('underline font-medium', linkVariants[variant], className)}
+    >
       {children}
     </Text>
   </Pressable>
@@ -107,11 +111,11 @@ export const TopicClusterLinks: React.FC<TopicClusterLinksProps> = ({
     <View className={cn('flex-row flex-wrap gap-2', className)} {...props}>
       {Object.entries(links).map(([key, url], index) => (
         <React.Fragment key={key}>
-          <InternalLink to={url} variant="primary" onPress={onLinkPress}>
+          <InternalLink to={url} variant='primary' onPress={onLinkPress}>
             {texts[key]}
           </InternalLink>
           {index < Object.keys(links).length - 1 && (
-            <Text className="text-gray-400"> • </Text>
+            <Text className='text-gray-400'> • </Text>
           )}
         </React.Fragment>
       ))}
@@ -143,8 +147,8 @@ export const RelatedLinks: React.FC<RelatedLinksProps> = ({
     )}
     {...props}
   >
-    <View className="flex-row flex-wrap items-center gap-2">
-      <Text className="text-sm font-medium text-blue-900 dark:text-blue-200">
+    <View className='flex-row flex-wrap items-center gap-2'>
+      <Text className='text-sm font-medium text-blue-900 dark:text-blue-200'>
         {title}
       </Text>
       {links.map((link, index) => (
@@ -157,7 +161,7 @@ export const RelatedLinks: React.FC<RelatedLinksProps> = ({
             {link.text}
           </InternalLink>
           {index < links.length - 1 && (
-            <Text className="text-gray-400"> • </Text>
+            <Text className='text-gray-400'> • </Text>
           )}
         </React.Fragment>
       ))}
@@ -165,7 +169,10 @@ export const RelatedLinks: React.FC<RelatedLinksProps> = ({
   </View>
 );
 
-export const generateContextualLinks = (pageType: string, _userStatus?: string) => {
+export const generateContextualLinks = (
+  pageType: string,
+  _userStatus?: string
+) => {
   const baseLinks: Record<string, Array<{ text: string; url: string }>> = {
     homepage: [
       { text: 'How it works', url: '/document#getting-started' },

package/src/NpsSurvey.tsx

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

package/src/SalesReport.tsx

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

package/src/TestimonialSlider.tsx

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

package/src/UseCaseGrid.tsx

@@ -42,36 +42,40 @@ interface UseCaseCardProps {
 }
 
 const UseCaseCard: React.FC<UseCaseCardProps> = ({ useCase }) => {
-  const iconColor = useCase.color ? colorClasses[useCase.color] : colorClasses.blue;
-  const bulletColor = useCase.color ? bulletColors[useCase.color] : bulletColors.blue;
+  const iconColor = useCase.color
+    ? colorClasses[useCase.color]
+    : colorClasses.blue;
+  const bulletColor = useCase.color
+    ? bulletColors[useCase.color]
+    : bulletColors.blue;
 
   return (
-    <View className="bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 mb-4 mx-2">
+    <View className='bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 mb-4 mx-2'>
       <View className={cn('mb-4', iconColor)}>{useCase.icon}</View>
 
-      <Text className="text-xl font-semibold text-gray-900 dark:text-white mb-3">
+      <Text className='text-xl font-semibold text-gray-900 dark:text-white mb-3'>
         {useCase.title}
       </Text>
 
-      <Text className="text-gray-600 dark:text-gray-300 mb-4">
+      <Text className='text-gray-600 dark:text-gray-300 mb-4'>
         {useCase.description}
       </Text>
 
       {useCase.examples && useCase.examples.length > 0 && (
         <View>
-          <Text className="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2">
+          <Text className='text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2'>
             Examples:
           </Text>
-          <View className="gap-1">
+          <View className='gap-1'>
             {useCase.examples.map((example, exampleIndex) => (
-              <View key={exampleIndex} className="flex-row items-start">
+              <View key={exampleIndex} className='flex-row items-start'>
                 <View
                   className={cn(
                     'w-1.5 h-1.5 rounded-full mt-2 mr-2',
                     bulletColor
                   )}
                 />
-                <Text className="text-sm text-gray-600 dark:text-gray-400 flex-1">
+                <Text className='text-sm text-gray-600 dark:text-gray-400 flex-1'>
                   {example}
                 </Text>
               </View>
@@ -98,14 +102,14 @@ export const UseCaseGrid: React.FC<UseCaseGridProps> = ({
   return (
     <View className={cn('py-8 px-4', className)} {...props}>
       {(title || description) && (
-        <View className="items-center mb-8">
+        <View className='items-center mb-8'>
           {title && (
-            <Text className="text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center">
+            <Text className='text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center'>
               {title}
             </Text>
           )}
           {description && (
-            <Text className="text-lg text-gray-600 dark:text-gray-300 text-center max-w-lg">
+            <Text className='text-lg text-gray-600 dark:text-gray-300 text-center max-w-lg'>
               {description}
             </Text>
           )}

package/src/WelcomeScreen.tsx

@@ -30,48 +30,43 @@ export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({
 }) => {
   return (
     <View
-      className={cn(
-        'flex-1 items-center justify-center px-6 py-12',
-        className
-      )}
+      className={cn('flex-1 items-center justify-center px-6 py-12', className)}
       {...props}
     >
-      {illustration && (
-        <View className="mb-8">{illustration}</View>
-      )}
+      {illustration && <View className='mb-8'>{illustration}</View>}
 
       {subtitle && (
-        <Text className="text-sm font-medium text-blue-600 dark:text-blue-400 mb-2 uppercase tracking-wide">
+        <Text className='text-sm font-medium text-blue-600 dark:text-blue-400 mb-2 uppercase tracking-wide'>
           {subtitle}
         </Text>
       )}
 
-      <Text className="text-3xl font-bold text-gray-900 dark:text-white text-center mb-4">
+      <Text className='text-3xl font-bold text-gray-900 dark:text-white text-center mb-4'>
         {title}
       </Text>
 
       {description && (
-        <Text className="text-base text-gray-600 dark:text-gray-400 text-center mb-8 max-w-sm">
+        <Text className='text-base text-gray-600 dark:text-gray-400 text-center mb-8 max-w-sm'>
           {description}
         </Text>
       )}
 
-      <View className="w-full max-w-xs gap-3">
+      <View className='w-full max-w-xs gap-3'>
         <Button
-          variant="primary"
-          size="lg"
+          variant='primary'
+          size='lg'
           onPress={onPrimaryPress}
-          className="w-full"
+          className='w-full'
         >
           {primaryButtonText}
         </Button>
 
         {secondaryButtonText && (
           <Button
-            variant="ghost"
-            size="lg"
+            variant='ghost'
+            size='lg'
             onPress={onSecondaryPress}
-            className="w-full"
+            className='w-full'
           >
             {secondaryButtonText}
           </Button>

package/src/index.ts

@@ -6,7 +6,10 @@
 export { CrmDashboard, type CrmDashboardProps } from './CrmDashboard';
 export { CtaBanner, type CtaBannerProps } from './CtaBanner';
 export { FeatureListItem, type FeatureListItemProps } from './FeatureListItem';
-export { FeatureSpotlight, type FeatureSpotlightProps } from './FeatureSpotlight';
+export {
+  FeatureSpotlight,
+  type FeatureSpotlightProps,
+} from './FeatureSpotlight';
 export {
   HeroBannerWithBadge,
   type HeroBannerWithBadgeProps,
@@ -23,7 +26,10 @@ export {
 } from './InternalLinkClusters';
 export { NpsSurvey, type NpsSurveyProps } from './NpsSurvey';
 export { SalesReport, type SalesReportProps } from './SalesReport';
-export { TestimonialSlider, type TestimonialSliderProps } from './TestimonialSlider';
+export {
+  TestimonialSlider,
+  type TestimonialSliderProps,
+} from './TestimonialSlider';
 export {
   UseCaseGrid,
   type UseCaseGridProps,