dhre-ui-kit 0.0.385 → 0.0.387

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,23 +344,9 @@ const CustomTypography = ({
   style,
   text,
   testID = "CUSTOM_TYPOGRAPHY",
-  translateToArabic = false,
   ...props
 }) => {
-  const [translatedText, setTranslatedText] = useState();
   const textStyle = FONT_STYLES[variant];
-  useEffect(() => {
-    const translateText = async () => {
-      try {
-        const res = await translate(text ?? "", { to: "ar" });
-        setTranslatedText(translateToArabic ? res?.text : text);
-      } catch (error) {
-        console.error("Translation error:", error);
-        setTranslatedText(text);
-      }
-    };
-    translateText();
-  }, [text, translateToArabic]);
   return /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -368,7 +354,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    translatedText
+    text
   );
 };
 const styles$B = StyleSheet.create({
@@ -3691,7 +3677,10 @@ const styles$l = StyleSheet.create({
     flex: 1,
     color: "#fff",
     textAlign: "left",
-    marginLeft: horizontalScale(8)
+    marginLeft: horizontalScale(8),
+    fontSize: moderateScale(12),
+    lineHeight: verticalScale(16.8),
+    fontFamily: "MeraasAktiv-Regular"
   },
   button: {
     marginLeft: 9
@@ -3734,6 +3723,7 @@ const Toast = React.forwardRef(
     );
     const [subjectText, setSubjectText] = useState(null);
     const [warning, setWarning] = useState(false);
+    const [translatedText, setTranslatedText] = useState();
     const bottom = useRef(new Animated.Value(-80)).current;
     const showToast = (toastMessage, duration = 3e3, success = true, buttonText = null, buttonAction = null, height2 = 72, subText = null, subTextPress = null, warning2 = false) => {
       setMessage(toastMessage);
@@ -3777,6 +3767,17 @@ const Toast = React.forwardRef(
     React.useImperativeHandle(ref, () => ({
       showToast
     }));
+    useEffect(() => {
+      const translateText = async () => {
+        try {
+          const res = await translate(message, { to: "ar" });
+          setTranslatedText(res?.text);
+        } catch (error) {
+          setTranslatedText(message);
+        }
+      };
+      translateText();
+    }, [message]);
     return visible ? /* @__PURE__ */ React.createElement(
       Animated.View,
       {
@@ -3788,15 +3789,7 @@ const Toast = React.forwardRef(
         ],
         testID: "TOAST"
       },
-      /* @__PURE__ */ React.createElement(View, { style: styles$l.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$l.innerContainer }, /* @__PURE__ */ React.createElement(Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : warning ? warningIcon : errorIcon), /* @__PURE__ */ React.createElement(
-        CustomTypography,
-        {
-          variant: "L2_REGULAR",
-          text: message,
-          translateToArabic: true,
-          style: styles$l.messageText
-        }
-      ), btnText && /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(View, { style: styles$l.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$l.innerContainer }, /* @__PURE__ */ React.createElement(Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : warning ? warningIcon : errorIcon), /* @__PURE__ */ React.createElement(Text, { style: styles$l.messageText }, translatedText), btnText && /* @__PURE__ */ React.createElement(
         Pressable,
         {
           style: styles$l.button,