dhre-ui-kit 0.0.386 → 0.0.388

package/lib/index.d.ts

@@ -384,7 +384,6 @@ interface ToastProps {
     sucessIcon: React$1.ReactElement;
     errorIcon: React$1.ReactElement;
     warningIcon: React$1.ReactElement;
-    language?: string;
 }
 interface ToastRef {
     showToast: (message: string, duration?: number, isSuccess?: boolean, buttonText?: string | null, buttonAction?: (() => void) | null, height?: number, subText?: string | null, subTextPress?: (() => void) | null, warning?: boolean) => void;
@@ -484,7 +483,6 @@ interface TypoTextProps extends TextProps {
     variant: keyof typeof FONT_STYLES;
     text?: string;
     testID?: string;
-    translateToArabic?: boolean;
 }
 declare const CustomTypography: React$1.FC<TypoTextProps>;
 

package/lib/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactRedux = require('react-redux');
 var reactNative = require('react-native');
-var translate = require('google-translate-api-x');
 var Modal = require('react-native-modal');
 var Clipboard = require('@react-native-clipboard/clipboard');
 var LottieView = require('lottie-react-native');
 var Tooltip = require('react-native-walkthrough-tooltip');
 var Pdf = require('react-native-pdf');
 var Progress = require('react-native-progress');
+var translate = require('google-translate-api-x');
 var reactNativeGestureHandler = require('react-native-gesture-handler');
 var DeviceInfo = require('react-native-device-info');
 var reactNativeCalendars = require('react-native-calendars');
@@ -42,13 +42,13 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
 var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
 var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
 var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
+var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
 var DeviceInfo__default = /*#__PURE__*/_interopDefaultLegacy(DeviceInfo);
 var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
 var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
@@ -381,23 +381,9 @@ const CustomTypography = ({
   style,
   text,
   testID = "CUSTOM_TYPOGRAPHY",
-  translateToArabic = false,
   ...props
 }) => {
-  const [translatedText, setTranslatedText] = React.useState();
   const textStyle = FONT_STYLES[variant];
-  React.useEffect(() => {
-    const translateText = async () => {
-      try {
-        const res = await translate__default["default"](text ?? "", { to: "ar" });
-        setTranslatedText(translateToArabic ? res?.text : text);
-      } catch (error) {
-        console.error("Translation error:", error);
-        setTranslatedText(text);
-      }
-    };
-    translateText();
-  }, [text]);
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Text,
     {
@@ -405,7 +391,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    translatedText
+    text
   );
 };
 const styles$B = reactNative.StyleSheet.create({
@@ -3728,7 +3714,10 @@ const styles$l = reactNative.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
@@ -3771,6 +3760,7 @@ const Toast = React__default["default"].forwardRef(
     );
     const [subjectText, setSubjectText] = React.useState(null);
     const [warning, setWarning] = React.useState(false);
+    const [translatedText, setTranslatedText] = React.useState();
     const bottom = React.useRef(new reactNative.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);
@@ -3814,7 +3804,18 @@ const Toast = React__default["default"].forwardRef(
     React__default["default"].useImperativeHandle(ref, () => ({
       showToast
     }));
-    return visible ? /* @__PURE__ */ React__default["default"].createElement(
+    React.useEffect(() => {
+      const translateText = async () => {
+        try {
+          const res = await translate__default["default"](message, { to: "ar" });
+          setTranslatedText(res?.text);
+        } catch (error) {
+          setTranslatedText(message);
+        }
+      };
+      translateText();
+    }, [message]);
+    return visible && translatedText?.length ? /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Animated.View,
       {
         style: [
@@ -3825,15 +3826,7 @@ const Toast = React__default["default"].forwardRef(
         ],
         testID: "TOAST"
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.innerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : warning ? warningIcon : errorIcon), /* @__PURE__ */ React__default["default"].createElement(
-        CustomTypography,
-        {
-          variant: "L2_REGULAR",
-          text: message,
-          translateToArabic: true,
-          style: styles$l.messageText
-        }
-      ), btnText && /* @__PURE__ */ React__default["default"].createElement(
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.innerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : warning ? warningIcon : errorIcon), /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles$l.messageText }, translatedText), btnText && /* @__PURE__ */ React__default["default"].createElement(
         reactNative.Pressable,
         {
           style: styles$l.button,