dhre-ui-kit 0.0.245 → 0.0.246

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
@@ -715,6 +715,7 @@ interface IProps$1 {
715
715
  disabled?: boolean;
716
716
  maxResendCount?: number;
717
717
  timerToResend?: number;
718
+ timerIcon?: React.ReactElement;
718
719
  }
719
720
  type OTPInputHandle = {
720
721
  reset?: () => void;
package/lib/index.js CHANGED
@@ -4017,7 +4017,8 @@ const styles$5 = reactNative.StyleSheet.create({
4017
4017
  flexDirection: "row",
4018
4018
  justifyContent: "space-between",
4019
4019
  marginTop: verticalScale(8)
4020
- }
4020
+ },
4021
+ timerIconContainer: { flexDirection: "row", gap: horizontalScale(8) }
4021
4022
  });
4022
4023
 
4023
4024
  const OTPInput = React__default["default"].forwardRef(
@@ -4037,7 +4038,8 @@ const OTPInput = React__default["default"].forwardRef(
4037
4038
  mode,
4038
4039
  disabled,
4039
4040
  maxResendCount = 2,
4040
- timerToResend = 6e4
4041
+ timerToResend = 6e4,
4042
+ timerIcon
4041
4043
  }, ref) => {
4042
4044
  const [otp, setOTP] = React.useState("");
4043
4045
  const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
@@ -4192,16 +4194,14 @@ const OTPInput = React__default["default"].forwardRef(
4192
4194
  autoComplete: "sms-otp",
4193
4195
  selectionColor: theme$1.CONTENT_PRIMARY
4194
4196
  }
4195
- ))), !errorMessageMaxReachCount && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.timerContainer }, /* @__PURE__ */ React__default["default"].createElement(
4197
+ ))), !errorMessageMaxReachCount && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.timerContainer }, timeLeft !== 0 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React__default["default"].createElement(
4196
4198
  CustomTypography,
4197
4199
  {
4198
4200
  text: `${timeLeft} sec`,
4199
4201
  variant: FontStyle.L2_REGULAR,
4200
- style: {
4201
- ...resendTextStyle
4202
- }
4202
+ style: { color: theme$1.CONTENT_PRIMARY }
4203
4203
  }
4204
- ), /* @__PURE__ */ React__default["default"].createElement(
4204
+ )), /* @__PURE__ */ React__default["default"].createElement(
4205
4205
  reactNative.Pressable,
4206
4206
  {
4207
4207
  onPress: onClickResendOTP,