@umituz/react-native-design-system 4.25.67 → 4.25.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.67",
+  "version": "4.25.68",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/onboarding/infrastructure/services/ValidationManager.ts

@@ -43,7 +43,7 @@ export class ValidationManager {
         break;
     }
 
-    // Custom validator
+    // Custom validator (for types not covered by switch, e.g. default)
     if (validation.customValidator) {
       const customResult = validation.customValidator(answer);
       return customResult === true;
@@ -85,10 +85,20 @@ export class ValidationManager {
   ): boolean {
     if (!validation) return true;
 
+    // If no answer yet (undefined/null), valid only when not required
+    if (answer === undefined || answer === null) {
+      return !validation.required;
+    }
+
     if (typeof answer !== "string") {
       return false;
     }
 
+    // Empty string: valid only when not required
+    if (!answer.trim() && validation.required) {
+      return false;
+    }
+
     if (validation.minLength && answer.length < validation.minLength) {
       return false;
     }
@@ -97,6 +107,12 @@ export class ValidationManager {
       return false;
     }
 
+    // Run custom validator if provided
+    if (validation.customValidator) {
+      const customResult = validation.customValidator(answer);
+      return customResult === true;
+    }
+
     return true;
   }
 

package/src/onboarding/presentation/components/QuestionSlideHeader.tsx

@@ -16,19 +16,21 @@ export const QuestionSlideHeader = ({ slide }: QuestionSlideHeaderProps) => {
 
   return (
     <View style={styles.container}>
-      <View style={[
-        styles.iconContainer,
-        {
-          backgroundColor: colors.iconBg,
-          borderColor: colors.iconBorder,
-        }
-      ]}>
-        {isEmoji ? (
-          <AtomicText style={{ fontSize: 48 }}>{slide.icon}</AtomicText>
-        ) : (
-          <AtomicIcon name={slide.icon} customSize={48} customColor={colors.textColor} />
-        )}
-      </View>
+      {!slide.hideIcon && (
+        <View style={[
+          styles.iconContainer,
+          {
+            backgroundColor: colors.iconBg,
+            borderColor: colors.iconBorder,
+          }
+        ]}>
+          {isEmoji ? (
+            <AtomicText style={{ fontSize: 48 }}>{slide.icon}</AtomicText>
+          ) : (
+            <AtomicIcon name={slide.icon} customSize={48} customColor={colors.textColor} />
+          )}
+        </View>
+      )}
 
       <AtomicText type="headlineMedium" style={[styles.title, { color: colors.textColor }]}>
         {slide.title}