dhre-ui-kit 0.0.377 → 0.0.378

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';
@@ -343,9 +344,27 @@ const CustomTypography = ({
   style,
   text,
   testID = "CUSTOM_TYPOGRAPHY",
+  translateToArabic = false,
   ...props
 }) => {
+  const [translatedText, setTranslatedText] = useState(text || "");
   const textStyle = FONT_STYLES[variant];
+  useEffect(() => {
+    const translateText = async () => {
+      if (!translateToArabic || !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, translateToArabic]);
   return /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -353,7 +372,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    text
+    translatedText
   );
 };
 const styles$B = StyleSheet.create({
@@ -3706,7 +3725,7 @@ const styles$l = StyleSheet.create({
 });
 
 const Toast = React.forwardRef(
-  ({ sucessIcon, errorIcon, warningIcon }, ref) => {
+  ({ sucessIcon, errorIcon, warningIcon, language }, ref) => {
     const [visible, setVisible] = useState(false);
     const [message, setMessage] = useState("");
     const [isSuccess, setIsSuccess] = useState(true);
@@ -3778,6 +3797,7 @@ const Toast = React.forwardRef(
         {
           variant: "L2_REGULAR",
           text: message,
+          translateToArabic: language === "ar",
           style: styles$l.messageText
         }
       ), btnText && /* @__PURE__ */ React.createElement(