dhre-ui-kit 0.0.381 → 0.0.382

package/lib/index.mjs

@@ -1,13 +1,13 @@
 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';
 import Tooltip from 'react-native-walkthrough-tooltip';
 import Pdf from 'react-native-pdf';
 import * as Progress from 'react-native-progress';
-import translate from 'google-translate-api-x';
 import { GestureHandlerRootView, Swipeable, ScrollView as ScrollView$1 } from 'react-native-gesture-handler';
 import DeviceInfo from 'react-native-device-info';
 import { Calendar } from 'react-native-calendars';
@@ -344,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,
     {
@@ -354,7 +372,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    text
+    translatedText
   );
 };
 const styles$B = StyleSheet.create({
@@ -3707,7 +3725,7 @@ const styles$l = StyleSheet.create({
 });
 
 const Toast = React.forwardRef(
-  ({ sucessIcon, errorIcon, warningIcon, language }, ref) => {
+  ({ sucessIcon, errorIcon, warningIcon }, ref) => {
     const [visible, setVisible] = useState(false);
     const [message, setMessage] = useState("");
     const [isSuccess, setIsSuccess] = useState(true);
@@ -3763,19 +3781,6 @@ const Toast = React.forwardRef(
     React.useImperativeHandle(ref, () => ({
       showToast
     }));
-    const [translatedText, setTranslatedText] = useState("");
-    useEffect(() => {
-      const translateText = async () => {
-        try {
-          const res = await translate(message, { to: "ar" });
-          setTranslatedText(res.text);
-        } catch (error) {
-          setTranslatedText(JSON.stringify(error));
-          console.error("Translation error:", error);
-        }
-      };
-      translateText();
-    }, []);
     return visible ? /* @__PURE__ */ React.createElement(
       Animated.View,
       {
@@ -3791,7 +3796,8 @@ const Toast = React.forwardRef(
         CustomTypography,
         {
           variant: "L2_REGULAR",
-          text: translatedText,
+          text: message,
+          translateToArabic: true,
           style: styles$l.messageText
         }
       ), btnText && /* @__PURE__ */ React.createElement(