dhre-ui-kit 0.0.379 → 0.0.381

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,27 +344,9 @@ 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,
     {
@@ -372,7 +354,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    translatedText
+    text
   );
 };
 const styles$B = StyleSheet.create({
@@ -3781,6 +3763,19 @@ 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,
       {
@@ -3796,8 +3791,7 @@ const Toast = React.forwardRef(
         CustomTypography,
         {
           variant: "L2_REGULAR",
-          text: message,
-          translateToArabic: true,
+          text: translatedText,
           style: styles$l.messageText
         }
       ), btnText && /* @__PURE__ */ React.createElement(