dhre-ui-kit 0.0.375 → 0.0.377
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +0 -1
- package/lib/index.js +1 -44
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +1 -43
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -2
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactRedux = require('react-redux');
|
|
7
7
|
var reactNative = require('react-native');
|
|
8
|
-
var translate = require('google-translate-api-x');
|
|
9
8
|
var Modal = require('react-native-modal');
|
|
10
9
|
var Clipboard = require('@react-native-clipboard/clipboard');
|
|
11
10
|
var LottieView = require('lottie-react-native');
|
|
@@ -42,7 +41,6 @@ function _interopNamespace(e) {
|
|
|
42
41
|
}
|
|
43
42
|
|
|
44
43
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
45
|
-
var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
|
|
46
44
|
var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
|
|
47
45
|
var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
|
|
48
46
|
var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
|
|
@@ -376,55 +374,14 @@ const FONT_STYLES = {
|
|
|
376
374
|
[FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 10, 14)
|
|
377
375
|
};
|
|
378
376
|
|
|
379
|
-
const translateToArabic = async (text) => {
|
|
380
|
-
if (!text || text.trim() === "") {
|
|
381
|
-
return text;
|
|
382
|
-
}
|
|
383
|
-
try {
|
|
384
|
-
const result = await translate__default["default"](text, { to: "ar" });
|
|
385
|
-
return result.text || text;
|
|
386
|
-
} catch (error) {
|
|
387
|
-
console.error("Translation error:", error);
|
|
388
|
-
return text;
|
|
389
|
-
}
|
|
390
|
-
};
|
|
391
|
-
const useArabicTranslation = (text, shouldTranslate = false) => {
|
|
392
|
-
const [translatedText, setTranslatedText] = React.useState(text || "");
|
|
393
|
-
const [isTranslating, setIsTranslating] = React.useState(false);
|
|
394
|
-
const [error, setError] = React.useState(null);
|
|
395
|
-
React.useEffect(() => {
|
|
396
|
-
if (!shouldTranslate || !text) {
|
|
397
|
-
setTranslatedText(text || "");
|
|
398
|
-
return;
|
|
399
|
-
}
|
|
400
|
-
const translate2 = async () => {
|
|
401
|
-
setIsTranslating(true);
|
|
402
|
-
setError(null);
|
|
403
|
-
try {
|
|
404
|
-
const translated = await translateToArabic(text);
|
|
405
|
-
setTranslatedText(translated);
|
|
406
|
-
} catch (err) {
|
|
407
|
-
setError(err instanceof Error ? err.message : "Translation failed");
|
|
408
|
-
setTranslatedText(text);
|
|
409
|
-
} finally {
|
|
410
|
-
setIsTranslating(false);
|
|
411
|
-
}
|
|
412
|
-
};
|
|
413
|
-
translate2();
|
|
414
|
-
}, [text, shouldTranslate]);
|
|
415
|
-
return { translatedText, isTranslating, error };
|
|
416
|
-
};
|
|
417
|
-
|
|
418
377
|
const CustomTypography = ({
|
|
419
378
|
variant,
|
|
420
379
|
style,
|
|
421
380
|
text,
|
|
422
381
|
testID = "CUSTOM_TYPOGRAPHY",
|
|
423
|
-
translateToArabic = true,
|
|
424
382
|
...props
|
|
425
383
|
}) => {
|
|
426
384
|
const textStyle = FONT_STYLES[variant];
|
|
427
|
-
const { translatedText } = useArabicTranslation(text, translateToArabic);
|
|
428
385
|
return /* @__PURE__ */ React__default["default"].createElement(
|
|
429
386
|
reactNative.Text,
|
|
430
387
|
{
|
|
@@ -432,7 +389,7 @@ const CustomTypography = ({
|
|
|
432
389
|
style: [textStyle, styles$B.container, style],
|
|
433
390
|
...props
|
|
434
391
|
},
|
|
435
|
-
|
|
392
|
+
text
|
|
436
393
|
);
|
|
437
394
|
};
|
|
438
395
|
const styles$B = reactNative.StyleSheet.create({
|