@umituz/react-native-onboarding 3.6.13 → 3.6.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "3.6.13",
+  "version": "3.6.15",
   "description": "Advanced onboarding flow for React Native apps with personalization questions, theme-aware colors, animations, and customizable slides. SOLID, DRY, KISS principles applied.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/infrastructure/utils/layouts/collageLayout.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH, SCREEN_HEIGHT } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateCollageLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { borderRadius = 8 } = config;

package/src/infrastructure/utils/layouts/gridLayouts.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH, SCREEN_HEIGHT } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateGridLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { columns, gap = 0, borderRadius = 0 } = config;
@@ -38,7 +38,7 @@ export const generateGridLayout = (
 };
 
 export const generateDenseGridLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { columns = 6, gap = 2, borderRadius = 4 } = config;

package/src/infrastructure/utils/layouts/honeycombLayout.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateHoneycombLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { borderRadius = 50 } = config;

package/src/infrastructure/utils/layouts/index.ts

@@ -2,7 +2,7 @@
  * Layout Generators - Barrel Export
  */
 
-export type { ImageLayoutItem, ImageLayoutStyle, LayoutConfig } from "./layoutTypes";
+export type { ImageLayoutItem, ImageLayoutStyle, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export { generateGridLayout, generateDenseGridLayout } from "./gridLayouts";
 export { generateMasonryLayout } from "./masonryLayout";

package/src/infrastructure/utils/layouts/layoutTypes.ts

@@ -3,6 +3,10 @@
  * Type definitions for image layout generators
  */
 
+import type { ImageSource } from "expo-image";
+
+export type ImageSourceType = ImageSource | number | string;
+
 export interface ImageLayoutStyle {
   position: "absolute";
   top: number;
@@ -13,7 +17,7 @@ export interface ImageLayoutStyle {
 }
 
 export interface ImageLayoutItem {
-  source: unknown;
+  source: ImageSourceType;
   style: ImageLayoutStyle;
 }
 

package/src/infrastructure/utils/layouts/masonryLayout.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateMasonryLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { columns = 3, gap = 2, borderRadius = 4 } = config;

package/src/infrastructure/utils/layouts/scatteredLayout.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH, SCREEN_HEIGHT } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateScatteredLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { borderRadius = 6 } = config;

package/src/infrastructure/utils/layouts/tilesLayout.ts

@@ -4,10 +4,10 @@
  */
 
 import { SCREEN_WIDTH, SCREEN_HEIGHT } from "./screenDimensions";
-import type { ImageLayoutItem, LayoutConfig } from "./layoutTypes";
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
 
 export const generateTilesLayout = (
-  images: unknown[],
+  images: ImageSourceType[],
   config: LayoutConfig = {},
 ): ImageLayoutItem[] => {
   const { columns = 5, gap = 4, borderRadius = 8 } = config;

package/src/presentation/components/BackgroundImageCollage.tsx

@@ -16,8 +16,8 @@ import {
   generateHoneycombLayout,
   type ImageLayoutItem,
   type LayoutConfig,
-} from "@/infrastructure/utils/layouts";
-import { ensureArray } from "@/infrastructure/utils/arrayUtils";
+  type ImageSourceType,
+} from "../../infrastructure/utils/layouts";
 
 export type CollageLayout =
   | "grid"
@@ -29,7 +29,7 @@ export type CollageLayout =
   | "honeycomb";
 
 export interface BackgroundImageCollageProps {
-  images: unknown[];
+  images: ImageSourceType[];
   layout?: CollageLayout;
   columns?: number;
   gap?: number;
@@ -37,7 +37,7 @@ export interface BackgroundImageCollageProps {
   opacity?: number;
 }
 
-type LayoutGenerator = (images: unknown[], config: LayoutConfig) => ImageLayoutItem[];
+type LayoutGenerator = (images: ImageSourceType[], config: LayoutConfig) => ImageLayoutItem[];
 
 const LAYOUT_GENERATORS: Record<CollageLayout, LayoutGenerator> = {
   grid: generateGridLayout,
@@ -57,14 +57,12 @@ export const BackgroundImageCollage: React.FC<BackgroundImageCollageProps> = ({
   borderRadius,
   opacity = 1,
 }) => {
-  const safeImages = ensureArray(images);
-
   const imageLayouts = useMemo(() => {
-    if (safeImages.length === 0) return [];
+    if (!images || images.length === 0) return [];
 
     const generator = LAYOUT_GENERATORS[layout] ?? generateGridLayout;
-    return generator(safeImages, { columns, gap, borderRadius });
-  }, [safeImages, layout, columns, gap, borderRadius]);
+    return generator(images, { columns, gap, borderRadius });
+  }, [images, layout, columns, gap, borderRadius]);
 
   if (imageLayouts.length === 0) return null;
 

package/src/presentation/components/questions/MultipleChoiceQuestion.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
-import { useOnboardingProvider } from "@/presentation/providers/OnboardingProvider";
-import { ensureArray } from "@/infrastructure/utils/arrayUtils";
-import type { OnboardingQuestion, QuestionOption } from "@/domain/entities/OnboardingQuestion";
+import { useOnboardingProvider } from "../../providers/OnboardingProvider";
+import { ensureArray } from "../../../infrastructure/utils/arrayUtils";
+import type { OnboardingQuestion, QuestionOption } from "../../../domain/entities/OnboardingQuestion";
 
 export interface MultipleChoiceQuestionProps {
   question: OnboardingQuestion;