dhre-ui-kit 0.0.377 → 0.0.378

package/lib/index.d.ts

@@ -384,6 +384,7 @@ 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;
@@ -483,6 +484,7 @@ 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,6 +5,7 @@ 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');
@@ -41,6 +42,7 @@ 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);
@@ -379,9 +381,27 @@ const CustomTypography = ({
   style,
   text,
   testID = "CUSTOM_TYPOGRAPHY",
+  translateToArabic = false,
   ...props
 }) => {
+  const [translatedText, setTranslatedText] = React.useState(text || "");
   const textStyle = FONT_STYLES[variant];
+  React.useEffect(() => {
+    const translateText = async () => {
+      if (!translateToArabic || !text || text.trim() === "") {
+        setTranslatedText(text || "");
+        return;
+      }
+      try {
+        const res = await translate__default["default"](text, { to: "ar" });
+        setTranslatedText(res.text);
+      } catch (error) {
+        console.error("Translation error:", error);
+        setTranslatedText(text);
+      }
+    };
+    translateText();
+  }, [text, translateToArabic]);
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Text,
     {
@@ -389,7 +409,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    text
+    translatedText
   );
 };
 const styles$B = reactNative.StyleSheet.create({
@@ -3742,7 +3762,7 @@ const styles$l = reactNative.StyleSheet.create({
 });
 
 const Toast = React__default["default"].forwardRef(
-  ({ sucessIcon, errorIcon, warningIcon }, ref) => {
+  ({ sucessIcon, errorIcon, warningIcon, language }, ref) => {
     const [visible, setVisible] = React.useState(false);
     const [message, setMessage] = React.useState("");
     const [isSuccess, setIsSuccess] = React.useState(true);
@@ -3814,6 +3834,7 @@ const Toast = React__default["default"].forwardRef(
         {
           variant: "L2_REGULAR",
           text: message,
+          translateToArabic: language === "ar",
           style: styles$l.messageText
         }
       ), btnText && /* @__PURE__ */ React__default["default"].createElement(