dhre-ui-kit 0.0.373 → 0.0.375

package/lib/index.d.ts

@@ -483,6 +483,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);
@@ -374,14 +376,55 @@ const FONT_STYLES = {
   [FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 10, 14)
 };
 
+const translateToArabic = async (text) => {
+  if (!text || text.trim() === "") {
+    return text;
+  }
+  try {
+    const result = await translate__default["default"](text, { to: "ar" });
+    return result.text || text;
+  } catch (error) {
+    console.error("Translation error:", error);
+    return text;
+  }
+};
+const useArabicTranslation = (text, shouldTranslate = false) => {
+  const [translatedText, setTranslatedText] = React.useState(text || "");
+  const [isTranslating, setIsTranslating] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (!shouldTranslate || !text) {
+      setTranslatedText(text || "");
+      return;
+    }
+    const translate2 = async () => {
+      setIsTranslating(true);
+      setError(null);
+      try {
+        const translated = await translateToArabic(text);
+        setTranslatedText(translated);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Translation failed");
+        setTranslatedText(text);
+      } finally {
+        setIsTranslating(false);
+      }
+    };
+    translate2();
+  }, [text, shouldTranslate]);
+  return { translatedText, isTranslating, error };
+};
+
 const CustomTypography = ({
   variant,
   style,
   text,
   testID = "CUSTOM_TYPOGRAPHY",
+  translateToArabic = true,
   ...props
 }) => {
   const textStyle = FONT_STYLES[variant];
+  const { translatedText } = useArabicTranslation(text, translateToArabic);
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Text,
     {
@@ -389,7 +432,7 @@ const CustomTypography = ({
       style: [textStyle, styles$B.container, style],
       ...props
     },
-    "Testing"
+    translatedText
   );
 };
 const styles$B = reactNative.StyleSheet.create({
@@ -408,7 +451,7 @@ const CustomText = ({
     CustomTypography,
     {
       variant,
-      text: "Testing",
+      text: text || "",
       style: [{ color: theme[textColor] }, style],
       ...props
     }