dhre-ui-kit 0.0.375 → 0.0.376

package/lib/index.mjs

@@ -339,55 +339,31 @@ 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(text, { to: "ar" });
-    return result.text || text;
-  } catch (error) {
-    console.error("Translation error:", error);
-    return text;
-  }
-};
-const useArabicTranslation = (text, shouldTranslate = false) => {
-  const [translatedText, setTranslatedText] = useState(text || "");
-  const [isTranslating, setIsTranslating] = useState(false);
-  const [error, setError] = useState(null);
-  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 [translatedText, setTranslatedText] = useState(text || "");
   const textStyle = FONT_STYLES[variant];
-  const { translatedText } = useArabicTranslation(text, translateToArabic);
+  useEffect(() => {
+    const translateText = async () => {
+      if (!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]);
   return /* @__PURE__ */ React.createElement(
     Text,
     {