dhre-ui-kit 0.0.374 → 0.0.376

package/lib/index.mjs

@@ -1,6 +1,7 @@
 import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import { Dimensions, StyleSheet, Text, Pressable, View, Platform, KeyboardAvoidingView, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
+import translate from 'google-translate-api-x';
 import Modal from 'react-native-modal';
 import Clipboard from '@react-native-clipboard/clipboard';
 import LottieView from 'lottie-react-native';
@@ -345,7 +346,24 @@ const CustomTypography = ({
   testID = "CUSTOM_TYPOGRAPHY",
   ...props
 }) => {
+  const [translatedText, setTranslatedText] = useState(text || "");
   const textStyle = FONT_STYLES[variant];
+  useEffect(() => {
+    const translateText = async () => {
+      if (!text || text.trim() === "") {
+        setTranslatedText(text || "");
+        return;
+      }
+      try {
+        const res = await translate(text, { to: "ar" });
+        setTranslatedText(res.text);
+      } catch (error) {
+        console.error("Translation error:", error);
+        setTranslatedText(text);
+      }
+    };
+    translateText();
+  }, [text]);
   return /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -353,7 +371,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    text
+    translatedText
   );
 };
 const styles$B = StyleSheet.create({