dhre-ui-kit 0.0.380 → 0.0.382

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 CHANGED
@@ -484,6 +484,7 @@ interface TypoTextProps extends TextProps {
484
484
  variant: keyof typeof FONT_STYLES;
485
485
  text?: string;
486
486
  testID?: string;
487
+ translateToArabic?: boolean;
487
488
  }
488
489
  declare const CustomTypography: React$1.FC<TypoTextProps>;
489
490
 
package/lib/index.js CHANGED
@@ -5,13 +5,13 @@ 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');
8
9
  var Modal = require('react-native-modal');
9
10
  var Clipboard = require('@react-native-clipboard/clipboard');
10
11
  var LottieView = require('lottie-react-native');
11
12
  var Tooltip = require('react-native-walkthrough-tooltip');
12
13
  var Pdf = require('react-native-pdf');
13
14
  var Progress = require('react-native-progress');
14
- var translate = require('google-translate-api-x');
15
15
  var reactNativeGestureHandler = require('react-native-gesture-handler');
16
16
  var DeviceInfo = require('react-native-device-info');
17
17
  var reactNativeCalendars = require('react-native-calendars');
@@ -42,13 +42,13 @@ function _interopNamespace(e) {
42
42
  }
43
43
 
44
44
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
45
+ var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
45
46
  var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
46
47
  var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
47
48
  var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
48
49
  var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
49
50
  var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
50
51
  var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
51
- var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
52
52
  var DeviceInfo__default = /*#__PURE__*/_interopDefaultLegacy(DeviceInfo);
53
53
  var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
54
54
  var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
@@ -381,9 +381,27 @@ const CustomTypography = ({
381
381
  style,
382
382
  text,
383
383
  testID = "CUSTOM_TYPOGRAPHY",
384
+ translateToArabic = false,
384
385
  ...props
385
386
  }) => {
387
+ const [translatedText, setTranslatedText] = React.useState(text || "");
386
388
  const textStyle = FONT_STYLES[variant];
389
+ React.useEffect(() => {
390
+ const translateText = async () => {
391
+ if (!translateToArabic || !text || text.trim() === "") {
392
+ setTranslatedText(text || "");
393
+ return;
394
+ }
395
+ try {
396
+ const res = await translate__default["default"](text, { to: "ar" });
397
+ setTranslatedText(res.text);
398
+ } catch (error) {
399
+ console.error("Translation error:", error);
400
+ setTranslatedText(text);
401
+ }
402
+ };
403
+ translateText();
404
+ }, [text, translateToArabic]);
387
405
  return /* @__PURE__ */ React__default["default"].createElement(
388
406
  reactNative.Text,
389
407
  {
@@ -391,7 +409,7 @@ const CustomTypography = ({
391
409
  style: [textStyle, styles$B.container, style],
392
410
  ...props
393
411
  },
394
- text
412
+ translatedText
395
413
  );
396
414
  };
397
415
  const styles$B = reactNative.StyleSheet.create({
@@ -3744,7 +3762,7 @@ const styles$l = reactNative.StyleSheet.create({
3744
3762
  });
3745
3763
 
3746
3764
  const Toast = React__default["default"].forwardRef(
3747
- ({ sucessIcon, errorIcon, warningIcon, language }, ref) => {
3765
+ ({ sucessIcon, errorIcon, warningIcon }, ref) => {
3748
3766
  const [visible, setVisible] = React.useState(false);
3749
3767
  const [message, setMessage] = React.useState("");
3750
3768
  const [isSuccess, setIsSuccess] = React.useState(true);
@@ -3800,19 +3818,6 @@ const Toast = React__default["default"].forwardRef(
3800
3818
  React__default["default"].useImperativeHandle(ref, () => ({
3801
3819
  showToast
3802
3820
  }));
3803
- const [translatedText, setTranslatedText] = React.useState("");
3804
- React.useEffect(() => {
3805
- const translateText = async () => {
3806
- try {
3807
- const res = await translate__default["default"](message, { to: "ar" });
3808
- setTranslatedText(res.text);
3809
- } catch (error) {
3810
- console.error("Translation error:", error);
3811
- setTranslatedText("error");
3812
- }
3813
- };
3814
- translateText();
3815
- }, []);
3816
3821
  return visible ? /* @__PURE__ */ React__default["default"].createElement(
3817
3822
  reactNative.Animated.View,
3818
3823
  {
@@ -3828,7 +3833,8 @@ const Toast = React__default["default"].forwardRef(
3828
3833
  CustomTypography,
3829
3834
  {
3830
3835
  variant: "L2_REGULAR",
3831
- text: translatedText,
3836
+ text: message,
3837
+ translateToArabic: true,
3832
3838
  style: styles$l.messageText
3833
3839
  }
3834
3840
  ), btnText && /* @__PURE__ */ React__default["default"].createElement(