dhre-ui-kit 0.0.245 → 0.0.247
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 +1 -0
- package/lib/index.js +13 -10
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +13 -10
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -3974,13 +3974,17 @@ const styles$5 = StyleSheet.create({
|
|
|
3974
3974
|
textDecorationLine: "underline"
|
|
3975
3975
|
},
|
|
3976
3976
|
resendOTPStyle: {
|
|
3977
|
-
alignSelf: "flex-end"
|
|
3978
|
-
marginTop: verticalScale(8)
|
|
3977
|
+
alignSelf: "flex-end"
|
|
3979
3978
|
},
|
|
3980
3979
|
timerContainer: {
|
|
3981
3980
|
flexDirection: "row",
|
|
3982
3981
|
justifyContent: "space-between",
|
|
3983
3982
|
marginTop: verticalScale(8)
|
|
3983
|
+
},
|
|
3984
|
+
timerIconContainer: {
|
|
3985
|
+
flexDirection: "row",
|
|
3986
|
+
gap: horizontalScale(8),
|
|
3987
|
+
alignItems: "center"
|
|
3984
3988
|
}
|
|
3985
3989
|
});
|
|
3986
3990
|
|
|
@@ -4001,7 +4005,8 @@ const OTPInput = React.forwardRef(
|
|
|
4001
4005
|
mode,
|
|
4002
4006
|
disabled,
|
|
4003
4007
|
maxResendCount = 2,
|
|
4004
|
-
timerToResend = 6e4
|
|
4008
|
+
timerToResend = 6e4,
|
|
4009
|
+
timerIcon
|
|
4005
4010
|
}, ref) => {
|
|
4006
4011
|
const [otp, setOTP] = useState("");
|
|
4007
4012
|
const [isResendOtpEnable, setIsResendOtpEnable] = useState(false);
|
|
@@ -4156,16 +4161,14 @@ const OTPInput = React.forwardRef(
|
|
|
4156
4161
|
autoComplete: "sms-otp",
|
|
4157
4162
|
selectionColor: theme$1.CONTENT_PRIMARY
|
|
4158
4163
|
}
|
|
4159
|
-
))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, /* @__PURE__ */ React.createElement(
|
|
4164
|
+
))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React.createElement(
|
|
4160
4165
|
CustomTypography,
|
|
4161
4166
|
{
|
|
4162
|
-
text:
|
|
4163
|
-
variant: FontStyle.
|
|
4164
|
-
style: {
|
|
4165
|
-
...resendTextStyle
|
|
4166
|
-
}
|
|
4167
|
+
text: `00:${timeLeft} secs`,
|
|
4168
|
+
variant: FontStyle.L1_REGULAR,
|
|
4169
|
+
style: { color: theme$1.INFO }
|
|
4167
4170
|
}
|
|
4168
|
-
), /* @__PURE__ */ React.createElement(
|
|
4171
|
+
)), /* @__PURE__ */ React.createElement(
|
|
4169
4172
|
Pressable,
|
|
4170
4173
|
{
|
|
4171
4174
|
onPress: onClickResendOTP,
|