@umituz/react-native-design-system 2.11.6 → 2.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.11.6",
+  "version": "2.11.7",
   "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",
@@ -71,7 +71,6 @@
     "@tanstack/query-async-storage-persister": ">=5.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "@tanstack/react-query-persist-client": ">=5.0.0",
-    "@umituz/react-native-localization": "*",
     "expo-application": ">=5.0.0",
     "expo-clipboard": ">=8.0.0",
     "expo-crypto": ">=13.0.0",
@@ -118,7 +117,6 @@
     "@types/react-native": "^0.73.0",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
-    "@umituz/react-native-localization": "*",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -141,9 +139,7 @@
     "expo-secure-store": "~15.0.8",
     "expo-sharing": "~14.0.8",
     "expo-video": "~3.0.15",
-    "i18next": "^25.0.0",
     "react": "19.1.0",
-    "react-i18next": "^16.0.0",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "^2.20.0",
     "react-native-safe-area-context": "^5.6.0",

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

@@ -2,7 +2,6 @@ import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicIcon, useIconName } from "../../../atoms";
 import { AtomicText } from "../../../atoms/AtomicText";
-import { useLocalization } from "@umituz/react-native-localization";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";
 
 export interface OnboardingHeaderProps {
@@ -22,14 +21,11 @@ export const OnboardingHeader = ({
   showSkipButton = true,
   skipButtonText,
 }: OnboardingHeaderProps) => {
-  const { t } = useLocalization();
   const {
     theme: { colors },
   } = useOnboardingProvider();
   const chevronLeftIcon = useIconName('chevronLeft');
 
-  const skipText = skipButtonText || t("onboarding.skip");
-
   return (
     <View style={styles.header}>
       {showBackButton ? (
@@ -52,13 +48,13 @@ export const OnboardingHeader = ({
       ) : (
         <View style={styles.headerButton} />
       )}
-      {showSkipButton ? (
+      {showSkipButton && skipButtonText ? (
         <TouchableOpacity onPress={onSkip} activeOpacity={0.7}>
           <AtomicText
             type="labelLarge"
             style={[styles.skipText, { color: colors.textColor }]}
           >
-            {skipText}
+            {skipButtonText}
           </AtomicText>
         </TouchableOpacity>
       ) : <View />}

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

@@ -1,8 +1,3 @@
-/**
- * QuestionSlide Component
- * Single Responsibility: Render a question-type slide
- */
-
 import React from "react";
 import { View, StyleSheet } from "react-native";
 import { AtomicText } from "../../../atoms/AtomicText";
@@ -11,24 +6,24 @@ import { QuestionSlideHeader } from "./QuestionSlideHeader";
 import { QuestionRenderer } from "./QuestionRenderer";
 import { BaseSlide } from "./BaseSlide";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";
-import { useLocalization } from "@umituz/react-native-localization";
 
 export interface QuestionSlideProps {
   slide: OnboardingSlide;
   value: any;
   onChange: (value: any) => void;
   variant?: "default" | "card" | "minimal" | "fullscreen";
+  fieldRequiredText?: string;
 }
 
 export const QuestionSlide = ({
   slide,
   value,
   onChange,
+  fieldRequiredText,
 }: QuestionSlideProps) => {
   const {
     theme: { colors },
   } = useOnboardingProvider();
-  const { t } = useLocalization();
   const { question } = slide;
 
   if (!question) return null;
@@ -41,12 +36,12 @@ export const QuestionSlide = ({
         <QuestionRenderer question={question} value={value} onChange={onChange} />
       </View>
 
-      {question.validation?.required && !value && (
+      {question.validation?.required && !value && fieldRequiredText && (
         <AtomicText
           type="labelSmall"
           style={[styles.requiredHint, { color: colors.errorColor }]}
         >
-          {t("onboarding.fieldRequired")}
+          {fieldRequiredText}
         </AtomicText>
       )}
     </BaseSlide>

package/src/timezone/presentation/hooks/useTimezone.ts

@@ -1,12 +1,4 @@
-/**
- * useTimezone Hook
- *
- * React hook for timezone operations with automatic locale integration
- * Integrates with localization package for locale-aware date/time formatting
- */
-
 import { useMemo, useCallback } from 'react';
-import { useLocalization } from '@umituz/react-native-localization';
 import { timezoneService } from '../../infrastructure/services/TimezoneService';
 import type { TimezoneInfo, TimezoneCalendarDay } from '../../domain/entities/Timezone';
 
@@ -51,24 +43,28 @@ export interface UseTimezoneReturn {
   fromNow: (date: Date) => string;
 }
 
-export const useTimezone = (): UseTimezoneReturn => {
-  const { currentLanguage } = useLocalization();
+export interface UseTimezoneOptions {
+  locale?: string;
+}
+
+export const useTimezone = (options?: UseTimezoneOptions): UseTimezoneReturn => {
+  const locale = options?.locale ?? 'en';
   const timezoneInfo = useMemo(() => timezoneService.getTimezoneInfo(), []);
 
   const formatDate = useCallback((date: Date, options?: Intl.DateTimeFormatOptions) =>
-    timezoneService.formatDate(date, currentLanguage, options), [currentLanguage]);
+    timezoneService.formatDate(date, locale, options), [locale]);
 
   const formatTime = useCallback((date: Date, options?: Intl.DateTimeFormatOptions) =>
-    timezoneService.formatTime(date, currentLanguage, options), [currentLanguage]);
+    timezoneService.formatTime(date, locale, options), [locale]);
 
   const formatDateTime = useCallback((date: Date, options?: Intl.DateTimeFormatOptions) =>
-    timezoneService.formatDateTime(date, currentLanguage, options), [currentLanguage]);
+    timezoneService.formatDateTime(date, locale, options), [locale]);
 
   const formatRelativeTime = useCallback((date: Date) =>
-    timezoneService.formatRelativeTime(date, currentLanguage), [currentLanguage]);
+    timezoneService.formatRelativeTime(date, locale), [locale]);
 
   const fromNow = useCallback((date: Date) =>
-    timezoneService.fromNow(date, currentLanguage), [currentLanguage]);
+    timezoneService.fromNow(date, locale), [locale]);
 
   const getCalendarDays = useCallback((year: number, month: number) =>
     timezoneService.getCalendarDays(year, month), []);